react-crud-mobile 1.0.342 → 1.0.343

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.342",
+  "version": "1.0.343",
   "license": "MIT",
   "description": "Uma biblioteca de componentes para React Native",
   "main": "dist/index.js",
@@ -50,7 +50,7 @@
     "@types/react-native": "^0.72.0",
     "babel-plugin-module-resolver": "^5.0.0",
     "react": "^18.3.1",
-    "react-crud-utils": "^0.1.93",
+    "react-crud-utils": "^0.1.94",
     "react-dom": "^18.3.1",
     "react-native": "0.76.9",
     "react-native-screens": "^4.10.0",

package/src/elements/UI.tsx

@@ -13,6 +13,7 @@ import UIInclude from './core/UIInclude';
 
 const UI = {
   List: (props: ListType) => <UIElement {...props} type="list" />,
+  Row: (props: UserType) => <UIElement {...props} type="row" />,
   Value: (props: UserType) => <UIElement {...props} type="value" />,
   Label: (props: UserType) => <UIElement {...props} type="label" />,
   Repeat: (props: ListType) => (

package/src/elements/UIElement.tsx

@@ -22,6 +22,7 @@ import { Image, Linking, StyleSheet, Text, View } from 'react-native';
 import UIList from './core/UIList';
 import UIToggle from './core/UIToggle';
 import UIQuantity from './core/UIQuantity';
+import UIModal from './core/UIModal';
 
 export default function UIElement(props: ElementType) {
   let [scope] = useState(ScopeUtils.create(props));
@@ -39,6 +40,7 @@ export default function UIElement(props: ElementType) {
 
   let router: any = {
     list: UIList,
+    dialog: UIModal,
     repeat: UIList,
     tabs: ElTabs,
     chart: ElChart,

package/src/elements/core/UIModal.tsx

@@ -12,22 +12,27 @@ import {
 import UIChildren from '../UIChildren';
 
 export default function UIModal(props: ChildType) {
-  const [modalVisible, setModalVisible] = useState(false);
+  let [modalVisible, setModalVisible] = useState(false);
+
   const scope = props.scope;
   const label = scope.getLabel();
   const theme = useTheme();
 
-  const handlePress = () => {
-    setModalVisible(!modalVisible);
+  const style = (part: string, extra?: any) => {
+    return { ...styles[part], ...scope.getStyle(part), ...extra };
   };
 
-  const onClick = ({ crud, value }: MethodType) => {
-    scope.changeValue(value);
-    handlePress();
+  const toggle = vis => {
+    modalVisible = vis;
+    setModalVisible(modalVisible);
   };
 
-  const style = (part: string, extra?: any) => {
-    return { ...styles[part], ...scope.getStyle(part), ...extra };
+  scope.show = () => {
+    toggle(true);
+  };
+
+  scope.hide = () => {
+    toggle(true);
   };
 
   return (