@moontra/moonui-pro 2.26.19 → 2.26.20

package/dist/index.mjs

@@ -73509,6 +73509,7 @@ function DataTableQuickFilter({
   data
 }) {
   const [open, setOpen] = useState(false);
+  const [searchValue, setSearchValue] = useState("");
   const column = t__default.useMemo(() => {
     let col = table.getColumn(filter.column);
     if (!col) {
@@ -73592,8 +73593,16 @@ function DataTableQuickFilter({
   };
   const handleClear = () => {
     column?.setFilterValue(void 0);
+    setSearchValue("");
   };
   const label = filter.label || filter.column;
+  const filteredOptions = useMemo(() => {
+    if (!searchValue)
+      return availableOptions;
+    return availableOptions.filter(
+      (option) => option.toLowerCase().includes(searchValue.toLowerCase())
+    );
+  }, [availableOptions, searchValue]);
   const isDisabled = !column || availableOptions.length === 0;
   return /* @__PURE__ */ jsxs(MoonUIPopoverPro, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsx(MoonUIPopoverTriggerPro, { asChild: true, children: /* @__PURE__ */ jsxs(
@@ -73623,7 +73632,19 @@ function DataTableQuickFilter({
       }
     ) }),
     /* @__PURE__ */ jsx(MoonUIPopoverContentPro, { className: "w-[250px] p-0", align: "start", children: /* @__PURE__ */ jsxs("div", { className: "p-2", children: [
-      availableOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center text-sm text-muted-foreground py-4", children: "No options available" }) : /* @__PURE__ */ jsx("div", { className: "space-y-1", children: availableOptions.map((option) => {
+      availableOptions.length > 0 && /* @__PURE__ */ jsx("div", { className: "pb-2", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(Search, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          MoonUIInputPro,
+          {
+            placeholder: `Search ${label.toLowerCase()}...`,
+            value: searchValue,
+            onChange: (e) => setSearchValue(e.target.value),
+            className: "h-8 w-full pl-8"
+          }
+        )
+      ] }) }),
+      availableOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center text-sm text-muted-foreground py-4", children: "No options available" }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center text-sm text-muted-foreground py-4", children: "No results found" }) : /* @__PURE__ */ jsx("div", { className: "space-y-1 max-h-[300px] overflow-y-auto", children: filteredOptions.map((option) => {
         const isSelected = selectedValues.has(option);
         return /* @__PURE__ */ jsxs(
           "button",

package/package.json

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