@acvl/mobile-components 0.0.0-stage → 0.0.2

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,63 @@
+"use strict";
+
+import React from "react";
+import { Pressable, View } from "react-native";
+import { crearEstilos } from "../tema";
+
+/**
+ * Si lo de adentro está en una hoja que sube desde abajo (`HojaInferior`, `HojaDeLista`). La hoja
+ * es de la superficie, igual que una tarjeta: ahí la tarjeta va del color del fondo, o no se
+ * distinguiría un renglón del siguiente. Lo ponen las hojas; las pantallas no lo tocan.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const EnHoja = /*#__PURE__*/React.createContext(false);
+
+/**
+ * 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.
+ *
+ * Dentro de una hoja (`EnHoja`) va del color del fondo, así las listas de una pantalla se pueden
+ * enseñar también en una hoja sin otra versión de su renglón.
+ */
+export default function Tarjeta({
+  children,
+  onPress,
+  style
+}) {
+  const styles = useStyles();
+  const enHoja = React.useContext(EnHoja);
+  const base = [styles.tarjeta, enHoja && styles.enHoja];
+  if (!onPress) return /*#__PURE__*/_jsx(View, {
+    style: [base, style],
+    children: children
+  });
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    style: ({
+      pressed
+    }) => [base, 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
+  },
+  enHoja: {
+    backgroundColor: c.fondo
+  },
+  presionada: {
+    opacity: 0.7
+  }
+}));
+//# sourceMappingURL=Tarjeta.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","View","crearEstilos","jsx","_jsx","EnHoja","createContext","Tarjeta","children","onPress","style","styles","useStyles","enHoja","useContext","base","tarjeta","accessibilityRole","pressed","presionada","c","backgroundColor","superficie","borderRadius","padding","gap","borderWidth","esOscuro","borderColor","secondaryLighter","fondo","opacity"],"sourceRoot":"../../../src","sources":["componentes/Tarjeta.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,IAAI,QAAwC,cAAc;AAC9E,SAASC,YAAY,QAAQ,SAAS;;AAEtC;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA;AAKA,OAAO,MAAMC,MAAM,gBAAGN,KAAK,CAACO,aAAa,CAAC,KAAK,CAAC;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,OAAOA,CAAC;EAC5BC,QAAQ;EACRC,OAAO;EACPC;AAKJ,CAAC,EAAE;EACC,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGd,KAAK,CAACe,UAAU,CAACT,MAAM,CAAC;EACvC,MAAMU,IAAI,GAAG,CAACJ,MAAM,CAACK,OAAO,EAAEH,MAAM,IAAIF,MAAM,CAACE,MAAM,CAAC;EACtD,IAAI,CAACJ,OAAO,EAAE,oBAAOL,IAAA,CAACH,IAAI;IAACS,KAAK,EAAE,CAACK,IAAI,EAAEL,KAAK,CAAE;IAAAF,QAAA,EAAEA;EAAQ,CAAO,CAAC;EAClE,oBACIJ,IAAA,CAACJ,SAAS;IACNS,OAAO,EAAEA,OAAQ;IACjBQ,iBAAiB,EAAC,QAAQ;IAC1BP,KAAK,EAAEA,CAAC;MAAEQ;IAAQ,CAAC,KAAK,CAACH,IAAI,EAAEL,KAAK,EAAEQ,OAAO,IAAIP,MAAM,CAACQ,UAAU,CAAE;IAAAX,QAAA,EAEnEA;EAAQ,CACF,CAAC;AAEpB;AAEA,MAAMI,SAAS,GAAGV,YAAY,CAAEkB,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;EACDhB,MAAM,EAAE;IAAEQ,eAAe,EAAED,CAAC,CAACU;EAAM,CAAC;EACpCX,UAAU,EAAE;IAAEY,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":[]}

package/lib/module/componentes/VisorDeFoto.js

