@altinn/altinn-components 0.68.10 → 0.68.15

package/dist/hooks/useAccountSelector.js

@@ -1,147 +1,145 @@
 import { jsx as F } from "react/jsx-runtime";
-import { useRef as R, useMemo as h } from "react";
+import { useRef as O, useMemo as v } from "react";
 import "../index-p1eeF8LQ.js";
 import "../tooltip-Caqi75cv.js";
 import "../ToolbarSearch-BWqWKrm-.js";
 import "../components/Typography/Link.js";
-import { Button as q } from "../components/Button/Button.js";
+import { Button as Q } from "../components/Button/Button.js";
 import "react-dom";
-import { useIsDesktop as J } from "./useIsDesktop.js";
+import { useIsDesktop as X } from "./useIsDesktop.js";
 import "../components/GlobalMenu/GlobalMenuBase.js";
 import "../components/Snackbar/useSnackbar.js";
-import { formatDisplayName as j } from "../functions/name/name.js";
-import { formatDate as K } from "../functions/date/date.js";
-import { formatOrgNo as w } from "../functions/orgno/orgno.js";
-import { a as Q, S as X } from "../HeartFill-CbQmSZr5.js";
-const H = (e) => e === "Organization" ? "company" : "person", pt = ({
+import { formatDisplayName as R } from "../functions/name/name.js";
+import { formatDate as Z } from "../functions/date/date.js";
+import { formatOrgNo as H } from "../functions/orgno/orgno.js";
+import { a as C, S as T } from "../HeartFill-CbQmSZr5.js";
+const V = (e) => e === "Organization" ? "company" : "person", W = /* @__PURE__ */ new Map(), E = (e) => {
+  const o = e || "nb";
+  let i = W.get(o);
+  return i || (i = new Intl.Collator(o, { sensitivity: "base", ignorePunctuation: !0 }), W.set(o, i)), i;
+}, _t = ({
   partyListDTO: e = [],
   favoriteAccountUuids: o,
-  currentAccountUuid: f,
-  selfAccountUuid: d,
-  isLoading: m = !1,
+  currentAccountUuid: i,
+  selfAccountUuid: l,
+  isLoading: d = !1,
   onSelectAccount: N,
-  virtualized: p = !1,
-  onToggleFavorite: I,
-  languageCode: s,
-  showDeletedUnits: c,
+  virtualized: m = !1,
+  onToggleFavorite: h,
+  languageCode: n,
+  showDeletedUnits: a,
   onShowDeletedUnitsChange: g
 }) => {
-  const v = J(), u = R(I);
-  u.current = I;
-  const _ = R(f);
-  _.current = f;
-  const y = h(() => {
+  const p = X(), u = O(h);
+  u.current = h;
+  const _ = O(i);
+  _.current = i;
+  const I = v(() => {
     if (!e || e.length === 0) return [];
-    const i = s || "nb", r = (n, l) => n.name.localeCompare(l.name, i, {
-      sensitivity: "base",
-      ignorePunctuation: !0
-    });
-    return [...e].sort(r);
-  }, [e, s]), $ = h(
-    () => e.some((i) => i.isDeleted || i.subunits?.some((r) => r.isDeleted)),
+    const r = E(n);
+    return [...e].sort((s, c) => r.compare(s.name, c.name));
+  }, [e, n]), D = v(
+    () => e.some((r) => r.isDeleted || r.subunits?.some((s) => s.isDeleted)),
     [e]
-  ), V = h(
-    () => e.reduce((i, r) => i + 1 + (r.subunits?.length ?? 0), 0),
+  ), K = v(
+    () => e.reduce((r, s) => r + 1 + (s.subunits?.length ?? 0), 0),
     [e]
-  ), [D, W] = h(() => {
-    if (m || !y.length || !d)
+  ), P = o?.join(",") ?? "", B = v(() => new Set(P ? P.split(",") : []), [P]), [w, Y] = v(() => {
+    if (d || !I.length || !l)
       return [
         { selfAccountItem: void 0, peopleAccountItems: [], organizationAccountItems: [], favoriteAccountItems: [] },
         {}
       ];
-    const i = new Set(o), r = (t) => i.has(t), n = (t) => !t.isDeleted || c !== !1 || t.partyUuid === _.current, l = M(s), A = s || "nb", G = (t, a) => t.name.localeCompare(a.name, A, {
-      sensitivity: "base",
-      ignorePunctuation: !0
-    });
-    let x;
-    const k = [], U = [], S = [];
-    for (const t of y)
-      if (T(t.type)) {
-        if (t.partyUuid === d)
-          x = z(
-            s,
+    const r = (t) => B.has(t), s = (t) => !t.isDeleted || a !== !1 || t.partyUuid === _.current, c = G(n), y = E(n), A = (t, f) => y.compare(t.name, f.name);
+    let j;
+    const $ = [], U = [], S = [];
+    for (const t of I)
+      if (et(t.type)) {
+        if (t.partyUuid === l)
+          j = z(
+            n,
             t,
             "favorites",
             !1,
             u,
-            v,
+            p,
             void 0,
             !0
           );
-        else if (n(t) || r(t.partyUuid)) {
-          const a = z(
-            s,
+        else if (s(t) || r(t.partyUuid)) {
+          const f = z(
+            n,
             t,
             t.partyUuid,
             r(t.partyUuid),
             u,
-            v
+            p
           );
-          k.push(a), r(t.partyUuid) && S.push({ ...a, groupId: "favorites" });
+          $.push(f), r(t.partyUuid) && S.push({ ...f, groupId: "favorites" });
         }
-      } else if (C(t.type)) {
-        if (n(t) || r(t.partyUuid)) {
-          const a = z(
-            s,
+      } else if (tt(t.type)) {
+        if (s(t) || r(t.partyUuid)) {
+          const f = z(
+            n,
             t,
             t.partyUuid,
             r(t.partyUuid),
             u,
-            v
+            p
           );
-          n(t) && U.push(a), r(t.partyUuid) && S.push({ ...a, groupId: "favorites" });
+          s(t) && U.push(f), r(t.partyUuid) && S.push({ ...f, groupId: "favorites" });
         }
         if (t.subunits && t.subunits.length > 0) {
-          const a = [...t.subunits].sort(G);
-          for (const b of a)
-            if (n(b) || r(b.partyUuid)) {
-              const O = z(
-                s,
+          const f = [...t.subunits].sort(A);
+          for (const b of f)
+            if (s(b) || r(b.partyUuid)) {
+              const M = z(
+                n,
                 b,
                 t.partyUuid,
                 r(b.partyUuid),
                 u,
-                v,
+                p,
                 t
               );
-              n(b) && U.push(O), r(b.partyUuid) && S.push({
-                ...O,
+              s(b) && U.push(M), r(b.partyUuid) && S.push({
+                ...M,
                 groupId: "favorites"
               });
             }
         }
       }
-    const Y = {
+    const J = {
       [U[0]?.groupId || "company"]: {
-        title: l.account_orgs,
+        title: c.account_orgs,
         divider: !0
       },
-      [k[0]?.groupId || "person"]: {
-        title: l.account_persons,
+      [$[0]?.groupId || "person"]: {
+        title: c.account_persons,
         divider: !0
       },
       favorites: {
-        title: l.account_favorites,
+        title: c.account_favorites,
         divider: !0
       }
     };
-    return [{ selfAccountItem: x, peopleAccountItems: k, organizationAccountItems: U, favoriteAccountItems: S }, Y];
-  }, [y, d, o, m, s, v, c]), P = h(() => {
-    const { selfAccountItem: i, peopleAccountItems: r, organizationAccountItems: n, favoriteAccountItems: l } = D;
-    return i ? [i, ...l, ...r, ...n] : [];
-  }, [D]), [E, B] = h(() => {
-    if (P.length === 0)
+    return [{ selfAccountItem: j, peopleAccountItems: $, organizationAccountItems: U, favoriteAccountItems: S }, J];
+  }, [I, l, B, d, n, p, a]), k = v(() => {
+    const { selfAccountItem: r, peopleAccountItems: s, organizationAccountItems: c, favoriteAccountItems: y } = w;
+    return r ? [r, ...y, ...s, ...c] : [];
+  }, [w]), [q, x] = v(() => {
+    if (k.length === 0)
       return [[], void 0];
-    let i;
-    return [P.map((n) => {
-      if (f === n.id) {
-        const A = { ...n, selected: !0 };
-        return i = A, A;
+    let r;
+    return [k.map((c) => {
+      if (i === c.id) {
+        const A = { ...c, selected: !0 };
+        return r = A, A;
       }
-      return n.selected ? { ...n, selected: !1 } : n;
-    }), i];
-  }, [P, f]);
-  return m || !e || !B ? {
+      return c.selected ? { ...c, selected: !1 } : c;
+    }), r];
+  }, [k, i]);
+  return d || !e || !x ? {
     accountMenu: {
       items: [],
       groups: {},
@@ -150,89 +148,89 @@ const H = (e) => e === "Organization" ? "company" : "person", pt = ({
       },
       currentAccount: void 0
     },
-    loading: m
+    loading: d
   } : {
     accountMenu: {
-      items: E,
-      groups: W,
-      virtualized: p,
+      items: q,
+      groups: Y,
+      virtualized: m,
       onSelectAccount: N,
-      currentAccount: B
+      currentAccount: x
     },
     loading: !1,
-    showDeletedUnits: $ ? c : void 0,
-    onShowDeletedUnitsChange: $ ? g : void 0,
-    accountCount: V
+    showDeletedUnits: D ? a : void 0,
+    onShowDeletedUnitsChange: D ? g : void 0,
+    accountCount: K
   };
-}, Z = ({
+}, L = ({
   partyUuid: e,
   isFavorite: o,
-  toggleFavoriteRef: f,
-  texts: d
+  toggleFavoriteRef: i,
+  texts: l
 }) => /* @__PURE__ */ F(
-  q,
+  Q,
   {
     rounded: !0,
     variant: "ghost",
-    "aria-label": o ? d.remove_from_favorites : d.add_to_favorites,
-    onClick: (m) => {
-      m.stopPropagation(), f?.current?.(e);
+    "aria-label": o ? l.remove_from_favorites : l.add_to_favorites,
+    onClick: (d) => {
+      d.stopPropagation(), i?.current?.(e);
     },
     size: "xs",
-    children: o ? /* @__PURE__ */ F(Q, {}) : /* @__PURE__ */ F(X, {})
+    children: o ? /* @__PURE__ */ F(C, {}) : /* @__PURE__ */ F(T, {})
   }
-), z = (e, o, f, d, m, N, p, I) => {
-  const s = H(o?.type ?? ""), c = M(e), g = j({
+), z = (e, o, i, l, d, N, m, h) => {
+  const n = V(o?.type ?? ""), a = G(e), g = R({
     fullName: o?.name,
-    type: s
-  }), v = p ? j({
-    fullName: p?.name,
-    type: H(p?.type ?? ""),
+    type: n
+  }), p = m ? R({
+    fullName: m?.name,
+    type: V(m?.type ?? ""),
     reverseNameOrder: !1
   }) : void 0;
   let u = "";
-  const _ = s === "company" && p ? "subunit" : s;
+  const _ = n === "company" && m ? "subunit" : n;
   switch (_) {
     case "company":
-      u = `${c.org_no}. ${w(o.organizationNumber)}`;
+      u = `${a.org_no}. ${H(o.organizationNumber)}`;
       break;
     case "person":
-      u = o?.dateOfBirth ? `${c.birthdate}: ${K(o?.dateOfBirth)}` : "";
+      u = o?.dateOfBirth ? `${a.birthdate}: ${Z(o?.dateOfBirth)}` : "";
       break;
     case "subunit":
-      u = `↳ ${c.org_no}. ${w(o?.organizationNumber)}, ${c.subunit_of} ${v}`;
+      u = `↳ ${a.org_no}. ${H(o?.organizationNumber)}, ${a.subunit_of} ${p}`;
       break;
     default:
       u = "";
   }
-  const y = I ? void 0 : /* @__PURE__ */ F(
-    Z,
+  const I = h ? void 0 : /* @__PURE__ */ F(
+    L,
     {
       partyUuid: o?.partyUuid,
-      isFavorite: d,
-      toggleFavoriteRef: m,
-      texts: c
+      isFavorite: l,
+      toggleFavoriteRef: d,
+      texts: a
     }
   );
   return {
     id: o?.partyUuid,
     icon: {
       name: g,
-      type: s,
-      isParent: !p,
+      type: n,
+      isParent: !m,
       isDeleted: o?.isDeleted
     },
     name: g,
     description: u,
     searchWords: _ === "person" ? [g, o?.dateOfBirth ?? ""] : [g, o?.organizationNumber ?? ""],
-    groupId: f,
+    groupId: i,
     type: _,
     selected: !1,
     disabled: !!o?.onlyHierarchyElementWithNoAccess,
-    badge: I ? { label: c.you, color: "person" } : o.isDeleted && N ? { label: c.deleted, color: "neutral" } : void 0,
-    controls: y
+    badge: h ? { label: a.you, color: "person" } : o.isDeleted && N ? { label: a.deleted, color: "neutral" } : void 0,
+    controls: I
   };
-}, C = (e) => e === "Organization", T = (e) => e === "Person" || e === "SelfIdentified", M = (e) => {
+}, tt = (e) => e === "Organization", et = (e) => e === "Person" || e === "SelfIdentified", G = (e) => {
   switch (e) {
     case "nn":
       return {
@@ -276,5 +274,5 @@ const H = (e) => e === "Organization" ? "company" : "person", pt = ({
   }
 };
 export {
-  pt as useAccountSelector
+  _t as useAccountSelector
 };

package/dist/types/lib/hooks/useAccountSelector.d.ts

@@ -32,7 +32,11 @@ export interface AuthorizedParty {
 export interface useAccountSelectorProps {
     /** UUID of the user's own personal account */
     selfAccountUuid?: string;
-    /** Array of authorized parties that the user can act on behalf of */
+    /**
+     * Array of authorized parties that the user can act on behalf of.
+     * Pass a referentially stable array: a fresh reference on every render
+     * forces the full list to be re-sorted and rebuilt.
+     */
     partyListDTO?: AuthorizedParty[];
     /** Array of parties (defined by their partyUUIDs) marked as favorites by the user */
     favoriteAccountUuids?: string[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.68.10",
+  "version": "0.68.15",
   "main": "dist/index.js",
   "files": [
     "dist/",
@@ -45,7 +45,7 @@
     "@types/react": "^19.1.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^3.11.0",
-    "@vitest/browser": "4.0.16",
+    "@vitest/browser": "4.1.8",
     "@vitest/browser-playwright": "4.0.16",
     "@vitest/coverage-v8": "^4.1.3",
     "axe-core": "^4.10.3",
@@ -61,7 +61,7 @@
     "storybook-addon-theme-provider": "^0.2.10",
     "tsx": "^4.21.0",
     "typescript": "^5.8.3",
-    "vite": "7.3.2",
+    "vite": "7.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-static-copy": "^2.3.2",