react-crud-mobile 1.0.586 → 1.0.587

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

@@ -425,16 +425,13 @@ function UIButton(props) {
 }
 
 function UISelect(props) {
-  var _useState = React.useState(false),
-    modalVisible = _useState[0],
-    setModalVisible = _useState[1];
   var scope = props.scope;
   var items = reactCrudUtils.Utils.nvl(scope.getOptions(), []);
   var placeholder = scope.attr('placeholder', 'Selecione...');
   var value = scope.getDisplayValue();
-  var theme = reactCrudUtils.useTheme();
+  var modalName = scope.getName() + "_Modal";
   var handlePress = function handlePress() {
-    setModalVisible(!modalVisible);
+    scope.hide();
   };
   var onClick = function onClick(_ref) {
     var value = _ref.value;
@@ -444,6 +441,11 @@ function UISelect(props) {
   var style = function style(part, extra) {
     return _extends({}, styles$3[part], scope.getStyle(part), extra);
   };
+  var onStartModal = function onStartModal(_ref2) {
+    var crud = _ref2.crud,
+      scope = _ref2.scope;
+    console.log(crud, scope);
+  };
   return /*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
     style: style('selectRoot'),
     children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.TouchableOpacity, {
@@ -457,45 +459,17 @@ function UISelect(props) {
         size: 20,
         color: "#888"
       })]
-    }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.Modal, {
-      animationType: "slide",
-      transparent: true,
-      visible: modalVisible,
-      onRequestClose: function onRequestClose() {
-        return setModalVisible(false);
-      },
-      children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.StatusBar, {
-        barStyle: "dark-content",
-        backgroundColor: theme.colors.primary
-      }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.SafeAreaView, {
-        style: style('modalSafe'),
-        children: [/*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
-          style: style('modalHeader'),
-          children: [/*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
-            onPress: function onPress() {
-              return setModalVisible(false);
-            },
-            style: style('modalCloseButton'),
-            children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-              style: style('modalCloseText'),
-              children: "X"
-            })
-          }), /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-            style: style('modalTitle'),
-            children: placeholder
-          })]
-        }), /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-          style: style('modalContent'),
-          children: /*#__PURE__*/jsxRuntime.jsx(UI.List, {
-            data: items,
-            name: scope.getName('list'),
-            click: onClick,
-            children: /*#__PURE__*/jsxRuntime.jsx(UI.Value, {
-              value: "#{@this.label}"
-            })
-          })
-        })]
-      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(UI.Dialog, {
+      name: modalName,
+      onStart: onStartModal,
+      children: /*#__PURE__*/jsxRuntime.jsx(UI.List, {
+        data: items,
+        name: scope.getName('list'),
+        click: onClick,
+        children: /*#__PURE__*/jsxRuntime.jsx(UI.Value, {
+          value: "#{@this.label}"
+        })
+      })
     })]
   });
 }
@@ -515,38 +489,6 @@ var styles$3 = /*#__PURE__*/reactNative.StyleSheet.create({
   },
   selectLabel: {
     flex: 1
-  },
-  modalSafe: {
-    flex: 1,
-    backgroundColor: '#f5f5f5',
-    paddingTop: reactNative.StatusBar.currentHeight || 0
-  },
-  modalHeader: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 15,
-    backgroundColor: '#6200ea'
-  },
-  modalCloseButton: {
-    padding: 10
-  },
-  modalCloseText: {
-    fontSize: 18,
-    color: 'white'
-  },
-  modalTitle: {
-    fontSize: 18,
-    color: 'white',
-    fontWeight: 'bold',
-    marginLeft: 10
-  },
-  modalContent: {
-    flex: 1,
-    width: '100%',
-    alignSelf: 'flex-start',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    padding: 20
   }
 });