@altinn/altinn-components 0.56.23 → 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/useAccountSelector.js

@@ -10,9 +10,9 @@ import { formatDisplayName as S } from "../functions/name/name.js";
 import { formatDate as E } from "../functions/date/date.js";
 import { formatOrgNo as x } from "../functions/orgno/orgno.js";
 import { S as R, a as Y } from "../HeartFill-CYSrJ_xK.js";
-const D = (e) => e === "Organization" ? "company" : "person", st = ({
-  partyListDTO: e = [],
-  favoriteAccountUuids: o,
+const D = (o) => o === "Organization" ? "company" : "person", st = ({
+  partyListDTO: o = [],
+  favoriteAccountUuids: e,
   currentAccountUuid: c,
   selfAccountUuid: v,
   isLoading: d = !1,
@@ -24,12 +24,12 @@ const D = (e) => e === "Organization" ? "company" : "person", st = ({
   onShowDeletedUnitsChange: n
 }) => {
   const a = W(), [z, m, p] = V(() => {
-    if (d || !e || !v)
+    if (d || !o || !v)
       return [[], {}, void 0];
-    const s = (t) => o?.includes(t), _ = (t) => !t.isDeleted || f !== !1 || t.partyUuid === c, N = B(i), F = i || "nb", k = (t, u) => t.name.localeCompare(u.name, F, {
+    const s = (t) => e?.includes(t), _ = (t) => !t.isDeleted || f !== !1 || t.partyUuid === c, N = B(i), F = i || "nb", k = (t, u) => t.name.localeCompare(u.name, F, {
       sensitivity: "base",
       ignorePunctuation: !0
-    }), j = [...e].sort(k);
+    }), j = [...o].sort(k);
     let P;
     const O = [], y = [], g = [];
     for (const t of j)
@@ -110,9 +110,9 @@ const D = (e) => e === "Organization" ? "company" : "person", st = ({
     };
     return [A, M, H];
   }, [
-    e,
-    v,
     o,
+    v,
+    e,
     c,
     d,
     r,
@@ -120,7 +120,7 @@ const D = (e) => e === "Organization" ? "company" : "person", st = ({
     a,
     f
   ]);
-  return d || !e || !p ? {
+  return d || !o || !p ? {
     accountMenu: {
       items: [],
       groups: {},
@@ -142,9 +142,9 @@ const D = (e) => e === "Organization" ? "company" : "person", st = ({
     showDeletedUnits: f,
     onShowDeletedUnitsChange: n
   };
-}, h = (e, o, c, v, d, b, I, r, i) => {
-  const f = D(o?.type ?? ""), n = B(e), a = S({
-    fullName: o?.name,
+}, h = (o, e, c, v, d, b, I, r, i) => {
+  const f = D(e?.type ?? ""), n = B(o), a = S({
+    fullName: e?.name,
     type: f
   }), z = r ? S({
     fullName: r?.name,
@@ -155,33 +155,33 @@ const D = (e) => e === "Organization" ? "company" : "person", st = ({
   const p = f === "company" && r ? "subunit" : f;
   switch (p) {
     case "company":
-      m = `${n.org_no}. ${x(o.organizationNumber)}`;
+      m = `${n.org_no}. ${x(e.organizationNumber)}`;
       break;
     case "person":
-      m = o?.dateOfBirth ? `${n.birthdate}: ${E(o?.dateOfBirth)}` : "";
+      m = e?.dateOfBirth ? `${n.birthdate}: ${E(e?.dateOfBirth)}` : "";
       break;
     case "subunit":
-      m = `↳ ${n.org_no}. ${x(o?.organizationNumber)}, ${n.subunit_of} ${z}`;
+      m = `↳ ${n.org_no}. ${x(e?.organizationNumber)}, ${n.subunit_of} ${z}`;
       break;
     default:
       m = "";
   }
   return {
-    id: o?.partyUuid,
+    id: e?.partyUuid,
     icon: {
       name: a,
       type: f,
       isParent: !r,
-      isDeleted: o?.isDeleted
+      isDeleted: e?.isDeleted
     },
     name: a,
     description: m,
-    searchWords: p === "company" ? [a, o?.organizationNumber ?? ""] : [a, o?.dateOfBirth ?? ""],
+    searchWords: p === "person" ? [a, e?.dateOfBirth ?? ""] : [a, e?.organizationNumber ?? ""],
     groupId: c,
     type: p,
-    selected: v === o?.partyUuid,
-    disabled: !!o?.onlyHierarchyElementWithNoAccess,
-    badge: i ? { label: n.you, color: "person" } : o.isDeleted && I ? { label: n.deleted, color: "neutral" } : void 0,
+    selected: v === e?.partyUuid,
+    disabled: !!e?.onlyHierarchyElementWithNoAccess,
+    badge: i ? { label: n.you, color: "person" } : e.isDeleted && I ? { label: n.deleted, color: "neutral" } : void 0,
     controls: !i && /* @__PURE__ */ U(
       G,
       {
@@ -189,15 +189,15 @@ const D = (e) => e === "Organization" ? "company" : "person", st = ({
         variant: "ghost",
         "aria-label": d ? n.remove_from_favorites : n.add_to_favorites,
         onClick: (s) => {
-          b && (s.stopPropagation(), b(o?.partyUuid));
+          b && (s.stopPropagation(), b(e?.partyUuid));
         },
         size: "xs",
         children: d ? /* @__PURE__ */ U(R, {}) : /* @__PURE__ */ U(Y, {})
       }
     )
   };
-}, q = (e) => e === "Organization", w = (e) => e === "Person" || e === "SelfIdentified", B = (e) => {
-  switch (e) {
+}, q = (o) => o === "Organization", w = (o) => o === "Person" || o === "SelfIdentified", B = (o) => {
+  switch (o) {
     case "nn":
       return {
         account_orgs: "Virksemder",

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/Settings/VerifySettingsModal.stories.d.ts

@@ -5,10 +5,13 @@ declare const meta: {
     parameters: {};
     args: {
         open: true;
-        onClose: () => void;
     };
 };
 export default meta;
-export declare const Verified: () => import("react/jsx-runtime").JSX.Element;
-export declare const Unverified: () => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileReadOnly: () => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileInput: () => import("react/jsx-runtime").JSX.Element;
+export declare const ProfileSelect: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountVerified: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountNewEmail: () => import("react/jsx-runtime").JSX.Element;
+export declare const AccountNewEmailAndSms: () => import("react/jsx-runtime").JSX.Element;
 export declare const VerificationCodeSent: () => import("react/jsx-runtime").JSX.Element;

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.23",
+  "version": "0.56.25",
   "main": "dist/index.js",
   "files": [
     "dist/",