@konstructio/ui 0.1.2-alpha.103 → 0.1.2-alpha.105

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useIndependentCarousel.js

@@ -1,8 +1,8 @@
-import { r as k } from "../../../../../constants-DXrF9vV4.js";
-import { calculateCalendarHeight as p, getNextMonth as m, getPrevMonth as h, getWeeksInMonth as w } from "../utils/index.js";
-import { useCallback as O, useEffect as g, useMemo as z, useRef as I, useState as s } from "react";
-var U = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
-  const [o, b] = s(u[0]), [i, x] = s(null), [r, C] = s(!1), [a, L] = s(!1), [W, S] = s(!0), T = I(null), N = I(!0), [l, E] = s(u[1]), [f, D] = s(null), [n, P] = s(!1), [c, H] = s(!1), [X, _] = s(!0), A = I(null), d = I(!0);
+import { r as w } from "../../../../../constants-CxJJRVK3.js";
+import { calculateCalendarHeight as j, getNextMonth as m, getPrevMonth as h, getWeeksInMonth as O } from "../utils/index.js";
+import { useEffect as g, useMemo as p, useRef as I, useState as i } from "react";
+var Q = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
+  const [f, x] = i(u[0]), [s, S] = i(null), [r, b] = i(!1), [a, L] = i(!1), [W, C] = i(!0), T = I(null), N = I(!0), [o, E] = i(u[1]), [l, D] = i(null), [n, P] = i(!1), [c, H] = i(!1), [X, _] = i(!0), A = I(null), d = I(!0);
   g(() => {
     if (F === "independent") {
       if (N.current) {
@@ -10,16 +10,16 @@ var U = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
         return;
       }
       if (!r) {
-        const e = o.getTime(), t = u[0].getTime();
+        const e = f.getTime(), t = u[0].getTime();
         if (e !== t) {
-          const q = t - e, R = Math.round(q / k);
-          Math.abs(R) === 1 ? (x(R > 0 ? "left" : "right"), C(!0), L(!1)) : b(u[0]);
+          const q = t - e, R = Math.round(q / w);
+          Math.abs(R) === 1 ? (S(R > 0 ? "left" : "right"), b(!0), L(!1)) : x(u[0]);
         }
       }
     }
   }, [
     u,
-    o,
+    f,
     r,
     F
   ]), g(() => {
@@ -29,41 +29,41 @@ var U = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
         return;
       }
       if (!n) {
-        const e = l.getTime(), t = u[1].getTime();
+        const e = o.getTime(), t = u[1].getTime();
         if (e !== t) {
-          const q = t - e, R = Math.round(q / k);
+          const q = t - e, R = Math.round(q / w);
           Math.abs(R) === 1 ? (D(R > 0 ? "left" : "right"), P(!0), H(!1)) : E(u[1]);
         }
       }
     }
   }, [
     u,
-    l,
+    o,
     n,
     F
   ]), g(() => {
-    r && !a && i && (T.current && T.current.offsetHeight, requestAnimationFrame(() => {
+    r && !a && s && (T.current && T.current.offsetHeight, requestAnimationFrame(() => {
       L(!0);
     }));
   }, [
     r,
     a,
-    i
+    s
   ]), g(() => {
-    n && !c && f && (A.current && A.current.offsetHeight, requestAnimationFrame(() => {
+    n && !c && l && (A.current && A.current.offsetHeight, requestAnimationFrame(() => {
       H(!0);
     }));
   }, [
     n,
     c,
-    f
+    l
   ]), g(() => {
     if (r && a) {
       const e = setTimeout(() => {
-        S(!1), requestAnimationFrame(() => {
-          T.current && T.current.offsetHeight, b((t) => i === "left" ? m(t) : h(t)), C(!1), x(null), L(!1), requestAnimationFrame(() => {
+        C(!1), requestAnimationFrame(() => {
+          T.current && T.current.offsetHeight, x((t) => s === "left" ? m(t) : h(t)), b(!1), S(null), L(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              S(!0);
+              C(!0);
             });
           });
         });
@@ -74,12 +74,12 @@ var U = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     r,
     a,
     M,
-    i
+    s
   ]), g(() => {
     if (n && c) {
       const e = setTimeout(() => {
         _(!1), requestAnimationFrame(() => {
-          A.current && A.current.offsetHeight, E((t) => f === "left" ? m(t) : h(t)), P(!1), D(null), H(!1), requestAnimationFrame(() => {
+          A.current && A.current.offsetHeight, E((t) => l === "left" ? m(t) : h(t)), P(!1), D(null), H(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
               _(!0);
             });
@@ -92,53 +92,45 @@ var U = ({ displayedMonths: u, animationDuration: M, navigationMode: F }) => {
     n,
     c,
     M,
-    f
+    l
   ]);
-  const $ = z(() => {
-    let e = o, t = l;
-    return r && i === "left" ? e = m(o) : r && i === "right" && (e = h(o)), n && f === "left" ? t = m(l) : n && f === "right" && (t = h(l)), p(Math.max(w(e), w(t)));
+  const $ = p(() => {
+    let e = f, t = o;
+    return r && s === "left" ? e = m(f) : r && s === "right" && (e = h(f)), n && l === "left" ? t = m(o) : n && l === "right" && (t = h(o)), j(Math.max(O(e), O(t)));
   }, [
+    f,
     o,
-    l,
     r,
     n,
-    i,
-    f
-  ]), G = O(() => {
+    s,
+    l
+  ]), k = () => {
     let e = -259;
-    return r && a && (i === "left" ? e = -2 * 259 : i === "right" && (e = 0)), `translateX(${e}px)`;
-  }, [
-    r,
-    a,
-    i
-  ]), j = O(() => {
+    return r && a && (s === "left" ? e = -2 * 259 : s === "right" && (e = 0)), `translateX(${e}px)`;
+  }, G = () => {
     let e = -259;
-    return n && c && (f === "left" ? e = -2 * 259 : f === "right" && (e = 0)), `translateX(${e}px)`;
-  }, [
-    n,
-    c,
-    f
-  ]);
+    return n && c && (l === "left" ? e = -2 * 259 : l === "right" && (e = 0)), `translateX(${e}px)`;
+  };
   return {
-    leftInternalMonth: o,
-    leftPrevMonth: h(o),
-    leftNextMonth: m(o),
+    leftInternalMonth: f,
+    leftPrevMonth: h(f),
+    leftNextMonth: m(f),
     leftCarouselRef: T,
     isLeftAnimating: r,
     enableLeftTransition: W,
     leftAnimateTransform: a,
-    getLeftTransform: G,
-    rightInternalMonth: l,
-    rightPrevMonth: h(l),
-    rightNextMonth: m(l),
+    getLeftTransform: k,
+    rightInternalMonth: o,
+    rightPrevMonth: h(o),
+    rightNextMonth: m(o),
     rightCarouselRef: A,
     isRightAnimating: n,
     enableRightTransition: X,
     rightAnimateTransform: c,
-    getRightTransform: j,
+    getRightTransform: G,
     calendarHeight: $
   };
 };
 export {
-  U as useIndependentCarousel
+  Q as useIndependentCarousel
 };

package/dist/components/DateRangePicker/components/CalendarPanel/hooks/useTogetherCarousel.js

@@ -1,108 +1,90 @@
-import { r as z } from "../../../../../constants-DXrF9vV4.js";
-import { calculateCalendarHeight as B, getNextMonth as g, getPrevMonth as A, getWeeksInMonth as J } from "../utils/index.js";
-import { useCallback as F, useEffect as R, useMemo as K, useRef as b, useState as l } from "react";
-var y = ({ displayedMonths: u, animationDuration: W, disabled: c, canNavigatePrev: _, canNavigateNext: q, navigationMode: C, navigatePrevMonth: D, navigateNextMonth: E }) => {
-  const [n, a] = l(null), [t, m] = l(!1), [s, i] = l(!1), [k, S] = l(!0), [r, d] = l(u), f = b(null), p = b(!0), H = 291, G = A(A(r[0])), I = A(r[0]), h = r[0], T = r[1], x = g(r[1]), P = g(g(r[1])), w = K(() => {
-    let e;
-    return t && n === "left" ? e = [T, x] : t && n === "right" ? e = [I, h] : e = [h, T], B(Math.max(...e.map(J)));
+import { r as w } from "../../../../../constants-CxJJRVK3.js";
+import { calculateCalendarHeight as L, getNextMonth as T, getPrevMonth as g, getWeeksInMonth as X } from "../utils/index.js";
+import { useEffect as A, useMemo as $, useRef as q, useState as a } from "react";
+var Y = ({ displayedMonths: l, animationDuration: H, disabled: I, canNavigatePrev: D, canNavigateNext: E, navigationMode: N, navigatePrevMonth: S, navigateNextMonth: b }) => {
+  const [n, u] = a(null), [e, c] = a(!1), [o, i] = a(!1), [p, F] = a(!0), [r, P] = a(l), f = q(null), R = q(!0), W = 291, C = g(g(r[0])), M = g(r[0]), h = r[0], m = r[1], d = T(r[1]), O = T(T(r[1])), v = $(() => {
+    let t;
+    return e && n === "left" ? t = [m, d] : e && n === "right" ? t = [M, h] : t = [h, m], L(Math.max(...t.map(X)));
   }, [
-    t,
+    e,
     n,
     h,
-    T,
-    x,
-    I
-  ]), L = 6 * 259 + 160, M = -2 * 291;
-  R(() => {
-    if (C !== "independent") {
-      if (p.current) {
-        p.current = !1;
+    m,
+    d,
+    M
+  ]), G = 6 * 259 + 160, x = -2 * 291;
+  return A(() => {
+    if (N !== "independent") {
+      if (R.current) {
+        R.current = !1;
         return;
       }
-      if (!t) {
-        const e = r[0].getTime(), o = u[0].getTime();
-        if (e !== o) {
-          const j = o - e, O = Math.round(j / z);
-          Math.abs(O) === 1 ? (a(O > 0 ? "left" : "right"), m(!0), i(!1)) : d(u);
+      if (!e) {
+        const t = r[0].getTime(), s = l[0].getTime();
+        if (t !== s) {
+          const k = s - t, _ = Math.round(k / w);
+          Math.abs(_) === 1 ? (u(_ > 0 ? "left" : "right"), c(!0), i(!1)) : P(l);
         }
       }
     }
   }, [
-    u,
+    l,
     r,
-    t,
-    C
-  ]), R(() => {
-    t && !s && n && (f.current && f.current.offsetHeight, requestAnimationFrame(() => {
+    e,
+    N
+  ]), A(() => {
+    e && !o && n && (f.current && f.current.offsetHeight, requestAnimationFrame(() => {
       i(!0);
     }));
   }, [
-    t,
-    s,
+    e,
+    o,
     n
-  ]), R(() => {
-    if (t && s) {
-      const e = setTimeout(() => {
-        S(!1), requestAnimationFrame(() => {
-          f.current && f.current.offsetHeight, d((o) => n === "left" ? [o[1], g(o[1])] : [A(o[0]), o[0]]), m(!1), a(null), i(!1), requestAnimationFrame(() => {
+  ]), A(() => {
+    if (e && o) {
+      const t = setTimeout(() => {
+        F(!1), requestAnimationFrame(() => {
+          f.current && f.current.offsetHeight, P((s) => n === "left" ? [s[1], T(s[1])] : [g(s[0]), s[0]]), c(!1), u(null), i(!1), requestAnimationFrame(() => {
             requestAnimationFrame(() => {
-              S(!0);
+              F(!0);
             });
           });
         });
-      }, W);
-      return () => clearTimeout(e);
+      }, H);
+      return () => clearTimeout(t);
     }
   }, [
-    t,
-    s,
-    W,
+    e,
+    o,
+    H,
     n
-  ]);
-  const N = F(() => {
-    t || c || !_ || (a("right"), m(!0), i(!1), D());
-  }, [
-    t,
-    c,
-    _,
-    D
-  ]), X = F(() => {
-    t || c || !q || (a("left"), m(!0), i(!1), E());
-  }, [
-    t,
-    c,
-    q,
-    E
-  ]), $ = F(() => {
-    let e = M;
-    return t && s && (n === "left" ? e = M - H : n === "right" && (e = M + H)), `translateX(${e}px)`;
-  }, [
-    M,
-    t,
-    s,
-    n,
-    H
-  ]);
-  return {
+  ]), {
     carouselRef: f,
-    isAnimating: t,
-    enableTransition: k,
-    animateTransform: s,
-    calendarHeight: w,
-    carouselTotalWidth: L,
+    isAnimating: e,
+    enableTransition: p,
+    animateTransform: o,
+    calendarHeight: v,
+    carouselTotalWidth: G,
     monthsToRender: [
-      G,
-      I,
+      C,
+      M,
       h,
-      T,
-      x,
-      P
+      m,
+      d,
+      O
     ],
-    handlePrevMonth: N,
-    handleNextMonth: X,
-    getTransform: $
+    handlePrevMonth: () => {
+      e || I || !D || (u("right"), c(!0), i(!1), S());
+    },
+    handleNextMonth: () => {
+      e || I || !E || (u("left"), c(!0), i(!1), b());
+    },
+    getTransform: () => {
+      let t = x;
+      return e && o && (n === "left" ? t = x - W : n === "right" && (t = x + W)), `translateX(${t}px)`;
+    }
   };
 };
 export {
-  y as useTogetherCarousel
+  Y as useTogetherCarousel
 };

package/dist/components/DateRangePicker/components/CalendarPanel/utils/index.js

@@ -1,4 +1,4 @@
-import "../../../../../constants-DXrF9vV4.js";
+import "../../../../../constants-CxJJRVK3.js";
 var E = (t) => {
   const e = t.getFullYear(), a = t.getMonth(), n = new Date(e, a, 1), r = new Date(e, a + 1, 0), o = n.getDay() + r.getDate();
   return Math.ceil(o / 7);

package/dist/components/DateRangePicker/components/DateTimeInputs/components/EndInputFields/EndInputFields.js

@@ -1,4 +1,4 @@
-import { t as I } from "../../../../../../Input-CW0VwW2T.js";
+import { t as I } from "../../../../../../Input-Cf44DzfE.js";
 import { t as r } from "../../../../../../utils-Cx-WzRZF.js";
 import { Typography as p } from "../../../../../Typography/Typography.js";
 import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";

package/dist/components/DateRangePicker/components/DateTimeInputs/components/StartInputFields/StartInputFields.js

@@ -1,4 +1,4 @@
-import { t as I } from "../../../../../../Input-CW0VwW2T.js";
+import { t as I } from "../../../../../../Input-Cf44DzfE.js";
 import { t as r } from "../../../../../../utils-Cx-WzRZF.js";
 import { Typography as n } from "../../../../../Typography/Typography.js";
 import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";

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

@@ -1,179 +1,146 @@
-import { useDateRangePicker as $ } from "../../../contexts/date-range-picker.hook.js";
-import { isDateSelectable as C } from "../../../utils/disabled-dates.js";
-import { autoFormatDateInput as B, combineDateAndTime as j, formatDateToDisplayString as T, formatDateToString as P, parseDateString as i, parseDisplayDateString as g } from "../../../utils/validation.js";
-import { useCallback as f, useEffect as q, useMemo as k, useRef as z, useState as R } from "react";
-var et = ({ errorInvalidDate: E, errorDateNotAvailable: V, errorStartAfterEnd: F, errorEndBeforeStart: b }) => {
-  const { range: t, time: u, timeFormat: G, showTime: J, name: K, disabled: L, blockedDays: w, blockedMonths: x, minDate: H, maxDate: M, setRange: n, setTime: y } = $(), c = k(() => ({
-    blockedDays: w,
-    blockedMonths: x,
-    minDate: H,
-    maxDate: M
-  }), [
-    w,
-    x,
-    H,
-    M
-  ]), v = z(!1), h = z(!1), [o, D] = R(() => T(t.from)), [s, p] = R(() => T(t.to)), [O, m] = R(), [Q, l] = R();
-  q(() => {
-    v.current || D(T(t.from));
-  }, [t.from]), q(() => {
-    h.current || p(T(t.to));
+import { useDateRangePicker as Z } from "../../../contexts/date-range-picker.hook.js";
+import { isDateSelectable as E } from "../../../utils/disabled-dates.js";
+import { autoFormatDateInput as P, combineDateAndTime as R, formatDateToDisplayString as D, formatDateToString as V, parseDateString as n, parseDisplayDateString as p } from "../../../utils/validation.js";
+import { useCallback as k, useEffect as F, useMemo as w, useRef as x, useState as b } from "react";
+var et = ({ errorInvalidDate: y, errorDateNotAvailable: C, errorStartAfterEnd: B, errorEndBeforeStart: H }) => {
+  const { range: t, time: o, timeFormat: M, showTime: I, name: j, disabled: q, blockedDays: z, blockedMonths: A, minDate: G, maxDate: J, setRange: i, setTime: h } = Z(), S = {
+    blockedDays: z,
+    blockedMonths: A,
+    minDate: G,
+    maxDate: J
+  }, v = x(!1), T = x(!1), [d, m] = b(() => D(t.from)), [u, l] = b(() => D(t.to)), [K, c] = b(), [L, f] = b();
+  F(() => {
+    v.current || m(D(t.from));
+  }, [t.from]), F(() => {
+    T.current || l(D(t.to));
   }, [t.to]);
-  const U = f(() => {
-    if (v.current = !0, m(void 0), t.from) D(P(t.from));
+  const O = () => {
+    if (v.current = !0, c(void 0), t.from) m(V(t.from));
     else {
-      const e = i(o) || g(o);
-      e && D(P(e));
+      const e = n(d) || p(d);
+      e && m(V(e));
     }
-  }, [t.from, o]), W = f((e) => {
-    const d = e.target.value, r = B(d, o);
-    D(r), m(void 0);
-    const a = i(r);
-    if (a && C(a, c)) {
-      const S = t.to || i(s) || g(s);
-      if (S && a > S) return;
-      n({
+  }, Q = (e) => {
+    const s = e.target.value, r = P(s, d);
+    m(r), c(void 0);
+    const a = n(r);
+    if (a && E(a, S)) {
+      const g = t.to || n(u) || p(u);
+      if (g && a > g) return;
+      i({
         ...t,
         from: a
       });
     }
-  }, [
-    o,
-    s,
-    t,
-    n,
-    c
-  ]), X = f((e) => {
-    const d = e.currentTarget.value.trim();
-    if (d === "") {
-      v.current = !1, m(void 0), D(""), n({
+  }, U = (e) => {
+    const s = e.currentTarget.value.trim();
+    if (s === "") {
+      v.current = !1, c(void 0), m(""), i({
         ...t,
         from: void 0
       });
       return;
     }
-    const r = i(d);
+    const r = n(s);
     if (!r) {
-      m(E);
+      c(y);
       return;
     }
-    if (!C(r, c)) {
-      m(V);
+    if (!E(r, S)) {
+      c(C);
       return;
     }
-    const a = i(s) || g(s);
+    const a = n(u) || p(u);
     if (a && r > a) {
-      m(F), h.current = !0, n({
+      c(B), T.current = !0, i({
         from: void 0,
         to: void 0
       });
       return;
     }
-    v.current = !1, m(void 0), n({
+    v.current = !1, c(void 0), i({
       ...t,
       from: r
-    }), D(T(r));
-  }, [
-    t,
-    n,
-    c,
-    E,
-    V,
-    F,
-    s
-  ]), Y = f(() => {
-    if (h.current = !0, l(void 0), t.to) p(P(t.to));
+    }), m(D(r));
+  }, W = () => {
+    if (T.current = !0, f(void 0), t.to) l(V(t.to));
     else {
-      const e = i(s) || g(s);
-      e && p(P(e));
+      const e = n(u) || p(u);
+      e && l(V(e));
     }
-  }, [t.to, s]), Z = f((e) => {
-    const d = e.target.value, r = B(d, s);
-    p(r), l(void 0);
-    const a = i(r);
-    if (a && C(a, c)) {
-      const S = t.from || i(o) || g(o);
-      if (S && a < S) return;
-      n({
+  }, X = (e) => {
+    const s = e.target.value, r = P(s, u);
+    l(r), f(void 0);
+    const a = n(r);
+    if (a && E(a, S)) {
+      const g = t.from || n(d) || p(d);
+      if (g && a < g) return;
+      i({
         ...t,
         to: a
       });
     }
-  }, [
-    s,
-    o,
-    t,
-    n,
-    c
-  ]), _ = f((e) => {
-    const d = e.currentTarget.value.trim();
-    if (d === "") {
-      h.current = !1, l(void 0), p(""), n({
+  }, Y = (e) => {
+    const s = e.currentTarget.value.trim();
+    if (s === "") {
+      T.current = !1, f(void 0), l(""), i({
         ...t,
         to: void 0
       });
       return;
     }
-    const r = i(d);
+    const r = n(s);
     if (!r) {
-      l(E);
+      f(y);
       return;
     }
-    if (!C(r, c)) {
-      l(V);
+    if (!E(r, S)) {
+      f(C);
       return;
     }
-    const a = i(o) || g(o);
+    const a = n(d) || p(d);
     if (a && r < a) {
-      l(b), v.current = !0, n({
+      f(H), v.current = !0, i({
         from: void 0,
         to: void 0
       });
       return;
     }
-    h.current = !1, l(void 0), n({
+    T.current = !1, f(void 0), i({
       ...t,
       to: r
-    }), p(T(r));
-  }, [
-    t,
-    n,
-    c,
-    E,
-    V,
-    b,
-    o
-  ]);
+    }), l(D(r));
+  };
   return {
-    timeFormat: G,
-    showTime: J,
-    name: K,
-    disabled: L,
-    time: u,
-    startDateValue: o,
-    startDateError: O,
-    handleStartDateFocus: U,
-    handleStartDateChange: W,
-    handleStartDateBlur: X,
-    handleStartTimeChange: f((e) => {
-      y({
-        ...u,
+    timeFormat: M,
+    showTime: I,
+    name: j,
+    disabled: q,
+    time: o,
+    startDateValue: d,
+    startDateError: K,
+    handleStartDateFocus: O,
+    handleStartDateChange: Q,
+    handleStartDateBlur: U,
+    handleStartTimeChange: k((e) => {
+      h({
+        ...o,
         startTime: e
       });
-    }, [u, y]),
-    endDateValue: s,
-    endDateError: Q,
-    handleEndDateFocus: Y,
-    handleEndDateChange: Z,
-    handleEndDateBlur: _,
-    handleEndTimeChange: f((e) => {
-      y({
-        ...u,
+    }, [o, h]),
+    endDateValue: u,
+    endDateError: L,
+    handleEndDateFocus: W,
+    handleEndDateChange: X,
+    handleEndDateBlur: Y,
+    handleEndTimeChange: k((e) => {
+      h({
+        ...o,
         endTime: e
       });
-    }, [u, y]),
-    startHiddenValue: k(() => j(t.from, u.startTime), [t.from, u.startTime]),
-    endHiddenValue: k(() => j(t.to, u.endTime), [t.to, u.endTime])
+    }, [o, h]),
+    startHiddenValue: w(() => R(t.from, o.startTime), [t.from, o.startTime]),
+    endHiddenValue: w(() => R(t.to, o.endTime), [t.to, o.endTime])
   };
 };
 export {