@acvl/mobile-components 0.0.0-stage → 0.0.1

package/lib/module/componentes/OpcionesExcluyentes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["IconoDeRenglon","Text","crearEstilos","renglon","tipografia","usePaleta","Pressable","View","jsx","_jsx","jsxs","_jsxs","OpcionesExcluyentes","opciones","valor","onElegir","c","styles","useStyles","style","children","map","opcion","elegida","onPress","accessibilityRole","accessibilityState","selected","opcionElegida","name","fontSize","subtitulo","color","primary","secondaryLight","opcionTexto","texto","String","gap","flexDirection","alignItems","backgroundColor","superficie","borderRadius","borderWidth","borderColor","secondaryLighter","padding","primaryWash","flex","fontWeight"],"sourceRoot":"../../../src","sources":["componentes/OpcionesExcluyentes.tsx"],"mappings":";;AAAA,OAAOA,cAAc,MAAM,+BAA+B;AAC1D,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,EAAEC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAQ,SAAS;AACtE,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;;AAE9C;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIA,MAAMC,mBAAmB,GAAGA,CAA6B;EACrDC,QAAQ;EACRC,KAAK;EACLC;AAKJ,CAAC,KAAK;EACF,MAAMC,CAAC,GAAGX,SAAS,CAAC,CAAC;EACrB,MAAMY,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBACIT,IAAA,CAACF,IAAI;IAACY,KAAK,EAAEF,MAAM,CAACJ,QAAS;IAAAO,QAAA,EACxBP,QAAQ,CAACQ,GAAG,CAAEC,MAAM,IAAK;MACtB,MAAMC,OAAO,GAAGD,MAAM,CAACR,KAAK,KAAKA,KAAK;MACtC,oBACIH,KAAA,CAACL,SAAS;QAENkB,OAAO,EAAEA,CAAA,KAAMT,QAAQ,CAACO,MAAM,CAACR,KAAK,CAAE;QACtCW,iBAAiB,EAAC,OAAO;QACzBC,kBAAkB,EAAE;UAAEC,QAAQ,EAAEJ;QAAQ,CAAE;QAC1CJ,KAAK,EAAE,CAACF,MAAM,CAACK,MAAM,EAAEC,OAAO,IAAIN,MAAM,CAACW,aAAa,CAAE;QAAAR,QAAA,gBAExDX,IAAA,CAACT,cAAc;UACX6B,IAAI,EAAEN,OAAO,GAAG,iBAAiB,GAAG,gBAAiB;UACrDO,QAAQ,EAAE1B,UAAU,CAAC2B,SAAU;UAC/BC,KAAK,EAAET,OAAO,GAAGP,CAAC,CAACiB,OAAO,GAAGjB,CAAC,CAACkB;QAAe,CACjD,CAAC,eACFzB,IAAA,CAACR,IAAI;UAACkB,KAAK,EAAEF,MAAM,CAACkB,WAAY;UAAAf,QAAA,EAAEE,MAAM,CAACc;QAAK,CAAO,CAAC;MAAA,GAXjDC,MAAM,CAACf,MAAM,CAACR,KAAK,CAYjB,CAAC;IAEpB,CAAC;EAAC,CACA,CAAC;AAEf,CAAC;AAED,MAAMI,SAAS,GAAGhB,YAAY,CAAEc,CAAC,KAAM;EACnCH,QAAQ,EAAE;IAAEyB,GAAG,EAAE;EAAG,CAAC;EACrBhB,MAAM,EAAE;IACJiB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBF,GAAG,EAAE,CAAC;IACNG,eAAe,EAAEzB,CAAC,CAAC0B,UAAU;IAC7BC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE7B,CAAC,CAAC8B,gBAAgB;IAC/BC,OAAO,EAAE;EACb,CAAC;EACDnB,aAAa,EAAE;IAAEiB,WAAW,EAAE7B,CAAC,CAACiB,OAAO;IAAEQ,eAAe,EAAEzB,CAAC,CAACgC;EAAY,CAAC;EACzEb,WAAW,EAAE;IAAEc,IAAI,EAAE,CAAC;IAAE,GAAG9C,OAAO,CAACC,UAAU,CAAC2B,SAAS,CAAC;IAAEmB,UAAU,EAAE,KAAK;IAAElB,KAAK,EAAEhB,CAAC,CAACoB;EAAM;AAChG,CAAC,CAAC,CAAC;AAEH,eAAexB,mBAAmB","ignoreList":[]}

