@ztwoint/z-ui 0.1.71 → 0.1.73

package/dist/components/table/table.js

@@ -1,25 +1,25 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import * as y from "react";
-import { DEFAULT_EMPTY_MESSAGE as S, TABLE_CSS_CLASSES as n } from "./table.const.js";
-import { TableHeader as g } from "./components/table-header/table-header.js";
+import * as S from "react";
+import { DEFAULT_EMPTY_MESSAGE as g, TABLE_CSS_CLASSES as m } from "./table.const.js";
+import { TableHeader as y } from "./components/table-header/table-header.js";
 import { TableRow as T } from "./components/table-row.js";
-import { TableEmptyState as w } from "./components/table-empty-state.js";
-import { TableContext as E } from "./table.context.js";
-import { cn as m } from "../../lib/utils.js";
-const j = ({ cell: a = { hasBorder: !0 }, sort: d, className: i, stickyHeader: c = !1, ...f }) => {
-  const p = y.useContext(E), {
+import { TableEmptyState as E } from "./components/table-empty-state.js";
+import { TableContext as v } from "./table.context.js";
+import { cn as n } from "../../lib/utils.js";
+const j = ({ cell: a = { hasBorder: !0 }, sort: i, className: d, stickyHeader: c = !1, ...f }) => {
+  const u = S.useContext(v), {
     dataSource: t = [],
     schema: o = [],
     loading: r = !1,
-    emptyMessage: u = S,
-    customCells: h
-  } = p || f, b = () => !t || t.length === 0 && !r ? /* @__PURE__ */ e(w, { colSpan: o.length, message: u }) : /* @__PURE__ */ e("tbody", { children: t.map((x, s) => /* @__PURE__ */ e(
+    emptyMessage: p = g,
+    customCells: b
+  } = u || f, h = () => !t || t.length === 0 && !r ? /* @__PURE__ */ e(E, { colSpan: o.length, message: p }) : /* @__PURE__ */ e("tbody", { children: t.map((x, s) => /* @__PURE__ */ e(
     T,
     {
       record: x,
       index: s,
       schema: o,
-      customCells: h,
+      customCells: b,
       cell: a
     },
     s
@@ -27,17 +27,17 @@ const j = ({ cell: a = { hasBorder: !0 }, sort: d, className: i, stickyHeader: c
   return /* @__PURE__ */ l(
     "div",
     {
-      className: m(
-        r ? "overflow-y-hidden" : "overflow-y-auto",
-        n.bordered[a.hasBorder && !r && t.length > 0 ? "true" : "false"],
-        i
+      className: n(
+        r ? "relative" : "overflow-y-auto",
+        m.bordered[a.hasBorder && !r && t.length > 0 ? "true" : "false"],
+        d
       ),
       children: [
-        /* @__PURE__ */ l("table", { className: m(n.table, "w-full"), children: [
-          b(),
-          /* @__PURE__ */ e(g, { schema: o, sort: d, cell: a, stickyHeader: c })
+        /* @__PURE__ */ l("table", { className: n(m.table, "w-full"), children: [
+          h(),
+          /* @__PURE__ */ e(y, { schema: o, sort: i, cell: a, stickyHeader: c })
         ] }),
-        r && /* @__PURE__ */ e("div", { className: "sticky top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-3", children: [
+        r && /* @__PURE__ */ e("div", { className: "absolute top-0 inset-0 w-full h-full bg-white/80 flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-3", children: [
           /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-text-brand-secondary" }),
           /* @__PURE__ */ e("p", { className: "text-text-neutral-primary font-medium", children: "Loading..." })
         ] }) })

package/dist/components/table-card/table-card.js

@@ -1,7 +1,7 @@
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
 import { Table as r } from "../table/table-provider.js";
 import "react";
-import { cn as i } from "../../lib/utils.js";
+import { cn as d } from "../../lib/utils.js";
 /* empty css                        */
 import "../alert/alert.const.js";
 import "../button/button.js";
@@ -30,8 +30,8 @@ import "../stepper/stepper.js";
 import "../stepper-item/stepper-item.js";
 import "@radix-ui/react-tabs";
 import "../tooltip/tooltip.js";
-import { Filter as P } from "../table-filter/index.js";
-import S from "../assets/icons/octagon-warning-Copy.js";
+import { Filter as p } from "../table-filter/index.js";
+import b from "../assets/icons/octagon-warning-Copy.js";
 import "../badge/badge.js";
 import "../avatar/avatar.js";
 import "../text-preset/text-preset.js";
@@ -39,18 +39,18 @@ import "react-dom";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/util/changing-window/count-events-for-safari.js";
 import "../../node_modules/@atlaskit/pragmatic-drag-and-drop/dist/esm/ledger/dispatch-consumer-event.js";
 import "../table/table.context.js";
-const vt = ({
-  dataSource: w,
-  schema: H,
-  loading: k,
-  emptyMessage: T,
-  className: _,
-  rounded: d = !0,
+const Fe = ({
+  dataSource: B,
+  schema: f,
+  loading: H,
+  emptyMessage: k,
+  className: T,
+  rounded: i = !0,
   bordered: n = !0,
-  showHeader: p = !0,
-  headerClassName: f,
-  search: a,
-  filter: e,
+  showHeader: P = !0,
+  headerClassName: _,
+  search: m,
+  filter: t,
   headerLeftContent: h,
   headerActions: u,
   body: l = {
@@ -63,127 +63,131 @@ const vt = ({
   pagination: o,
   paginationInfo: c,
   paginationQuickJumper: s,
-  error: x = !1
+  error: x = !1,
+  freeze: R = !1
 }) => {
   var F;
   if (x)
-    return /* @__PURE__ */ t("div", { className: "flex flex-col items-center justify-center h-64 bg-background-error-subtle rounded-lg text-text-warning-secondary", children: /* @__PURE__ */ m("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ t(S, { className: "mt-1.5" }),
-      /* @__PURE__ */ m("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ t("div", { className: "text-text-error-primary text-lg font-medium", children: "Error loading data" }),
-        /* @__PURE__ */ t("div", { className: "text-sm", children: "Please try again later" }),
-        typeof x == "string" && /* @__PURE__ */ t("div", { className: "text-text-warning-secondary text-sm", children: x })
+    return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center h-64 bg-background-error-subtle rounded-lg text-text-warning-secondary", children: /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ e(b, { className: "mt-1.5" }),
+      /* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ e("div", { className: "text-text-error-primary text-lg font-medium", children: "Error loading data" }),
+        /* @__PURE__ */ e("div", { className: "text-sm", children: "Please try again later" }),
+        typeof x == "string" && /* @__PURE__ */ e("div", { className: "text-text-warning-secondary text-sm", children: x })
       ] })
     ] }) });
-  const C = s && s.totalPage && s.totalPage >= 2, N = o && o.totalPage && o.totalPage >= 2 || !!c || C, v = a || e || h || u, R = typeof (e == null ? void 0 : e.showFilterButton) > "u" ? !0 : e == null ? void 0 : e.showFilterButton;
-  return /* @__PURE__ */ t("div", { className: i("flex flex-col overflow-hidden", _), children: /* @__PURE__ */ m(r, { dataSource: w, schema: H, loading: k, emptyMessage: T, children: [
-    p && v && /* @__PURE__ */ m(
-      r.Header,
-      {
-        className: i(
-          "flex-shrink-0",
-          n && "border-stroke-solid-medium border-1 border-b-0",
-          d && "rounded-t-xl",
-          f
-        ),
-        children: [
-          /* @__PURE__ */ m(r.HeaderContent, { children: [
-            h && h,
-            a && /* @__PURE__ */ t(
-              r.Search,
+  const C = s && s.totalPage && s.totalPage >= 2, N = o && o.totalPage && o.totalPage >= 2 || !!c || C, v = m || t || h || u, S = typeof (t == null ? void 0 : t.showFilterButton) > "u" ? !0 : t == null ? void 0 : t.showFilterButton;
+  return /* @__PURE__ */ a("div", { className: d("flex flex-col overflow-hidden relative", T), children: [
+    R && /* @__PURE__ */ e("div", { className: "absolute top-0 inset-0 w-full h-full cursor-not-allowed bg-white/50" }),
+    /* @__PURE__ */ a(r, { dataSource: B, schema: f, loading: H, emptyMessage: k, children: [
+      P && v && /* @__PURE__ */ a(
+        r.Header,
+        {
+          className: d(
+            "flex-shrink-0",
+            n && "border-stroke-solid-medium border-1 border-b-0",
+            i && "rounded-t-xl",
+            _
+          ),
+          children: [
+            /* @__PURE__ */ a(r.HeaderContent, { children: [
+              h && h,
+              m && /* @__PURE__ */ e(
+                r.Search,
+                {
+                  search: {
+                    value: m.value || "",
+                    onChange: m.onChange || (() => {
+                    }),
+                    placeholder: m.placeholder
+                  },
+                  className: m.className
+                }
+              ),
+              t && /* @__PURE__ */ a(
+                p,
+                {
+                  filterSchema: t.filterSchema,
+                  filter: {
+                    value: t.value || [],
+                    onChange: t.onChange || (() => {
+                    })
+                  },
+                  children: [
+                    S && /* @__PURE__ */ e(p.FilterButton, {}),
+                    (F = t == null ? void 0 : t.quickFilters) == null ? void 0 : F.map((w) => /* @__PURE__ */ e(p.FilterColumnButton, { filterName: w }, w))
+                  ]
+                }
+              )
+            ] }),
+            u && /* @__PURE__ */ e(r.HeaderContent, { children: u })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e(
+        r.Body,
+        {
+          cell: l == null ? void 0 : l.cell,
+          sort: l == null ? void 0 : l.sort,
+          className: d(
+            "flex-1 min-h-0",
+            n && "border-stroke-solid-light border-1",
+            i && !(P && v) && "rounded-t-xl",
+            i && !(g && N) && "rounded-b-xl",
+            n && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
+            n && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
+            l == null ? void 0 : l.className
+          ),
+          stickyHeader: l == null ? void 0 : l.stickyHeader
+        }
+      ),
+      g && N && /* @__PURE__ */ a(
+        r.Footer,
+        {
+          className: d(
+            "flex-shrink-0 border-stroke-solid-light border-t-[0.5px] mt-[-2px]",
+            n && "border",
+            i && "rounded-b-xl",
+            j
+          ),
+          children: [
+            c ? /* @__PURE__ */ e(r.FooterContent, { children: /* @__PURE__ */ e(
+              r.PaginationInfo,
               {
-                search: {
-                  value: a.value || "",
-                  onChange: a.onChange || (() => {
-                  }),
-                  placeholder: a.placeholder
-                },
-                className: a.className
-              }
-            ),
-            e && /* @__PURE__ */ m(
-              P,
-              {
-                filterSchema: e.filterSchema,
-                filter: {
-                  value: e.value || [],
-                  onChange: e.onChange || (() => {
-                  })
-                },
-                children: [
-                  R && /* @__PURE__ */ t(P.FilterButton, {}),
-                  (F = e == null ? void 0 : e.quickFilters) == null ? void 0 : F.map((B) => /* @__PURE__ */ t(P.FilterColumnButton, { filterName: B }, B))
-                ]
-              }
-            )
-          ] }),
-          u && /* @__PURE__ */ t(r.HeaderContent, { children: u })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      r.Body,
-      {
-        cell: l == null ? void 0 : l.cell,
-        sort: l == null ? void 0 : l.sort,
-        className: i(
-          "flex-1 min-h-0",
-          n && "border-stroke-solid-light border-1",
-          d && !(p && v) && "rounded-t-xl",
-          d && !(g && N) && "rounded-b-xl",
-          n && "[&_td:first-child]:border-l-0 [&_td:last-child]:border-r-0",
-          n && "[&_th:first-child]:border-l-0 [&_th:last-child]:border-r-0",
-          l == null ? void 0 : l.className
-        ),
-        stickyHeader: l == null ? void 0 : l.stickyHeader
-      }
-    ),
-    g && N && /* @__PURE__ */ m(
-      r.Footer,
-      {
-        className: i(
-          "flex-shrink-0 border-stroke-solid-light border-t-[0.5px] mt-[-2px]",
-          n && "border",
-          d && "rounded-b-xl",
-          j
-        ),
-        children: [
-          c ? /* @__PURE__ */ t(r.FooterContent, { children: /* @__PURE__ */ t(
-            r.PaginationInfo,
-            {
-              showTotal: c.showTotal,
-              totalItems: c.totalItems,
-              currentPage: c.currentPage,
-              itemsPerPage: c.itemsPerPage
-            }
-          ) }) : s || o ? /* @__PURE__ */ t(r.FooterContent, { children: null }) : null,
-          (s || o) && /* @__PURE__ */ m(r.FooterContent, { children: [
-            C && /* @__PURE__ */ t(
-              r.PaginationQuickJumper,
-              {
-                currentPage: s.currentPage,
-                totalPage: s.totalPage,
-                onChange: s.onChange || (() => {
-                }),
-                disabled: s.disabled
+                showTotal: c.showTotal,
+                totalItems: c.totalItems,
+                currentPage: c.currentPage,
+                itemsPerPage: c.itemsPerPage
               }
-            ),
-            o && /* @__PURE__ */ t(
-              r.Pagination,
-              {
-                currentPage: o.currentPage,
-                totalPage: o.totalPage,
-                onChange: o.onChange || (() => {
-                }),
-                totalItems: o.totalItems
-              }
-            )
-          ] })
-        ]
-      }
-    )
-  ] }) });
+            ) }) : s || o ? /* @__PURE__ */ e(r.FooterContent, { children: null }) : null,
+            (s || o) && /* @__PURE__ */ a(r.FooterContent, { children: [
+              C && /* @__PURE__ */ e(
+                r.PaginationQuickJumper,
+                {
+                  currentPage: s.currentPage,
+                  totalPage: s.totalPage,
+                  onChange: s.onChange || (() => {
+                  }),
+                  disabled: s.disabled
+                }
+              ),
+              o && /* @__PURE__ */ e(
+                r.Pagination,
+                {
+                  currentPage: o.currentPage,
+                  totalPage: o.totalPage,
+                  onChange: o.onChange || (() => {
+                  }),
+                  totalItems: o.totalItems
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
 };
 export {
-  vt as default
+  Fe as default
 };

package/dist/components/table-card/table-card.type.d.ts

@@ -34,4 +34,5 @@ export interface TableCardProps {
     loading?: boolean;
     emptyMessage?: string;
     error?: boolean | string;
+    freeze?: boolean;
 }

package/dist/components/table-filter/close-filter-confirm/filter-confirmation-dialog.d.ts

@@ -4,7 +4,6 @@ interface FilterConfirmationDialogProps {
     onKeepChanges: () => void;
     onRevertChanges: () => void;
     onApplyChanges: () => void;
-    hasUnsavedChanges: boolean;
 }
 export declare const FilterConfirmationDialog: React.FC<FilterConfirmationDialogProps>;
 export {};

package/dist/components/table-filter/close-filter-confirm/filter-confirmation-dialog.js

@@ -1,33 +1,32 @@
 import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Button as l } from "../../button/button.js";
-import { Z2Dialog as s, Z2DialogContent as d, Z2DialogHeader as h, Z2DialogTitle as c, Z2DialogDescription as g, Z2DialogFooter as m } from "../../dialog/dialog.js";
-const v = ({
-  onClose: r,
-  onKeepChanges: i,
-  onRevertChanges: o,
-  onApplyChanges: a,
-  hasUnsavedChanges: t
-}) => t ? /* @__PURE__ */ e(s, { open: !0, onOpenChange: r, children: /* @__PURE__ */ n(d, { className: "max-w-md p-4 rounded-2xl", children: [
-  /* @__PURE__ */ n(h, { children: [
+import { Button as i } from "../../button/button.js";
+import { Z2Dialog as t, Z2DialogContent as s, Z2DialogHeader as d, Z2DialogTitle as h, Z2DialogDescription as c, Z2DialogFooter as g } from "../../dialog/dialog.js";
+const f = ({
+  onClose: l,
+  onKeepChanges: o,
+  onRevertChanges: r,
+  onApplyChanges: a
+}) => /* @__PURE__ */ e(t, { open: !0, onOpenChange: l, children: /* @__PURE__ */ n(s, { className: "max-w-md p-4 rounded-2xl", children: [
+  /* @__PURE__ */ n(d, { children: [
     /* @__PURE__ */ n("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ e(c, { children: "Unsaved Filter Changes" }),
+      /* @__PURE__ */ e(h, { children: "Unsaved Filter Changes" }),
       /* @__PURE__ */ e(
-        l,
+        i,
         {
           "aria-label": "Close",
           className: "ml-4 p-2 text-xl leading-none font-bold bg-transparent border-none shadow-none hover:bg-gray-100 min-w-0 min-h-0",
-          onClick: i,
+          onClick: o,
           children: "×"
         }
       )
     ] }),
-    /* @__PURE__ */ e(g, { children: "You have unsaved filter changes. Would you like to keep these changes or revert to the previous state?" })
+    /* @__PURE__ */ e(c, { children: "You have unsaved filter changes. Would you like to keep these changes or revert to the previous state?" })
   ] }),
-  /* @__PURE__ */ n(m, { children: [
-    /* @__PURE__ */ e(l, { onClick: o, variant: "stroke", shade: "danger", size: "small", children: "Discard" }),
-    /* @__PURE__ */ e(l, { onClick: a, variant: "filled", shade: "brand", size: "small", children: "Apply Changes" })
+  /* @__PURE__ */ n(g, { children: [
+    /* @__PURE__ */ e(i, { onClick: r, variant: "stroke", shade: "danger", size: "small", children: "Discard" }),
+    /* @__PURE__ */ e(i, { onClick: a, variant: "filled", shade: "brand", size: "small", children: "Apply Changes" })
   ] })
-] }) }) : null;
+] }) });
 export {
-  v as FilterConfirmationDialog
+  f as FilterConfirmationDialog
 };

package/dist/components/table-filter/table-filter-button.js

@@ -2,8 +2,8 @@ import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import * as y from "react";
 import * as m from "@radix-ui/react-popover";
 import { Button as u } from "../button/button.js";
-import { useTableFilterContext as U } from "./table-filter.context.js";
-import H from "./filters/text.js";
+import { useTableFilterContext as H } from "./table-filter.context.js";
+import U from "./filters/text.js";
 import V from "./filters/boolean.js";
 import q from "./filters/number/number.js";
 import E from "./filters/checkbox.js";
@@ -12,7 +12,7 @@ import { SelectedFiltersDisplay as J } from "./selected-filters-display/selected
 import { createFilterDisplayItems as L, calculateTotalCount as M } from "./selected-filters-display/selected-filters-display.utils.js";
 import { FilterConfirmationDialog as Q } from "./close-filter-confirm/filter-confirmation-dialog.js";
 import { hasUnsavedFilterChanges as C } from "./close-filter-confirm/filter-confirmation-dialog.utils.js";
-const ae = () => {
+const ne = () => {
   const [F, a] = y.useState(!1), [x, n] = y.useState(!1), {
     selectedColumn: r,
     setSelectedColumn: N,
@@ -25,43 +25,43 @@ const ae = () => {
     hasActiveFilters: d,
     tempFilters: i,
     filterSchema: c,
-    filter: p,
-    filterComponents: f = {}
-  } = U(), g = C(i, p.value), O = (e) => {
-    !e && x ? g ? a(!0) : n(!1) : n(e);
-  }, v = () => {
-    D(), n(!1);
+    filter: h,
+    filterComponents: p = {}
+  } = H(), O = (e) => {
+    !e && x ? C(i, h.value) ? a(!0) : n(!1) : n(e);
+  }, g = () => {
+    D(), a(!1), n(!1);
   }, P = () => {
     a(!1), n(!1);
   }, S = () => {
     A(), a(!1), n(!1);
   }, T = () => {
     a(!1);
-  }, $ = L(i, c), R = M($), z = () => {
+  }, $ = C(i, h.value), R = L(i, c), z = M(R), B = () => {
     if (!r) return null;
-    const e = c.find((s) => s.filterKey === r), B = {
+    const e = c.find((o) => o.filterKey === r), v = {
       boolean: V,
-      string: H,
+      string: U,
       number: q,
       checkbox: E
-    }, b = (e == null ? void 0 : e.type) && (f == null ? void 0 : f[e.type]) || B[(e == null ? void 0 : e.type) ?? "string"];
+    }, b = (e == null ? void 0 : e.type) && (p == null ? void 0 : p[e.type]) || v[(e == null ? void 0 : e.type) ?? "string"];
     if (!b)
       return console.warn(
         `No filter component found for column "${e == null ? void 0 : e.filterKey}" with type "${e == null ? void 0 : e.type}". Provide a custom filter component or use supported types: "string", "number", "boolean", "checkbox".`
       ), null;
-    const o = w(r), I = {
-      condition: (o == null ? void 0 : o.condition) || "",
-      value: (o == null ? void 0 : o.value) || ""
+    const s = w(r), I = {
+      condition: (s == null ? void 0 : s.condition) || "",
+      value: (s == null ? void 0 : s.value) || ""
     };
     return /* @__PURE__ */ t("div", { className: "flex-1 h-full", children: /* @__PURE__ */ t("div", { className: "mb-4 h-full", children: /* @__PURE__ */ t(
       b,
       {
         value: I,
-        onChange: ({ condition: s, value: h }) => K(r, s, h),
-        filterOptions: e != null && e.options ? Object.entries(e.options).map(([s, h]) => ({
-          label: s,
-          value: s,
-          total: h
+        onChange: ({ condition: o, value: f }) => K(r, o, f),
+        filterOptions: e != null && e.options ? Object.entries(e.options).map(([o, f]) => ({
+          label: o,
+          value: o,
+          total: f
         })) : void 0
       },
       r
@@ -76,7 +76,7 @@ const ae = () => {
         size: "small",
         children: [
           "Filter ",
-          d && `(${p.value.length})`
+          d && `(${h.value.length})`
         ]
       }
     ) }),
@@ -103,21 +103,21 @@ const ae = () => {
                 e.filterKey
               ))
             ] }),
-            /* @__PURE__ */ t("div", { className: "flex-1 flex flex-col", children: r ? z() : /* @__PURE__ */ t("div", { className: "flex-1 flex items-center justify-center text-text-neutral-muted", children: "Select a column to configure its filter" }) })
+            /* @__PURE__ */ t("div", { className: "flex-1 flex flex-col", children: r ? B() : /* @__PURE__ */ t("div", { className: "flex-1 flex items-center justify-center text-text-neutral-muted", children: "Select a column to configure its filter" }) })
           ] }),
-          g && /* @__PURE__ */ l("div", { className: "flex justify-between items-end p-4 border-t border-stroke-solid-medium min-h-[73px]", children: [
+          $ && /* @__PURE__ */ l("div", { className: "flex justify-between items-end p-4 border-t border-stroke-solid-medium min-h-[73px]", children: [
             /* @__PURE__ */ t(J, { selectedFilters: i, schema: c }),
             /* @__PURE__ */ l("div", { className: "flex justify-end gap-2", children: [
               /* @__PURE__ */ t(u, { onClick: j, variant: "stroke", shade: "neutral", size: "small", children: "Clear All" }),
               /* @__PURE__ */ t(
                 u,
                 {
-                  onClick: v,
+                  onClick: g,
                   variant: "filled",
                   shade: "neutral",
                   size: "small",
                   className: "min-w-20",
-                  children: `Apply ${R || ""}`
+                  children: `Apply ${z || ""}`
                 }
               )
             ] })
@@ -131,12 +131,11 @@ const ae = () => {
         onClose: T,
         onKeepChanges: P,
         onRevertChanges: S,
-        onApplyChanges: v,
-        hasUnsavedChanges: C(i, p.value)
+        onApplyChanges: g
       }
     )
   ] });
 };
 export {
-  ae as TableFilterButton
+  ne as TableFilterButton
 };