@altinn/altinn-components 0.56.24 → 0.56.25

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,78 +1,81 @@
 import { jsx as c, jsxs as f } 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 N } from "../../hooks/useLockBodyScroll.js";
+import { AccountMenu as L } from "../Account/AccountMenu.js";
 import "../Button/Button.js";
 import "react-dom";
-import { useRootContext as N } from "../RootProvider/RootProvider.js";
+import { useRootContext as A } 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 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 = ({
   accountMenu: e,
   forceOpenFullScreen: t,
   className: i,
   loading: v,
   showDeletedUnits: s,
-  onShowDeletedUnitsChange: x
+  onShowDeletedUnitsChange: k
 }) => {
-  const { openId: o, closeAll: l, languageCode: d } = N(), [u, h] = _(""), [a, m] = _(t);
+  const { openId: o, closeAll: l, languageCode: d, currentId: x } = A();
+  N(x === "account");
+  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: S, heading: z, switchLabel: b } = $(d), w = (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(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: [
       /* @__PURE__ */ c(
-        A,
+        M,
         {
           name: S,
           placeholder: S,
           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,
+        j,
         {
           checked: s,
-          onChange: (n) => x?.(n.target.checked),
+          onChange: (r) => k?.(r.target.checked),
           label: b
         }
       )
     ] }),
-    /* @__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(
+      L,
       {
         ...e,
-        onSelectAccount: k,
+        onSelectAccount: w,
         keyboardEvents: !1,
         search: {
           hidden: !0,
           name: "",
           value: u,
-          getResultsLabel: (n) => R(n, d)
+          getResultsLabel: (r) => B(r, d)
         }
       }
     ) })
   ] });
-}, I = (e) => {
+}, $ = (e) => {
   switch (e) {
     case "nn":
       return {
@@ -99,10 +102,10 @@ import '../../assets/AccountSelector.css';const T = "_accountSelector_139de_1",
         switchLabel: "Vis slettede"
       };
   }
-}, R = (e, t) => {
+}, B = (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
+  U 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/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.25",
   "main": "dist/index.js",
   "files": [
     "dist/",