@acvl/mobile-components 0.0.0-stage → 0.0.2

package/lib/module/dialogos/HostDeDialogos.js

@@ -0,0 +1,170 @@
+"use strict";
+
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import BotonGrande from "../componentes/BotonGrande";
+import { Text } from "../texto";
+import { dialogoActual, responderDialogo, suscribirDialogos } from "./dialogos";
+import MaterialCommunityIcons from "@expo/vector-icons/MaterialCommunityIcons";
+import React from "react";
+import { Modal, Pressable, ScrollView, useWindowDimensions, View } from "react-native";
+
+/**
+ * Pinta los diálogos que abre `mostrarDialogo` (`dialogos.ts`), de uno en uno. Se monta una
+ * sola vez, en el layout raíz de la app.
+ *
+ * Es el diálogo de la casa —el `ConfirmDialog` de las revisiones de wms— con la letra grande de las apps:
+ * una tarjeta blanca sobre fondo oscuro, el icono arriba, título y mensaje sin recortar, y los
+ * botones **apilados a lo ancho**: lado a lado no caben con la letra al 180%. «Cancelar» va como
+ * texto discreto al pie. Atrás y el toque fuera cierran como cancelar, salvo que el diálogo diga
+ * que no es cancelable.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const HostDeDialogos = () => {
+  const c = usePaleta();
+  const styles = useStyles();
+  const dialogo = React.useSyncExternalStore(suscribirDialogos, dialogoActual);
+  const {
+    height
+  } = useWindowDimensions();
+  if (!dialogo) return null;
+  const cancelable = dialogo.cancelable ?? true;
+  const cerrar = () => {
+    if (cancelable) responderDialogo(dialogo, undefined);
+  };
+  const acciones = dialogo.botones.filter(b => b.estilo !== "cancelar");
+  const cancelar = dialogo.botones.find(b => b.estilo === "cancelar");
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: true,
+    transparent: true,
+    animationType: "fade",
+    statusBarTranslucent: true,
+    navigationBarTranslucent: true,
+    onRequestClose: cerrar,
+    children: /*#__PURE__*/_jsx(Pressable, {
+      style: styles.fondo,
+      onPress: cerrar,
+      accessibilityLabel: "Cerrar",
+      children: /*#__PURE__*/_jsx(Pressable, {
+        style: [styles.tarjeta, {
+          maxHeight: height * 0.85
+        }],
+        onPress: () => {},
+        children: /*#__PURE__*/_jsxs(ScrollView, {
+          contentContainerStyle: styles.contenido,
+          showsVerticalScrollIndicator: false,
+          children: [dialogo.icono ? /*#__PURE__*/_jsx(View, {
+            style: styles.icono,
+            children: /*#__PURE__*/_jsx(MaterialCommunityIcons, {
+              name: dialogo.icono,
+              size: 34,
+              color: c.primary
+            })
+          }) : null, /*#__PURE__*/_jsx(Text, {
+            style: styles.titulo,
+            children: dialogo.titulo
+          }), dialogo.mensaje ? /*#__PURE__*/_jsx(Text, {
+            style: styles.mensaje,
+            children: dialogo.mensaje
+          }) : null, /*#__PURE__*/_jsxs(View, {
+            style: styles.botones,
+            children: [acciones.map((boton, i) => /*#__PURE__*/_jsx(Boton, {
+              boton: boton,
+              onPress: () => responderDialogo(dialogo, boton.valor)
+            }, `${boton.texto}-${i}`)), cancelar ? /*#__PURE__*/_jsx(Pressable, {
+              onPress: () => responderDialogo(dialogo, cancelar.valor),
+              hitSlop: 8,
+              accessibilityRole: "button",
+              style: ({
+                pressed
+              }) => [styles.cancelar, pressed && {
+                opacity: 0.6
+              }],
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.cancelarTexto,
+                children: cancelar.texto
+              })
+            }) : null]
+          })]
+        })
+      })
+    })
+  });
+};
+function Boton({
+  boton,
+  onPress
+}) {
+  const estilo = boton.estilo ?? "principal";
+  return /*#__PURE__*/_jsx(BotonGrande, {
+    icono: boton.icono,
+    modo: estilo === "secundario" ? "contorno" : estilo === "destructivo" ? "destructivo" : "relleno",
+    onPress: onPress,
+    children: boton.texto
+  });
+}
+const useStyles = crearEstilos(c => ({
+  fondo: {
+    flex: 1,
+    backgroundColor: c.velo,
+    justifyContent: "center",
+    padding: 20
+  },
+  tarjeta: {
+    width: "100%",
+    maxWidth: 480,
+    alignSelf: "center",
+    backgroundColor: c.superficie,
+    borderRadius: 20,
+    overflow: "hidden",
+    elevation: 12,
+    shadowColor: c.sombra,
+    shadowOffset: {
+      width: 0,
+      height: 10
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 24
+  },
+  contenido: {
+    padding: 22,
+    gap: 10
+  },
+  icono: {
+    alignSelf: "center",
+    width: 60,
+    height: 60,
+    borderRadius: 30,
+    backgroundColor: c.primaryWash,
+    alignItems: "center",
+    justifyContent: "center",
+    marginBottom: 4
+  },
+  titulo: {
+    ...renglon(tipografia.titulo),
+    fontWeight: "900",
+    color: c.texto,
+    textAlign: "center"
+  },
+  mensaje: {
+    ...renglon(tipografia.cuerpo),
+    color: c.secondaryDark,
+    textAlign: "center"
+  },
+  botones: {
+    gap: 10,
+    marginTop: 12
+  },
+  cancelar: {
+    alignSelf: "center",
+    paddingVertical: 12,
+    paddingHorizontal: 20
+  },
+  cancelarTexto: {
+    ...renglon(tipografia.cuerpo),
+    fontWeight: "700",
+    color: c.secondary,
+    textAlign: "center"
+  }
+}));
+export default HostDeDialogos;
+//# sourceMappingURL=HostDeDialogos.js.map

package/lib/module/dialogos/HostDeDialogos.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["crearEstilos","renglon","tipografia","usePaleta","BotonGrande","Text","dialogoActual","responderDialogo","suscribirDialogos","MaterialCommunityIcons","React","Modal","Pressable","ScrollView","useWindowDimensions","View","jsx","_jsx","jsxs","_jsxs","HostDeDialogos","c","styles","useStyles","dialogo","useSyncExternalStore","height","cancelable","cerrar","undefined","acciones","botones","filter","b","estilo","cancelar","find","visible","transparent","animationType","statusBarTranslucent","navigationBarTranslucent","onRequestClose","children","style","fondo","onPress","accessibilityLabel","tarjeta","maxHeight","contentContainerStyle","contenido","showsVerticalScrollIndicator","icono","name","size","color","primary","titulo","mensaje","map","boton","i","Boton","valor","texto","hitSlop","accessibilityRole","pressed","opacity","cancelarTexto","modo","flex","backgroundColor","velo","justifyContent","padding","width","maxWidth","alignSelf","superficie","borderRadius","overflow","elevation","shadowColor","sombra","shadowOffset","shadowOpacity","shadowRadius","gap","primaryWash","alignItems","marginBottom","fontWeight","textAlign","cuerpo","secondaryDark","marginTop","paddingVertical","paddingHorizontal","secondary"],"sourceRoot":"../../../src","sources":["dialogos/HostDeDialogos.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/dialogos/dialogos.js

@@ -0,0 +1,112 @@
+"use strict";
+
+// Los diálogos de las apps, con su diseño y no el `Alert` del sistema. Esto es la API: la abren las
+// pantallas y también código que no es componente (una cola de envíos, la ubicación, la
+// navegación). Los pinta `HostDeDialogos`, montado una vez en el layout raíz.
+
+/**
+ * - `principal`: la acción esperada, en rojo.
+ * - `secundario`: otra opción válida, en contorno.
+ * - `destructivo`: borra o deshace algo (Deshacer, Descartar, Cerrar sesión), en rojo oscuro.
+ * - `cancelar`: no hacer nada, como texto discreto al pie.
+ */
+
+/**
+ * La fila de diálogos. Vive en `globalThis` para que Fast Refresh, al re-evaluar este módulo, no
+ * deje al host escuchando una fila vieja con promesas que nunca se resuelven.
+ */
+const g = globalThis;
+const estado = g.__dialogos ??= {
+  fila: [],
+  oyentes: new Set()
+};
+const avisarCambio = () => estado.oyentes.forEach(oyente => oyente());
+
+/**
+ * Abre un diálogo y espera la respuesta: el `valor` del botón tocado, o `undefined` si se cerró
+ * sin elegir (atrás, toque fuera). Si ya hay uno abierto, éste espera su turno: se muestran de uno
+ * en uno, en el orden en que llegaron.
+ */
+export function mostrarDialogo(dialogo) {
+  return new Promise(resolver => {
+    estado.fila.push({
+      dialogo: dialogo,
+      responder: resolver
+    });
+    avisarCambio();
+  });
+}
+
+/**
+ * Una pregunta de sí o no. Resuelve `true` sólo si se tocó el botón de confirmar; cancelar,
+ * atrás y el toque fuera dan `false`.
+ */
+export async function confirmar({
+  titulo,
+  mensaje,
+  textoConfirmar,
+  textoCancelar = "Cancelar",
+  destructivo = false,
+  icono
+}) {
+  const respuesta = await mostrarDialogo({
+    titulo,
+    mensaje,
+    icono: icono ?? (destructivo ? "alert-circle-outline" : "help-circle-outline"),
+    botones: [{
+      texto: textoConfirmar,
+      estilo: destructivo ? "destructivo" : "principal",
+      valor: true
+    }, {
+      texto: textoCancelar,
+      estilo: "cancelar",
+      valor: false
+    }]
+  });
+  return respuesta === true;
+}
+
+/** Un aviso con un solo botón. Resuelve al cerrarse. */
+export async function avisar({
+  titulo,
+  mensaje,
+  icono = "information-outline",
+  textoBoton = "Entendido",
+  cancelable = true
+}) {
+  await mostrarDialogo({
+    titulo,
+    mensaje,
+    icono,
+    cancelable,
+    botones: [{
+      texto: textoBoton,
+      estilo: "principal",
+      valor: true
+    }]
+  });
+}
+
+// ==============================|| PARA EL HOST ||============================== //
+
+/** El que se está mostrando, o `null`. */
+export const dialogoActual = () => estado.fila[0]?.dialogo ?? null;
+export function suscribirDialogos(oyente) {
+  estado.oyentes.add(oyente);
+  return () => {
+    estado.oyentes.delete(oyente);
+  };
+}
+
+/**
+ * Cierra `dialogo` con `valor` y pasa al siguiente de la fila. Sólo si `dialogo` sigue siendo el
+ * actual: el segundo toque de un doble toque llega con el diálogo que ya se contestó, y sin esta
+ * comparación contestaba también el siguiente de la fila sin que el operador lo viera.
+ */
+export function responderDialogo(dialogo, valor) {
+  if (estado.fila[0]?.dialogo !== dialogo) return;
+  const actual = estado.fila.shift();
+  actual?.responder(valor);
+  avisarCambio();
+}
+//# sourceMappingURL=dialogos.js.map

package/lib/module/dialogos/dialogos.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["g","globalThis","estado","__dialogos","fila","oyentes","Set","avisarCambio","forEach","oyente","mostrarDialogo","dialogo","Promise","resolver","push","responder","confirmar","titulo","mensaje","textoConfirmar","textoCancelar","destructivo","icono","respuesta","botones","texto","estilo","valor","avisar","textoBoton","cancelable","dialogoActual","suscribirDialogos","add","delete","responderDialogo","actual","shift"],"sourceRoot":"../../../src","sources":["dialogos/dialogos.ts"],"mappings":";;AAAA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;;AA4BA;AACA;AACA;AACA;AACA,MAAMA,CAAC,GAAGC,UAET;AACD,MAAMC,MAAM,GAAIF,CAAC,CAACG,UAAU,KAAK;EAAEC,IAAI,EAAE,EAAE;EAAEC,OAAO,EAAE,IAAIC,GAAG,CAAC;AAAE,CAAE;AAElE,MAAMC,YAAY,GAAGA,CAAA,KAAML,MAAM,CAACG,OAAO,CAACG,OAAO,CAAEC,MAAM,IAAKA,MAAM,CAAC,CAAC,CAAC;;AAEvE;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAIC,OAAmB,EAA0B;EAC3E,OAAO,IAAIC,OAAO,CAAEC,QAAQ,IAAK;IAC7BX,MAAM,CAACE,IAAI,CAACU,IAAI,CAAC;MACbH,OAAO,EAAEA,OAA2B;MACpCI,SAAS,EAAEF;IACf,CAAC,CAAC;IACFN,YAAY,CAAC,CAAC;EAClB,CAAC,CAAC;AACN;;AAEA;AACA;AACA;AACA;AACA,OAAO,eAAeS,SAASA,CAAC;EAC5BC,MAAM;EACNC,OAAO;EACPC,cAAc;EACdC,aAAa,GAAG,UAAU;EAC1BC,WAAW,GAAG,KAAK;EACnBC;AAQJ,CAAC,EAAoB;EACjB,MAAMC,SAAS,GAAG,MAAMb,cAAc,CAAC;IACnCO,MAAM;IACNC,OAAO;IACPI,KAAK,EAAEA,KAAK,KAAKD,WAAW,GAAG,sBAAsB,GAAG,qBAAqB,CAAC;IAC9EG,OAAO,EAAE,CACL;MACIC,KAAK,EAAEN,cAAc;MACrBO,MAAM,EAAEL,WAAW,GAAG,aAAa,GAAG,WAAW;MACjDM,KAAK,EAAE;IACX,CAAC,EACD;MAAEF,KAAK,EAAEL,aAAa;MAAEM,MAAM,EAAE,UAAU;MAAEC,KAAK,EAAE;IAAM,CAAC;EAElE,CAAC,CAAC;EACF,OAAOJ,SAAS,KAAK,IAAI;AAC7B;;AAEA;AACA,OAAO,eAAeK,MAAMA,CAAC;EACzBX,MAAM;EACNC,OAAO;EACPI,KAAK,GAAG,qBAAqB;EAC7BO,UAAU,GAAG,WAAW;EACxBC,UAAU,GAAG;AAOjB,CAAC,EAAiB;EACd,MAAMpB,cAAc,CAAC;IACjBO,MAAM;IACNC,OAAO;IACPI,KAAK;IACLQ,UAAU;IACVN,OAAO,EAAE,CAAC;MAAEC,KAAK,EAAEI,UAAU;MAAEH,MAAM,EAAE,WAAW;MAAEC,KAAK,EAAE;IAAK,CAAC;EACrE,CAAC,CAAC;AACN;;AAEA;;AAEA;AACA,OAAO,MAAMI,aAAa,GAAGA,CAAA,KAA+B7B,MAAM,CAACE,IAAI,CAAC,CAAC,CAAC,EAAEO,OAAO,IAAI,IAAI;AAE3F,OAAO,SAASqB,iBAAiBA,CAACvB,MAAkB,EAAc;EAC9DP,MAAM,CAACG,OAAO,CAAC4B,GAAG,CAACxB,MAAM,CAAC;EAC1B,OAAO,MAAM;IACTP,MAAM,CAACG,OAAO,CAAC6B,MAAM,CAACzB,MAAM,CAAC;EACjC,CAAC;AACL;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS0B,gBAAgBA,CAACxB,OAAyB,EAAEgB,KAAc,EAAQ;EAC9E,IAAIzB,MAAM,CAACE,IAAI,CAAC,CAAC,CAAC,EAAEO,OAAO,KAAKA,OAAO,EAAE;EACzC,MAAMyB,MAAM,GAAGlC,MAAM,CAACE,IAAI,CAACiC,KAAK,CAAC,CAAC;EAClCD,MAAM,EAAErB,SAAS,CAACY,KAAK,CAAC;EACxBpB,YAAY,CAAC,CAAC;AAClB","ignoreList":[]}

package/lib/module/formularios/CampoDeSeleccion.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import { View } from "react-native";
+import { crearEstilos, renglon, tipografia } from "../tema";
+import { Text } from "../texto";
+import { ErrorDelCampo } from "./campos";
+import SelectorDeOpcion, { SelectorDeVarias } from "./SelectorDeOpcion";
+
+/**
+ * Un campo que se elige de una lista larga —un catálogo del servidor, uno guardado en el
+ * teléfono—: `SelectorDeOpcion` con el error del formulario debajo. Es el `ControlledAutocomplete`
+ * del portal.
+ *
+ * Quien lo usa trae las opciones y, si son del servidor, la búsqueda: en una app es su consulta del
+ * catálogo (`useBusqueda` para no pedir una vez por letra). Una lista fija se pasa sin `onBuscar`
+ * y se filtra sola.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function CampoDeSeleccion({
+  error,
+  ayuda,
+  ...props
+}) {
+  const styles = useStyles();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.campo,
+    children: [/*#__PURE__*/_jsx(SelectorDeOpcion, {
+      ...props
+    }), ayuda ? /*#__PURE__*/_jsx(Text, {
+      style: styles.ayuda,
+      children: ayuda
+    }) : null, /*#__PURE__*/_jsx(ErrorDelCampo, {
+      error: error
+    })]
+  });
+}
+
+/**
+ * Lo mismo, pero se eligen varias (los recibos de un concepto, las piezas sobre las que se cobra
+ * un porcentaje): `SelectorDeVarias` con el error debajo. El valor es la lista de opciones
+ * enteras, igual que el de una es la opción entera.
+ */
+export function CampoDeVarias({
+  error,
+  ayuda,
+  ...props
+}) {
+  const styles = useStyles();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.campo,
+    children: [/*#__PURE__*/_jsx(SelectorDeVarias, {
+      ...props
+    }), ayuda ? /*#__PURE__*/_jsx(Text, {
+      style: styles.ayuda,
+      children: ayuda
+    }) : null, /*#__PURE__*/_jsx(ErrorDelCampo, {
+      error: error
+    })]
+  });
+}
+
+// La ayuda con el mismo renglón y color que la de los demás campos (`Campo`).
+const useStyles = crearEstilos(c => ({
+  campo: {
+    gap: 6
+  },
+  ayuda: {
+    ...renglon(tipografia.secundario),
+    color: c.secondary
+  }
+}));
+//# sourceMappingURL=CampoDeSeleccion.js.map

