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

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

@@ -1,69 +1,45 @@
-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 { t as a } from "../../../../utils-DHuiYnx1.js";
+import { Typography as f } from "../../../Typography/Typography.js";
+import { RadioGroup as h } from "../../../RadioGroup/RadioGroup.js";
+import { useDateRangePicker as x } from "../../contexts/date-range-picker.hook.js";
+import { PRESET_OPTIONS as y } from "../../constants/presets.js";
+import { presetPanelVariants as g, presetTitleVariants as k } from "./PresetPanel.variants.js";
+import { useCallback as v, useMemo as T } from "react";
+import { jsx as i, jsxs as b } from "react/jsx-runtime";
+var E = {
   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"
-        )
-      }
-    )
-  ] });
+}, R = ({ className: l, labelTimePeriod: m = "Time period", ariaLabelTimePeriod: p = "Time period options", presetLabels: r, classNames: t }) => {
+  const { preset: c, setPreset: o, disabled: s } = x(), d = v((e) => {
+    o(e);
+  }, [o]), u = T(() => y.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__ */ b("div", {
+    className: a(g({ className: l }), t?.root),
+    children: [/* @__PURE__ */ i(f, {
+      component: "span",
+      className: a(k(), t?.title),
+      "aria-label": p,
+      children: m
+    }), /* @__PURE__ */ i(h, {
+      name: "date-range-preset",
+      options: u,
+      value: c,
+      onValueChange: d,
+      direction: "col",
+      wrapperClassName: a("gap-4 pl-2", t?.radioGroup),
+      className: a("text-sm", "text-zinc-700", "dark:text-zinc-300", "[&_span]:text-zinc-700", "dark:[&_span]:text-zinc-300")
+    })]
+  });
 };
 R.displayName = "DateRangePickerPresetPanel";
 export {

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

@@ -1,5 +1,5 @@
-import { c as e } from "../../../../index-D29mdTf5.js";
-const a = e([
+import { t as e } from "../../../../dist-DtEbXv47.js";
+var a = e([
   "flex",
   "flex-col",
   "gap-6",

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

@@ -1,8 +1,8 @@
-import { PresetPanel as o } from "./PresetPanel/PresetPanel.js";
-import { DateTimeInputs as a } from "./DateTimeInputs/DateTimeInputs.js";
-import { CalendarPanel as n } from "./CalendarPanel/CalendarPanel.js";
+import { PresetPanel as e } from "./PresetPanel/PresetPanel.js";
+import { DateTimeInputs as o } from "./DateTimeInputs/DateTimeInputs.js";
+import { CalendarPanel as a } from "./CalendarPanel/CalendarPanel.js";
 export {
-  n as CalendarPanel,
-  a as DateTimeInputs,
-  o as PresetPanel
+  a as CalendarPanel,
+  o as DateTimeInputs,
+  e as PresetPanel
 };

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

@@ -1,4 +1,4 @@
-import { PRESET_OPTIONS as E } from "./presets.js";
+import { PRESET_OPTIONS as r } from "./presets.js";
 export {
-  E as PRESET_OPTIONS
+  r as PRESET_OPTIONS
 };

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

@@ -1,9 +1,24 @@
-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" }
+var 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.context.js

@@ -1,5 +1,5 @@
-import { createContext as t } from "react";
-const o = t(null);
+import { createContext as e } from "react";
+var r = e(null);
 export {
-  o as DateRangePickerContext
+  r as DateRangePickerContext
 };

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

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

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

@@ -1,176 +1,119 @@
-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(() => {
+import { DateRangePickerContext as _ } from "./date-range-picker.context.js";
+import { calculatePresetRange as w } from "../utils/presets.js";
+import { canNavigateToNextMonth as q, canNavigateToPrevMonth as z } from "../utils/disabled-dates.js";
+import { useCallback as n, useMemo as a, useState as p } from "react";
+import { jsx as $ } from "react/jsx-runtime";
+var nt = ({ children: A, defaultRange: l, defaultTime: B, defaultPreset: i = "custom", timeFormat: E = "24", showTime: G = !0, name: H, disabled: I = !1, animationDuration: J = 500, blockedDays: K = [], blockedMonths: O = [], minDate: u, maxDate: g, hideDisabledNavigation: Q = !1, showOutsideDays: U = !1, navigationMode: W = "together", onRangeChange: s, onDateChange: v }) => {
+  const [M, P] = p(() => l || (i !== "custom" ? w(i) : {})), [c, X] = p(() => B ?? {}), [T, x] = p(i), [r, o] = 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];
-    });
-  }, [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];
+    l ? t = l : i !== "custom" && (t = w(i));
+    const e = t?.from ?? t?.to ?? /* @__PURE__ */ new Date();
+    return [new Date(e.getFullYear(), e.getMonth(), 1), new Date(e.getFullYear(), e.getMonth() + 1, 1)];
+  }), D = n((t) => {
+    P(t), x("custom"), s?.({
+      ...t,
+      ...c
+    }), v?.(t);
+  }, [
+    c,
+    s,
+    v
+  ]), L = n((t) => {
+    X(t), s?.({
+      ...M,
+      ...t
     });
-  }, [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
+  }, [M, s]), S = n((t) => {
+    if (x(t), t !== "custom") {
+      const e = w(t);
+      P(e), s?.({
+        ...e,
+        ...c
+      }), v?.(e);
     }
-  );
+  }, [
+    c,
+    s,
+    v
+  ]), h = a(() => z(r[0], u), [r, u]), f = a(() => q(r[1], g), [r, g]), k = n(() => {
+    h && o(([t, e]) => [new Date(t.getFullYear(), t.getMonth() - 1, 1), new Date(e.getFullYear(), e.getMonth() - 1, 1)]);
+  }, [h]), y = n(() => {
+    f && o(([t, e]) => [new Date(t.getFullYear(), t.getMonth() + 1, 1), new Date(e.getFullYear(), e.getMonth() + 1, 1)]);
+  }, [f]), m = a(() => z(r[0], u), [r, u]), N = a(() => {
+    const t = r[0], e = r[1];
+    return new Date(t.getFullYear(), t.getMonth() + 1, 1).getTime() < e.getTime();
+  }, [r]), F = a(() => {
+    const t = r[0], e = r[1];
+    return new Date(e.getFullYear(), e.getMonth() - 1, 1).getTime() > t.getTime();
+  }, [r]), Y = a(() => q(r[1], g), [r, g]), b = n(() => {
+    m && o(([t, e]) => [new Date(t.getFullYear(), t.getMonth() - 1, 1), e]);
+  }, [m]), j = n(() => {
+    N && o(([t, e]) => [new Date(t.getFullYear(), t.getMonth() + 1, 1), e]);
+  }, [N]), R = n(() => {
+    F && o(([t, e]) => [t, new Date(e.getFullYear(), e.getMonth() - 1, 1)]);
+  }, [F]), V = n(() => {
+    Y && o(([t, e]) => [t, new Date(e.getFullYear(), e.getMonth() + 1, 1)]);
+  }, [Y]), Z = a(() => ({
+    range: M,
+    time: c,
+    preset: T,
+    displayedMonths: r,
+    canNavigatePrev: h,
+    canNavigateNext: f,
+    canLeftNavigatePrev: m,
+    canLeftNavigateNext: N,
+    canRightNavigatePrev: F,
+    canRightNavigateNext: Y,
+    setRange: D,
+    setTime: L,
+    setPreset: S,
+    navigatePrevMonth: k,
+    navigateNextMonth: y,
+    navigateLeftPrev: b,
+    navigateLeftNext: j,
+    navigateRightPrev: R,
+    navigateRightNext: V,
+    setDisplayedMonths: o
+  }), [
+    M,
+    c,
+    T,
+    r,
+    h,
+    f,
+    m,
+    N,
+    F,
+    Y,
+    D,
+    L,
+    S,
+    k,
+    y,
+    b,
+    j,
+    R,
+    V
+  ]);
+  return /* @__PURE__ */ $(_.Provider, {
+    value: {
+      ...Z,
+      timeFormat: E,
+      showTime: G,
+      name: H,
+      disabled: I,
+      animationDuration: J,
+      blockedDays: K,
+      blockedMonths: O,
+      minDate: u,
+      maxDate: g,
+      hideDisabledNavigation: Q,
+      showOutsideDays: U,
+      navigationMode: W
+    },
+    children: A
+  });
 };
 export {
-  st as DateRangePickerProvider
+  nt as DateRangePickerProvider
 };

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

@@ -1,8 +1,8 @@
-import { DateRangePickerContext as o } from "./date-range-picker.context.js";
-import { useDateRangePicker as a } from "./date-range-picker.hook.js";
-import { DateRangePickerProvider as n } from "./date-range-picker.provider.js";
+import { DateRangePickerContext as r } from "./date-range-picker.context.js";
+import { useDateRangePicker as t } from "./date-range-picker.hook.js";
+import { DateRangePickerProvider as a } from "./date-range-picker.provider.js";
 export {
-  o as DateRangePickerContext,
-  n as DateRangePickerProvider,
-  a as useDateRangePicker
+  r as DateRangePickerContext,
+  a as DateRangePickerProvider,
+  t as useDateRangePicker
 };

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

@@ -1,47 +1,27 @@
-const r = (e) => {
-  const t = new Date(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()
-  );
-}, c = (e, t) => {
-  const n = e.getFullYear(), o = e.getMonth();
-  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;
-  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;
-  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
-  );
-  return r(o) >= r(t);
-}, g = (e, t) => {
-  if (!t) return !0;
-  const n = new Date(
-    e.getFullYear(),
-    e.getMonth() + 1,
-    1
-  );
-  return r(n) <= r(t);
-};
+var n = (e) => {
+  const r = new Date(e);
+  return r.setHours(0, 0, 0, 0), r;
+}, s = (e, r) => {
+  const t = n(e);
+  return r.some((a) => n(a).getTime() === t.getTime());
+}, u = (e, r) => {
+  const t = e.getFullYear(), a = e.getMonth();
+  return r.some((o) => o.year === t && o.month === a);
+}, i = (e, r) => r ? n(e) < n(r) : !1, f = (e, r) => r ? n(e) > n(r) : !1, c = (e, r) => {
+  const { blockedDays: t, blockedMonths: a, minDate: o, maxDate: l } = r;
+  return !(s(e, t) || u(e, a) || i(e, o) || f(e, l));
+}, g = (e) => {
+  const { blockedDays: r, blockedMonths: t, minDate: a, maxDate: o } = e;
+  if (!(r.length === 0 && t.length === 0 && !a && !o))
+    return (l) => !c(l, e);
+}, v = (e, r) => {
+  if (!r) return !0;
+  const t = new Date(e.getFullYear(), e.getMonth() - 1, 1);
+  return n(new Date(t.getFullYear(), t.getMonth() + 1, 0)) >= n(r);
+}, D = (e, r) => r ? n(new Date(e.getFullYear(), e.getMonth() + 1, 1)) <= n(r) : !0;
 export {
-  g as canNavigateToNextMonth,
-  D as canNavigateToPrevMonth,
-  h as createDisabledMatcher,
-  f as isDateSelectable
+  D as canNavigateToNextMonth,
+  v as canNavigateToPrevMonth,
+  g as createDisabledMatcher,
+  c as isDateSelectable
 };

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

