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

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

@@ -1,192 +1,176 @@
-import { jsx as Ot } from "react/jsx-runtime";
-import { c as jt } from "../../../compiler-runtime-DA41awpA.js";
-import { useState as Q } from "react";
-import { calculatePresetRange as _t } from "../utils/presets.js";
-import { canNavigateToPrevMonth as Yt, canNavigateToNextMonth as Tt } from "../utils/disabled-dates.js";
-import { DateRangePickerContext as Et } from "./date-range-picker.context.js";
-const Ut = (s) => {
-  const t = jt.c(88), {
-    children: e,
-    defaultRange: o,
-    defaultTime: h,
-    defaultPreset: Dt,
-    timeFormat: Mt,
-    showTime: wt,
-    name: U,
-    disabled: pt,
-    animationDuration: Rt,
-    blockedDays: N,
-    blockedMonths: F,
-    minDate: a,
-    maxDate: l,
-    hideDisabledNavigation: Nt,
-    showOutsideDays: Ft,
-    navigationMode: Pt,
-    onRangeChange: r,
-    onDateChange: m
-  } = s, c = Dt === void 0 ? "custom" : Dt, W = Mt === void 0 ? "24" : Mt, X = wt === void 0 ? !0 : wt, Z = pt === void 0 ? !1 : pt, tt = Rt === void 0 ? 500 : Rt;
-  let P;
-  t[0] !== N ? (P = N === void 0 ? [] : N, t[0] = N, t[1] = P) : P = t[1];
-  const et = P;
-  let x;
-  t[2] !== F ? (x = F === void 0 ? [] : F, t[2] = F, t[3] = x) : x = t[3];
-  const nt = x, ot = Nt === void 0 ? !1 : Nt, it = Ft === void 0 ? !1 : Ft, st = Pt === void 0 ? "together" : Pt;
-  let L;
-  t[4] !== c || t[5] !== o ? (L = () => o || (c !== "custom" ? _t(c) : {}), t[4] = c, t[5] = o, t[6] = L) : L = t[6];
-  const [v, xt] = Q(L);
-  let Y;
-  t[7] !== h ? (Y = () => h ?? {}, t[7] = h, t[8] = Y) : Y = t[8];
-  const [f, bt] = Q(Y), [at, Lt] = Q(c);
-  let T;
-  t[9] !== c || t[10] !== o ? (T = () => {
-    let i = {};
-    o ? i = o : c !== "custom" && (i = _t(c));
-    const g = i?.from ?? i?.to ?? /* @__PURE__ */ new Date(), St = new Date(g.getFullYear(), g.getMonth(), 1), Ct = new Date(g.getFullYear(), g.getMonth() + 1, 1);
-    return [St, Ct];
-  }, t[9] = c, t[10] = o, t[11] = T) : T = t[11];
-  const [n, u] = Q(T);
-  let b;
-  t[12] !== m || t[13] !== r || t[14] !== f ? (b = (i) => {
-    xt(i), Lt("custom"), r?.({
-      ...i,
-      ...f
-    }), m?.(i);
-  }, t[12] = m, t[13] = r, t[14] = f, t[15] = b) : b = t[15];
-  const lt = b;
-  let y;
-  t[16] !== r || t[17] !== v ? (y = (i) => {
-    bt(i), r?.({
-      ...v,
-      ...i
+import { jsx as d } from "react/jsx-runtime";
+import { useState as p, useCallback as r, useMemo as c } from "react";
+import { calculatePresetRange as P } from "../utils/presets.js";
+import { canNavigateToPrevMonth as A, canNavigateToNextMonth as B } from "../utils/disabled-dates.js";
+import { DateRangePickerContext as C } from "./date-range-picker.context.js";
+const st = ({
+  children: E,
+  defaultRange: f,
+  defaultTime: G,
+  defaultPreset: g = "custom",
+  timeFormat: H = "24",
+  showTime: I = !0,
+  name: J,
+  disabled: K = !1,
+  animationDuration: O = 500,
+  blockedDays: Q = [],
+  blockedMonths: U = [],
+  minDate: u,
+  maxDate: l,
+  hideDisabledNavigation: W = !1,
+  showOutsideDays: X = !1,
+  navigationMode: Z = "together",
+  onRangeChange: i,
+  onDateChange: M
+}) => {
+  const [v, R] = p(() => f || (g !== "custom" ? P(g) : {})), [a, _] = p(() => G ?? {}), [T, x] = p(g), [n, s] = p(() => {
+    let t = {};
+    f ? t = f : g !== "custom" && (t = P(g));
+    const e = t?.from ?? t?.to ?? /* @__PURE__ */ new Date(), o = new Date(
+      e.getFullYear(),
+      e.getMonth(),
+      1
+    ), h = new Date(
+      e.getFullYear(),
+      e.getMonth() + 1,
+      1
+    );
+    return [o, h];
+  }), D = r(
+    (t) => {
+      R(t), x("custom"), i?.({ ...t, ...a }), M?.(t);
+    },
+    [a, i, M]
+  ), S = r(
+    (t) => {
+      _(t), i?.({ ...v, ...t });
+    },
+    [v, i]
+  ), k = r(
+    (t) => {
+      if (x(t), t !== "custom") {
+        const e = P(t);
+        R(e), i?.({ ...e, ...a }), M?.(e);
+      }
+    },
+    [a, i, M]
+  ), w = c(
+    () => A(n[0], u),
+    [n, u]
+  ), m = c(
+    () => B(n[1], l),
+    [n, l]
+  ), y = r(() => {
+    w && s(([t, e]) => {
+      const o = new Date(t.getFullYear(), t.getMonth() - 1, 1), h = new Date(e.getFullYear(), e.getMonth() - 1, 1);
+      return [o, h];
     });
-  }, t[16] = r, t[17] = v, t[18] = y) : y = t[18];
-  const rt = y;
-  let k;
-  t[19] !== m || t[20] !== r || t[21] !== f ? (k = (i) => {
-    if (Lt(i), i !== "custom") {
-      const g = _t(i);
-      xt(g), r?.({
-        ...g,
-        ...f
-      }), m?.(g);
+  }, [w]), b = r(() => {
+    m && s(([t, e]) => {
+      const o = new Date(t.getFullYear(), t.getMonth() + 1, 1), h = new Date(e.getFullYear(), e.getMonth() + 1, 1);
+      return [o, h];
+    });
+  }, [m]), N = c(
+    () => A(n[0], u),
+    [n, u]
+  ), F = c(() => {
+    const t = n[0], e = n[1];
+    return new Date(
+      t.getFullYear(),
+      t.getMonth() + 1,
+      1
+    ).getTime() < e.getTime();
+  }, [n]), L = c(() => {
+    const t = n[0], e = n[1];
+    return new Date(
+      e.getFullYear(),
+      e.getMonth() - 1,
+      1
+    ).getTime() > t.getTime();
+  }, [n]), Y = c(
+    () => B(n[1], l),
+    [n, l]
+  ), j = r(() => {
+    N && s(([t, e]) => [new Date(t.getFullYear(), t.getMonth() - 1, 1), e]);
+  }, [N]), V = r(() => {
+    F && s(([t, e]) => [new Date(t.getFullYear(), t.getMonth() + 1, 1), e]);
+  }, [F]), q = r(() => {
+    L && s(([t, e]) => {
+      const o = new Date(e.getFullYear(), e.getMonth() - 1, 1);
+      return [t, o];
+    });
+  }, [L]), z = r(() => {
+    Y && s(([t, e]) => {
+      const o = new Date(e.getFullYear(), e.getMonth() + 1, 1);
+      return [t, o];
+    });
+  }, [Y]), $ = c(
+    () => ({
+      range: v,
+      time: a,
+      preset: T,
+      displayedMonths: n,
+      canNavigatePrev: w,
+      canNavigateNext: m,
+      canLeftNavigatePrev: N,
+      canLeftNavigateNext: F,
+      canRightNavigatePrev: L,
+      canRightNavigateNext: Y,
+      setRange: D,
+      setTime: S,
+      setPreset: k,
+      navigatePrevMonth: y,
+      navigateNextMonth: b,
+      navigateLeftPrev: j,
+      navigateLeftNext: V,
+      navigateRightPrev: q,
+      navigateRightNext: z,
+      setDisplayedMonths: s
+    }),
+    [
+      v,
+      a,
+      T,
+      n,
+      w,
+      m,
+      N,
+      F,
+      L,
+      Y,
+      D,
+      S,
+      k,
+      y,
+      b,
+      j,
+      V,
+      q,
+      z
+    ]
+  );
+  return /* @__PURE__ */ d(
+    C.Provider,
+    {
+      value: {
+        ...$,
+        timeFormat: H,
+        showTime: I,
+        name: J,
+        disabled: K,
+        animationDuration: O,
+        blockedDays: Q,
+        blockedMonths: U,
+        minDate: u,
+        maxDate: l,
+        hideDisabledNavigation: W,
+        showOutsideDays: X,
+        navigationMode: Z
+      },
+      children: E
     }
-  }, t[19] = m, t[20] = r, t[21] = f, t[22] = k) : k = t[22];
-  const ct = k;
-  let S;
-  t[23] !== n[0] || t[24] !== a ? (S = Yt(n[0], a), t[23] = n[0], t[24] = a, t[25] = S) : S = t[25];
-  const d = S;
-  let C;
-  t[26] !== n[1] || t[27] !== l ? (C = Tt(n[1], l), t[26] = n[1], t[27] = l, t[28] = C) : C = t[28];
-  const _ = C;
-  let O;
-  t[29] !== d ? (O = () => {
-    d && u(Vt);
-  }, t[29] = d, t[30] = O) : O = t[30];
-  const ft = O;
-  let j;
-  t[31] !== _ ? (j = () => {
-    _ && u($t);
-  }, t[31] = _, t[32] = j) : j = t[32];
-  const gt = j;
-  let E;
-  t[33] !== n[0] || t[34] !== a ? (E = Yt(n[0], a), t[33] = n[0], t[34] = a, t[35] = E) : E = t[35];
-  const D = E, V = n[0], yt = n[1];
-  let $;
-  t[36] !== V ? ($ = new Date(V.getFullYear(), V.getMonth() + 1, 1).getTime(), t[36] = V, t[37] = $) : $ = t[37];
-  const M = $ < yt.getTime(), kt = n[0], q = n[1];
-  let z;
-  t[38] !== q ? (z = new Date(q.getFullYear(), q.getMonth() - 1, 1).getTime(), t[38] = q, t[39] = z) : z = t[39];
-  const w = z > kt.getTime();
-  let A;
-  t[40] !== n[1] || t[41] !== l ? (A = Tt(n[1], l), t[40] = n[1], t[41] = l, t[42] = A) : A = t[42];
-  const p = A;
-  let B;
-  t[43] !== D ? (B = () => {
-    D && u(qt);
-  }, t[43] = D, t[44] = B) : B = t[44];
-  const ht = B;
-  let G;
-  t[45] !== M ? (G = () => {
-    M && u(zt);
-  }, t[45] = M, t[46] = G) : G = t[46];
-  const ut = G;
-  let H;
-  t[47] !== w ? (H = () => {
-    w && u(At);
-  }, t[47] = w, t[48] = H) : H = t[48];
-  const mt = H;
-  let I;
-  t[49] !== p ? (I = () => {
-    p && u(Bt);
-  }, t[49] = p, t[50] = I) : I = t[50];
-  const vt = I;
-  let J;
-  t[51] !== M || t[52] !== D || t[53] !== _ || t[54] !== d || t[55] !== p || t[56] !== w || t[57] !== n || t[58] !== ut || t[59] !== ht || t[60] !== gt || t[61] !== ft || t[62] !== vt || t[63] !== mt || t[64] !== at || t[65] !== v || t[66] !== ct || t[67] !== lt || t[68] !== rt || t[69] !== f ? (J = {
-    range: v,
-    time: f,
-    preset: at,
-    displayedMonths: n,
-    canNavigatePrev: d,
-    canNavigateNext: _,
-    canLeftNavigatePrev: D,
-    canLeftNavigateNext: M,
-    canRightNavigatePrev: w,
-    canRightNavigateNext: p,
-    setRange: lt,
-    setTime: rt,
-    setPreset: ct,
-    navigatePrevMonth: ft,
-    navigateNextMonth: gt,
-    navigateLeftPrev: ht,
-    navigateLeftNext: ut,
-    navigateRightPrev: mt,
-    navigateRightNext: vt,
-    setDisplayedMonths: u
-  }, t[51] = M, t[52] = D, t[53] = _, t[54] = d, t[55] = p, t[56] = w, t[57] = n, t[58] = ut, t[59] = ht, t[60] = gt, t[61] = ft, t[62] = vt, t[63] = mt, t[64] = at, t[65] = v, t[66] = ct, t[67] = lt, t[68] = rt, t[69] = f, t[70] = J) : J = t[70];
-  const dt = J;
-  let R;
-  t[71] !== tt || t[72] !== et || t[73] !== nt || t[74] !== Z || t[75] !== dt || t[76] !== ot || t[77] !== l || t[78] !== a || t[79] !== U || t[80] !== st || t[81] !== it || t[82] !== X || t[83] !== W ? (R = {
-    ...dt,
-    timeFormat: W,
-    showTime: X,
-    name: U,
-    disabled: Z,
-    animationDuration: tt,
-    blockedDays: et,
-    blockedMonths: nt,
-    minDate: a,
-    maxDate: l,
-    hideDisabledNavigation: ot,
-    showOutsideDays: it,
-    navigationMode: st
-  }, t[71] = tt, t[72] = et, t[73] = nt, t[74] = Z, t[75] = dt, t[76] = ot, t[77] = l, t[78] = a, t[79] = U, t[80] = st, t[81] = it, t[82] = X, t[83] = W, t[84] = R) : R = t[84];
-  let K;
-  return t[85] !== e || t[86] !== R ? (K = /* @__PURE__ */ Ot(Et.Provider, { value: R, children: e }), t[85] = e, t[86] = R, t[87] = K) : K = t[87], K;
+  );
 };
-function Vt(s) {
-  const [t, e] = s, o = new Date(t.getFullYear(), t.getMonth() - 1, 1), h = new Date(e.getFullYear(), e.getMonth() - 1, 1);
-  return [o, h];
-}
-function $t(s) {
-  const [t, e] = s, o = new Date(t.getFullYear(), t.getMonth() + 1, 1), h = new Date(e.getFullYear(), e.getMonth() + 1, 1);
-  return [o, h];
-}
-function qt(s) {
-  const [t, e] = s;
-  return [new Date(t.getFullYear(), t.getMonth() - 1, 1), e];
-}
-function zt(s) {
-  const [t, e] = s;
-  return [new Date(t.getFullYear(), t.getMonth() + 1, 1), e];
-}
-function At(s) {
-  const [t, e] = s, o = new Date(e.getFullYear(), e.getMonth() - 1, 1);
-  return [t, o];
-}
-function Bt(s) {
-  const [t, e] = s, o = new Date(e.getFullYear(), e.getMonth() + 1, 1);
-  return [t, o];
-}
 export {
-  Ut as DateRangePickerProvider
+  st as DateRangePickerProvider
 };

package/dist/components/DateRangePicker/utils/disabled-dates.js

@@ -3,34 +3,40 @@ const r = (e) => {
   return t.setHours(0, 0, 0, 0), t;
 }, l = (e, t) => {
   const n = r(e);
-  return t.some((o) => r(o).getTime() === n.getTime());
+  return t.some(
+    (o) => r(o).getTime() === n.getTime()
+  );
 }, c = (e, t) => {
   const n = e.getFullYear(), o = e.getMonth();
-  return t.some((s) => s.year === n && s.month === o);
+  return t.some(
+    (s) => s.year === n && s.month === o
+  );
 }, u = (e, t) => t ? r(e) < r(t) : !1, i = (e, t) => t ? r(e) > r(t) : !1, f = (e, t) => {
-  const {
-    blockedDays: n,
-    blockedMonths: o,
-    minDate: s,
-    maxDate: a
-  } = t;
+  const { blockedDays: n, blockedMonths: o, minDate: s, maxDate: a } = t;
   return !(l(e, n) || c(e, o) || u(e, s) || i(e, a));
 }, h = (e) => {
-  const {
-    blockedDays: t,
-    blockedMonths: n,
-    minDate: o,
-    maxDate: s
-  } = e;
+  const { blockedDays: t, blockedMonths: n, minDate: o, maxDate: s } = e;
   if (!(t.length === 0 && n.length === 0 && !o && !s))
     return (a) => !f(a, e);
 }, D = (e, t) => {
   if (!t) return !0;
-  const n = new Date(e.getFullYear(), e.getMonth() - 1, 1), o = new Date(n.getFullYear(), n.getMonth() + 1, 0);
+  const n = new Date(
+    e.getFullYear(),
+    e.getMonth() - 1,
+    1
+  ), o = new Date(
+    n.getFullYear(),
+    n.getMonth() + 1,
+    0
+  );
   return r(o) >= r(t);
 }, g = (e, t) => {
   if (!t) return !0;
-  const n = new Date(e.getFullYear(), e.getMonth() + 1, 1);
+  const n = new Date(
+    e.getFullYear(),
+    e.getMonth() + 1,
+    1
+  );
   return r(n) <= r(t);
 };
 export {

package/dist/components/DateRangePicker/utils/validation.js

@@ -6,7 +6,20 @@ const d = (r, n) => {
   const e = r.length < n.length;
   let t = r.replace(/[^0-9/]/g, "").replace(/\/+/g, "/");
   return t = t.slice(0, 10), e || (/^\d{2}$/.test(t) || /^\d{2}\/\d{2}$/.test(t)) && (t = t + "/"), t;
-}, c = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], f = (r, n = "24") => {
+}, c = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], f = (r, n = "24") => {
   if (!r) return !0;
   const [e, t] = r.split(":").map(Number);
   return isNaN(e) || isNaN(t) ? !1 : n === "24" ? e >= 0 && e <= 23 && t >= 0 && t <= 59 : e >= 1 && e <= 12 && t >= 0 && t <= 59;
@@ -35,7 +48,9 @@ const d = (r, n) => {
   if (!r) return;
   const n = r.trim().split(" ");
   if (n.length !== 3) return;
-  const [e, t, s] = n, o = parseInt(e, 10), i = parseInt(s, 10), u = c.findIndex((g) => g.toLowerCase() === t.toLowerCase());
+  const [e, t, s] = n, o = parseInt(e, 10), i = parseInt(s, 10), u = c.findIndex(
+    (g) => g.toLowerCase() === t.toLowerCase()
+  );
   if (isNaN(o) || isNaN(i) || u === -1 || o < 1 || o > 31 || i < 1900 || i > 2100) return;
   const a = new Date(i, u, o);
   if (!(a.getMonth() !== u || a.getDate() !== o || a.getFullYear() !== i))