package/lib/module/formularios/CampoDeSeleccion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","crearEstilos","renglon","tipografia","Text","ErrorDelCampo","SelectorDeOpcion","SelectorDeVarias","jsx","_jsx","jsxs","_jsxs","CampoDeSeleccion","error","ayuda","props","styles","useStyles","style","campo","children","CampoDeVarias","c","gap","secundario","color","secondary"],"sourceRoot":"../../../src","sources":["formularios/CampoDeSeleccion.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,YAAY,EAAEC,OAAO,EAAEC,UAAU,QAAQ,SAAS;AAC3D,SAASC,IAAI,QAAQ,UAAU;AAC/B,SAASC,aAAa,QAAQ,UAAU;AACxC,OAAOC,gBAAgB,IACnBC,gBAAgB,QAIb,oBAAoB;;AAE3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AASA,eAAe,SAASC,gBAAgBA,CAAmB;EACvDC,KAAK;EACLC,KAAK;EACL,GAAGC;AAC0D,CAAC,EAAE;EAChE,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBACIN,KAAA,CAACX,IAAI;IAACkB,KAAK,EAAEF,MAAM,CAACG,KAAM;IAAAC,QAAA,gBACtBX,IAAA,CAACH,gBAAgB;MAAA,GAAQS;IAAK,CAAG,CAAC,EACjCD,KAAK,gBAAGL,IAAA,CAACL,IAAI;MAACc,KAAK,EAAEF,MAAM,CAACF,KAAM;MAAAM,QAAA,EAAEN;IAAK,CAAO,CAAC,GAAG,IAAI,eACzDL,IAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA;IAAM,CAAE,CAAC;EAAA,CAC7B,CAAC;AAEf;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASQ,aAAaA,CAAmB;EAC5CR,KAAK;EACLC,KAAK;EACL,GAAGC;AAC0D,CAAC,EAAE;EAChE,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,oBACIN,KAAA,CAACX,IAAI;IAACkB,KAAK,EAAEF,MAAM,CAACG,KAAM;IAAAC,QAAA,gBACtBX,IAAA,CAACF,gBAAgB;MAAA,GAAQQ;IAAK,CAAG,CAAC,EACjCD,KAAK,gBAAGL,IAAA,CAACL,IAAI;MAACc,KAAK,EAAEF,MAAM,CAACF,KAAM;MAAAM,QAAA,EAAEN;IAAK,CAAO,CAAC,GAAG,IAAI,eACzDL,IAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA;IAAM,CAAE,CAAC;EAAA,CAC7B,CAAC;AAEf;;AAEA;AACA,MAAMI,SAAS,GAAGhB,YAAY,CAAEqB,CAAC,KAAM;EACnCH,KAAK,EAAE;IAAEI,GAAG,EAAE;EAAE,CAAC;EACjBT,KAAK,EAAE;IAAE,GAAGZ,OAAO,CAACC,UAAU,CAACqB,UAAU,CAAC;IAAEC,KAAK,EAAEH,CAAC,CAACI;EAAU;AACnE,CAAC,CAAC,CAAC","ignoreList":[]}