react-crud-mobile 1.3.20 → 1.3.22

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

@@ -504,7 +504,7 @@ var MobileUtils = /*#__PURE__*/function () {
 }();
 
 function UISelect(props) {
-  var _theme$colors;
+  var _theme$styles, _theme$colors;
   var _useState = React.useState(false),
     modalVisible = _useState[0],
     setModalVisible = _useState[1];
@@ -515,6 +515,7 @@ function UISelect(props) {
   var value = scope.getDisplayValue();
   var main = reactCrudUtils.ViewUtils.getCrud('view');
   var theme = scope.getTheme();
+  var headerStyle = reactCrudUtils.Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
   var handlePress = function handlePress() {
     var _modalVisible = !modalVisible;
     main.data.selectIsOpen = _modalVisible;
@@ -558,17 +559,19 @@ function UISelect(props) {
         color: scope.getPart('iconColor', null, iconColor),
         style: style('iconStyle', {})
       })]
-    }), /*#__PURE__*/jsxRuntime.jsx(reactNative.Modal, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.Modal, {
       animationType: "slide",
       transparent: true,
       visible: isModalVisible(),
       onRequestClose: function onRequestClose() {
         return setModalVisible(false);
       },
-      children: /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.SafeAreaView, {
+        style: style('modalTop')
+      }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
         style: style('modalSafe'),
         children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
-          style: style('modalHeader'),
+          style: scope.getStyle('header', headerStyle),
           children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
             onPress: function onPress() {
               return setModalVisible(false);
@@ -593,7 +596,7 @@ function UISelect(props) {
             })
           })
         })]
-      })
+      })]
     })]
   });
 }
@@ -613,16 +616,14 @@ var styles$3 = /*#__PURE__*/reactNative.StyleSheet.create({
   selectLabel: {
     flex: 1
   },
+  modalTop: {
+    backgroundColor: 'primary',
+    width: '100%'
+  },
   modalSafe: {
     flex: 1,
-    backgroundColor: 'background',
-    paddingTop: reactNative.StatusBar.currentHeight || 0
-  },
-  modalHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 15,
-    backgroundColor: 'theme'
+    width: '100%',
+    backgroundColor: 'background'
   },
   modalCloseButton: {
     padding: 10
@@ -633,17 +634,16 @@ var styles$3 = /*#__PURE__*/reactNative.StyleSheet.create({
   },
   modalTitle: {
     fontSize: 18,
-    color: 'white',
     fontWeight: 'bold',
     marginLeft: 10
   },
   modalContent: {
     flex: 1,
-    width: '100%',
-    alignSelf: 'flex-start',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    padding: 20
+    backgroundColor: 'background',
+    paddingTop: 10,
+    paddingBottom: 10,
+    paddingLeft: 15,
+    paddingRight: 15
   }
 });