react-crud-mobile 1.3.15 → 1.3.17

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

@@ -490,6 +490,7 @@ function UIButton(props) {
 }
 
 function UISelect(props) {
+  var _theme$colors;
   var _useState = React.useState(false),
     modalVisible = _useState[0],
     setModalVisible = _useState[1];
@@ -505,6 +506,7 @@ function UISelect(props) {
     main.data.selectIsOpen = _modalVisible;
     setModalVisible(_modalVisible);
   };
+  var iconColor = reactCrudUtils.Utils.nvl((_theme$colors = theme.colors) == null ? void 0 : _theme$colors.text, '#100e0e');
   var onClick = function onClick(_ref) {
     var value = _ref.value;
     var val = value;
@@ -532,9 +534,10 @@ function UISelect(props) {
         style: style('selectLabel'),
         children: reactCrudUtils.Utils.nvl(value, placeholder)
       }), /*#__PURE__*/jsxRuntime.jsx(vectorIcons.Ionicons, {
-        name: "arrow-down",
-        size: 20,
-        color: "#888"
+        name: "chevron-down-outline",
+        size: 24,
+        color: scope.getPart('iconColor', null, iconColor),
+        style: style('modalCloseText', {})
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.Modal, {
       animationType: "slide",
@@ -594,14 +597,16 @@ var styles$3 = /*#__PURE__*/reactNative.StyleSheet.create({
   selectLabel: {
     flex: 1
   },
-  modalTop: {
-    backgroundColor: 'primary',
-    width: '100%'
-  },
   modalSafe: {
     flex: 1,
-    width: '100%',
-    backgroundColor: 'background'
+    backgroundColor: 'background',
+    paddingTop: reactNative.StatusBar.currentHeight || 0
+  },
+  modalHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 15,
+    backgroundColor: 'theme'
   },
   modalCloseButton: {
     padding: 10
@@ -612,16 +617,17 @@ var styles$3 = /*#__PURE__*/reactNative.StyleSheet.create({
   },
   modalTitle: {
     fontSize: 18,
+    color: 'white',
     fontWeight: 'bold',
     marginLeft: 10
   },
   modalContent: {
     flex: 1,
-    backgroundColor: 'background',
-    paddingTop: 10,
-    paddingBottom: 10,
-    paddingLeft: 15,
-    paddingRight: 15
+    width: '100%',
+    alignSelf: 'flex-start',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    padding: 20
   }
 });