react-crud-mobile 1.3.18 → 1.3.20

package/dist/react-crud-mobile.esm.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect, useRef, useContext, useLayoutEffect, createContext } from 'react';
 import { Utils, ScopeUtils, CrudUtils, ViewUtils, ComponentUtils, HtmlUtils, ThemeUtils, useTheme } from 'react-crud-utils';
-import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, StatusBar, SafeAreaView, Switch, TextInput, Platform, Dimensions, ScrollView, Alert, Image, KeyboardAvoidingView, TouchableWithoutFeedback, Keyboard } from 'react-native';
+import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, SafeAreaView, StatusBar, Switch, TextInput, Platform, Dimensions, ScrollView, Alert, Image, KeyboardAvoidingView, TouchableWithoutFeedback, Keyboard } from 'react-native';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import Ionicons from '@expo/vector-icons/Ionicons';
 import { Ionicons as Ionicons$1, AntDesign, Entypo, EvilIcons, MaterialCommunityIcons } from '@expo/vector-icons';
@@ -481,6 +481,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 = useState(false),
@@ -512,11 +526,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
+  useEffect(function () {
+    MobileUtils.syncTheme();
+  }, [modalVisible]);
   return /*#__PURE__*/jsxs(View, {
     style: style('selectRoot'),
     children: [/*#__PURE__*/jsxs(TouchableOpacity, {
@@ -531,17 +550,14 @@ function UISelect(props) {
         color: scope.getPart('iconColor', null, iconColor),
         style: style('iconStyle', {})
       })]
-    }), /*#__PURE__*/jsxs(Modal, {
+    }), /*#__PURE__*/jsx(Modal, {
       animationType: "slide",
       transparent: true,
       visible: isModalVisible(),
       onRequestClose: function onRequestClose() {
         return setModalVisible(false);
       },
-      children: [/*#__PURE__*/jsx(StatusBar, {
-        barStyle: "dark-content",
-        backgroundColor: theme.colors.primary
-      }), /*#__PURE__*/jsxs(SafeAreaView, {
+      children: /*#__PURE__*/jsxs(SafeAreaView, {
         style: style('modalSafe'),
         children: [/*#__PURE__*/jsxs(View, {
           style: style('modalHeader'),
@@ -569,7 +585,7 @@ function UISelect(props) {
             })
           })
         })]
-      })]
+      })
     })]
   });
 }
@@ -1306,20 +1322,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 = useState(false),