@konstructio/ui 0.1.2-alpha.77 → 0.1.2-alpha.79

package/dist/components/Filter/Filter.variants.js

@@ -1,7 +1,27 @@
-import { c as t } from "../../index-D29mdTf5.js";
-const a = t(["flex", "gap-8", "items-center"]), r = t(["flex", "items-center", "gap-1", "text-slate-500", "cursor-pointer", "text-sm", "w-max", "dark:text-metal-300"]), n = t(["text-slate-400", "h-5", "w-5", "transition-all", "duration-150", "ease-in-out"]);
+import { t } from "../../dist-DtEbXv47.js";
+var e = t([
+  "flex",
+  "gap-8",
+  "items-center"
+]), r = t([
+  "flex",
+  "items-center",
+  "gap-1",
+  "text-slate-500",
+  "cursor-pointer",
+  "text-sm",
+  "w-max",
+  "dark:text-metal-300"
+]), i = t([
+  "text-slate-400",
+  "h-5",
+  "w-5",
+  "transition-all",
+  "duration-150",
+  "ease-in-out"
+]);
 export {
-  n as filterButtonIconVariants,
+  i as filterButtonIconVariants,
   r as filterButtonVariants,
-  a as filterVariants
+  e as filterVariants
 };

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.hook.js

@@ -1,135 +1,67 @@
-import { c as z } from "../../../../compiler-runtime-DA41awpA.js";
-import { useId as D, useRef as G, useState as T, useEffect as $ } from "react";
-import { FilterEvent as j, sendOpenFilterEvent as H } from "../../events/index.js";
-import { useFilterContext as J } from "../../contexts/filter.hook.js";
-const se = (s) => {
-  const e = z.c(36), {
-    onApply: l,
-    options: c
-  } = s;
-  let a;
-  e[0] !== c ? (a = c === void 0 ? [] : c, e[0] = c, e[1] = a) : a = e[1];
-  const m = a, {
-    closeOnApply: f
-  } = J(), o = D(), L = G(null), [x, d] = T(!1);
-  let u;
-  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = [], e[2] = u) : u = e[2];
-  const [n, r] = T(u);
-  let _, v;
-  e[3] !== o || e[4] !== l ? (_ = () => {
-    const t = new AbortController();
-    return document.addEventListener(j.OPEN, (i) => {
-      i.detail !== o && d(!1);
-    }, {
-      signal: t.signal
-    }), document.addEventListener(j.RESET, () => {
-      r([]), l?.([]);
-    }, {
-      signal: t.signal
-    }), () => {
-      t.abort();
+import { useFilterContext as L } from "../../contexts/filter.hook.js";
+import { FilterEvent as p, sendOpenFilterEvent as F } from "../../events/index.js";
+import { useCallback as r, useEffect as m, useId as k, useMemo as v, useRef as x, useState as O } from "react";
+var B = ({ onApply: l, options: c = [] }) => {
+  const { closeOnApply: o } = L(), a = k(), u = x(null), [g, d] = O(!1), [s, i] = O([]);
+  m(() => {
+    const e = new AbortController();
+    return document.addEventListener(p.OPEN, (t) => {
+      t.detail !== a && d(!1);
+    }, { signal: e.signal }), document.addEventListener(p.RESET, () => {
+      i([]), l?.([]);
+    }, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, v = [o, l], e[3] = o, e[4] = l, e[5] = _, e[6] = v) : (_ = e[5], v = e[6]), $(_, v);
-  let h;
-  e[7] !== o ? (h = () => d((t) => (t || (H(o), r(Q)), !t)), e[7] = o, e[8] = h) : h = e[8];
-  const F = h;
-  let A;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (A = () => d(!1), e[9] = A) : A = e[9];
-  const I = A;
-  let E;
-  e[10] !== n ? (E = (t, i) => {
-    r(i ? [...n, {
-      ...t,
+  }, [a, l]);
+  const h = r(() => d((e) => (e || (F(a), i((t) => t.filter((n) => n.isApplied))), !e)), [a, d]), f = r(() => d(!1), []), E = r((e, t) => {
+    i(t ? [...s, {
+      ...e,
       isApplied: !1
-    }] : n.map((p) => p.id === t.id ? {
-      ...p,
+    }] : s.map((n) => n.id === e.id ? {
+      ...n,
       isRemoved: !0
-    } : p));
-  }, e[10] = n, e[11] = E) : E = e[11];
-  const k = E;
-  let O;
-  e[12] !== f || e[13] !== l ? (O = () => {
-    r([]), l?.([]), f && d(!1);
-  }, e[12] = f, e[13] = l, e[14] = O) : O = e[14];
-  const B = O;
-  let g;
-  e[15] !== f || e[16] !== l || e[17] !== n ? (g = () => {
-    const t = n?.filter(U).map(V);
-    r(t), l?.(t.map(W)), f && d(!1);
-  }, e[15] = f, e[16] = l, e[17] = n, e[18] = g) : g = e[18];
-  const M = g;
-  let S;
-  e[19] !== n ? (S = n.filter(X), e[19] = n, e[20] = S) : S = e[20];
-  const N = S;
-  let R;
-  e[21] !== m || e[22] !== n ? (R = m.length > 0 && m.every((t) => n.some((i) => i.id === t.id && !i.isRemoved)), e[21] = m, e[22] = n, e[23] = R) : R = e[23];
-  const P = R;
-  let b;
-  e[24] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (b = (t, i) => {
-    i && r(t.map(Y));
-  }, e[24] = b) : b = e[24];
-  const q = b;
-  let y, C;
-  e[25] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = () => {
-    const t = new AbortController(), i = (p) => {
-      L.current?.contains(p.target) || I();
+    } : n));
+  }, [i, s]), R = r(() => {
+    i([]), l?.([]), o && d(!1);
+  }, [o, l]), A = r(() => {
+    const e = s?.filter((t) => !t.isRemoved).map((t) => ({
+      ...t,
+      isApplied: !0
+    }));
+    i(e), l?.(e.map(({ isApplied: t, isRemoved: n, ...w }) => w)), o && d(!1);
+  }, [
+    o,
+    l,
+    s,
+    i
+  ]), C = v(() => s.filter((e) => e.isApplied), [s]), S = v(() => c.length > 0 && c.every((e) => s.some((t) => t.id === e.id && !t.isRemoved)), [c, s]), b = r((e, t) => {
+    t && i(e.map((n) => ({
+      ...n,
+      isApplied: !1
+    })));
+  }, []);
+  return m(() => {
+    const e = new AbortController(), t = (n) => {
+      u.current?.contains(n.target) || f();
     };
-    return document.addEventListener("mousedown", i, {
-      signal: t.signal
-    }), document.addEventListener("visibilitychange", () => {
-      document.hidden && I();
-    }, {
-      signal: t.signal
-    }), () => {
-      t.abort();
+    return document.addEventListener("mousedown", t, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
+      document.hidden && f();
+    }, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, C = [I, L], e[25] = y, e[26] = C) : (y = e[25], C = e[26]), $(y, C);
-  let w;
-  return e[27] !== M || e[28] !== F || e[29] !== B || e[30] !== k || e[31] !== P || e[32] !== x || e[33] !== N || e[34] !== n ? (w = {
-    isOpen: x,
-    isAllSelected: P,
-    selectedCount: N,
-    selectedOptions: n,
-    wrapperRef: L,
-    handleApplyOptions: M,
-    handleOpen: F,
-    handleResetOptions: B,
-    handleSelectAll: q,
-    handleSelectOption: k
-  }, e[27] = M, e[28] = F, e[29] = B, e[30] = k, e[31] = P, e[32] = x, e[33] = N, e[34] = n, e[35] = w) : w = e[35], w;
-};
-function K(s) {
-  return s.isApplied;
-}
-function Q(s) {
-  return s.filter(K);
-}
-function U(s) {
-  return !s.isRemoved;
-}
-function V(s) {
-  return {
-    ...s,
-    isApplied: !0
-  };
-}
-function W(s) {
-  const {
-    isApplied: e,
-    isRemoved: l,
-    ...c
-  } = s;
-  return c;
-}
-function X(s) {
-  return s.isApplied;
-}
-function Y(s) {
-  return {
-    ...s,
-    isApplied: !1
+  }, [f, u]), {
+    isOpen: g,
+    isAllSelected: S,
+    selectedCount: C,
+    selectedOptions: s,
+    wrapperRef: u,
+    handleApplyOptions: A,
+    handleOpen: h,
+    handleResetOptions: R,
+    handleSelectAll: b,
+    handleSelectOption: E
   };
-}
+};
 export {
-  se as useBadgeMultiSelect
+  B as useBadgeMultiSelect
 };

package/dist/components/Filter/components/BadgeDropdown/BadgeMultiSelect.js

@@ -1,87 +1,76 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import { c as E } from "../../../../compiler-runtime-DA41awpA.js";
-import { Badge as R } from "../../../Badge/Badge.js";
-import { Button as V } from "../../../Button/Button.js";
-import { Checkbox as z } from "../../../Checkbox/Checkbox.js";
-import { filterButtonVariants as q, filterButtonIconVariants as F } from "../../Filter.variants.js";
-import { cn as b } from "../../../../utils/index.js";
-import { useBadgeMultiSelect as G } from "./BadgeMultiSelect.hook.js";
-import { C as H } from "../../../../chevron-down-BBFYYzZq.js";
-const Z = (D) => {
-  const e = E.c(33), {
-    options: r,
-    label: x,
-    position: $,
-    onApply: v,
-    showSelectAll: j,
-    selectAllLabel: L
-  } = D, f = $ === void 0 ? "left" : $, k = j === void 0 ? !0 : j, C = L === void 0 ? "All" : L;
-  let p;
-  e[0] !== v || e[1] !== r ? (p = {
-    onApply: v,
-    options: r
-  }, e[0] = v, e[1] = r, e[2] = p) : p = e[2];
-  const {
-    wrapperRef: A,
-    isOpen: t,
-    isAllSelected: h,
-    selectedOptions: y,
-    selectedCount: g,
-    handleOpen: N,
-    handleResetOptions: S,
-    handleApplyOptions: w,
-    handleSelectAll: B,
-    handleSelectOption: O
-  } = G(p);
-  if (r.length === 0)
-    return null;
-  let n;
-  e[3] !== t ? (n = b(q(), {
-    "text-slate-700 dark:text-metal-50": t
-  }), e[3] = t, e[4] = n) : n = e[4];
-  let s;
-  e[5] !== g.length ? (s = g.length > 0 && /* @__PURE__ */ a(R, { label: g.length.toString() }), e[5] = g.length, e[6] = s) : s = e[6];
-  let c;
-  e[7] !== t ? (c = b(F(), {
-    "rotate-180 text-blue-600 dark:text-aurora-500": t
-  }), e[7] = t, e[8] = c) : c = e[8];
-  let o;
-  e[9] !== c ? (o = /* @__PURE__ */ a(H, { className: c }), e[9] = c, e[10] = o) : o = e[10];
-  let d;
-  e[11] !== N || e[12] !== x || e[13] !== n || e[14] !== s || e[15] !== o ? (d = /* @__PURE__ */ i("button", { className: n, onClick: N, children: [
-    x,
-    s,
-    o
-  ] }), e[11] = N, e[12] = x, e[13] = n, e[14] = s, e[15] = o, e[16] = d) : d = e[16];
-  let m;
-  e[17] !== w || e[18] !== S || e[19] !== B || e[20] !== O || e[21] !== h || e[22] !== t || e[23] !== r || e[24] !== f || e[25] !== C || e[26] !== y || e[27] !== k ? (m = t && /* @__PURE__ */ i("div", { className: b("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "border", "border-gray-200", "dark:bg-metal-800", "dark:border-metal-700", {
-    "left-0": f === "left",
-    "right-0": f === "right"
-  }), children: [
-    /* @__PURE__ */ a("div", { className: "px-6 py-4", children: /* @__PURE__ */ i("div", { className: "flex flex-col gap-2", children: [
-      k && /* @__PURE__ */ i("div", { className: "flex gap-4", children: [
-        /* @__PURE__ */ a(z, { defaultChecked: h, onChange: (l) => B(r, l) }, `select-all-${h}`),
-        /* @__PURE__ */ a(R, { label: C })
-      ] }),
-      r.map((l) => {
-        const M = !!y.find((I) => I.id === l.id);
-        return /* @__PURE__ */ i("div", { className: "flex gap-4", children: [
-          /* @__PURE__ */ a(z, { defaultChecked: M, "data-label": l.id, onChange: (I) => O(l, I) }, `${l.id}-${M}`),
-          /* @__PURE__ */ a(R, { label: l.label, variant: l.variant, leftIcon: l.leftIcon, rightIcon: l.rightIcon, loading: l.loading })
-        ] }, l.id);
-      })
-    ] }) }),
-    /* @__PURE__ */ i("div", { className: b("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"), children: [
-      /* @__PURE__ */ a(V, { variant: "secondary", appearance: "compact", onClick: S, children: "Reset" }),
-      /* @__PURE__ */ a(V, { appearance: "compact", onClick: w, children: "Apply" })
-    ] })
-  ] }), e[17] = w, e[18] = S, e[19] = B, e[20] = O, e[21] = h, e[22] = t, e[23] = r, e[24] = f, e[25] = C, e[26] = y, e[27] = k, e[28] = m) : m = e[28];
-  let u;
-  return e[29] !== m || e[30] !== d || e[31] !== A ? (u = /* @__PURE__ */ i("div", { ref: A, className: "relative", children: [
-    d,
-    m
-  ] }), e[29] = m, e[30] = d, e[31] = A, e[32] = u) : u = e[32], u;
+import { t as h } from "../../../../Checkbox-Cn0UWlk8.js";
+import { t as r } from "../../../../utils-DHuiYnx1.js";
+import { Button as f } from "../../../Button/Button.js";
+import { t as B } from "../../../../chevron-down-DgssmYWu.js";
+import { Badge as c } from "../../../Badge/Badge.js";
+import { filterButtonIconVariants as O, filterButtonVariants as A } from "../../Filter.variants.js";
+import { useBadgeMultiSelect as I } from "./BadgeMultiSelect.hook.js";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+var q = ({ options: t, label: p, position: i = "left", onApply: g, showSelectAll: u = !0, selectAllLabel: b = "All" }) => {
+  const { wrapperRef: x, isOpen: d, isAllSelected: s, selectedOptions: v, selectedCount: m, handleOpen: k, handleResetOptions: C, handleApplyOptions: N, handleSelectAll: y, handleSelectOption: S } = I({
+    onApply: g,
+    options: t
+  });
+  return t.length === 0 ? null : /* @__PURE__ */ l("div", {
+    ref: x,
+    className: "relative",
+    children: [/* @__PURE__ */ l("button", {
+      className: r(A(), { "text-slate-700 dark:text-metal-50": d }),
+      onClick: k,
+      children: [
+        p,
+        m.length > 0 && /* @__PURE__ */ a(c, { label: m.length.toString() }),
+        /* @__PURE__ */ a(B, { className: r(O(), { "rotate-180 text-blue-600 dark:text-aurora-500": d }) })
+      ]
+    }), d && /* @__PURE__ */ l("div", {
+      className: r("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "border", "border-gray-200", "dark:bg-metal-800", "dark:border-metal-700", {
+        "left-0": i === "left",
+        "right-0": i === "right"
+      }),
+      children: [/* @__PURE__ */ a("div", {
+        className: "px-6 py-4",
+        children: /* @__PURE__ */ l("div", {
+          className: "flex flex-col gap-2",
+          children: [u && /* @__PURE__ */ l("div", {
+            className: "flex gap-4",
+            children: [/* @__PURE__ */ a(h, {
+              defaultChecked: s,
+              onChange: (e) => y(t, e)
+            }, `select-all-${s}`), /* @__PURE__ */ a(c, { label: b })]
+          }), t.map((e) => {
+            const o = !!v.find((n) => n.id === e.id);
+            return /* @__PURE__ */ l("div", {
+              className: "flex gap-4",
+              children: [/* @__PURE__ */ a(h, {
+                defaultChecked: o,
+                "data-label": e.id,
+                onChange: (n) => S(e, n)
+              }, `${e.id}-${o}`), /* @__PURE__ */ a(c, {
+                label: e.label,
+                variant: e.variant,
+                leftIcon: e.leftIcon,
+                rightIcon: e.rightIcon,
+                loading: e.loading
+              })]
+            }, e.id);
+          })]
+        })
+      }), /* @__PURE__ */ l("div", {
+        className: r("flex", "justify-center", "items-center", "gap-4", "px-6", "py-4", "border-t", "border-gray-200", "dark:border-metal-700"),
+        children: [/* @__PURE__ */ a(f, {
+          variant: "secondary",
+          appearance: "compact",
+          onClick: C,
+          children: "Reset"
+        }), /* @__PURE__ */ a(f, {
+          appearance: "compact",
+          onClick: N,
+          children: "Apply"
+        })]
+      })]
+    })]
+  });
 };
 export {
-  Z as BadgeMultiSelect
+  q as BadgeMultiSelect
 };

package/dist/components/Filter/components/DateFilterDropdown/DateFilterDropdown.hook.js

@@ -1,95 +1,58 @@
-import { c as j } from "../../../../compiler-runtime-DA41awpA.js";
-import { useRef as q, useId as z, useState as N, useEffect as P } from "react";
-import { sendOpenFilterEvent as B, FilterEvent as k } from "../../events/index.js";
-import { getLocale as G } from "../../utils/index.js";
-import { useFilterContext as H } from "../../contexts/filter.hook.js";
-const W = (U) => {
-  const e = j.c(31), {
-    onApply: o,
-    countryCode: T
-  } = U, _ = T === void 0 ? "US" : T, {
-    closeOnApply: s
-  } = H(), D = q(null), n = z(), [S, i] = N(!1), [l, C] = N(), [O, A] = N();
-  let c;
-  e[0] !== O || e[1] !== _ ? (c = O?.toLocaleDateString(G(_), {
+import { useFilterContext as C } from "../../contexts/filter.hook.js";
+import { FilterEvent as f, sendOpenFilterEvent as S } from "../../events/index.js";
+import { t as y } from "../../../../utils-CQSRNcoF.js";
+import { useCallback as a, useEffect as m, useId as F, useMemo as R, useRef as k, useState as g } from "react";
+var A = ({ onApply: n, countryCode: p = "US" }) => {
+  const { closeOnApply: r } = C(), i = k(null), t = F(), [E, o] = g(!1), [l, d] = g(), [v, c] = g(), h = R(() => v?.toLocaleDateString(y(p), {
     day: "numeric",
     month: "short",
     year: "numeric"
-  }), e[0] = O, e[1] = _, e[2] = c) : c = e[2];
-  const L = c;
-  let a;
-  e[3] !== n ? (a = () => i((t) => (t || B(n), !t)), e[3] = n, e[4] = a) : a = e[4];
-  const w = a;
-  let d;
-  e[5] !== s || e[6] !== o || e[7] !== l ? (d = () => {
-    A(l), o?.(l), s && i(!1);
-  }, e[5] = s, e[6] = o, e[7] = l, e[8] = d) : d = e[8];
-  const F = d;
-  let m;
-  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = (t) => C(t), e[9] = m) : m = e[9];
-  const $ = m;
-  let f;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = () => i(!1), e[10] = f) : f = e[10];
-  const R = f;
-  let u;
-  e[11] !== s || e[12] !== o ? (u = () => {
-    C(void 0), A(void 0), o?.(), s && i(!1);
-  }, e[11] = s, e[12] = o, e[13] = u) : u = e[13];
-  const x = u;
-  let p, y;
-  e[14] !== n ? (p = () => {
-    const t = new AbortController();
-    return document.addEventListener(k.OPEN, ((r) => {
-      r.detail !== n && i(!1);
-    }), {
-      signal: t.signal
-    }), () => {
-      t.abort();
+  }), [v, p]), D = a(() => o((e) => (e || S(t), !e)), [t]), b = a(() => {
+    c(l), n?.(l), r && o(!1);
+  }, [
+    r,
+    n,
+    l
+  ]), O = a((e) => d(e), []), u = a(() => o(!1), []), L = a(() => {
+    d(void 0), c(void 0), n?.(), r && o(!1);
+  }, [r, n]);
+  return m(() => {
+    const e = new AbortController();
+    return document.addEventListener(f.OPEN, ((s) => {
+      s.detail !== t && o(!1);
+    }), { signal: e.signal }), () => {
+      e.abort();
     };
-  }, y = [n], e[14] = n, e[15] = p, e[16] = y) : (p = e[15], y = e[16]), P(p, y);
-  let E, v;
-  e[17] !== n || e[18] !== o ? (E = () => {
-    const t = new AbortController();
-    return document.addEventListener(k.OPEN, (r) => {
-      r.detail !== n && i(!1);
-    }, {
-      signal: t.signal
-    }), document.addEventListener(k.RESET, () => {
-      C(void 0), A(void 0), o?.();
-    }, {
-      signal: t.signal
-    }), () => {
-      t.abort();
+  }, [t]), m(() => {
+    const e = new AbortController();
+    return document.addEventListener(f.OPEN, (s) => {
+      s.detail !== t && o(!1);
+    }, { signal: e.signal }), document.addEventListener(f.RESET, () => {
+      d(void 0), c(void 0), n?.();
+    }, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, v = [n, o], e[17] = n, e[18] = o, e[19] = E, e[20] = v) : (E = e[19], v = e[20]), P(E, v);
-  let g, h;
-  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = () => {
-    const t = new AbortController(), r = (I) => {
-      D.current?.contains(I.target) || R();
+  }, [t, n]), m(() => {
+    const e = new AbortController(), s = (w) => {
+      i.current?.contains(w.target) || u();
     };
-    return document.addEventListener("mousedown", r, {
-      signal: t.signal
-    }), document.addEventListener("visibilitychange", () => {
-      document.hidden && R();
-    }, {
-      signal: t.signal
-    }), () => {
-      t.abort();
+    return document.addEventListener("mousedown", s, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
+      document.hidden && u();
+    }, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, h = [R, D], e[21] = g, e[22] = h) : (g = e[21], h = e[22]), P(g, h);
-  let b;
-  return e[23] !== L || e[24] !== F || e[25] !== w || e[26] !== x || e[27] !== n || e[28] !== S || e[29] !== l ? (b = {
-    id: n,
-    appliedDay: L,
-    isOpen: S,
+  }, [u, i]), {
+    id: t,
+    appliedDay: h,
+    isOpen: E,
     selectedDay: l,
-    wrapperRef: D,
-    handleApply: F,
-    handleOpen: w,
-    handleSelect: $,
-    handleReset: x
-  }, e[23] = L, e[24] = F, e[25] = w, e[26] = x, e[27] = n, e[28] = S, e[29] = l, e[30] = b) : b = e[30], b;
+    wrapperRef: i,
+    handleApply: b,
+    handleOpen: D,
+    handleSelect: O,
+    handleReset: L
+  };
 };
 export {
-  W as useDateFilterDropdown
+  A as useDateFilterDropdown
 };