@altinn/altinn-components 0.56.11 → 0.56.12

package/dist/assets/AccountListVirtual.css

@@ -1 +1 @@
-._virtualScrollRef_6cuj6_1{height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 .5rem;margin:0 -.5rem}._virtualList_6cuj6_9{list-style-type:none;padding:0;margin:0}._virtualListItem_6cuj6_15{position:absolute;top:0;left:0;width:100%}._virtualListItem_6cuj6_15:focus-within,._virtualListItem_6cuj6_15:has([aria-expanded=true]){z-index:20}._virtualListItem_6cuj6_15>*{margin:0}._lastChild_6cuj6_31{padding-bottom:1rem}._virtualTitleItem_6cuj6_35{position:absolute;top:0;left:0;width:100%;padding-top:1rem;padding-bottom:1rem}._virtualTitleItem_6cuj6_35:first-child{padding-top:0}
+._virtualScrollRef_1ahkg_1{height:100vh;overflow-y:auto;overflow-x:hidden;padding:0 .5rem;margin:0 -.5rem}._virtualList_1ahkg_9{list-style-type:none;padding:0;margin:0;isolation:isolate}._virtualListItem_1ahkg_16{position:absolute;top:0;left:0;width:100%}._virtualListItem_1ahkg_16:focus-within,._virtualListItem_1ahkg_16:has([aria-expanded=true]){z-index:20}._virtualListItem_1ahkg_16>*{margin:0}._lastChild_1ahkg_32{padding-bottom:1rem}._virtualTitleItem_1ahkg_36{position:absolute;top:0;left:0;width:100%;padding-top:1rem;padding-bottom:1rem}._virtualTitleItem_1ahkg_36:first-child{padding-top:0}

package/dist/components/Account/AccountListVirtual.js

@@ -1,39 +1,39 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
 import { u as y } from "../../useMenuVirtualization-Cs426RCN.js";
-import { useRef as I, useEffect as h } from "react";
+import { useRef as h, useEffect as I } from "react";
 import "../../index-p1eeF8LQ.js";
 import { AccountListItem as v } from "./AccountListItem.js";
 import { useMenu as x } from "../../hooks/useMenu.js";
-import { Heading as _ } from "../Typography/Heading.js";
+import { Heading as g } from "../Typography/Heading.js";
 import "../Button/Button.js";
 import "react-dom";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Section as L } from "../Page/Section.js";