package/lib/module/componentes/PantallaDeError.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import { useEffect } from "react";
+import { ScrollView } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+import { Text } from "../texto";
+import { crearEstilos, tipografia, usePaleta } from "../tema";
+import BotonGrande from "./BotonGrande";
+
+/** Lo que expo-router le pasa al `ErrorBoundary` de un layout. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Lo que se ve cuando una pantalla truena al pintarse, en vez de la pantalla roja (en desarrollo) o
+ * de una app que se cierra sola (en producción). Es el `ErrorBoundary` de expo-router: lo exporta el
+ * layout raíz, envuelto para pasarle `onError`.
+ *
+ * El error se reporta aquí (`onError`, a Sentry): React no lo deja llegar al manejador global una
+ * vez que una frontera lo atrapa. «Reintentar» vuelve a montar la pantalla.
+ *
+ * No usa nada de Paper ni de un proveedor: si lo que tronó es el layout raíz, aquí no hay
+ * proveedores.
+ */
+const PantallaDeError = ({
+  error,
+  retry,
+  onError,
+  mensaje = "Esta pantalla no se pudo abrir. Intenta de nuevo; si vuelve a pasar, avisa a soporte."
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  useEffect(() => {
+    onError?.(error);
+    // Se reporta una vez por error, aunque quien llama pase un `onError` nuevo en cada render.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [error]);
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    style: styles.root,
+    children: /*#__PURE__*/_jsxs(ScrollView, {
+      contentContainerStyle: styles.contenido,
+      children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "alert-octagon-outline",
+        size: 64,
+        color: c.primary
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.titulo,
+        children: "Algo sali\xF3 mal"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.texto,
+        children: mensaje
+      }), /*#__PURE__*/_jsx(BotonGrande, {
+        icono: "refresh",
+        onPress: () => void retry(),
+        children: "Reintentar"
+      })]
+    })
+  });
+};
+const useStyles = crearEstilos(c => ({
+  root: {
+    flex: 1,
+    backgroundColor: c.fondo
+  },
+  contenido: {
+    flexGrow: 1,
+    justifyContent: "center",
+    alignItems: "stretch",
+    gap: 16,
+    padding: 24
+  },
+  titulo: {
+    fontSize: tipografia.titulo,
+    fontWeight: "800",
+    color: c.secondaryDark,
+    textAlign: "center"
+  },
+  texto: {
+    fontSize: tipografia.cuerpo,
+    color: c.secondary,
+    textAlign: "center"
+  }
+}));
+export default PantallaDeError;
+//# sourceMappingURL=PantallaDeError.js.map

package/lib/module/componentes/PantallaDeError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialCommunityIcons","useEffect","ScrollView","SafeAreaView","Text","crearEstilos","tipografia","usePaleta","BotonGrande","jsx","_jsx","jsxs","_jsxs","PantallaDeError","error","retry","onError","mensaje","c","styles","useStyles","style","root","children","contentContainerStyle","contenido","name","size","color","primary","titulo","texto","icono","onPress","flex","backgroundColor","fondo","flexGrow","justifyContent","alignItems","gap","padding","fontSize","fontWeight","secondaryDark","textAlign","cuerpo","secondary"],"sourceRoot":"../../../src","sources":["componentes/PantallaDeError.tsx"],"mappings":";;AAAA,OAAOA,sBAAsB,MAAM,2CAA2C;AAC9E,SAASC,SAAS,QAAQ,OAAO;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,EAAEC,UAAU,EAAEC,SAAS,QAAQ,SAAS;AAC7D,OAAOC,WAAW,MAAM,eAAe;;AAEvC;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAGA,CAAC;EACrBC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,OAAO,GAAG;AAKd,CAAC,KAAK;EACF,MAAMC,CAAC,GAAGX,SAAS,CAAC,CAAC;EACrB,MAAMY,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1BnB,SAAS,CAAC,MAAM;IACZe,OAAO,GAAGF,KAAK,CAAC;IAChB;IACA;EACJ,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,oBACIJ,IAAA,CAACP,YAAY;IAACkB,KAAK,EAAEF,MAAM,CAACG,IAAK;IAAAC,QAAA,eAC7BX,KAAA,CAACV,UAAU;MAACsB,qBAAqB,EAAEL,MAAM,CAACM,SAAU;MAAAF,QAAA,gBAChDb,IAAA,CAACV,sBAAsB;QAAC0B,IAAI,EAAC,uBAAuB;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEV,CAAC,CAACW;MAAQ,CAAE,CAAC,eACnFnB,IAAA,CAACN,IAAI;QAACiB,KAAK,EAAEF,MAAM,CAACW,MAAO;QAAAP,QAAA,EAAC;MAAc,CAAM,CAAC,eACjDb,IAAA,CAACN,IAAI;QAACiB,KAAK,EAAEF,MAAM,CAACY,KAAM;QAAAR,QAAA,EAAEN;MAAO,CAAO,CAAC,eAC3CP,IAAA,CAACF,WAAW;QAACwB,KAAK,EAAC,SAAS;QAACC,OAAO,EAAEA,CAAA,KAAM,KAAKlB,KAAK,CAAC,CAAE;QAAAQ,QAAA,EAAC;MAE1D,CAAa,CAAC;IAAA,CACN;EAAC,CACH,CAAC;AAEvB,CAAC;AAED,MAAMH,SAAS,GAAGf,YAAY,CAAEa,CAAC,KAAM;EACnCI,IAAI,EAAE;IAAEY,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEjB,CAAC,CAACkB;EAAM,CAAC;EAC3CX,SAAS,EAAE;IACPY,QAAQ,EAAE,CAAC;IACXC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,SAAS;IACrBC,GAAG,EAAE,EAAE;IACPC,OAAO,EAAE;EACb,CAAC;EACDX,MAAM,EAAE;IACJY,QAAQ,EAAEpC,UAAU,CAACwB,MAAM;IAC3Ba,UAAU,EAAE,KAAK;IACjBf,KAAK,EAAEV,CAAC,CAAC0B,aAAa;IACtBC,SAAS,EAAE;EACf,CAAC;EACDd,KAAK,EAAE;IAAEW,QAAQ,EAAEpC,UAAU,CAACwC,MAAM;IAAElB,KAAK,EAAEV,CAAC,CAAC6B,SAAS;IAAEF,SAAS,EAAE;EAAS;AAClF,CAAC,CAAC,CAAC;AAEH,eAAehC,eAAe","ignoreList":[]}

