braid-ui 1.0.24 → 1.0.26

package/dist/index.cjs

@@ -3213,6 +3213,29 @@ var BusinessFiltersSheet = ({
   onFilterChange,
   onResetFilters
 }) => {
+  const [localFilters, setLocalFilters] = React15.useState(filters);
+  React15.useEffect(() => {
+    setLocalFilters(filters);
+  }, [filters]);
+  const handleLocalFilterChange = (field, value) => {
+    setLocalFilters((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleApplyFilters = () => {
+    Object.entries(localFilters).forEach(([key, value]) => {
+      onFilterChange(key, value);
+    });
+  };
+  const handleResetFilters = () => {
+    const resetFilters = {
+      name: "",
+      productName: "",
+      status: "",
+      createdDateStart: void 0,
+      createdDateEnd: void 0
+    };
+    setLocalFilters(resetFilters);
+    onResetFilters();
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", className: "gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4" }),
@@ -3225,8 +3248,8 @@ var BusinessFiltersSheet = ({
           EnhancedInput,
           {
             label: "Name",
-            value: filters.name,
-            onChange: (e) => onFilterChange("name", e.target.value),
+            value: localFilters.name,
+            onChange: (e) => handleLocalFilterChange("name", e.target.value),
             placeholder: "Enter business name"
           }
         ),
@@ -3234,8 +3257,8 @@ var BusinessFiltersSheet = ({
           EnhancedInput,
           {
             label: "Product Name",
-            value: filters.productName,
-            onChange: (e) => onFilterChange("productName", e.target.value),
+            value: localFilters.productName,
+            onChange: (e) => handleLocalFilterChange("productName", e.target.value),
             placeholder: "Enter product name"
           }
         ),
@@ -3243,13 +3266,17 @@ var BusinessFiltersSheet = ({
           EnhancedSelect,
           {
             label: "Status",
-            value: filters.status,
-            onValueChange: (value) => onFilterChange("status", value),
+            value: localFilters.status,
+            onValueChange: (value) => handleLocalFilterChange("status", value),
             placeholder: "Select status",
             options: [
-              { value: "active", label: "Active" },
-              { value: "inactive", label: "Inactive" },
-              { value: "suspended", label: "Suspended" }
+              { value: "ACTIVE", label: "Active" },
+              { value: "INACTIVE", label: "Inactive" },
+              { value: "BLOCKED", label: "Blocked" },
+              { value: "PENDING_APPROVAL", label: "Pending Approval" },
+              { value: "PENDING", label: "Pending" },
+              { value: "INITIALIZED", label: "Initialized" },
+              { value: "PENDING_UNBLOCKED", label: "Pending Unblocked" }
             ]
           }
         ),
@@ -3259,8 +3286,8 @@ var BusinessFiltersSheet = ({
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: filters.createdDateStart,
-                onDateChange: (date) => onFilterChange("createdDateStart", date),
+                date: localFilters.createdDateStart,
+                onDateChange: (date) => handleLocalFilterChange("createdDateStart", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -3272,8 +3299,8 @@ var BusinessFiltersSheet = ({
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: filters.createdDateEnd,
-                onDateChange: (date) => onFilterChange("createdDateEnd", date),
+                date: localFilters.createdDateEnd,
+                onDateChange: (date) => handleLocalFilterChange("createdDateEnd", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -3283,9 +3310,8 @@ var BusinessFiltersSheet = ({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(SheetFooter, { className: "gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: onResetFilters, children: "Reset Filters" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => {
-        }, children: "Apply Filters" })
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleResetFilters, children: "Reset Filters" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleApplyFilters, children: "Apply Filters" })
       ] })
     ] })
   ] });