@caspeco/casper-ui-library 4.0.0 → 4.1.0

package/dist/components/date-picker/base-date-picker.js

@@ -1,244 +1,243 @@
-import { jsxs as B, jsx as n, Fragment as Tr } from "react/jsx-runtime";
-import { GridItem as X, Box as Lr, Grid as Z } from "@chakra-ui/react";
-import Er, { useState as N, useEffect as Pr, useCallback as _r } from "react";
-import { DatePickerDateCell as d } from "./date-picker-date-cell.js";
-import { DatePickerHeader as zr } from "./date-picker-header.js";
-import { DatePickerWeekCell as Ar } from "./date-picker-week-cell.js";
-import { hasDotOnDate as h, isDateStrikeThrough as Hr, getWeekCellVariant as Ur, getDateCellVariant as g, firstLetterUpperCase as jr, hasDatePassed as Kr } from "./helper.js";
-import { lv as Yr } from "../../node_modules/date-fns/locale/lv.js";
-import { lt as qr } from "../../node_modules/date-fns/locale/lt.js";
-import { et as Jr } from "../../node_modules/date-fns/locale/et.js";
-import { es as Qr } from "../../node_modules/date-fns/locale/es.js";
-import { fi as Xr } from "../../node_modules/date-fns/locale/fi.js";
-import { nl as Zr } from "../../node_modules/date-fns/locale/nl.js";
-import { endOfMonth as R } from "../../node_modules/date-fns/endOfMonth.js";
-import { startOfWeek as Nr } from "../../node_modules/date-fns/startOfWeek.js";
-import { sv as dr } from "../../node_modules/date-fns/locale/sv.js";
-import { da as gr } from "../../node_modules/date-fns/locale/da.js";
-import { nb as Rr } from "../../node_modules/date-fns/locale/nb.js";
-import { enGB as rt } from "../../node_modules/date-fns/locale/en-GB.js";
-import { enUS as tt } from "../../node_modules/date-fns/locale/en-US.js";
-import { formatDate as rr } from "../../node_modules/date-fns/format.js";
-import { startOfMonth as V } from "../../node_modules/date-fns/startOfMonth.js";
-import { addDays as tr } from "../../node_modules/date-fns/addDays.js";
-import { isSameMonth as or } from "../../node_modules/date-fns/isSameMonth.js";
-import { isSameDay as c } from "../../node_modules/date-fns/isSameDay.js";
-import { getISOWeek as lr } from "../../node_modules/date-fns/getISOWeek.js";
-import { ThemeColorVariable as er, ThemeSpaceVariable as ir, ThemeFontSizeVariable as ot, ThemeFontVariable as lt } from "../../theme/theme-types.js";
-const et = {
-  "en-US": { locale: tt },
-  "en-GB": { locale: rt },
-  "nb-NO": { locale: Rr },
-  "da-DK": { locale: gr },
-  "sv-SE": { locale: dr },
-  "nl-NL": { locale: Zr },
-  "fi-FI": { locale: Xr },
-  "es-ES": { locale: Qr },
-  "et-EE": { locale: Jr },
-  "lt-LT": { locale: qr },
-  "lv-LV": { locale: Yr }
+import { jsxs as w, jsx as n, Fragment as bt } from "react/jsx-runtime";
+import { GridItem as q, Box as Ft, Grid as J } from "@chakra-ui/react";
+import Gt, { useState as Q, useEffect as Tt, useCallback as Lt } from "react";
+import { DatePickerDateCell as X } from "./date-picker-date-cell.js";
+import { DatePickerHeader as Et } from "./date-picker-header.js";
+import { DatePickerWeekCell as Pt } from "./date-picker-week-cell.js";
+import { hasDotOnDate as h, isDateStrikeThrough as _t, getWeekCellVariant as zt, getDateCellVariant as Z, firstLetterUpperCase as At, hasDatePassed as Ht } from "./helper.js";
+import { lv as Ut } from "../../node_modules/date-fns/locale/lv.js";
+import { lt as jt } from "../../node_modules/date-fns/locale/lt.js";
+import { et as Kt } from "../../node_modules/date-fns/locale/et.js";
+import { es as Yt } from "../../node_modules/date-fns/locale/es.js";
+import { fi as qt } from "../../node_modules/date-fns/locale/fi.js";
+import { nl as Jt } from "../../node_modules/date-fns/locale/nl.js";
+import { endOfMonth as N } from "../../node_modules/date-fns/endOfMonth.js";
+import { startOfWeek as Qt } from "../../node_modules/date-fns/startOfWeek.js";
+import { sv as Xt } from "../../node_modules/date-fns/locale/sv.js";
+import { da as Zt } from "../../node_modules/date-fns/locale/da.js";
+import { nb as Nt } from "../../node_modules/date-fns/locale/nb.js";
+import { enGB as Rt } from "../../node_modules/date-fns/locale/en-GB.js";
+import { enUS as tr } from "../../node_modules/date-fns/locale/en-US.js";
+import { formatDate as R } from "../../node_modules/date-fns/format.js";
+import { startOfMonth as x } from "../../node_modules/date-fns/startOfMonth.js";
+import { addDays as tt } from "../../node_modules/date-fns/addDays.js";
+import { isSameMonth as rt } from "../../node_modules/date-fns/isSameMonth.js";
+import { isSameDay as f } from "../../node_modules/date-fns/isSameDay.js";
+import { getISOWeek as et } from "../../node_modules/date-fns/getISOWeek.js";
+import { ThemeColorVariable as ot, ThemeSpaceVariable as at, ThemeFontSizeVariable as rr, ThemeFontVariable as er } from "../../theme/theme-types.js";
+const or = {
+  "en-US": { locale: tr },
+  "en-GB": { locale: Rt },
+  "nb-NO": { locale: Nt },
+  "da-DK": { locale: Zt },
+  "sv-SE": { locale: Xt },
+  "nl-NL": { locale: Jt },
+  "fi-FI": { locale: qt },
+  "es-ES": { locale: Yt },
+  "et-EE": { locale: Kt },
+  "lt-LT": { locale: jt },
+  "lv-LV": { locale: Ut }
 };
-function Lt({
-  selectedDate: f,
-  onDateChange: C,
-  onMonthChange: W,
-  markSundayRed: fr,
-  strikeThroughDates: sr,
-  showDaysOutsideMonth: nr = !1,
-  localeString: ar,
-  canSelectPastDates: cr,
-  isExpanded: M = !0,
-  dots: e,
-  weekNumbers: i = !1,
+function Fr({
+  selectedDate: l,
+  onDateChange: S,
+  onMonthChange: B,
+  markSundayRed: lt,
+  strikeThroughDates: st,
+  showDaysOutsideMonth: nt = !1,
+  localeString: it,
+  canSelectPastDates: ft,
+  isExpanded: C = !0,
+  dots: c,
+  weekNumbers: a = !1,
   selectWeek: m = !1,
-  shouldDisableDate: $,
-  selectedMonth: b,
-  dateRange: r,
-  isRangeDate: F = !1,
-  onRangeChange: a,
-  isDisabled: mr = !1,
-  redDays: Dr = [],
-  disablePastMonths: hr = !1,
-  disableBackwardNavigation: pr = !1,
-  disableForwardNavigation: ur = !1
+  shouldDisableDate: V,
+  selectedMonth: W,
+  dateRange: o,
+  isRangeDate: $ = !1,
+  onRangeChange: i,
+  isDisabled: ct = !1,
+  redDays: mt = [],
+  disablePastMonths: Dt = !1,
+  disableBackwardNavigation: ht = !1,
+  disableForwardNavigation: pt = !1
 }) {
-  var P;
-  const [s, G] = N(b || f || /* @__PURE__ */ new Date()), [T, O] = N(!0), { locale: D } = et[ar];
-  Pr(() => {
-    f && G(b || f || /* @__PURE__ */ new Date());
-  }, [M]);
-  const yr = (o) => {
-    G(o), W && W(o);
-  }, L = (o) => {
-    if (T)
-      a && a({ startDate: o, endDate: null }), O(!1);
-    else if (r != null && r.startDate && r.startDate > o)
-      a && a({ startDate: o, endDate: null }), O(!1);
+  const [s, b] = Q(W || l || /* @__PURE__ */ new Date()), [F, M] = Q(!0), { locale: D } = or[it];
+  Tt(() => {
+    l && b(W || l || /* @__PURE__ */ new Date());
+  }, [C]);
+  const ut = (r) => {
+    b(r), B && B(r);
+  }, G = (r) => {
+    if (F)
+      i && i({ startDate: r, endDate: null }), M(!1);
+    else if (o?.startDate && o.startDate > r)
+      i && i({ startDate: r, endDate: null }), M(!1);
     else {
-      if (r != null && r.startDate && c(o, r.startDate))
+      if (o?.startDate && f(r, o.startDate))
         return;
-      if (r != null && r.startDate && a) {
-        const l = { startDate: r.startDate, endDate: o };
-        a(l);
+      if (o?.startDate && i) {
+        const e = { startDate: o.startDate, endDate: r };
+        i(e);
       }
-      O(!0);
+      M(!0);
     }
-  }, p = _r(
-    (o) => {
-      F ? L(o) : C && C(o);
+  }, p = Lt(
+    (r) => {
+      $ ? G(r) : S && S(r);
     },
-    [C, F, T, L]
+    [S, $, F, G]
   );
-  function Sr() {
-    const o = Nr(/* @__PURE__ */ new Date(), { locale: D });
-    return Array.from({ length: 7 }, (l, t) => rr(tr(o, t), "eee", { locale: D }));
+  function dt() {
+    const r = Qt(/* @__PURE__ */ new Date(), { locale: D });
+    return Array.from({ length: 7 }, (e, t) => R(tt(r, t), "eee", { locale: D }));
   }
-  const Cr = rr(V(s), "MMMM yyyy", {
+  const yt = R(x(s), "MMMM yyyy", {
     locale: D
-  }), Mr = R(s).getDate(), Or = [i ? "v." : void 0, ...Sr()], kr = ((P = D.options) == null ? void 0 : P.weekStartsOn) || 0, E = (V(s).getDay() - kr + 7) % 7, Ir = (7 - R(s).getDay()) % 7, vr = ["auto", "auto", "100%"], wr = ["auto", "auto", "100%"], xr = (o) => !cr && Kr(o) ? !0 : $ ? $(o) : !1, Br = Array.from({ length: Mr + E + Ir }, (o, l) => {
-    const t = tr(V(s), l - E), Vr = or(t, s), k = c(t, /* @__PURE__ */ new Date()), u = xr(t) || mr, _ = h(t, e == null ? void 0 : e.yellowDotDates), z = h(t, e == null ? void 0 : e.greenDotDates), A = h(t, e == null ? void 0 : e.blueDotDates), H = h(t, e == null ? void 0 : e.redDotDates), U = h(t, e == null ? void 0 : e.greyDotDates), j = Hr(t, sr) && !u;
+  }), St = N(s).getDate(), Ct = [a ? "v." : void 0, ...dt()], Mt = D.options?.weekStartsOn || 0, T = (x(s).getDay() - Mt + 7) % 7, Ot = (7 - N(s).getDay()) % 7, gt = ["auto", "auto", "100%"], kt = ["auto", "auto", "100%"], It = (r) => !ft && Ht(r) ? !0 : V ? V(r) : !1, vt = Array.from({ length: St + T + Ot }, (r, e) => {
+    const t = tt(x(s), e - T), wt = rt(t, s), O = f(t, /* @__PURE__ */ new Date()), u = It(t) || ct, L = h(t, c?.yellowDotDates), E = h(t, c?.greenDotDates), P = h(t, c?.blueDotDates), _ = h(t, c?.redDotDates), z = h(t, c?.greyDotDates), A = _t(t, st) && !u;
+    let g = !1;
+    l && (g = f(t, l));
+    const xt = t.getDay() === 0, H = mt.some(($t) => f($t, t)) || (lt ?? !1) && xt, k = et(t);
+    let d = !1;
+    m && l && (d = et(l) === k);
+    const U = !rt(t, s), j = !!(o?.startDate && o?.endDate && t > o.startDate && t < o.endDate);
     let I = !1;
-    f && (I = c(t, f));
-    const Wr = t.getDay() === 0, K = Dr.some((Gr) => c(Gr, t)) || (fr ?? !1) && Wr, v = lr(t);
-    let y = !1;
-    m && f && (y = lr(f) === v);
-    const Y = !or(t, s), q = !!(r != null && r.startDate && (r != null && r.endDate) && t > r.startDate && t < r.endDate);
-    let w = !1;
-    r != null && r.startDate && (w = c(t, r == null ? void 0 : r.startDate));
-    let x = !1, J = !1;
-    r != null && r.endDate && (x = c(t, r == null ? void 0 : r.endDate), J = !0);
-    const $r = g(
-      I || y,
-      k,
-      Y,
-      q,
-      w,
-      x,
-      J
-    ), br = Ur(y, k), Fr = g(
-      I || y,
-      k,
-      Y,
-      q,
-      w,
-      x
-    ), Q = Math.floor(l / 7) + 1, S = l % 7 + 1;
-    return i ? /* @__PURE__ */ B(Er.Fragment, { children: [
-      i && l % 7 === 0 && /* @__PURE__ */ n(
-        X,
+    o?.startDate && (I = f(t, o?.startDate));
+    let v = !1, K = !1;
+    o?.endDate && (v = f(t, o?.endDate), K = !0);
+    const Bt = Z(
+      g || d,
+      O,
+      U,
+      j,
+      I,
+      v,
+      K
+    ), Vt = zt(d, O), Wt = Z(
+      g || d,
+      O,
+      U,
+      j,
+      I,
+      v
+    ), Y = Math.floor(e / 7) + 1, y = e % 7 + 1;
+    return a ? /* @__PURE__ */ w(Gt.Fragment, { children: [
+      a && e % 7 === 0 && /* @__PURE__ */ n(
+        q,
         {
           gridColumn: 1,
           gridRow: "1 / span 7",
           opacity: "0.24",
           borderRight: "1px solid",
-          borderColor: er.OnSurfaceBorder
+          borderColor: ot.OnSurfaceBorder
         },
-        `grid-${l}-${t}`
+        `grid-${e}-${t}`
       ),
-      i && l % 7 === 0 && /* @__PURE__ */ n(
-        Ar,
+      a && e % 7 === 0 && /* @__PURE__ */ n(
+        Pt,
         {
           handleWeekChange: p,
           date: t,
-          gridIndex: l,
-          variant: br,
+          gridIndex: e,
+          variant: Vt,
           selectWeek: m,
           isDisabled: u
         },
-        `week-${l}-${v}`
+        `week-${e}-${k}`
       ),
       /* @__PURE__ */ n(
-        d,
+        X,
         {
-          hasBlueDot: A,
-          hasGreenDot: z,
-          hasYellowDot: _,
-          hasRedDot: H,
-          hasGreyDot: U,
-          gridIndex: l,
-          gridColumn: i ? S + 2 : S,
-          gridRow: Q,
+          hasBlueDot: P,
+          hasGreenDot: E,
+          hasYellowDot: L,
+          hasRedDot: _,
+          hasGreyDot: z,
+          gridIndex: e,
+          gridColumn: a ? y + 2 : y,
+          gridRow: Y,
           day: t,
           handleDateChange: p,
-          variant: Fr,
+          variant: Wt,
           isDisabled: u,
-          isStrikeThrough: j,
+          isStrikeThrough: A,
           selectWeek: m,
-          isHoliday: K
+          isHoliday: H
         },
-        t.toString() + l
+        t.toString() + e
       )
-    ] }, `fragment-${l}-${v}`) : Vr || nr ? /* @__PURE__ */ n(
-      d,
+    ] }, `fragment-${e}-${k}`) : wt || nt ? /* @__PURE__ */ n(
+      X,
       {
-        hasBlueDot: A,
-        hasGreenDot: z,
-        hasYellowDot: _,
-        hasRedDot: H,
-        hasGreyDot: U,
-        gridIndex: l,
-        gridColumn: i ? S + 1 : S,
-        gridRow: Q,
+        hasBlueDot: P,
+        hasGreenDot: E,
+        hasYellowDot: L,
+        hasRedDot: _,
+        hasGreyDot: z,
+        gridIndex: e,
+        gridColumn: a ? y + 1 : y,
+        gridRow: Y,
         day: t,
         handleDateChange: p,
-        variant: $r,
+        variant: Bt,
         isDisabled: u,
-        isStrikeThrough: j,
+        isStrikeThrough: A,
         selectWeek: m,
-        isHoliday: K
+        isHoliday: H
       },
-      `${t.toString()}-${l}`
+      `${t.toString()}-${e}`
     ) : null;
   });
-  return /* @__PURE__ */ B(Lr, { w: wr, h: vr, children: [
+  return /* @__PURE__ */ w(Ft, { w: kt, h: gt, children: [
     /* @__PURE__ */ n(
-      zr,
+      Et,
       {
-        selectedDate: f || /* @__PURE__ */ new Date(),
+        selectedDate: l || /* @__PURE__ */ new Date(),
         onDateChange: p,
-        isExpanded: M,
-        onMonthChange: yr,
+        isExpanded: C,
+        onMonthChange: ut,
         selectedMonth: s,
-        month: Cr,
+        month: yt,
         locale: D,
         selectWeek: m,
-        disablePastMonths: hr,
-        disableBackwardNavigation: pr,
-        disableForwardNavigation: ur,
-        dateRange: r,
-        onRangeChange: a
+        disablePastMonths: Dt,
+        disableBackwardNavigation: ht,
+        disableForwardNavigation: pt,
+        dateRange: o,
+        onRangeChange: i
       }
     ),
-    M && /* @__PURE__ */ B(Tr, { children: [
-      /* @__PURE__ */ n(Z, { templateColumns: i ? "48px 1px 1fr 1fr 1fr 1fr 1fr 1fr 1fr" : "repeat(7, 1fr)", children: Or.map((o, l) => {
+    C && /* @__PURE__ */ w(bt, { children: [
+      /* @__PURE__ */ n(J, { templateColumns: a ? "48px 1px 1fr 1fr 1fr 1fr 1fr 1fr 1fr" : "repeat(7, 1fr)", children: Ct.map((r, e) => {
         let t;
-        return i && l === 0 ? t = 1 : i ? t = l + 2 : t = l, o ? /* @__PURE__ */ n(
-          X,
+        return a && e === 0 ? t = 1 : a ? t = e + 2 : t = e, r ? /* @__PURE__ */ n(
+          q,
           {
             textAlign: "center",
             fontWeight: "500",
-            fontFamily: lt.Body,
-            fontSize: ot.Small,
+            fontFamily: er.Body,
+            fontSize: rr.Small,
             gridColumn: t,
-            borderRight: i && l === 0 ? `1px solid ${er.OnSurfaceBorder}` : "",
-            pb: ir.Small,
-            children: jr(o).slice(0, 2)
+            borderRight: a && e === 0 ? `1px solid ${ot.OnSurfaceBorder}` : "",
+            pb: at.Small,
+            children: At(r).slice(0, 2)
           },
-          o
+          r
         ) : null;
       }) }),
       /* @__PURE__ */ n(
-        Z,
+        J,
         {
-          templateColumns: i ? "48px 1px 1fr 1fr 1fr 1fr 1fr 1fr 1fr" : "repeat(7, 1fr)",
-          rowGap: ir.Small,
+          templateColumns: a ? "48px 1px 1fr 1fr 1fr 1fr 1fr 1fr 1fr" : "repeat(7, 1fr)",
+          rowGap: at.Small,
           flexShrink: 1,
-          children: Br
+          children: vt
         }
       )
     ] })
   ] });
 }
 export {
-  Lt as BaseDatePicker
+  Fr as BaseDatePicker
 };

package/dist/components/date-picker/date-picker-header.js

@@ -28,13 +28,13 @@ const Fr = ({
   selectWeek: m,
   locale: o,
   selectedDate: i,
-  onDateChange: f,
-  isExpanded: s,
+  onDateChange: a,
+  isExpanded: f,
   disablePastMonths: P,
   disableBackwardNavigation: B,
   disableForwardNavigation: T,
   dateRange: t,
-  onRangeChange: a
+  onRangeChange: s
 }) => {
   function V(r) {
     switch (r) {
@@ -51,14 +51,14 @@ const Fr = ({
     }
   }
   function h(r) {
-    return !!(r != null && r.startDate) && !!(r != null && r.endDate);
+    return !!r?.startDate && !!r?.endDate;
   }
-  const n = !m && h(t) && a;
+  const n = !m && h(t) && s;
   function v(r) {
     return X(r.startDate, r.endDate) ? o === F || o === x ? "MMM d" : "d MMM" : "PP";
   }
   const y = () => {
-    if (s)
+    if (f)
       return S(d);
     if (m)
       return `${V(o)} ${A(i)}`;
@@ -68,15 +68,15 @@ const Fr = ({
     }
     return i ? b(i, "dd MMMM", { locale: o }) : S(d);
   }, H = () => {
-    s ? k(Y(u(e))) : m ? f(q(i)) : n ? a({
+    f ? k(Y(u(e))) : m ? a(q(i)) : n ? s({
       startDate: c(t.startDate),
       endDate: c(t.endDate)
-    }) : f(c(i));
+    }) : a(c(i));
   }, U = () => {
-    s ? k(C(u(e), 1)) : m ? f(J(i, 1)) : n ? a({
+    f ? k(C(u(e), 1)) : m ? a(J(i, 1)) : n ? s({
       startDate: D(t.startDate, 1),
       endDate: D(t.endDate, 1)
-    }) : f(D(i, 1));
+    }) : a(D(i, 1));
   }, M = u(/* @__PURE__ */ new Date()), $ = B || P && (O(e, M) || G(e, M));
   return /* @__PURE__ */ L(W, { justify: "space-between", align: "center", mb: Z.Small, children: [
     /* @__PURE__ */ p(

package/dist/components/date-picker/helper.js

@@ -1,16 +1,16 @@
 import { isSameDay as n } from "../../node_modules/date-fns/isSameDay.js";
-import { endOfDay as s } from "../../node_modules/date-fns/endOfDay.js";
-import { isPast as c } from "../../node_modules/date-fns/isPast.js";
-const m = (t, e) => e == null ? void 0 : e.some((r) => n(new Date(r), t)), y = (t, e) => !e || e.length === 0 ? !1 : e.some((r) => n(new Date(r), t));
-function p(t) {
-  const e = s(t);
-  return c(e);
+import { endOfDay as u } from "../../node_modules/date-fns/endOfDay.js";
+import { isPast as f } from "../../node_modules/date-fns/isPast.js";
+const m = (e, t) => t?.some((r) => n(new Date(r), e)), y = (e, t) => !t || t.length === 0 ? !1 : t.some((r) => n(new Date(r), e));
+function p(e) {
+  const t = u(e);
+  return f(t);
 }
-const d = (t) => `${t.slice(0, 1).toUpperCase()}${t.slice(1)}`, C = (t, e, r, a, i, f, o) => i ? o ? "startDateRange" : "selectedDay" : f ? "endDateRange" : t ? "selectedDay" : a ? "isSelectedRangeDay" : e ? "currentDay" : r ? "outSideMonth" : "normal", S = (t, e) => t ? "selectedDay" : e ? "currentDay" : "normal";
+const d = (e) => `${e.slice(0, 1).toUpperCase()}${e.slice(1)}`, g = (e, t, r, a, i, s, o) => i ? o ? "startDateRange" : "selectedDay" : s ? "endDateRange" : e ? "selectedDay" : a ? "isSelectedRangeDay" : t ? "currentDay" : r ? "outSideMonth" : "normal", h = (e, t) => e ? "selectedDay" : t ? "currentDay" : "normal";
 export {
   d as firstLetterUpperCase,
-  C as getDateCellVariant,
-  S as getWeekCellVariant,
+  g as getDateCellVariant,
+  h as getWeekCellVariant,
   p as hasDatePassed,
   y as hasDotOnDate,
   m as isDateStrikeThrough