asma-ui-core 3.20.0 → 3.20.1

package/dist/datetime/components/date-picker/components/BaseDatePickerInput.js

@@ -1,138 +1,139 @@
-import { getValue as N } from "../helpers.js";
-import { StyledInputField as X } from "../../../shared-components/StyledInputField.js";
-import { cn as Z } from "../../../helpers/cn.js";
-import { DatePickerButton as _ } from "./DatePickerButton.js";
-import { useDatePickerMask as $ } from "../hooks/useDatePickerMask.js";
-import { useDatePickerValidation as ee } from "../hooks/useDatePickerValidation.js";
-import { HelperTextWithTooltip as te } from "./HelperTextWithTooltip.js";
-import { useEffect as P, useState as w } from "react";
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-import { isValid as ae, parse as le } from "date-fns";
-var he = (F) => {
-  const { onClick: B, inputClassName: I, dateFormat: f, selected: l, error: S, helperText: Y, errorText: E, onInputChange: C, hideCalendar: O, locale: t, disabledDays: o, label: W, title: b, readOnly: e, disallowPast: r, disallowFuture: i, validateOnCalendarClose: T, onValidatedOnce: V, hideDefaultHelperText: j, required: s, minDate: n, ...h } = F, { validationError: R, handleValidation: d, errHelperText: q, clearValidation: H } = ee(), { maskRef: z } = $(), x = l ? N(l, f) : "", [m, M] = w(x), [k, v] = w(!1), A = t?.code?.startsWith("nb") ? "DD/MM/ÅÅÅÅ" : "DD/MM/YYYY", G = j ? void 0 : A, u = !!(R || S), J = u ? E ?? q : Y ?? G, D = k ? m : x;
-  P(() => {
-    if (!l) {
-      H();
+import { getValue as x } from "../helpers.js";
+import { StyledInputField as G } from "../../../shared-components/StyledInputField.js";
+import { cn as J } from "../../../helpers/cn.js";
+import { DatePickerButton as K } from "./DatePickerButton.js";
+import { useDatePickerMask as L } from "../hooks/useDatePickerMask.js";
+import { useDatePickerValidation as Q } from "../hooks/useDatePickerValidation.js";
+import { HelperTextWithTooltip as U } from "./HelperTextWithTooltip.js";
+import { useEffect as v, useState as X } from "react";
+import { jsx as o, jsxs as D } from "react/jsx-runtime";
+import { isValid as Z, parse as _ } from "date-fns";
+var ce = (k) => {
+  const { onClick: N, inputClassName: P, dateFormat: l, selected: t, error: V, helperText: w, errorText: F, onInputChange: g, hideCalendar: B, locale: r, disabledDays: i, label: S, title: y, readOnly: e, disallowPast: s, disallowFuture: d, validateOnCalendarClose: C, onValidatedOnce: b, hideDefaultHelperText: Y, required: n, minDate: c, ...f } = k, { validationError: E, handleValidation: p, errHelperText: I, clearValidation: T } = Q(), { maskRef: O } = L(), [a, H] = X(t ? x(t, l) : ""), W = r?.code?.startsWith("nb") ? "DD/MM/ÅÅÅÅ" : "DD/MM/YYYY", j = Y ? void 0 : W, m = !!(E || V), R = m ? F ?? I : w ?? j;
+  v(() => {
+    H(t ? x(t, l) : "");
+  }, [t, l]), v(() => {
+    if (!t) {
+      T();
       return;
     }
-    d({
-      value: N(l, f),
-      disabledDays: o,
-      localeCode: t?.code,
-      disallowPast: r,
-      disallowFuture: i,
-      required: s,
-      minDate: n
+    p({
+      value: x(t, l),
+      disabledDays: i,
+      localeCode: r?.code,
+      disallowPast: s,
+      disallowFuture: d,
+      required: n,
+      minDate: c
     });
   }, [
+    t,
     l,
-    f,
-    o,
-    t?.code,
-    r,
     i,
+    r?.code,
     s,
-    n,
     d,
-    H
+    n,
+    c,
+    p,
+    T
   ]);
-  const K = D.replace(/\D/g, "").length > 0, L = (c) => {
-    const p = c.target.value, U = p.replace(/\D/g, "");
-    v(!0), M(U.length ? p : "");
+  const q = a.replace(/\D/g, "").length > 0, z = (u) => {
+    const M = u.target.value;
+    H(M.replace(/\D/g, "").length ? M : "");
   };
-  P(() => {
-    T && (d({
-      value: m,
-      disabledDays: o,
-      localeCode: t?.code,
-      disallowPast: r,
-      disallowFuture: i,
-      required: s,
-      minDate: n
-    }), V?.());
+  v(() => {
+    C && (p({
+      value: a,
+      disabledDays: i,
+      localeCode: r?.code,
+      disallowPast: s,
+      disallowFuture: d,
+      required: n,
+      minDate: c
+    }), b?.());
   }, [
-    T,
-    m,
-    o,
-    t?.code,
-    r,
+    C,
+    a,
     i,
+    r?.code,
     s,
+    d,
     n,
-    V,
-    d
+    c,
+    b,
+    p
   ]);
-  const Q = () => {
-    const c = k ? m : x;
-    if (d({
-      value: c,
-      disabledDays: o,
-      localeCode: t?.code,
-      disallowPast: r,
-      disallowFuture: i,
-      required: s,
-      minDate: n
+  const A = () => {
+    if (p({
+      value: a,
+      disabledDays: i,
+      localeCode: r?.code,
+      disallowPast: s,
+      disallowFuture: d,
+      required: n,
+      minDate: c
     })) return;
-    if (!c.replace(/\D/g, "").length) {
-      v(!1), M(""), C?.(void 0);
+    if (!a.replace(/\D/g, "").length) {
+      g?.(void 0);
       return;
     }
-    const p = le(c, "dd/MM/yyyy", /* @__PURE__ */ new Date());
-    v(!1), C?.(ae(p) ? p : void 0);
-  }, g = e ? 120 : 160;
-  return /* @__PURE__ */ y("div", {
+    const u = _(a, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+    g?.(Z(u) ? u : void 0);
+  }, h = e ? 120 : 160;
+  return /* @__PURE__ */ D("div", {
     className: "cursor-default",
-    children: [b && /* @__PURE__ */ a("div", {
+    children: [y && /* @__PURE__ */ o("div", {
       className: "pb-1 font-roboto font-semibold text-delta-800",
-      children: b
-    }), /* @__PURE__ */ y("div", {
+      children: y
+    }), /* @__PURE__ */ D("div", {
       className: "flex gap-1",
       style: { height: e ? 40 : 75 },
-      children: [/* @__PURE__ */ y("div", {
-        style: { width: g },
-        children: [/* @__PURE__ */ a("div", {
+      children: [/* @__PURE__ */ D("div", {
+        style: { width: h },
+        children: [/* @__PURE__ */ o("div", {
           className: "relative",
-          children: /* @__PURE__ */ a(X, {
-            ...h,
-            label: W,
+          children: /* @__PURE__ */ o(G, {
+            ...f,
+            label: S,
             readOnly: e,
-            "data-testid": h.dataTest,
+            "data-testid": f.dataTest,
             autoComplete: "off",
-            inputRef: e ? void 0 : z,
-            placeholder: !e && !K ? "  /  /    " : void 0,
+            inputRef: e ? void 0 : O,
+            placeholder: !e && !q ? "  /  /    " : void 0,
             size: "small",
-            value: e ? D.replaceAll("/", ".") : D,
-            className: I,
-            style: { width: g },
-            error: u,
-            onBlur: e ? void 0 : Q,
+            value: e ? a.replaceAll("/", ".") : a,
+            className: P,
+            style: { width: h },
+            error: m,
+            onBlur: e ? void 0 : A,
             helperText: null,
             FormHelperTextProps: { sx: { m: 0 } },
             inputProps: { ...e ? {} : {
               inputMode: "numeric",
               style: { fontFamily: "monospace" }
             } },
-            onChange: L
+            onChange: z
           })
-        }), !e && /* @__PURE__ */ a("div", {
-          className: Z("pt-1 text-[14px]", u ? "text-error-500" : "text-delta-600"),
+        }), !e && /* @__PURE__ */ o("div", {
+          className: J("pt-1 text-[14px]", m ? "text-error-500" : "text-delta-600"),
           style: {
-            maxWidth: g,
+            maxWidth: h,
             maxHeight: 34,
             lineHeight: "16px"
           },
-          children: /* @__PURE__ */ a(te, {
-            text: J,
-            hasError: u
+          children: /* @__PURE__ */ o(U, {
+            text: R,
+            hasError: m
           })
         })]
-      }), !O && !e && /* @__PURE__ */ a(_, {
-        onClick: B,
-        disabled: !!h.disabled
+      }), !B && !e && /* @__PURE__ */ o(K, {
+        onClick: N,
+        disabled: !!f.disabled
       })]
     })]
   });
 };
 export {
-  he as BaseDatePickerInput
+  ce as BaseDatePickerInput
 };

package/dist/datetime/components/date-picker/components/StyledCalendarPicker.module.js

@@ -1,32 +1,31 @@
-var _ = "_months_4o44h_5", a = "_month_4o44h_5", o = "_caption_4o44h_18", e = "_caption_label_4o44h_22", d = "_nav_4o44h_31", r = "_nav_button_4o44h_35", n = "_nav_button_previous_4o44h_41", t = "_nav_button_next_4o44h_45", h = "_head_row_4o44h_49", v = "_head_cell_4o44h_64", l = "_row_4o44h_73", i = "_cell_4o44h_85", c = "_has_4o44h_88", s = "_first_4o44h_91", y = "_last_4o44h_94", u = "_day_4o44h_98", b = "_day_today_4o44h_109", p = "_day_selected_4o44h_115", m = "_day_outside_4o44h_130", f = "_day_range_middle_4o44h_133", w = "_day_disabled_4o44h_141", k = "_day_hidden_4o44h_145", g = "_weeknumber_4o44h_149", x = "_caption_end_4o44h_153", C = {
-  "styled-calendar-day-picker": "_styled-calendar-day-picker_4o44h_1",
+var _ = "_months_fief3_12", e = "_month_fief3_12", a = "_caption_fief3_25", f = "_caption_label_fief3_29", d = "_nav_fief3_34", i = "_nav_button_fief3_38", r = "_nav_button_previous_fief3_44", n = "_nav_button_next_fief3_48", t = "_head_row_fief3_52", v = "_head_cell_fief3_56", l = "_row_fief3_65", o = "_cell_fief3_69", s = "_has_fief3_72", y = "_first_fief3_75", c = "_last_fief3_78", u = "_day_fief3_82", b = "_day_today_fief3_93", h = "_day_selected_fief3_99", p = "_day_outside_fief3_120", m = "_day_range_middle_fief3_126", w = "_day_disabled_fief3_134", k = "_day_hidden_fief3_142", g = "_weeknumber_fief3_146", x = "_caption_end_fief3_158", C = {
+  "styled-calendar-day-picker": "_styled-calendar-day-picker_fief3_1",
   months: _,
-  month: a,
-  caption: o,
-  caption_label: e,
-  "custom-caption": "_custom-caption_4o44h_27",
+  month: e,
+  caption: a,
+  caption_label: f,
   nav: d,
-  nav_button: r,
-  nav_button_previous: n,
-  nav_button_next: t,
-  head_row: h,
-  "locale-nb": "_locale-nb_4o44h_60",
+  nav_button: i,
+  nav_button_previous: r,
+  nav_button_next: n,
+  head_row: t,
   head_cell: v,
   row: l,
-  cell: i,
-  has: c,
-  first: s,
-  last: y,
+  cell: o,
+  has: s,
+  first: y,
+  last: c,
   day: u,
-  "focus-visible": "_focus-visible_4o44h_104",
+  "focus-visible": "_focus-visible_fief3_88",
   day_today: b,
-  day_selected: p,
-  "rdp-day_range_end": "_rdp-day_range_end_4o44h_118",
-  day_outside: m,
-  day_range_middle: f,
+  day_selected: h,
+  "rdp-day_range_end": "_rdp-day_range_end_fief3_120",
+  day_outside: p,
+  day_range_middle: m,
   day_disabled: w,
   day_hidden: k,
   weeknumber: g,
+  "weeknumber-header": "_weeknumber-header_fief3_150",
   caption_end: x
 };
 export {

package/dist/datetime/components/date-picker/components/StyledCalendarPickerCaption.js

@@ -1,12 +1,11 @@
-import { StyledButton as i } from "../../../shared-components/button/StyledButton.js";
-import { CloseIcon as l } from "../../../shared-components/CloseIcon.js";
-import s from "./StyledCalendarPicker.module.js";
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-function x(o) {
-  const { onClose: n, children: a, calendarMonth: c, displayIndex: m, ...t } = o;
-  return /* @__PURE__ */ d("div", {
+import { StyledButton as s } from "../../../shared-components/button/StyledButton.js";
+import { CloseIcon as r } from "../../../shared-components/CloseIcon.js";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+function y(n) {
+  const { onClose: o, children: a, calendarMonth: c, displayIndex: d, ...t } = n;
+  return /* @__PURE__ */ l("div", {
     ...t,
-    className: s["custom-caption"],
+    className: "rdp-custom-caption capitalize",
     style: {
       ...t.style,
       display: "flex",
@@ -14,11 +13,11 @@ function x(o) {
       alignItems: "center",
       marginLeft: "10px"
     },
-    children: [a, /* @__PURE__ */ e(i, {
+    children: [a, /* @__PURE__ */ e(s, {
       dataTest: "close-button",
       variant: "textGray",
-      onClick: (r) => n?.(r, "backdropClick"),
-      startIcon: /* @__PURE__ */ e(l, {
+      onClick: (i) => o?.(i, "backdropClick"),
+      startIcon: /* @__PURE__ */ e(r, {
         height: 20,
         width: 20
       })
@@ -26,5 +25,5 @@ function x(o) {
   });
 }
 export {
-  x as CustomCaption
+  y as CustomCaption
 };

package/dist/datetime/components/date-picker/components/StyledDayPicker.js

@@ -1,52 +1,70 @@
-import { StyledCalendarPickerFooter as p } from "./StyledCalendarPickerFooter.js";
-import e from "./StyledCalendarPicker.module.js";
+import { StyledCalendarPickerFooter as C } from "./StyledCalendarPickerFooter.js";
 import { CustomCaption as O } from "./StyledCalendarPickerCaption.js";
-import { StyledCalendarPickerSelectMonth as Y } from "./StyledCalendarPickerSelectMonth.js";
-import { StyledCalendarPickerSelectYear as F } from "./StyledCalendarPickerSelectYear.js";
-import { buildDisabled as x } from "../helpers.js";
-import { useState as N } from "react";
+import { StyledCalendarPickerSelectMonth as x } from "./StyledCalendarPickerSelectMonth.js";
+import { StyledCalendarPickerSelectYear as N } from "./StyledCalendarPickerSelectYear.js";
+import e from "./StyledCalendarPicker.module.js";
+import { buildDisabled as Y } from "../helpers.js";
+import { useState as F } from "react";
 import "@mui/material";
-import { jsx as r } from "react/jsx-runtime";
-import { DayPicker as q } from "react-day-picker";
-import { endOfMonth as R, startOfToday as T } from "date-fns";
-import { enGB as W } from "date-fns/locale";
-var U = ({ datePickerProps: t, popoverProps: y }) => {
-  const { showOutsideDays: h = !0, locale: i = W, numberOfMonths: f, disabledDays: w, onClear: b, title: $, ...D } = t, { onClose: m } = y, [c, u] = N((t.mode === "range" ? t.selected?.from : t.selected) ?? /* @__PURE__ */ new Date()), _ = i.code === "nb", S = (f ?? 1) < 2, g = x(w, "disallowPast" in t ? t.disallowPast : void 0, "disallowFuture" in t ? t.disallowFuture : void 0, T()), v = (n) => {
+import { jsx as i } from "react/jsx-runtime";
+import { DayPicker as W } from "react-day-picker";
+import { endOfMonth as q, startOfToday as R } from "date-fns";
+import { enGB as T } from "date-fns/locale";
+var Q = ({ datePickerProps: t, popoverProps: y }) => {
+  const { showOutsideDays: h = !0, locale: s = T, numberOfMonths: b, disabledDays: w, onClear: f, title: j, ...g } = t, { onClose: m } = y, [_, c] = F((t.mode === "range" ? t.selected?.from : t.selected) ?? /* @__PURE__ */ new Date()), u = s.code === "nb", v = (b ?? 1) < 2, D = Y(w, "disallowPast" in t ? t.disallowPast : void 0, "disallowFuture" in t ? t.disallowFuture : void 0, R()), S = (n) => {
     if (!t.selected || !t.onSelect) return;
     const o = /* @__PURE__ */ new Date(), a = {};
     if (t.mode === "range") {
-      const d = t.onSelect;
-      d(void 0, o, a, n);
+      const l = t.onSelect;
+      l(void 0, o, a, n);
       return;
     }
-    const l = t.onSelect;
-    l(void 0, o, a, n);
+    const d = t.onSelect;
+    d(void 0, o, a, n);
   };
-  return /* @__PURE__ */ r(q, {
-    ...D,
-    disabled: g,
-    month: c,
+  return /* @__PURE__ */ i(W, {
+    ...g,
+    disabled: D,
+    month: _,
     onMonthChange: (n) => {
-      if (u(n), !!t.onSelect && (!t.mode || t.mode === "single")) {
+      if (c(n), !!t.onSelect && (!t.mode || t.mode === "single")) {
         const o = t.selected;
         if (o instanceof Date) {
-          const a = n.getFullYear(), l = n.getMonth(), d = o.getDate(), M = R(new Date(a, l, 1)).getDate(), C = Math.min(d, M), s = new Date(o);
-          s.setFullYear(a, l, C), t.onSelect(s, s, {}, {});
+          const a = n.getFullYear(), d = n.getMonth(), l = o.getDate(), p = q(new Date(a, d, 1)).getDate(), M = Math.min(l, p), r = new Date(o);
+          r.setFullYear(a, d, M), t.onSelect(r, r, {}, {});
         }
       }
     },
     captionLayout: "dropdown",
+    hideNavigation: !0,
     weekStartsOn: 1,
-    locale: i,
+    locale: s,
     startMonth: new Date(t.fromYear ?? 1900, 0),
     endMonth: new Date(t.toYear ?? 2100, 11),
     "data-test": "calendar-picker",
     showWeekNumber: !0,
     showOutsideDays: h,
     fixedWeeks: !0,
-    className: `${e["styled-calendar-day-picker"]} ${_ ? e["locale-nb"] : ""}`,
+    formatters: { formatWeekNumberHeader: () => u ? "U" : "W" },
+    className: e["styled-calendar-day-picker"],
     classNames: {
       months: e.months,
+      month_caption: e.caption,
+      weekdays: e.head_row,
+      weekday: e.head_cell,
+      week: e.row,
+      day: e.cell,
+      day_button: e.day,
+      week_number: e.weeknumber,
+      week_number_header: e["weeknumber-header"],
+      selected: e.day_selected,
+      today: e.day_today,
+      outside: e.day_outside,
+      disabled: e.day_disabled,
+      range_middle: e.day_range_middle,
+      hidden: e.day_hidden,
+      button_previous: e.nav_button_previous,
+      button_next: e.nav_button_next,
       weeknumber: e.weeknumber,
       month: e.month,
       caption: e.caption,
@@ -59,35 +77,34 @@ var U = ({ datePickerProps: t, popoverProps: y }) => {
       head_cell: e.head_cell,
       row: e.row,
       cell: e.cell,
-      day: e.day,
       day_today: e.day_today,
       day_selected: e.day_selected,
       day_outside: e.day_outside,
       day_disabled: e.day_disabled,
       day_range_middle: e.day_range_middle,
       day_hidden: e.day_hidden,
-      caption_end: S ? "" : e.caption_end
+      caption_end: v ? "" : e.caption_end
     },
     components: {
-      MonthCaption: (n) => /* @__PURE__ */ r(O, {
+      MonthCaption: (n) => /* @__PURE__ */ i(O, {
         ...n,
         onClose: m
       }),
-      MonthsDropdown: Y,
-      YearsDropdown: F
+      MonthsDropdown: x,
+      YearsDropdown: N
     },
-    footer: /* @__PURE__ */ r(p, {
+    footer: /* @__PURE__ */ i(C, {
       onClose: m,
-      isNb: _,
+      isNb: u,
       selected: t.selected,
-      removeSelection: v,
+      removeSelection: S,
       required: t?.required,
-      setMonth: u,
-      month: c,
-      onClear: b
+      setMonth: c,
+      month: _,
+      onClear: f
     })
   });
 };
 export {
-  U as StyledDayPicker
+  Q as StyledDayPicker
 };

package/package.json

@@ -3,7 +3,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "version": "3.20.0",
+    "version": "3.20.1",
     "type": "module",
     "sideEffects": [
         "**/*.css",