@altinn/altinn-components 0.46.3 → 0.46.5

package/dist/components/Account/AccountMenu.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { useState as x, useEffect as R } from "react";
+import { jsx as x } from "react/jsx-runtime";
+import { useState as R, useEffect as S } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as S } from "../Menu/Menu.js";
+import { Menu as j } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const j = (d) => `${d} hits`, B = ({
+const k = (d) => `${d} hits`, D = ({
   items: d = [],
   groups: v = {},
   search: t,
@@ -13,7 +13,8 @@ const j = (d) => `${d} hits`, B = ({
   onSelectAccount: u,
   currentAccount: e,
   isVirtualized: L,
-  keyboardEvents: w
+  keyboardEvents: w,
+  scrollRefStyles: F
 }) => {
   var r;
   const p = d.map((o) => ({
@@ -24,43 +25,44 @@ const j = (d) => `${d} hits`, B = ({
     onClick: () => {
       !o.disabled && (u == null || u(o.id));
     }
-  })), [l, i] = x("");
-  R(() => {
+  })), [l, i] = R("");
+  S(() => {
     (t == null ? void 0 : t.value) !== void 0 && i(t.value);
   }, [t == null ? void 0 : t.value]);
-  const F = C || ((o, a) => {
+  const b = C || ((o, a) => {
     var g, f, s;
     return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(a.toLowerCase())) || ((s = (f = o == null ? void 0 : o.description) == null ? void 0 : f.toString()) == null ? void 0 : s.toLowerCase().includes(a.toLowerCase()));
-  }), n = l ? p.filter((o) => F(o, l)).map((o) => ({
+  }), n = l ? p.filter((o) => b(o, l)).map((o) => ({
     ...o,
     groupId: "search",
     title: (o == null ? void 0 : o.title) || o.name,
     highlightWords: [l]
-  })) : p, b = l ? {
+  })) : p, I = l ? {
     search: {
-      title: ((r = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : r.call(t, n.length)) ?? j(n.length)
+      title: ((r = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : r.call(t, n.length)) ?? k(n.length)
     }
-  } : v, I = {
+  } : v, M = {
     name: "account-search",
     value: l,
     placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
     onChange: (o) => i(o.target.value),
     onClear: () => i("")
-  }, M = [
+  }, c = [
     ...n.length > 0 ? n : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
-  return /* @__PURE__ */ c(
-    S,
+  return /* @__PURE__ */ x(
+    j,
     {
       variant: "default",
-      search: t && !t.hidden ? I : void 0,
-      groups: b,
-      items: M,
+      search: t && !t.hidden ? M : void 0,
+      groups: I,
+      items: c,
       isVirtualized: L,
-      keyboardEvents: w
+      keyboardEvents: w,
+      scrollRefStyles: F
     }
   );
 };
 export {
-  B as AccountMenu
+  D as AccountMenu
 };

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,16 +1,16 @@
 "use client";
-import { jsx as o, jsxs as O } from "react/jsx-runtime";
+import { jsx as a, jsxs as O } from "react/jsx-runtime";
 import { c as g } from "../../index-L8X2o7IH.js";
-import s, { forwardRef as v, useState as j, useEffect as z } from "react";
+import s, { forwardRef as v, useState as z, useEffect as j } from "react";
 import { AccountMenu as C } from "../Account/AccountMenu.js";
 import { Button as E } from "../Button/Button.js";
 import { useRootContext as k } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
 import { SearchField as F } from "../Forms/SearchField.js";
 import { S as N } from "../../Spinner-BDXfwXIh.js";
-import { H as M } from "../../Heading-By5DKz2H.js";
+import { H as R } from "../../Heading-By5DKz2H.js";
 import { u as _ } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountSelector.css';var R = function(e, i) {
+import '../../assets/AccountSelector.css';var M = function(e, i) {
   var r = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && i.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -19,7 +19,7 @@ import '../../assets/AccountSelector.css';var R = function(e, i) {
   return r;
 };
 const P = v((e, i) => {
-  var { title: r, titleId: t } = e, n = R(e, ["title", "titleId"]);
+  var { title: r, titleId: t } = e, n = M(e, ["title", "titleId"]);
   let l = _();
   return l = r ? t || "title-" + l : void 0, s.createElement(
     "svg",
@@ -45,10 +45,10 @@ const T = v((e, i) => {
     r ? s.createElement("title", { id: l }, r) : null,
     s.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m.53 6.72a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 .53 1.28h7a.75.75 0 0 0 .53-1.28zM12 10.56l1.69 1.69h-3.38z", clipRule: "evenodd" })
   );
-}), B = "_accountSelector_1f74n_1", H = "_heading_1f74n_11", V = "_searchSection_1f74n_17", D = "_searchField_1f74n_22", K = "_accountMenu_1f74n_26", L = "_fullScreen_1f74n_34", U = "_virtualized_1f74n_38", W = "_btnIcon_1f74n_42", $ = "_spinner_1f74n_46", c = {
-  accountSelector: B,
-  heading: H,
-  searchSection: V,
+}), H = "_accountSelector_1f74n_1", V = "_heading_1f74n_11", B = "_searchSection_1f74n_17", D = "_searchField_1f74n_22", K = "_accountMenu_1f74n_26", L = "_fullScreen_1f74n_34", U = "_virtualized_1f74n_38", W = "_btnIcon_1f74n_42", $ = "_spinner_1f74n_46", c = {
+  accountSelector: H,
+  heading: V,
+  searchSection: B,
   searchField: D,
   accountMenu: K,
   fullScreen: L,
@@ -56,19 +56,19 @@ const T = v((e, i) => {
   btnIcon: W,
   spinner: $
 }, ie = ({ accountMenu: e, forceOpenFullScreen: i, className: r, loading: t }) => {
-  const { currentId: n, openId: l, toggleId: u, languageCode: S } = k(), a = n === "accountFullscreen", [f, m] = j(""), { minimize: b, fullscreen: w, searchText: h, heading: y } = q(S);
-  z(() => {
-    i === !0 && !a && l("accountFullscreen");
-  }, [i, a, l]);
+  const { currentId: n, openId: l, toggleId: u, languageCode: S } = k(), o = n === "accountFullscreen", [f, m] = z(""), { minimize: b, fullscreen: y, searchText: h, heading: w } = q(S);
+  j(() => {
+    i === !0 && !o && l("accountFullscreen");
+  }, [i, o, l]);
   const x = () => {
-    l(a ? "account" : "accountFullscreen");
+    l(o ? "account" : "accountFullscreen");
   }, I = (d) => {
     var p;
-    (p = e.onSelectAccount) == null || p.call(e, d), u(a ? "accountFullscreen" : "account");
+    (p = e.onSelectAccount) == null || p.call(e, d), u(o ? "accountFullscreen" : "account");
   };
-  return t ? /* @__PURE__ */ o(N, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ O("div", { className: g(r, c.accountSelector), children: [
-    a && /* @__PURE__ */ o(M, { "data-size": "md", level: 2, className: c.heading, children: y }),
-    /* @__PURE__ */ o("div", { className: c.searchSection, children: /* @__PURE__ */ o(
+  return t ? /* @__PURE__ */ a(N, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ O("div", { className: g(r, c.accountSelector), children: [
+    o && /* @__PURE__ */ a(R, { "data-size": "md", level: 2, className: c.heading, children: w }),
+    /* @__PURE__ */ a("div", { className: c.searchSection, children: /* @__PURE__ */ a(
       F,
       {
         name: h,
@@ -79,32 +79,33 @@ const T = v((e, i) => {
         className: c.searchField
       }
     ) }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       "div",
       {
         className: g(
           c.accountMenu,
-          a && c.fullScreen,
+          o && c.fullScreen,
           e.isVirtualized && c.virtualized
         ),
-        children: /* @__PURE__ */ o(
+        children: /* @__PURE__ */ a(
           C,
           {
             ...e,
             onSelectAccount: I,
             keyboardEvents: !1,
-            search: { hidden: !0, name: "", value: f }
+            search: { hidden: !0, name: "", value: f },
+            scrollRefStyles: !o && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
           }
         )
       }
     ),
-    i !== !0 && /* @__PURE__ */ o(
+    i !== !0 && /* @__PURE__ */ a(
       E,
       {
-        icon: a ? /* @__PURE__ */ o(T, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(P, { className: c.btnIcon, "aria-hidden": "true" }),
+        icon: o ? /* @__PURE__ */ a(T, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ a(P, { className: c.btnIcon, "aria-hidden": "true" }),
         variant: "text",
         onClick: x,
-        children: a ? b : w
+        children: o ? b : y
       }
     )
   ] });

package/dist/components/Menu/Menu.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { MenuBase as s } from "./MenuBase.js";
-import { MenuItems as c } from "./MenuItems.js";
-import { MenuItemsVirtual as h } from "./MenuItemsVirtual.js";
-const D = ({
+import { MenuBase as h } from "./MenuBase.js";
+import { MenuItems as w } from "./MenuItems.js";
+import { MenuItemsVirtual as A } from "./MenuItemsVirtual.js";
+const J = ({
   color: m,
   variant: n,
   defaultItemColor: i,
@@ -11,34 +11,37 @@ const D = ({
   defaultIconTheme: o,
   groups: u,
   items: x = [],
-  search: f,
-  isVirtualized: B,
-  keyboardEvents: j
-}) => B ? /* @__PURE__ */ r(s, { color: m, variant: n, children: /* @__PURE__ */ r(
-  h,
+  search: j,
+  isVirtualized: q,
+  keyboardEvents: B,
+  scrollRefStyles: f
+}) => q ? /* @__PURE__ */ r(h, { color: m, variant: n, children: /* @__PURE__ */ r(
+  A,
   {
-    search: f,
+    search: j,
     items: x,
     groups: u,
     defaultItemSize: M,
     defaultItemColor: i,
     defaultItemVariant: p,
     defaultIconTheme: o,
-    keyboardEvents: j
+    keyboardEvents: B,
+    scrollRefStyles: f
   }
-) }) : /* @__PURE__ */ r(s, { color: m, variant: n, children: /* @__PURE__ */ r(
-  c,
+) }) : /* @__PURE__ */ r(h, { color: m, variant: n, children: /* @__PURE__ */ r(
+  w,
   {
-    search: f,
+    search: j,
     items: x,
     groups: u,
     defaultItemSize: M,
     defaultItemColor: i,
     defaultItemVariant: p,
     defaultIconTheme: o,
-    keyboardEvents: j
+    keyboardEvents: B,
+    scrollRefStyles: f
   }
 ) });
 export {
-  D as Menu
+  J as Menu
 };

package/dist/components/Menu/MenuItemsVirtual.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx as l, jsxs as S } from "react/jsx-runtime";
-import { u as _ } from "../../index-D-VWMqlv.js";
-import { useRef as M, useState as k, useEffect as x, useMemo as A } from "react";
+import { jsx as m, jsxs as L } from "react/jsx-runtime";
+import { u as k } from "../../index-D-VWMqlv.js";
+import { useRef as R, useState as A, useEffect as y, useMemo as D } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as D } from "../../hooks/useMenu.js";
+import { useMenu as K } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as K } from "./MenuItem.js";
-import { MenuSearch as V } from "./MenuSearch.js";
-import { MenuHeader as W } from "./MenuHeader.js";
-import { MenuList as j, MenuListItem as N } from "./MenuBase.js";
+import { MenuItem as V } from "./MenuItem.js";
+import { MenuSearch as W } from "./MenuSearch.js";
+import { MenuHeader as j } from "./MenuHeader.js";
+import { MenuList as N, MenuListItem as U } from "./MenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemsVirtual.css';const U = "_virtualScrollRef_nmoqo_1", Y = "_virtualMenuListItem_nmoqo_8", E = {
-  virtualScrollRef: U,
-  virtualMenuListItem: Y
-}, re = ({
-  level: R = 0,
+import '../../assets/MenuItemsVirtual.css';const Y = "_virtualScrollRef_nmoqo_1", F = "_virtualMenuListItem_nmoqo_8", M = {
+  virtualScrollRef: Y,
+  virtualMenuListItem: F
+}, se = ({
+  level: E = 0,
   search: g,
   items: z,
   groups: T = {},
@@ -22,83 +22,87 @@ import '../../assets/MenuItemsVirtual.css';const U = "_virtualScrollRef_nmoqo_1"
   defaultItemColor: b,
   defaultItemVariant: q,
   defaultIconTheme: $,
-  keyboardEvents: f
+  keyboardEvents: f,
+  scrollRefStyles: H
 }) => {
-  var L;
-  const a = M(null), y = (L = a.current) == null ? void 0 : L.getBoundingClientRect().top, [I, H] = k(window.innerHeight);
-  x(() => {
+  var w;
+  const c = R(null), x = (w = c.current) == null ? void 0 : w.getBoundingClientRect().top, [S, B] = A(window.innerHeight);
+  y(() => {
     const n = () => {
-      H(window.innerHeight);
+      B(window.innerHeight);
     };
     return window.addEventListener("resize", n), () => {
       window.removeEventListener("resize", n);
     };
   }, []);
-  const w = A(() => y && I - y - 8 || 400, [I, y]), B = {
-    maxHeight: w <= 300 ? 300 : w
-  }, { menu: C } = D({
+  const I = D(() => x && S - x - 8 || 400, [S, x]), C = {
+    ...{
+      maxHeight: I <= 300 ? 300 : I
+    },
+    ...H
+  }, { menu: _ } = K({
     items: z,
     groups: T,
     groupByKey: "groupId",
     keyboardEvents: f,
-    ref: a
-  }), v = C.flatMap((n, t) => {
+    ref: c
+  }), v = _.flatMap((n, t) => {
     var i;
-    const e = (n == null ? void 0 : n.props) || {}, { title: r } = e, c = ((i = n == null ? void 0 : n.items) == null ? void 0 : i.filter((s) => {
-      var m;
-      return !((m = s.props) != null && m.hidden);
+    const e = (n == null ? void 0 : n.props) || {}, { title: r } = e, a = ((i = n == null ? void 0 : n.items) == null ? void 0 : i.filter((s) => {
+      var l;
+      return !((l = s.props) != null && l.hidden);
     })) || [];
     return [
-      ...t > 0 || R > 0 ? [{ type: "separator" }] : [],
+      ...t > 0 || E > 0 ? [{ type: "separator" }] : [],
       ...r ? [{ type: "title", title: r }] : [],
-      ...c.map((s, m) => {
+      ...a.map((s, l) => {
         var p, o;
         return {
           type: "item",
           itemProps: s.props || {},
           active: s.active,
           hasChildren: ((p = s.props) == null ? void 0 : p.expanded) && ((o = s.props) == null ? void 0 : o.items),
-          isLastItem: m === c.length - 1
+          isLastItem: l === a.length - 1
         };
       })
     ];
-  }), d = _({
+  }), d = k({
     count: v.length,
     gap: 8,
     estimateSize: () => 44,
-    getScrollElement: () => a.current
+    getScrollElement: () => c.current
   }), h = d.getVirtualItems();
-  x(() => {
+  y(() => {
     var n, t, e;
     for (const r of h) {
-      const c = ((n = a.current) == null ? void 0 : n.querySelector(`[data-index="${r.index}"]`)) ?? ((t = a.current) == null ? void 0 : t.querySelector(`[dataindex="${r.index}"]`)) ?? ((e = a.current) == null ? void 0 : e.querySelector(`[dataIndex="${r.index}"]`));
-      c && d.measureElement(c);
+      const a = ((n = c.current) == null ? void 0 : n.querySelector(`[data-index="${r.index}"]`)) ?? ((t = c.current) == null ? void 0 : t.querySelector(`[dataindex="${r.index}"]`)) ?? ((e = c.current) == null ? void 0 : e.querySelector(`[dataIndex="${r.index}"]`));
+      a && d.measureElement(a);
     }
   }, [h]);
-  const u = M(!1);
-  return x(() => {
+  const u = R(!1);
+  return y(() => {
     const n = (r) => {
       (r.key === "ArrowDown" || r.key === "ArrowUp") && (u.current = !0);
     }, t = () => {
       u.current = !1;
     };
     document.addEventListener("keydown", n, !0);
-    const e = a.current;
+    const e = c.current;
     return e == null || e.addEventListener("wheel", t, { passive: !0 }), e == null || e.addEventListener("mousedown", t, !0), e == null || e.addEventListener("mousemove", t, !0), e == null || e.addEventListener("touchstart", t, { passive: !0 }), () => {
       document.removeEventListener("keydown", n, !0), e == null || e.removeEventListener("wheel", t), e == null || e.removeEventListener("mousedown", t), e == null || e.removeEventListener("mousemove", t), e == null || e.removeEventListener("touchstart", t);
     };
-  }, []), x(() => {
+  }, []), y(() => {
     if (!f || !u.current) return;
-    const n = a.current;
+    const n = c.current;
     if (!n) return;
     const t = 6, e = v.findIndex((o) => o.type === "item" && o.active);
     if (e < 0) return;
-    const r = (o) => (n.querySelector(`[data-index="${o}"]`) || n.querySelector(`[dataindex="${o}"]`) || n.querySelector(`[dataIndex="${o}"]`)) ?? null, c = r(e);
-    if (!c) {
+    const r = (o) => (n.querySelector(`[data-index="${o}"]`) || n.querySelector(`[dataindex="${o}"]`) || n.querySelector(`[dataIndex="${o}"]`)) ?? null, a = r(e);
+    if (!a) {
       d.scrollToIndex(e, { align: "auto" }), u.current = !1;
       return;
     }
-    const i = n.getBoundingClientRect(), s = c.getBoundingClientRect(), m = r(e - 1), p = r(e + 1);
+    const i = n.getBoundingClientRect(), s = a.getBoundingClientRect(), l = r(e - 1), p = r(e + 1);
     if (p) {
       const o = p.getBoundingClientRect();
       if (o.bottom > i.bottom) {
@@ -106,16 +110,16 @@ import '../../assets/MenuItemsVirtual.css';const U = "_virtualScrollRef_nmoqo_1"
         return;
       }
     }
-    if (m) {
-      const o = m.getBoundingClientRect();
+    if (l) {
+      const o = l.getBoundingClientRect();
       if (o.top < i.top) {
         n.scrollTop -= i.top - o.top + t, u.current = !1;
         return;
       }
     }
     s.top < i.top + t ? n.scrollTop -= i.top + t - s.top : s.bottom > i.bottom - t && (n.scrollTop += s.bottom - (i.bottom - t)), u.current = !1;
-  }, [v, f, d]), /* @__PURE__ */ l(j, { children: /* @__PURE__ */ S("div", { ref: a, className: E.virtualScrollRef, style: B, children: [
-    g && /* @__PURE__ */ l(
+  }, [v, f, d]), /* @__PURE__ */ m(N, { children: /* @__PURE__ */ L("div", { ref: c, className: M.virtualScrollRef, style: C, children: [
+    g && /* @__PURE__ */ m(
       "div",
       {
         style: {
@@ -124,10 +128,10 @@ import '../../assets/MenuItemsVirtual.css';const U = "_virtualScrollRef_nmoqo_1"
           zIndex: 10,
           marginTop: "-0.5rem"
         },
-        children: /* @__PURE__ */ l(V, { ...g })
+        children: /* @__PURE__ */ m(W, { ...g })
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ m(
       "div",
       {
         style: {
@@ -136,17 +140,17 @@ import '../../assets/MenuItemsVirtual.css';const U = "_virtualScrollRef_nmoqo_1"
         },
         children: h.map((n) => {
           const t = v[n.index];
-          return t ? /* @__PURE__ */ S(
-            N,
+          return t ? /* @__PURE__ */ L(
+            U,
             {
               dataIndex: n.index,
-              className: E.virtualMenuListItem,
+              className: M.virtualMenuListItem,
               style: { transform: `translateY(${n.start}px)` },
               role: t.type === "separator" ? "separator" : void 0,
               children: [
-                t.type === "title" && /* @__PURE__ */ l(W, { title: t.title }),
-                t.type === "item" && /* @__PURE__ */ l(
-                  K,
+                t.type === "title" && /* @__PURE__ */ m(j, { title: t.title }),
+                t.type === "item" && /* @__PURE__ */ m(
+                  V,
                   {
                     ...t.itemProps,
                     size: t.itemProps.size || P,
@@ -167,5 +171,5 @@ import '../../assets/MenuItemsVirtual.css';const U = "_virtualScrollRef_nmoqo_1"
   ] }) });
 };
 export {
-  re as MenuItemsVirtual
+  se as MenuItemsVirtual
 };

package/dist/hooks/useAccountSelector.js

@@ -1,100 +1,100 @@
-import { jsx as w } from "react/jsx-runtime";
-import { useMemo as G } from "react";
+import { jsx as E } from "react/jsx-runtime";
+import { useMemo as K } from "react";
 import "../index-L8X2o7IH.js";
-import { IconButton as E } from "../components/Button/IconButton.js";
+import { IconButton as R } from "../components/Button/IconButton.js";
 import "../components/RootProvider/RootProvider.js";
-import { useIsDesktop as K } from "./useIsDesktop.js";
+import { useIsDesktop as U } from "./useIsDesktop.js";
 import "../components/Snackbar/useSnackbar.js";
-import { formatDisplayName as N } from "../functions/name/name.js";
-import { formatDate as R } from "../functions/date/date.js";
-import { S as U, a as W } from "../HeartFill-CYSrJ_xK.js";
-const P = (o) => o === "Organization" ? "company" : "person", ot = ({
-  partyListDTO: o = [],
+import { formatDisplayName as $ } from "../functions/name/name.js";
+import { formatDate as W } from "../functions/date/date.js";
+import { S as Y, a as q } from "../HeartFill-CYSrJ_xK.js";
+const S = (t) => t === "Organization" ? "company" : "person", te = ({
+  partyListDTO: t = [],
   favoriteAccountUuids: e,
   currentAccountUuid: u,
-  selfAccountUuid: d,
-  isLoading: a = !1,
-  onSelectAccount: v,
-  isVirtualized: g = !1,
-  onToggleFavorite: r,
+  selfAccountUuid: m,
+  isLoading: f = !1,
+  onSelectAccount: _,
+  isVirtualized: h = !1,
+  onToggleFavorite: s,
   languageCode: c
 }) => {
-  const s = K(), [n, _, l] = G(() => {
-    var k, x;
-    if (a || !o || !d)
+  const r = U(), [i, b, a] = K(() => {
+    var A, N;
+    if (f || !t || !m)
       return [[], {}, void 0];
-    const i = (t) => e == null ? void 0 : e.includes(t), m = S(c), h = o.find((t) => $(t.type) && t.partyUuid === d), I = o.filter((t) => $(t.type) && t.partyUuid !== d), D = o.filter((t) => Y(t.type)), O = b(
+    const n = (o) => e == null ? void 0 : e.includes(o), l = D(c), I = t.find((o) => O(o.type) && o.partyUuid === m), z = t.filter((o) => O(o.type) && o.partyUuid !== m), B = t.filter((o) => J(o.type)), F = g(
       c,
-      h,
+      I,
       "favorites",
       u,
       !1,
-      r,
       s,
+      r,
       void 0,
       !0
-    ), y = I == null ? void 0 : I.map(
-      (t) => b(
+    ), k = z == null ? void 0 : z.map(
+      (o) => g(
         c,
-        t,
-        t.partyUuid,
+        o,
+        o.partyUuid,
         u,
-        i(t.partyUuid),
-        r,
-        s
+        n(o.partyUuid),
+        s,
+        r
       )
-    ), p = [];
-    for (const t of D) {
-      const f = b(
+    ), v = [];
+    for (const o of B) {
+      const d = g(
         c,
-        t,
-        t.partyUuid,
+        o,
+        o.partyUuid,
         u,
-        i(t.partyUuid),
-        r,
-        s
+        n(o.partyUuid),
+        s,
+        r
       );
-      if (p.push(f), t.subunits && t.subunits.length > 0)
-        for (const A of t.subunits) {
-          const V = b(
+      if (v.push(d), o.subunits && o.subunits.length > 0)
+        for (const P of o.subunits) {
+          const G = g(
             c,
-            A,
-            t.partyUuid,
+            P,
+            o.partyUuid,
             u,
-            i(A.partyUuid),
-            r,
+            n(P.partyUuid),
             s,
-            t
+            r,
+            o
           );
-          p.push(V);
+          v.push(G);
         }
     }
-    const F = y.reduce((t, f) => (i(f.id) && t.push({ ...f, groupId: "favorites" }), t), []), j = p.reduce((t, f) => (i(f.id) && t.push({ ...f, groupId: "favorites" }), t), []), B = [...F, ...j], z = [O, ...B, ...y, ...p], H = z.find((t) => (t == null ? void 0 : t.selected) === !0), M = {
-      [((k = p[0]) == null ? void 0 : k.groupId) || "company"]: {
-        title: m.account_orgs,
+    const j = k.reduce((o, d) => (n(d.id) && o.push({ ...d, groupId: "favorites" }), o), []), H = v.reduce((o, d) => (n(d.id) && o.push({ ...d, groupId: "favorites" }), o), []), M = [...j, ...H], x = [F, ...M, ...k, ...v], V = x.find((o) => (o == null ? void 0 : o.selected) === !0), w = {
+      [((A = v[0]) == null ? void 0 : A.groupId) || "company"]: {
+        title: l.account_orgs,
         divider: !0
       },
-      [((x = y[0]) == null ? void 0 : x.groupId) || "person"]: {
-        title: m.account_persons,
+      [((N = k[0]) == null ? void 0 : N.groupId) || "person"]: {
+        title: l.account_persons,
         divider: !0
       },
       favorites: {
-        title: m.account_favorites,
+        title: l.account_favorites,
         divider: !0
       }
     };
-    return [z, M, H];
+    return [x, w, V];
   }, [
-    o,
-    d,
+    t,
+    m,
     e,
     u,
-    a,
-    r,
+    f,
+    s,
     c,
-    s
+    r
   ]);
-  return a || !o || !l ? {
+  return f || !t || !a ? {
     accountMenu: {
       items: [],
       groups: {},
@@ -103,71 +103,73 @@ const P = (o) => o === "Organization" ? "company" : "person", ot = ({
       },
       currentAccount: void 0
     },
-    loading: a
+    loading: f
   } : {
     accountMenu: {
-      items: n,
-      groups: _,
-      isVirtualized: g,
-      onSelectAccount: v,
-      currentAccount: l
+      items: i,
+      groups: b,
+      isVirtualized: h,
+      onSelectAccount: _,
+      currentAccount: a
     },
     loading: !1
   };
-}, b = (o, e, u, d, a, v, g, r, c) => {
-  const s = P((e == null ? void 0 : e.type) ?? ""), n = S(o), _ = N({
-    fullName: e.name,
-    type: s
-  }), l = r ? N({
-    fullName: r.name,
-    type: P(r.type ?? ""),
+}, g = (t, e, u, m, f, _, h, s, c) => {
+  const r = S((e == null ? void 0 : e.type) ?? ""), i = D(t), b = $({
+    fullName: e == null ? void 0 : e.name,
+    type: r
+  }), a = s ? $({
+    fullName: s == null ? void 0 : s.name,
+    type: S((s == null ? void 0 : s.type) ?? ""),
     reverseNameOrder: !1
   }) : void 0;
-  let i = "";
-  const m = s === "company" && r ? "subunit" : s;
-  switch (m) {
+  let n = "";
+  const l = r === "company" && s ? "subunit" : r;
+  switch (l) {
     case "company":
-      i = `${n.org_no}: ${e.organizationNumber}`;
+      n = `${i.org_no}: ${e.organizationNumber}`;
       break;
     case "person":
-      i = `${n.birthdate}: ${R(e.dateOfBirth)}`;
+      n = e != null && e.dateOfBirth ? `${i.birthdate}: ${W(e == null ? void 0 : e.dateOfBirth)}` : "";
       break;
     case "subunit":
-      i = `↳ ${n.org_no}: ${e.organizationNumber}, ${n.subunit_of} ${l}`;
+      n = `↳ ${i.org_no}: ${e == null ? void 0 : e.organizationNumber}, ${i.subunit_of} ${a}`;
       break;
+    default:
+      n = "";
   }
   return {
-    id: e.partyUuid,
+    id: e == null ? void 0 : e.partyUuid,
     icon: {
-      name: _,
-      type: s,
-      isParent: !r,
-      isDeleted: e.isDeleted,
-      colorKey: l ?? void 0
+      name: b,
+      type: r,
+      isParent: !s,
+      isDeleted: e == null ? void 0 : e.isDeleted,
+      colorKey: a ?? void 0
     },
-    name: _,
-    description: i,
+    name: b,
+    description: n,
     groupId: u,
-    type: m,
-    selected: d === e.partyUuid,
-    disabled: !!e.onlyHierarchyElementWithNoAccess,
-    badge: c ? { label: n.you, color: "person" } : e.isDeleted && g ? { label: n.deleted, color: "neutral" } : void 0,
-    controls: !c && /* @__PURE__ */ w(
-      E,
+    type: l,
+    selected: m === (e == null ? void 0 : e.partyUuid),
+    disabled: !!(e != null && e.onlyHierarchyElementWithNoAccess),
+    badge: c ? { label: i.you, color: "person" } : e.isDeleted && h ? { label: i.deleted, color: "neutral" } : void 0,
+    controls: !c && /* @__PURE__ */ E(
+      R,
       {
         rounded: !0,
         variant: "text",
-        icon: a ? U : W,
-        iconAltText: a ? n.remove_from_favorites : n.add_to_favorites,
-        onClick: (h) => {
-          v && (h.stopPropagation(), v(e.partyUuid));
+        icon: f ? Y : q,
+        iconAltText: f ? i.remove_from_favorites : i.add_to_favorites,
+        onClick: (I) => {
+          _ && (I.stopPropagation(), _(e == null ? void 0 : e.partyUuid));
         },
         size: "xs"
       }
     )
   };
-}, Y = (o) => o === "Organization", $ = (o) => o === "Person", S = (o) => {
-  switch (o) {
+}, J = (t) => t === "Organization", O = (t) => t === "Person" || t === "SelfIdentified", D = (t) => {
+  switch (t) {
     case "nn":
       return {
         account_orgs: "Virksemder",
@@ -210,5 +212,5 @@ const P = (o) => o === "Organization" ? "company" : "person", ot = ({
   }
 };
 export {
-  ot as useAccountSelector
+  te as useAccountSelector
 };

package/dist/types/lib/components/Account/AccountMenu.d.ts

@@ -18,4 +18,4 @@ export interface AccountMenuProps extends MenuProps {
     scrollRefStyles?: CSSProperties;
     keyboardEvents?: boolean;
 }
-export declare const AccountMenu: ({ items, groups, search, filterAccount, onSelectAccount, currentAccount, isVirtualized, keyboardEvents, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountMenu: ({ items, groups, search, filterAccount, onSelectAccount, currentAccount, isVirtualized, keyboardEvents, scrollRefStyles, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Account/AccountMenu.stories.d.ts

@@ -1,7 +1,7 @@
 import { AccountMenuProps } from '..';
 declare const meta: {
     title: string;
-    component: ({ items, groups, search, filterAccount, onSelectAccount, currentAccount, isVirtualized, keyboardEvents, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ items, groups, search, filterAccount, onSelectAccount, currentAccount, isVirtualized, keyboardEvents, scrollRefStyles, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: AccountMenuProps;

package/dist/types/lib/components/GlobalHeader/GlobalHeader.stories.d.ts

@@ -25,3 +25,4 @@ export declare const ForcedFullScreenAccountSelection: () => import("react/jsx-r
 export declare const WithCustomBadge: () => import("react/jsx-runtime").JSX.Element;
 export declare const Loading: () => import("react/jsx-runtime").JSX.Element;
 export declare const LoadingWithForcedFullScreenAccountSelection: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithVirtualizationEnabled: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/Menu.d.ts

@@ -7,4 +7,4 @@ export interface MenuProps extends MenuItemsProps {
     isVirtualized?: boolean;
     keyboardEvents?: boolean;
 }
-export declare const Menu: ({ color, variant, defaultItemColor, defaultItemVariant, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, keyboardEvents, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ color, variant, defaultItemColor, defaultItemVariant, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, keyboardEvents, scrollRefStyles, }: MenuProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/Menu.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ color, variant, defaultItemColor, defaultItemVariant, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, keyboardEvents, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ color, variant, defaultItemColor, defaultItemVariant, defaultItemSize, defaultIconTheme, groups, items, search, isVirtualized, keyboardEvents, scrollRefStyles, }: import('./Menu').MenuProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     args: {};
 };

package/dist/types/lib/components/Menu/MenuItems.d.ts

@@ -23,5 +23,6 @@ export interface MenuItemsProps {
     as?: ElementType;
     keyboardEvents?: boolean;
     onSelect?: () => void;
+    scrollRefStyles?: React.CSSProperties;
 }
 export declare const MenuItems: ({ level, expanded, search, items, groups, defaultItemSize, defaultItemColor, defaultItemVariant, defaultIconTheme, as, keyboardEvents, onSelect, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Menu/MenuItemsVirtual.d.ts

@@ -1,2 +1,2 @@
 import { MenuItemsProps } from './MenuItems';
-export declare const MenuItemsVirtual: ({ level, search, items, groups, defaultItemSize, defaultItemColor, defaultItemVariant, defaultIconTheme, keyboardEvents, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MenuItemsVirtual: ({ level, search, items, groups, defaultItemSize, defaultItemColor, defaultItemVariant, defaultIconTheme, keyboardEvents, scrollRefStyles: externalScrollRefStyles, }: MenuItemsProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.46.3",
+  "version": "0.46.5",
   "main": "dist/index.js",
   "files": [
     "dist/",