package/lib/module/componentes/Pestanas.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import { Text } from "../texto";
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import React from "react";
+import { Pressable, View } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * La tira de pestañas dentro de una pantalla: la misma de las listas de acv-wms (Cobranza,
+ * Importaciones), con su icono, y la elegida en rojo sobre un lavado rojo. Allá se repite en
+ * cada pantalla; aquí es un componente para que cada sección nueva la reutilice.
+ *
+ * Los iconos son de MaterialCommunityIcons, la familia de Paper, y no de MaterialIcons como en
+ * wms: es la que tiene `progress-clock`, el de Actual.
+ *
+ * **El icono va arriba del texto**, no al lado como en wms: con la letra del operador
+ * (`tipografia.etiqueta`) tres rótulos en fila no caben en un teléfono, y el botón más alto
+ * también se atina mejor con prisa. El rótulo no se encoge por debajo de `etiqueta`, que es el
+ * mínimo: con la letra muy grande, parte en otro renglón.
+ */
+const Pestanas = ({
+  pestanas,
+  activa,
+  onSelect
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.tabs,
+    children: pestanas.map(p => {
+      const on = p.key === activa;
+      return /*#__PURE__*/_jsxs(Pressable, {
+        onPress: () => onSelect(p.key),
+        accessibilityRole: "tab",
+        accessibilityState: {
+          selected: on
+        },
+        style: [styles.tab, on && styles.tabOn],
+        children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: p.icono,
+          size: 22,
+          color: on ? c.primary : c.secondaryLight
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.tabText, on && styles.tabTextOn],
+          children: p.label
+        })]
+      }, p.key);
+    })
+  });
+};
+const useStyles = crearEstilos(c => ({
+  tabs: {
+    flexDirection: "row",
+    gap: 6,
+    marginBottom: 12
+  },
+  tab: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 2,
+    paddingVertical: 8,
+    paddingHorizontal: 6,
+    borderRadius: 10,
+    borderWidth: 1.5,
+    borderColor: "transparent",
+    backgroundColor: c.superficie
+  },
+  tabOn: {
+    borderColor: c.primary,
+    backgroundColor: c.primaryWash
+  },
+  tabText: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "500",
+    color: c.secondaryLight,
+    textAlign: "center"
+  },
+  // Sólo el color, sin negritas: en negritas «Por iniciar» ya no cabía en un renglón y la pestaña
+  // crecía al elegirla. Lo elegido ya lo dicen el borde y el fondo.
+  tabTextOn: {
+    color: c.primary
+  }
+}));
+export default Pestanas;
+//# sourceMappingURL=Pestanas.js.map

