@ztwoint/z-ui 0.1.116 → 0.1.118

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

@@ -11,8 +11,8 @@ import E from "../assets/icons/circle-check-filled.js";
 import { getFilterCount as G } from "./selected-filters-display/selected-filters-display.utils.js";
 import { FilterConfirmationDialog as H } from "./close-filter-confirm/filter-confirmation-dialog.js";
 import { hasUnsavedFilterChangesForColumn as A } from "./close-filter-confirm/filter-confirmation-dialog.utils.js";
-const re = ({ filterName: l }) => {
-  const [T, i] = k.useState(!1), [f, s] = k.useState(!1), {
+const re = ({ filterName: n }) => {
+  const [T, a] = k.useState(!1), [f, s] = k.useState(!1), {
     getFilterForColumn: C,
     hasAppliedFilterForColumn: O,
     updateColumnFilter: g,
@@ -23,35 +23,35 @@ const re = ({ filterName: l }) => {
     tempFilters: v,
     filter: p
   } = L(), N = (o) => {
-    !o && f ? A(l, v, p.value) ? i(!0) : s(!1) : s(o);
+    !o && f ? A(n, v, p.value) ? a(!0) : s(!1) : s(o);
   }, $ = () => {
-    c(), i(!1), s(!1);
+    c(), a(!1), s(!1);
   }, D = () => {
-    P(), i(!1), s(!1);
+    P(), a(!1), s(!1);
   }, R = () => {
-    i(!1);
-  }, b = A(l, v, p.value), t = j.find((o) => o.filterKey === l), n = K(
-    () => C(l),
-    [l, C]
+    a(!1);
+  }, x = A(n, v, p.value), t = j.find((o) => o.filterKey === n), l = K(
+    () => C(n),
+    [n, C]
   );
   if (!t)
-    return console.warn(`Column "${l}" not found in schema`), null;
+    return console.warn(`Column "${n}" not found in schema`), null;
   const S = {
     boolean: M,
     string: _,
     number: U,
     checkbox: q
-  }, x = t.type && (m == null ? void 0 : m[t.type]) || S[t.type ?? "string"], h = O(l), F = p.loading || !1, y = t.options ? Object.entries(t.options).map(([o, a]) => ({
+  }, b = t.type && (m == null ? void 0 : m[t.type]) || S[t.type ?? "string"], h = O(n), F = p.loading || !1, y = t.options ? Object.entries(t.options).map(([o, i]) => ({
     label: o,
     value: o,
-    total: a
-  })) : void 0, w = n ? G(n, y) : void 0, z = n != null && n.value ? Array.isArray(n.value) ? n.value.length : 1 : 0, B = () => {
-    const o = g(l, "", "");
+    total: i
+  })) : void 0, w = l ? G(l, y) : void 0, z = l != null && l.value ? Array.isArray(l.value) ? l.value.length : 1 : 0, B = () => {
+    const o = g(n, "", "");
     c(o), s(!1);
   }, I = () => {
     c(), s(!1);
   };
-  return x ? /* @__PURE__ */ r(d.Root, { open: f, onOpenChange: N, children: [
+  return b ? /* @__PURE__ */ r(d.Root, { open: f, onOpenChange: N, children: [
     /* @__PURE__ */ e(d.Trigger, { asChild: !0, children: /* @__PURE__ */ e(
       u,
       {
@@ -67,7 +67,7 @@ const re = ({ filterName: l }) => {
             t.title
           ] }),
           h && /* @__PURE__ */ e(E, { className: "w-4 h-4 text-white flex-shrink-0" }),
-          F && /* @__PURE__ */ e("div", { className: "w-4 h-4 border-2 border-white border-t-transparent rounded-full animate-spin flex-shrink-0" })
+          F && /* @__PURE__ */ e("div", { className: "w-4 h-4 border-2 border-text-brand-secondary rounded-full animate-spin flex-shrink-0" })
         ] })
       }
     ) }),
@@ -79,19 +79,19 @@ const re = ({ filterName: l }) => {
         align: "start",
         children: [
           F ? /* @__PURE__ */ e("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ r("div", { className: "flex flex-col items-center gap-3", children: [
-            /* @__PURE__ */ e("div", { className: "w-8 h-8 border-2 border-stroke-solid-medium border-t-stroke-solid-strong rounded-full animate-spin" }),
+            /* @__PURE__ */ e("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-text-brand-secondary" }),
             /* @__PURE__ */ e("span", { className: "text-text-neutral-muted text-sm", children: "Loading options..." })
           ] }) }) : /* @__PURE__ */ e(
-            x,
+            b,
             {
-              value: n,
-              onChange: ({ condition: o, value: a }) => g(l, o, a),
+              value: l,
+              onChange: ({ condition: o, value: i }) => g(n, o, i),
               filterOptions: y
             }
           ),
-          (b || !!z) && /* @__PURE__ */ r("div", { className: "flex justify-between gap-2 p-3 border-t border-stroke-solid-medium", children: [
+          (x || !!z) && /* @__PURE__ */ r("div", { className: "flex justify-between gap-2 p-3 border-t border-stroke-solid-medium", children: [
             /* @__PURE__ */ e(u, { onClick: B, variant: "stroke", shade: "neutral", size: "small", children: "Clear All" }),
-            b && /* @__PURE__ */ e(u, { onClick: I, variant: "filled", shade: "neutral", size: "small", children: `Apply${w !== void 0 ? ` ${w}` : ""}` })
+            x && /* @__PURE__ */ e(u, { onClick: I, variant: "filled", shade: "neutral", size: "small", children: `Apply${w !== void 0 ? ` ${w}` : ""}` })
           ] })
         ]
       }