@moontra/moonui-pro 2.26.13 → 2.26.15

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;
@@ -73519,6 +73520,17 @@ function DataTableQuickFilter({
     if (filterValueAccessor) {
       return filterValueAccessor(row);
     }
+    const accessor = column.columnDef.accessorKey || column.columnDef.accessorFn;
+    if (typeof accessor === "function") {
+      return accessor(row);
+    } else if (accessor) {
+      const keys2 = accessor.split(".");
+      let value2 = row;
+      for (const key of keys2) {
+        value2 = value2?.[key];
+      }
+      return value2;
+    }
     const value = row[filter.column];
     return value;
   };
@@ -73536,8 +73548,17 @@ function DataTableQuickFilter({
         uniqueValues.add(String(value));
       }
     });
-    return Array.from(uniqueValues).sort().slice(0, 50);
-  }, [data, filter.options, filterOptions]);
+    const options = Array.from(uniqueValues).sort().slice(0, 50);
+    if (typeof window !== "undefined" && true) {
+      console.log(`QuickFilter Debug [${filter.column}]:`, {
+        dataLength: data.length,
+        uniqueValues: uniqueValues.size,
+        options,
+        filterOptions: filter.options
+      });
+    }
+    return options;
+  }, [data, filter.options, filterOptions, filter.column]);
   const optionCounts = useMemo(() => {
     if (!filter.showCounts)
       return {};
@@ -73585,7 +73606,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 +73641,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,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.26.13",
+    "version": "2.26.15",
     "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",