@acvl/mobile-components 0.0.0-stage → 0.0.2

package/lib/module/componentes/AccionesDelEncabezado.js

@@ -0,0 +1,212 @@
+"use strict";
+
+import { Text } from "../texto";
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import React from "react";
+import { ActivityIndicator, BackHandler, Pressable, useWindowDimensions, View } from "react-native";
+import { Menu } from "react-native-paper";
+
+/** Lo que mide un botón y lo que se separan: con eso se cuenta cuántos caben. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const LADO = 40;
+const ENTRE = 8;
+/** Los que se ven a lo más, aunque quepan más: más botones ya no se distinguen de un vistazo. */
+const MAXIMO_A_LA_VISTA = 3;
+/**
+ * La cifra sobre un botón: «9+» de diez para arriba, que más dígitos no caben en el círculo. Con la
+ * letra de la casa (`etiqueta`) y el círculo crece con la del sistema, como el de `RotuloDeSeccion`.
+ */
+const Insignia = ({
+  cuantas
+}) => {
+  const styles = useStyles();
+  const {
+    fontScale
+  } = useWindowDimensions();
+  const alto = renglon(tipografia.etiqueta).lineHeight * fontScale;
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.insignia, {
+      minWidth: alto,
+      height: alto,
+      borderRadius: alto / 2
+    }],
+    pointerEvents: "none",
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.insigniaTexto,
+      children: cuantas > 9 ? "9+" : cuantas
+    })
+  });
+};
+const Boton = ({
+  accion,
+  onPress
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    disabled: accion.disabled || accion.cargando,
+    accessibilityRole: "button",
+    accessibilityLabel: accion.etiqueta,
+    hitSlop: 4,
+    style: ({
+      pressed
+    }) => [styles.boton, accion.disabled && styles.apagado, pressed && styles.presionado],
+    children: [accion.cargando ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "small",
+      color: c.primary
+    }) : /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+      name: accion.icono,
+      size: 22,
+      color: accion.destructiva ? c.primary : c.secondaryDark
+    }), accion.insignia ? /*#__PURE__*/_jsx(Insignia, {
+      cuantas: accion.insignia
+    }) : null]
+  });
+};
+
+/**
+ * Las acciones de una ficha en su encabezado: **las que quepan como botones y las demás en el menú
+ * de los tres puntos**. Es el `ResponsiveActions` de la app de acv-wms con la paleta de la casa.
+ *
+ * No mide los botones: mide el hueco que le deja el título (`onLayout`) y cuenta cuántos de
+ * `LADO` caben. Si caben todas, van todas; si no, una menos y el menú. Las `fijadas` son las
+ * últimas en irse, sin cambiar el orden en que se ven. Quien la pone le da al título
+ * `flexShrink: 1` y no `flex: 1`, para que le deje espacio.
+ */
+export default function AccionesDelEncabezado({
+  acciones
+}) {
+  const c = usePaleta();
+  const styles = useStyles();
+  const [hueco, setHueco] = React.useState(null);
+  const [menuAbierto, setMenuAbierto] = React.useState(false);
+
+  // Atrás con el menú abierto sólo lo cierra: si no, salía de la pantalla con el menú encima.
+  React.useEffect(() => {
+    if (!menuAbierto) return;
+    const sub = BackHandler.addEventListener("hardwareBackPress", () => {
+      setMenuAbierto(false);
+      return true;
+    });
+    return () => sub.remove();
+  }, [menuAbierto]);
+  const medir = e => {
+    const ancho = e.nativeEvent.layout.width;
+    if (ancho === hueco) return;
+    setHueco(ancho);
+    setMenuAbierto(false);
+  };
+  if (!acciones.length) return null;
+  const caben = hueco === null ? 0 : Math.floor((hueco + ENTRE) / (LADO + ENTRE));
+  const todas = acciones.length <= Math.min(caben, MAXIMO_A_LA_VISTA);
+  const botones = todas ? acciones.length : Math.max(Math.min(caben - 1, MAXIMO_A_LA_VISTA), 0);
+  const aLaVista = new Set([...acciones].sort((a, b) => Number(Boolean(b.fijada)) - Number(Boolean(a.fijada))).slice(0, botones));
+  const visibles = acciones.filter(a => aLaVista.has(a));
+  const enElMenu = acciones.filter(a => !aLaVista.has(a));
+  const escondidas = enElMenu.reduce((suma, a) => suma + (a.insignia ?? 0), 0);
+  const cerrar = () => setMenuAbierto(false);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.barra,
+    onLayout: medir,
+    children: hueco !== null ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [visibles.map(a => /*#__PURE__*/_jsx(Boton, {
+        accion: a,
+        onPress: a.onPress
+      }, a.etiqueta)), enElMenu.length ? /*#__PURE__*/_jsx(Menu, {
+        visible: menuAbierto,
+        onDismiss: cerrar,
+        anchorPosition: "bottom"
+        // Edge-to-edge: sin esto Paper cuenta dos veces la barra de estado.
+        ,
+        statusBarHeight: 0,
+        contentStyle: styles.menu,
+        anchor: /*#__PURE__*/_jsx(Boton, {
+          accion: {
+            etiqueta: "Más acciones",
+            icono: "dots-vertical",
+            insignia: escondidas
+          },
+          onPress: () => setMenuAbierto(true)
+        }),
+        children: enElMenu.map(a => /*#__PURE__*/_jsx(Menu.Item, {
+          title: /*#__PURE__*/_jsxs(Text, {
+            style: [styles.menuTexto, a.destructiva && styles.rojo],
+            children: [a.etiqueta, a.insignia ? ` (${a.insignia})` : ""]
+          }),
+          disabled: a.disabled || a.cargando,
+          leadingIcon: () => a.cargando ? /*#__PURE__*/_jsx(ActivityIndicator, {
+            size: "small",
+            color: c.primary
+          }) : /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+            name: a.icono,
+            size: 22,
+            color: a.destructiva ? c.primary : c.secondaryDark
+          }),
+          onPress: () => {
+            cerrar();
+            a.onPress();
+          }
+        }, a.etiqueta))
+      }) : null]
+    }) : null
+  });
+}
+const useStyles = crearEstilos(c => ({
+  barra: {
+    flexGrow: 1,
+    flexBasis: 0,
+    minWidth: LADO,
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    gap: ENTRE,
+    alignSelf: "center"
+  },
+  boton: {
+    width: LADO,
+    height: LADO,
+    borderRadius: LADO / 2,
+    borderWidth: 1.5,
+    borderColor: c.secondaryLighter,
+    backgroundColor: c.superficieTenue,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  apagado: {
+    opacity: 0.45
+  },
+  presionado: {
+    opacity: 0.7
+  },
+  menu: {
+    backgroundColor: c.superficie,
+    borderRadius: 12
+  },
+  insignia: {
+    position: "absolute",
+    // Dentro del círculo y no colgada de su esquina: en Android lo que se sale del padre se
+    // recorta, y la cifra quedaba a medias.
+    top: 0,
+    right: 0,
+    paddingHorizontal: 4,
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: c.primary,
+    borderWidth: 2,
+    borderColor: c.superficie
+  },
+  insigniaTexto: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "800",
+    color: c.sobrePrimario
+  },
+  menuTexto: {
+    fontSize: 17,
+    fontWeight: "600"
+  },
+  rojo: {
+    color: c.primary
+  }
+}));
+//# sourceMappingURL=AccionesDelEncabezado.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","crearEstilos","renglon","tipografia","usePaleta","MaterialCommunityIcons","React","ActivityIndicator","BackHandler","Pressable","useWindowDimensions","View","Menu","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","LADO","ENTRE","MAXIMO_A_LA_VISTA","Insignia","cuantas","styles","useStyles","fontScale","alto","etiqueta","lineHeight","style","insignia","minWidth","height","borderRadius","pointerEvents","children","insigniaTexto","Boton","accion","onPress","c","disabled","cargando","accessibilityRole","accessibilityLabel","hitSlop","pressed","boton","apagado","presionado","size","color","primary","name","icono","destructiva","secondaryDark","AccionesDelEncabezado","acciones","hueco","setHueco","useState","menuAbierto","setMenuAbierto","useEffect","sub","addEventListener","remove","medir","e","ancho","nativeEvent","layout","width","length","caben","Math","floor","todas","min","botones","max","aLaVista","Set","sort","a","b","Number","Boolean","fijada","slice","visibles","filter","has","enElMenu","escondidas","reduce","suma","cerrar","barra","onLayout","map","visible","onDismiss","anchorPosition","statusBarHeight","contentStyle","menu","anchor","Item","title","menuTexto","rojo","leadingIcon","flexGrow","flexBasis","flexDirection","justifyContent","gap","alignSelf","borderWidth","borderColor","secondaryLighter","backgroundColor","superficieTenue","alignItems","opacity","superficie","position","top","right","paddingHorizontal","fontWeight","sobrePrimario","fontSize"],"sourceRoot":"../../../src","sources":["componentes/AccionesDelEncabezado.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/componentes/BotonDeAvatar.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import { Pressable, StyleSheet } from "react-native";
+import { Avatar } from "react-native-paper";
+import { tipografia } from "../tema";
+
+/**
+ * La inicial de cada parte, hasta dos: `inicialesDe(nombre, apellidos)` da «JP»; con sólo el nombre
+ * de la cuenta, su primera letra; sin nada, una inicial neutra.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export const inicialesDe = (...partes) => (partes.map(p => (p ?? "").trim().charAt(0)).filter(Boolean).slice(0, 2).join("") || "?").toUpperCase();
+
+/**
+ * El avatar de quien entró, en el header de las pestañas: el acceso al perfil (y a cerrar sesión).
+ * Quien lo pone decide las iniciales y a dónde lleva.
+ */
+const BotonDeAvatar = ({
+  iniciales,
+  onPress,
+  etiqueta = "Perfil"
+}) => /*#__PURE__*/_jsx(Pressable, {
+  onPress: onPress,
+  hitSlop: 8,
+  accessibilityRole: "button",
+  accessibilityLabel: etiqueta,
+  style: ({
+    pressed
+  }) => [styles.btn, pressed && {
+    opacity: 0.6
+  }],
+  children: /*#__PURE__*/_jsx(Avatar.Text, {
+    size: 36,
+    label: iniciales.slice(0, 2).toUpperCase()
+    // Blanca sobre el rojo en los dos modos: el tema oscuro de Paper la ponía oscura.
+    ,
+    color: "#ffffff",
+    labelStyle: styles.initial
+  })
+});
+const styles = StyleSheet.create({
+  btn: {
+    width: 40,
+    height: 40,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  initial: {
+    fontSize: tipografia.etiqueta,
+    fontWeight: "700",
+    lineHeight: 20
+  }
+});
+export default BotonDeAvatar;
+//# sourceMappingURL=BotonDeAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","StyleSheet","Avatar","tipografia","jsx","_jsx","inicialesDe","partes","map","p","trim","charAt","filter","Boolean","slice","join","toUpperCase","BotonDeAvatar","iniciales","onPress","etiqueta","hitSlop","accessibilityRole","accessibilityLabel","style","pressed","styles","btn","opacity","children","Text","size","label","color","labelStyle","initial","create","width","height","alignItems","justifyContent","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["componentes/BotonDeAvatar.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,cAAc;AACpD,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,UAAU,QAAQ,SAAS;;AAEpC;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAIA,OAAO,MAAMC,WAAW,GAAGA,CAAC,GAAGC,MAAqC,KAChE,CACIA,MAAM,CACDC,GAAG,CAAEC,CAAC,IAAK,CAACA,CAAC,IAAI,EAAE,EAAEC,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAAC,CACtCC,MAAM,CAACC,OAAO,CAAC,CACfC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CACXC,IAAI,CAAC,EAAE,CAAC,IAAI,GAAG,EACtBC,WAAW,CAAC,CAAC;;AAEnB;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAGA,CAAC;EACnBC,SAAS;EACTC,OAAO;EACPC,QAAQ,GAAG;AAMf,CAAC,kBACGf,IAAA,CAACL,SAAS;EACNmB,OAAO,EAAEA,OAAQ;EACjBE,OAAO,EAAE,CAAE;EACXC,iBAAiB,EAAC,QAAQ;EAC1BC,kBAAkB,EAAEH,QAAS;EAC7BI,KAAK,EAAEA,CAAC;IAAEC;EAAQ,CAAC,KAAK,CAACC,MAAM,CAACC,GAAG,EAAEF,OAAO,IAAI;IAAEG,OAAO,EAAE;EAAI,CAAC,CAAE;EAAAC,QAAA,eAElExB,IAAA,CAACH,MAAM,CAAC4B,IAAI;IACRC,IAAI,EAAE,EAAG;IACTC,KAAK,EAAEd,SAAS,CAACJ,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAACE,WAAW,CAAC;IACzC;IAAA;IACAiB,KAAK,EAAC,SAAS;IACfC,UAAU,EAAER,MAAM,CAACS;EAAQ,CAC9B;AAAC,CACK,CACd;AAED,MAAMT,MAAM,GAAGzB,UAAU,CAACmC,MAAM,CAAC;EAC7BT,GAAG,EAAE;IACDU,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EACpB,CAAC;EACDL,OAAO,EAAE;IAAEM,QAAQ,EAAEtC,UAAU,CAACiB,QAAQ;IAAEsB,UAAU,EAAE,KAAK;IAAEC,UAAU,EAAE;EAAG;AAChF,CAAC,CAAC;AAEF,eAAe1B,aAAa","ignoreList":[]}

package/lib/module/componentes/BotonGrande.js

@@ -0,0 +1,105 @@
+"use strict";
+
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import IconoDeRenglon from "../componentes/IconoDeRenglon";
+import { Text } from "../texto";
+import React from "react";
+import { ActivityIndicator, Pressable, View } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * El botón de una acción del flujo (Iniciar, Completar, Reintentar): ancho completo, alto
+ * generoso y letra de subtítulo, para atinarle de pie y con la letra del teléfono al 180%.
+ *
+ * Es propio y no el `Button` de Paper porque ése corta su texto a un renglón: con la letra grande
+ * «Iniciar asignación desde donde estás» quedaba en «Iniciar asignac…». Aquí el texto parte en los
+ * renglones que haga falta y el botón crece con él.
+ */
+const BotonGrande = ({
+  children,
+  icono,
+  onPress,
+  disabled,
+  cargando,
+  modo = "relleno"
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  const inactivo = disabled || cargando;
+  // El destructivo es un relleno de otro color: misma tinta blanca, mismo apagado.
+  const relleno = modo !== "contorno";
+  const tinta = relleno ? c.sobrePrimario : c.primary;
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    disabled: inactivo,
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: !!inactivo,
+      busy: !!cargando
+    },
+    style: ({
+      pressed
+    }) => [styles.boton, relleno ? modo === "destructivo" ? styles.destructivo : modo === "listo" ? styles.listo : styles.relleno : styles.contorno, inactivo && (relleno ? styles.rellenoInactivo : styles.contornoInactivo), pressed && {
+      opacity: 0.85
+    }],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.fila,
+      children: [cargando ? /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: tinta
+      }) : icono ? /*#__PURE__*/_jsx(IconoDeRenglon, {
+        name: icono,
+        fontSize: tipografia.subtitulo,
+        size: 26,
+        color: inactivo ? c.secondaryLight : tinta
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        style: [styles.texto, {
+          color: inactivo ? c.secondaryLight : tinta
+        }],
+        children: children
+      })]
+    })
+  });
+};
+const useStyles = crearEstilos(c => ({
+  boton: {
+    minHeight: 64,
+    borderRadius: 14,
+    paddingVertical: 14,
+    paddingHorizontal: 18,
+    justifyContent: "center"
+  },
+  relleno: {
+    backgroundColor: c.primary
+  },
+  destructivo: {
+    backgroundColor: c.primaryDark
+  },
+  // Un relleno con letra blanca: el verde oscuro se lee igual en los dos modos.
+  listo: {
+    backgroundColor: "#2e7d32"
+  },
+  rellenoInactivo: {
+    backgroundColor: c.secondaryLighter
+  },
+  contorno: {
+    borderWidth: 2,
+    borderColor: c.primary,
+    backgroundColor: c.superficie
+  },
+  contornoInactivo: {
+    borderColor: c.secondaryLighter
+  },
+  fila: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    justifyContent: "center",
+    gap: 10
+  },
+  texto: {
+    flexShrink: 1,
+    ...renglon(tipografia.subtitulo),
+    fontWeight: "800",
+    textAlign: "center"
+  }
+}));
+export default BotonGrande;
+//# sourceMappingURL=BotonGrande.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["crearEstilos","renglon","tipografia","usePaleta","IconoDeRenglon","Text","React","ActivityIndicator","Pressable","View","jsx","_jsx","jsxs","_jsxs","BotonGrande","children","icono","onPress","disabled","cargando","modo","c","styles","useStyles","inactivo","relleno","tinta","sobrePrimario","primary","accessibilityRole","accessibilityState","busy","style","pressed","boton","destructivo","listo","contorno","rellenoInactivo","contornoInactivo","opacity","fila","color","name","fontSize","subtitulo","size","secondaryLight","texto","minHeight","borderRadius","paddingVertical","paddingHorizontal","justifyContent","backgroundColor","primaryDark","secondaryLighter","borderWidth","borderColor","superficie","flexDirection","alignItems","gap","flexShrink","fontWeight","textAlign"],"sourceRoot":"../../../src","sources":["componentes/BotonGrande.tsx"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAQ,SAAS;AACtE,OAAOC,cAAc,MAAM,+BAA+B;AAC1D,SAASC,IAAI,QAAQ,UAAU;AAE/B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,iBAAiB,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBlE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,IAAI,GAAG;AAAiB,CAAC,KAAK;EAC/F,MAAMC,CAAC,GAAGlB,SAAS,CAAC,CAAC;EACrB,MAAMmB,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAMC,QAAQ,GAAGN,QAAQ,IAAIC,QAAQ;EACrC;EACA,MAAMM,OAAO,GAAGL,IAAI,KAAK,UAAU;EACnC,MAAMM,KAAK,GAAGD,OAAO,GAAGJ,CAAC,CAACM,aAAa,GAAGN,CAAC,CAACO,OAAO;EAEnD,oBACIjB,IAAA,CAACH,SAAS;IACNS,OAAO,EAAEA,OAAQ;IACjBC,QAAQ,EAAEM,QAAS;IACnBK,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEZ,QAAQ,EAAE,CAAC,CAACM,QAAQ;MAAEO,IAAI,EAAE,CAAC,CAACZ;IAAS,CAAE;IAC/Da,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACpBX,MAAM,CAACY,KAAK,EACZT,OAAO,GACDL,IAAI,KAAK,aAAa,GAClBE,MAAM,CAACa,WAAW,GAClBf,IAAI,KAAK,OAAO,GACdE,MAAM,CAACc,KAAK,GACZd,MAAM,CAACG,OAAO,GACpBH,MAAM,CAACe,QAAQ,EACrBb,QAAQ,KAAKC,OAAO,GAAGH,MAAM,CAACgB,eAAe,GAAGhB,MAAM,CAACiB,gBAAgB,CAAC,EACxEN,OAAO,IAAI;MAAEO,OAAO,EAAE;IAAK,CAAC,CAC9B;IAAAzB,QAAA,eAEFF,KAAA,CAACJ,IAAI;MAACuB,KAAK,EAAEV,MAAM,CAACmB,IAAK;MAAA1B,QAAA,GACpBI,QAAQ,gBACLR,IAAA,CAACJ,iBAAiB;QAACmC,KAAK,EAAEhB;MAAM,CAAE,CAAC,GACnCV,KAAK,gBACLL,IAAA,CAACP,cAAc;QACXuC,IAAI,EAAE3B,KAAM;QACZ4B,QAAQ,EAAE1C,UAAU,CAAC2C,SAAU;QAC/BC,IAAI,EAAE,EAAG;QACTJ,KAAK,EAAElB,QAAQ,GAAGH,CAAC,CAAC0B,cAAc,GAAGrB;MAAM,CAC9C,CAAC,GACF,IAAI,eACRf,IAAA,CAACN,IAAI;QAAC2B,KAAK,EAAE,CAACV,MAAM,CAAC0B,KAAK,EAAE;UAAEN,KAAK,EAAElB,QAAQ,GAAGH,CAAC,CAAC0B,cAAc,GAAGrB;QAAM,CAAC,CAAE;QAAAX,QAAA,EACvEA;MAAQ,CACP,CAAC;IAAA,CACL;EAAC,CACA,CAAC;AAEpB,CAAC;AAED,MAAMQ,SAAS,GAAGvB,YAAY,CAAEqB,CAAC,KAAM;EACnCa,KAAK,EAAE;IACHe,SAAS,EAAE,EAAE;IACbC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;IACrBC,cAAc,EAAE;EACpB,CAAC;EACD5B,OAAO,EAAE;IAAE6B,eAAe,EAAEjC,CAAC,CAACO;EAAQ,CAAC;EACvCO,WAAW,EAAE;IAAEmB,eAAe,EAAEjC,CAAC,CAACkC;EAAY,CAAC;EAC/C;EACAnB,KAAK,EAAE;IAAEkB,eAAe,EAAE;EAAU,CAAC;EACrChB,eAAe,EAAE;IAAEgB,eAAe,EAAEjC,CAAC,CAACmC;EAAiB,CAAC;EACxDnB,QAAQ,EAAE;IAAEoB,WAAW,EAAE,CAAC;IAAEC,WAAW,EAAErC,CAAC,CAACO,OAAO;IAAE0B,eAAe,EAAEjC,CAAC,CAACsC;EAAW,CAAC;EACnFpB,gBAAgB,EAAE;IAAEmB,WAAW,EAAErC,CAAC,CAACmC;EAAiB,CAAC;EACrDf,IAAI,EAAE;IAAEmB,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,YAAY;IAAER,cAAc,EAAE,QAAQ;IAAES,GAAG,EAAE;EAAG,CAAC;EAC3Fd,KAAK,EAAE;IACHe,UAAU,EAAE,CAAC;IACb,GAAG9D,OAAO,CAACC,UAAU,CAAC2C,SAAS,CAAC;IAChCmB,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACf;AACJ,CAAC,CAAC,CAAC;AAEH,eAAenD,WAAW","ignoreList":[]}