package/lib/module/componentes/Pestanas.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["crearEstilos","renglon","tipografia","usePaleta","Text","MaterialCommunityIcons","React","Pressable","View","jsx","_jsx","jsxs","_jsxs","Pestanas","pestanas","activa","onSelect","c","styles","useStyles","style","tabs","children","map","p","on","key","onPress","accessibilityRole","accessibilityState","selected","tab","tabOn","name","icono","size","color","primary","secondaryLight","tabText","tabTextOn","label","flexDirection","gap","marginBottom","flex","alignItems","justifyContent","paddingVertical","paddingHorizontal","borderRadius","borderWidth","borderColor","backgroundColor","superficie","primaryWash","etiqueta","fontWeight","textAlign"],"sourceRoot":"../../../src","sources":["componentes/Pestanas.tsx"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAQ,SAAS;AACtE,SAASC,IAAI,QAAQ,UAAU;AAC/B,OAAOC,sBAAsB,MAAM,2CAA2C;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAc/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,QAAQ,GAAGA,CAAmB;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAmB,CAAC,KAAK;EAC7E,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAMe,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBACIT,IAAA,CAACF,IAAI;IAACY,KAAK,EAAEF,MAAM,CAACG,IAAK;IAAAC,QAAA,EACpBR,QAAQ,CAACS,GAAG,CAAEC,CAAC,IAAK;MACjB,MAAMC,EAAE,GAAGD,CAAC,CAACE,GAAG,KAAKX,MAAM;MAC3B,oBACIH,KAAA,CAACL,SAAS;QAENoB,OAAO,EAAEA,CAAA,KAAMX,QAAQ,CAACQ,CAAC,CAACE,GAAG,CAAE;QAC/BE,iBAAiB,EAAC,KAAK;QACvBC,kBAAkB,EAAE;UAAEC,QAAQ,EAAEL;QAAG,CAAE;QACrCL,KAAK,EAAE,CAACF,MAAM,CAACa,GAAG,EAAEN,EAAE,IAAIP,MAAM,CAACc,KAAK,CAAE;QAAAV,QAAA,gBAExCZ,IAAA,CAACL,sBAAsB;UACnB4B,IAAI,EAAET,CAAC,CAACU,KAAM;UACdC,IAAI,EAAE,EAAG;UACTC,KAAK,EAAEX,EAAE,GAAGR,CAAC,CAACoB,OAAO,GAAGpB,CAAC,CAACqB;QAAe,CAC5C,CAAC,eACF5B,IAAA,CAACN,IAAI;UAACgB,KAAK,EAAE,CAACF,MAAM,CAACqB,OAAO,EAAEd,EAAE,IAAIP,MAAM,CAACsB,SAAS,CAAE;UAAAlB,QAAA,EAAEE,CAAC,CAACiB;QAAK,CAAO,CAAC;MAAA,GAXlEjB,CAAC,CAACE,GAYA,CAAC;IAEpB,CAAC;EAAC,CACA,CAAC;AAEf,CAAC;AAED,MAAMP,SAAS,GAAGnB,YAAY,CAAEiB,CAAC,KAAM;EACnCI,IAAI,EAAE;IAAEqB,aAAa,EAAE,KAAK;IAAEC,GAAG,EAAE,CAAC;IAAEC,YAAY,EAAE;EAAG,CAAC;EACxDb,GAAG,EAAE;IACDc,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBJ,GAAG,EAAE,CAAC;IACNK,eAAe,EAAE,CAAC;IAClBC,iBAAiB,EAAE,CAAC;IACpBC,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAE,aAAa;IAC1BC,eAAe,EAAEpC,CAAC,CAACqC;EACvB,CAAC;EACDtB,KAAK,EAAE;IAAEoB,WAAW,EAAEnC,CAAC,CAACoB,OAAO;IAAEgB,eAAe,EAAEpC,CAAC,CAACsC;EAAY,CAAC;EACjEhB,OAAO,EAAE;IACL,GAAGtC,OAAO,CAACC,UAAU,CAACsD,QAAQ,CAAC;IAC/BC,UAAU,EAAE,KAAK;IACjBrB,KAAK,EAAEnB,CAAC,CAACqB,cAAc;IACvBoB,SAAS,EAAE;EACf,CAAC;EACD;EACA;EACAlB,SAAS,EAAE;IAAEJ,KAAK,EAAEnB,CAAC,CAACoB;EAAQ;AAClC,CAAC,CAAC,CAAC;AAEH,eAAexB,QAAQ","ignoreList":[]}

package/lib/module/componentes/Rotulo.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { Text } from "../texto";
+import { crearEstilos, renglon, tipografia } from "../tema";
+
+/** El rótulo de una sección de un formulario, en mayúsculas: «Referencias», «Sello». */
+import { jsx as _jsx } from "react/jsx-runtime";
+const Rotulo = ({
+  children
+}) => {
+  const styles = useStyles();
+  return /*#__PURE__*/_jsx(Text, {
+    style: styles.rotulo,
+    children: children
+  });
+};
+const useStyles = crearEstilos(c => ({
+  rotulo: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "800",
+    color: c.secondary,
+    textTransform: "uppercase",
+    letterSpacing: 0.8,
+    marginTop: 8
+  }
+}));
+export default Rotulo;
+//# sourceMappingURL=Rotulo.js.map

package/lib/module/componentes/Rotulo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","crearEstilos","renglon","tipografia","jsx","_jsx","Rotulo","children","styles","useStyles","style","rotulo","c","etiqueta","fontWeight","color","secondary","textTransform","letterSpacing","marginTop"],"sourceRoot":"../../../src","sources":["componentes/Rotulo.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,EAAEC,OAAO,EAAEC,UAAU,QAAQ,SAAS;;AAE3D;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,MAAM,GAAGA,CAAC;EAAEC;AAA+B,CAAC,KAAK;EACnD,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBAAOJ,IAAA,CAACL,IAAI;IAACU,KAAK,EAAEF,MAAM,CAACG,MAAO;IAAAJ,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACxD,CAAC;AAED,MAAME,SAAS,GAAGR,YAAY,CAAEW,CAAC,KAAM;EACnCD,MAAM,EAAE;IACJ,GAAGT,OAAO,CAACC,UAAU,CAACU,QAAQ,CAAC;IAC/BC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEH,CAAC,CAACI,SAAS;IAClBC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE,GAAG;IAClBC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC,CAAC;AAEH,eAAeb,MAAM","ignoreList":[]}

package/lib/module/componentes/RotuloDeSeccion.js

