react-crud-mobile 1.3.23 → 1.3.25

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

@@ -504,7 +504,7 @@ var MobileUtils = /*#__PURE__*/function () {
 }();
 
 function UISelect(props) {
-  var _theme$styles, _theme$colors;
+  var _theme$styles, _theme$colors, _scope$original;
   var _useState = React.useState(false),
     modalVisible = _useState[0],
     setModalVisible = _useState[1];
@@ -522,6 +522,7 @@ function UISelect(props) {
     setModalVisible(_modalVisible);
   };
   var iconColor = reactCrudUtils.Utils.nvl((_theme$colors = theme.colors) == null ? void 0 : _theme$colors.text, '#100e0e');
+  var modalColor = reactCrudUtils.Utils.nvl(headerStyle.color, 'white');
   var onClick = function onClick(_ref) {
     var value = _ref.value;
     var val = value;
@@ -554,7 +555,7 @@ function UISelect(props) {
         style: style('selectLabel'),
         children: reactCrudUtils.Utils.nvl(value, placeholder)
       }), /*#__PURE__*/jsxRuntime.jsx(vectorIcons.Ionicons, {
-        name: "chevron-down-outline",
+        name: "close",
         size: scope.getPart('iconSize', null, 24),
         color: scope.getPart('iconColor', null, iconColor),
         style: style('iconStyle', {})
@@ -577,9 +578,11 @@ function UISelect(props) {
               return setModalVisible(false);
             },
             style: style('modalCloseButton'),
-            children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-              style: style('modalCloseText'),
-              children: "X"
+            children: /*#__PURE__*/jsxRuntime.jsx(vectorIcons.Ionicons, {
+              name: "chevron-back-outline",
+              size: 24,
+              color: modalColor,
+              style: style('modalCloseText', {})
             })
           }), /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
             style: style('modalTitle'),
@@ -590,7 +593,9 @@ function UISelect(props) {
           children: /*#__PURE__*/jsxRuntime.jsx(UI.List, {
             data: items,
             name: scope.getName('list'),
+            layout: "card",
             click: onClick,
+            rowStyle: (_scope$original = scope.original) == null ? void 0 : _scope$original.rowStyle,
             children: /*#__PURE__*/jsxRuntime.jsx(UI.Value, {
               value: "#{@this.label}"
             })