npm - asma-ui-core - Versions diffs - 3.98.0 → 3.98.1 - Mend

asma-ui-core 3.98.0 → 3.98.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/components/custom/widget/widget-title/StyledWidgetTitle.js CHANGED Viewed

@@ -1,14 +1,14 @@
 import { cn as i } from "../../../../helpers/cn.js";
-import r from "./StyledWidgetTitle.module.js";
-import { forwardRef as d } from "react";
-import { jsx as l } from "react/jsx-runtime";
-var n = d(function(e, t) {
-  return /* @__PURE__ */ l("div", {
+import l from "./StyledWidgetTitle.module.js";
+import { forwardRef as r } from "react";
+import { jsx as d } from "react/jsx-runtime";
+var c = r(function(e, t) {
+  return /* @__PURE__ */ d(e.component ?? "h2", {
     ref: t,
-    className: i(r["styled-widget-title"], e.className),
+    className: i(l["styled-widget-title"], e.className),
     children: e.children
   });
 });
 export {
-  n as StyledWidgetTitle
+  c as StyledWidgetTitle
 };

package/dist/components/custom/widget/widget-title/StyledWidgetTitle.module.js CHANGED Viewed

@@ -1,4 +1,4 @@
-var t = { "styled-widget-title": "_styled-widget-title_1o7tp_1" };
+var t = { "styled-widget-title": "_styled-widget-title_gfsr3_1" };
 export {
   t as default
 };

package/dist/components/inputs/phone-field/StyledPhoneField.js CHANGED Viewed

@@ -3,66 +3,67 @@ import { StyledInputField as M } from "../input-field/StyledInputField.js";
 import { StyledLink as V } from "../../navigation/link/StyledLink.js";
 import { CountryCodeSelect as W } from "./CountryCodeSelect.js";
 import { useId as z } from "react";
-import { jsx as t, jsxs as r } from "react/jsx-runtime";
-var E = (e) => e.replace(/\D/g, ""), U = ({ dataTest: e, label: l, countries: h, country: n, onCountryChange: x, value: s, onChange: f, onBlur: N, error: v, helperText: y, reserveHelperText: g = !0, disabled: d, readOnly: $, readOnlyText: i, readOnlyHref: m, required: c, placeholder: b, formatNationalNumber: I, renderFlag: C, selectCountryLabel: S, searchPlaceholder: F, id: j, name: P, size: k = "medium", fieldClassName: p, helperTextClassName: w, className: A }) => {
-  const B = z(), a = j ?? `${B}-phone`, u = `${a}-label`, o = I?.(s, n) ?? s;
-  return /* @__PURE__ */ r("div", {
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+var E = (e) => e.replace(/\D/g, ""), U = ({ dataTest: e, label: l, countries: h, country: n, onCountryChange: x, value: s, onChange: f, onBlur: v, error: y, helperText: N, reserveHelperText: b = !0, disabled: i, readOnly: g, readOnlyText: m, readOnlyHref: c, required: p, placeholder: $, formatNationalNumber: I, renderFlag: C, selectCountryLabel: S, searchPlaceholder: F, id: j, name: P, size: k = "medium", fieldClassName: u, helperTextClassName: w, className: A }) => {
+  const B = z(), a = j ?? `${B}-phone`, o = `${a}-label`, r = I?.(s, n) ?? s;
+  return /* @__PURE__ */ d("div", {
     className: L("flex flex-col", A),
     "data-testid": `${e}-root`,
-    children: [l != null && /* @__PURE__ */ r("label", {
-      id: u,
+    children: [l != null && /* @__PURE__ */ d("label", {
+      id: o,
       htmlFor: a,
       className: "pb-1 text-base font-semibold text-delta-800",
-      children: [l, c === !0 && /* @__PURE__ */ t("span", {
+      children: [l, p === !0 && /* @__PURE__ */ t("span", {
         "aria-hidden": "true",
         children: " *"
       })]
-    }), $ === !0 ? /* @__PURE__ */ t("span", {
+    }), g === !0 ? /* @__PURE__ */ t("span", {
       className: "py-2 text-base text-delta-800",
-      children: m === void 0 ? /* @__PURE__ */ t("span", {
+      children: c === void 0 ? /* @__PURE__ */ t("span", {
         "data-testid": `${e}-readonly`,
-        children: i ?? o
+        children: m ?? r
       }) : /* @__PURE__ */ t(V, {
         dataTest: `${e}-readonly`,
-        href: m,
+        href: c,
         className: "-ml-1",
-        contentNode: i ?? o
+        contentNode: m ?? r
       })
-    }) : /* @__PURE__ */ r("div", {
+    }) : /* @__PURE__ */ d("div", {
       className: "flex items-start gap-2.5",
       children: [/* @__PURE__ */ t(W, {
         dataTest: `${e}-country`,
         countries: h,
         value: n,
         onChange: x,
-        disabled: d,
+        disabled: i,
         selectCountryLabel: S,
         searchPlaceholder: F,
         renderFlag: C,
-        labelledBy: l == null ? void 0 : u,
-        className: p
+        labelledBy: l == null ? void 0 : o,
+        className: u
       }), /* @__PURE__ */ t(M, {
         dataTest: `${e}-number`,
         className: "max-w-[200px]",
         id: a,
         name: P,
-        value: o,
+        value: r,
         onChange: (D) => f(E(D.target.value)),
-        onBlur: N,
-        placeholder: b,
-        error: v,
-        disabled: d,
-        required: c,
+        onBlur: v,
+        placeholder: $,
+        error: y,
+        disabled: i,
+        required: p,
         fullWidth: !0,
-        helperText: y,
-        reserveHelperText: g,
+        helperText: N,
+        reserveHelperText: b,
         size: k,
         slotProps: {
           htmlInput: {
             inputMode: "tel",
-            autoComplete: "tel"
+            autoComplete: "tel",
+            "aria-labelledby": l == null ? void 0 : o
           },
-          input: { className: p },
+          input: { className: u },
           formHelperText: { className: w }
         }
       })]

package/dist/src/components/custom/widget/widget-title/StyledWidgetTitle.d.ts CHANGED Viewed

@@ -4,6 +4,7 @@
  */
 export declare const StyledWidgetTitle: import('react').ForwardRefExoticComponent<{
     className?: string;
+    component?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 } & {
     children?: import('react').ReactNode | undefined;
-} & import('react').RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLHeadingElement>>;

package/dist/table/components/table-footer/TablePagination.js CHANGED Viewed

@@ -1,17 +1,17 @@
-import { ChevronRightIcon as N } from "../../../components/icons/chevron-right-icon/ChevronRightIcon.js";
+import { ChevronRightIcon as $ } from "../../../components/icons/chevron-right-icon/ChevronRightIcon.js";
 import { ChevronLeftIcon as O } from "../../../components/icons/chevron-left-icon/ChevronLeftIcon.js";
 import { StyledPopover as k } from "../../../components/utils/popover/StyledPopover.js";
 import { StyledMenuList as z } from "../../../components/navigation/menu/StyledMenuList.js";
 import { StyledSelectItem as D } from "../../../components/inputs/select/StyledSelectItem.js";
-import m from "../StyledTable.module.js";
-import { StyledTooltip as p } from "../../shared-components/tooltip/index.js";
-import { ChevronDownIcon as L } from "../../shared-components/ChevronDownIcon.js";
-import { useKeyboardSelectMenu as R } from "../../hooks/useToggleMenuVisibility.hook.js";
+import h from "../StyledTable.module.js";
+import { StyledTooltip as m } from "../../shared-components/tooltip/index.js";
+import { ChevronDownIcon as F } from "../../shared-components/ChevronDownIcon.js";
+import { useKeyboardSelectMenu as L } from "../../hooks/useToggleMenuVisibility.hook.js";
 import { StyledButton as u } from "../../shared-components/button/StyledButton.js";
-import { useCallback as I, useId as F, useMemo as S, useRef as K } from "react";
+import { useCallback as I, useId as R, useMemo as S, useRef as K } from "react";
 import { Fragment as M, jsx as e, jsxs as f } from "react/jsx-runtime";
 function U({ table: o, locale: y }) {
-  const v = K(null), r = y === "no", a = F(), b = S(() => ({
+  const v = K(null), r = y === "no", a = R(), b = S(() => ({
     anchorOrigin: {
       vertical: -5,
       horizontal: "center"
@@ -21,20 +21,20 @@ function U({ table: o, locale: y }) {
       horizontal: "center"
     }
   }), []), l = I(() => {
-    const t = m["asma-ui-table-styled-table"], n = v.current?.closest(`.${t}`)?.querySelector(`.${m["table-scroll"]}, .${m["table-wrapper"]}`);
+    const t = h["asma-ui-table-styled-table"], n = v.current?.closest(`.${t}`)?.querySelector(`.${h["table-scroll"]}, .${h["table-wrapper"]}`);
     n && n.scrollTo({
       top: 0,
       behavior: "smooth"
     });
   }, []), s = o.getPageCount() || 1, i = o.getState().pagination.pageIndex + 1, c = S(() => Array.from({ length: s }, (t, n) => n + 1), [s]), P = I((t) => {
     o.setPageIndex(t - 1), l();
-  }, [o, l]), { anchorEl: g, open: d, handleClose: x, handleOpen: T, triggerRef: w, activeIndex: h, handleKeyDown: $ } = R({
+  }, [o, l]), { anchorEl: g, open: d, handleClose: x, handleOpen: N, triggerRef: T, activeIndex: p, handleKeyDown: w } = L({
     optionCount: c.length,
     selectedIndex: i - 1,
     onSelect: (t) => P(c[t])
   });
   return /* @__PURE__ */ f(M, { children: [
-    /* @__PURE__ */ e(p, {
+    /* @__PURE__ */ e(m, {
       title: r ? "Nåværende side" : "Current Page",
       children: /* @__PURE__ */ e("div", {
         ref: v,
@@ -42,15 +42,15 @@ function U({ table: o, locale: y }) {
           dataTest: "current-page-button",
           variant: "outlined",
           size: "large",
-          refLink: w,
-          onClick: T,
-          onKeyDown: $,
+          refLink: T,
+          onClick: N,
+          onKeyDown: w,
           role: "combobox",
           "aria-haspopup": "listbox",
           "aria-controls": d ? a : void 0,
           "aria-expanded": d,
-          "aria-activedescendant": h === null ? void 0 : `${a}-option-${h}`,
-          endIcon: /* @__PURE__ */ e(L, {
+          "aria-activedescendant": p === null ? void 0 : `${a}-option-${p}`,
+          endIcon: /* @__PURE__ */ e(F, {
             className: `${d ? "flip-180" : "rotate-0"} transition-transform duration-300`,
             height: 24,
             width: 24
@@ -87,7 +87,7 @@ function U({ table: o, locale: y }) {
         role: "listbox",
         children: c.map((t, n) => /* @__PURE__ */ e(D, {
           id: `${a}-option-${n}`,
-          active: n === h,
+          active: n === p,
           onClick: (C) => {
             C.stopPropagation(), C.preventDefault(), P(t), x();
           },
@@ -103,7 +103,7 @@ function U({ table: o, locale: y }) {
         }, t))
       })
     }),
-    /* @__PURE__ */ e(p, {
+    /* @__PURE__ */ e(m, {
       title: i === 1 ? "" : r ? "Forrige side" : "Previous Page",
       children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(u, {
         dataTest: "prev-page-button",
@@ -113,13 +113,14 @@ function U({ table: o, locale: y }) {
         },
         size: "large",
         disabled: !o.getCanPreviousPage(),
+        "aria-label": r ? "Forrige side" : "Previous page",
         startIcon: /* @__PURE__ */ e(O, {
           height: 24,
           width: 24
         })
       }) })
     }),
-    /* @__PURE__ */ e(p, {
+    /* @__PURE__ */ e(m, {
       title: i === s ? "" : r ? "Neste side" : "Next Page",
       children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(u, {
         dataTest: "next-page-button",
@@ -129,7 +130,8 @@ function U({ table: o, locale: y }) {
         },
         size: "large",
         disabled: !o.getCanNextPage(),
-        startIcon: /* @__PURE__ */ e(N, {
+        "aria-label": r ? "Neste side" : "Next page",
+        startIcon: /* @__PURE__ */ e($, {
           height: 24,
           width: 24
         })

package/package.json CHANGED Viewed

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