@@ -0,0 +1,87 @@
+"use strict";
+
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import { Text } from "../texto";
+import { Pressable, useWindowDimensions, View } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * El rótulo de una sección de lista —«EN CURSO», «PENDIENTES 3»—, el `SectionLabel` de las
+ * revisiones de wms con la letra grande de las apps.
+ */
+const RotuloDeSeccion = ({
+  children,
+  cuantas,
+  accion
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  // El círculo crece con la letra del sistema, igual que el número que lleva adentro.
+  const {
+    fontScale
+  } = useWindowDimensions();
+  const alto = renglon(tipografia.etiqueta).lineHeight * fontScale;
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.texto,
+      children: children
+    }), cuantas != null ? /*#__PURE__*/_jsx(View, {
+      style: [styles.cuenta, {
+        minWidth: alto,
+        height: alto,
+        borderRadius: alto / 2
+      }, {
+        backgroundColor: cuantas > 0 ? c.primary : c.secondaryLight
+      }],
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.cuentaTexto,
+        children: cuantas
+      })
+    }) : null, accion ? /*#__PURE__*/_jsx(Pressable, {
+      onPress: accion.onPress,
+      accessibilityRole: "button",
+      hitSlop: 8,
+      style: styles.accion,
+      children: /*#__PURE__*/_jsxs(Text, {
+        style: styles.accionTexto,
+        children: [accion.texto, " \u203A"]
+      })
+    }) : null]
+  });
+};
+const useStyles = crearEstilos(c => ({
+  root: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    flexWrap: "wrap"
+  },
+  texto: {
+    ...renglon(tipografia.etiqueta),
+    color: c.texto,
+    textTransform: "uppercase",
+    letterSpacing: 1.4,
+    fontWeight: "800"
+  },
+  cuenta: {
+    paddingHorizontal: 6,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  cuentaTexto: {
+    ...renglon(tipografia.etiqueta),
+    color: c.sobrePrimario,
+    fontWeight: "800"
+  },
+  // `marginLeft: auto` la manda a la orilla derecha sin un separador que mida nada.
+  accion: {
+    marginLeft: "auto"
+  },
+  accionTexto: {
+    ...renglon(tipografia.etiqueta),
+    color: c.primary,
+    fontWeight: "800"
+  }
+}));
+export default RotuloDeSeccion;
+//# sourceMappingURL=RotuloDeSeccion.js.map

package/lib/module/componentes/RotuloDeSeccion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["crearEstilos","renglon","tipografia","usePaleta","Text","Pressable","useWindowDimensions","View","jsx","_jsx","jsxs","_jsxs","RotuloDeSeccion","children","cuantas","accion","c","styles","useStyles","fontScale","alto","etiqueta","lineHeight","style","root","texto","cuenta","minWidth","height","borderRadius","backgroundColor","primary","secondaryLight","cuentaTexto","onPress","accessibilityRole","hitSlop","accionTexto","flexDirection","alignItems","gap","flexWrap","color","textTransform","letterSpacing","fontWeight","paddingHorizontal","justifyContent","sobrePrimario","marginLeft"],"sourceRoot":"../../../src","sources":["componentes/RotuloDeSeccion.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/componentes/Tarjeta.js

@@ -0,0 +1,47 @@
+"use strict";
+
+import { Pressable, View } from "react-native";
+import { crearEstilos } from "../tema";
+
+/**
+ * La tarjeta de la casa, sola: la superficie, sus esquinas y su aire, con lo que se le ponga
+ * adentro. Es de lo que están hechas `TarjetaDeLista` y las fichas; una pantalla la usa para lo que
+ * no es un renglón de lista —un bloque de fotos, el resumen de un cobro, un grupo de campos—.
+ *
+ * **Sin sombra**: en oscuro casi no se ve, así que lo que separa la tarjeta del fondo es el color
+ * de la superficie y, en oscuro, un borde. Con `onPress` se toca y se atenúa al presionarla.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function Tarjeta({
+  children,
+  onPress,
+  style
+}) {
+  const styles = useStyles();
+  if (!onPress) return /*#__PURE__*/_jsx(View, {
+    style: [styles.tarjeta, style],
+    children: children
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    style: ({
+      pressed
+    }) => [styles.tarjeta, style, pressed && styles.presionada],
+    children: children
+  });
+}
+const useStyles = crearEstilos(c => ({
+  tarjeta: {
+    backgroundColor: c.superficie,
+    borderRadius: 14,
+    padding: 14,
+    gap: 4,
+    borderWidth: c.esOscuro ? 1 : 0,
+    borderColor: c.secondaryLighter
+  },
+  presionada: {
+    opacity: 0.7
+  }
+}));
+//# sourceMappingURL=Tarjeta.js.map

