@altinn/altinn-components 0.56.24 → 0.56.26

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,78 +1,82 @@
-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 { AccountMenu as w } 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 N } from "../RootProvider/RootProvider.js";
+import { useRootContext as M } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { S as A } from "../../SearchField-QTfebYdU.js";
-import { S as L } from "../../button-BB5sYVKY.js";
-import { H as M, S as F } from "../../switch-Cemfhx0H.js";
-import '../../assets/AccountSelector.css';const T = "_accountSelector_139de_1", j = "_heading_139de_11", C = "_searchSection_139de_17", H = "_searchField_139de_26", V = "_accountMenu_139de_30", y = "_virtualized_139de_38", E = "_spinner_139de_47", r = {
-  accountSelector: T,
-  heading: j,
-  searchSection: C,
-  searchField: H,
-  accountMenu: V,
-  virtualized: y,
-  spinner: E
-}, Z = ({
+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: x
+  onShowDeletedUnitsChange: k,
+  scrollLock: x
 }) => {
-  const { openId: o, closeAll: l, languageCode: d } = N(), [u, h] = _(""), [a, m] = _(t);
+  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 } = I(d), k = (n) => {
-    e.onSelectAccount?.(n), l(), m(!1);
+  const { searchText: f, heading: b, switchLabel: w } = B(d), N = (r) => {
+    e.onSelectAccount?.(r), l(), m(!1);
   };
-  return v ? /* @__PURE__ */ c(L, { "aria-hidden": !0, "data-color": "neutral", className: r.spinner }) : /* @__PURE__ */ f("div", { className: p(i, r.accountSelector), children: [
-    /* @__PURE__ */ c(M, { "data-size": "sm", level: 2, className: r.heading, children: z }),
-    /* @__PURE__ */ f("div", { className: r.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(
-        A,
+        F,
         {
-          name: S,
-          placeholder: S,
+          name: f,
+          placeholder: f,
           value: u,
-          onChange: (n) => h(n.target.value),
+          onChange: (r) => h(r.target.value),
           onClear: () => h(""),
-          className: r.searchField
+          className: n.searchField
         }
       ),
       s !== void 0 && /* @__PURE__ */ c(
-        F,
+        y,
         {
           checked: s,
-          onChange: (n) => x?.(n.target.checked),
-          label: b
+          onChange: (r) => k?.(r.target.checked),
+          label: w
         }
       )
     ] }),
-    /* @__PURE__ */ c("div", { className: p(r.accountMenu, e.virtualized && r.virtualized), children: /* @__PURE__ */ c(
-      w,
+    /* @__PURE__ */ c("div", { className: p(n.accountMenu, e.virtualized && n.virtualized), children: /* @__PURE__ */ c(
+      A,
       {
         ...e,
-        onSelectAccount: k,
+        onSelectAccount: N,
         keyboardEvents: !1,
         search: {
           hidden: !0,
           name: "",
           value: u,
-          getResultsLabel: (n) => R(n, d)
+          getResultsLabel: (r) => K(r, d)
         }
       }
     ) })
   ] });
-}, I = (e) => {
+}, B = (e) => {
   switch (e) {
     case "nn":
       return {
@@ -99,10 +103,10 @@ import '../../assets/AccountSelector.css';const T = "_accountSelector_139de_1",
         switchLabel: "Vis slettede"
       };
   }
-}, R = (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 {
-  Z as AccountSelector
+  ee as AccountSelector
 };

package/dist/hooks/useLockBodyScroll.js

@@ -0,0 +1,14 @@
+"use client";
+import { useEffect as n } from "react";
+const c = (t) => {
+  n(() => {
+    if (!t) return;
+    const { overflow: e, paddingRight: d } = document.body.style, o = window.innerWidth - document.documentElement.clientWidth;
+    return document.body.style.overflow = "hidden", o > 0 && (document.body.style.paddingRight = `${o}px`), () => {
+      document.body.style.overflow = e, document.body.style.paddingRight = d;
+    };
+  }, [t]);
+};
+export {
+  c as useLockBodyScroll
+};

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/dist/types/lib/hooks/useLockBodyScroll.d.ts

@@ -0,0 +1 @@
+export declare const useLockBodyScroll: (locked: boolean) => void;

package/package.json

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