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

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

@@ -1,89 +1,54 @@
-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();
+import { getFormattedTime as k } from "../../../TimePicker/utils/index.js";
+import { useFilterContext as x } from "../../contexts/filter.hook.js";
+import { FilterEvent as g, sendOpenFilterEvent as I } from "../../events/index.js";
+import { useCallback as n, useEffect as E, useId as A, useRef as D, useState as i } from "react";
+var B = ({ onApply: t, format: h = "24" }) => {
+  const { closeOnApply: l } = x(), c = D(null), s = A(), [L, o] = i(!1), [d, r] = i(), [b, m] = i(), [u, a] = i(), [C, f] = i(), O = C ?? (b ? k(b, h) : void 0), T = n(() => o((e) => (e || I(s), !e)), [s]), P = n((e) => {
+    r(e.value), a(e.label);
+  }, []), S = n((e) => {
+    r(e), a(void 0);
+  }, []), w = n(() => {
+    m(d), f(u), t?.(d), l && o(!1);
+  }, [
+    l,
+    t,
+    d,
+    u
+  ]), v = n(() => o(!1), []), F = n(() => {
+    r(void 0), m(void 0), a(void 0), f(void 0), t?.(), l && o(!1);
+  }, [l, t]);
+  return E(() => {
+    const e = new AbortController();
+    return document.addEventListener(g.OPEN, (p) => {
+      p.detail !== s && o(!1);
+    }, { signal: e.signal }), document.addEventListener(g.RESET, () => {
+      r(void 0), m(void 0), a(void 0), f(void 0), t?.();
+    }, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, 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();
+  }, [s, t]), E(() => {
+    const e = new AbortController(), p = (R) => {
+      c.current?.contains(R.target) || v();
     };
-    return document.addEventListener("mousedown", D, {
-      signal: t.signal
-    }), document.addEventListener("visibilitychange", () => {
-      document.hidden && I();
-    }, {
-      signal: t.signal
-    }), () => {
-      t.abort();
+    return document.addEventListener("mousedown", p, { signal: e.signal }), document.addEventListener("visibilitychange", () => {
+      document.hidden && v();
+    }, { signal: e.signal }), () => {
+      e.abort();
     };
-  }, _ = [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;
+  }, [v, c]), {
+    id: s,
+    appliedLabel: O,
+    isOpen: L,
+    selectedTime: d,
+    selectedPresetLabel: u,
+    wrapperRef: c,
+    handleApply: w,
+    handleOpen: T,
+    handleSelectPreset: P,
+    handleSelectCustom: S,
+    handleReset: F
+  };
 };
 export {
-  ee as useTimeFilterDropdown
+  B as useTimeFilterDropdown
 };

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

@@ -1,84 +1,84 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import { c as S } from "../../../../compiler-runtime-DA41awpA.js";
-import { Badge as V } from "../../../Badge/Badge.js";
-import { Button as L } from "../../../Button/Button.js";
-import { filterButtonVariants as z, filterButtonIconVariants as E } from "../../Filter.variants.js";
-import { TimePicker as I } from "../../../TimePicker/TimePicker.js";
-import { cn as m } from "../../../../utils/index.js";
-import { useTimeFilterDropdown as $ } from "./TimeFilterDropdown.hook.js";
-import { C as q } from "../../../../chevron-down-BBFYYzZq.js";
-const Y = (O) => {
-  const e = S.c(34), {
-    label: y,
-    position: A,
-    format: D,
-    presets: d,
-    showTimePicker: F,
-    onApply: w
-  } = O, h = A === void 0 ? "left" : A, a = D === void 0 ? "24" : D, b = F === void 0 ? !0 : F;
-  let x;
-  e[0] !== a || e[1] !== w ? (x = {
-    onApply: w,
-    format: a
-  }, e[0] = a, e[1] = w, e[2] = x) : x = e[2];
-  const {
-    appliedLabel: g,
-    isOpen: l,
-    selectedTime: N,
-    selectedPresetLabel: u,
-    wrapperRef: C,
-    handleApply: P,
-    handleOpen: T,
-    handleSelectPreset: B,
-    handleSelectCustom: R,
-    handleReset: j
-  } = $(x), k = d && d.length > 0;
-  let r;
-  e[3] !== l ? (r = m(z(), {
-    "text-slate-700 dark:text-metal-100": l
-  }), e[3] = l, e[4] = r) : r = e[4];
-  let o;
-  e[5] !== g ? (o = g && /* @__PURE__ */ t(V, { label: g }), e[5] = g, e[6] = o) : o = e[6];
-  let i;
-  e[7] !== l ? (i = m(E(), {
-    "rotate-180 text-blue-600 dark:text-aurora-500": l
-  }), e[7] = l, e[8] = i) : i = e[8];
-  let s;
-  e[9] !== i ? (s = /* @__PURE__ */ t(q, { className: i }), e[9] = i, e[10] = s) : s = e[10];
-  let n;
-  e[11] !== T || e[12] !== y || e[13] !== r || e[14] !== o || e[15] !== s ? (n = /* @__PURE__ */ f("button", { className: r, onClick: T, children: [
-    y,
-    o,
-    s
-  ] }), e[11] = T, e[12] = y, e[13] = r, e[14] = o, e[15] = s, e[16] = n) : n = e[16];
-  let c;
-  e[17] !== a || e[18] !== P || e[19] !== j || e[20] !== R || e[21] !== B || e[22] !== k || e[23] !== l || e[24] !== h || e[25] !== d || e[26] !== u || e[27] !== N || e[28] !== b ? (c = l && /* @__PURE__ */ f("div", { className: m("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", "dark:bg-metal-800", "dark:border-metal-700", {
-    "left-0": h === "left",
-    "right-0": h === "right"
-  }), children: [
-    /* @__PURE__ */ f("div", { className: "flex", children: [
-      k && /* @__PURE__ */ t("div", { className: "flex flex-col gap-1 py-4 px-4 min-w-40", children: d.map((p) => /* @__PURE__ */ t("button", { type: "button", className: m("text-left", "px-3", "py-1.5", "rounded", "cursor-pointer", "text-sm", "whitespace-nowrap", "transition-colors", "hover:bg-gray-100", "dark:hover:bg-metal-700", {
-        "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": u === p.label,
-        "text-gray-700 dark:text-gray-300": u !== p.label
-      }), onClick: () => B(p), children: p.label }, p.label)) }),
-      k && b && /* @__PURE__ */ t("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
-      b && /* @__PURE__ */ t("div", { className: "py-4 px-6", children: /* @__PURE__ */ t("div", { className: m({
-        "w-35.5": a === "24",
-        "w-52": a === "12"
-      }), children: /* @__PURE__ */ t(I, { format: a, time: N, onChange: R, mode: "input" }) }) })
-    ] }),
-    /* @__PURE__ */ t("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
-    /* @__PURE__ */ f("div", { className: m("flex", "justify-end", "items-center", "gap-4", "px-6", "py-3"), children: [
-      /* @__PURE__ */ t(L, { variant: "secondary", appearance: "compact", onClick: j, children: "Reset" }),
-      /* @__PURE__ */ t(L, { appearance: "compact", onClick: P, children: "Apply" })
-    ] })
-  ] }), e[17] = a, e[18] = P, e[19] = j, e[20] = R, e[21] = B, e[22] = k, e[23] = l, e[24] = h, e[25] = d, e[26] = u, e[27] = N, e[28] = b, e[29] = c) : c = e[29];
-  let v;
-  return e[30] !== c || e[31] !== n || e[32] !== C ? (v = /* @__PURE__ */ f("div", { ref: C, className: "relative", children: [
-    n,
-    c
-  ] }), e[30] = c, e[31] = n, e[32] = C, e[33] = v) : v = e[33], v;
+import { t as a } from "../../../../utils-DHuiYnx1.js";
+import { Button as p } from "../../../Button/Button.js";
+import { t as N } from "../../../../chevron-down-DgssmYWu.js";
+import { Badge as w } from "../../../Badge/Badge.js";
+import { TimePicker as C } from "../../../TimePicker/TimePicker.js";
+import { filterButtonIconVariants as B, filterButtonVariants as j } from "../../Filter.variants.js";
+import { useTimeFilterDropdown as D } from "./TimeFilterDropdown.hook.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+var V = ({ label: b, position: o = "left", format: r = "24", presets: i, showTimePicker: d = !0, onApply: h }) => {
+  const { appliedLabel: c, isOpen: n, selectedTime: x, selectedPresetLabel: m, wrapperRef: g, handleApply: f, handleOpen: u, handleSelectPreset: v, handleSelectCustom: y, handleReset: k } = D({
+    onApply: h,
+    format: r
+  }), s = i && i.length > 0;
+  return /* @__PURE__ */ l("div", {
+    ref: g,
+    className: "relative",
+    children: [/* @__PURE__ */ l("button", {
+      className: a(j(), { "text-slate-700 dark:text-metal-100": n }),
+      onClick: u,
+      children: [
+        b,
+        c && /* @__PURE__ */ e(w, { label: c }),
+        /* @__PURE__ */ e(N, { className: a(B(), { "rotate-180 text-blue-600 dark:text-aurora-500": n }) })
+      ]
+    }), n && /* @__PURE__ */ l("div", {
+      className: a("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", "dark:bg-metal-800", "dark:border-metal-700", {
+        "left-0": o === "left",
+        "right-0": o === "right"
+      }),
+      children: [
+        /* @__PURE__ */ l("div", {
+          className: "flex",
+          children: [
+            s && /* @__PURE__ */ e("div", {
+              className: "flex flex-col gap-1 py-4 px-4 min-w-40",
+              children: i.map((t) => /* @__PURE__ */ e("button", {
+                type: "button",
+                className: a("text-left", "px-3", "py-1.5", "rounded", "cursor-pointer", "text-sm", "whitespace-nowrap", "transition-colors", "hover:bg-gray-100", "dark:hover:bg-metal-700", {
+                  "bg-blue-50 text-blue-600 dark:bg-metal-700 dark:text-aurora-500": m === t.label,
+                  "text-gray-700 dark:text-gray-300": m !== t.label
+                }),
+                onClick: () => v(t),
+                children: t.label
+              }, t.label))
+            }),
+            s && d && /* @__PURE__ */ e("div", { className: "w-px bg-gray-200 dark:bg-metal-700" }),
+            d && /* @__PURE__ */ e("div", {
+              className: "py-4 px-6",
+              children: /* @__PURE__ */ e("div", {
+                className: a({
+                  "w-35.5": r === "24",
+                  "w-52": r === "12"
+                }),
+                children: /* @__PURE__ */ e(C, {
+                  format: r,
+                  time: x,
+                  onChange: y,
+                  mode: "input"
+                })
+              })
+            })
+          ]
+        }),
+        /* @__PURE__ */ e("div", { className: "h-px bg-gray-200 dark:bg-metal-700" }),
+        /* @__PURE__ */ l("div", {
+          className: a("flex", "justify-end", "items-center", "gap-4", "px-6", "py-3"),
+          children: [/* @__PURE__ */ e(p, {
+            variant: "secondary",
+            appearance: "compact",
+            onClick: k,
+            children: "Reset"
+          }), /* @__PURE__ */ e(p, {
+            appearance: "compact",
+            onClick: f,
+            children: "Apply"
+          })]
+        })
+      ]
+    })]
+  });
 };
 export {
-  Y as TimeFilterDropdown
+  V as TimeFilterDropdown
 };

package/dist/components/Filter/components/index.js

@@ -1,14 +1,14 @@
 import { BadgeMultiSelect as t } from "./BadgeDropdown/BadgeMultiSelect.js";
-import { DateFilterDropdown as p } from "./DateFilterDropdown/DateFilterDropdown.js";
-import { DateRangeFilterDropdown as m } from "./DateRangeFilterDropdown/DateRangeFilterDropdown.js";
-import { ResetButton as f } from "./ResetButton/ResetButton.js";
+import { DateFilterDropdown as e } from "./DateFilterDropdown/DateFilterDropdown.js";
+import { DateRangeFilterDropdown as i } from "./DateRangeFilterDropdown/DateRangeFilterDropdown.js";
+import { ResetButton as l } from "./ResetButton/ResetButton.js";
 import { TextMultiSelect as n } from "./TextMultiSelect/TextMultiSelect.js";
 import { TimeFilterDropdown as a } from "./TimeFilterDropdown/TimeFilterDropdown.js";
 export {
   t as BadgeMultiSelect,
-  p as DateFilterDropdown,
-  m as DateRangeFilterDropdown,
-  f as ResetButton,
+  e as DateFilterDropdown,
+  i as DateRangeFilterDropdown,
+  l as ResetButton,
   n as TextMultiSelect,
   a as TimeFilterDropdown
 };

package/dist/components/Filter/contexts/filter.context.js

@@ -1,7 +1,5 @@
 import { createContext as t } from "react";
-const o = t({
-  closeOnApply: !0
-});
+var r = t({ closeOnApply: !0 });
 export {
-  o as FilterContext
+  r as FilterContext
 };

package/dist/components/Filter/contexts/filter.hook.js

@@ -1,9 +1,8 @@
-import { useContext as e } from "react";
-import { FilterContext as r } from "./filter.context.js";
-const n = () => {
-  const t = e(r);
-  if (!t)
-    throw new Error("useFilterContext must be used within a FilterProvider");
+import { FilterContext as e } from "./filter.context.js";
+import { useContext as r } from "react";
+var n = () => {
+  const t = r(e);
+  if (!t) throw new Error("useFilterContext must be used within a FilterProvider");
   return t;
 };
 export {

package/dist/components/Filter/contexts/filter.provider.js

@@ -1,18 +1,9 @@
-import { jsx as s } from "react/jsx-runtime";
-import { c } from "../../../compiler-runtime-DA41awpA.js";
-import { FilterContext as m } from "./filter.context.js";
-const x = (l) => {
-  const e = c.c(5), {
-    children: o,
-    closeOnApply: i
-  } = l;
-  let r;
-  e[0] !== i ? (r = {
-    closeOnApply: i
-  }, e[0] = i, e[1] = r) : r = e[1];
-  let t;
-  return e[2] !== o || e[3] !== r ? (t = /* @__PURE__ */ s(m.Provider, { value: r, children: o }), e[2] = o, e[3] = r, e[4] = t) : t = e[4], t;
-};
+import { FilterContext as e } from "./filter.context.js";
+import { jsx as t } from "react/jsx-runtime";
+var v = ({ children: r, closeOnApply: o }) => /* @__PURE__ */ t(e.Provider, {
+  value: { closeOnApply: o },
+  children: r
+});
 export {
-  x as FilterProvider
+  v as FilterProvider
 };

package/dist/components/Filter/contexts/index.js

@@ -1,8 +1,8 @@
 import { FilterContext as t } from "./filter.context.js";
-import { useFilterContext as x } from "./filter.hook.js";
-import { FilterProvider as f } from "./filter.provider.js";
+import { useFilterContext as e } from "./filter.hook.js";
+import { FilterProvider as m } from "./filter.provider.js";
 export {
   t as FilterContext,
-  f as FilterProvider,
-  x as useFilterContext
+  m as FilterProvider,
+  e as useFilterContext
 };

package/dist/components/Filter/events/index.js

@@ -1,12 +1,8 @@
-var e = /* @__PURE__ */ ((t) => (t.OPEN = "@konstrtuctio/KonstructFilter/event-OPEN", t.RESET = "@konstrtuctio/KonstructFilter/event-RESET", t))(e || {});
-const n = (t) => document.dispatchEvent(new CustomEvent("@konstrtuctio/KonstructFilter/event-OPEN", {
-  detail: t
-})), o = () => document.dispatchEvent(new CustomEvent(
-  "@konstrtuctio/KonstructFilter/event-RESET"
-  /* RESET */
-));
+var e = /* @__PURE__ */ (function(t) {
+  return t.OPEN = "@konstrtuctio/KonstructFilter/event-OPEN", t.RESET = "@konstrtuctio/KonstructFilter/event-RESET", t;
+})({}), n = (t) => document.dispatchEvent(new CustomEvent(e.OPEN, { detail: t })), E = () => document.dispatchEvent(new CustomEvent(e.RESET));
 export {
   e as FilterEvent,
-  o as resetEvent,
+  E as resetEvent,
   n as sendOpenFilterEvent
 };