package/lib/module/componentes/Tarjeta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","View","crearEstilos","jsx","_jsx","Tarjeta","children","onPress","style","styles","useStyles","tarjeta","accessibilityRole","pressed","presionada","c","backgroundColor","superficie","borderRadius","padding","gap","borderWidth","esOscuro","borderColor","secondaryLighter","opacity"],"sourceRoot":"../../../src","sources":["componentes/Tarjeta.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,YAAY,QAAQ,SAAS;;AAEtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAPA,SAAAC,GAAA,IAAAC,IAAA;AAQA,eAAe,SAASC,OAAOA,CAAC;EAC5BC,QAAQ;EACRC,OAAO;EACPC;AAKJ,CAAC,EAAE;EACC,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,IAAI,CAACH,OAAO,EAAE,oBAAOH,IAAA,CAACH,IAAI;IAACO,KAAK,EAAE,CAACC,MAAM,CAACE,OAAO,EAAEH,KAAK,CAAE;IAAAF,QAAA,EAAEA;EAAQ,CAAO,CAAC;EAC5E,oBACIF,IAAA,CAACJ,SAAS;IACNO,OAAO,EAAEA,OAAQ;IACjBK,iBAAiB,EAAC,QAAQ;IAC1BJ,KAAK,EAAEA,CAAC;MAAEK;IAAQ,CAAC,KAAK,CAACJ,MAAM,CAACE,OAAO,EAAEH,KAAK,EAAEK,OAAO,IAAIJ,MAAM,CAACK,UAAU,CAAE;IAAAR,QAAA,EAE7EA;EAAQ,CACF,CAAC;AAEpB;AAEA,MAAMI,SAAS,GAAGR,YAAY,CAAEa,CAAC,KAAM;EACnCJ,OAAO,EAAE;IACLK,eAAe,EAAED,CAAC,CAACE,UAAU;IAC7BC,YAAY,EAAE,EAAE;IAChBC,OAAO,EAAE,EAAE;IACXC,GAAG,EAAE,CAAC;IACNC,WAAW,EAAEN,CAAC,CAACO,QAAQ,GAAG,CAAC,GAAG,CAAC;IAC/BC,WAAW,EAAER,CAAC,CAACS;EACnB,CAAC;EACDV,UAAU,EAAE;IAAEW,OAAO,EAAE;EAAI;AAC/B,CAAC,CAAC,CAAC","ignoreList":[]}

package/lib/module/componentes/TarjetaDeDatos.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import { Text } from "../texto";
+import { crearEstilos, renglon, tipografia } from "../tema";
+import { useWindowDimensions, View } from "react-native";
+
+/** Desde qué ancho los datos van a dos columnas: una tableta. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ANCHO_A_DOS_COLUMNAS = 700;
+
+/**
+ * Datos de solo lectura, cada uno con su rótulo arriba: la ficha de una estancia de caseta, la de
+ * un viaje o un tracto en la oficina.
+ *
+ * **En una pantalla ancha van a dos columnas**; en un teléfono, uno debajo del otro. Los vacíos no
+ * se pintan. `atenuada` es la de algo que ya no cuenta (un movimiento anulado).
+ */
+const TarjetaDeDatos = ({
+  datos,
+  atenuada
+}) => {
+  const styles = useStyles();
+  const {
+    width
+  } = useWindowDimensions();
+  const dosColumnas = width >= ANCHO_A_DOS_COLUMNAS;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.tarjeta, dosColumnas && styles.tarjetaAncha, atenuada && styles.atenuada],
+    children: datos.filter(([, valor]) => valor).map(([etiqueta, valor]) => /*#__PURE__*/_jsxs(View, {
+      style: [styles.dato, dosColumnas && styles.datoEnColumna],
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.etiquetaDeDato,
+        children: etiqueta
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.valor,
+        children: valor
+      })]
+    }, etiqueta))
+  });
+};
+const useStyles = crearEstilos(c => ({
+  tarjeta: {
+    backgroundColor: c.superficie,
+    borderRadius: 14,
+    padding: 14,
+    gap: 10
+  },
+  tarjetaAncha: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    columnGap: 24,
+    rowGap: 12
+  },
+  atenuada: {
+    opacity: 0.55
+  },
+  dato: {
+    gap: 2
+  },
+  // Dos por renglón: la mitad del ancho menos la mitad del espacio entre columnas.
+  datoEnColumna: {
+    width: "48%",
+    flexGrow: 1
+  },
+  etiquetaDeDato: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "800",
+    color: c.secondary,
+    textTransform: "uppercase",
+    letterSpacing: 0.8
+  },
+  valor: {
+    ...renglon(tipografia.subtitulo),
+    fontWeight: "800",
+    color: c.texto
+  }
+}));
+export default TarjetaDeDatos;
+//# sourceMappingURL=TarjetaDeDatos.js.map