package/lib/module/componentes/CabeceraEmpujada.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import AccionesDelEncabezado from "../componentes/AccionesDelEncabezado";
+import { Text } from "../texto";
+import { crearEstilos, tipografia, usePaleta } from "../tema";
+import MaterialIcons from "@expo/vector-icons/MaterialIcons";
+import { router } from "expo-router";
+import { TouchableOpacity, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+
+/**
+ * La cabecera de una pantalla empujada encima de las pestañas: atrás, el rótulo, el título y, si
+ * hay, sus acciones a la derecha (`AccionesDelEncabezado`). La usan las fichas, las
+ * pantallas de edición y el perfil.
+ *
+ * `estado` va debajo del título —el estado de la ficha, normalmente un `Chip`— y no a su lado: con
+ * acciones a la derecha, un folio largo y su chip en el mismo renglón se peleaban el ancho.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CabeceraEmpujada = ({
+  eyebrow,
+  titulo,
+  acciones,
+  estado
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.hdr, {
+      paddingTop: insets.top + 10
+    }],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.hdrRow,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => router.back(),
+        accessibilityLabel: "Atr\xE1s",
+        children: /*#__PURE__*/_jsx(MaterialIcons, {
+          name: "arrow-back",
+          size: 45,
+          color: c.primary
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: acciones?.length ? styles.tituloConAcciones : styles.titulo,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: styles.hdrEyebrow,
+          children: eyebrow
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.hdrTitle,
+          children: titulo
+        }), estado ? /*#__PURE__*/_jsx(View, {
+          style: styles.estado,
+          children: estado
+        }) : null]
+      }), acciones?.length ? /*#__PURE__*/_jsx(AccionesDelEncabezado, {
+        acciones: acciones
+      }) : null]
+    })
+  });
+};
+const useStyles = crearEstilos(c => ({
+  hdr: {
+    paddingHorizontal: 18,
+    paddingBottom: 13,
+    backgroundColor: c.superficie
+  },
+  hdrRow: {
+    flexDirection: "row",
+    alignItems: "flex-end",
+    gap: 8
+  },
+  titulo: {
+    flex: 1,
+    minWidth: 0
+  },
+  tituloConAcciones: {
+    flexShrink: 1,
+    minWidth: 0
+  },
+  hdrEyebrow: {
+    fontSize: tipografia.etiqueta,
+    color: c.secondaryLight,
+    textTransform: "uppercase",
+    letterSpacing: 1.6,
+    marginBottom: 4,
+    fontWeight: "600"
+  },
+  hdrTitle: {
+    fontSize: tipografia.titulo,
+    fontWeight: "900",
+    color: c.primary
+  },
+  estado: {
+    marginTop: 6,
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 6
+  }
+}));
+export default CabeceraEmpujada;
+//# sourceMappingURL=CabeceraEmpujada.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AccionesDelEncabezado","Text","crearEstilos","tipografia","usePaleta","MaterialIcons","router","TouchableOpacity","View","useSafeAreaInsets","jsx","_jsx","jsxs","_jsxs","CabeceraEmpujada","eyebrow","titulo","acciones","estado","c","styles","useStyles","insets","style","hdr","paddingTop","top","children","hdrRow","onPress","back","accessibilityLabel","name","size","color","primary","length","tituloConAcciones","hdrEyebrow","hdrTitle","paddingHorizontal","paddingBottom","backgroundColor","superficie","flexDirection","alignItems","gap","flex","minWidth","flexShrink","fontSize","etiqueta","secondaryLight","textTransform","letterSpacing","marginBottom","fontWeight","marginTop","flexWrap"],"sourceRoot":"../../../src","sources":["componentes/CabeceraEmpujada.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/componentes/Chip.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import { Text } from "../texto";
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import { View } from "react-native";
+
+/**
+ * El tono de un chip, por lo que quiere decir y no por su color: así un estado se ve igual en
+ * claro y en oscuro, y dos pantallas no le ponen dos colores a lo mismo.
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+const colores = (c, tono) => {
+  switch (tono) {
+    case "exito":
+      return c.exito;
+    case "aviso":
+      return {
+        fondo: c.aviso.fondo,
+        tinta: c.aviso.tinta
+      };
+    case "info":
+      return c.info;
+    case "error":
+      return c.error;
+    case "morado":
+      return c.morado;
+    case "primario":
+      return {
+        fondo: c.primary,
+        tinta: c.sobrePrimario
+      };
+    default:
+      return {
+        fondo: c.superficieTenue,
+        tinta: c.secondary
+      };
+  }
+};
+
+/** Un estado en una pastilla: «En progreso», «Por vencer», «En viaje». */
+const Chip = ({
+  texto,
+  tono = "neutro",
+  style
+}) => {
+  const c = usePaleta();
+  const styles = useStyles();
+  const {
+    fondo,
+    tinta
+  } = colores(c, tono);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.chip, {
+      backgroundColor: fondo
+    }, style],
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [styles.texto, {
+        color: tinta
+      }],
+      children: texto
+    })
+  });
+};
+const useStyles = crearEstilos(() => ({
+  chip: {
+    alignSelf: "flex-start",
+    paddingHorizontal: 9,
+    paddingVertical: 3,
+    borderRadius: 999
+  },
+  texto: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "700"
+  }
+}));
+export default Chip;
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Text","crearEstilos","renglon","tipografia","usePaleta","View","jsx","_jsx","colores","c","tono","exito","fondo","aviso","tinta","info","error","morado","primary","sobrePrimario","superficieTenue","secondary","Chip","texto","style","styles","useStyles","chip","backgroundColor","children","color","alignSelf","paddingHorizontal","paddingVertical","borderRadius","etiqueta","fontWeight"],"sourceRoot":"../../../src","sources":["componentes/Chip.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,UAAU;AAC/B,SAASC,YAAY,EAAeC,OAAO,EAAEC,UAAU,EAAEC,SAAS,QAAQ,SAAS;AACnF,SAASC,IAAI,QAAwC,cAAc;;AAEnE;AACA;AACA;AACA;AAHA,SAAAC,GAAA,IAAAC,IAAA;AAMA,MAAMC,OAAO,GAAGA,CAACC,CAAS,EAAEC,IAAgB,KAAK;EAC7C,QAAQA,IAAI;IACR,KAAK,OAAO;MACR,OAAOD,CAAC,CAACE,KAAK;IAClB,KAAK,OAAO;MACR,OAAO;QAAEC,KAAK,EAAEH,CAAC,CAACI,KAAK,CAACD,KAAK;QAAEE,KAAK,EAAEL,CAAC,CAACI,KAAK,CAACC;MAAM,CAAC;IACzD,KAAK,MAAM;MACP,OAAOL,CAAC,CAACM,IAAI;IACjB,KAAK,OAAO;MACR,OAAON,CAAC,CAACO,KAAK;IAClB,KAAK,QAAQ;MACT,OAAOP,CAAC,CAACQ,MAAM;IACnB,KAAK,UAAU;MACX,OAAO;QAAEL,KAAK,EAAEH,CAAC,CAACS,OAAO;QAAEJ,KAAK,EAAEL,CAAC,CAACU;MAAc,CAAC;IACvD;MACI,OAAO;QAAEP,KAAK,EAAEH,CAAC,CAACW,eAAe;QAAEN,KAAK,EAAEL,CAAC,CAACY;MAAU,CAAC;EAC/D;AACJ,CAAC;;AAED;AACA,MAAMC,IAAI,GAAGA,CAAC;EACVC,KAAK;EACLb,IAAI,GAAG,QAAQ;EACfc;AAKJ,CAAC,KAAK;EACF,MAAMf,CAAC,GAAGL,SAAS,CAAC,CAAC;EACrB,MAAMqB,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEd,KAAK;IAAEE;EAAM,CAAC,GAAGN,OAAO,CAACC,CAAC,EAAEC,IAAI,CAAC;EACzC,oBACIH,IAAA,CAACF,IAAI;IAACmB,KAAK,EAAE,CAACC,MAAM,CAACE,IAAI,EAAE;MAAEC,eAAe,EAAEhB;IAAM,CAAC,EAAEY,KAAK,CAAE;IAAAK,QAAA,eAC1DtB,IAAA,CAACP,IAAI;MAACwB,KAAK,EAAE,CAACC,MAAM,CAACF,KAAK,EAAE;QAAEO,KAAK,EAAEhB;MAAM,CAAC,CAAE;MAAAe,QAAA,EAAEN;IAAK,CAAO;EAAC,CAC3D,CAAC;AAEf,CAAC;AAED,MAAMG,SAAS,GAAGzB,YAAY,CAAC,OAAO;EAClC0B,IAAI,EAAE;IACFI,SAAS,EAAE,YAAY;IACvBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE;EAClB,CAAC;EACDX,KAAK,EAAE;IAAE,GAAGrB,OAAO,CAACC,UAAU,CAACgC,QAAQ,CAAC;IAAEC,UAAU,EAAE;EAAM;AAChE,CAAC,CAAC,CAAC;AAEH,eAAed,IAAI","ignoreList":[]}

