fix: allow dialogs and bottomsheet views to access ns-root css variables

Author: farfromrefug

src/bottomsheet/bottomsheet.android.ts

@@ -146,6 +146,7 @@ export class ViewWithBottomSheet extends ViewWithBottomSheetBase {
                 savedInstanceState: android.os.Bundle
             ): android.view.View {
                 owner._setupAsRootView(fragment.getActivity());
+                owner.parent = Application.getRootView();
                 owner._isAddedToNativeVisualTree = true;
                 return owner.nativeViewProtected;
             },
@@ -237,6 +238,7 @@ export class ViewWithBottomSheet extends ViewWithBottomSheetBase {
                     }
                     owner._isAddedToNativeVisualTree = false;
                     owner._tearDownUI(true);
+                    owner.parent = null;
                 }
             }
         });

src/bottomsheet/bottomsheet.ios.ts

@@ -361,6 +361,7 @@ export class ViewWithBottomSheet extends ViewWithBottomSheetBase {
             return;
         }
         this._setupAsRootView({});
+        this.parent = Application.getRootView();
 
         this._commonShowNativeBottomSheet(parentWithController, options);
         let controller: IMDLayoutViewController = this.viewController;
@@ -454,7 +455,10 @@ export class ViewWithBottomSheet extends ViewWithBottomSheetBase {
         if (this.isLoaded) {
             this.callUnloaded();
         }
-        
+        this._isAddedToNativeVisualTree = false;
+        this._tearDownUI(true);
+        this.parent = null;
+
         this._onDismissBottomSheetCallback && this._onDismissBottomSheetCallback();
         // it is very important to clear the viewController as N does not do it
         // and the destroy of the view from svelte could trigger a layout pass on the viewController

src/dialogs/dialogs.android.ts

@@ -72,6 +72,7 @@ function createAlertDialogBuilder(options?: DialogOptions & MDCAlertControlerOpt
 
         (builder as any)._currentModalCustomView = view;
         view._setupAsRootView(activity);
+        view.parent = Application.getRootView();
         view._isAddedToNativeVisualTree = true;
         view.callLoaded();
 
@@ -176,7 +177,7 @@ function prepareAndCreateAlertDialog(
             Utils.android.dismissSoftInput(options.view.nativeView);
         } else {
             const activity = (Application.android.foregroundActivity || Application.android.startActivity) as globalAndroid.app.Activity;
-            const context = ad.getApplicationContext() as android.content.Context;
+            const context = ad.getApplicationContext();
             const view = activity != null ? activity.getCurrentFocus() : null;
             if (view) {
                 const imm = context.getSystemService(android.content.Context.INPUT_METHOD_SERVICE) as android.view.inputmethod.InputMethodManager;
@@ -198,11 +199,12 @@ function prepareAndCreateAlertDialog(
         new DialogInterface.OnDismissListener({
             onDismiss() {
                 // ensure callback is called after destroying the custom view
-                onDone(false, undefined, ()=>{
+                onDone(false, undefined, () => {
                     if ((builder as any)._currentModalCustomView) {
                         const view = (builder as any)._currentModalCustomView;
                         view.callUnloaded();
                         view._tearDownUI(true);
+                        view.parent = null;
                         view._isAddedToNativeVisualTree = false;
                         (builder as any)._currentModalCustomView = null;
                     }

src/dialogs/dialogs.ios.ts

@@ -55,6 +55,7 @@ class UIViewAutoSizeUIViewAutoSize extends UIView {
 function createUIViewAutoSizeUIViewAutoSize(view: View) {
     const self = UIViewAutoSizeUIViewAutoSize.new() as UIViewAutoSizeUIViewAutoSize;
     view._setupAsRootView({});
+    view.parent = Application.getRootView();
     view._isAddedToNativeVisualTree = true;
     view.callLoaded();
     self._view = view;
@@ -104,6 +105,7 @@ class MDCAlertControllerImpl extends MDCAlertController {
             const view = this.accessoryView._view;
             view.callUnloaded();
             view._tearDownUI(true);
+            view.parent = null;
             view._isAddedToNativeVisualTree = false;
             this.accessoryView._view = null;
         }
@@ -174,8 +176,8 @@ function createAlertController(options: DialogOptions & MDCAlertControlerOptions
             options.view instanceof View
                 ? options.view
                 : Builder.createViewFromEntry({
-                    moduleName: options.view as string
-                });
+                      moduleName: options.view as string
+                  });
 
         view.cssClasses.add(CSSUtils.MODAL_ROOT_VIEW_CSS_CLASS);
         const modalRootViewCssClasses = CSSUtils.getSystemCssClasses();
@@ -277,8 +279,8 @@ export function confirm(arg: any): Promise<boolean> {
             };
             const options = !isDialogOptions(arg)
                 ? Object.assign(defaultOptions, {
-                    message: arg + ''
-                })
+                      message: arg + ''
+                  })
                 : Object.assign(defaultOptions, arg);
             const alertController = createAlertController(options, resolve);
 
@@ -540,7 +542,7 @@ function showUIAlertController(alertController: MDCAlertController, options: Dia
             if (alertController.popoverPresentationController) {
                 alertController.popoverPresentationController.sourceView = viewController.view;
                 alertController.popoverPresentationController.sourceRect = CGRectMake(viewController.view.bounds.size.width / 2.0, viewController.view.bounds.size.height / 2.0, 1.0, 1.0);
-                alertController.popoverPresentationController.permittedArrowDirections = 0;
+                alertController.popoverPresentationController.permittedArrowDirections = 0 as any;
             }
             viewController.presentViewControllerAnimatedCompletion(alertController, true, null);
         }