@altinn/altinn-components 0.36.2 → 0.36.3

package/dist/assets/MenuItemsVirtual.css

@@ -1 +1 @@
-._virtualScrollRef_14d4s_1{max-height:400px}._virtualMenuListItem_14d4s_5{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_14d4s_5>*{margin:0}
+._virtualScrollRef_15wg7_1{max-height:400px;overflow-y:auto}._virtualMenuListItem_15wg7_6{position:absolute;top:0;left:0;width:100%}._virtualMenuListItem_15wg7_6>*{margin:0}

package/dist/components/Menu/MenuItemsVirtual.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as v, jsx as i } from "react/jsx-runtime";
 import { u as b } from "../../index-D-VWMqlv.js";
-import { useRef as R, useEffect as T } from "react";
+import { useRef as g, useEffect as R } from "react";
 import "../../index-L8X2o7IH.js";
-import { useMenu as V } from "../../hooks/useMenu.js";
+import { useMenu as T } from "../../hooks/useMenu.js";
 import "../RootProvider/RootProvider.js";
-import { MenuItem as $ } from "./MenuItem.js";
-import { MenuSearch as j } from "./MenuSearch.js";
-import { MenuHeader as k } from "./MenuHeader.js";
-import { MenuList as N, MenuListItem as g } from "./MenuBase.js";
+import { MenuItem as V } from "./MenuItem.js";
+import { MenuSearch as $ } from "./MenuSearch.js";
+import { MenuHeader as j } from "./MenuHeader.js";
+import { MenuList as k, MenuListItem as N } from "./MenuBase.js";
 import "../Snackbar/useSnackbar.js";
-import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_14d4s_1", B = "_virtualMenuListItem_14d4s_5", y = {
+import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_15wg7_1", B = "_virtualMenuListItem_15wg7_6", y = {
   virtualScrollRef: q,
   virtualMenuListItem: B
 }, U = ({
@@ -24,12 +24,12 @@ import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_14d4s_1"
   defaultIconTheme: L,
   scrollRefStyles: z
 }) => {
-  const { menu: _ } = V({
+  const { menu: _ } = T({
     items: I,
     groups: M,
     groupByKey: "groupId",
     keyboardEvents: !1
-  }), m = R(null), a = _.flatMap((t, e) => {
+  }), m = g(null), a = _.flatMap((t, e) => {
     var u;
     const E = (t == null ? void 0 : t.props) || {}, { title: c } = E, p = ((u = t == null ? void 0 : t.items) == null ? void 0 : u.filter((r) => {
       var s;
@@ -55,26 +55,26 @@ import '../../assets/MenuItemsVirtual.css';const q = "_virtualScrollRef_14d4s_1"
     estimateSize: () => 44,
     getScrollElement: () => m.current
   }), n = o.getVirtualItems();
-  return T(() => {
+  return R(() => {
     for (const t of n) {
       const e = document.querySelector(`[data-index="${t.index}"]`);
       e && o.measureElement(e);
     }
-  }, [n]), /* @__PURE__ */ v(N, { children: [
-    l && /* @__PURE__ */ i(j, { ...l }),
+  }, [n]), /* @__PURE__ */ v(k, { children: [
+    l && /* @__PURE__ */ i($, { ...l }),
     /* @__PURE__ */ i("div", { ref: m, className: y.virtualScrollRef, style: z, children: /* @__PURE__ */ i("div", { style: { position: "relative", height: `${o.getTotalSize()}px` }, children: n.map((t) => {
       const e = a[t.index];
       return e ? /* @__PURE__ */ v(
-        g,
+        N,
         {
           dataIndex: t.index,
           className: y.virtualMenuListItem,
           style: { transform: `translateY(${t.start}px)` },
           role: e.type === "separator" ? "separator" : void 0,
           children: [
-            e.type === "title" && /* @__PURE__ */ i(k, { title: e.title }),
+            e.type === "title" && /* @__PURE__ */ i(j, { title: e.title }),
             e.type === "item" && /* @__PURE__ */ i(
-              $,
+              V,
               {
                 ...e.itemProps,
                 size: e.itemProps.size || x,

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

@@ -13,5 +13,5 @@ export declare const Default: Story;
 export declare const Controlled: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithoutSubunits: Story;
 export declare const WithGroups: Story;
-export declare const VirtualizedMenu: Story;
+export declare const VirtualizedMenu: () => import("react/jsx-runtime").JSX.Element;
 export declare const WithToolbar: () => import("react/jsx-runtime").JSX.Element;

package/package.json

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