@sincpro/mobile-ui 3.0.0 → 3.1.0

package/dist/Display/Display.CopyableText.js

@@ -1,78 +1,301 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import Icon from "./Display.Icon.js";
 import Pressable from "../primitives/Pressable.js";
 import { useTheme } from "../theme/index.js";
 import { Typography } from "../Typography/index.js";
+import { attempt } from "../utils/async.js";
 import * as Clipboard from "expo-clipboard";
 import { useEffect, useRef, useState } from "react";
 import { AccessibilityInfo, ActivityIndicator, View } from "react-native";
-function CopyableText({ value, getValue, label, className, accessibilityLabel, testID, disabled = false, onCopied, onCopyError, selectable = false, }) {
-    const theme = useTheme();
-    const pending = useRef(false);
-    const [status, setStatus] = useState("idle");
-    const [copiedValue, setCopiedValue] = useState();
-    const hasStaticValue = value !== undefined;
-    const isCopied = status === "copied" && (!hasStaticValue || copiedValue === value);
-    const displayText = label || value || "Copiar";
-    const copyLabel = accessibilityLabel ?? `Copiar ${displayText}`;
-    useEffect(() => {
-        if (status !== "copied")
-            return;
-        const timer = setTimeout(() => setStatus("idle"), 3000);
-        return () => clearTimeout(timer);
-    }, [status]);
-    const handleCopy = async () => {
-        if (pending.current || disabled)
-            return;
-        pending.current = true;
-        setStatus("copying");
-        let textToCopy;
-        try {
-            textToCopy = hasStaticValue ? value : getValue();
-            const copied = await Clipboard.setStringAsync(textToCopy);
-            if (!copied)
-                throw new Error("El portapapeles no pudo copiar el texto");
-        }
-        catch (cause) {
-            const error = cause instanceof Error ? cause : new Error(String(cause));
-            setStatus("error");
-            AccessibilityInfo.announceForAccessibility("No se pudo copiar. Toca para reintentar.");
-            pending.current = false;
-            console.error("CopyableText: no se pudo copiar", error);
-            onCopyError?.(error);
-            return;
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function CopyableText(t0) {
+  const $ = _c(56);
+  const {
+    value,
+    getValue,
+    label,
+    className,
+    accessibilityLabel,
+    testID,
+    disabled: t1,
+    onCopied,
+    onCopyError,
+    selectable: t2
+  } = t0;
+  const disabled = t1 === undefined ? false : t1;
+  const selectable = t2 === undefined ? false : t2;
+  const theme = useTheme();
+  const pending = useRef(false);
+  const [status, setStatus] = useState("idle");
+  const [copiedValue, setCopiedValue] = useState();
+  const hasStaticValue = value !== undefined;
+  const isCopied = status === "copied" && (!hasStaticValue || copiedValue === value);
+  const displayText = label || value || "Copiar";
+  const copyLabel = accessibilityLabel ?? `Copiar ${displayText}`;
+  let t3;
+  let t4;
+  if ($[0] !== status) {
+    t3 = () => {
+      if (status !== "copied") {
+        return;
+      }
+      const timer = setTimeout(() => setStatus("idle"), 3000);
+      return () => clearTimeout(timer);
+    };
+    t4 = [status];
+    $[0] = status;
+    $[1] = t3;
+    $[2] = t4;
+  } else {
+    t3 = $[1];
+    t4 = $[2];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[3] !== disabled || $[4] !== getValue || $[5] !== hasStaticValue || $[6] !== onCopied || $[7] !== onCopyError || $[8] !== value) {
+    t5 = async () => {
+      if (pending.current || disabled) {
+        return;
+      }
+      pending.current = true;
+      setStatus("copying");
+      const result = await attempt(async () => {
+        const text = hasStaticValue ? value : getValue();
+        const copied = await Clipboard.setStringAsync(text);
+        if (!copied) {
+          throw new Error("El portapapeles no pudo copiar el texto");
         }
+        return text;
+      });
+      if (!result.ok) {
+        const cause = result.error;
+        const error = cause instanceof Error ? cause : new Error(String(cause));
+        setStatus("error");
+        AccessibilityInfo.announceForAccessibility("No se pudo copiar. Toca para reintentar.");
         pending.current = false;
-        setCopiedValue(textToCopy);
-        setStatus("copied");
-        AccessibilityInfo.announceForAccessibility("Copiado");
-        onCopied?.(textToCopy);
+        console.error("CopyableText: no se pudo copiar", error);
+        onCopyError?.(error);
+        return;
+      }
+      const textToCopy = result.value;
+      pending.current = false;
+      setCopiedValue(textToCopy);
+      setStatus("copied");
+      AccessibilityInfo.announceForAccessibility("Copiado");
+      onCopied?.(textToCopy);
+    };
+    $[3] = disabled;
+    $[4] = getValue;
+    $[5] = hasStaticValue;
+    $[6] = onCopied;
+    $[7] = onCopyError;
+    $[8] = value;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const handleCopy = t5;
+  const t6 = selectable ? "flex-start" : "center";
+  let t7;
+  if ($[10] !== t6) {
+    t7 = {
+      flexDirection: "row",
+      alignItems: t6,
+      gap: 8
+    };
+    $[10] = t6;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== className || $[13] !== displayText || $[14] !== selectable) {
+    t8 = selectable ? _jsx(Typography.SelectableText, {
+      className: className,
+      style: {
+        flex: 1
+      },
+      value: displayText,
+      variant: "body"
+    }) : null;
+    $[12] = className;
+    $[13] = displayText;
+    $[14] = selectable;
+    $[15] = t8;
+  } else {
+    t8 = $[15];
+  }
+  const t9 = selectable ? "Copia el texto completo" : "Toca para copiar";
+  const t10 = isCopied ? `${copyLabel}. Copiado` : copyLabel;
+  const t11 = disabled || status === "copying";
+  const t12 = status === "copying";
+  let t13;
+  if ($[16] !== t11 || $[17] !== t12) {
+    t13 = {
+      disabled: t11,
+      busy: t12
+    };
+    $[16] = t11;
+    $[17] = t12;
+    $[18] = t13;
+  } else {
+    t13 = $[18];
+  }
+  const t14 = isCopied ? "Copiado" : status === "copying" ? "Copiando" : status === "error" ? "Error al copiar" : "";
+  let t15;
+  if ($[19] !== t14) {
+    t15 = {
+      text: t14
+    };
+    $[19] = t14;
+    $[20] = t15;
+  } else {
+    t15 = $[20];
+  }
+  const t16 = disabled || status === "copying";
+  let t17;
+  if ($[21] !== handleCopy) {
+    t17 = () => {
+      handleCopy();
+    };
+    $[21] = handleCopy;
+    $[22] = t17;
+  } else {
+    t17 = $[22];
+  }
+  const t18 = selectable ? "center" : "flex-start";
+  const t19 = selectable ? 0 : 1;
+  let t20;
+  if ($[23] !== t18 || $[24] !== t19) {
+    t20 = {
+      minHeight: 48,
+      minWidth: 48,
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: t18,
+      gap: 8,
+      flexShrink: t19
+    };
+    $[23] = t18;
+    $[24] = t19;
+    $[25] = t20;
+  } else {
+    t20 = $[25];
+  }
+  let t21;
+  if ($[26] !== className || $[27] !== displayText || $[28] !== selectable) {
+    t21 = !selectable ? _jsx(Typography.Text, {
+      className: className,
+      style: {
+        flexShrink: 1
+      },
+      variant: "body",
+      children: displayText
+    }) : null;
+    $[26] = className;
+    $[27] = displayText;
+    $[28] = selectable;
+    $[29] = t21;
+  } else {
+    t21 = $[29];
+  }
+  let t22;
+  if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+    t22 = {
+      width: 24,
+      alignItems: "center"
     };
-    return (_jsxs(View, { children: [_jsxs(View, { style: {
-                    flexDirection: "row",
-                    alignItems: selectable ? "flex-start" : "center",
-                    gap: 8,
-                }, children: [selectable ? (_jsx(Typography.SelectableText, { className: className, style: { flex: 1 }, value: displayText, variant: "body" })) : null, _jsxs(Pressable, { accessibilityHint: selectable ? "Copia el texto completo" : "Toca para copiar", accessibilityLabel: isCopied ? `${copyLabel}. Copiado` : copyLabel, accessibilityState: {
-                            disabled: disabled || status === "copying",
-                            busy: status === "copying",
-                        }, accessibilityValue: {
-                            text: isCopied
-                                ? "Copiado"
-                                : status === "copying"
-                                    ? "Copiando"
-                                    : status === "error"
-                                        ? "Error al copiar"
-                                        : "",
-                        }, disabled: disabled || status === "copying", onPress: () => {
-                            void handleCopy();
-                        }, style: {
-                            minHeight: 48,
-                            minWidth: 48,
-                            flexDirection: "row",
-                            alignItems: "center",
-                            justifyContent: selectable ? "center" : "flex-start",
-                            gap: 8,
-                            flexShrink: selectable ? 0 : 1,
-                        }, testID: testID, children: [!selectable ? (_jsx(Typography.Text, { className: className, style: { flexShrink: 1 }, variant: "body", children: displayText })) : null, _jsx(View, { accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants", style: { width: 24, alignItems: "center" }, children: status === "copying" ? (_jsx(ActivityIndicator, { color: theme.text.accent, size: "small" })) : (_jsx(Icon, { color: isCopied ? theme.success : theme.text.accent, name: isCopied ? "check" : status === "error" ? "error" : "copy", size: 20 })) })] })] }), status === "error" ? (_jsx(Typography.Text, { accessibilityLiveRegion: "polite", className: "text-danger", variant: "bodySmall", children: "No se pudo copiar. Toca para reintentar." })) : null] }));
+    $[30] = t22;
+  } else {
+    t22 = $[30];
+  }
+  let t23;
+  if ($[31] !== isCopied || $[32] !== status || $[33] !== theme.success || $[34] !== theme.text) {
+    t23 = _jsx(View, {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: t22,
+      children: status === "copying" ? _jsx(ActivityIndicator, {
+        color: theme.text.accent,
+        size: "small"
+      }) : _jsx(Icon, {
+        color: isCopied ? theme.success : theme.text.accent,
+        name: isCopied ? "check" : status === "error" ? "error" : "copy",
+        size: 20
+      })
+    });
+    $[31] = isCopied;
+    $[32] = status;
+    $[33] = theme.success;
+    $[34] = theme.text;
+    $[35] = t23;
+  } else {
+    t23 = $[35];
+  }
+  let t24;
+  if ($[36] !== t10 || $[37] !== t13 || $[38] !== t15 || $[39] !== t16 || $[40] !== t17 || $[41] !== t20 || $[42] !== t21 || $[43] !== t23 || $[44] !== t9 || $[45] !== testID) {
+    t24 = _jsxs(Pressable, {
+      accessibilityHint: t9,
+      accessibilityLabel: t10,
+      accessibilityState: t13,
+      accessibilityValue: t15,
+      disabled: t16,
+      onPress: t17,
+      style: t20,
+      testID: testID,
+      children: [t21, t23]
+    });
+    $[36] = t10;
+    $[37] = t13;
+    $[38] = t15;
+    $[39] = t16;
+    $[40] = t17;
+    $[41] = t20;
+    $[42] = t21;
+    $[43] = t23;
+    $[44] = t9;
+    $[45] = testID;
+    $[46] = t24;
+  } else {
+    t24 = $[46];
+  }
+  let t25;
+  if ($[47] !== t24 || $[48] !== t7 || $[49] !== t8) {
+    t25 = _jsxs(View, {
+      style: t7,
+      children: [t8, t24]
+    });
+    $[47] = t24;
+    $[48] = t7;
+    $[49] = t8;
+    $[50] = t25;
+  } else {
+    t25 = $[50];
+  }
+  let t26;
+  if ($[51] !== status) {
+    t26 = status === "error" ? _jsx(Typography.Text, {
+      accessibilityLiveRegion: "polite",
+      className: "text-danger",
+      variant: "bodySmall",
+      children: "No se pudo copiar. Toca para reintentar."
+    }) : null;
+    $[51] = status;
+    $[52] = t26;
+  } else {
+    t26 = $[52];
+  }
+  let t27;
+  if ($[53] !== t25 || $[54] !== t26) {
+    t27 = _jsxs(View, {
+      children: [t25, t26]
+    });
+    $[53] = t25;
+    $[54] = t26;
+    $[55] = t27;
+  } else {
+    t27 = $[55];
+  }
+  return t27;
 }
 export default CopyableText;

package/dist/Display/Display.CountRecords.js

@@ -1,8 +1,65 @@
-import { jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { View } from "react-native";
-function CountRecords({ name, count, withPadding = true, className }) {
-    return (_jsxs(View, { className: cn("flex-row py-2", withPadding && "px-4", className), children: [_jsxs(Typography.Text, { semibold: true, variant: "bodySmall", children: ["Total ", " ", `${name || "Registros"} `] }), _jsxs(Typography.Text, { className: "text-text-secondary", variant: "bodySmall", children: ["( ", count, " )"] })] }));
+import { jsxs as _jsxs } from "nativewind/jsx-runtime";
+function CountRecords(t0) {
+  const $ = _c(11);
+  const {
+    name,
+    count,
+    withPadding: t1,
+    className
+  } = t0;
+  const withPadding = t1 === undefined ? true : t1;
+  const t2 = withPadding && "px-4";
+  let t3;
+  if ($[0] !== className || $[1] !== t2) {
+    t3 = cn("flex-row py-2", t2, className);
+    $[0] = className;
+    $[1] = t2;
+    $[2] = t3;
+  } else {
+    t3 = $[2];
+  }
+  const t4 = `${name || "Registros"} `;
+  let t5;
+  if ($[3] !== t4) {
+    t5 = _jsxs(Typography.Text, {
+      semibold: true,
+      variant: "bodySmall",
+      children: ["Total ", " ", t4]
+    });
+    $[3] = t4;
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  let t6;
+  if ($[5] !== count) {
+    t6 = _jsxs(Typography.Text, {
+      className: "text-text-secondary",
+      variant: "bodySmall",
+      children: ["( ", count, " )"]
+    });
+    $[5] = count;
+    $[6] = t6;
+  } else {
+    t6 = $[6];
+  }
+  let t7;
+  if ($[7] !== t3 || $[8] !== t5 || $[9] !== t6) {
+    t7 = _jsxs(View, {
+      className: t3,
+      children: [t5, t6]
+    });
+    $[7] = t3;
+    $[8] = t5;
+    $[9] = t6;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  return t7;
 }
 export default CountRecords;

package/dist/Display/Display.DataTable.js

@@ -1,22 +1,132 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { ScrollView, View } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
 const alignClass = {
-    left: "text-left",
-    right: "text-right",
-    center: "text-center",
+  left: "text-left",
+  right: "text-right",
+  center: "text-center"
 };
 function cellValue(col, row) {
-    if (col.render)
-        return col.render(row);
-    const raw = row[col.key];
-    return raw == null ? "" : String(raw);
+  if (col.render) return col.render(row);
+  const raw = row[col.key];
+  return raw == null ? "" : String(raw);
+}
+function DataTable(t0) {
+  const $ = _c(19);
+  const {
+    columns,
+    data,
+    keyExtractor,
+    footer,
+    emptyText: t1,
+    className,
+    testID
+  } = t0;
+  const emptyText = t1 === undefined ? "Sin datos" : t1;
+  let t2;
+  if ($[0] !== className) {
+    t2 = cn("bg-bg-card rounded-lg border border-border-light overflow-hidden", className);
+    $[0] = className;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== columns) {
+    t3 = columns.map(_temp);
+    $[2] = columns;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t3) {
+    t4 = _jsx(View, {
+      className: "flex-row bg-bg-muted px-3 py-2.5",
+      children: t3
+    });
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  let t5;
+  if ($[6] !== columns || $[7] !== data || $[8] !== emptyText || $[9] !== keyExtractor) {
+    t5 = data.length === 0 ? _jsx(View, {
+      className: "px-3 py-6 items-center",
+      children: _jsx(Typography.Text, {
+        className: "text-text-tertiary",
+        variant: "bodySmall",
+        children: emptyText
+      })
+    }) : _jsx(ScrollView, {
+      children: data.map((row, index) => _jsx(View, {
+        className: "flex-row px-3 py-3 border-t border-border-light",
+        children: columns.map(col_0 => {
+          const content = cellValue(col_0, row);
+          return _jsx(View, {
+            style: {
+              flex: col_0.flex ?? 1
+            },
+            children: typeof content === "string" || typeof content === "number" ? _jsx(Typography.Text, {
+              className: cn("text-text-primary", alignClass[col_0.align ?? "left"]),
+              variant: "bodySmall",
+              children: content
+            }) : content
+          }, col_0.key);
+        })
+      }, keyExtractor(row, index)))
+    });
+    $[6] = columns;
+    $[7] = data;
+    $[8] = emptyText;
+    $[9] = keyExtractor;
+    $[10] = t5;
+  } else {
+    t5 = $[10];
+  }
+  let t6;
+  if ($[11] !== footer) {
+    t6 = footer ? _jsx(View, {
+      className: "flex-row px-3 py-3 border-t border-border-default bg-bg-muted",
+      children: footer
+    }) : null;
+    $[11] = footer;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== t2 || $[14] !== t4 || $[15] !== t5 || $[16] !== t6 || $[17] !== testID) {
+    t7 = _jsxs(View, {
+      className: t2,
+      testID: testID,
+      children: [t4, t5, t6]
+    });
+    $[13] = t2;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+    $[17] = testID;
+    $[18] = t7;
+  } else {
+    t7 = $[18];
+  }
+  return t7;
 }
-function DataTable({ columns, data, keyExtractor, footer, emptyText = "Sin datos", className, testID, }) {
-    return (_jsxs(View, { className: cn("bg-bg-card rounded-lg border border-border-light overflow-hidden", className), testID: testID, children: [_jsx(View, { className: "flex-row bg-bg-muted px-3 py-2.5", children: columns.map((col) => (_jsx(View, { style: { flex: col.flex ?? 1 }, children: _jsx(Typography.Text, { className: cn("text-text-secondary font-semibold", alignClass[col.align ?? "left"]), numberOfLines: 1, variant: "caption", children: col.header }) }, col.key))) }), data.length === 0 ? (_jsx(View, { className: "px-3 py-6 items-center", children: _jsx(Typography.Text, { className: "text-text-tertiary", variant: "bodySmall", children: emptyText }) })) : (_jsx(ScrollView, { children: data.map((row, index) => (_jsx(View, { className: "flex-row px-3 py-3 border-t border-border-light", children: columns.map((col) => {
-                        const content = cellValue(col, row);
-                        return (_jsx(View, { style: { flex: col.flex ?? 1 }, children: typeof content === "string" || typeof content === "number" ? (_jsx(Typography.Text, { className: cn("text-text-primary", alignClass[col.align ?? "left"]), variant: "bodySmall", children: content })) : (content) }, col.key));
-                    }) }, keyExtractor(row, index)))) })), footer ? (_jsx(View, { className: "flex-row px-3 py-3 border-t border-border-default bg-bg-muted", children: footer })) : null] }));
+function _temp(col) {
+  return _jsx(View, {
+    style: {
+      flex: col.flex ?? 1
+    },
+    children: _jsx(Typography.Text, {
+      className: cn("text-text-secondary", alignClass[col.align ?? "left"]),
+      numberOfLines: 1,
+      variant: "caption",
+      children: col.header
+    })
+  }, col.key);
 }
 export default DataTable;