@moontra/moonui-pro 2.26.12 → 2.26.14

package/dist/index.mjs

@@ -73508,6 +73508,7 @@ function DataTableQuickFilter({
   filter,
   data
 }) {
+  const [searchValue, setSearchValue] = useState("");
   const column = table.getColumn(filter.column);
   if (!column) {
     return null;
@@ -73585,7 +73586,15 @@ function DataTableQuickFilter({
   };
   const handleClear = () => {
     column.setFilterValue(void 0);
+    setSearchValue("");
   };
+  const filteredOptions = useMemo(() => {
+    if (!searchValue)
+      return availableOptions;
+    return availableOptions.filter(
+      (option) => option.toLowerCase().includes(searchValue.toLowerCase())
+    );
+  }, [availableOptions, searchValue]);
   return /* @__PURE__ */ jsxs(MoonUIPopoverPro, { children: [
     /* @__PURE__ */ jsx(MoonUIPopoverTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
       MoonUIButtonPro,
@@ -73612,35 +73621,40 @@ function DataTableQuickFilter({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx(MoonUIPopoverContentPro, { className: "w-[250px] p-0", align: "start", children: /* @__PURE__ */ jsxs(MoonUICommandPro, { children: [
-      /* @__PURE__ */ jsx(MoonUICommandInputPro, { placeholder: `Search ${label.toLowerCase()}...` }),
-      /* @__PURE__ */ jsxs(MoonUICommandListPro, { children: [
-        /* @__PURE__ */ jsx(MoonUICommandEmptyPro, { children: "No results found." }),
-        /* @__PURE__ */ jsx(MoonUICommandGroupPro, { children: availableOptions.map((option) => {
-          const isSelected = selectedValues.has(option);
-          return /* @__PURE__ */ jsxs(
-            MoonUICommandItemPro,
-            {
-              onSelect: () => handleSelect(option),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: cn(
-                      "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
-                      isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
-                    ),
-                    children: /* @__PURE__ */ jsx(Check, { className: cn("h-4 w-4") })
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "flex-1", children: option }),
-                filter.showCounts && optionCounts[option] !== void 0 && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: optionCounts[option] })
-              ]
-            },
-            option
-          );
-        }) })
-      ] }),
+    /* @__PURE__ */ jsx(MoonUIPopoverContentPro, { className: "w-[250px] p-0", align: "start", children: /* @__PURE__ */ jsxs(MoonUICommandPro, { shouldFilter: false, children: [
+      /* @__PURE__ */ jsx(
+        MoonUICommandInputPro,
+        {
+          placeholder: `Search ${label.toLowerCase()}...`,
+          value: searchValue,
+          onValueChange: setSearchValue
+        }
+      ),
+      /* @__PURE__ */ jsx(MoonUICommandListPro, { children: filteredOptions.length === 0 ? /* @__PURE__ */ jsx(MoonUICommandEmptyPro, { children: "No results found" }) : /* @__PURE__ */ jsx(MoonUICommandGroupPro, { children: filteredOptions.map((option) => {
+        const isSelected = selectedValues.has(option);
+        return /* @__PURE__ */ jsxs(
+          MoonUICommandItemPro,
+          {
+            value: option,
+            onSelect: () => handleSelect(option),
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                    isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                  ),
+                  children: /* @__PURE__ */ jsx(Check, { className: cn("h-4 w-4") })
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "flex-1", children: option }),
+              filter.showCounts && optionCounts[option] !== void 0 && /* @__PURE__ */ jsx("span", { className: "ml-auto text-xs text-muted-foreground", children: optionCounts[option] })
+            ]
+          },
+          option
+        );
+      }) }) }),
       selectedValues.size > 0 && /* @__PURE__ */ jsx("div", { className: "border-t p-2", children: /* @__PURE__ */ jsxs(
         MoonUIButtonPro,
         {
@@ -73710,7 +73724,7 @@ function DataTableFacetedFilter({
       return label.toLowerCase().includes(searchQuery.toLowerCase());
     });
   }, [availableOptions, searchQuery]);
-  const displayTitle = title || columnId;
+  const displayTitle = title || column.columnDef.header || columnId;
   const handleSelect = (value) => {
     const newValues = new Set(selectedValues);
     if (newValues.has(value)) {
@@ -74152,15 +74166,20 @@ function DataTable({
           },
           `quick-${filter.column}-${index2}`
         )) }),
-        facetedFilters.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: facetedFilters.map((columnId) => /* @__PURE__ */ jsx(
-          DataTableFacetedFilter,
-          {
-            table,
-            column: columnId,
-            data
-          },
-          `faceted-${columnId}`
-        )) }),
+        facetedFilters.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: facetedFilters.map((filter, index2) => {
+          const columnId = typeof filter === "string" ? filter : filter.column;
+          const label = typeof filter === "string" ? void 0 : filter.label;
+          return /* @__PURE__ */ jsx(
+            DataTableFacetedFilter,
+            {
+              table,
+              column: columnId,
+              title: label,
+              data
+            },
+            `faceted-${columnId}-${index2}`
+          );
+        }) }),
         filterable && /* @__PURE__ */ jsxs(
           MoonUIButtonPro,
           {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.26.12",
+    "version": "2.26.14",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",