react-crud-mobile 1.3.541 → 1.3.543

package/dist/index.js

@@ -355,7 +355,7 @@ function UIIcon({ scope }) {
   };
   let library = import_react_crud_utils4.Utils.nvl(scope.original.library, "ion");
   let icon = name.trim();
-  if (icon) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, {});
+  if (!icon) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, {});
   if (name.includes(" ")) {
     let split = name.split(/\s+/);
     library = split[0];
@@ -411,9 +411,11 @@ function UIButton(props) {
   let align = import_react_crud_utils5.Utils.nvl(element.align, "center");
   let variant = import_react_crud_utils5.Utils.nvl(element.variant, "default");
   let [loaderIndex, setLoaderIndex] = (0, import_react4.useState)(-1);
+  let [open, setOpen] = (0, import_react4.useState)(false);
   let color = element.color;
   let label = scope.getLabel();
   let icon = scope.getPart("icon");
+  let children = props.children;
   if (!color) color = "primaryLight";
   const styles13 = {
     buttonLabel: {
@@ -439,9 +441,25 @@ function UIButton(props) {
       justifyContent: "center",
       alignItems: "center",
       flexDirection: "row"
+    },
+    overlay: {
+      flex: 1,
+      backgroundColor: "rgba(0,0,0,0.5)",
+      justifyContent: "center",
+      alignItems: "center"
+    },
+    modal: {
+      backgroundColor: "#fff",
+      borderRadius: 12,
+      padding: 20,
+      minWidth: "80%"
     }
   };
-  const onClick = async (e) => {
+  const onClick = () => {
+    if (children) {
+      setOpen(true);
+      return;
+    }
     setTimeout(() => {
       scope.call("click", {});
     }, 0);
@@ -486,9 +504,7 @@ function UIButton(props) {
     let css = style("button", def);
     if (!css.width) {
       let h = css.height;
-      if (typeof h === "number") {
-        css.minWidth = h;
-      }
+      if (typeof h === "number") css.minWidth = h;
     }
     return css;
   });
@@ -498,7 +514,7 @@ function UIButton(props) {
     css.fontSize = import_react_crud_utils5.Utils.nvl(buttonLabel.fontSize, css.fontSize);
     return css;
   });
-  scope.updaters.loader = (loading) => {
+  scope.updaters.loader = () => {
     setLoaderIndex((i) => i + 1);
   };
   let iconSize = import_react_crud_utils5.Utils.nvl(element.iconSize, buttonLabel.fontSize, 15);
@@ -508,21 +524,13 @@ function UIButton(props) {
       label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.Text, { style: buttonLabel, children: scope.lng("loading", "Aguarde...") })
     ] }) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_react_native5.Pressable,
-    {
-      onPress: onClick,
-      style: ({ pressed }) => [
-        buttonStyle,
-        pressed && { opacity: 0.5 }
-        // ⭐ Aqui entra o efeito!
-      ],
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-        icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(UI_default.Icon, { size: iconSize, style: iconStyle, value: icon }) }),
-        label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.Text, { style: buttonLabel, children: label })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.Pressable, { onPress: onClick, style: ({ pressed }) => [buttonStyle, pressed && { opacity: 0.5 }], children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(UI_default.Icon, { size: iconSize, style: iconStyle, value: icon }),
+      label && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.Text, { style: buttonLabel, children: label })
+    ] }) }),
+    children && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.Modal, { visible: open, transparent: true, animationType: "fade", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.TouchableWithoutFeedback, { onPress: () => setOpen(false), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.View, { style: styles13.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.TouchableWithoutFeedback, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native5.View, { style: styles13.modal, children }) }) }) }) })
+  ] });
 }
 
 // src/elements/core/UISelect.tsx
@@ -2084,7 +2092,7 @@ function UIElement(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_jsx_runtime26.Fragment, {});
   }
   const isShowChild = () => {
-    if (scope.isType("tabs", "view", "grid", "list", "define", "repeat", "modal", "dialog", "chart")) {
+    if (scope.isType("tabs", "view", "grid", "list", "define", "repeat", "modal", "dialog", "chart", "button")) {
       return false;
     }
     return true;