react-crud-mobile 1.3.382 → 1.3.384

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

@@ -11,10 +11,10 @@ var reactNative = require('react-native');
 var jsxRuntime = require('react/jsx-runtime');
 var Ionicons = _interopDefault(require('@expo/vector-icons/Ionicons'));
 var vectorIcons = require('@expo/vector-icons');
+var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 var Slider = _interopDefault(require('@react-native-community/slider'));
 var Toast = require('react-native-toast-message');
 var Toast__default = _interopDefault(Toast);
-var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -581,9 +581,9 @@ function UISelect(props) {
       onRequestClose: function onRequestClose() {
         return setModalVisible(false);
       },
-      children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.SafeAreaView, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(reactNativeSafeAreaContext.SafeAreaView, {
         style: style('modalTop')
-      }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
+      }), /*#__PURE__*/jsxRuntime.jsxs(reactNativeSafeAreaContext.SafeAreaView, {
         style: style('modalSafe'),
         children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
           style: scope.getStyle('header', headerStyle),
@@ -1543,35 +1543,31 @@ function UIModal(props) {
         children: content
       });
     }
-    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.SafeAreaView, {
-        style: style('modalTop')
-      }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
-        style: style('modalSafe'),
-        children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
-          style: scope.getStyle('header', headerStyle),
-          children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
-            onPress: onClose,
-            style: style('modalCloseButton'),
-            children: /*#__PURE__*/jsxRuntime.jsx(Ionicons, {
-              name: "chevron-back-outline",
-              size: 24,
-              color: color,
-              style: style('modalCloseText', defaults)
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-            style: style('modalTitle', defaults),
-            children: label
-          }), !reactCrudUtils.Utils.isEmpty(headerRight) && /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
-            scope: scope,
-            crud: curr,
-            "transient": true,
-            children: headerRight
-          })]
-        }), /*#__PURE__*/jsxRuntime.jsx(ModalContent, {
-          children: content
-        }), bottom]
-      }), /*#__PURE__*/jsxRuntime.jsx(UIToast, {})]
+    return /*#__PURE__*/jsxRuntime.jsxs(reactNativeSafeAreaContext.SafeAreaView, {
+      style: style('modalSafe'),
+      children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
+        style: scope.getStyle('header', headerStyle),
+        children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
+          onPress: onClose,
+          style: style('modalCloseButton'),
+          children: /*#__PURE__*/jsxRuntime.jsx(Ionicons, {
+            name: "chevron-back-outline",
+            size: 24,
+            color: color,
+            style: style('modalCloseText', defaults)
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
+          style: style('modalTitle', defaults),
+          children: label
+        }), !reactCrudUtils.Utils.isEmpty(headerRight) && /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+          scope: scope,
+          crud: curr,
+          "transient": true,
+          children: headerRight
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsx(ModalContent, {
+        children: content
+      }), bottom, /*#__PURE__*/jsxRuntime.jsx(UIToast, {})]
     });
   };
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.Modal, {
@@ -1584,7 +1580,7 @@ function UIModal(props) {
 }
 var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
   modalTop: {
-    backgroundColor: 'primary',
+    backgroundColor: 'background',
     width: '100%'
   },
   modalSafe: {