react-crud-mobile 1.3.83 → 1.3.85

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,17 +1335,21 @@ 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),
     index = _useState2[0],
     setIndex = _useState2[1];
   var main = reactCrudUtils.ViewUtils.getCrud('view');
-  //v3
-  var scope = props.scope;
+  //v4
   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,
@@ -2344,7 +2358,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 +2402,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"
     }));