@acvl/mobile-components 0.0.0-stage → 0.0.2

package/lib/module/formularios/SelectorDeOpcion.js

@@ -0,0 +1,406 @@
+"use strict";
+
+import MaterialIcons from "@expo/vector-icons/MaterialIcons";
+import React from "react";
+import { ActivityIndicator, FlatList, Modal, Pressable, TouchableOpacity, View } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import BotonGrande from "../componentes/BotonGrande";
+import EstadoVacio from "../componentes/EstadoVacio";
+import IconoDeRenglon from "../componentes/IconoDeRenglon";
+import { crearEstilos, renglon, tipografia, usePaleta } from "../tema";
+import { Text, TextInput } from "../texto";
+
+/** Una opción de una lista: lo que se guarda (`value`) y lo que se lee (`label`). */
+
+/** Lo que tienen en común el selector de una y el de varias: de dónde salen las opciones. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/** Para comparar lo escrito con una opción sin que estorben los acentos ni las mayúsculas. */
+const normalizar = texto => texto.normalize("NFD").replace(/[̀-ͯ]/g, "").toLowerCase().trim();
+
+/**
+ * La búsqueda de un selector: la de quien llama si trae `onBuscar`, o una propia que filtra la
+ * lista fija aquí mismo.
+ */
+function useBuscador({
+  opciones,
+  texto,
+  onBuscar
+}) {
+  const [propio, setPropio] = React.useState("");
+  const fija = !onBuscar;
+  const actual = fija ? propio : texto ?? "";
+  const visibles = React.useMemo(() => {
+    if (!fija || !propio.trim()) return opciones;
+    const buscado = normalizar(propio);
+    return opciones.filter(opcion => normalizar(opcion.label).includes(buscado));
+  }, [fija, propio, opciones]);
+  return {
+    texto: actual,
+    buscar: fija ? setPropio : onBuscar,
+    visibles
+  };
+}
+
+/**
+ * La lista a pantalla completa de los dos selectores: la cabecera con la flecha, el buscador, y
+ * las opciones como tarjetas. Lo que pasa al tocar una —elegirla y cerrar, o marcarla— y lo que
+ * va al pie es de cada selector.
+ */
+function HojaDeOpciones({
+  etiqueta,
+  abierto,
+  onCerrar,
+  texto,
+  onBuscar,
+  cargando,
+  opciones,
+  marcada,
+  onTocar,
+  detalle,
+  grupo,
+  vacio = "Nada que coincida.",
+  encabezado,
+  pie
+}) {
+  const c = usePaleta();
+  const styles = useStyles();
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: abierto,
+    animationType: "slide",
+    onRequestClose: onCerrar,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.hoja, {
+        paddingTop: insets.top + 10
+      }],
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.cabecera,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: onCerrar,
+          children: /*#__PURE__*/_jsx(MaterialIcons, {
+            name: "arrow-back",
+            size: 45,
+            color: c.primary
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: styles.titulo,
+          children: etiqueta
+        })]
+      }), /*#__PURE__*/_jsx(TextInput, {
+        value: texto,
+        onChangeText: onBuscar,
+        placeholder: "Buscar",
+        placeholderTextColor: c.secondaryLight,
+        autoCorrect: false,
+        autoCapitalize: "characters",
+        style: styles.buscador
+      }), cargando ? /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: c.primary
+      }) : null, /*#__PURE__*/_jsx(FlatList, {
+        data: opciones,
+        keyExtractor: opcion => String(opcion.value),
+        keyboardShouldPersistTaps: "handled",
+        contentContainerStyle: {
+          gap: 10,
+          paddingBottom: pie ? 24 : insets.bottom + 24
+        },
+        ListHeaderComponent: encabezado,
+        ListEmptyComponent: cargando ? null : /*#__PURE__*/_jsx(EstadoVacio, {
+          icono: "magnify",
+          titulo: vacio
+        }),
+        renderItem: ({
+          item,
+          index
+        }) => {
+          const rotulo = grupo?.(item);
+          const nuevoGrupo = rotulo !== undefined && (index === 0 || grupo?.(opciones[index - 1]) !== rotulo);
+          const elegida = marcada(item);
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [nuevoGrupo ? /*#__PURE__*/_jsx(Text, {
+              style: styles.grupo,
+              children: rotulo
+            }) : null, /*#__PURE__*/_jsxs(Pressable, {
+              onPress: () => onTocar(item),
+              accessibilityState: {
+                selected: elegida
+              },
+              style: [styles.opcion, elegida && styles.opcionElegida],
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.opcionNombre,
+                children: item.label
+              }), detalle?.(item) ? /*#__PURE__*/_jsx(Text, {
+                style: styles.detalle,
+                children: detalle(item)
+              }) : null]
+            })]
+          });
+        }
+      }), pie ? /*#__PURE__*/_jsx(View, {
+        style: [styles.pie, {
+          paddingBottom: insets.bottom + 16
+        }],
+        children: pie
+      }) : null]
+    })
+  });
+}
+
+/** El renglón cerrado de un selector: el rótulo, lo elegido y la flecha. */
+function RenglonDelSelector({
+  etiqueta,
+  texto,
+  detalle,
+  disabled,
+  onPress
+}) {
+  const c = usePaleta();
+  const styles = useStyles();
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: onPress,
+    disabled: disabled,
+    accessibilityRole: "button",
+    style: [styles.campo, disabled && styles.campoInactivo],
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.etiqueta,
+      children: etiqueta
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.renglon,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.valor, !texto && styles.sinValor],
+        children: texto ?? "Elegir…"
+      }), /*#__PURE__*/_jsx(IconoDeRenglon, {
+        name: "chevron-down",
+        fontSize: tipografia.subtitulo,
+        color: c.secondary
+      })]
+    }), detalle ? /*#__PURE__*/_jsx(Text, {
+      style: styles.detalle,
+      children: detalle
+    }) : null]
+  });
+}
+
+/**
+ * Un campo que se elige de una lista: el renglón con lo elegido y, al tocarlo, la lista a pantalla
+ * completa con su buscador. **A pantalla completa y no un menú**: con la letra al 180% un menú
+ * desplegable deja ver dos opciones, y quien la usa elige de pie.
+ */
+export default function SelectorDeOpcion(props) {
+  const {
+    etiqueta,
+    valor,
+    onElegir,
+    cargando,
+    detalle,
+    grupo,
+    opcional,
+    textoDeNinguno = "Ninguno",
+    vacio,
+    disabled
+  } = props;
+  const styles = useStyles();
+  const [abierto, setAbierto] = React.useState(false);
+  const {
+    texto,
+    buscar,
+    visibles
+  } = useBuscador(props);
+  const elegir = opcion => {
+    onElegir(opcion);
+    setAbierto(false);
+    buscar("");
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(RenglonDelSelector, {
+      etiqueta: etiqueta,
+      texto: valor ? valor.label : null,
+      detalle: valor ? detalle?.(valor) : null,
+      disabled: disabled,
+      onPress: () => setAbierto(true)
+    }), /*#__PURE__*/_jsx(HojaDeOpciones, {
+      etiqueta: etiqueta,
+      abierto: abierto,
+      onCerrar: () => setAbierto(false),
+      texto: texto,
+      onBuscar: buscar,
+      cargando: cargando,
+      opciones: visibles,
+      marcada: opcion => valor?.value === opcion.value,
+      onTocar: elegir,
+      detalle: detalle,
+      grupo: grupo,
+      vacio: vacio,
+      encabezado: opcional ? /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => elegir(null),
+        style: styles.opcion,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.opcionNombre,
+          children: textoDeNinguno
+        })
+      }) : null
+    })]
+  });
+}
+
+/**
+ * Lo mismo que `SelectorDeOpcion`, pero se marcan varias: tocar una la pone o la quita, y la
+ * elección se confirma con el botón del pie. Se confirma y no se guarda a cada toque para que
+ * salir con la flecha deje lo que había —igual que en el selector de una, donde salir no cambia
+ * nada—.
+ *
+ * Cerrado dice lo elegido separado por comas, que con la letra grande parte en los renglones que
+ * haga falta en vez de recortarse.
+ */
+export function SelectorDeVarias(props) {
+  const {
+    etiqueta,
+    valor,
+    onElegir,
+    cargando,
+    detalle,
+    grupo,
+    vacio,
+    disabled
+  } = props;
+  const [abierto, setAbierto] = React.useState(false);
+  const [marcadas, setMarcadas] = React.useState(valor);
+  const {
+    texto,
+    buscar,
+    visibles
+  } = useBuscador(props);
+  const abrir = () => {
+    setMarcadas(valor);
+    setAbierto(true);
+  };
+  const cerrar = () => {
+    setAbierto(false);
+    buscar("");
+  };
+  const tocar = opcion => setMarcadas(previas => previas.some(p => p.value === opcion.value) ? previas.filter(p => p.value !== opcion.value) : [...previas, opcion]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(RenglonDelSelector, {
+      etiqueta: etiqueta,
+      texto: valor.length ? valor.map(o => o.label).join(", ") : null,
+      disabled: disabled,
+      onPress: abrir
+    }), /*#__PURE__*/_jsx(HojaDeOpciones, {
+      etiqueta: etiqueta,
+      abierto: abierto,
+      onCerrar: cerrar,
+      texto: texto,
+      onBuscar: buscar,
+      cargando: cargando,
+      opciones: visibles,
+      marcada: opcion => marcadas.some(m => m.value === opcion.value),
+      onTocar: tocar,
+      detalle: detalle,
+      grupo: grupo,
+      vacio: vacio,
+      pie: /*#__PURE__*/_jsx(BotonGrande, {
+        icono: "check",
+        onPress: () => {
+          onElegir(marcadas);
+          cerrar();
+        },
+        children: marcadas.length ? `Listo (${marcadas.length})` : "Listo"
+      })
+    })]
+  });
+}
+const useStyles = crearEstilos(c => ({
+  campo: {
+    backgroundColor: c.superficie,
+    borderRadius: 14,
+    borderWidth: 2,
+    borderColor: c.secondaryLighter,
+    padding: 14,
+    gap: 4
+  },
+  campoInactivo: {
+    opacity: 0.5
+  },
+  etiqueta: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "800",
+    color: c.secondary,
+    textTransform: "uppercase",
+    letterSpacing: 0.8
+  },
+  renglon: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 8
+  },
+  valor: {
+    flex: 1,
+    ...renglon(tipografia.subtitulo),
+    fontWeight: "800",
+    color: c.texto
+  },
+  sinValor: {
+    color: c.secondaryLight,
+    fontWeight: "600"
+  },
+  detalle: {
+    ...renglon(tipografia.secundario),
+    color: c.secondary
+  },
+  hoja: {
+    flex: 1,
+    backgroundColor: c.fondo,
+    paddingHorizontal: 18,
+    gap: 12
+  },
+  cabecera: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  titulo: {
+    flex: 1,
+    fontSize: tipografia.titulo,
+    fontWeight: "900",
+    color: c.primary
+  },
+  buscador: {
+    borderWidth: 1.5,
+    borderColor: c.secondaryLight,
+    borderRadius: 12,
+    paddingHorizontal: 14,
+    paddingVertical: 12,
+    backgroundColor: c.superficie,
+    fontSize: tipografia.subtitulo,
+    color: c.texto
+  },
+  grupo: {
+    ...renglon(tipografia.etiqueta),
+    fontWeight: "800",
+    color: c.secondary,
+    textTransform: "uppercase",
+    letterSpacing: 0.8,
+    marginTop: 8
+  },
+  opcion: {
+    backgroundColor: c.superficie,
+    borderRadius: 14,
+    borderWidth: 2,
+    borderColor: c.secondaryLighter,
+    padding: 14,
+    gap: 4
+  },
+  opcionElegida: {
+    borderColor: c.primary,
+    backgroundColor: c.primaryWash
+  },
+  opcionNombre: {
+    ...renglon(tipografia.subtitulo),
+    fontWeight: "800",
+    color: c.texto
+  },
+  pie: {
+    paddingTop: 12
+  }
+}));
+//# sourceMappingURL=SelectorDeOpcion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["MaterialIcons","React","ActivityIndicator","FlatList","Modal","Pressable","TouchableOpacity","View","useSafeAreaInsets","BotonGrande","EstadoVacio","IconoDeRenglon","crearEstilos","renglon","tipografia","usePaleta","Text","TextInput","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","normalizar","texto","normalize","replace","toLowerCase","trim","useBuscador","opciones","onBuscar","propio","setPropio","useState","fija","actual","visibles","useMemo","buscado","filter","opcion","label","includes","buscar","HojaDeOpciones","etiqueta","abierto","onCerrar","cargando","marcada","onTocar","detalle","grupo","vacio","encabezado","pie","c","styles","useStyles","insets","visible","animationType","onRequestClose","children","style","hoja","paddingTop","top","cabecera","onPress","name","size","color","primary","titulo","value","onChangeText","placeholder","placeholderTextColor","secondaryLight","autoCorrect","autoCapitalize","buscador","data","keyExtractor","String","keyboardShouldPersistTaps","contentContainerStyle","gap","paddingBottom","bottom","ListHeaderComponent","ListEmptyComponent","icono","renderItem","item","index","rotulo","nuevoGrupo","undefined","elegida","accessibilityState","selected","opcionElegida","opcionNombre","RenglonDelSelector","disabled","accessibilityRole","campo","campoInactivo","valor","sinValor","fontSize","subtitulo","secondary","SelectorDeOpcion","props","onElegir","opcional","textoDeNinguno","setAbierto","elegir","SelectorDeVarias","marcadas","setMarcadas","abrir","cerrar","tocar","previas","some","p","length","map","o","join","m","backgroundColor","superficie","borderRadius","borderWidth","borderColor","secondaryLighter","padding","opacity","fontWeight","textTransform","letterSpacing","flexDirection","alignItems","flex","secundario","fondo","paddingHorizontal","paddingVertical","marginTop","primaryWash"],"sourceRoot":"../../../src","sources":["formularios/SelectorDeOpcion.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/formularios/TextoDeAccesoControlado.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import { useState } from "react";
+import { Controller } from "react-hook-form";
+import { View } from "react-native";
+import { HelperText, TextInput } from "react-native-paper";
+import { crearEstilos } from "../tema";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Un campo del login (el usuario, la contraseña), atado a react-hook-form: el `TextInput` de Paper
+ * con contorno y la etiqueta que sube al escribir. Con `contrasena`, oculta lo escrito y lleva el
+ * ojo para verlo.
+ *
+ * Es de Paper y no `TextoControlado`, que lleva su rótulo arriba, porque así es la pantalla de
+ * entrada de las apps.
+ */
+export default function TextoDeAccesoControlado({
+  control,
+  name,
+  etiqueta,
+  contrasena = false,
+  entrada
+}) {
+  const styles = useStyles();
+  const [verla, setVerla] = useState(false);
+  return /*#__PURE__*/_jsx(Controller, {
+    name: name,
+    control: control,
+    render: ({
+      field: {
+        onChange,
+        value
+      },
+      fieldState: {
+        error
+      }
+    }) => /*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsx(TextInput, {
+        label: etiqueta,
+        value: value,
+        onChangeText: onChange,
+        mode: "outlined",
+        error: !!error,
+        secureTextEntry: contrasena && !verla,
+        right: contrasena ? /*#__PURE__*/_jsx(TextInput.Icon, {
+          icon: verla ? "eye-off" : "eye",
+          onPress: () => setVerla(!verla)
+        }) : undefined,
+        outlineStyle: styles.contorno,
+        style: styles.caja,
+        contentStyle: styles.contenido,
+        ...entrada
+      }), error ? /*#__PURE__*/_jsx(HelperText, {
+        type: "error",
+        visible: true,
+        children: error.message
+      }) : null]
+    })
+  });
+}
+const useStyles = crearEstilos(c => ({
+  contorno: {
+    backgroundColor: c.superficie,
+    borderRadius: 12
+  },
+  caja: {
+    height: 64
+  },
+  contenido: {
+    fontSize: 18
+  }
+}));
+//# sourceMappingURL=TextoDeAccesoControlado.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Controller","View","HelperText","TextInput","crearEstilos","jsx","_jsx","jsxs","_jsxs","TextoDeAccesoControlado","control","name","etiqueta","contrasena","entrada","styles","useStyles","verla","setVerla","render","field","onChange","value","fieldState","error","children","label","onChangeText","mode","secureTextEntry","right","Icon","icon","onPress","undefined","outlineStyle","contorno","style","caja","contentStyle","contenido","type","visible","message","c","backgroundColor","superficie","borderRadius","height","fontSize"],"sourceRoot":"../../../src","sources":["formularios/TextoDeAccesoControlado.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,UAAU,QAA0B,iBAAiB;AAC9D,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,UAAU,EAAEC,SAAS,QAA6B,oBAAoB;AAC/E,SAASC,YAAY,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,uBAAuBA,CAAwB;EACnEC,OAAO;EACPC,IAAI;EACJC,QAAQ;EACRC,UAAU,GAAG,KAAK;EAClBC;AAMJ,CAAC,EAAE;EACC,MAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAC1B,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGnB,QAAQ,CAAC,KAAK,CAAC;EAEzC,oBACIO,IAAA,CAACN,UAAU;IACPW,IAAI,EAAEA,IAAK;IACXD,OAAO,EAAEA,OAAQ;IACjBS,MAAM,EAAEA,CAAC;MAAEC,KAAK,EAAE;QAAEC,QAAQ;QAAEC;MAAM,CAAC;MAAEC,UAAU,EAAE;QAAEC;MAAM;IAAE,CAAC,kBAC1DhB,KAAA,CAACP,IAAI;MAAAwB,QAAA,gBACDnB,IAAA,CAACH,SAAS;QACNuB,KAAK,EAAEd,QAAS;QAChBU,KAAK,EAAEA,KAAM;QACbK,YAAY,EAAEN,QAAS;QACvBO,IAAI,EAAE,UAAW;QACjBJ,KAAK,EAAE,CAAC,CAACA,KAAM;QACfK,eAAe,EAAEhB,UAAU,IAAI,CAACI,KAAM;QACtCa,KAAK,EACDjB,UAAU,gBACNP,IAAA,CAACH,SAAS,CAAC4B,IAAI;UACXC,IAAI,EAAEf,KAAK,GAAG,SAAS,GAAG,KAAM;UAChCgB,OAAO,EAAEA,CAAA,KAAMf,QAAQ,CAAC,CAACD,KAAK;QAAE,CACnC,CAAC,GACFiB,SACP;QACDC,YAAY,EAAEpB,MAAM,CAACqB,QAAS;QAC9BC,KAAK,EAAEtB,MAAM,CAACuB,IAAK;QACnBC,YAAY,EAAExB,MAAM,CAACyB,SAAU;QAAA,GAC3B1B;MAAO,CACd,CAAC,EACDU,KAAK,gBACFlB,IAAA,CAACJ,UAAU;QAACuC,IAAI,EAAE,OAAQ;QAACC,OAAO;QAAAjB,QAAA,EAC7BD,KAAK,CAACmB;MAAO,CACN,CAAC,GACb,IAAI;IAAA,CACN;EACR,CACL,CAAC;AAEV;AAEA,MAAM3B,SAAS,GAAGZ,YAAY,CAAEwC,CAAC,KAAM;EACnCR,QAAQ,EAAE;IAAES,eAAe,EAAED,CAAC,CAACE,UAAU;IAAEC,YAAY,EAAE;EAAG,CAAC;EAC7DT,IAAI,EAAE;IAAEU,MAAM,EAAE;EAAG,CAAC;EACpBR,SAAS,EAAE;IAAES,QAAQ,EAAE;EAAG;AAC9B,CAAC,CAAC,CAAC","ignoreList":[]}