react-crud-mobile 1.3.83 → 1.3.85

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.83",
+  "version": "1.3.85",
   "license": "MIT",
   "description": "Uma biblioteca de componentes para React Native",
   "main": "dist/index.js",

package/src/elements/UIElement.tsx

@@ -534,7 +534,13 @@ export default function UIElement(props: ElementType) {
         )}
 
         {dialog && (
-          <UIModal {...props} scope={scope} crud={dialog.crud} open>
+          <UIModal
+            {...props}
+            scope={scope}
+            crud={dialog.crud}
+            open
+            dialog={dialog}
+          >
             {dialog.component}
           </UIModal>
         )}

package/src/elements/core/UIModal.tsx

@@ -22,15 +22,20 @@ import UIToast from './UIToast';
 
 interface UIModalType extends ChildType {
   open?: boolean;
+  dialog?: any;
 }
 
-export default function UIModal(props: UIModalType) {
-  let [modalVisible, setModalVisible] = useState(props.open === true);
+export default function UIModal({
+  scope,
+  open,
+  dialog,
+  ...props
+}: UIModalType) {
+  let [modalVisible, setModalVisible] = useState(open === true);
   let [index, setIndex] = useState(0);
   let main = ViewUtils.getCrud('view');
-  //v3
+  //v4
 
-  const scope = props.scope;
   const label = scope.getLabel();
   const theme = scope.getTheme();
   const headerStyle = Utils.nvl(theme.styles?.defaults?.header, {});
@@ -128,6 +133,19 @@ export default function UIModal(props: UIModalType) {
   let defaults = { color };
   let key = `${scope.currentDialog.name}-${index}`;
 
+  let Content = () => {
+    if (dialog?.component) {
+      let Aux = dialog?.component;
+
+      return <Aux crud={scope.currentDialog} />;
+    }
+    return (
+      <UIChildren scope={scope} crud={scope.currentDialog}>
+        {props.children}
+      </UIChildren>
+    );
+  };
+
   return (
     <Modal
       key={key}
@@ -169,9 +187,7 @@ export default function UIModal(props: UIModalType) {
               paddingBottom: 10,
             }}
           >
-            <UIChildren scope={scope} crud={scope.currentDialog}>
-              {props.children}
-            </UIChildren>
+            <Content />
           </View>
         </ScrollView>
         {bottom}