@sincpro/mobile-ui 3.0.1 → 3.2.0

package/dist/Dialog/Dialog.ActionSheet.js

@@ -1,54 +1,213 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
+import Button from "../Actions/Actions.Button.js";
 import Sheet from "./Dialog.Sheet.js";
 import Icon from "../Display/Display.Icon.js";
 import Pressable from "../primitives/Pressable.js";
 import { useTheme } from "../theme/index.js";
 import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
+import { attempt, errorMessage } from "../utils/async.js";
 import { useRef, useState } from "react";
 import { ActivityIndicator, View } from "react-native";
-function ActionSheet({ visible, onClose, actions, title, message, cancelLabel = "Cancelar", testID, }) {
-    const theme = useTheme();
-    const saving = useRef(false);
-    const [pending, setPending] = useState();
-    const [error, setError] = useState();
-    const close = () => {
-        if (saving.current)
-            return;
-        setError(undefined);
-        onClose();
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function ActionSheet(t0) {
+  const $ = _c(43);
+  const {
+    visible,
+    onClose,
+    actions,
+    title,
+    message,
+    cancelLabel: t1,
+    testID
+  } = t0;
+  const cancelLabel = t1 === undefined ? "Cancelar" : t1;
+  const theme = useTheme();
+  const saving = useRef(false);
+  const [pending, setPending] = useState();
+  const [error, setError] = useState();
+  let t2;
+  if ($[0] !== onClose) {
+    t2 = () => {
+      if (saving.current) {
+        return;
+      }
+      setError(undefined);
+      onClose();
     };
+    $[0] = onClose;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const close = t2;
+  let T0;
+  let t10;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  let t9;
+  if ($[2] !== actions || $[3] !== cancelLabel || $[4] !== close || $[5] !== message || $[6] !== onClose || $[7] !== pending || $[8] !== testID || $[9] !== theme || $[10] !== title || $[11] !== visible) {
     const choose = async (action, index) => {
-        if (action.disabled || saving.current)
-            return;
-        saving.current = true;
-        setPending(index);
-        setError(undefined);
-        try {
-            await action.onPress();
-            onClose();
-        }
-        catch (cause) {
-            setError(cause instanceof Error && cause.message.trim()
-                ? cause.message
-                : "No se pudo completar la acción. Vuelve a intentarlo.");
-        }
-        finally {
-            saving.current = false;
-            setPending(undefined);
-        }
+      if (action.disabled || saving.current) {
+        return;
+      }
+      saving.current = true;
+      setPending(index);
+      setError(undefined);
+      const result = await attempt(async () => {
+        await action.onPress();
+        onClose();
+      });
+      saving.current = false;
+      setPending(undefined);
+      if (!result.ok) {
+        setError(errorMessage(result.error, "No se pudo completar la acci\xF3n. Vuelve a intentarlo."));
+      }
     };
-    return (_jsxs(Sheet, { dismissible: pending === undefined, footer: _jsx(Pressable, { accessibilityLabel: cancelLabel, accessibilityRole: "button", accessibilityState: { disabled: pending !== undefined }, disabled: pending !== undefined, onPress: close, style: { minHeight: 48, justifyContent: "center", alignItems: "center" }, children: _jsx(Typography.Text, { className: "text-text-accent", semibold: true, children: cancelLabel }) }), onClose: close, testID: testID, title: title, visible: visible, children: [message ? (_jsx(Typography.Text, { className: "pb-3 text-text-secondary", children: message })) : null, actions.map((action, index) => (_jsxs(Pressable, { accessibilityLabel: action.label, accessibilityRole: "button", accessibilityState: {
-                    disabled: !!action.disabled || pending !== undefined,
-                    busy: pending === index,
-                }, className: cn("flex-row items-center gap-3 py-3", index < actions.length - 1 && "border-b border-border-light"), disabled: action.disabled || pending !== undefined, onPress: () => void choose(action, index), style: { minHeight: 48 }, children: [action.icon ? (_jsx(Icon, { color: action.disabled
-                            ? theme.icon.disabled
-                            : action.destructive
-                                ? theme.danger
-                                : theme.icon.primary, name: action.icon, size: 20 })) : null, _jsx(Typography.Text, { className: cn("flex-1", action.disabled
-                            ? "text-text-disabled"
-                            : action.destructive
-                                ? "text-danger"
-                                : "text-text-primary"), semibold: true, children: action.label }), pending === index ? _jsx(ActivityIndicator, { color: theme.primary }) : null] }, `${action.label}-${index}`))), !actions.length ? (_jsx(Typography.Text, { children: "No hay acciones disponibles." })) : null, error ? (_jsx(View, { className: "pt-3", children: _jsx(Typography.Text, { accessibilityLiveRegion: "polite", accessibilityRole: "alert", className: "text-danger", selectable: true, children: error }) })) : null] }));
+    T0 = Sheet;
+    t3 = pending === undefined;
+    const t11 = pending !== undefined;
+    if ($[21] !== cancelLabel || $[22] !== close || $[23] !== t11) {
+      t4 = _jsx(Button, {
+        className: "self-center",
+        disabled: t11,
+        onPress: close,
+        title: cancelLabel,
+        variant: "link"
+      });
+      $[21] = cancelLabel;
+      $[22] = close;
+      $[23] = t11;
+      $[24] = t4;
+    } else {
+      t4 = $[24];
+    }
+    t5 = close;
+    t6 = testID;
+    t7 = title;
+    t8 = visible;
+    if ($[25] !== message) {
+      t9 = message ? _jsx(Typography.Text, {
+        className: "pb-3 text-text-secondary",
+        children: message
+      }) : null;
+      $[25] = message;
+      $[26] = t9;
+    } else {
+      t9 = $[26];
+    }
+    t10 = actions.map((action_0, index_0) => _jsxs(Pressable, {
+      accessibilityLabel: action_0.label,
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled: !!action_0.disabled || pending !== undefined,
+        busy: pending === index_0
+      },
+      className: cn("flex-row items-center gap-3 py-3", index_0 < actions.length - 1 && "border-b border-border-light"),
+      disabled: action_0.disabled || pending !== undefined,
+      onPress: () => void choose(action_0, index_0),
+      style: {
+        minHeight: 48
+      },
+      children: [action_0.icon ? _jsx(Icon, {
+        color: action_0.disabled ? theme.icon.disabled : action_0.destructive ? theme.danger : theme.icon.primary,
+        name: action_0.icon,
+        size: 20
+      }) : null, _jsx(Typography.Text, {
+        className: cn("flex-1", action_0.disabled ? "text-text-disabled" : action_0.destructive ? "text-danger" : "text-text-primary"),
+        semibold: true,
+        children: action_0.label
+      }), pending === index_0 ? _jsx(ActivityIndicator, {
+        color: theme.primary
+      }) : null]
+    }, `${action_0.label}-${index_0}`));
+    $[2] = actions;
+    $[3] = cancelLabel;
+    $[4] = close;
+    $[5] = message;
+    $[6] = onClose;
+    $[7] = pending;
+    $[8] = testID;
+    $[9] = theme;
+    $[10] = title;
+    $[11] = visible;
+    $[12] = T0;
+    $[13] = t10;
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+    $[17] = t6;
+    $[18] = t7;
+    $[19] = t8;
+    $[20] = t9;
+  } else {
+    T0 = $[12];
+    t10 = $[13];
+    t3 = $[14];
+    t4 = $[15];
+    t5 = $[16];
+    t6 = $[17];
+    t7 = $[18];
+    t8 = $[19];
+    t9 = $[20];
+  }
+  let t11;
+  if ($[27] !== actions.length) {
+    t11 = !actions.length ? _jsx(Typography.Text, {
+      children: "No hay acciones disponibles."
+    }) : null;
+    $[27] = actions.length;
+    $[28] = t11;
+  } else {
+    t11 = $[28];
+  }
+  let t12;
+  if ($[29] !== error) {
+    t12 = error ? _jsx(View, {
+      className: "pt-3",
+      children: _jsx(Typography.Text, {
+        accessibilityLiveRegion: "polite",
+        accessibilityRole: "alert",
+        className: "text-danger",
+        selectable: true,
+        children: error
+      })
+    }) : null;
+    $[29] = error;
+    $[30] = t12;
+  } else {
+    t12 = $[30];
+  }
+  let t13;
+  if ($[31] !== T0 || $[32] !== t10 || $[33] !== t11 || $[34] !== t12 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
+    t13 = _jsxs(T0, {
+      dismissible: t3,
+      footer: t4,
+      onClose: t5,
+      testID: t6,
+      title: t7,
+      visible: t8,
+      children: [t9, t10, t11, t12]
+    });
+    $[31] = T0;
+    $[32] = t10;
+    $[33] = t11;
+    $[34] = t12;
+    $[35] = t3;
+    $[36] = t4;
+    $[37] = t5;
+    $[38] = t6;
+    $[39] = t7;
+    $[40] = t8;
+    $[41] = t9;
+    $[42] = t13;
+  } else {
+    t13 = $[42];
+  }
+  return t13;
 }
 export default ActionSheet;

package/dist/Dialog/Dialog.Confirmation.js

@@ -1,39 +1,176 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
-import { Actions } from "../Actions/index.js";
+import { c as _c } from "react/compiler-runtime";
 import Sheet from "./Dialog.Sheet.js";
+import { DialogActions } from "./dialog-actions.js";
 import { Typography } from "../Typography/index.js";
+import { attempt, errorMessage } from "../utils/async.js";
 import { useRef, useState } from "react";
-import { View } from "react-native";
-function Confirmation({ visible, onClose, onConfirm, title = "Descartar cambios", message = "¿Quieres descartar los cambios realizados?", confirmText = "Descartar cambios", cancelText = "Seguir editando", destructive = true, children, testID, }) {
-    const saving = useRef(false);
-    const [pending, setPending] = useState(false);
-    const [error, setError] = useState();
-    const close = () => {
-        if (saving.current)
-            return;
-        setError(undefined);
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function Confirmation(t0) {
+  const $ = _c(33);
+  const {
+    visible,
+    onClose,
+    onConfirm,
+    title: t1,
+    message: t2,
+    confirmText: t3,
+    cancelText: t4,
+    destructive: t5,
+    children,
+    testID
+  } = t0;
+  const title = t1 === undefined ? "Descartar cambios" : t1;
+  const message = t2 === undefined ? "\xBFQuieres descartar los cambios realizados?" : t2;
+  const confirmText = t3 === undefined ? "Descartar cambios" : t3;
+  const cancelText = t4 === undefined ? "Seguir editando" : t4;
+  const destructive = t5 === undefined ? true : t5;
+  const saving = useRef(false);
+  const [pending, setPending] = useState(false);
+  const [error, setError] = useState();
+  let t6;
+  if ($[0] !== onClose) {
+    t6 = () => {
+      if (saving.current) {
+        return;
+      }
+      setError(undefined);
+      onClose();
+    };
+    $[0] = onClose;
+    $[1] = t6;
+  } else {
+    t6 = $[1];
+  }
+  const close = t6;
+  let t7;
+  if ($[2] !== onClose || $[3] !== onConfirm) {
+    t7 = async () => {
+      if (saving.current) {
+        return;
+      }
+      saving.current = true;
+      setPending(true);
+      setError(undefined);
+      const result = await attempt(async () => {
+        await onConfirm();
         onClose();
+      });
+      saving.current = false;
+      setPending(false);
+      if (!result.ok) {
+        setError(errorMessage(result.error, "No se pudo completar la operaci\xF3n. Vuelve a intentarlo."));
+      }
+    };
+    $[2] = onClose;
+    $[3] = onConfirm;
+    $[4] = t7;
+  } else {
+    t7 = $[4];
+  }
+  const confirm = t7;
+  const t8 = !pending;
+  let t9;
+  if ($[5] !== cancelText || $[6] !== close || $[7] !== pending) {
+    t9 = {
+      disabled: pending,
+      onPress: close,
+      title: cancelText
     };
-    const confirm = async () => {
-        if (saving.current)
-            return;
-        saving.current = true;
-        setPending(true);
-        setError(undefined);
-        try {
-            await onConfirm();
-            onClose();
-        }
-        catch (cause) {
-            setError(cause instanceof Error && cause.message.trim()
-                ? cause.message
-                : "No se pudo completar la operación. Vuelve a intentarlo.");
-        }
-        finally {
-            saving.current = false;
-            setPending(false);
-        }
+    $[5] = cancelText;
+    $[6] = close;
+    $[7] = pending;
+    $[8] = t9;
+  } else {
+    t9 = $[8];
+  }
+  let t10;
+  if ($[9] !== confirm) {
+    t10 = () => void confirm();
+    $[9] = confirm;
+    $[10] = t10;
+  } else {
+    t10 = $[10];
+  }
+  let t11;
+  if ($[11] !== confirmText || $[12] !== pending || $[13] !== t10) {
+    t11 = {
+      disabled: pending,
+      loading: pending,
+      onPress: t10,
+      title: confirmText
     };
-    return (_jsxs(Sheet, { dismissible: !pending, footer: _jsxs(View, { className: "gap-2", children: [_jsx(Actions.Button, { disabled: pending, onPress: close, title: cancelText, variant: "outline" }), _jsx(Actions.Button, { disabled: pending, loading: pending, onPress: () => void confirm(), title: confirmText, variant: destructive ? "outlineDanger" : "primary" })] }), onClose: close, testID: testID, title: title, visible: visible, children: [_jsx(Typography.Text, { className: "text-text-secondary", selectable: true, children: message }), children, error ? (_jsx(Typography.Text, { accessibilityLiveRegion: "polite", accessibilityRole: "alert", className: "pt-3 text-danger", selectable: true, children: error })) : null] }));
+    $[11] = confirmText;
+    $[12] = pending;
+    $[13] = t10;
+    $[14] = t11;
+  } else {
+    t11 = $[14];
+  }
+  const t12 = destructive ? "outlineDanger" : "primary";
+  let t13;
+  if ($[15] !== t11 || $[16] !== t12 || $[17] !== t9) {
+    t13 = _jsx(DialogActions, {
+      cancel: t9,
+      confirm: t11,
+      confirmVariant: t12
+    });
+    $[15] = t11;
+    $[16] = t12;
+    $[17] = t9;
+    $[18] = t13;
+  } else {
+    t13 = $[18];
+  }
+  let t14;
+  if ($[19] !== message) {
+    t14 = _jsx(Typography.Text, {
+      className: "text-text-secondary",
+      selectable: true,
+      children: message
+    });
+    $[19] = message;
+    $[20] = t14;
+  } else {
+    t14 = $[20];
+  }
+  let t15;
+  if ($[21] !== error) {
+    t15 = error ? _jsx(Typography.Text, {
+      accessibilityLiveRegion: "polite",
+      accessibilityRole: "alert",
+      className: "pt-3 text-danger",
+      selectable: true,
+      children: error
+    }) : null;
+    $[21] = error;
+    $[22] = t15;
+  } else {
+    t15 = $[22];
+  }
+  let t16;
+  if ($[23] !== children || $[24] !== close || $[25] !== t13 || $[26] !== t14 || $[27] !== t15 || $[28] !== t8 || $[29] !== testID || $[30] !== title || $[31] !== visible) {
+    t16 = _jsxs(Sheet, {
+      dismissible: t8,
+      footer: t13,
+      onClose: close,
+      testID: testID,
+      title: title,
+      visible: visible,
+      children: [t14, children, t15]
+    });
+    $[23] = children;
+    $[24] = close;
+    $[25] = t13;
+    $[26] = t14;
+    $[27] = t15;
+    $[28] = t8;
+    $[29] = testID;
+    $[30] = title;
+    $[31] = visible;
+    $[32] = t16;
+  } else {
+    t16 = $[32];
+  }
+  return t16;
 }
 export default Confirmation;