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

package/dist/components/Filter/components/ResetButton/ResetButton.js

@@ -1,32 +1,27 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useCallback as m } from "react";
-import { Button as i } from "../../../Button/Button.js";
-import { cn as c } from "../../../../utils/index.js";
-import { resetEvent as p } from "../../events/index.js";
-const d = ({
-  disabled: e,
-  className: r,
-  onClick: t,
-  ...o
-}) => {
-  const n = m(() => {
-    p(), t?.();
-  }, [t]);
-  return /* @__PURE__ */ a(
-    i,
-    {
-      type: "button",
-      variant: "link",
-      appearance: "compact",
-      version: "alternate",
-      onClick: n,
-      disabled: e,
-      className: c("hover:no-underline", r),
-      ...o,
-      children: "Reset"
-    }
-  );
+import { jsx as m } from "react/jsx-runtime";
+import { c as p } from "../../../../compiler-runtime-DA41awpA.js";
+import { Button as f } from "../../../Button/Button.js";
+import { cn as d } from "../../../../utils/index.js";
+import { resetEvent as u } from "../../events/index.js";
+const R = (a) => {
+  const e = p.c(14);
+  let t, o, l, r;
+  e[0] !== a ? ({
+    disabled: l,
+    className: t,
+    onClick: r,
+    ...o
+  } = a, e[0] = a, e[1] = t, e[2] = o, e[3] = l, e[4] = r) : (t = e[1], o = e[2], l = e[3], r = e[4]);
+  let i;
+  e[5] !== r ? (i = () => {
+    u(), r?.();
+  }, e[5] = r, e[6] = i) : i = e[6];
+  const c = i;
+  let n;
+  e[7] !== t ? (n = d("hover:no-underline", t), e[7] = t, e[8] = n) : n = e[8];
+  let s;
+  return e[9] !== o || e[10] !== l || e[11] !== c || e[12] !== n ? (s = /* @__PURE__ */ m(f, { type: "button", variant: "link", appearance: "compact", version: "alternate", onClick: c, disabled: l, className: n, ...o, children: "Reset" }), e[9] = o, e[10] = l, e[11] = c, e[12] = n, e[13] = s) : s = e[13], s;
 };
 export {
-  d as ResetButton
+  R as ResetButton
 };

package/dist/components/Filter/components/ResetButton/ResetButton.types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonProps } from '../../../Button/Button.types';
+import { Props as ButtonProps } from '../../../Button/Button.types';
 export type ResetButtonProps = ButtonProps & {
     disabled?: boolean;
     onClick?: VoidFunction;

package/dist/components/Filter/components/TextMultiSelect/TextMultiSelect.js

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

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

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