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

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

@@ -1,186 +1,213 @@
-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));
+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));
     else {
-      const e = i(a) || g(a);
-      e && D(P(e));
+      const a = d(r) || S(r);
+      a && T(G(a));
     }
-  }, [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 });
+  }, 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 > _)
         return;
-      }
-      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));
+      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));
     else {
-      const e = i(s) || g(s);
-      e && p(P(e));
+      const a = d(o) || S(o);
+      a && g(G(a));
     }
-  }, [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 });
+  }, 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 < _)
         return;
-      }
-      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
-  };
+      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;
 };
 export {
-  at as useDateTimeInputs
+  Rt as useDateTimeInputs
 };

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

@@ -1,71 +1,66 @@
-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 = {
+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 = {
   today: "today",
   "current-month": "currentMonth",
   custom: "custom",
   "last-7-days": "last7Days",
   "last-2-weeks": "last2Weeks"
-}, 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 = (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.displayName = "DateRangePickerPresetPanel";
+G.displayName = "DateRangePickerPresetPanel";
 export {
-  R as PresetPanel
+  G as PresetPanel
 };

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

@@ -1,23 +1,5 @@
 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,10 +1,19 @@
-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,9 +3,7 @@ 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 {