@@ -0,0 +1,171 @@
+"use strict";
+
+import { renglon, tipografia } from "../tema";
+import { Text } from "../texto";
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import React from "react";
+import { ActivityIndicator, FlatList, Modal, Pressable, StyleSheet, useWindowDimensions, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import Foto from "./Foto";
+
+/** Cómo va la descarga de la foto que se ve: el icono de la barra lo dice. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ICONO_DE_DESCARGA = {
+  nada: "download",
+  lista: "check",
+  fallo: "alert-circle-outline"
+};
+const llave = (foto, i) => ("ruta" in foto ? foto.ruta : foto.uri) + i;
+
+/**
+ * Unas fotos a pantalla completa, sobre fondo negro: se abre en la que se tocó y se pasa a la
+ * siguiente o la anterior deslizando a los lados, con «2 de 4» arriba. Mezcla las subidas y las del
+ * teléfono. Se cierra con la X o con atrás. Lo abre `TiraDeFotos`.
+ */
+const VisorDeFoto = ({
+  fotos,
+  inicio,
+  onCerrar,
+  onDescargar
+}) => /*#__PURE__*/_jsx(Modal, {
+  visible: inicio !== null,
+  transparent: true,
+  animationType: "fade",
+  statusBarTranslucent: true,
+  onRequestClose: onCerrar,
+  children: inicio !== null ? /*#__PURE__*/_jsx(Carrusel, {
+    fotos: fotos,
+    inicio: inicio,
+    onCerrar: onCerrar,
+    onDescargar: onDescargar
+  }, inicio) : null
+});
+function Carrusel({
+  fotos,
+  inicio,
+  onCerrar,
+  onDescargar
+}) {
+  const insets = useSafeAreaInsets();
+  const {
+    width,
+    height
+  } = useWindowDimensions();
+  const primera = Math.min(inicio, Math.max(0, fotos.length - 1));
+  const [actual, setActual] = React.useState(primera);
+  const [descarga, setDescarga] = React.useState("nada");
+
+  // Lo que dice el icono es de la foto en la que estaba: al pasar a otra, vuelve a «descargar».
+  const pasarA = indice => {
+    if (indice !== actual) setDescarga("nada");
+    setActual(indice);
+  };
+  const descargar = async () => {
+    if (!onDescargar || descarga === "bajando") return;
+    setDescarga("bajando");
+    try {
+      await onDescargar(actual);
+      setDescarga("lista");
+    } catch {
+      setDescarga("fallo");
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.fondo,
+    children: [/*#__PURE__*/_jsx(FlatList, {
+      data: fotos,
+      keyExtractor: llave,
+      horizontal: true,
+      pagingEnabled: true,
+      showsHorizontalScrollIndicator: false,
+      initialScrollIndex: primera,
+      getItemLayout: (_, i) => ({
+        length: width,
+        offset: width * i,
+        index: i
+      }),
+      onMomentumScrollEnd: e => pasarA(Math.round(e.nativeEvent.contentOffset.x / width)),
+      renderItem: ({
+        item
+      }) => /*#__PURE__*/_jsx(View, {
+        style: {
+          width,
+          height
+        },
+        children: /*#__PURE__*/_jsx(Foto, {
+          foto: item,
+          style: styles.foto,
+          resizeMode: "contain"
+        })
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: [styles.barra, {
+        top: insets.top + 12
+      }],
+      children: [fotos.length > 1 ? /*#__PURE__*/_jsxs(Text, {
+        style: styles.cuenta,
+        children: [actual + 1, " de ", fotos.length]
+      }) : /*#__PURE__*/_jsx(View, {}), /*#__PURE__*/_jsxs(View, {
+        style: styles.botones,
+        children: [onDescargar ? /*#__PURE__*/_jsx(Pressable, {
+          onPress: descargar,
+          hitSlop: 12,
+          accessibilityRole: "button",
+          accessibilityLabel: descarga === "lista" ? "Guardada en la galería" : descarga === "fallo" ? "No se pudo guardar; intentar de nuevo" : "Guardar en la galería",
+          accessibilityState: {
+            busy: descarga === "bajando"
+          },
+          children: descarga === "bajando" ? /*#__PURE__*/_jsx(ActivityIndicator, {
+            size: 32,
+            color: "#fff"
+          }) : /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: ICONO_DE_DESCARGA[descarga],
+            size: 32,
+            color: "#fff"
+          })
+        }) : null, /*#__PURE__*/_jsx(Pressable, {
+          onPress: onCerrar,
+          hitSlop: 12,
+          accessibilityLabel: "Cerrar",
+          children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: "close",
+            size: 32,
+            color: "#fff"
+          })
+        })]
+      })]
+    })]
+  });
+}
+
+// Sobre la foto: negro con texto blanco, en claro y en oscuro.
+const styles = StyleSheet.create({
+  fondo: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.95)"
+  },
+  foto: {
+    width: "100%",
+    height: "100%"
+  },
+  barra: {
+    position: "absolute",
+    left: 16,
+    right: 16,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  botones: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 28
+  },
+  cuenta: {
+    ...renglon(tipografia.cuerpo),
+    color: "#fff",
+    fontWeight: "800"
+  }
+});
+export default VisorDeFoto;
+//# sourceMappingURL=VisorDeFoto.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["renglon","tipografia","Text","MaterialCommunityIcons","React","ActivityIndicator","FlatList","Modal","Pressable","StyleSheet","useWindowDimensions","View","useSafeAreaInsets","Foto","jsx","_jsx","jsxs","_jsxs","ICONO_DE_DESCARGA","nada","lista","fallo","llave","foto","i","ruta","uri","VisorDeFoto","fotos","inicio","onCerrar","onDescargar","visible","transparent","animationType","statusBarTranslucent","onRequestClose","children","Carrusel","insets","width","height","primera","Math","min","max","length","actual","setActual","useState","descarga","setDescarga","pasarA","indice","descargar","style","styles","fondo","data","keyExtractor","horizontal","pagingEnabled","showsHorizontalScrollIndicator","initialScrollIndex","getItemLayout","_","offset","index","onMomentumScrollEnd","e","round","nativeEvent","contentOffset","x","renderItem","item","resizeMode","barra","top","cuenta","botones","onPress","hitSlop","accessibilityRole","accessibilityLabel","accessibilityState","busy","size","color","name","create","flex","backgroundColor","position","left","right","flexDirection","alignItems","justifyContent","gap","cuerpo","fontWeight"],"sourceRoot":"../../../src","sources":["componentes/VisorDeFoto.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,UAAU,QAAQ,SAAS;AAC7C,SAASC,IAAI,QAAQ,UAAU;AAC/B,OAAOC,sBAAsB,MAAM,2CAA2C;AAC9E,OAAOC,KAAK,MAAM,OAAO;AACzB,SACIC,iBAAiB,EACjBC,QAAQ,EACRC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,mBAAmB,EACnBC,IAAI,QACD,cAAc;AACrB,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,OAAOC,IAAI,MAAyB,QAAQ;;AAiB5C;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEA,MAAMC,iBAAiB,GAAG;EACtBC,IAAI,EAAE,UAAU;EAChBC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE;AACX,CAAU;AAEV,MAAMC,KAAK,GAAGA,CAACC,IAAc,EAAEC,CAAS,KAAK,CAAC,MAAM,IAAID,IAAI,GAAGA,IAAI,CAACE,IAAI,GAAGF,IAAI,CAACG,GAAG,IAAIF,CAAC;;AAExF;AACA;AACA;AACA;AACA;AACA,MAAMG,WAAW,GAAGA,CAAC;EAAEC,KAAK;EAAEC,MAAM;EAAEC,QAAQ;EAAEC;AAAmB,CAAC,kBAChEhB,IAAA,CAACR,KAAK;EACFyB,OAAO,EAAEH,MAAM,KAAK,IAAK;EACzBI,WAAW;EACXC,aAAa,EAAC,MAAM;EACpBC,oBAAoB;EACpBC,cAAc,EAAEN,QAAS;EAAAO,QAAA,EAGxBR,MAAM,KAAK,IAAI,gBACZd,IAAA,CAACuB,QAAQ;IAELV,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA;EAAY,GAJpBF,MAKR,CAAC,GACF;AAAI,CACL,CACV;AAED,SAASS,QAAQA,CAAC;EACdV,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC;AAMJ,CAAC,EAAE;EACC,MAAMQ,MAAM,GAAG3B,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAE4B,KAAK;IAAEC;EAAO,CAAC,GAAG/B,mBAAmB,CAAC,CAAC;EAC/C,MAAMgC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAACf,MAAM,EAAEc,IAAI,CAACE,GAAG,CAAC,CAAC,EAAEjB,KAAK,CAACkB,MAAM,GAAG,CAAC,CAAC,CAAC;EAC/D,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAG5C,KAAK,CAAC6C,QAAQ,CAACP,OAAO,CAAC;EACnD,MAAM,CAACQ,QAAQ,EAAEC,WAAW,CAAC,GAAG/C,KAAK,CAAC6C,QAAQ,CAAW,MAAM,CAAC;;EAEhE;EACA,MAAMG,MAAM,GAAIC,MAAc,IAAK;IAC/B,IAAIA,MAAM,KAAKN,MAAM,EAAEI,WAAW,CAAC,MAAM,CAAC;IAC1CH,SAAS,CAACK,MAAM,CAAC;EACrB,CAAC;EAED,MAAMC,SAAS,GAAG,MAAAA,CAAA,KAAY;IAC1B,IAAI,CAACvB,WAAW,IAAImB,QAAQ,KAAK,SAAS,EAAE;IAC5CC,WAAW,CAAC,SAAS,CAAC;IACtB,IAAI;MACA,MAAMpB,WAAW,CAACgB,MAAM,CAAC;MACzBI,WAAW,CAAC,OAAO,CAAC;IACxB,CAAC,CAAC,MAAM;MACJA,WAAW,CAAC,OAAO,CAAC;IACxB;EACJ,CAAC;EAED,oBACIlC,KAAA,CAACN,IAAI;IAAC4C,KAAK,EAAEC,MAAM,CAACC,KAAM;IAAApB,QAAA,gBACtBtB,IAAA,CAACT,QAAQ;MACLoD,IAAI,EAAE9B,KAAM;MACZ+B,YAAY,EAAErC,KAAM;MACpBsC,UAAU;MACVC,aAAa;MACbC,8BAA8B,EAAE,KAAM;MACtCC,kBAAkB,EAAErB,OAAQ;MAC5BsB,aAAa,EAAEA,CAACC,CAAC,EAAEzC,CAAC,MAAM;QAAEsB,MAAM,EAAEN,KAAK;QAAE0B,MAAM,EAAE1B,KAAK,GAAGhB,CAAC;QAAE2C,KAAK,EAAE3C;MAAE,CAAC,CAAE;MAC1E4C,mBAAmB,EAAGC,CAAC,IACnBjB,MAAM,CAACT,IAAI,CAAC2B,KAAK,CAACD,CAAC,CAACE,WAAW,CAACC,aAAa,CAACC,CAAC,GAAGjC,KAAK,CAAC,CAC3D;MACDkC,UAAU,EAAEA,CAAC;QAAEC;MAAK,CAAC,kBACjB5D,IAAA,CAACJ,IAAI;QAAC4C,KAAK,EAAE;UAAEf,KAAK;UAAEC;QAAO,CAAE;QAAAJ,QAAA,eAC3BtB,IAAA,CAACF,IAAI;UAACU,IAAI,EAAEoD,IAAK;UAACpB,KAAK,EAAEC,MAAM,CAACjC,IAAK;UAACqD,UAAU,EAAC;QAAS,CAAE;MAAC,CAC3D;IACR,CACL,CAAC,eAEF3D,KAAA,CAACN,IAAI;MAAC4C,KAAK,EAAE,CAACC,MAAM,CAACqB,KAAK,EAAE;QAAEC,GAAG,EAAEvC,MAAM,CAACuC,GAAG,GAAG;MAAG,CAAC,CAAE;MAAAzC,QAAA,GACjDT,KAAK,CAACkB,MAAM,GAAG,CAAC,gBACb7B,KAAA,CAACf,IAAI;QAACqD,KAAK,EAAEC,MAAM,CAACuB,MAAO;QAAA1C,QAAA,GACtBU,MAAM,GAAG,CAAC,EAAC,MAAI,EAACnB,KAAK,CAACkB,MAAM;MAAA,CAC3B,CAAC,gBAEP/B,IAAA,CAACJ,IAAI,IAAE,CACV,eACDM,KAAA,CAACN,IAAI;QAAC4C,KAAK,EAAEC,MAAM,CAACwB,OAAQ;QAAA3C,QAAA,GACvBN,WAAW,gBACRhB,IAAA,CAACP,SAAS;UACNyE,OAAO,EAAE3B,SAAU;UACnB4B,OAAO,EAAE,EAAG;UACZC,iBAAiB,EAAC,QAAQ;UAC1BC,kBAAkB,EACdlC,QAAQ,KAAK,OAAO,GACd,wBAAwB,GACxBA,QAAQ,KAAK,OAAO,GAClB,uCAAuC,GACvC,uBACX;UACDmC,kBAAkB,EAAE;YAAEC,IAAI,EAAEpC,QAAQ,KAAK;UAAU,CAAE;UAAAb,QAAA,EAEpDa,QAAQ,KAAK,SAAS,gBACnBnC,IAAA,CAACV,iBAAiB;YAACkF,IAAI,EAAE,EAAG;YAACC,KAAK,EAAC;UAAM,CAAE,CAAC,gBAE5CzE,IAAA,CAACZ,sBAAsB;YACnBsF,IAAI,EAAEvE,iBAAiB,CAACgC,QAAQ,CAAE;YAClCqC,IAAI,EAAE,EAAG;YACTC,KAAK,EAAC;UAAM,CACf;QACJ,CACM,CAAC,GACZ,IAAI,eACRzE,IAAA,CAACP,SAAS;UAACyE,OAAO,EAAEnD,QAAS;UAACoD,OAAO,EAAE,EAAG;UAACE,kBAAkB,EAAC,QAAQ;UAAA/C,QAAA,eAClEtB,IAAA,CAACZ,sBAAsB;YAACsF,IAAI,EAAC,OAAO;YAACF,IAAI,EAAE,EAAG;YAACC,KAAK,EAAC;UAAM,CAAE;QAAC,CACvD,CAAC;MAAA,CACV,CAAC;IAAA,CACL,CAAC;EAAA,CACL,CAAC;AAEf;;AAEA;AACA,MAAMhC,MAAM,GAAG/C,UAAU,CAACiF,MAAM,CAAC;EAC7BjC,KAAK,EAAE;IAAEkC,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAE;EAAmB,CAAC;EACvDrE,IAAI,EAAE;IAAEiB,KAAK,EAAE,MAAM;IAAEC,MAAM,EAAE;EAAO,CAAC;EACvCoC,KAAK,EAAE;IACHgB,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACpB,CAAC;EACDlB,OAAO,EAAE;IAAEgB,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEE,GAAG,EAAE;EAAG,CAAC;EAChEpB,MAAM,EAAE;IAAE,GAAG/E,OAAO,CAACC,UAAU,CAACmG,MAAM,CAAC;IAAEZ,KAAK,EAAE,MAAM;IAAEa,UAAU,EAAE;EAAM;AAC9E,CAAC,CAAC;AAEF,eAAe1E,WAAW","ignoreList":[]}