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

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

@@ -1,89 +1,95 @@
-import { useRef as C, useId as S, useState as f, useMemo as y, useCallback as r, useEffect as E } from "react";
-import { sendOpenFilterEvent as F, FilterEvent as v } from "../../events/index.js";
-import { getLocale as R } from "../../utils/index.js";
-import { useFilterContext as k } from "../../contexts/filter.hook.js";
-const A = ({
-  onApply: n,
-  countryCode: g = "US"
-}) => {
-  const { closeOnApply: a } = k(), i = C(null), t = S(), [h, o] = f(!1), [l, c] = f(), [p, d] = f(), D = y(
-    () => p?.toLocaleDateString(R(g), {
-      day: "numeric",
-      month: "short",
-      year: "numeric"
-    }),
-    [p, g]
-  ), b = r(
-    () => o((e) => (e || F(t), !e)),
-    [t]
-  ), O = r(() => {
-    d(l), n?.(l), a && o(!1);
-  }, [a, n, l]), L = r((e) => c(e), []), u = r(() => o(!1), []), w = r(() => {
-    c(void 0), d(void 0), n?.(), a && o(!1);
-  }, [a, n]);
-  return E(() => {
-    const e = new AbortController();
-    return document.addEventListener(
-      v.OPEN,
-      ((s) => {
-        s.detail !== t && o(!1);
-      }),
-      {
-        signal: e.signal
-      }
-    ), () => {
-      e.abort();
+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(_), {
+    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();
     };
-  }, [t]), E(() => {
-    const e = new AbortController();
-    return document.addEventListener(
-      v.OPEN,
-      (s) => {
-        s.detail !== t && o(!1);
-      },
-      {
-        signal: e.signal
-      }
-    ), document.addEventListener(
-      v.RESET,
-      () => {
-        c(void 0), d(void 0), n?.();
-      },
-      {
-        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, n]), E(() => {
-    const e = new AbortController(), s = (m) => {
-      i.current?.contains(m.target) || u();
+  }, 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();
     };
-    return document.addEventListener("mousedown", s, {
-      signal: e.signal
-    }), document.addEventListener(
-      "visibilitychange",
-      () => {
-        document.hidden && u();
-      },
-      {
-        signal: e.signal
-      }
-    ), () => {
-      e.abort();
+    return document.addEventListener("mousedown", r, {
+      signal: t.signal
+    }), document.addEventListener("visibilitychange", () => {
+      document.hidden && R();
+    }, {
+      signal: t.signal
+    }), () => {
+      t.abort();
     };
-  }, [u, i]), {
-    id: t,
-    appliedDay: D,
-    isOpen: h,
+  }, 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,
     selectedDay: l,
-    wrapperRef: i,
-    handleApply: O,
-    handleOpen: b,
-    handleSelect: L,
-    handleReset: w
-  };
+    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;
 };
 export {
-  A as useDateFilterDropdown
+  W as useDateFilterDropdown
 };

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

@@ -1,124 +1,70 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Badge as g } from "../../../Badge/Badge.js";
-import { Button as i } from "../../../Button/Button.js";
-import { DatePicker as x } from "../../../Datepicker/DatePicker.js";
-import { filterButtonIconVariants as w, filterButtonVariants as y } from "../../Filter.variants.js";
-import { cn as t } from "../../../../utils/index.js";
-import { useDateFilterDropdown as k } from "./DateFilterDropdown.hook.js";
-import { C as D } from "../../../../chevron-down-BBFYYzZq.js";
-const A = ({
-  label: d,
-  position: l = "left",
-  countryCode: s = "US",
-  onApply: p
-}) => {
+import { jsxs as u, jsx as p } from "react/jsx-runtime";
+import { c as j } from "../../../../compiler-runtime-DA41awpA.js";
+import { Badge as A } from "../../../Badge/Badge.js";
+import { Button as B } from "../../../Button/Button.js";
+import { DatePicker as O } from "../../../Datepicker/DatePicker.js";
+import { filterButtonVariants as F, filterButtonIconVariants as I } from "../../Filter.variants.js";
+import { cn as d } from "../../../../utils/index.js";
+import { useDateFilterDropdown as V } from "./DateFilterDropdown.hook.js";
+import { C as z } from "../../../../chevron-down-BBFYYzZq.js";
+const K = (R) => {
+  const e = j.c(29), {
+    label: y,
+    position: N,
+    countryCode: S,
+    onApply: b
+  } = R, c = N === void 0 ? "left" : N, x = S === void 0 ? "US" : S;
+  let m;
+  e[0] !== x || e[1] !== b ? (m = {
+    onApply: b,
+    countryCode: x
+  }, e[0] = x, e[1] = b, e[2] = m) : m = e[2];
   const {
-    id: m,
-    appliedDay: n,
-    isOpen: r,
-    selectedDay: o,
-    wrapperRef: c,
-    handleApply: f,
-    handleOpen: h,
-    handleSelect: u,
-    handleReset: b
-  } = k({ onApply: p, countryCode: s });
-  return /* @__PURE__ */ a("div", { ref: c, className: "relative", children: [
-    /* @__PURE__ */ a(
-      "button",
-      {
-        className: t(y(), {
-          "text-slate-700": r
-        }),
-        onClick: h,
-        children: [
-          d,
-          n && /* @__PURE__ */ e(g, { label: n }),
-          /* @__PURE__ */ e(
-            D,
-            {
-              className: t(w(), {
-                "rotate-180 text-blue-600 dark:text-aurora-500": r
-              })
-            }
-          )
-        ]
-      }
-    ),
-    r && /* @__PURE__ */ a(
-      "div",
-      {
-        className: t(
-          "absolute",
-          "top-full",
-          "mt-1",
-          "bg-white",
-          "rounded-md",
-          "shadow-md",
-          "animate-in",
-          "fade-in-0",
-          "z-10",
-          "border",
-          "border-gray-200",
-          "flex",
-          "flex-col",
-          "gap-4",
-          "py-4",
-          "px-6",
-          "dark:bg-metal-800",
-          "dark:border-metal-700",
-          {
-            "left-0": l === "left",
-            "right-0": l === "right"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ e(
-            x,
-            {
-              className: "p-0",
-              arrowClassName: "-top-1 right-0",
-              monthsClassName: t(
-                "shadow-none",
-                "p-0",
-                "w-auto",
-                "dark:border-transparent"
-              ),
-              defaultSelected: o,
-              defaultMonth: o,
-              onSelect: u
-            },
-            o?.toISOString() ?? m
-          ),
-          /* @__PURE__ */ a(
-            "div",
-            {
-              className: t(
-                "flex",
-                "justify-end",
-                "items-center",
-                "gap-4",
-                "py-2"
-              ),
-              children: [
-                /* @__PURE__ */ e(
-                  i,
-                  {
-                    variant: "secondary",
-                    appearance: "compact",
-                    onClick: b,
-                    children: "Reset"
-                  }
-                ),
-                /* @__PURE__ */ e(i, { appearance: "compact", onClick: f, children: "Apply" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+    id: g,
+    appliedDay: f,
+    isOpen: t,
+    selectedDay: s,
+    wrapperRef: w,
+    handleApply: C,
+    handleOpen: k,
+    handleSelect: v,
+    handleReset: D
+  } = V(m);
+  let o;
+  e[3] !== t ? (o = d(F(), {
+    "text-slate-700": t
+  }), e[3] = t, e[4] = o) : o = e[4];
+  let r;
+  e[5] !== f ? (r = f && /* @__PURE__ */ p(A, { label: f }), e[5] = f, e[6] = r) : r = e[6];
+  let a;
+  e[7] !== t ? (a = d(I(), {
+    "rotate-180 text-blue-600 dark:text-aurora-500": t
+  }), e[7] = t, e[8] = a) : a = e[8];
+  let l;
+  e[9] !== a ? (l = /* @__PURE__ */ p(z, { className: a }), e[9] = a, e[10] = l) : l = e[10];
+  let i;
+  e[11] !== k || e[12] !== y || e[13] !== o || e[14] !== r || e[15] !== l ? (i = /* @__PURE__ */ u("button", { className: o, onClick: k, children: [
+    y,
+    r,
+    l
+  ] }), e[11] = k, e[12] = y, e[13] = o, e[14] = r, e[15] = l, e[16] = i) : i = e[16];
+  let n;
+  e[17] !== C || e[18] !== D || e[19] !== v || e[20] !== g || e[21] !== t || e[22] !== c || e[23] !== s ? (n = t && /* @__PURE__ */ u("div", { className: d("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "border", "border-gray-200", "flex", "flex-col", "gap-4", "py-4", "px-6", "dark:bg-metal-800", "dark:border-metal-700", {
+    "left-0": c === "left",
+    "right-0": c === "right"
+  }), children: [
+    /* @__PURE__ */ p(O, { className: "p-0", arrowClassName: "-top-1 right-0", monthsClassName: d("shadow-none", "p-0", "w-auto", "dark:border-transparent"), defaultSelected: s, defaultMonth: s, onSelect: v }, s?.toISOString() ?? g),
+    /* @__PURE__ */ u("div", { className: d("flex", "justify-end", "items-center", "gap-4", "py-2"), children: [
+      /* @__PURE__ */ p(B, { variant: "secondary", appearance: "compact", onClick: D, children: "Reset" }),
+      /* @__PURE__ */ p(B, { appearance: "compact", onClick: C, children: "Apply" })
+    ] })
+  ] }), e[17] = C, e[18] = D, e[19] = v, e[20] = g, e[21] = t, e[22] = c, e[23] = s, e[24] = n) : n = e[24];
+  let h;
+  return e[25] !== i || e[26] !== n || e[27] !== w ? (h = /* @__PURE__ */ u("div", { ref: w, className: "relative", children: [
+    i,
+    n
+  ] }), e[25] = i, e[26] = n, e[27] = w, e[28] = h) : h = e[28], h;
 };
 export {
-  A as DateFilterDropdown
+  K as DateFilterDropdown
 };

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

@@ -7,48 +7,40 @@ const P = ({
   onApply: t,
   countryCode: E = "US"
 }) => {
-  const { closeOnApply: i } = I(), d = F(null), o = S(), [R, s] = u(!1), [l, c] = u(
-    h
-  ), [n, f] = u(), C = D(() => {
+  const {
+    closeOnApply: i
+  } = I(), d = F(null), o = S(), [R, s] = u(!1), [l, c] = u(h), [n, f] = u(), C = D(() => {
     if (!n?.from) return;
     const e = (r) => r.toLocaleDateString(x(E), {
       day: "numeric",
       month: "short"
     });
     return n.to ? `${e(n.from)} - ${e(n.to)}` : e(n.from);
-  }, [n]), O = a(
-    () => s((e) => (e || k(o), !e)),
-    [o]
-  ), b = a(() => {
+  }, [n]), O = a(() => s((e) => (e || k(o), !e)), [o]), b = a(() => {
     const e = {
       from: l?.from,
       to: l?.to
     };
     f(e), t?.(e), i && s(!1);
   }, [i, t, l]), L = a((e) => {
-    c({ from: e.from, to: e.to });
+    c({
+      from: e.from,
+      to: e.to
+    });
   }, []), m = a(() => s(!1), []), w = a(() => {
     c(void 0), f(void 0), t?.(), i && s(!1);
   }, [i, t]);
   return p(() => {
     const e = new AbortController();
-    return document.addEventListener(
-      v.OPEN,
-      (r) => {
-        r.detail !== o && s(!1);
-      },
-      {
-        signal: e.signal
-      }
-    ), document.addEventListener(
-      v.RESET,
-      () => {
-        c(void 0), f(void 0), t?.();
-      },
-      {
-        signal: e.signal
-      }
-    ), () => {
+    return document.addEventListener(v.OPEN, (r) => {
+      r.detail !== o && s(!1);
+    }, {
+      signal: e.signal
+    }), document.addEventListener(v.RESET, () => {
+      c(void 0), f(void 0), t?.();
+    }, {
+      signal: e.signal
+    }), () => {
       e.abort();
     };
   }, [o, t]), p(() => {
@@ -57,15 +49,11 @@ const P = ({
     };
     return document.addEventListener("mousedown", r, {
       signal: e.signal
-    }), document.addEventListener(
-      "visibilitychange",
-      () => {
-        document.hidden && m();
-      },
-      {
-        signal: e.signal
-      }
-    ), () => {
+    }), document.addEventListener("visibilitychange", () => {
+      document.hidden && m();
+    }, {
+      signal: e.signal
+    }), () => {
       e.abort();
     };
   }, [m, d]), {

package/dist/components/Filter/components/DateRangeFilterDropdown/DateRangeFilterDropdown.js

@@ -1,121 +1,78 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { Badge as C } from "../../../Badge/Badge.js";
-import { Button as l } from "../../../Button/Button.js";
-import { DateRangePicker as v } from "../../../DateRangePicker/DateRangePicker.js";
-import { filterButtonIconVariants as D, filterButtonVariants as N } from "../../Filter.variants.js";
-import { cn as t } from "../../../../utils/index.js";
-import { useDateRangeFilterDropdown as y } from "./DateRangeFilterDropdown.hook.js";
-import { C as B } from "../../../../chevron-down-BBFYYzZq.js";
-const S = ({
-  label: i,
-  position: n = "left",
-  showTime: s = !1,
-  timeFormat: d = "24",
-  showPresets: m = !0,
-  defaultRange: c,
-  minDate: p,
-  maxDate: f,
-  countryCode: h = "US",
-  onApply: g
-}) => {
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { c as I } from "../../../../compiler-runtime-DA41awpA.js";
+import { Badge as S } from "../../../Badge/Badge.js";
+import { Button as z } from "../../../Button/Button.js";
+import { DateRangePicker as U } from "../../../DateRangePicker/DateRangePicker.js";
+import { filterButtonVariants as $, filterButtonIconVariants as q } from "../../Filter.variants.js";
+import { cn as h } from "../../../../utils/index.js";
+import { useDateRangeFilterDropdown as G } from "./DateRangeFilterDropdown.hook.js";
+import { C as H } from "../../../../chevron-down-BBFYYzZq.js";
+const _ = (E) => {
+  const e = I.c(34), {
+    label: u,
+    position: A,
+    showTime: P,
+    timeFormat: O,
+    showPresets: T,
+    defaultRange: g,
+    minDate: R,
+    maxDate: v,
+    countryCode: V,
+    onApply: w
+  } = E, m = A === void 0 ? "left" : A, x = P === void 0 ? !1 : P, C = O === void 0 ? "24" : O, b = T === void 0 ? !0 : T, D = V === void 0 ? "US" : V;
+  let c;
+  e[0] !== D || e[1] !== g || e[2] !== w ? (c = {
+    defaultRange: g,
+    onApply: w,
+    countryCode: D
+  }, e[0] = D, e[1] = g, e[2] = w, e[3] = c) : c = e[3];
   const {
-    appliedRange: o,
-    isOpen: r,
-    selectedRange: u,
-    wrapperRef: R,
-    handleApply: b,
-    handleOpen: k,
-    handleRangeChange: w,
-    handleReset: x
-  } = y({ defaultRange: c, onApply: g, countryCode: h });
-  return /* @__PURE__ */ a("div", { ref: R, className: "relative", children: [
-    /* @__PURE__ */ a(
-      "button",
-      {
-        className: t(N(), {
-          "text-slate-700": r
-        }),
-        onClick: k,
-        children: [
-          i,
-          o && /* @__PURE__ */ e(C, { label: o }),
-          /* @__PURE__ */ e(
-            B,
-            {
-              className: t(D(), {
-                "rotate-180 text-blue-600 dark:text-aurora-500": r
-              })
-            }
-          )
-        ]
-      }
-    ),
-    r && /* @__PURE__ */ a(
-      "div",
-      {
-        className: t(
-          "absolute",
-          "top-full",
-          "mt-1",
-          "bg-white",
-          "rounded-md",
-          "shadow-md",
-          "animate-in",
-          "fade-in-0",
-          "z-10",
-          "dark:bg-metal-800",
-          "dark:border-metal-700",
-          {
-            "left-0": n === "left",
-            "right-0": n === "right"
-          }
-        ),
-        children: [
-          /* @__PURE__ */ e(
-            v,
-            {
-              defaultRange: u,
-              showTime: s,
-              timeFormat: d,
-              showPresets: m,
-              minDate: p,
-              maxDate: f,
-              onRangeChange: w,
-              classNames: {
-                container: "shadow-none"
-              }
-            }
-          ),
-          /* @__PURE__ */ a(
-            "div",
-            {
-              className: t(
-                "flex",
-                "justify-end",
-                "items-center",
-                "gap-4",
-                "p-4",
-                "pt-0"
-              ),
-              children: [
-                /* @__PURE__ */ e(
-                  l,
-                  {
-                    variant: "secondary",
-                    appearance: "compact",
-                    onClick: x,
-                    children: "Reset"
-                  }
-                ),
-                /* @__PURE__ */ e(l, { appearance: "compact", onClick: b, children: "Apply" })
-              ]
-            }
-          )
-        ]
-      }
-    )
-  ] });
+    appliedRange: d,
+    isOpen: t,
+    selectedRange: k,
+    wrapperRef: y,
+    handleApply: N,
+    handleOpen: B,
+    handleRangeChange: F,
+    handleReset: j
+  } = G(c);
+  let a;
+  e[4] !== t ? (a = h($(), {
+    "text-slate-700": t
+  }), e[4] = t, e[5] = a) : a = e[5];
+  let o;
+  e[6] !== d ? (o = d && /* @__PURE__ */ s(S, { label: d }), e[6] = d, e[7] = o) : o = e[7];
+  let n;
+  e[8] !== t ? (n = h(q(), {
+    "rotate-180 text-blue-600 dark:text-aurora-500": t
+  }), e[8] = t, e[9] = n) : n = e[9];
+  let r;
+  e[10] !== n ? (r = /* @__PURE__ */ s(H, { className: n }), e[10] = n, e[11] = r) : r = e[11];
+  let i;
+  e[12] !== B || e[13] !== u || e[14] !== r || e[15] !== a || e[16] !== o ? (i = /* @__PURE__ */ f("button", { className: a, onClick: B, children: [
+    u,
+    o,
+    r
+  ] }), e[12] = B, e[13] = u, e[14] = r, e[15] = a, e[16] = o, e[17] = i) : i = e[17];
+  let l;
+  e[18] !== N || e[19] !== F || e[20] !== j || e[21] !== t || e[22] !== v || e[23] !== R || e[24] !== m || e[25] !== k || e[26] !== b || e[27] !== x || e[28] !== C ? (l = t && /* @__PURE__ */ f("div", { className: h("absolute", "top-full", "mt-1", "bg-white", "rounded-md", "shadow-md", "animate-in", "fade-in-0", "z-10", "dark:bg-metal-800", "dark:border-metal-700", {
+    "left-0": m === "left",
+    "right-0": m === "right"
+  }), children: [
+    /* @__PURE__ */ s(U, { defaultRange: k, showTime: x, timeFormat: C, showPresets: b, minDate: R, maxDate: v, onRangeChange: F, classNames: {
+      container: "shadow-none"
+    } }),
+    /* @__PURE__ */ f("div", { className: h("flex", "justify-end", "items-center", "gap-4", "p-4", "pt-0"), children: [
+      /* @__PURE__ */ s(z, { variant: "secondary", appearance: "compact", onClick: j, children: "Reset" }),
+      /* @__PURE__ */ s(z, { appearance: "compact", onClick: N, children: "Apply" })
+    ] })
+  ] }), e[18] = N, e[19] = F, e[20] = j, e[21] = t, e[22] = v, e[23] = R, e[24] = m, e[25] = k, e[26] = b, e[27] = x, e[28] = C, e[29] = l) : l = e[29];
+  let p;
+  return e[30] !== i || e[31] !== l || e[32] !== y ? (p = /* @__PURE__ */ f("div", { ref: y, className: "relative", children: [
+    i,
+    l
+  ] }), e[30] = i, e[31] = l, e[32] = y, e[33] = p) : p = e[33], p;
 };
 export {
-  S as DateRangeFilterDropdown
+  _ as DateRangeFilterDropdown
 };