react-crud-mobile 1.3.79 → 1.3.81

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.79",
+  "version": "1.3.81",
   "license": "MIT",
   "description": "Uma biblioteca de componentes para React Native",
   "main": "dist/index.js",
@@ -45,7 +45,7 @@
     "@react-native-vector-icons/ionicons": "^7.4.0",
     "@react-native-vector-icons/material-icons": "^0.0.1",
     "react": "19.0.0",
-    "react-crud-utils": "^0.1.371",
+    "react-crud-utils": "^0.1.372",
     "react-dom": "19.0.0",
     "react-native": "0.79.2",
     "react-native-draggable-flatlist": "^4.0.3",

package/src/elements/UIElement.tsx

@@ -19,6 +19,8 @@ import {
   MethodType,
   ActionType,
   ComponentUtils,
+  CrudUtils,
+  ViewUtils,
 } from 'react-crud-utils';
 import UILink from './core/UILink';
 import UIIcon from './core/UIIcon';
@@ -56,6 +58,7 @@ export default function UIElement(props: ElementType) {
   let crud: Crud = Utils.nvl(props.crud, ctx?.crud);
   let [scope] = useState(ScopeUtils.create({ crud, ...props, theme }));
   let [index, setIndex] = useState(0);
+  let [dialog, setDialog] = useState(null);
   let [error, setError]: string | any = useState(null);
 
   scope.compile(props);
@@ -529,6 +532,13 @@ export default function UIElement(props: ElementType) {
         {scope.isType('dialog') && (
           <UIModal {...props} scope={scope} crud={crud} />
         )}
+
+        {dialog && (
+          <UIModal {...props} scope={scope} crud={dialog.crud} open>
+            {dialog.component}
+          </UIModal>
+        )}
+
         {scope.isType('chart') && (
           <ElChart {...props} scope={scope} crud={crud} />
         )}
@@ -584,6 +594,48 @@ export default function UIElement(props: ElementType) {
     return <>{props.children}</>;
   };
 
+  scope.dialogOpen = (args?: MethodType) => {
+    let { crud, event } = args;
+    let name = scope.getName('modal');
+    let edit = args.edit === true;
+    let def: any = {};
+    let rowItem = null;
+    let main = ViewUtils.getCrud('view');
+
+    if (crud.is('row')) {
+      def.parent = crud.parent.parent;
+      def.search = crud.parent;
+
+      rowItem = crud.data;
+    } else if (crud.is('search')) {
+      def.parent = crud.parent;
+      def.search = crud;
+    }
+
+    let data = Utils.nvl(args.item, rowItem, {});
+    let component = event?.component;
+
+    if (component) {
+      let d = CrudUtils.create('dialog', {
+        parent: crud,
+        root: crud,
+        name,
+        dialog: main.dialog,
+        data,
+        edit,
+        scope,
+        ...def,
+      });
+
+      main.dialog = d;
+
+      scope.currentDialog = d;
+
+      dialog = { component, crud: d };
+      setDialog(dialog);
+    }
+  };
+
   return (
     <CrudContext.Provider value={{ crud, theme }}>
       <Tag ref={ref} style={getStyle()} {...custom}>

package/src/elements/core/UIModal.tsx

@@ -20,8 +20,12 @@ import UIChildren from '../UIChildren';
 import Ionicons from '@expo/vector-icons/Ionicons';
 import UIToast from './UIToast';
 
-export default function UIModal(props: ChildType) {
-  let [modalVisible, setModalVisible] = useState(false);
+interface UIModalType extends ChildType {
+  open?: boolean;
+}
+
+export default function UIModal(props: UIModalType) {
+  let [modalVisible, setModalVisible] = useState(props.open === true);
   let [index, setIndex] = useState(0);
   let main = ViewUtils.getCrud('view');
   //v3