@acvl/mobile-components 0.0.0-stage → 0.0.1

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":"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","ignoreList":[]}

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,47 @@
+"use strict";
+
+import { View } from "react-native";
+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,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(SelectorDeOpcion, {
+      ...props
+    }), /*#__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,
+  ...props
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsx(SelectorDeVarias, {
+      ...props
+    }), /*#__PURE__*/_jsx(ErrorDelCampo, {
+      error: error
+    })]
+  });
+}
+//# sourceMappingURL=CampoDeSeleccion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","ErrorDelCampo","SelectorDeOpcion","SelectorDeVarias","jsx","_jsx","jsxs","_jsxs","CampoDeSeleccion","error","props","children","CampoDeVarias"],"sourceRoot":"../../../src","sources":["formularios/CampoDeSeleccion.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,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;EACL,GAAGC;AAC0C,CAAC,EAAE;EAChD,oBACIH,KAAA,CAACP,IAAI;IAAAW,QAAA,gBACDN,IAAA,CAACH,gBAAgB;MAAA,GAAQQ;IAAK,CAAG,CAAC,eAClCL,IAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA;IAAM,CAAE,CAAC;EAAA,CAC7B,CAAC;AAEf;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,aAAaA,CAAmB;EAC5CH,KAAK;EACL,GAAGC;AAC0C,CAAC,EAAE;EAChD,oBACIH,KAAA,CAACP,IAAI;IAAAW,QAAA,gBACDN,IAAA,CAACF,gBAAgB;MAAA,GAAQO;IAAK,CAAG,CAAC,eAClCL,IAAA,CAACJ,aAAa;MAACQ,KAAK,EAAEA;IAAM,CAAE,CAAC;EAAA,CAC7B,CAAC;AAEf","ignoreList":[]}