@ztwoint/z-ui 0.1.71 → 0.1.73

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

@@ -1,7 +1,7 @@
-import { jsxs as i, jsx as l } from "react/jsx-runtime";
+import { jsxs as a, jsx as l } from "react/jsx-runtime";
 import * as x from "react";
-import * as a from "@radix-ui/react-popover";
-import { Button as f } from "../button/button.js";
+import * as p from "@radix-ui/react-popover";
+import { Button as h } from "../button/button.js";
 import { useTableFilterContext as V } from "./table-filter.context.js";
 import q from "./filters/text.js";
 import E from "./filters/boolean.js";
@@ -12,27 +12,27 @@ import { getFilterCount as L } from "./selected-filters-display/selected-filters
 import { FilterConfirmationDialog as M } from "./close-filter-confirm/filter-confirmation-dialog.js";
 import { hasUnsavedFilterChangesForColumn as w } from "./close-filter-confirm/filter-confirmation-dialog.utils.js";
 const le = ({ filterName: n }) => {
-  const [k, r] = x.useState(!1), [u, s] = x.useState(!1), {
+  const [k, r] = x.useState(!1), [f, s] = x.useState(!1), {
     getFilterForColumn: A,
     hasAppliedFilterForColumn: O,
-    updateColumnFilter: C,
-    applyFilters: p,
+    updateColumnFilter: u,
+    applyFilters: c,
     resetToAppliedFilters: P,
     filterSchema: T,
     filterComponents: d = {},
-    tempFilters: g,
-    filter: v
-  } = V(), c = w(n, g, v.value), $ = (o) => {
-    !o && u ? c ? r(!0) : s(!1) : s(o);
+    tempFilters: C,
+    filter: g
+  } = V(), $ = (o) => {
+    !o && f ? w(n, C, g.value) ? r(!0) : s(!1) : s(o);
   }, j = () => {
-    p(), s(!1);
+    c(), r(!1), s(!1);
   }, D = () => {
     r(!1), s(!1);
   }, K = () => {
     P(), r(!1), s(!1);
   }, R = () => {
     r(!1);
-  }, t = T.find((o) => o.filterKey === n);
+  }, v = w(n, C, g.value), t = T.find((o) => o.filterKey === n);
   if (!t)
     return console.warn(`Column "${n}" not found in schema`), null;
   const S = {
@@ -45,34 +45,34 @@ const le = ({ filterName: n }) => {
     return console.warn(
       `No filter component found for column "${t.filterKey}" with type "${t.type}". Provide a custom filter component or use supported types: "string", "number", "boolean", "checkbox".`
     ), null;
-  const e = A(n), m = O(n), b = t.options ? Object.entries(t.options).map(([o, h]) => ({
+  const e = A(n), m = O(n), b = t.options ? Object.entries(t.options).map(([o, i]) => ({
     label: o,
     value: o,
-    total: h
+    total: i
   })) : void 0, y = e ? L(e, b) : void 0, z = e != null && e.value ? Array.isArray(e.value) ? e.value.length : 1 : 0, B = {
     condition: (e == null ? void 0 : e.condition) || "",
     value: (e == null ? void 0 : e.value) || ""
   }, I = () => {
-    const o = C(n, "", "");
-    p(o), s(!1);
+    const o = u(n, "", "");
+    c(o), s(!1);
   }, U = () => {
-    p(), s(!1);
+    c(), s(!1);
   };
-  return /* @__PURE__ */ i(a.Root, { open: u, onOpenChange: $, children: [
-    /* @__PURE__ */ l(a.Trigger, { asChild: !0, children: /* @__PURE__ */ l(
-      f,
+  return /* @__PURE__ */ a(p.Root, { open: f, onOpenChange: $, children: [
+    /* @__PURE__ */ l(p.Trigger, { asChild: !0, children: /* @__PURE__ */ l(
+      h,
       {
         variant: m ? "filled" : "stroke",
         shade: m ? "brand" : "neutral",
         size: "small",
-        children: /* @__PURE__ */ i("span", { className: "flex items-center gap-2", children: [
+        children: /* @__PURE__ */ a("span", { className: "flex items-center gap-2", children: [
           t.title,
           m && /* @__PURE__ */ l(J, { className: "w-4 h-4 text-white flex-shrink-0" })
         ] })
       }
     ) }),
-    /* @__PURE__ */ l(a.Portal, { children: /* @__PURE__ */ i(
-      a.Content,
+    /* @__PURE__ */ l(p.Portal, { children: /* @__PURE__ */ a(
+      p.Content,
       {
         className: "w-80 bg-surface-neutral-default border border-stroke-solid-light rounded-2xl overflow-hidden shadow-lg",
         sideOffset: 8,
@@ -82,13 +82,13 @@ const le = ({ filterName: n }) => {
             F,
             {
               value: B,
-              onChange: ({ condition: o, value: h }) => C(n, o, h),
+              onChange: ({ condition: o, value: i }) => u(n, o, i),
               filterOptions: b
             }
           ),
-          (c || !!z) && /* @__PURE__ */ i("div", { className: "flex justify-between gap-2 p-3 border-t border-stroke-solid-medium", children: [
-            /* @__PURE__ */ l(f, { onClick: I, variant: "stroke", shade: "neutral", size: "small", children: "Clear All" }),
-            c && /* @__PURE__ */ l(f, { onClick: U, variant: "filled", shade: "neutral", size: "small", children: `Apply${y !== void 0 ? ` ${y}` : ""}` })
+          (v || !!z) && /* @__PURE__ */ a("div", { className: "flex justify-between gap-2 p-3 border-t border-stroke-solid-medium", children: [
+            /* @__PURE__ */ l(h, { onClick: I, variant: "stroke", shade: "neutral", size: "small", children: "Clear All" }),
+            v && /* @__PURE__ */ l(h, { onClick: U, variant: "filled", shade: "neutral", size: "small", children: `Apply${y !== void 0 ? ` ${y}` : ""}` })
           ] })
         ]
       }
@@ -99,12 +99,7 @@ const le = ({ filterName: n }) => {
         onClose: R,
         onKeepChanges: D,
         onRevertChanges: K,
-        onApplyChanges: j,
-        hasUnsavedChanges: w(
-          n,
-          g,
-          v.value
-        )
+        onApplyChanges: j
       }
     )
   ] });