react-crud-mobile 1.3.84 → 1.3.86

package/dist/elements/core/UIModal.d.ts

@@ -2,6 +2,7 @@
 import { ChildType } from 'react-crud-utils';
 interface UIModalType extends ChildType {
     open?: boolean;
+    dialog?: any;
 }
-export default function UIModal(props: UIModalType): import("react").JSX.Element;
+export default function UIModal({ scope, open, dialog, ...props }: UIModalType): import("react").JSX.Element;
 export {};

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

@@ -1335,9 +1335,14 @@ function UIToast() {
   });
 }
 
-function UIModal(props) {
+var _excluded = ["scope", "open", "dialog"];
+function UIModal(_ref) {
   var _theme$styles, _main$dialog2;
-  var _useState = React.useState(props.open === true),
+  var scope = _ref.scope,
+    open = _ref.open,
+    dialog = _ref.dialog,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useState = React.useState(open === true),
     modalVisible = _useState[0],
     setModalVisible = _useState[1];
   var _useState2 = React.useState(0),
@@ -1345,7 +1350,6 @@ function UIModal(props) {
     setIndex = _useState2[1];
   var main = reactCrudUtils.ViewUtils.getCrud('view');
   //v4
-  var scope = props.scope;
   var label = scope.getLabel();
   var theme = scope.getTheme();
   var headerStyle = reactCrudUtils.Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
@@ -1424,6 +1428,19 @@ function UIModal(props) {
     color: color
   };
   var key = scope.currentDialog.name + "-" + index;
+  var Content = function Content() {
+    if (dialog != null && dialog.component) {
+      var Aux = dialog == null ? void 0 : dialog.component;
+      return /*#__PURE__*/jsxRuntime.jsx(Aux, {
+        crud: scope.currentDialog
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+      scope: scope,
+      crud: scope.currentDialog,
+      children: props.children
+    });
+  };
   return /*#__PURE__*/jsxRuntime.jsxs(reactNative.Modal, {
     animationType: "slide",
     transparent: true,
@@ -1469,11 +1486,7 @@ function UIModal(props) {
             paddingTop: 10,
             paddingBottom: 10
           },
-          children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
-            scope: scope,
-            crud: scope.currentDialog,
-            children: props.children
-          })
+          children: /*#__PURE__*/jsxRuntime.jsx(Content, {})
         })
       }), bottom]
     }), /*#__PURE__*/jsxRuntime.jsx(UIToast, {})]
@@ -2058,6 +2071,7 @@ function UIElement(props) {
         scope: scope,
         crud: dialog.crud,
         open: true,
+        dialog: dialog,
         children: dialog.component
       })), scope.isType('chart') && /*#__PURE__*/jsxRuntime.jsx(ElChart, _extends({}, props, {
         scope: scope,
@@ -2106,40 +2120,42 @@ function UIElement(props) {
     });
   };
   scope.dialogOpen = function (args) {
-    var crud = args.crud,
-      event = args.event;
-    var name = scope.getName('modal');
-    var edit = args.edit === true;
-    var def = {};
-    var rowItem = null;
-    var main = reactCrudUtils.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;
-    }
-    var data = reactCrudUtils.Utils.nvl(args.item, rowItem, {});
-    var component = event == null ? void 0 : event.component;
-    if (component) {
-      var d = reactCrudUtils.CrudUtils.create('dialog', _extends({
-        parent: crud,
-        root: crud,
-        name: name,
-        dialog: main.dialog,
-        data: data,
-        edit: edit,
-        scope: scope
-      }, def));
-      main.dialog = d;
-      scope.currentDialog = d;
-      dialog = {
-        component: component,
-        crud: d
-      };
-      setDialog(dialog);
+    if (!dialog) {
+      var _crud = args.crud,
+        event = args.event;
+      var name = scope.getName('modal');
+      var edit = args.edit === true;
+      var def = {};
+      var rowItem = null;
+      var main = reactCrudUtils.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;
+      }
+      var data = reactCrudUtils.Utils.nvl(args.item, rowItem, {});
+      var component = event == null ? void 0 : event.component;
+      if (component) {
+        var d = reactCrudUtils.CrudUtils.create('dialog', _extends({
+          parent: _crud,
+          root: _crud,
+          name: name,
+          dialog: main.dialog,
+          data: data,
+          edit: edit,
+          scope: scope
+        }, def));
+        main.dialog = d;
+        scope.currentDialog = d;
+        dialog = {
+          component: component,
+          crud: d
+        };
+        setDialog(dialog);
+      }
     }
   };
   return /*#__PURE__*/jsxRuntime.jsx(CrudContext.Provider, {
@@ -2344,7 +2360,7 @@ function SafeView(props) {
   });
 }
 
-var _excluded = ["type"];
+var _excluded$1 = ["type"];
 var UI = {
   Order: function Order(props) {
     return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
@@ -2388,7 +2404,7 @@ var UI = {
     return /*#__PURE__*/jsxRuntime.jsx(UIInclude, _extends({}, props));
   },
   Column: function Column(_ref) {
-    var props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    var props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
     return /*#__PURE__*/jsxRuntime.jsx(UIElement, _extends({}, props, {
       type: "column"
     }));