package/lib/module/componentes/TarjetaDeDatos.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","crearEstilos","renglon","tipografia","useWindowDimensions","View","jsx","_jsx","jsxs","_jsxs","ANCHO_A_DOS_COLUMNAS","TarjetaDeDatos","datos","atenuada","styles","useStyles","width","dosColumnas","style","tarjeta","tarjetaAncha","children","filter","valor","map","etiqueta","dato","datoEnColumna","etiquetaDeDato","c","backgroundColor","superficie","borderRadius","padding","gap","flexDirection","flexWrap","columnGap","rowGap","opacity","flexGrow","fontWeight","color","secondary","textTransform","letterSpacing","subtitulo","texto"],"sourceRoot":"../../../src","sources":["componentes/TarjetaDeDatos.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,EAAEC,OAAO,EAAEC,UAAU,QAAQ,SAAS;AAC3D,SAASC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;;AAExD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAMC,oBAAoB,GAAG,GAAG;;AAEhC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC;AAIJ,CAAC,KAAK;EACF,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEC;EAAM,CAAC,GAAGZ,mBAAmB,CAAC,CAAC;EACvC,MAAMa,WAAW,GAAGD,KAAK,IAAIN,oBAAoB;EACjD,oBACIH,IAAA,CAACF,IAAI;IACDa,KAAK,EAAE,CACHJ,MAAM,CAACK,OAAO,EACdF,WAAW,IAAIH,MAAM,CAACM,YAAY,EAClCP,QAAQ,IAAIC,MAAM,CAACD,QAAQ,CAC7B;IAAAQ,QAAA,EAEDT,KAAK,CACDU,MAAM,CAAC,CAAC,GAAGC,KAAK,CAAC,KAAKA,KAAK,CAAC,CAC5BC,GAAG,CAAC,CAAC,CAACC,QAAQ,EAAEF,KAAK,CAAC,kBACnBd,KAAA,CAACJ,IAAI;MAAgBa,KAAK,EAAE,CAACJ,MAAM,CAACY,IAAI,EAAET,WAAW,IAAIH,MAAM,CAACa,aAAa,CAAE;MAAAN,QAAA,gBAC3Ed,IAAA,CAACP,IAAI;QAACkB,KAAK,EAAEJ,MAAM,CAACc,cAAe;QAAAP,QAAA,EAAEI;MAAQ,CAAO,CAAC,eACrDlB,IAAA,CAACP,IAAI;QAACkB,KAAK,EAAEJ,MAAM,CAACS,KAAM;QAAAF,QAAA,EAAEE;MAAK,CAAO,CAAC;IAAA,GAFlCE,QAGL,CACT;EAAC,CACJ,CAAC;AAEf,CAAC;AAED,MAAMV,SAAS,GAAGd,YAAY,CAAE4B,CAAC,KAAM;EACnCV,OAAO,EAAE;IAAEW,eAAe,EAAED,CAAC,CAACE,UAAU;IAAEC,YAAY,EAAE,EAAE;IAAEC,OAAO,EAAE,EAAE;IAAEC,GAAG,EAAE;EAAG,CAAC;EAClFd,YAAY,EAAE;IAAEe,aAAa,EAAE,KAAK;IAAEC,QAAQ,EAAE,MAAM;IAAEC,SAAS,EAAE,EAAE;IAAEC,MAAM,EAAE;EAAG,CAAC;EACnFzB,QAAQ,EAAE;IAAE0B,OAAO,EAAE;EAAK,CAAC;EAC3Bb,IAAI,EAAE;IAAEQ,GAAG,EAAE;EAAE,CAAC;EAChB;EACAP,aAAa,EAAE;IAAEX,KAAK,EAAE,KAAK;IAAEwB,QAAQ,EAAE;EAAE,CAAC;EAC5CZ,cAAc,EAAE;IACZ,GAAG1B,OAAO,CAACC,UAAU,CAACsB,QAAQ,CAAC;IAC/BgB,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEb,CAAC,CAACc,SAAS;IAClBC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE;EACnB,CAAC;EACDtB,KAAK,EAAE;IAAE,GAAGrB,OAAO,CAACC,UAAU,CAAC2C,SAAS,CAAC;IAAEL,UAAU,EAAE,KAAK;IAAEC,KAAK,EAAEb,CAAC,CAACkB;EAAM;AACjF,CAAC,CAAC,CAAC;AAEH,eAAepC,cAAc","ignoreList":[]}

package/lib/module/componentes/TiraDeFotos.js