-import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_6cuj6_1", S = "_virtualList_6cuj6_9", $ = "_virtualListItem_6cuj6_15", C = "_lastChild_6cuj6_31", P = "_virtualTitleItem_6cuj6_35", l = {
-  virtualScrollRef: g,
+import { Section as _ } from "../Page/Section.js";
+import '../../assets/AccountListVirtual.css';const L = "_virtualScrollRef_1ahkg_1", S = "_virtualList_1ahkg_9", k = "_virtualListItem_1ahkg_16", $ = "_lastChild_1ahkg_32", C = "_virtualTitleItem_1ahkg_36", l = {
+  virtualScrollRef: L,
   virtualList: S,
-  virtualListItem: $,
-  lastChild: C,
-  virtualTitleItem: P
+  virtualListItem: k,
+  lastChild: $,
+  virtualTitleItem: C
 }, B = ({ items: u, groups: p = {}, sortGroupBy: d }) => {
-  const s = I(null), { menu: f } = x({
+  const s = h(null), { menu: f } = x({
     items: u,
     groups: p,
     groupByKey: "groupId",
     keyboardEvents: !1,
     sortGroupBy: d
   }), n = f.flatMap((t) => {
-    const e = t?.props || {}, { title: r } = e, o = t?.items || [];
+    const e = t?.props || {}, { title: r } = e, a = t?.items || [];
     return [
       ...r ? [{ type: "title", title: r }] : [],
-      ...o.map((m) => ({
+      ...a.map((c) => ({
         type: "item",
-        itemProps: m.props || {}
+        itemProps: c.props || {}
       }))
     ];
-  }), a = y({
+  }), o = y({
     count: n.length,
     useAnimationFrameWithResizeObserver: !0,
     gap: 8,
@@ -45,21 +45,21 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_6cuj6_
       return e.itemProps?.parentId && (!r || r.type === "title" || r.type === "item" && !r.itemProps?.parentId) ? 96 : 80;
     },
     getScrollElement: () => s.current
-  }), c = a.getVirtualItems();
-  return h(() => {
-    for (const t of c) {
+  }), m = o.getVirtualItems();
+  return I(() => {
+    for (const t of m) {
       const e = s.current?.querySelector(`[data-index="${t.index}"]`) ?? s.current?.querySelector(`[dataindex="${t.index}"]`) ?? s.current?.querySelector(`[dataIndex="${t.index}"]`);
-      e && a.measureElement(e);
+      e && o.measureElement(e);
     }
-  }, [c]), /* @__PURE__ */ i(L, { spacing: 6, children: /* @__PURE__ */ i("div", { ref: s, className: l.virtualScrollRef, children: /* @__PURE__ */ i(
+  }, [m]), /* @__PURE__ */ i(_, { spacing: 6, children: /* @__PURE__ */ i("div", { ref: s, className: l.virtualScrollRef, children: /* @__PURE__ */ i(
     "ul",
     {
       className: l.virtualList,
       style: {
         position: "relative",
-        height: `${a.getTotalSize()}px`
+        height: `${o.getTotalSize()}px`
       },
-      children: c.map((t) => {
+      children: m.map((t) => {
         const e = n[t.index];
         if (!e) return null;
         if (e.type === "title")
@@ -69,17 +69,17 @@ import '../../assets/AccountListVirtual.css';const g = "_virtualScrollRef_6cuj6_
               "data-index": t.index,
               className: l.virtualTitleItem,
               style: { transform: `translateY(${t.start}px)` },
-              children: /* @__PURE__ */ i(_, { size: "lg", children: e.title })
+              children: /* @__PURE__ */ i(g, { size: "lg", children: e.title })
             },
             t.key
           );
         if (e.type === "item") {
-          const r = n[t.index + 1], o = e.itemProps?.parentId && (!r || r.type === "title" || r.type === "item" && !r.itemProps?.parentId);
+          const r = n[t.index + 1], a = e.itemProps?.parentId && (!r || r.type === "title" || r.type === "item" && !r.itemProps?.parentId);
           return /* @__PURE__ */ i(
             "li",
             {
               "data-index": t.index,
-              className: `${l.virtualListItem} ${o ? l.lastChild : ""}`,
+              className: `${l.virtualListItem} ${a ? l.lastChild : ""}`,
               style: { transform: `translateY(${t.start}px)` },
               children: /* @__PURE__ */ i(v, { ...e.itemProps, containerAs: "div" })
             },

package/dist/components/Toolbar/ToolbarFilterMenu.js

@@ -1,69 +1,69 @@
 import { jsx as n } from "react/jsx-runtime";
-import { useRef as G, useEffect as H } from "react";
+import { useRef as q, useEffect as G } from "react";
 import "../../index-p1eeF8LQ.js";
 import "../Button/Button.js";
-import { M as J } from "../../SearchField-CYYz0JvC.js";
-import { useDropdownMenuController as K } from "../Menu/useDropdownMenuController.js";
+import { M as H } from "../../SearchField-CYYz0JvC.js";
+import { useDropdownMenuController as J } from "../Menu/useDropdownMenuController.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Dropdown as C } from "../Dropdown/Dropdown.js";
-import { ToolbarFilterButton as F } from "./ToolbarFilterButton.js";
+import { Dropdown as F } from "../Dropdown/Dropdown.js";
+import { ToolbarFilterButton as P } from "./ToolbarFilterButton.js";
 const S = ({
-  as: P,
+  as: E,
   size: a,
   name: o,
   label: f = "",
-  searchable: m,
+  searchable: d,
   groups: p,
   items: g,
-  removable: E,
-  removeLabel: V = "Fjern filter",
+  removable: j,
+  removeLabel: D = "Fjern filter",
   filterState: c,
   onFilterStateChange: v,
-  onFilterChange: j,
+  onFilterChange: O,
   onRemove: h,
   open: t,
   onToggle: y,
-  onClose: d,
+  onClose: m,
   submitLabel: b,
   search: k,
   virtualized: w,
   title: I,
-  variant: D,
-  dropdownSize: x = "sm"
+  variant: x,
+  dropdownSize: A = "sm"
 }) => {
-  const M = G(t), e = K({ id: "toolbar-filter-menu" });
-  H(() => {
+  const M = q(t), e = J({ id: "toolbar-filter-menu" });
+  G(() => {
     const r = M.current;
     M.current = t, r && !t && e?.triggerRef?.current?.focus();
   }, [t, e.triggerRef]);
-  const O = (r) => {
-    const i = r.target.type, l = r.target.name, q = r.target.value;
-    j?.(i, l, q), i === "radio" && d();
-  }, u = g?.map((r) => ({
+  const V = (r) => {
+    const i = r.target.type, u = r.target.name, T = r.target.value;
+    O?.(i, u, T), i === "radio" && m();
+  }, l = g?.map((r) => ({
     ...r,
-    onChange: (i) => O(i)
-  })), B = (g?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length, A = D || B ? "tinted" : "outline", R = P || J, s = m ? "combobox" : "menu", T = () => {
-    d();
+    onChange: (i) => V(i)
+  })), R = (g?.filter((r) => r.checked)?.map((r) => r.value || "true")).length > 0 || c?.[o]?.length ? "tinted" : "outline", C = E || H, s = d ? "combobox" : "menu", B = () => {
+    m();
     const r = c?.[o]?.[0];
-    u?.filter((l) => l.checked)?.length === 0 && !r && h?.();
+    l?.filter((u) => u.checked)?.length === 0 && !r && h?.();
   };
-  return E ? /* @__PURE__ */ n(
-    C,
+  return j ? /* @__PURE__ */ n(
+    F,
     {
       submitLabel: b,
       title: I,
       variant: "drawer-dropdown",
-      size: x,
+      size: A,
       trigger: /* @__PURE__ */ n(
-        F,
+        P,
         {
           name: o,
           onClick: y,
           onRemove: h,
           removable: !0,
-          variant: A,
-          removeLabel: V,
+          variant: x || R,
+          removeLabel: D,
           open: t,
           "aria-expanded": t,
           "aria-controls": e.menuId,
@@ -72,10 +72,10 @@ const S = ({
         }
       ),
       open: t,
-      onClose: T,
+      onClose: B,
       ...e.dropdownA11yProps,
       children: /* @__PURE__ */ n(
-        R,
+        C,
         {
           open: t,
           search: k,
@@ -83,9 +83,9 @@ const S = ({
           filterState: c,
           onFilterStateChange: v,
           size: a,
-          searchable: m,
+          searchable: d,
           groups: p,
-          items: u,
+          items: l,
           keyboardEvents: t,
           a11yMode: s,
           ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,
@@ -94,27 +94,27 @@ const S = ({
       )
     }
   ) : /* @__PURE__ */ n(
-    C,
+    F,
     {
-      size: x,
+      size: A,
       title: I,
       variant: "drawer-dropdown",
       submitLabel: b,
-      trigger: /* @__PURE__ */ n(F, { name: o, onClick: y, variant: A, children: f }),
+      trigger: /* @__PURE__ */ n(P, { name: o, onClick: y, variant: x || R, children: f }),
       open: t,
-      onClose: d,
+      onClose: m,
       ...e.dropdownA11yProps,
       children: /* @__PURE__ */ n(
-        R,
+        C,
         {
           search: k,
           name: o,
           filterState: c,
           onFilterStateChange: v,
           size: a,
-          searchable: m,
+          searchable: d,
           groups: p,
-          items: u,
+          items: l,
           keyboardEvents: t,
           a11yMode: s,
           ...s === "combobox" ? { id: e.menuId } : e.menuA11yProps,

package/dist/components/Toolbar/ToolbarMenu.js

@@ -11,15 +11,15 @@ import { S as h } from "../../ChevronUpDown-DqGsU4MC.js";
 const D = ({
   title: a = "Title",
   label: i = "Label",
-  items: p = [],
-  dropdownSize: s = "sm",
-  onSelectId: m,
+  items: s = [],
+  dropdownSize: l = "sm",
+  onSelectId: p,
   ...e
 }) => {
-  const o = f({ id: "toolbar-menu", returnFocusOnClose: !0 }), n = e.searchable ? "combobox" : "menu", l = p.map((t) => ({
-    ...t,
+  const o = f({ id: "toolbar-menu", returnFocusOnClose: !0 }), t = e.searchable ? "combobox" : "menu", m = s.map((n) => ({
+    ...n,
     onClick: () => {
-      m?.(t?.id ?? ""), o.setOpen(!1);
+      p?.(n?.id ?? ""), n?.role !== "checkbox" && o.setOpen(!1);
     }
   }));
   return /* @__PURE__ */ r(
@@ -28,11 +28,11 @@ const D = ({
       id: "toolbar-menu",
       variant: "drawer-dropdown",
       title: a,
-      size: s,
+      size: l,
       trigger: /* @__PURE__ */ d(
         u,
         {
-          variant: "primary",
+          variant: "solid",
           onClick: o.toggleMenu,
           "aria-expanded": o.open,
           "aria-haspopup": "menu",
@@ -51,12 +51,12 @@ const D = ({
         b,
         {
           ...e,
-          items: l,
+          items: m,
           keyboardEvents: o.open,
-          a11yMode: n,
+          a11yMode: t,
           open: o.open,
           scrollToTopOnOpen: e.virtualized,
-          ...n === "combobox" ? { id: o.menuId } : o.menuA11yProps
+          ...t === "combobox" ? { id: o.menuId } : o.menuA11yProps
         }
       )
     }

package/dist/components/Toolbar/example.data.js

@@ -16,7 +16,7 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
   groupId: "3",
   name: "owner",
   icon: b,
-  label: "Velg tjenesteeier",
+  title: "Tjenesteeier ...",
   groups: {
     1: {
       title: "Velg tjenesteier"
@@ -47,7 +47,7 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
   groupId: "1",
   name: "status",
   icon: u,
-  label: "Velg status",
+  title: "Status ...",
   groups: {
     1: {
       title: "Velg status"
@@ -103,12 +103,12 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
       title: "Ingen status"
     }
   ]
-}, V = {
+}, Q = {
   id: "2",
   groupId: "1",
   icon: o,
   name: "time",
-  label: "Velg dato",
+  title: "Dato ...",
   groups: {
     1: {
       title: "Velg dato"
@@ -173,12 +173,12 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
       linkIcon: !0
     }
   ]
-}, Q = {
+}, X = {
   id: "seenBy",
   groupId: "2",
   icon: v,
   name: "seenBy",
-  label: "Sett av ...",
+  title: "Sett av ...",
   searchable: !0,
   search: {
     name: "seenBy",
@@ -227,12 +227,12 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
       title: "Kari Nordmann"
     }
   ]
-}, X = {
+}, V = {
   id: "content",
   groupId: "2",
   icon: I,
   name: "content",
-  label: "Inneholder ...",
+  title: "Inneholder ...",
   groups: {
     1: {
       title: "Inneholder ..."
@@ -272,7 +272,7 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
       title: "Mottatte meldinger"
     }
   ]
-}, R = [S, V, Q, X, M], U = R?.map((e) => ({
+}, R = [S, Q, X, V, M], T = R?.map((e) => ({
   ...e,
   removable: !0
 })), a = [
@@ -358,16 +358,16 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
     icon: {
       type: "company",
       name: e.name,
-      isParent: !!e?.parentId
+      isParent: !e?.parentId
     }
   };
-}), W = {
+}), U = {
   label: a[0].title,
   items: a,
   searchable: !0,
   groups: {
     favourites: { title: "Favoritter" },
-    aa: { title: "Alfa Bar & Brød" },
+    aa: { title: "Alle virksomheter" },
     search: { title: "{count} treff" }
   },
   size: "md"
@@ -409,21 +409,21 @@ const h = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAA
     icon: p,
     title: "Papirkurv"
   }
-], T = {
+], W = {
   label: i[0].title,
   items: i,
   size: "sm"
 };
 export {
-  W as accountMenu,
+  U as accountMenu,
   a as accountMenuItems,
-  X as contentFilter,
+  V as contentFilter,
   R as inboxFilters,
-  T as inboxMenu,
+  W as inboxMenu,
   i as inboxMenuItems,
   M as ownerFilter,
-  U as removableInboxFilters,
-  Q as seenByFilter,
+  T as removableInboxFilters,
+  X as seenByFilter,
   S as statusFilter,
-  V as timeFilter
+  Q as timeFilter
 };

package/dist/components/Toolbar/example.hooks.js

@@ -1,30 +1,30 @@
-import { useState as S } from "react";
-import { inboxFilters as v, accountMenu as l } from "./example.data.js";
-import { formatDateRange as h } from "./formatDateRange.js";
-const p = ({ filters: s = v, defaultFilterState: c = {} }) => {
-  const [n, u] = S(c), d = () => {
+import { useState as v } from "react";
+import { inboxFilters as b, accountMenu as l } from "./example.data.js";
+import { formatDateRange as S } from "./formatDateRange.js";
+const p = ({ filters: o = b, defaultFilterState: c = {} }) => {
+  const [n, u] = v(c), d = () => {
     const t = n?.seenBy || [], e = t?.length;
     return e > 1 && t?.includes("you") && t?.includes("others") ? "Sett av deg + andre" : e > 1 && t?.includes("you") ? `Sett av deg + ${e - 1}` : t?.includes("user") ? "Sett av deg" : t?.includes("others") ? "Sett av andre" : e ? `Sett av ${e}` : "Sett av ...";
-  }, o = () => {
+  }, g = () => {
     const t = (n?.drafts?.length ?? 0) > 0 ? "Utkast" : void 0, e = (n?.attachments?.length ?? 0) > 0 ? "Vedlegg" : void 0, i = (n?.sent?.length ?? 0) > 0 ? "Sendt" : void 0, r = (n?.received?.length ?? 0) > 0 ? "Mottatt" : void 0;
     return [t, e, i, r].filter(Boolean).join(" + ");
-  }, b = () => {
+  }, s = () => {
     const t = n?.fromDate?.[0]?.toString(), e = n?.toDate?.[0]?.toString();
     if (t && e)
-      return h(t, e);
+      return S(t, e);
     if (t)
-      return h(t);
-    const i = n?.time || [], r = i?.length, g = s?.find((a) => a.name === "time")?.items, m = i?.map((a) => g?.find((f) => f.value === a)?.title);
-    return r === 1 ? m?.[0] : r > 1 ? `${r} tider` : "Tid";
+      return S(t);
+    const i = n?.time || [], r = i?.length, m = o?.find((a) => a.name === "time")?.items, f = i?.map((a) => m?.find((h) => h.value === a)?.title);
+    return r === 1 ? f?.[0] : r > 1 ? `${r} tider` : "Tid";
   }, L = () => {
-    const t = n?.status || [], e = t?.length, i = s?.find((a) => a.name === "status")?.items, r = t?.map((a) => i?.find((f) => f.value === a)?.title), g = (n?.unread?.length ?? 0) > 0 ? "Ulest" : void 0, m = e === 1 ? r?.[0] : e > 1 ? `${e} statuser` : void 0;
-    return [g, m].filter(Boolean).join(" + ");
+    const t = n?.status || [], e = t?.length, i = o?.find((a) => a.name === "status")?.items, r = t?.map((a) => i?.find((h) => h.value === a)?.title), m = (n?.unread?.length ?? 0) > 0 ? "Ulest" : void 0, f = e === 1 ? r?.[0] : e > 1 ? `${e} statuser` : void 0;
+    return [m, f].filter(Boolean).join(" + ");
   };
   return {
     addLabel: "Legg til filter",
     submitLabel: "Show results",
     addNextLabel: "Legg til",
-    filters: s,
+    filters: o,
     filterState: n,
     onFilterStateChange: u,
     getFilterLabel: (t) => {
@@ -32,33 +32,33 @@ const p = ({ filters: s = v, defaultFilterState: c = {} }) => {
         case "status":
           return L() || "Status";
         case "time":
-          return b() || "Tid";
+          return s() || "Tid";
         case "seenBy":
           return d() || "Sett av";
         case "content":
-          return o() || "Innhold";
+          return g() || "Innhold";
         default:
           return t;
       }
     }
   };
-}, F = () => {
-  const [s, c] = S(l.items[0].id), n = (o) => {
-    c(o);
-  }, u = l.items.find((o) => o.id === s)?.title?.toString() || "Account", d = l.items.map((o) => ({
-    ...o,
-    selected: o.id === s
+}, F = (o) => {
+  const [c, n] = v(o || l.items[0].id), u = (s) => {
+    n(s);
+  }, d = l.items.find((s) => s.id === c)?.title?.toString() || "Account", g = l.items.map((s) => ({
+    ...s,
+    selected: s.id === c
   }));
-  return { ...l, label: u, onSelectId: n, items: d, virtualized: !0 };
+  return { ...l, label: d, onSelectId: u, items: g, virtualized: !0 };
 }, A = () => {
-  const s = p({ filters: v });
+  const o = p({ filters: b });
   return {
     menus: [F()],
     search: {
       name: "search",
       placeholder: "Søk"
     },
-    filter: s
+    filter: o
   };
 };
 export {

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

@@ -1,17 +1,17 @@
-import { ToolbarFilterProps } from './';
+import { ToolbarFilterProps, ToolbarMenuProps } from './';
 declare const meta: {
     title: string;
     component: ({ accountMenu, menus, search, filter, children }: import('./Toolbar').ToolbarProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {};
     decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
-        accountMenu?: import('./ToolbarMenu').ToolbarMenuProps | undefined;
-        menus?: import('./ToolbarMenu').ToolbarMenuProps[] | undefined;
+        accountMenu?: ToolbarMenuProps | undefined;
+        menus?: ToolbarMenuProps[] | undefined;
         search?: import('./ToolbarSearch').ToolbarSearchProps | undefined;
         filter?: ToolbarFilterProps | undefined;
         children?: import('react').ReactNode;
     }>, _: import('storybook/internal/csf').StoryContext<import('@storybook/react-vite').ReactRenderer, {
-        accountMenu?: import('./ToolbarMenu').ToolbarMenuProps | undefined;
-        menus?: import('./ToolbarMenu').ToolbarMenuProps[] | undefined;
+        accountMenu?: ToolbarMenuProps | undefined;
+        menus?: ToolbarMenuProps[] | undefined;
         search?: import('./ToolbarSearch').ToolbarSearchProps | undefined;
         filter?: ToolbarFilterProps | undefined;
         children?: import('react').ReactNode;
@@ -26,5 +26,5 @@ export declare const StaticFilters: () => import("react/jsx-runtime").JSX.Elemen
 export declare const RemovableFilters: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountMenuAndFilters: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountMenuAndSearch: () => import("react/jsx-runtime").JSX.Element;
-export declare const AccountMenuAndSubmenu: () => import("react/jsx-runtime").JSX.Element;
 export declare const AccountMenuAndSearchAutocomplete: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountMenuAndSubmenu: () => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Toolbar/example.hooks.d.ts

@@ -11,7 +11,7 @@ export declare const useInboxFilter: ({ filters, defaultFilterState }: {
     onFilterStateChange: import('react').Dispatch<import('react').SetStateAction<import('./useFilter').FilterState | undefined>>;
     getFilterLabel: ToolbarFilterProps["getFilterLabel"];
 };
-export declare const useAccountMenu: () => {
+export declare const useAccountMenu: (selectedId?: string) => {
     label: string;
     onSelectId: (id: string) => void;
     items: {

package/package.json

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