@@ -1,22 +1,22 @@
-import { calculatePresetRange as a } from "./presets.js";
-import { autoFormatDateInput as o, combineDateAndTime as i, formatDateToDisplayString as n, formatDateToString as m, formatTimeToString as g, getMonthName as T, isValidTimeString as p, parseDateString as D, parseDisplayDateString as S, parseTimeString as s } from "./validation.js";
-import { canNavigateToNextMonth as l, canNavigateToPrevMonth as f, createDisabledMatcher as x, isDateSelectable as N } from "./disabled-dates.js";
-import { PRESET_OPTIONS as M } from "../constants/presets.js";
+import { calculatePresetRange as e } from "./presets.js";
+import { canNavigateToNextMonth as r, canNavigateToPrevMonth as i, createDisabledMatcher as o, isDateSelectable as m } from "./disabled-dates.js";
+import { PRESET_OPTIONS as g } from "../constants/presets.js";
+import { autoFormatDateInput as T, combineDateAndTime as D, formatDateToDisplayString as S, formatDateToString as s, formatTimeToString as c, getMonthName as l, isValidTimeString as f, parseDateString as N, parseDisplayDateString as h, parseTimeString as M } from "./validation.js";
 export {
-  M as PRESET_OPTIONS,
-  o as autoFormatDateInput,
-  a as calculatePresetRange,
-  l as canNavigateToNextMonth,
-  f as canNavigateToPrevMonth,
-  i as combineDateAndTime,
-  x as createDisabledMatcher,
-  n as formatDateToDisplayString,
-  m as formatDateToString,
-  g as formatTimeToString,
-  T as getMonthName,
-  N as isDateSelectable,
-  p as isValidTimeString,
-  D as parseDateString,
-  S as parseDisplayDateString,
-  s as parseTimeString
+  g as PRESET_OPTIONS,
+  T as autoFormatDateInput,
+  e as calculatePresetRange,
+  r as canNavigateToNextMonth,
+  i as canNavigateToPrevMonth,
+  D as combineDateAndTime,
+  o as createDisabledMatcher,
+  S as formatDateToDisplayString,
+  s as formatDateToString,
+  c as formatTimeToString,
+  l as getMonthName,
+  m as isDateSelectable,
+  f as isValidTimeString,
+  N as parseDateString,
+  h as parseDisplayDateString,
+  M as parseTimeString
 };

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

@@ -1,18 +1,16 @@
-const s = (o) => {
+var o = (n) => {
   const e = /* @__PURE__ */ new Date(), a = new Date(e.getFullYear(), e.getMonth(), e.getDate());
-  switch (o) {
+  switch (n) {
     case "today":
       return {
         from: a,
         to: a
       };
-    case "current-month": {
-      const t = new Date(e.getFullYear(), e.getMonth(), 1), n = new Date(e.getFullYear(), e.getMonth() + 1, 0);
+    case "current-month":
       return {
-        from: t,
-        to: n
+        from: new Date(e.getFullYear(), e.getMonth(), 1),
+        to: new Date(e.getFullYear(), e.getMonth() + 1, 0)
       };
-    }
     case "last-7-days": {
       const t = new Date(a);
       return t.setDate(t.getDate() - 6), {
@@ -32,5 +30,5 @@ const s = (o) => {
   }
 };
 export {
-  s as calculatePresetRange
+  o as calculatePresetRange
 };