@@ -0,0 +1,184 @@
+"use strict";
+
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import React from "react";
+import { Pressable, ScrollView, View } from "react-native";
+import { crearEstilos, tipografia, usePaleta } from "../tema";
+import { Text } from "../texto";
+import Foto from "./Foto";
+import VisorDeFoto from "./VisorDeFoto";
+
+/** Una miniatura de la tira: qué se pinta, qué abre el visor y qué se puede hacer con ella. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Unas fotos en miniatura; tocar una abre el visor en ésa y se desliza entre las demás, **en el
+ * mismo orden** que las miniaturas. Quien la usa arma las piezas con lo suyo (lo del servidor
+ * primero y lo del teléfono después, por ejemplo) y les pone su marca y sus acciones.
+ */
+const TiraDeFotos = ({
+  fotos: piezas,
+  lado,
+  cuadricula = false
+}) => {
+  const styles = useStyles();
+  const [viendo, setViendo] = React.useState(null);
+  if (piezas.length === 0) return null;
+  const fotos = piezas.filter(p => p.esFoto);
+  const carrusel = fotos.map(p => p.completa ?? p.miniatura);
+  const descargables = fotos.some(p => p.onDescargar);
+  const tamano = {
+    width: lado,
+    height: lado
+  };
+  const miniaturas = piezas.map(p => /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      disabled: !p.esFoto,
+      onPress: () => setViendo(fotos.indexOf(p)),
+      accessibilityRole: p.esFoto ? "imagebutton" : undefined,
+      accessibilityLabel: p.etiqueta ?? (p.esFoto ? "Ver la foto" : `Archivo ${p.nombre ?? ""}`.trim()),
+      children: [p.esFoto ? /*#__PURE__*/_jsx(Foto, {
+        foto: p.miniatura,
+        style: [styles.miniatura, tamano],
+        resizeMethod: "resize"
+      }) : /*#__PURE__*/_jsx(Documento, {
+        lado: lado,
+        nombre: p.nombre
+      }), p.marca === "enviada" ? /*#__PURE__*/_jsx(View, {
+        style: [styles.marca, styles.marcaEnviada],
+        children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "cloud-check",
+          size: 16,
+          color: "#fff"
+        })
+      }) : null, p.marca === "sinSubir" ? /*#__PURE__*/_jsx(View, {
+        style: [styles.marca, styles.marcaSinSubir],
+        children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+          name: "cloud-clock-outline",
+          size: 16,
+          color: "#fff"
+        })
+      }) : null]
+    }), p.onQuitar ? /*#__PURE__*/_jsx(Pressable, {
+      onPress: p.onQuitar,
+      hitSlop: 10,
+      accessibilityRole: "button",
+      accessibilityLabel: p.esFoto ? "Quitar esta foto" : "Quitar este archivo",
+      style: styles.quitar,
+      children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+        name: "close",
+        size: 24,
+        color: "#fff"
+      })
+    }) : null]
+  }, p.llave));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [cuadricula ? /*#__PURE__*/_jsx(View, {
+      style: styles.cuadricula,
+      children: miniaturas
+    }) :
+    /*#__PURE__*/
+    // Un solo renglón que se desliza: con varias fotos no se parte en filas.
+    _jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.renglon,
+      children: miniaturas
+    }), /*#__PURE__*/_jsx(VisorDeFoto, {
+      fotos: carrusel,
+      inicio: viendo,
+      onCerrar: () => setViendo(null),
+      onDescargar: descargables ? async i => {
+        const descargar = fotos[i]?.onDescargar;
+        if (!descargar) throw new Error("Esta foto no se puede descargar.");
+        await descargar();
+      } : undefined
+    })]
+  });
+};
+
+/** La miniatura de un archivo que no es foto (un PDF): un icono y, si cabe, su nombre. */
+function Documento({
+  lado,
+  nombre
+}) {
+  const c = usePaleta();
+  const styles = useStyles();
+  const conNombre = Boolean(nombre) && lado >= 100;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.miniatura, styles.documento, {
+      width: lado,
+      height: lado
+    }],
+    children: [/*#__PURE__*/_jsx(MaterialCommunityIcons, {
+      name: "file-document-outline",
+      size: Math.round(lado * 0.3),
+      color: c.secondary
+    }), conNombre ?
+    /*#__PURE__*/
+    // Dentro de un cuadro fijo: el nombre largo de un PDF tiene que cortarse.
+    _jsx(Text, {
+      numberOfLines: 2,
+      style: styles.documentoNombre,
+      children: nombre
+    }) : null]
+  });
+}
+
+// Las marcas y la «×» van encima de la foto: sus colores son fijos para leerse sobre cualquier foto.
+const useStyles = crearEstilos(c => ({
+  renglon: {
+    gap: 8
+  },
+  cuadricula: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 12
+  },
+  miniatura: {
+    borderRadius: 10,
+    backgroundColor: c.secondaryLighter
+  },
+  documento: {
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 6,
+    gap: 2
+  },
+  documentoNombre: {
+    fontSize: tipografia.etiqueta,
+    color: c.secondaryDark,
+    textAlign: "center"
+  },
+  marca: {
+    position: "absolute",
+    bottom: 4,
+    right: 4,
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  marcaEnviada: {
+    backgroundColor: "#2e7d32"
+  },
+  // La nube ámbar sobre una foto que sigue en el teléfono sin subir.
+  marcaSinSubir: {
+    backgroundColor: "#b26a00"
+  },
+  quitar: {
+    position: "absolute",
+    top: 6,
+    right: 6,
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: c.primaryDark,
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 2,
+    borderColor: "#fff"
+  }
+}));
+export default TiraDeFotos;
+//# sourceMappingURL=TiraDeFotos.js.map

package/lib/module/componentes/TiraDeFotos.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialCommunityIcons","React","Pressable","ScrollView","View","crearEstilos","tipografia","usePaleta","Text","Foto","VisorDeFoto","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","TiraDeFotos","fotos","piezas","lado","cuadricula","styles","useStyles","viendo","setViendo","useState","length","filter","p","esFoto","carrusel","map","completa","miniatura","descargables","some","onDescargar","tamano","width","height","miniaturas","children","disabled","onPress","indexOf","accessibilityRole","undefined","accessibilityLabel","etiqueta","nombre","trim","foto","style","resizeMethod","Documento","marca","marcaEnviada","name","size","color","marcaSinSubir","onQuitar","hitSlop","quitar","llave","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","renglon","inicio","onCerrar","i","descargar","Error","c","conNombre","Boolean","documento","Math","round","secondary","numberOfLines","documentoNombre","gap","flexDirection","flexWrap","borderRadius","backgroundColor","secondaryLighter","alignItems","justifyContent","padding","fontSize","secondaryDark","textAlign","position","bottom","right","top","primaryDark","borderWidth","borderColor"],"sourceRoot":"../../../src","sources":["componentes/TiraDeFotos.tsx"],"mappings":"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","ignoreList":[]}