asma-ui-core 3.105.0 → 3.107.0

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

@@ -1,29 +1,30 @@
-import { StyledInputField as G } from "../../../../components/inputs/input-field/StyledInputField.js";
-import { getValue as f } from "../helpers.js";
-import { DatePickerButton as J } from "./DatePickerButton.js";
-import { DATE_INPUT_FONT_FAMILY as K } from "../../../../helpers/inputMask.js";
-import { useDatePickerMask as Q } from "../hooks/useDatePickerMask.js";
-import { defaultDatePickerValidationMessages as X, useDatePickerValidation as Z } from "../hooks/useDatePickerValidation.js";
-import { useEffect as b, useState as k } from "react";
-import { jsx as m, jsxs as N } from "react/jsx-runtime";
-import { isValid as $, parse as ee } from "date-fns";
-var ce = (V) => {
-  const { onClick: F, inputClassName: w, dateFormat: r, selected: e, error: I, helperText: H, errorText: Y, onInputChange: h, hideCalendar: B, locale: o, disabledDays: l, label: E, title: v, readOnly: t, disallowPast: i, disallowFuture: s, validateOnCalendarClose: D, onValidatedOnce: g, hideDefaultHelperText: O, required: d, minDate: n, ...u } = V, { validationError: A, handleValidation: c, errHelperText: R, clearValidation: x } = Z(X), { maskRef: S } = Q(), [a, y] = k(e ? f(e, r) : ""), [C, _] = k({
+import { StyledInputField as K } from "../../../../components/inputs/input-field/StyledInputField.js";
+import { getValue as h } from "../helpers.js";
+import { DatePickerButton as Q } from "./DatePickerButton.js";
+import { getTitleLabelling as X } from "../../../helpers/getTitleLabelling.js";
+import { DATE_INPUT_FONT_FAMILY as Z } from "../../../../helpers/inputMask.js";
+import { useDatePickerMask as $ } from "../hooks/useDatePickerMask.js";
+import { defaultDatePickerValidationMessages as ee, useDatePickerValidation as te } from "../hooks/useDatePickerValidation.js";
+import { useEffect as I, useId as ae, useState as N } from "react";
+import { jsx as p, jsxs as V } from "react/jsx-runtime";
+import { isValid as re, parse as oe } from "date-fns";
+var he = (F) => {
+  const { onClick: w, inputClassName: H, dateFormat: r, selected: e, error: Y, helperText: A, errorText: B, onInputChange: v, hideCalendar: E, locale: o, disabledDays: l, label: g, title: u, inputAriaProps: O, readOnly: t, disallowPast: i, disallowFuture: s, validateOnCalendarClose: D, onValidatedOnce: x, hideDefaultHelperText: L, required: d, minDate: n, ...f } = F, { validationError: R, handleValidation: c, errHelperText: S, clearValidation: y } = te(ee), { maskRef: _ } = $(), T = ae(), [a, C] = N(e ? h(e, r) : ""), [P, j] = N({
     selected: e,
     dateFormat: r
   });
-  (e !== C.selected || r !== C.dateFormat) && (_({
+  (e !== P.selected || r !== P.dateFormat) && (j({
     selected: e,
     dateFormat: r
-  }), y(e ? f(e, r) : ""));
-  const j = o?.code?.startsWith("nb") ? "DD/MM/ÅÅÅÅ" : "DD/MM/YYYY", L = O ? void 0 : j, T = !!(A || I), q = T ? Y ?? R : H ?? L;
-  b(() => {
+  }), C(e ? h(e, r) : ""));
+  const q = o?.code?.startsWith("nb") ? "DD/MM/ÅÅÅÅ" : "DD/MM/YYYY", z = L ? void 0 : q, M = !!(R || Y), U = M ? B ?? S : A ?? z;
+  I(() => {
     if (!e) {
-      x();
+      y();
       return;
     }
     c({
-      value: f(e, r),
+      value: h(e, r),
       disabledDays: l,
       localeCode: o?.code,
       disallowPast: i,
@@ -41,13 +42,13 @@ var ce = (V) => {
     d,
     n,
     c,
-    x
+    y
   ]);
-  const z = /\d/.test(a), U = (p) => {
-    const P = p.target.value;
-    y(P.replace(/\D/g, "").length ? P : "");
+  const W = /\d/.test(a), G = (m) => {
+    const k = m.target.value;
+    C(k.replace(/\D/g, "").length ? k : "");
   };
-  b(() => {
+  I(() => {
     D && (c({
       value: a,
       disabledDays: l,
@@ -56,7 +57,7 @@ var ce = (V) => {
       disallowFuture: s,
       required: d,
       minDate: n
-    }), g?.());
+    }), x?.());
   }, [
     D,
     a,
@@ -66,10 +67,10 @@ var ce = (V) => {
     s,
     d,
     n,
-    g,
+    x,
     c
   ]);
-  const W = () => {
+  const J = () => {
     if (c({
       value: a,
       disabledDays: l,
@@ -80,61 +81,70 @@ var ce = (V) => {
       minDate: n
     })) return;
     if (!a.replace(/\D/g, "").length) {
-      h?.(void 0);
+      v?.(void 0);
       return;
     }
-    const p = ee(a, "dd/MM/yyyy", /* @__PURE__ */ new Date());
-    h?.($(p) ? p : void 0);
-  }, M = t ? 120 : 156;
-  return /* @__PURE__ */ N("div", {
+    const m = oe(a, "dd/MM/yyyy", /* @__PURE__ */ new Date());
+    v?.(re(m) ? m : void 0);
+  }, b = t ? 120 : 156;
+  return /* @__PURE__ */ V("div", {
     className: "cursor-default",
-    children: [v && /* @__PURE__ */ m("div", {
+    children: [u && /* @__PURE__ */ p("div", {
+      id: T,
       className: "pb-1 font-roboto font-semibold text-delta-800",
-      children: v
-    }), /* @__PURE__ */ N("div", {
+      children: u
+    }), /* @__PURE__ */ V("div", {
       className: "flex gap-1",
       style: { height: t ? 40 : 75 },
-      children: [/* @__PURE__ */ m("div", {
-        style: { width: M },
-        children: /* @__PURE__ */ m("div", {
+      children: [/* @__PURE__ */ p("div", {
+        style: { width: b },
+        children: /* @__PURE__ */ p("div", {
           className: "relative",
-          children: /* @__PURE__ */ m(G, {
-            ...u,
-            label: E,
+          children: /* @__PURE__ */ p(K, {
+            ...f,
+            label: g,
             readOnly: t,
-            "data-testid": u.dataTest,
+            "data-testid": f.dataTest,
             autoComplete: "off",
-            inputRef: t ? void 0 : S,
-            placeholder: !t && !z ? "  /  /    " : void 0,
+            inputRef: t ? void 0 : _,
+            placeholder: !t && !W ? "  /  /    " : void 0,
             size: "small",
             value: t ? a.replaceAll("/", ".") : a,
-            className: w,
-            style: { width: M },
-            error: T,
-            onBlur: t ? void 0 : W,
-            helperText: q,
+            className: H,
+            style: { width: b },
+            error: M,
+            onBlur: t ? void 0 : J,
+            helperText: U,
             slotProps: {
               formHelperText: { sx: {
                 marginTop: "4px",
                 marginLeft: 0,
                 marginRight: 0
               } },
-              htmlInput: { ...t ? {} : {
-                inputMode: "numeric",
-                style: { fontFamily: K }
-              } }
+              htmlInput: {
+                ...X({
+                  title: u,
+                  titleId: T,
+                  label: g,
+                  inputAriaProps: O
+                }),
+                ...t ? {} : {
+                  inputMode: "numeric",
+                  style: { fontFamily: Z }
+                }
+              }
             },
-            onChange: U
+            onChange: G
           })
         })
-      }), !B && !t && /* @__PURE__ */ m(J, {
-        onClick: F,
-        disabled: !!u.disabled,
+      }), !E && !t && /* @__PURE__ */ p(Q, {
+        onClick: w,
+        disabled: !!f.disabled,
         localeCode: o?.code
       })]
     })]
   });
 };
 export {
-  ce as BaseDatePickerInput
+  he as BaseDatePickerInput
 };

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

@@ -1,18 +1,18 @@
-import { BaseDatePickerInput as k } from "./BaseDatePickerInput.js";
-import { jsx as v } from "react/jsx-runtime";
-var F = ({ datePickerProps: e, onClick: a }) => {
-  const { inputClassName: r, disabled: t, helperText: l, label: d, error: n, locale: i, hideCalendar: o, dateFormat: s, disabledDays: p, dataTest: u, readOnly: m, errorText: c, disallowFuture: C, disallowPast: h, required: x, minDate: D, validateOnCalendarClose: b, onValidatedOnce: I, onInputChange: T, selected: f, title: g, hideDefaultHelperText: O } = e;
-  return /* @__PURE__ */ v(k, {
+import { BaseDatePickerInput as v } from "./BaseDatePickerInput.js";
+import { jsx as w } from "react/jsx-runtime";
+var j = ({ datePickerProps: e, onClick: a }) => {
+  const { inputClassName: r, disabled: t, helperText: l, label: d, error: i, locale: n, hideCalendar: o, dateFormat: s, disabledDays: p, dataTest: u, readOnly: m, errorText: c, disallowFuture: C, disallowPast: h, required: x, minDate: D, validateOnCalendarClose: b, onValidatedOnce: I, onInputChange: P, selected: T, title: f, hideDefaultHelperText: g, inputAriaProps: O } = e;
+  return /* @__PURE__ */ w(v, {
     dataTest: u,
     inputClassName: r,
     readOnly: m,
     disabled: !!t,
     helperText: l,
     onClick: a,
-    onInputChange: (P) => T?.(P),
-    selected: f,
-    error: !!n,
-    locale: i,
+    onInputChange: (k) => P?.(k),
+    selected: T,
+    error: !!i,
+    locale: n,
     hideCalendar: o,
     dateFormat: s,
     disabledDays: p,
@@ -24,10 +24,11 @@ var F = ({ datePickerProps: e, onClick: a }) => {
     minDate: D,
     validateOnCalendarClose: b,
     onValidatedOnce: I,
-    title: g,
-    hideDefaultHelperText: O
+    title: f,
+    hideDefaultHelperText: g,
+    inputAriaProps: O
   });
 };
 export {
-  F as DatePickerInputSingle
+  j as DatePickerInputSingle
 };

package/dist/datetime/components/time-picker/TimePickerInput.js

@@ -1,74 +1,82 @@
-import { ClockOutlineIcon as I } from "../../../components/icons/clock-outline-icon/ClockOutlineIcon.js";
-import { StyledInputField as N } from "../../../components/inputs/input-field/StyledInputField.js";
-import { useInputMask as y } from "../../../helpers/inputMask.js";
-import { HelperText as P, defaultTimePickerHelperMessages as R } from "./components/HelperText.js";
-import { useEffect as v, useRef as w } from "react";
-import { jsx as o, jsxs as H } from "react/jsx-runtime";
-var O = (c) => {
-  const { placeholder: x, disabled: e, inputClassName: u, dataTest: n, width: l, error: f, helperText: h, label: g, locale: k = "en", popupState: a, handleChange: T, handleBlur: C, isValidTime: p, isValidEndTime: m, localValue: b, title: d, readOnly: t } = c, E = y({
+import { ClockOutlineIcon as P } from "../../../components/icons/clock-outline-icon/ClockOutlineIcon.js";
+import { StyledInputField as y } from "../../../components/inputs/input-field/StyledInputField.js";
+import { getTitleLabelling as R } from "../../helpers/getTitleLabelling.js";
+import { useInputMask as v } from "../../../helpers/inputMask.js";
+import { HelperText as w, defaultTimePickerHelperMessages as A } from "./components/HelperText.js";
+import { useEffect as H, useId as M, useRef as V } from "react";
+import { jsx as l, jsxs as j } from "react/jsx-runtime";
+var q = (x) => {
+  const { placeholder: f, disabled: e, inputClassName: h, dataTest: p, width: o, error: g, helperText: T, label: m, locale: k = "en", popupState: i, handleChange: C, handleBlur: I, isValidTime: d, isValidEndTime: c, localValue: b, title: a, readOnly: t, inputAriaProps: E } = x, N = v({
     mask: "xx:xx",
     maskChar: "x",
     showMask: !1
-  }), i = !p || !m || !!f, s = w(null);
-  return v(() => {
-    s.current && a.setAnchorEl(s.current);
-  }, []), /* @__PURE__ */ H("div", {
+  }), s = !d || !c || !!g, n = V(null), u = M();
+  return H(() => {
+    n.current && i.setAnchorEl(n.current);
+  }, []), /* @__PURE__ */ j("div", {
     style: { height: t ? "40px" : "75px" },
-    children: [d && /* @__PURE__ */ o("div", {
+    children: [a && /* @__PURE__ */ l("div", {
+      id: u,
       className: "pb-1 font-roboto font-semibold text-delta-800",
-      children: d
-    }), /* @__PURE__ */ o(N, {
-      inputRef: E,
+      children: a
+    }), /* @__PURE__ */ l(y, {
+      inputRef: N,
       autoComplete: "off",
       type: "text",
-      dataTest: n,
-      "data-testid": n,
-      placeholder: x,
+      dataTest: p,
+      "data-testid": p,
+      placeholder: f,
       size: "small",
-      error: i,
-      helperText: /* @__PURE__ */ o(P, {
-        isValidTime: p,
-        isValidEndTime: m,
-        error: i,
+      error: s,
+      helperText: /* @__PURE__ */ l(w, {
+        isValidTime: d,
+        isValidEndTime: c,
+        error: s,
         localization: k,
-        helperText: h,
-        messages: R
+        helperText: T,
+        messages: A
       }),
-      onChange: T,
-      onBlur: C,
+      onChange: C,
+      onBlur: I,
       slotProps: {
+        htmlInput: R({
+          title: a,
+          titleId: u,
+          label: m,
+          inputAriaProps: E
+        }),
         input: {
-          ref: s,
+          ref: n,
           onClick: (r) => {
-            !e && !t && a.open(r);
+            !e && !t && i.open(r);
           },
-          endAdornment: /* @__PURE__ */ o(I, {
+          endAdornment: /* @__PURE__ */ l(P, {
             width: 24,
             height: 24,
             className: e ? "text-delta-300" : "text-delta-700",
             onClick: (r) => {
-              r.stopPropagation(), !e && !t && a.open(r);
+              r.stopPropagation(), !e && !t && i.open(r);
             }
           })
         },
         formHelperText: {
-          className: i ? "ml-0 mr-[14px] mt-1 leading-[23.24px]" : "mx-[14px] mt-1 leading-[23.24px]",
+          className: s ? "ml-0 mr-[14px] mt-1 leading-[23.24px]" : "mx-[14px] mt-1 leading-[23.24px]",
           hideErrorIcon: !0
         }
       },
       value: b,
       sx: {
-        maxWidth: l ?? 130,
-        width: l,
-        minWidth: l
+        maxWidth: o ?? 130,
+        width: o,
+        minWidth: o
       },
       disabled: e,
       readOnly: t,
-      className: u,
-      label: g
+      className: h,
+      label: m
     })]
   });
 };
 export {
-  O as TimePickerInput
+  q as TimePickerInput
 };

package/dist/datetime/helpers/getTitleLabelling.js

@@ -0,0 +1,10 @@
+var t = ({ title: e, titleId: l, label: b, inputAriaProps: a }) => {
+  const r = !!b || !!a?.["aria-label"] || !!a?.["aria-labelledby"];
+  return {
+    ...e && !r ? { "aria-labelledby": l } : {},
+    ...a
+  };
+};
+export {
+  t as getTitleLabelling
+};

package/dist/datetime/shared-components/button/StyledButton.module.js

@@ -1,16 +1,16 @@
-var e = "_contained_efhli_6", _ = "_common_efhli_6", t = "_medium_efhli_56", a = "_small_efhli_61", r = "_large_efhli_66", l = "_error_efhli_76", i = "_outlined_efhli_146", o = "_text_efhli_286", f = "_textGray_efhli_426", h = "_textWhite_efhli_496", m = {
-  "asma-core-ui-button": "_asma-core-ui-button_efhli_1",
-  contained: e,
-  common: _,
+var _ = "_contained_11nol_6", o = "_common_11nol_6", t = "_medium_11nol_56", a = "_small_11nol_61", e = "_large_11nol_66", r = "_error_11nol_76", l = "_outlined_11nol_146", n = "_text_11nol_286", m = "_textGray_11nol_426", u = "_textWhite_11nol_496", v = {
+  "asma-core-ui-button": "_asma-core-ui-button_11nol_1",
+  contained: _,
+  common: o,
   medium: t,
   small: a,
-  large: r,
-  error: l,
-  outlined: i,
-  text: o,
-  textGray: f,
-  textWhite: h
+  large: e,
+  error: r,
+  outlined: l,
+  text: n,
+  textGray: m,
+  textWhite: u
 };
 export {
-  m as default
+  v as default
 };

package/dist/helpers/focusable.js

@@ -1,6 +1,6 @@
-var a = (r) => r.tabIndex >= 0 && !r.matches(":disabled") && !r.closest("[inert]") && (r.checkVisibility?.() ?? !0), b = (r) => Array.from(r.querySelectorAll("*")).filter(a), l = (r) => a(r) ? r : Array.from(r.querySelectorAll("*")).find(a) ?? null, i = (r) => (r.tabIndex >= 0 || r.hasAttribute("tabindex")) && !r.matches(":disabled") && !r.closest("[inert]") && (r.checkVisibility?.() ?? !0), s = (r) => i(r) ? r : Array.from(r.querySelectorAll("*")).find(i) ?? null;
+var r = (a) => a.tabIndex >= 0 && !a.matches(":disabled") && !a.closest("[inert]") && (a.checkVisibility?.() ?? !0), b = (a) => (a.tabIndex >= 0 || a.hasAttribute("tabindex")) && !a.matches(":disabled"), i = (a) => Array.from(a.querySelectorAll("*")).filter(r), l = (a) => r(a) ? a : Array.from(a.querySelectorAll("*")).find(r) ?? null, s = (a) => b(a) ? a : Array.from(a.querySelectorAll("*")).find(b) ?? null;
 export {
   s as firstFocusable,
   l as firstTabbable,
-  b as tabbableWithin
+  i as tabbableWithin
 };