@altinn/altinn-components 0.56.25 → 0.56.27

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,47 +1,52 @@
 "use client";
 import { jsx as a } from "react/jsx-runtime";
-import { Button as p } from "../Button/Button.js";
+import u, { forwardRef as m, useMemo as c } from "react";
+import { Button as f } from "../Button/Button.js";
 import "../../index-p1eeF8LQ.js";
-import u, { forwardRef as s } from "react";
-import { Dropdown as m } from "../Dropdown/Dropdown.js";
-import { useRootContext as c } from "../RootProvider/RootProvider.js";
-import { M as f } from "../../SearchField-QTfebYdU.js";
+import { Dropdown as g } from "../Dropdown/Dropdown.js";
+import { useRootContext as h } from "../RootProvider/RootProvider.js";
+import { M as b } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
-import { useDropdownMenuController as g } from "../Menu/useDropdownMenuController.js";
-import { Tooltip as b } from "../Tooltip/Tooltip.js";
-import { u as h } from "../../useId-BVFxCjkq.js";
-var x = function(t, l) {
-  var o = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
+import { useDropdownMenuController as x } from "../Menu/useDropdownMenuController.js";
+import { Tooltip as v } from "../Tooltip/Tooltip.js";
+import { u as y } from "../../useId-BVFxCjkq.js";
+var O = function(t, l) {
+  var r = {};
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (r[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
-  return o;
+    for (var o = 0, e = Object.getOwnPropertySymbols(t); o < e.length; o++)
+      l.indexOf(e[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[o]) && (r[e[o]] = t[e[o]]);
+  return r;
 };
-const v = s((t, l) => {
-  var { title: o, titleId: e } = t, r = x(t, ["title", "titleId"]);
-  let i = h();
-  return i = o ? e || "title-" + i : void 0, u.createElement(
+const w = m((t, l) => {
+  var { title: r, titleId: e } = t, o = O(t, ["title", "titleId"]);
+  let i = y();
+  return i = r ? e || "title-" + i : void 0, u.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, r),
-    o ? u.createElement("title", { id: i }, o) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, o),
+    r ? u.createElement("title", { id: i }, r) : null,
     u.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 10.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3m4.5 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0m6 0a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0", clipRule: "evenodd" })
   );
-}), S = ({
+}), A = ({
   groups: t = {},
   items: l,
-  title: o,
+  title: r,
   id: e = "context-menu",
-  placement: r = "right",
+  placement: o = "right",
   "aria-label": i
 }) => {
-  const n = g({ id: e, returnFocusOnClose: !0 }), { languageCode: d } = c();
+  const n = x({ id: e, returnFocusOnClose: !0 }), { languageCode: s } = h(), d = c(() => l.map((p) => ({
+    ...p,
+    onClick: () => {
+      n.setOpen(!1), p.onClick?.();
+    }
+  })), [l, n]);
   return /* @__PURE__ */ a(
-    m,
+    g,
     {
       backdrop: !1,
-      trigger: /* @__PURE__ */ a(() => /* @__PURE__ */ a(b, { content: o || y(d).title, hidden: n.open, children: /* @__PURE__ */ a(
-        p,
+      trigger: /* @__PURE__ */ a(() => /* @__PURE__ */ a(v, { content: r || C(s).title, hidden: n.open, children: /* @__PURE__ */ a(
+        f,
         {
           ref: n.triggerRef,
           icon: !0,
@@ -53,19 +58,19 @@ const v = s((t, l) => {
           "aria-haspopup": "menu",
           "aria-expanded": n.open,
           "aria-controls": n.open ? n.menuId : void 0,
-          children: /* @__PURE__ */ a(v, { "aria-hidden": "true" })
+          children: /* @__PURE__ */ a(w, { "aria-hidden": "true" })
         }
       ) }), {}),
       open: n.open,
       onClose: () => n.setOpen(!1),
       id: n.menuId,
-      placement: r,
+      placement: o,
       useFixedPosition: !0,
       ...n.dropdownA11yProps,
-      children: /* @__PURE__ */ a(f, { groups: t, items: l, maxLevels: 1, keyboardEvents: n.open, ...n.menuA11yProps })
+      children: /* @__PURE__ */ a(b, { groups: t, items: d, maxLevels: 1, keyboardEvents: n.open, ...n.menuA11yProps })
     }
   );
-}, y = (t) => {
+}, C = (t) => {
   switch (t) {
     case "nb":
       return {
@@ -82,5 +87,5 @@ const v = s((t, l) => {
   }
 };
 export {
-  S as ContextMenu
+  A as ContextMenu
 };

package/dist/components/Dialog/DialogActions.js

@@ -1,27 +1,32 @@
 "use client";
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { useMemo as p } from "react";
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { useMemo as m } from "react";
 import "../../index-p1eeF8LQ.js";
-import { Button as c } from "../Button/Button.js";
-import { ButtonGroup as C } from "../Button/ButtonGroup.js";
+import { Button as s } from "../Button/Button.js";
+import { ButtonGroup as g } from "../Button/ButtonGroup.js";
 import { ButtonGroupDivider as B } from "../Button/ButtonGroupDivider.js";
-import { DropdownBase as x } from "../Dropdown/DropdownBase.js";
+import { DropdownBase as k } from "../Dropdown/DropdownBase.js";
 import "react-dom";
-import { useRootContext as _ } from "../RootProvider/RootProvider.js";
-import { M as v } from "../../SearchField-QTfebYdU.js";
+import { useRootContext as x } from "../RootProvider/RootProvider.js";
+import { M as _ } from "../../SearchField-QTfebYdU.js";
 import "../Snackbar/useSnackbar.js";
-import { S as k, a as D } from "../../ChevronUp-_BBfEirx.js";
-import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", m = {
+import { S as v, a as D } from "../../ChevronUp-_BBfEirx.js";
+import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_comboButton_1n930_8", u = {
   action: I,
   comboButton: M
-}, H = ({ items: i, maxItems: l = 2, id: a = "dialog-actions", expandAltLabel: u }) => {
-  const { currentId: f, closeAll: h, toggleId: b } = _(), e = f === a, t = p(() => (i || []).filter((o) => !o.hidden).sort((o, r) => {
-    const s = ["primary", "secondary", "tertiary"];
-    return s.indexOf(o?.priority) - s.indexOf(r?.priority);
-  }), [i]), y = p(() => i.find((o) => o.priority === "primary")?.disabled, [i]);
-  if (!t.length || l <= 0)
+}, H = ({ items: i, maxItems: a = 2, id: l = "dialog-actions", expandAltLabel: f }) => {
+  const { currentId: h, closeAll: b, toggleId: d } = x(), e = h === l, t = m(() => (i || []).filter((o) => !o.hidden).sort((o, r) => {
+    const c = ["primary", "secondary", "tertiary"];
+    return c.indexOf(o?.priority) - c.indexOf(r?.priority);
+  }).map((o) => ({
+    ...o,
+    onClick: () => {
+      o.onClick?.(), d(l);
+    }
+  })), [i]), y = m(() => i.find((o) => o.priority === "primary")?.disabled, [i]);
+  if (!t.length || a <= 0)
     return null;
-  if (t.length > l) {
+  if (t.length > a) {
     const o = t.slice(1).map((r) => ({
       id: r.id,
       title: r.label,
@@ -29,18 +34,18 @@ import '../../assets/DialogActions.css';const I = "_action_1n930_1", M = "_combo
       group: r.priority,
       hidden: r.hidden
     }));
-    return /* @__PURE__ */ d("section", { className: m.comboButton, children: [
-      /* @__PURE__ */ d(C, { connected: !0, size: "md", children: [
-        /* @__PURE__ */ n(c, { disabled: y, onClick: t[0].onClick, children: t[0].label }),
+    return /* @__PURE__ */ p("section", { className: u.comboButton, children: [
+      /* @__PURE__ */ p(g, { connected: !0, size: "md", children: [
+        /* @__PURE__ */ n(s, { disabled: y, onClick: t[0].onClick, children: t[0].label }),
         /* @__PURE__ */ n(B, {}),
-        /* @__PURE__ */ n(c, { "aria-label": u, onClick: () => b(a), "aria-expanded": e ? "true" : "false", children: e ? /* @__PURE__ */ n(k, {}) : /* @__PURE__ */ n(D, {}) })
+        /* @__PURE__ */ n(s, { "aria-label": f, onClick: () => d(l), "aria-expanded": e ? "true" : "false", children: e ? /* @__PURE__ */ n(v, {}) : /* @__PURE__ */ n(D, {}) })
       ] }),
-      e && /* @__PURE__ */ n(x, { open: e, onClose: h, children: /* @__PURE__ */ n(v, { items: o }) })
+      e && /* @__PURE__ */ n(k, { open: e, onClose: b, children: /* @__PURE__ */ n(_, { items: o }) })
     ] });
   }
-  return /* @__PURE__ */ n("section", { className: m.action, children: t.map((o, r) => {
-    const { priority: s, id: O, ...g } = o;
-    return /* @__PURE__ */ n(c, { variant: s === "primary" ? "solid" : "outline", size: "md", ...g, children: o.label }, "button-" + r);
+  return /* @__PURE__ */ n("section", { className: u.action, children: t.map((o, r) => {
+    const { priority: c, id: O, ...C } = o;
+    return /* @__PURE__ */ n(s, { variant: c === "primary" ? "solid" : "outline", size: "md", ...C, children: o.label }, "button-" + r);
   }) });
 };
 export {

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,50 +1,51 @@
-import { jsx as c, jsxs as f } from "react/jsx-runtime";
+import { jsx as c, jsxs as S } from "react/jsx-runtime";
 import { c as p } from "../../index-p1eeF8LQ.js";
 import { useState as _, useEffect as g } from "react";
-import { useLockBodyScroll as N } from "../../hooks/useLockBodyScroll.js";
-import { AccountMenu as L } from "../Account/AccountMenu.js";
+import { useLockBodyScroll as L } from "../../hooks/useLockBodyScroll.js";
+import { AccountMenu as A } from "../Account/AccountMenu.js";
 import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as A } from "../RootProvider/RootProvider.js";
+import { useRootContext as M } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as M } from "../../SearchField-QTfebYdU.js";
-import { S as F } from "../../button-BB5sYVKY.js";
-import { H as T, S as j } from "../../switch-Cemfhx0H.js";
-import '../../assets/AccountSelector.css';const y = "_accountSelector_139de_1", C = "_heading_139de_11", H = "_searchSection_139de_17", V = "_searchField_139de_26", I = "_accountMenu_139de_30", E = "_virtualized_139de_38", R = "_spinner_139de_47", n = {
-  accountSelector: y,
-  heading: C,
-  searchSection: H,
-  searchField: V,
-  accountMenu: I,
-  virtualized: E,
-  spinner: R
-}, U = ({
+import { S as F } from "../../SearchField-QTfebYdU.js";
+import { S as T } from "../../button-BB5sYVKY.js";
+import { H as j, S as y } from "../../switch-Cemfhx0H.js";
+import '../../assets/AccountSelector.css';const C = "_accountSelector_139de_1", H = "_heading_139de_11", V = "_searchSection_139de_17", I = "_searchField_139de_26", E = "_accountMenu_139de_30", R = "_virtualized_139de_38", $ = "_spinner_139de_47", n = {
+  accountSelector: C,
+  heading: H,
+  searchSection: V,
+  searchField: I,
+  accountMenu: E,
+  virtualized: R,
+  spinner: $
+}, ee = ({
   accountMenu: e,
   forceOpenFullScreen: t,
   className: i,
   loading: v,
   showDeletedUnits: s,
-  onShowDeletedUnitsChange: k
+  onShowDeletedUnitsChange: k,
+  scrollLock: x
 }) => {
-  const { openId: o, closeAll: l, languageCode: d, currentId: x } = A();
-  N(x === "account");
+  const { openId: o, closeAll: l, languageCode: d, currentId: z } = M();
+  L(x ? z === "account" : !1);
   const [u, h] = _(""), [a, m] = _(t);
   g(() => {
     !t && a && l(), m(t);
   }, [t]), g(() => {
     a === !0 && o("account");
   }, [a, o]);
-  const { searchText: S, heading: z, switchLabel: b } = $(d), w = (r) => {
+  const { searchText: f, heading: b, switchLabel: w } = B(d), N = (r) => {
     e.onSelectAccount?.(r), l(), m(!1);
   };
-  return v ? /* @__PURE__ */ c(F, { "aria-hidden": !0, "data-color": "neutral", className: n.spinner }) : /* @__PURE__ */ f("div", { className: p(i, n.accountSelector), children: [
-    /* @__PURE__ */ c(T, { "data-size": "sm", level: 2, className: n.heading, children: z }),
-    /* @__PURE__ */ f("div", { className: n.searchSection, children: [
+  return v ? /* @__PURE__ */ c(T, { "aria-hidden": !0, "data-color": "neutral", className: n.spinner }) : /* @__PURE__ */ S("div", { className: p(i, n.accountSelector), children: [
+    /* @__PURE__ */ c(j, { "data-size": "sm", level: 2, className: n.heading, children: b }),
+    /* @__PURE__ */ S("div", { className: n.searchSection, children: [
       /* @__PURE__ */ c(
-        M,
+        F,
         {
-          name: S,
-          placeholder: S,
+          name: f,
+          placeholder: f,
           value: u,
           onChange: (r) => h(r.target.value),
           onClear: () => h(""),
@@ -52,30 +53,30 @@ import '../../assets/AccountSelector.css';const y = "_accountSelector_139de_1",
         }
       ),
       s !== void 0 && /* @__PURE__ */ c(
-        j,
+        y,
         {
           checked: s,
           onChange: (r) => k?.(r.target.checked),
-          label: b
+          label: w
         }
       )
     ] }),
     /* @__PURE__ */ c("div", { className: p(n.accountMenu, e.virtualized && n.virtualized), children: /* @__PURE__ */ c(
-      L,
+      A,
       {
         ...e,
-        onSelectAccount: w,
+        onSelectAccount: N,
         keyboardEvents: !1,
         search: {
           hidden: !0,
           name: "",
           value: u,
-          getResultsLabel: (r) => B(r, d)
+          getResultsLabel: (r) => K(r, d)
         }
       }
     ) })
   ] });
-}, $ = (e) => {
+}, B = (e) => {
   switch (e) {
     case "nn":
       return {
@@ -102,10 +103,10 @@ import '../../assets/AccountSelector.css';const y = "_accountSelector_139de_1",
         switchLabel: "Vis slettede"
       };
   }
-}, B = (e, t) => {
+}, K = (e, t) => {
   const i = t === "nb" || t === "nn";
   return e === 0 ? i ? "Ingen treff" : "No hits" : i ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
 };
 export {
-  U as AccountSelector
+  ee as AccountSelector
 };

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

@@ -11,5 +11,7 @@ export interface AccountSelectorProps {
     showDeletedUnits?: boolean;
     /** Function to handle changes to the include deleted accounts switch */
     onShowDeletedUnitsChange?: (newValue: boolean) => void;
+    /** Enable scroll lock to prevent background scrolling **/
+    scrollLock?: boolean;
 }
-export declare const AccountSelector: ({ accountMenu, forceOpenFullScreen, className, loading, showDeletedUnits, onShowDeletedUnitsChange, }: AccountSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountSelector: ({ accountMenu, forceOpenFullScreen, className, loading, showDeletedUnits, onShowDeletedUnitsChange, scrollLock, }: AccountSelectorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { AccountSelectorProps } from './AccountSelector';
 declare const meta: {
     title: string;
-    component: ({ accountMenu, forceOpenFullScreen, className, loading, showDeletedUnits, onShowDeletedUnitsChange, }: AccountSelectorProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ accountMenu, forceOpenFullScreen, className, loading, showDeletedUnits, onShowDeletedUnitsChange, scrollLock, }: AccountSelectorProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {
         layout: string;

package/package.json

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