react-crud-mobile 1.3.19 → 1.3.20

package/dist/react-crud-mobile.cjs.development.js

@@ -489,6 +489,20 @@ function UIButton(props) {
   });
 }
 
+//import { ThemeUtils, Utils } from 'react-crud-utils';
+//import { StatusBar } from 'react-native';
+var MobileUtils = /*#__PURE__*/function () {
+  function MobileUtils() {}
+  MobileUtils.syncTheme = function syncTheme() {
+    // let current = ThemeUtils.getCurrentTheme();
+    //let dec: any = { light: 'light-content', dark: 'dark-content' };
+    //let name = Utils.nvl(dec[current?.theme], dec.light);
+    //StatusBar.setBarStyle?.(name);
+    //StatusBar.setBackgroundColor?.(current?.colors?.theme);
+  };
+  return MobileUtils;
+}();
+
 function UISelect(props) {
   var _theme$colors;
   var _useState = React.useState(false),
@@ -520,12 +534,16 @@ function UISelect(props) {
     handlePress();
   };
   var style = function style(part, extra) {
-    return _extends({}, styles$3[part], scope.getStyle(part), extra);
+    var all = _extends({}, styles$3[part], extra);
+    return scope.getStyle(part, all);
   };
   var isModalVisible = function isModalVisible() {
     return modalVisible;
   };
   //v1
+  React.useEffect(function () {
+    MobileUtils.syncTheme();
+  }, [modalVisible]);
   return /*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
     style: style('selectRoot'),
     children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.TouchableOpacity, {
@@ -540,17 +558,14 @@ function UISelect(props) {
         color: scope.getPart('iconColor', null, iconColor),
         style: style('iconStyle', {})
       })]
-    }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.Modal, {
+    }), /*#__PURE__*/jsxRuntime.jsx(reactNative.Modal, {
       animationType: "slide",
       transparent: true,
       visible: isModalVisible(),
       onRequestClose: function onRequestClose() {
         return setModalVisible(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.StatusBar, {
-        barStyle: "dark-content",
-        backgroundColor: theme.colors.primary
-      }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
+      children: /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
         style: style('modalSafe'),
         children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
           style: style('modalHeader'),
@@ -578,7 +593,7 @@ function UISelect(props) {
             })
           })
         })]
-      })]
+      })
     })]
   });
 }
@@ -1315,20 +1330,6 @@ function UIToast() {
   });
 }
 
-//import { ThemeUtils, Utils } from 'react-crud-utils';
-//import { StatusBar } from 'react-native';
-var MobileUtils = /*#__PURE__*/function () {
-  function MobileUtils() {}
-  MobileUtils.syncTheme = function syncTheme() {
-    // let current = ThemeUtils.getCurrentTheme();
-    //let dec: any = { light: 'light-content', dark: 'dark-content' };
-    //let name = Utils.nvl(dec[current?.theme], dec.light);
-    //StatusBar.setBarStyle?.(name);
-    //StatusBar.setBackgroundColor?.(current?.colors?.theme);
-  };
-  return MobileUtils;
-}();
-
 function UIModal(props) {
   var _theme$styles, _main$dialog2;
   var _useState = React.useState(false),