package/lib/module/componentes/ContenidoDePantalla.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import React from "react";
+import { useWindowDimensions, View } from "react-native";
+import { KeyboardAvoidingView } from "react-native-keyboard-controller";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { crearEstilos } from "../tema";
+import { jsx as _jsx } from "react/jsx-runtime";
+const BASE_PADDING = 20;
+
+/**
+ * El cuerpo de una pantalla debajo de su header: el fondo, el margen a los lados (el doble en una
+ * tableta, más lo que pida la muesca) y, por omisión, que esquive el teclado.
+ */
+const ContenidoDePantalla = ({
+  paddingBottom,
+  avoidKeyboard = true,
+  children
+}) => {
+  const styles = useStyles();
+  const insets = useSafeAreaInsets();
+  const {
+    width
+  } = useWindowDimensions();
+  const horizontalPadding = width > 700 ? BASE_PADDING * 2 : BASE_PADDING;
+  const containerStyle = [styles.container, {
+    paddingTop: 20,
+    paddingLeft: horizontalPadding + insets.left,
+    paddingRight: horizontalPadding + insets.right,
+    paddingBottom: paddingBottom ?? 0
+  }];
+  if (!avoidKeyboard) {
+    return /*#__PURE__*/_jsx(View, {
+      style: containerStyle,
+      children: children
+    });
+  }
+  return (
+    /*#__PURE__*/
+    // `behavior="padding"` funciona en ambas plataformas con edge-to-edge
+    // gracias a react-native-keyboard-controller (RN lo ignora en Android).
+    _jsx(KeyboardAvoidingView, {
+      behavior: "padding",
+      style: containerStyle,
+      children: children
+    })
+  );
+};
+const useStyles = crearEstilos(c => ({
+  container: {
+    flex: 1,
+    backgroundColor: c.fondo
+  }
+}));
+export default ContenidoDePantalla;
+//# sourceMappingURL=ContenidoDePantalla.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useWindowDimensions","View","KeyboardAvoidingView","useSafeAreaInsets","crearEstilos","jsx","_jsx","BASE_PADDING","ContenidoDePantalla","paddingBottom","avoidKeyboard","children","styles","useStyles","insets","width","horizontalPadding","containerStyle","container","paddingTop","paddingLeft","left","paddingRight","right","style","behavior","c","flex","backgroundColor","fondo"],"sourceRoot":"../../../src","sources":["componentes/ContenidoDePantalla.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACxD,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,SAASC,iBAAiB,QAAQ,gCAAgC;AAClE,SAASC,YAAY,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYvC,MAAMC,YAAY,GAAG,EAAE;;AAEvB;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,aAAa;EAAEC,aAAa,GAAG,IAAI;EAAEC;AAAgB,CAAC,KAAK;EACtF,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAMC,MAAM,GAAGX,iBAAiB,CAAC,CAAC;EAClC,MAAM;IAAEY;EAAM,CAAC,GAAGf,mBAAmB,CAAC,CAAC;EACvC,MAAMgB,iBAAiB,GAAGD,KAAK,GAAG,GAAG,GAAGR,YAAY,GAAG,CAAC,GAAGA,YAAY;EACvE,MAAMU,cAAc,GAAG,CACnBL,MAAM,CAACM,SAAS,EAChB;IACIC,UAAU,EAAE,EAAE;IACdC,WAAW,EAAEJ,iBAAiB,GAAGF,MAAM,CAACO,IAAI;IAC5CC,YAAY,EAAEN,iBAAiB,GAAGF,MAAM,CAACS,KAAK;IAC9Cd,aAAa,EAAEA,aAAa,IAAI;EACpC,CAAC,CACJ;EACD,IAAI,CAACC,aAAa,EAAE;IAChB,oBAAOJ,IAAA,CAACL,IAAI;MAACuB,KAAK,EAAEP,cAAe;MAAAN,QAAA,EAAEA;IAAQ,CAAO,CAAC;EACzD;EACA;IAAA;IACI;IACA;IACAL,IAAA,CAACJ,oBAAoB;MAACuB,QAAQ,EAAC,SAAS;MAACD,KAAK,EAAEP,cAAe;MAAAN,QAAA,EAC1DA;IAAQ,CACS;EAAC;AAE/B,CAAC;AAED,MAAME,SAAS,GAAGT,YAAY,CAAEsB,CAAC,KAAM;EACnCR,SAAS,EAAE;IAAES,IAAI,EAAE,CAAC;IAAEC,eAAe,EAAEF,CAAC,CAACG;EAAM;AACnD,CAAC,CAAC,CAAC;AAEH,eAAerB,mBAAmB","ignoreList":[]}