@altinn/altinn-components 0.52.3 → 0.52.5

package/dist/components/List/ListItemLink.js

@@ -1,49 +1,49 @@
-import { jsx as v } from "react/jsx-runtime";
-import { c as p } from "../../index-L8X2o7IH.js";
-import '../../assets/ListItemLink.css';const I = "_link_c8adz_1", l = {
-  link: I
-}, z = ({
-  as: u,
-  loading: a,
-  disabled: e,
-  selected: x,
-  href: s,
-  onClick: t,
-  onKeyPress: i,
-  className: d,
-  active: _,
+import { jsx as d } from "react/jsx-runtime";
+import { c as m } from "../../index-p1eeF8LQ.js";
+import '../../assets/ListItemLink.css';const A = "_link_c8adz_1", v = {
+  link: A
+}, j = ({
+  as: k,
+  loading: t,
+  disabled: i,
+  selected: p,
+  href: e,
+  onClick: r,
+  onKeyPress: u,
+  className: s,
+  active: x,
   ariaLabel: n,
-  children: c,
-  tabIndex: b = 0,
-  expanded: m,
-  collapsible: f,
-  ariaControlsId: k
+  children: o,
+  tabIndex: y = 0,
+  expanded: c,
+  collapsible: _,
+  ariaControlsId: b
 }) => {
-  const r = u || "div";
-  if (r === "div")
-    return /* @__PURE__ */ v("div", { className: p(l.link, d), children: c });
-  const A = !a && s || r !== "a" && n;
-  return /* @__PURE__ */ v(
-    r,
+  const a = k || "div";
+  if (a === "div")
+    return /* @__PURE__ */ d("div", { className: m(v.link, s), children: o });
+  const f = !t && e || a !== "a" && n;
+  return /* @__PURE__ */ d(
+    a,
     {
-      className: p(l.link, d),
-      href: s,
-      onKeyPress: (o) => {
-        o.key === "Enter" && (t == null || t()), i == null || i(o);
+      className: m(v.link, s),
+      href: e,
+      onKeyPress: (l) => {
+        l.key === "Enter" && r?.(), u?.(l);
       },
-      onClick: t,
+      onClick: r,
       "data-interactive": "true",
-      "aria-disabled": a || e,
-      "aria-selected": x,
-      "aria-expanded": f ? m : void 0,
-      "aria-controls": m ? k : void 0,
-      ...A && { "aria-label": n },
-      "data-active": _,
-      tabIndex: a || e ? -1 : b,
-      children: c
+      "aria-disabled": t || i,
+      "aria-selected": p,
+      "aria-expanded": _ ? c : void 0,
+      "aria-controls": c ? b : void 0,
+      ...f && { "aria-label": n },
+      "data-active": x,
+      tabIndex: t || i ? -1 : y,
+      children: o
     }
   );
 };
 export {
-  z as ListItemLink
+  j as ListItemLink
 };

package/dist/components/List/ListItemSelect.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { c as r } from "../../index-L8X2o7IH.js";
+import { c as r } from "../../index-p1eeF8LQ.js";
 import "react";
 import "../RootProvider/RootProvider.js";
 import { Label as l } from "../Forms/Label.js";

package/dist/components/Menu/MenuBase.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import { c as r } from "../../index-L8X2o7IH.js";
+import { c as r } from "../../index-p1eeF8LQ.js";
 import '../../assets/MenuBase.css';const _ = "_menu_twp4i_1", d = "_list_twp4i_12", C = "_item_twp4i_18", p = {
   menu: _,
   list: d,

package/dist/components/Menu/MenuItem.js

@@ -2,7 +2,7 @@ import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { isValidElement as C } from "react";
 import { Badge as N } from "../Badge/Badge.js";
 import { Icon as d } from "../Icon/Icon.js";
-import "../../index-L8X2o7IH.js";
+import "../../index-p1eeF8LQ.js";
 import "../RootProvider/RootProvider.js";
 import { MenuItemBase as q } from "./MenuItemBase.js";
 import { MenuItemLabel as x } from "./MenuItemLabel.js";

package/dist/components/Menu/MenuItemBase.js

@@ -1,58 +1,58 @@
-import { jsx as r } from "react/jsx-runtime";
-import { c as y } from "../../index-L8X2o7IH.js";
+import { jsx as n } from "react/jsx-runtime";
+import { c as j } from "../../index-p1eeF8LQ.js";
 import { useRef as z } from "react";
-import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_ygbc3_40", c = {
+import '../../assets/MenuItemBase.css';const B = "_item_ygbc3_1", E = "_content_ygbc3_40", r = {
   item: B,
   content: E
-}, w = ({
-  interactive: m = !0,
-  ariaLabel: o,
-  role: s,
+}, R = ({
+  interactive: o = !0,
+  ariaLabel: s,
+  role: c,
   as: i,
-  color: d,
-  variant: f,
-  size: p,
-  className: u,
-  href: _,
-  onClick: t,
-  onKeyPress: e,
-  tabIndex: l = 0,
-  hidden: x,
-  selected: v,
-  disabled: a = !1,
-  children: b,
-  active: g,
-  onMouseEnter: h,
-  dataTestId: I
+  color: m,
+  variant: d,
+  size: l,
+  className: f,
+  href: p,
+  onClick: e,
+  onKeyPress: u,
+  tabIndex: _ = 0,
+  hidden: y,
+  selected: x,
+  disabled: t = !1,
+  children: v,
+  active: b,
+  onMouseEnter: g,
+  dataTestId: h
 }) => {
-  const N = i || "a", j = z(null);
-  return /* @__PURE__ */ r(
-    N,
+  const I = i || "a", N = z(null);
+  return /* @__PURE__ */ n(
+    I,
     {
-      tabIndex: a ? "-1" : l ?? 0,
-      className: y(c.item, u),
-      role: s,
-      "aria-label": o,
-      "data-interactive": !a && m,
-      "data-active": g,
-      "data-size": p,
-      "data-color": d,
-      "data-variant": f,
-      "aria-hidden": x,
-      "aria-disabled": a,
-      "data-selected": v,
-      href: _,
-      onKeyPress: (n) => {
-        a || (n.key === "Enter" && (t == null || t()), e == null || e(n));
+      tabIndex: t ? "-1" : _ ?? 0,
+      className: j(r.item, f),
+      role: c,
+      "aria-label": s,
+      "data-interactive": !t && o,
+      "data-active": b,
+      "data-size": l,
+      "data-color": m,
+      "data-variant": d,
+      "aria-hidden": y,
+      "aria-disabled": t,
+      "data-selected": x,
+      href: p,
+      onKeyPress: (a) => {
+        t || (a.key === "Enter" && e?.(), u?.(a));
       },
-      onClick: t,
-      onMouseEnter: h,
-      "data-testid": I,
-      ref: j,
-      children: /* @__PURE__ */ r("span", { className: c.content, children: b })
+      onClick: e,
+      onMouseEnter: g,
+      "data-testid": h,
+      ref: N,
+      children: /* @__PURE__ */ n("span", { className: r.content, children: v })
     }
   );
 };
 export {
-  w as MenuItemBase
+  R as MenuItemBase
 };

package/dist/components/Menu/MenuItemIcon.js

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { isValidElement as i } from "react";
 import { Badge as l } from "../Badge/Badge.js";
-import { Icon as s, isIconProps as d } from "../Icon/Icon.js";
-import "../../index-L8X2o7IH.js";
-import { isAvatarProps as f, Avatar as v } from "../Avatar/Avatar.js";
-import { isAvatarGroupProps as u, AvatarGroup as _ } from "../Avatar/AvatarGroup.js";
+import { Icon as s, isIconProps as c } from "../Icon/Icon.js";
+import "../../index-p1eeF8LQ.js";
+import { isAvatarProps as d, Avatar as f } from "../Avatar/Avatar.js";
+import { isAvatarGroupProps as v, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as b } from "../../XMark-tKk6aExO.js";
-import '../../assets/MenuItemIcon.css';const c = "_icon_1b18x_1", g = "_avatar_1b18x_37", x = "_avatarGroup_1b18x_43", G = "_badge_1b18x_47", o = {
-  icon: c,
+import { S as _ } from "../../XMark-tKk6aExO.js";
+import '../../assets/MenuItemIcon.css';const b = "_icon_1b18x_1", g = "_avatar_1b18x_37", x = "_avatarGroup_1b18x_43", G = "_badge_1b18x_47", o = {
+  icon: b,
   avatar: g,
   avatarGroup: x,
   badge: G
@@ -17,8 +17,8 @@ import '../../assets/MenuItemIcon.css';const c = "_icon_1b18x_1", g = "_avatar_1
 function N(a) {
   return typeof a == "string" || typeof a == "number" || typeof a == "boolean" || a === null || i(a);
 }
-const z = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: o.icon, "data-size": e, children: /* @__PURE__ */ t(s, { svgElement: b, loading: !0 }) }) : /* @__PURE__ */ n("div", { className: o.icon, "data-size": e, children: [
-  f(r) && /* @__PURE__ */ t(v, { ...r, className: o.avatar }) || u(r) && /* @__PURE__ */ t(_, { ...r, className: o.avatarGroup }) || d(r) && /* @__PURE__ */ t(s, { ...r, theme: (r == null ? void 0 : r.theme) || m }) || N(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }),
+const z = ({ loading: a, size: e, icon: r, theme: m, badge: p }) => r ? a ? /* @__PURE__ */ t("div", { className: o.icon, "data-size": e, children: /* @__PURE__ */ t(s, { svgElement: _, loading: !0 }) }) : /* @__PURE__ */ n("div", { className: o.icon, "data-size": e, children: [
+  d(r) && /* @__PURE__ */ t(f, { ...r, className: o.avatar }) || v(r) && /* @__PURE__ */ t(u, { ...r, className: o.avatarGroup }) || c(r) && /* @__PURE__ */ t(s, { ...r, theme: r?.theme || m }) || N(r) && r || /* @__PURE__ */ t(s, { theme: m, svgElement: r }),
   p && /* @__PURE__ */ t(l, { ...p, className: o.badge })
 ] }) : null;
 export {

package/dist/components/Menu/MenuItemLabel.js

@@ -1,33 +1,33 @@
 import { jsx as s, jsxs as b, Fragment as g } from "react/jsx-runtime";
-import { c as d } from "../../index-L8X2o7IH.js";
+import { c as d } from "../../index-p1eeF8LQ.js";
 import { isValidElement as x } from "react";
-import { Heading as f } from "../Typography/Heading.js";
+import { Heading as c } from "../Typography/Heading.js";
 import "../RootProvider/RootProvider.js";
 import { isHeadingProps as o } from "../List/ListItemLabel.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemLabel.css';const _ = "_label_1el1b_1", y = "_title_1el1b_22", p = {
-  label: _,
-  title: y
+import '../../assets/MenuItemLabel.css';const P = "_label_1el1b_1", _ = "_title_1el1b_22", f = {
+  label: P,
+  title: _
 };
 function u(r) {
   return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || x(r);
 }
-const P = (r) => {
-  const e = {
+const y = (r) => {
+  const t = {
     as: "span"
   };
-  return o(r) ? { ...e, ...r } : u(r) ? {
-    ...e,
+  return o(r) ? { ...t, ...r } : u(r) ? {
+    ...t,
     children: r
   } : null;
 }, h = (r) => {
-  const e = {
+  const t = {
     as: "span",
     weight: "normal",
     variant: "subtle"
   };
-  return o(r) ? { ...e, ...r } : u(r) ? {
-    ...e,
+  return o(r) ? { ...t, ...r } : u(r) ? {
+    ...t,
     children: r
   } : null;
 };
@@ -39,32 +39,32 @@ function z(r) {
 }
 const A = ({
   className: r,
-  size: e = "sm",
+  size: t = "sm",
   title: l,
-  description: a,
-  highlightWords: i,
+  description: i,
+  highlightWords: a,
   loading: m,
-  children: c
+  children: p
 }) => {
-  const n = l && P(l), t = a && h(a);
-  return /* @__PURE__ */ s("span", { className: d(p.label, r), "data-size": e, children: c || /* @__PURE__ */ b(g, { children: [
-    n && /* @__PURE__ */ s(
-      f,
+  const e = l && y(l), n = i && h(i);
+  return /* @__PURE__ */ s("span", { className: d(f.label, r), "data-size": t, children: p || /* @__PURE__ */ b(g, { children: [
+    e && /* @__PURE__ */ s(
+      c,
       {
-        ...n,
+        ...e,
         loading: m,
-        highlightWords: i,
-        className: p.title,
-        weight: n != null && n.weight || e === "lg" ? "medium" : "normal"
+        highlightWords: a,
+        className: f.title,
+        weight: e?.weight || t === "lg" ? "medium" : "normal"
       }
     ),
-    t && /* @__PURE__ */ s(
-      f,
+    n && /* @__PURE__ */ s(
+      c,
       {
-        ...t,
+        ...n,
         loading: m,
-        highlightWords: i,
-        size: t.size || e === "lg" ? "xs" : "xxs"
+        highlightWords: a,
+        size: n.size || t === "lg" ? "xs" : "xxs"
       }
     )
   ] }) });

package/dist/components/Menu/MenuItems.js

@@ -1,85 +1,82 @@
 "use client";
-import { jsxs as d, jsx as a, Fragment as S } from "react/jsx-runtime";
-import { useRef as _, Fragment as $ } from "react";
-import "../../index-L8X2o7IH.js";
-import { useMenu as q } from "../../hooks/useMenu.js";
+import { jsxs as n, jsx as t, Fragment as G } from "react/jsx-runtime";
+import { useRef as H, Fragment as K } from "react";
+import "../../index-p1eeF8LQ.js";
+import { useMenu as R } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as w } from "./MenuItem.js";
-import { MenuSearch as C } from "./MenuSearch.js";
-import { MenuHeader as D } from "./MenuHeader.js";
-import { MenuList as E, MenuListItem as m } from "./MenuBase.js";
+import { MenuItem as S } from "./MenuItem.js";
+import { MenuSearch as _ } from "./MenuSearch.js";
+import { MenuHeader as $ } from "./MenuHeader.js";
+import { MenuList as q, MenuListItem as i } from "./MenuBase.js";
 import "../Snackbar/useSnackbar.js";
-const J = ({
-  level: f = 0,
-  expanded: j,
-  search: r,
-  items: z,
-  groups: x = {},
-  defaultItemSize: M,
-  defaultItemColor: h,
-  defaultItemVariant: I,
-  defaultIconTheme: v,
-  as: T,
-  keyboardEvents: o = !1,
-  onSelect: y = () => {
+const w = ({
+  level: a = 0,
+  expanded: L,
+  search: c,
+  items: b,
+  groups: d = {},
+  defaultItemSize: u,
+  defaultItemColor: l,
+  defaultItemVariant: f,
+  defaultIconTheme: x,
+  as: g,
+  keyboardEvents: M = !1,
+  onSelect: j = () => {
   }
 }) => {
-  const F = _(null), { menu: L, setActiveIndex: A } = q({
-    items: z,
-    groups: x,
+  const h = H(null), { menu: I, setActiveIndex: z } = R({
+    items: b,
+    groups: d,
     groupByKey: "groupId",
-    keyboardEvents: o,
-    onSelect: y,
-    ref: F
+    keyboardEvents: M,
+    onSelect: j,
+    ref: h
   });
-  return /* @__PURE__ */ d(E, { expanded: j, as: T, ref: F, children: [
-    r && /* @__PURE__ */ a(C, { ...r }),
-    L.map((t, l) => {
-      const n = (t == null ? void 0 : t.props) || {}, { title: b, divider: B = !0 } = n, G = L[l + 1];
-      return /* @__PURE__ */ d($, { children: [
-        (f > 0 || l) && B ? /* @__PURE__ */ a(m, { role: "separator" }) : "",
-        b && /* @__PURE__ */ a(m, { children: /* @__PURE__ */ a(D, { title: b }) }),
-        t == null ? void 0 : t.items.filter((c) => {
-          var i;
-          return !((i = c.props) != null && i.hidden);
-        }).map((c, i) => {
-          const { active: H, onMouseEnter: K } = c, { groupId: N, ...e } = c.props || {}, { expanded: s } = e, R = t == null ? void 0 : t.items[i + 1];
-          return /* @__PURE__ */ d(m, { expanded: s, onMouseLeave: () => A(-1), children: [
-            /* @__PURE__ */ a(
-              w,
+  return /* @__PURE__ */ n(q, { expanded: L, as: g, ref: h, children: [
+    c && /* @__PURE__ */ t(_, { ...c }),
+    I.map((s, m) => {
+      const r = s?.props || {}, { title: v, divider: P = !0 } = r, T = I[m + 1];
+      return /* @__PURE__ */ n(K, { children: [
+        (a > 0 || m) && P ? /* @__PURE__ */ t(i, { role: "separator" }) : "",
+        v && /* @__PURE__ */ t(i, { children: /* @__PURE__ */ t($, { title: v }) }),
+        s?.items.filter((o) => !o.props?.hidden).map((o, F) => {
+          const { active: y, onMouseEnter: A } = o, { groupId: C, ...e } = o.props || {}, { expanded: p } = e, B = s?.items[F + 1];
+          return /* @__PURE__ */ n(i, { expanded: p, onMouseLeave: () => z(-1), children: [
+            /* @__PURE__ */ t(
+              S,
               {
                 ...e,
-                size: (e == null ? void 0 : e.size) || (n == null ? void 0 : n.defaultItemSize) || M,
-                color: (e == null ? void 0 : e.color) || (n == null ? void 0 : n.defaultItemColor) || h,
-                variant: (e == null ? void 0 : e.variant) || (n == null ? void 0 : n.defaultItemVariant) || I,
-                iconTheme: (e == null ? void 0 : e.iconTheme) || (n == null ? void 0 : n.defaultIconTheme) || v,
-                active: H,
-                tabIndex: e != null && e.disabled || o ? -1 : e.tabIndex ?? 0,
-                onMouseEnter: K
+                size: e?.size || r?.defaultItemSize || u,
+                color: e?.color || r?.defaultItemColor || l,
+                variant: e?.variant || r?.defaultItemVariant || f,
+                iconTheme: e?.iconTheme || r?.defaultIconTheme || x,
+                active: y,
+                tabIndex: e?.disabled || M ? -1 : e.tabIndex ?? 0,
+                onMouseEnter: A
               }
             ),
-            s && (e == null ? void 0 : e.items) && /* @__PURE__ */ d(S, { children: [
-              /* @__PURE__ */ a(
-                J,
+            p && e?.items && /* @__PURE__ */ n(G, { children: [
+              /* @__PURE__ */ t(
+                w,
                 {
-                  expanded: s,
-                  level: f + 1,
-                  items: e == null ? void 0 : e.items,
-                  groups: x,
-                  defaultItemSize: M,
-                  defaultItemColor: h,
-                  defaultItemVariant: I,
-                  defaultIconTheme: v
+                  expanded: p,
+                  level: a + 1,
+                  items: e?.items,
+                  groups: d,
+                  defaultItemSize: u,
+                  defaultItemColor: l,
+                  defaultItemVariant: f,
+                  defaultIconTheme: x
                 }
               ),
-              (G || R) && /* @__PURE__ */ a(m, { role: "separator", as: "div" })
+              (T || B) && /* @__PURE__ */ t(i, { role: "separator", as: "div" })
             ] })
-          ] }, i);
+          ] }, F);
         })
-      ] }, l);
+      ] }, m);
     })
   ] });
 };
 export {
-  J as MenuItems
+  w as MenuItems
 };