@ztwoint/z-ui 0.1.71 → 0.1.72

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
 };

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
       }
     )
   ] });

package/dist/types/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.71",
+  "version": "0.1.72",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",