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

package/dist/components/DateRangePicker/components/DateTimeInputs/hooks/useDateTimeInputs.js

@@ -1,213 +1,186 @@
-import { c as gt } from "../../../../../compiler-runtime-DA41awpA.js";
-import { useRef as ut, useState as z, useEffect as Dt } from "react";
-import { useDateRangePicker as Et } from "../../../contexts/date-range-picker.hook.js";
-import { combineDateAndTime as pt, formatDateToDisplayString as E, formatDateToString as G, parseDateString as d, parseDisplayDateString as S, autoFormatDateInput as vt } from "../../../utils/validation.js";
-import { isDateSelectable as J } from "../../../utils/disabled-dates.js";
-const Rt = (Tt) => {
-  const t = gt.c(81), {
-    errorInvalidDate: D,
-    errorDateNotAvailable: p,
-    errorStartAfterEnd: K,
-    errorEndBeforeStart: L
-  } = Tt, {
-    range: e,
-    time: i,
-    timeFormat: O,
-    showTime: Q,
-    name: U,
-    disabled: W,
-    blockedDays: X,
-    blockedMonths: Y,
-    minDate: Z,
-    maxDate: tt,
-    setRange: s,
-    setTime: v
-  } = Et();
-  let b;
-  t[0] !== X || t[1] !== Y || t[2] !== tt || t[3] !== Z ? (b = {
-    blockedDays: X,
-    blockedMonths: Y,
-    minDate: Z,
-    maxDate: tt
-  }, t[0] = X, t[1] = Y, t[2] = tt, t[3] = Z, t[4] = b) : b = t[4];
-  const f = b, h = ut(!1), V = ut(!1);
-  let R;
-  t[5] !== e.from ? (R = () => E(e.from), t[5] = e.from, t[6] = R) : R = t[6];
-  const [r, T] = z(R);
-  let y;
-  t[7] !== e.to ? (y = () => E(e.to), t[7] = e.to, t[8] = y) : y = t[8];
-  const [o, g] = z(y), [et, m] = z(), [rt, u] = z();
-  let P, C;
-  t[9] !== e.from ? (P = () => {
-    h.current || T(E(e.from));
-  }, C = [e.from], t[9] = e.from, t[10] = P, t[11] = C) : (P = t[10], C = t[11]), Dt(P, C);
-  let F, k;
-  t[12] !== e.to ? (F = () => {
-    V.current || g(E(e.to));
-  }, k = [e.to], t[12] = e.to, t[13] = F, t[14] = k) : (F = t[13], k = t[14]), Dt(F, k);
-  let w;
-  t[15] !== e.from || t[16] !== r ? (w = () => {
-    if (h.current = !0, m(void 0), e.from)
-      T(G(e.from));
+import { useMemo as k, useRef as B, useState as C, useEffect as j, useCallback as f } from "react";
+import { useDateRangePicker as tt } from "../../../contexts/date-range-picker.hook.js";
+import { formatDateToDisplayString as T, formatDateToString as P, parseDateString as i, parseDisplayDateString as g, autoFormatDateInput as q, combineDateAndTime as z } from "../../../utils/validation.js";
+import { isDateSelectable as R } from "../../../utils/disabled-dates.js";
+const at = ({
+  errorInvalidDate: E,
+  errorDateNotAvailable: V,
+  errorStartAfterEnd: F,
+  errorEndBeforeStart: b
+}) => {
+  const {
+    range: t,
+    time: c,
+    timeFormat: G,
+    showTime: J,
+    name: K,
+    disabled: L,
+    blockedDays: w,
+    blockedMonths: x,
+    minDate: H,
+    maxDate: M,
+    setRange: o,
+    setTime: y
+  } = tt(), d = k(
+    () => ({ blockedDays: w, blockedMonths: x, minDate: H, maxDate: M }),
+    [w, x, H, M]
+  ), h = B(!1), v = B(!1), [a, D] = C(
+    () => T(t.from)
+  ), [s, p] = C(
+    () => T(t.to)
+  ), [O, m] = C(), [Q, l] = C();
+  j(() => {
+    h.current || D(T(t.from));
+  }, [t.from]), j(() => {
+    v.current || p(T(t.to));
+  }, [t.to]);
+  const U = f(() => {
+    if (h.current = !0, m(void 0), t.from)
+      D(P(t.from));
     else {
-      const a = d(r) || S(r);
-      a && T(G(a));
+      const e = i(a) || g(a);
+      e && D(P(e));
     }
-  }, t[15] = e.from, t[16] = r, t[17] = w) : w = t[17];
-  const ot = w;
-  let x;
-  t[18] !== o || t[19] !== e || t[20] !== f || t[21] !== s || t[22] !== r ? (x = (a) => {
-    const c = a.target.value, n = vt(c, r);
-    T(n), m(void 0);
-    const l = d(n);
-    if (l && J(l, f)) {
-      const _ = e.to || d(o) || S(o);
-      if (_ && l > _)
+  }, [t.from, a]), W = f(
+    (e) => {
+      const u = e.target.value, r = q(u, a);
+      D(r), m(void 0);
+      const n = i(r);
+      if (n && R(n, d)) {
+        const S = t.to || i(s) || g(s);
+        if (S && n > S)
+          return;
+        o({ ...t, from: n });
+      }
+    },
+    [a, s, t, o, d]
+  ), X = f(
+    (e) => {
+      const u = e.currentTarget.value.trim();
+      if (u === "") {
+        h.current = !1, m(void 0), D(""), o({ ...t, from: void 0 });
         return;
-      s({
-        ...e,
-        from: l
-      });
-    }
-  }, t[18] = o, t[19] = e, t[20] = f, t[21] = s, t[22] = r, t[23] = x) : x = t[23];
-  const at = x;
-  let A;
-  t[24] !== o || t[25] !== p || t[26] !== D || t[27] !== K || t[28] !== e || t[29] !== f || t[30] !== s ? (A = (a) => {
-    const c = a.currentTarget.value.trim();
-    if (c === "") {
-      h.current = !1, m(void 0), T(""), s({
-        ...e,
-        from: void 0
-      });
-      return;
-    }
-    const n = d(c);
-    if (!n) {
-      m(D);
-      return;
-    }
-    if (!J(n, f)) {
-      m(p);
-      return;
-    }
-    const l = d(o) || S(o);
-    if (l && n > l) {
-      m(K), V.current = !0, s({
-        from: void 0,
-        to: void 0
-      });
-      return;
-    }
-    h.current = !1, m(void 0), s({
-      ...e,
-      from: n
-    }), T(E(n));
-  }, t[24] = o, t[25] = p, t[26] = D, t[27] = K, t[28] = e, t[29] = f, t[30] = s, t[31] = A) : A = t[31];
-  const nt = A;
-  let B;
-  t[32] !== o || t[33] !== e.to ? (B = () => {
-    if (V.current = !0, u(void 0), e.to)
-      g(G(e.to));
+      }
+      const r = i(u);
+      if (!r) {
+        m(E);
+        return;
+      }
+      if (!R(r, d)) {
+        m(V);
+        return;
+      }
+      const n = i(s) || g(s);
+      if (n && r > n) {
+        m(F), v.current = !0, o({ from: void 0, to: void 0 });
+        return;
+      }
+      h.current = !1, m(void 0), o({ ...t, from: r }), D(T(r));
+    },
+    [
+      t,
+      o,
+      d,
+      E,
+      V,
+      F,
+      s
+    ]
+  ), Y = f(() => {
+    if (v.current = !0, l(void 0), t.to)
+      p(P(t.to));
     else {
-      const a = d(o) || S(o);
-      a && g(G(a));
+      const e = i(s) || g(s);
+      e && p(P(e));
     }
-  }, t[32] = o, t[33] = e.to, t[34] = B) : B = t[34];
-  const st = B;
-  let I;
-  t[35] !== o || t[36] !== e || t[37] !== f || t[38] !== s || t[39] !== r ? (I = (a) => {
-    const c = a.target.value, n = vt(c, o);
-    g(n), u(void 0);
-    const l = d(n);
-    if (l && J(l, f)) {
-      const _ = e.from || d(r) || S(r);
-      if (_ && l < _)
+  }, [t.to, s]), Z = f(
+    (e) => {
+      const u = e.target.value, r = q(u, s);
+      p(r), l(void 0);
+      const n = i(r);
+      if (n && R(n, d)) {
+        const S = t.from || i(a) || g(a);
+        if (S && n < S)
+          return;
+        o({ ...t, to: n });
+      }
+    },
+    [s, a, t, o, d]
+  ), _ = f(
+    (e) => {
+      const u = e.currentTarget.value.trim();
+      if (u === "") {
+        v.current = !1, l(void 0), p(""), o({ ...t, to: void 0 });
         return;
-      s({
-        ...e,
-        to: l
-      });
-    }
-  }, t[35] = o, t[36] = e, t[37] = f, t[38] = s, t[39] = r, t[40] = I) : I = t[40];
-  const it = I;
-  let H;
-  t[41] !== p || t[42] !== L || t[43] !== D || t[44] !== e || t[45] !== f || t[46] !== s || t[47] !== r ? (H = (a) => {
-    const c = a.currentTarget.value.trim();
-    if (c === "") {
-      V.current = !1, u(void 0), g(""), s({
-        ...e,
-        to: void 0
-      });
-      return;
-    }
-    const n = d(c);
-    if (!n) {
-      u(D);
-      return;
-    }
-    if (!J(n, f)) {
-      u(p);
-      return;
-    }
-    const l = d(r) || S(r);
-    if (l && n < l) {
-      u(L), h.current = !0, s({
-        from: void 0,
-        to: void 0
-      });
-      return;
-    }
-    V.current = !1, u(void 0), s({
-      ...e,
-      to: n
-    }), g(E(n));
-  }, t[41] = p, t[42] = L, t[43] = D, t[44] = e, t[45] = f, t[46] = s, t[47] = r, t[48] = H) : H = t[48];
-  const lt = H;
-  let M;
-  t[49] !== v || t[50] !== i ? (M = (a) => {
-    v({
-      ...i,
-      startTime: a
-    });
-  }, t[49] = v, t[50] = i, t[51] = M) : M = t[51];
-  const ft = M;
-  let N;
-  t[52] !== v || t[53] !== i ? (N = (a) => {
-    v({
-      ...i,
-      endTime: a
-    });
-  }, t[52] = v, t[53] = i, t[54] = N) : N = t[54];
-  const dt = N;
-  let $;
-  t[55] !== e.from || t[56] !== i.startTime ? ($ = pt(e.from, i.startTime), t[55] = e.from, t[56] = i.startTime, t[57] = $) : $ = t[57];
-  const ct = $;
-  let j;
-  t[58] !== e.to || t[59] !== i.endTime ? (j = pt(e.to, i.endTime), t[58] = e.to, t[59] = i.endTime, t[60] = j) : j = t[60];
-  const mt = j;
-  let q;
-  return t[61] !== W || t[62] !== rt || t[63] !== o || t[64] !== mt || t[65] !== lt || t[66] !== it || t[67] !== st || t[68] !== dt || t[69] !== nt || t[70] !== at || t[71] !== ot || t[72] !== ft || t[73] !== U || t[74] !== Q || t[75] !== et || t[76] !== r || t[77] !== ct || t[78] !== i || t[79] !== O ? (q = {
-    timeFormat: O,
-    showTime: Q,
-    name: U,
-    disabled: W,
-    time: i,
-    startDateValue: r,
-    startDateError: et,
-    handleStartDateFocus: ot,
-    handleStartDateChange: at,
-    handleStartDateBlur: nt,
-    handleStartTimeChange: ft,
-    endDateValue: o,
-    endDateError: rt,
-    handleEndDateFocus: st,
-    handleEndDateChange: it,
-    handleEndDateBlur: lt,
-    handleEndTimeChange: dt,
-    startHiddenValue: ct,
-    endHiddenValue: mt
-  }, t[61] = W, t[62] = rt, t[63] = o, t[64] = mt, t[65] = lt, t[66] = it, t[67] = st, t[68] = dt, t[69] = nt, t[70] = at, t[71] = ot, t[72] = ft, t[73] = U, t[74] = Q, t[75] = et, t[76] = r, t[77] = ct, t[78] = i, t[79] = O, t[80] = q) : q = t[80], q;
+      }
+      const r = i(u);
+      if (!r) {
+        l(E);
+        return;
+      }
+      if (!R(r, d)) {
+        l(V);
+        return;
+      }
+      const n = i(a) || g(a);
+      if (n && r < n) {
+        l(b), h.current = !0, o({ from: void 0, to: void 0 });
+        return;
+      }
+      v.current = !1, l(void 0), o({ ...t, to: r }), p(T(r));
+    },
+    [
+      t,
+      o,
+      d,
+      E,
+      V,
+      b,
+      a
+    ]
+  ), $ = f(
+    (e) => {
+      y({ ...c, startTime: e });
+    },
+    [c, y]
+  ), I = f(
+    (e) => {
+      y({ ...c, endTime: e });
+    },
+    [c, y]
+  ), A = k(
+    () => z(t.from, c.startTime),
+    [t.from, c.startTime]
+  ), N = k(
+    () => z(t.to, c.endTime),
+    [t.to, c.endTime]
+  );
+  return {
+    // Context values
+    timeFormat: G,
+    showTime: J,
+    name: K,
+    disabled: L,
+    time: c,
+    // Start date state and handlers
+    startDateValue: a,
+    startDateError: O,
+    handleStartDateFocus: U,
+    handleStartDateChange: W,
+    handleStartDateBlur: X,
+    handleStartTimeChange: $,
+    // End date state and handlers
+    endDateValue: s,
+    endDateError: Q,
+    handleEndDateFocus: Y,
+    handleEndDateChange: Z,
+    handleEndDateBlur: _,
+    handleEndTimeChange: I,
+    // Hidden input values
+    startHiddenValue: A,
+    endHiddenValue: N
+  };
 };
 export {
-  Rt as useDateTimeInputs
+  at as useDateTimeInputs
 };

package/dist/components/DateRangePicker/components/PresetPanel/PresetPanel.js

@@ -1,66 +1,71 @@
-import { jsx as E, jsxs as z } from "react/jsx-runtime";
-import { c as S } from "../../../../compiler-runtime-DA41awpA.js";
-import { cn as d } from "../../../../utils/index.js";
-import { RadioGroup as C } from "../../../RadioGroup/RadioGroup.js";
-import { Typography as D } from "../../../Typography/Typography.js";
-import { presetPanelVariants as O, presetTitleVariants as V } from "./PresetPanel.variants.js";
-import { useDateRangePicker as j } from "../../contexts/date-range-picker.hook.js";
-import { PRESET_OPTIONS as w } from "../../constants/presets.js";
-const A = {
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useCallback as h, useMemo as x } from "react";
+import { cn as t } from "../../../../utils/index.js";
+import { RadioGroup as y } from "../../../RadioGroup/RadioGroup.js";
+import { Typography as g } from "../../../Typography/Typography.js";
+import { presetTitleVariants as k, presetPanelVariants as T } from "./PresetPanel.variants.js";
+import { useDateRangePicker as b } from "../../contexts/date-range-picker.hook.js";
+import { PRESET_OPTIONS as v } from "../../constants/presets.js";
+const E = {
   today: "today",
   "current-month": "currentMonth",
   custom: "custom",
   "last-7-days": "last7Days",
   "last-2-weeks": "last2Weeks"
-}, G = (L) => {
-  const e = S.c(26), {
-    className: f,
-    labelTimePeriod: v,
-    ariaLabelTimePeriod: _,
-    presetLabels: P,
-    classNames: t
-  } = L, u = v === void 0 ? "Time period" : v, b = _ === void 0 ? "Time period options" : _, {
-    preset: T,
-    setPreset: h,
-    disabled: x
-  } = j();
-  let n;
-  e[0] !== h ? (n = (i) => {
-    h(i);
-  }, e[0] = h, e[1] = n) : n = e[1];
-  const y = n;
-  let m;
-  e[2] !== x || e[3] !== P ? (m = w.map((i) => {
-    const k = A[i.value], R = k && P?.[k];
-    return {
-      value: i.value,
-      label: R || i.label,
-      disabled: x
-    };
-  }), e[2] = x, e[3] = P, e[4] = m) : m = e[4];
-  const N = m;
-  let a;
-  e[5] !== f || e[6] !== t?.root ? (a = d(O({
-    className: f
-  }), t?.root), e[5] = f, e[6] = t?.root, e[7] = a) : a = e[7];
-  let s;
-  e[8] !== t?.title ? (s = d(V(), t?.title), e[8] = t?.title, e[9] = s) : s = e[9];
-  let o;
-  e[10] !== b || e[11] !== u || e[12] !== s ? (o = /* @__PURE__ */ E(D, { component: "span", className: s, "aria-label": b, children: u }), e[10] = b, e[11] = u, e[12] = s, e[13] = o) : o = e[13];
-  const g = t?.radioGroup;
-  let r;
-  e[14] !== g ? (r = d("gap-4 pl-2", g), e[14] = g, e[15] = r) : r = e[15];
-  let c;
-  e[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (c = d("text-sm", "text-zinc-700", "dark:text-zinc-300", "[&_span]:text-zinc-700", "dark:[&_span]:text-zinc-300"), e[16] = c) : c = e[16];
-  let l;
-  e[17] !== y || e[18] !== T || e[19] !== N || e[20] !== r ? (l = /* @__PURE__ */ E(C, { name: "date-range-preset", options: N, value: T, onValueChange: y, direction: "col", wrapperClassName: r, className: c }), e[17] = y, e[18] = T, e[19] = N, e[20] = r, e[21] = l) : l = e[21];
-  let p;
-  return e[22] !== l || e[23] !== a || e[24] !== o ? (p = /* @__PURE__ */ z("div", { className: a, children: [
-    o,
-    l
-  ] }), e[22] = l, e[23] = a, e[24] = o, e[25] = p) : p = e[25], p;
+}, R = ({
+  className: l,
+  labelTimePeriod: m = "Time period",
+  ariaLabelTimePeriod: p = "Time period options",
+  presetLabels: r,
+  classNames: a
+}) => {
+  const { preset: c, setPreset: o, disabled: s } = b(), d = h(
+    (e) => {
+      o(e);
+    },
+    [o]
+  ), u = x(
+    () => v.map((e) => {
+      const n = E[e.value], P = n && r?.[n];
+      return {
+        value: e.value,
+        label: P || e.label,
+        disabled: s
+      };
+    }),
+    [s, r]
+  );
+  return /* @__PURE__ */ f("div", { className: t(T({ className: l }), a?.root), children: [
+    /* @__PURE__ */ i(
+      g,
+      {
+        component: "span",
+        className: t(k(), a?.title),
+        "aria-label": p,
+        children: m
+      }
+    ),
+    /* @__PURE__ */ i(
+      y,
+      {
+        name: "date-range-preset",
+        options: u,
+        value: c,
+        onValueChange: d,
+        direction: "col",
+        wrapperClassName: t("gap-4 pl-2", a?.radioGroup),
+        className: t(
+          "text-sm",
+          "text-zinc-700",
+          "dark:text-zinc-300",
+          "[&_span]:text-zinc-700",
+          "dark:[&_span]:text-zinc-300"
+        )
+      }
+    )
+  ] });
 };
-G.displayName = "DateRangePickerPresetPanel";
+R.displayName = "DateRangePickerPresetPanel";
 export {
-  G as PresetPanel
+  R as PresetPanel
 };

package/dist/components/DateRangePicker/components/PresetPanel/PresetPanel.variants.js

@@ -1,5 +1,23 @@
 import { c as e } from "../../../../index-D29mdTf5.js";
-const a = e(["flex", "flex-col", "gap-6", "p-4", "pr-8", "bg-slate-100", "rounded-lg", "dark:bg-metal-600/25", "min-w-40"]), r = e(["text-xs", "font-medium", "uppercase", "text-slate-700", "dark:text-metal-300", "tracking-[0.25px]", "leading-4"]);
+const a = e([
+  "flex",
+  "flex-col",
+  "gap-6",
+  "p-4",
+  "pr-8",
+  "bg-slate-100",
+  "rounded-lg",
+  "dark:bg-metal-600/25",
+  "min-w-40"
+]), r = e([
+  "text-xs",
+  "font-medium",
+  "uppercase",
+  "text-slate-700",
+  "dark:text-metal-300",
+  "tracking-[0.25px]",
+  "leading-4"
+]);
 export {
   a as presetPanelVariants,
   r as presetTitleVariants

package/dist/components/DateRangePicker/constants/presets.js

@@ -1,19 +1,10 @@
-const a = [{
-  value: "today",
-  label: "Today"
-}, {
-  value: "current-month",
-  label: "Current month"
-}, {
-  value: "custom",
-  label: "Custom"
-}, {
-  value: "last-7-days",
-  label: "Last 7 days"
-}, {
-  value: "last-2-weeks",
-  label: "Last 2 weeks"
-}];
+const a = [
+  { value: "today", label: "Today" },
+  { value: "current-month", label: "Current month" },
+  { value: "custom", label: "Custom" },
+  { value: "last-7-days", label: "Last 7 days" },
+  { value: "last-2-weeks", label: "Last 2 weeks" }
+];
 export {
   a as PRESET_OPTIONS
 };

package/dist/components/DateRangePicker/contexts/date-range-picker.hook.js

@@ -3,7 +3,9 @@ import { DateRangePickerContext as r } from "./date-range-picker.context.js";
 const i = () => {
   const e = t(r);
   if (!e)
-    throw new Error("useDateRangePicker must be used within a DateRangePickerProvider");
+    throw new Error(
+      "useDateRangePicker must be used within a DateRangePickerProvider"
+    );
   return e;
 };
 export {