pixelon 0.9.2 → 0.9.3

package/dist/components/molecules/chat/StructuredContent/components/ReactiveCrud/types.d.ts

@@ -63,6 +63,8 @@ export interface ReactiveCrudField {
         color?: string;
     }>;
     optionsEndpoint?: CrudFieldOptionsEndpoint;
+    /** SPEC-174 (solo SELECT): deja escribir para filtrar. Para listas largas (municipios). */
+    searchable?: boolean;
     validation?: FieldValidation;
     /** Clave del registro de formatters (§8) — NO función inline. */
     format?: string;

package/dist/index.esm.js

@@ -7343,6 +7343,7 @@ const Input$1 = forwardRef(
 );
 Input$1.displayName = "Input";
 
+const sinTildes = (s) => s.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 const Select$1 = forwardRef(
   ({
     options = [],
@@ -7391,7 +7392,7 @@ const Select$1 = forwardRef(
     const selectorRef = useRef(null);
     const [dropdownPosition, setDropdownPosition] = useState(null);
     const filteredOptions = showSearch && searchValue ? options.filter(
-      (option) => filterOption ? filterOption(searchValue, option) : option.label.toLowerCase().includes(searchValue.toLowerCase())
+      (option) => filterOption ? filterOption(searchValue, option) : sinTildes(option.label).includes(sinTildes(searchValue))
     ) : options;
     const isOptionSelected = (option) => {
       if (mode === "multiple") {
@@ -14143,9 +14144,11 @@ const currency = (value) => {
   if (isNaN(n)) return String(value ?? "");
   return n.toLocaleString("es-CO", { style: "currency", currency: "COP", maximumFractionDigits: 0 });
 };
+const SOLO_FECHA = /^(\d{4})-(\d{2})-(\d{2})$/;
 const date = (value) => {
   if (!value) return "";
-  const d = new Date(String(value));
+  const m = SOLO_FECHA.exec(String(value));
+  const d = m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : new Date(String(value));
   if (isNaN(d.getTime())) return String(value);
   return d.toLocaleDateString("es-CO", { year: "numeric", month: "2-digit", day: "2-digit" });
 };
@@ -14635,7 +14638,13 @@ function ActionFormDrawer({ action, row, idField, eventBus, onExecute, onClose }
       options: f.options ?? optionsByField[f.name],
       // SPEC-106 T8 — `uiProps` llega tal cual a la molécula, así que el desplegable dice lo
       // que pasó de verdad en vez del «no hay» de siempre. Sin error, se queda el de siempre.
-      ...optionsErrorByField[f.name] ? { uiProps: { notFoundContent: optionsErrorByField[f.name] } } : {},
+      ...optionsErrorByField[f.name] || f.searchable ? {
+        uiProps: {
+          ...optionsErrorByField[f.name] ? { notFoundContent: optionsErrorByField[f.name] } : {},
+          ...f.searchable ? { showSearch: true } : {}
+          // SPEC-174
+        }
+      } : {},
       // SPEC-128 — el dinero se escribe como se escribe AQUÍ.
       //
       // Los campos de moneda caían a `thousandSeparator ?? ','`, un valor por defecto en formato
@@ -16276,7 +16285,7 @@ function toRenderField(f, loaded, eventBus, mapsApiKey, loadError) {
     align: f.align,
     // SPEC-106 T8 — con un fallo de carga, el desplegable dice que no se pudo preguntar en vez
     // de «no hay opciones disponibles», que es una respuesta y no la tenemos.
-    uiProps: loadError ? { options: options ?? [], notFoundContent: loadError } : options ? { options } : void 0,
+    uiProps: loadError ? { options: options ?? [], notFoundContent: loadError, ...f.searchable ? { showSearch: true } : {} } : options ? { options, ...f.searchable ? { showSearch: true } : {} } : void 0,
     formatValue
   };
 }

package/dist/index.js

@@ -7364,6 +7364,7 @@ const Input$1 = React.forwardRef(
 );
 Input$1.displayName = "Input";
 
+const sinTildes = (s) => s.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "");
 const Select$1 = React.forwardRef(
   ({
     options = [],
@@ -7412,7 +7413,7 @@ const Select$1 = React.forwardRef(
     const selectorRef = React.useRef(null);
     const [dropdownPosition, setDropdownPosition] = React.useState(null);
     const filteredOptions = showSearch && searchValue ? options.filter(
-      (option) => filterOption ? filterOption(searchValue, option) : option.label.toLowerCase().includes(searchValue.toLowerCase())
+      (option) => filterOption ? filterOption(searchValue, option) : sinTildes(option.label).includes(sinTildes(searchValue))
     ) : options;
     const isOptionSelected = (option) => {
       if (mode === "multiple") {
@@ -14164,9 +14165,11 @@ const currency = (value) => {
   if (isNaN(n)) return String(value ?? "");
   return n.toLocaleString("es-CO", { style: "currency", currency: "COP", maximumFractionDigits: 0 });
 };
+const SOLO_FECHA = /^(\d{4})-(\d{2})-(\d{2})$/;
 const date = (value) => {
   if (!value) return "";
-  const d = new Date(String(value));
+  const m = SOLO_FECHA.exec(String(value));
+  const d = m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : new Date(String(value));
   if (isNaN(d.getTime())) return String(value);
   return d.toLocaleDateString("es-CO", { year: "numeric", month: "2-digit", day: "2-digit" });
 };
@@ -14656,7 +14659,13 @@ function ActionFormDrawer({ action, row, idField, eventBus, onExecute, onClose }
       options: f.options ?? optionsByField[f.name],
       // SPEC-106 T8 — `uiProps` llega tal cual a la molécula, así que el desplegable dice lo
       // que pasó de verdad en vez del «no hay» de siempre. Sin error, se queda el de siempre.
-      ...optionsErrorByField[f.name] ? { uiProps: { notFoundContent: optionsErrorByField[f.name] } } : {},
+      ...optionsErrorByField[f.name] || f.searchable ? {
+        uiProps: {
+          ...optionsErrorByField[f.name] ? { notFoundContent: optionsErrorByField[f.name] } : {},
+          ...f.searchable ? { showSearch: true } : {}
+          // SPEC-174
+        }
+      } : {},
       // SPEC-128 — el dinero se escribe como se escribe AQUÍ.
       //
       // Los campos de moneda caían a `thousandSeparator ?? ','`, un valor por defecto en formato
@@ -16297,7 +16306,7 @@ function toRenderField(f, loaded, eventBus, mapsApiKey, loadError) {
     align: f.align,
     // SPEC-106 T8 — con un fallo de carga, el desplegable dice que no se pudo preguntar en vez
     // de «no hay opciones disponibles», que es una respuesta y no la tenemos.
-    uiProps: loadError ? { options: options ?? [], notFoundContent: loadError } : options ? { options } : void 0,
+    uiProps: loadError ? { options: options ?? [], notFoundContent: loadError, ...f.searchable ? { showSearch: true } : {} } : options ? { options, ...f.searchable ? { showSearch: true } : {} } : void 0,
     formatValue
   };
 }