react-crud-mobile 1.0.913 → 1.0.915

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

@@ -1,5 +1,5 @@
 import React, { useState, useEffect, useRef, useContext, useLayoutEffect, createContext } from 'react';
-import { Utils, ScopeUtils, CrudUtils, useTheme, ViewUtils, ComponentUtils, HtmlUtils, ThemeUtils } from 'react-crud-utils';
+import { Utils, ScopeUtils, CrudUtils, useTheme, ViewUtils, ComponentUtils, ThemeUtils, HtmlUtils } 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 { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import Ionicons from '@expo/vector-icons/Ionicons';
@@ -1303,6 +1303,18 @@ function UIToast() {
   });
 }
 
+var MobileUtils = /*#__PURE__*/function () {
+  function MobileUtils() {}
+  MobileUtils.syncTheme = function syncTheme() {
+    var _current$colors;
+    var current = ThemeUtils.getCurrentTheme();
+    var name = Utils.nvl(current.theme, 'light-content');
+    StatusBar.setBarStyle == null || StatusBar.setBarStyle(name);
+    StatusBar.setBackgroundColor == null || StatusBar.setBackgroundColor(current == null || (_current$colors = current.colors) == null ? void 0 : _current$colors.theme);
+  };
+  return MobileUtils;
+}();
+
 function UIModal(props) {
   var _theme$styles, _main$dialog2;
   var _useState = useState(false),
@@ -1376,8 +1388,7 @@ function UIModal(props) {
     scope.update();
   };
   useEffect(function () {
-    StatusBar.setBarStyle('light-content');
-    StatusBar.setBackgroundColor == null || StatusBar.setBackgroundColor(theme.colors.primary);
+    MobileUtils.syncTheme();
   }, [modalVisible]);
   var curr = scope.currentDialog;
   if (!curr) {
@@ -1469,8 +1480,7 @@ var styles$8 = /*#__PURE__*/StyleSheet.create({
   modalContent: {
     flex: 1,
     backgroundColor: 'background',
-    paddingHorizontal: 16,
-    paddingVertical: 20
+    padding: 10
   }
 });
 
@@ -1484,8 +1494,7 @@ function UIView(_ref) {
   var headerTextStyle = Utils.nvl((_theme$styles2 = theme.styles) == null || (_theme$styles2 = _theme$styles2.defaults) == null ? void 0 : _theme$styles2.headerText, {});
   var scrollRef = useRef(null);
   useEffect(function () {
-    StatusBar.setBarStyle('light-content');
-    StatusBar.setBackgroundColor == null || StatusBar.setBackgroundColor(theme.colors.theme);
+    MobileUtils.syncTheme();
   }, []);
   var onScroll = function onScroll() {
     var crud = ViewUtils.getCrud();
@@ -1543,8 +1552,7 @@ function UIView(_ref) {
 }
 var styles$9 = /*#__PURE__*/StyleSheet.create({
   scroll: {
-    paddingHorizontal: 16,
-    paddingVertical: 20
+    padding: 10
   },
   container: {},
   view: {}
@@ -2105,8 +2113,7 @@ function SafeView(props) {
     }
   };
   useEffect(function () {
-    StatusBar.setBarStyle('light-content');
-    StatusBar.setBackgroundColor == null || StatusBar.setBackgroundColor(theme.colors.primary);
+    MobileUtils.syncTheme();
   }, []);
   return /*#__PURE__*/jsxs(SafeAreaProvider, {
     children: [/*#__PURE__*/jsx(StatusBar, {