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

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

@@ -1,91 +1,44 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { cn as r } from "../../../../../../utils/index.js";
-import { Input as g } from "../../../../../Input/Input.js";
-import { TimePicker as v } from "../../../../../TimePicker/TimePicker.js";
+import { t as I } from "../../../../../../Input-GBMxM3Z7.js";
+import { t as r } from "../../../../../../utils-DHuiYnx1.js";
 import { Typography as p } from "../../../../../Typography/Typography.js";
-import { inputLabelVariants as o, dateInputWrapperVariants as E, timeInputWrapperVariants as V, dateTimeGroupVariants as W } from "../../DateTimeInputs.variants.js";
-const y = ({
-  dateValue: l,
-  timeValue: m,
-  error: d,
-  disabled: i,
-  showTime: n,
-  timeFormat: u = "24",
-  labelDate: c = "End date",
-  labelTime: f = "Time",
-  ariaLabelDate: s = "End date",
-  onDateChange: h,
-  onDateFocus: b,
-  onDateBlur: x,
-  onTimeChange: I,
-  classNames: e
-}) => /* @__PURE__ */ t(
-  "div",
-  {
-    className: r(
-      W(),
-      !n && "w-auto flex-1",
-      e?.group
-    ),
-    children: [
-      /* @__PURE__ */ t(
-        "div",
-        {
-          className: r(
-            E(),
-            !n && "w-full flex-1",
-            e?.dateWrapper
-          ),
-          children: [
-            /* @__PURE__ */ a(
-              p,
-              {
-                component: "label",
-                className: r(o(), e?.label),
-                children: c
-              }
-            ),
-            /* @__PURE__ */ a(
-              g,
-              {
-                value: l,
-                onChange: h,
-                onFocus: b,
-                onBlur: x,
-                error: d,
-                disabled: i,
-                className: r(e?.input),
-                "aria-label": s
-              }
-            )
-          ]
-        }
-      ),
-      n && /* @__PURE__ */ t("div", { className: r(V(), e?.timeWrapper), children: [
-        /* @__PURE__ */ a(
-          p,
-          {
-            component: "label",
-            className: r(o(), e?.label),
-            children: f
-          }
-        ),
-        /* @__PURE__ */ a(
-          v,
-          {
-            mode: "input",
-            showList: !0,
-            format: u,
-            time: m,
-            onChange: I,
-            disabled: i,
-            name: "end time"
-          }
-        )
-      ] })
-    ]
-  }
-);
+import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";
+import { dateInputWrapperVariants as E, dateTimeGroupVariants as V, inputLabelVariants as o, timeInputWrapperVariants as W } from "../../DateTimeInputs.variants.js";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+var y = ({ dateValue: l, timeValue: m, error: d, disabled: i, showTime: t, timeFormat: u = "24", labelDate: c = "End date", labelTime: f = "Time", ariaLabelDate: s = "End date", onDateChange: h, onDateFocus: b, onDateBlur: v, onTimeChange: x, classNames: e }) => /* @__PURE__ */ n("div", {
+  className: r(V(), !t && "w-auto flex-1", e?.group),
+  children: [/* @__PURE__ */ n("div", {
+    className: r(E(), !t && "w-full flex-1", e?.dateWrapper),
+    children: [/* @__PURE__ */ a(p, {
+      component: "label",
+      className: r(o(), e?.label),
+      children: c
+    }), /* @__PURE__ */ a(I, {
+      value: l,
+      onChange: h,
+      onFocus: b,
+      onBlur: v,
+      error: d,
+      disabled: i,
+      className: r(e?.input),
+      "aria-label": s
+    })]
+  }), t && /* @__PURE__ */ n("div", {
+    className: r(W(), e?.timeWrapper),
+    children: [/* @__PURE__ */ a(p, {
+      component: "label",
+      className: r(o(), e?.label),
+      children: f
+    }), /* @__PURE__ */ a(g, {
+      mode: "input",
+      showList: !0,
+      format: u,
+      time: m,
+      onChange: x,
+      disabled: i,
+      name: "end time"
+    })]
+  })]
+});
 y.displayName = "EndInputFields";
 export {
   y as EndInputFields

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

@@ -1,91 +1,44 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import { cn as r } from "../../../../../../utils/index.js";
-import { Input as g } from "../../../../../Input/Input.js";
-import { TimePicker as v } from "../../../../../TimePicker/TimePicker.js";
-import { Typography as p } from "../../../../../Typography/Typography.js";
-import { inputLabelVariants as o, dateInputWrapperVariants as S, timeInputWrapperVariants as V, dateTimeGroupVariants as W } from "../../DateTimeInputs.variants.js";
-const y = ({
-  dateValue: l,
-  timeValue: m,
-  error: u,
-  disabled: n,
-  showTime: e,
-  timeFormat: d = "24",
-  labelDate: c = "Start date",
-  labelTime: f = "Time",
-  ariaLabelDate: s = "Start date",
-  onDateChange: h,
-  onDateFocus: b,
-  onDateBlur: x,
-  onTimeChange: I,
-  classNames: t
-}) => /* @__PURE__ */ i(
-  "div",
-  {
-    className: r(
-      W(),
-      !e && "w-auto flex-1",
-      t?.group
-    ),
-    children: [
-      /* @__PURE__ */ i(
-        "div",
-        {
-          className: r(
-            S(),
-            !e && "w-full flex-1",
-            t?.dateWrapper
-          ),
-          children: [
-            /* @__PURE__ */ a(
-              p,
-              {
-                component: "label",
-                className: r(o(), t?.label),
-                children: c
-              }
-            ),
-            /* @__PURE__ */ a(
-              g,
-              {
-                value: l,
-                onChange: h,
-                onFocus: b,
-                onBlur: x,
-                error: u,
-                disabled: n,
-                className: r(t?.input),
-                "aria-label": s
-              }
-            )
-          ]
-        }
-      ),
-      e && /* @__PURE__ */ i("div", { className: r(V(), t?.timeWrapper), children: [
-        /* @__PURE__ */ a(
-          p,
-          {
-            component: "label",
-            className: r(o(), t?.label),
-            children: f
-          }
-        ),
-        /* @__PURE__ */ a(
-          v,
-          {
-            mode: "input",
-            showList: !0,
-            format: d,
-            time: m,
-            onChange: I,
-            disabled: n,
-            name: "start time"
-          }
-        )
-      ] })
-    ]
-  }
-);
+import { t as I } from "../../../../../../Input-GBMxM3Z7.js";
+import { t as r } from "../../../../../../utils-DHuiYnx1.js";
+import { Typography as n } from "../../../../../Typography/Typography.js";
+import { TimePicker as g } from "../../../../../TimePicker/TimePicker.js";
+import { dateInputWrapperVariants as S, dateTimeGroupVariants as V, inputLabelVariants as o, timeInputWrapperVariants as W } from "../../DateTimeInputs.variants.js";
+import { jsx as a, jsxs as i } from "react/jsx-runtime";
+var y = ({ dateValue: l, timeValue: m, error: u, disabled: p, showTime: e, timeFormat: d = "24", labelDate: c = "Start date", labelTime: f = "Time", ariaLabelDate: s = "Start date", onDateChange: h, onDateFocus: b, onDateBlur: v, onTimeChange: x, classNames: t }) => /* @__PURE__ */ i("div", {
+  className: r(V(), !e && "w-auto flex-1", t?.group),
+  children: [/* @__PURE__ */ i("div", {
+    className: r(S(), !e && "w-full flex-1", t?.dateWrapper),
+    children: [/* @__PURE__ */ a(n, {
+      component: "label",
+      className: r(o(), t?.label),
+      children: c
+    }), /* @__PURE__ */ a(I, {
+      value: l,
+      onChange: h,
+      onFocus: b,
+      onBlur: v,
+      error: u,
+      disabled: p,
+      className: r(t?.input),
+      "aria-label": s
+    })]
+  }), e && /* @__PURE__ */ i("div", {
+    className: r(W(), t?.timeWrapper),
+    children: [/* @__PURE__ */ a(n, {
+      component: "label",
+      className: r(o(), t?.label),
+      children: f
+    }), /* @__PURE__ */ a(g, {
+      mode: "input",
+      showList: !0,
+      format: d,
+      time: m,
+      onChange: x,
+      disabled: p,
+      name: "start time"
+    })]
+  })]
+});
 y.displayName = "StartInputFields";
 export {
   y as StartInputFields

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

@@ -1,6 +1,6 @@
-import { EndInputFields as e } from "./EndInputFields/EndInputFields.js";
+import { EndInputFields as r } from "./EndInputFields/EndInputFields.js";
 import { StartInputFields as p } from "./StartInputFields/StartInputFields.js";
 export {
-  e as EndInputFields,
+  r as EndInputFields,
   p as StartInputFields
 };

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

@@ -1,4 +1,4 @@
-import { useDateTimeInputs as m } from "./useDateTimeInputs.js";
+import { useDateTimeInputs as t } from "./useDateTimeInputs.js";
 export {
-  m as useDateTimeInputs
+  t as useDateTimeInputs
 };

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

@@ -1,186 +1,181 @@
-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,
+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,
-    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));
+    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));
   }, [t.to]);
   const U = f(() => {
-    if (h.current = !0, m(void 0), t.from)
-      D(P(t.from));
+    if (v.current = !0, m(void 0), t.from) D(P(t.from));
     else {
-      const e = i(a) || g(a);
+      const e = i(o) || g(o);
       e && D(P(e));
     }
-  }, [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;
-      }
-      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));
+  }, [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({
+        ...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({
+        ...t,
+        from: void 0
+      });
+      return;
+    }
+    const r = i(d);
+    if (!r) {
+      m(E);
+      return;
+    }
+    if (!C(r, c)) {
+      m(V);
+      return;
+    }
+    const a = i(s) || g(s);
+    if (a && r > a) {
+      m(F), h.current = !0, n({
+        from: void 0,
+        to: void 0
+      });
+      return;
+    }
+    v.current = !1, m(void 0), n({
+      ...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));
     else {
       const e = i(s) || g(s);
       e && p(P(e));
     }
-  }, [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;
-      }
-      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]
-  );
+  }, [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({
+        ...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({
+        ...t,
+        to: void 0
+      });
+      return;
+    }
+    const r = i(d);
+    if (!r) {
+      l(E);
+      return;
+    }
+    if (!C(r, c)) {
+      l(V);
+      return;
+    }
+    const a = i(o) || g(o);
+    if (a && r < a) {
+      l(b), v.current = !0, n({
+        from: void 0,
+        to: void 0
+      });
+      return;
+    }
+    h.current = !1, l(void 0), n({
+      ...t,
+      to: r
+    }), p(T(r));
+  }, [
+    t,
+    n,
+    c,
+    E,
+    V,
+    b,
+    o
+  ]);
   return {
-    // Context values
     timeFormat: G,
     showTime: J,
     name: K,
     disabled: L,
-    time: c,
-    // Start date state and handlers
-    startDateValue: a,
+    time: u,
+    startDateValue: o,
     startDateError: O,
     handleStartDateFocus: U,
     handleStartDateChange: W,
     handleStartDateBlur: X,
-    handleStartTimeChange: $,
-    // End date state and handlers
+    handleStartTimeChange: f((e) => {
+      y({
+        ...u,
+        startTime: e
+      });
+    }, [u, y]),
     endDateValue: s,
     endDateError: Q,
     handleEndDateFocus: Y,
     handleEndDateChange: Z,
     handleEndDateBlur: _,
-    handleEndTimeChange: I,
-    // Hidden input values
-    startHiddenValue: A,
-    endHiddenValue: N
+    handleEndTimeChange: f((e) => {
+      y({
+        ...u,
+        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])
   };
 };
 export {
-  at as useDateTimeInputs
+  et as useDateTimeInputs
 };