react-crud-mobile 1.3.78 → 1.3.80

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

@@ -1,3 +1,7 @@
 /// <reference types="react" />
 import { ChildType } from 'react-crud-utils';
-export default function UIModal(props: ChildType): import("react").JSX.Element;
+interface UIModalType extends ChildType {
+    open?: boolean;
+}
+export default function UIModal(props: UIModalType): import("react").JSX.Element;
+export {};

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

@@ -1337,7 +1337,7 @@ function UIToast() {
 
 function UIModal(props) {
   var _theme$styles, _main$dialog2;
-  var _useState = React.useState(false),
+  var _useState = React.useState(props.open === true),
     modalVisible = _useState[0],
     setModalVisible = _useState[1];
   var _useState2 = React.useState(0),
@@ -1627,6 +1627,7 @@ function UIOrder(props) {
     }
     return list;
   });
+  //v2
   var renderItem = function renderItem(_ref) {
     var item = _ref.item,
       drag = _ref.drag,
@@ -1709,8 +1710,11 @@ function UIElement(props) {
     index = _useState2[0],
     setIndex = _useState2[1];
   var _useState3 = React.useState(null),
-    error = _useState3[0],
-    setError = _useState3[1];
+    dialog = _useState3[0],
+    setDialog = _useState3[1];
+  var _useState4 = React.useState(null),
+    error = _useState4[0],
+    setError = _useState4[1];
   scope.compile(props);
   crud = scope.crud;
   var options = scope.getOptions();
@@ -2050,6 +2054,11 @@ function UIElement(props) {
       })), scope.isType('dialog') && /*#__PURE__*/jsxRuntime.jsx(UIModal, _extends({}, props, {
         scope: scope,
         crud: crud
+      })), dialog && /*#__PURE__*/jsxRuntime.jsx(UIModal, _extends({}, props, {
+        scope: scope,
+        crud: dialog.crud,
+        open: true,
+        children: dialog.component
       })), scope.isType('chart') && /*#__PURE__*/jsxRuntime.jsx(ElChart, _extends({}, props, {
         scope: scope,
         crud: crud
@@ -2096,6 +2105,48 @@ function UIElement(props) {
       children: props.children
     });
   };
+  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);
+    }
+  };
+  scope.dialogOpen = function (args) {
+    var component = args.event.component;
+    dialog = component;
+    setDialog(component);
+  };
   return /*#__PURE__*/jsxRuntime.jsx(CrudContext.Provider, {
     value: {
       crud: crud,