react-crud-mobile 1.3.79 → 1.3.80

package/dist/react-crud-mobile.esm.js

@@ -1328,7 +1328,7 @@ function UIToast() {
 
 function UIModal(props) {
   var _theme$styles, _main$dialog2;
-  var _useState = useState(false),
+  var _useState = useState(props.open === true),
     modalVisible = _useState[0],
     setModalVisible = _useState[1];
   var _useState2 = useState(0),
@@ -1701,8 +1701,11 @@ function UIElement(props) {
     index = _useState2[0],
     setIndex = _useState2[1];
   var _useState3 = useState(null),
-    error = _useState3[0],
-    setError = _useState3[1];
+    dialog = _useState3[0],
+    setDialog = _useState3[1];
+  var _useState4 = useState(null),
+    error = _useState4[0],
+    setError = _useState4[1];
   scope.compile(props);
   crud = scope.crud;
   var options = scope.getOptions();
@@ -2042,6 +2045,11 @@ function UIElement(props) {
       })), scope.isType('dialog') && /*#__PURE__*/jsx(UIModal, _extends({}, props, {
         scope: scope,
         crud: crud
+      })), dialog && /*#__PURE__*/jsx(UIModal, _extends({}, props, {
+        scope: scope,
+        crud: dialog.crud,
+        open: true,
+        children: dialog.component
       })), scope.isType('chart') && /*#__PURE__*/jsx(ElChart, _extends({}, props, {
         scope: scope,
         crud: crud
@@ -2088,6 +2096,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 = 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 = Utils.nvl(args.item, rowItem, {});
+    var component = event == null ? void 0 : event.component;
+    if (component) {
+      var d = 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__*/jsx(CrudContext.Provider, {
     value: {
       crud: crud,