react-crud-mobile 1.3.83 → 1.3.85

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

@@ -1326,17 +1326,21 @@ function UIToast() {
   });
 }
 
-function UIModal(props) {
+var _excluded = ["scope", "open", "dialog"];
+function UIModal(_ref) {
   var _theme$styles, _main$dialog2;
-  var _useState = useState(props.open === true),
+  var scope = _ref.scope,
+    open = _ref.open,
+    dialog = _ref.dialog,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var _useState = useState(open === true),
     modalVisible = _useState[0],
     setModalVisible = _useState[1];
   var _useState2 = useState(0),
     index = _useState2[0],
     setIndex = _useState2[1];
   var main = ViewUtils.getCrud('view');
-  //v3
-  var scope = props.scope;
+  //v4
   var label = scope.getLabel();
   var theme = scope.getTheme();
   var headerStyle = Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
@@ -1415,6 +1419,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__*/jsx(Aux, {
+        crud: scope.currentDialog
+      });
+    }
+    return /*#__PURE__*/jsx(UIChildren, {
+      scope: scope,
+      crud: scope.currentDialog,
+      children: props.children
+    });
+  };
   return /*#__PURE__*/jsxs(Modal, {
     animationType: "slide",
     transparent: true,
@@ -1460,11 +1477,7 @@ function UIModal(props) {
             paddingTop: 10,
             paddingBottom: 10
           },
-          children: /*#__PURE__*/jsx(UIChildren, {
-            scope: scope,
-            crud: scope.currentDialog,
-            children: props.children
-          })
+          children: /*#__PURE__*/jsx(Content, {})
         })
       }), bottom]
     }), /*#__PURE__*/jsx(UIToast, {})]
@@ -2049,6 +2062,7 @@ function UIElement(props) {
         scope: scope,
         crud: dialog.crud,
         open: true,
+        dialog: dialog,
         children: dialog.component
       })), scope.isType('chart') && /*#__PURE__*/jsx(ElChart, _extends({}, props, {
         scope: scope,
@@ -2335,7 +2349,7 @@ function SafeView(props) {
   });
 }
 
-var _excluded = ["type"];
+var _excluded$1 = ["type"];
 var UI = {
   Order: function Order(props) {
     return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
@@ -2379,7 +2393,7 @@ var UI = {
     return /*#__PURE__*/jsx(UIInclude, _extends({}, props));
   },
   Column: function Column(_ref) {
-    var props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    var props = _objectWithoutPropertiesLoose(_ref, _excluded$1);
     return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
       type: "column"
     }));