@beweco/aurora-ui 0.6.76-qa.105 → 0.6.76-qa.109

package/dist/index.cjs.js

@@ -7893,6 +7893,28 @@ var RangeFilter = function (_a) {
                     }, className: "w-full", isDisabled: false, showSteps: false, showOutline: false, showTooltip: false }, sliderProps)) }), jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-sm", children: [jsxRuntime.jsxs("div", { className: "flex flex-col items-start", children: [jsxRuntime.jsx("span", { className: "text-xs text-default-500", children: t.minLabel }), jsxRuntime.jsx("span", { className: "font-medium text-default-700", children: formatValue(currentValue[0]) })] }), jsxRuntime.jsxs("div", { className: "flex flex-col items-end", children: [jsxRuntime.jsx("span", { className: "text-xs text-default-500", children: t.maxLabel }), jsxRuntime.jsx("span", { className: "font-medium text-default-700", children: formatValue(currentValue[1]) })] })] })] }));
 };
 
+/**
+ * Opciones visibles en el panel del multiselect mientras se escribe en su
+ * buscador.
+ *
+ * - La comparación ignora tildes y mayúsculas (`matchesSearchTerm`): teclear
+ *   "peluqueria" encuentra "Peluquería". El `includes` crudo anterior exigía
+ *   escribir la tilde, así que el panel mostraba el mensaje de sin
+ *   coincidencias con la opción delante.
+ * - Lo ya seleccionado se mantiene aunque no case con el término (regla previa,
+ *   conservada) para no esconder al usuario lo que acaba de marcar.
+ */
+var filterMultiselectOptions = function (options, searchQuery, selectedValues) {
+    var term = searchQuery.trim();
+    if (!term) {
+        return options;
+    }
+    return options.filter(function (option) {
+        return selectedValues.includes(option.value) ||
+            matchesSearchTerm([option.label, option.value], term);
+    });
+};
+
 // =========================================================================
 // BASE FILTER SECTION COMPONENT
 // =========================================================================
@@ -8055,15 +8077,7 @@ var MultiSelectFilter = function (_a) {
         if (!searchable) {
             return filter.data;
         }
-        var q = searchQuery.trim().toLowerCase();
-        if (!q) {
-            return filter.data;
-        }
-        return filter.data.filter(function (item) {
-            return currentValues.includes(item.value) ||
-                item.label.toLowerCase().includes(q) ||
-                item.value.toLowerCase().includes(q);
-        });
+        return filterMultiselectOptions(filter.data, searchQuery, currentValues);
     }, [filter.data, searchQuery, currentValues, searchable]);
     var syncPopoverWidthToTrigger = React.useCallback(function () {
         var _a;

package/dist/index.esm.js

@@ -7894,6 +7894,28 @@ var RangeFilter = function (_a) {
                     }, className: "w-full", isDisabled: false, showSteps: false, showOutline: false, showTooltip: false }, sliderProps)) }), jsxs("div", { className: "flex justify-between items-center text-sm", children: [jsxs("div", { className: "flex flex-col items-start", children: [jsx("span", { className: "text-xs text-default-500", children: t.minLabel }), jsx("span", { className: "font-medium text-default-700", children: formatValue(currentValue[0]) })] }), jsxs("div", { className: "flex flex-col items-end", children: [jsx("span", { className: "text-xs text-default-500", children: t.maxLabel }), jsx("span", { className: "font-medium text-default-700", children: formatValue(currentValue[1]) })] })] })] }));
 };
 
+/**
+ * Opciones visibles en el panel del multiselect mientras se escribe en su
+ * buscador.
+ *
+ * - La comparación ignora tildes y mayúsculas (`matchesSearchTerm`): teclear
+ *   "peluqueria" encuentra "Peluquería". El `includes` crudo anterior exigía
+ *   escribir la tilde, así que el panel mostraba el mensaje de sin
+ *   coincidencias con la opción delante.
+ * - Lo ya seleccionado se mantiene aunque no case con el término (regla previa,
+ *   conservada) para no esconder al usuario lo que acaba de marcar.
+ */
+var filterMultiselectOptions = function (options, searchQuery, selectedValues) {
+    var term = searchQuery.trim();
+    if (!term) {
+        return options;
+    }
+    return options.filter(function (option) {
+        return selectedValues.includes(option.value) ||
+            matchesSearchTerm([option.label, option.value], term);
+    });
+};
+
 // =========================================================================
 // BASE FILTER SECTION COMPONENT
 // =========================================================================
@@ -8056,15 +8078,7 @@ var MultiSelectFilter = function (_a) {
         if (!searchable) {
             return filter.data;
         }
-        var q = searchQuery.trim().toLowerCase();
-        if (!q) {
-            return filter.data;
-        }
-        return filter.data.filter(function (item) {
-            return currentValues.includes(item.value) ||
-                item.label.toLowerCase().includes(q) ||
-                item.value.toLowerCase().includes(q);
-        });
+        return filterMultiselectOptions(filter.data, searchQuery, currentValues);
     }, [filter.data, searchQuery, currentValues, searchable]);
     var syncPopoverWidthToTrigger = useCallback(function () {
         var _a;

package/dist/types/components/drawer-filters/_internal/FilterSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer-filters/_internal/FilterSection.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAIX,kBAAkB,EAWlB,MAAM,wBAAwB,CAAC;AAMhC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwOtD,CAAC"}
+{"version":3,"file":"FilterSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer-filters/_internal/FilterSection.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAIX,kBAAkB,EAWlB,MAAM,wBAAwB,CAAC;AAOhC,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwOtD,CAAC"}

package/dist/types/components/drawer-filters/_internal/multiselect-search.d.ts

@@ -0,0 +1,16 @@
+import type { MultiSelectFilterData } from "../DrawerFilters.types";
+type MultiSelectOption = MultiSelectFilterData["data"][number];
+/**
+ * Opciones visibles en el panel del multiselect mientras se escribe en su
+ * buscador.
+ *
+ * - La comparación ignora tildes y mayúsculas (`matchesSearchTerm`): teclear
+ *   "peluqueria" encuentra "Peluquería". El `includes` crudo anterior exigía
+ *   escribir la tilde, así que el panel mostraba el mensaje de sin
+ *   coincidencias con la opción delante.
+ * - Lo ya seleccionado se mantiene aunque no case con el término (regla previa,
+ *   conservada) para no esconder al usuario lo que acaba de marcar.
+ */
+export declare const filterMultiselectOptions: (options: MultiSelectOption[], searchQuery: string, selectedValues: string[]) => MultiSelectOption[];
+export {};
+//# sourceMappingURL=multiselect-search.d.ts.map

package/dist/types/components/drawer-filters/_internal/multiselect-search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiselect-search.d.ts","sourceRoot":"","sources":["../../../../../src/components/drawer-filters/_internal/multiselect-search.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAEpE,KAAK,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;AAE/D;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB,GACpC,SAAS,iBAAiB,EAAE,EAC5B,aAAa,MAAM,EACnB,gBAAgB,MAAM,EAAE,KACtB,iBAAiB,EAUnB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@beweco/aurora-ui",
-	"version": "0.6.76-qa.105",
+	"version": "0.6.76-qa.109",
 	"description": "Bewe Aurora UI Component Library",
 	"main": "./dist/index.cjs.js",
 	"module": "./dist/index.esm.js",