react-crud-mobile 1.3.45 → 1.3.46

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.45",
+  "version": "1.3.46",
   "license": "MIT",
   "description": "Uma biblioteca de componentes para React Native",
   "main": "dist/index.js",

package/src/elements/core/UIModal.tsx

@@ -1,10 +1,9 @@
-import { useEffect, useRef, useState } from 'react';
+import { useRef, useState } from 'react';
 import {
   ChildType,
   ComponentUtils,
   CrudUtils,
   MethodType,
-  useTheme,
   Utils,
   ViewUtils,
 } from 'react-crud-utils';
@@ -14,14 +13,12 @@ import {
   StyleSheet,
   Modal,
   View,
-  StatusBar,
   SafeAreaView,
   ScrollView,
 } from 'react-native';
 import UIChildren from '../UIChildren';
 import Ionicons from '@expo/vector-icons/Ionicons';
 import UIToast from './UIToast';
-import MobileUtils from '../../utils/MobileUtils';
 
 export default function UIModal(props: ChildType) {
   let [modalVisible, setModalVisible] = useState(false);
@@ -105,10 +102,6 @@ export default function UIModal(props: ChildType) {
     scope.update();
   };
 
-  useEffect(() => {
-    MobileUtils.syncTheme();
-  }, [modalVisible]);
-
   let curr = scope.currentDialog;
 
   if (!curr) {

package/src/elements/core/UISelect.tsx

@@ -14,7 +14,6 @@ import UI from '../UI';
 import MobileUtils from '../../utils/MobileUtils';
 
 export default function UISelect(props: ChildType) {
-  const [modalVisible, setModalVisible] = useState(false);
   const scope = props.scope;
   const element = scope.original;
   const items = Utils.nvl(scope.getOptions(), []);
@@ -22,8 +21,10 @@ export default function UISelect(props: ChildType) {
   const value = scope.getDisplayValue();
   const theme = scope.getTheme();
   const headerStyle = Utils.nvl(theme.styles?.defaults?.header, {});
+  const dlgName = scope.getName('dialog');
+
   const handlePress = () => {
-    setModalVisible(!modalVisible);
+    scope.call('click', { click: { action: 'dialog', dialog: dlgName } });
   };
 
   const iconColor = Utils.nvl(theme.colors?.text, '#100e0e');
@@ -39,8 +40,6 @@ export default function UISelect(props: ChildType) {
     } else {
       scope.changeValue(value);
     }
-
-    setModalVisible(false);
   };
 
   const style = (part: string, extra?: any) => {
@@ -48,19 +47,9 @@ export default function UISelect(props: ChildType) {
 
     return scope.getStyle(part, all);
   };
-
-  const isModalVisible = () => {
-    return modalVisible;
-  };
-  //v4
-
-  useEffect(() => {
-    MobileUtils.syncTheme();
-  }, [modalVisible]);
-
   return (
     <View
-      key={scope.getName(`${scope.getPart('modal')}_${modalVisible}`)}
+      key={scope.getName(`${scope.getPart('modal')}`)}
       style={style('selectRoot')}
     >
       <TouchableOpacity onPress={handlePress} style={style('selectInput')}>
@@ -74,46 +63,22 @@ export default function UISelect(props: ChildType) {
           style={style('iconStyle', {})}
         />
       </TouchableOpacity>
-      <Modal
-        animationType="slide"
-        transparent={true}
-        visible={isModalVisible()}
-        onRequestClose={() => setModalVisible(false)}
-      >
-        <SafeAreaView style={style('modalTop')} />
-        <SafeAreaView style={style('modalSafe')}>
-          <View style={scope.getStyle('header', headerStyle)}>
-            <TouchableOpacity
-              onPress={() => setModalVisible(false)}
-              style={style('modalCloseButton')}
-            >
-              <Ionicons
-                name="close"
-                size={24}
-                color={modalColor}
-                style={style('modalCloseText', defaults)}
-              />
-            </TouchableOpacity>
-            <Text style={style('modalTitle')}>{placeholder}</Text>
-          </View>
-          <View style={style('modalContent')}>
-            <UI.List
-              data={items}
-              name={scope.getName('list')}
-              layout="card"
-              click={onClick}
-              rowStyle={{
-                paddingLeft: 15,
-                paddinRight: 15,
-                ...scope.original?.rowStyle,
-              }}
-              {...scope.original?.listProps}
-            >
-              <UI.Value value="#{@this.label}" />
-            </UI.List>
-          </View>
-        </SafeAreaView>
-      </Modal>
+      <UI.Dialog name={dlgName} label="Selecione">
+        <UI.List
+          data={items}
+          name={scope.getName('list')}
+          layout="card"
+          click={onClick}
+          rowStyle={{
+            paddingLeft: 15,
+            paddinRight: 15,
+            ...scope.original?.rowStyle,
+          }}
+          {...scope.original?.listProps}
+        >
+          <UI.Value value="#{@this.label}" />
+        </UI.List>
+      </UI.Dialog>
     </View>
   );
 }