@altinn/altinn-components 0.52.7 → 0.53.0

package/dist/hooks/useAccountSelector.js

@@ -1,14 +1,14 @@
-import { jsx as w } from "react/jsx-runtime";
+import { jsx as z } from "react/jsx-runtime";
 import { useMemo as G } from "react";
 import "../index-p1eeF8LQ.js";
-import { IconButton as E } from "../components/Button/IconButton.js";
+import { Button as E } from "../components/Button/Button.js";
 import "../components/RootProvider/RootProvider.js";
 import { useIsDesktop as R } from "./useIsDesktop.js";
 import "../components/Snackbar/useSnackbar.js";
-import { formatDisplayName as P } from "../functions/name/name.js";
+import { formatDisplayName as k } from "../functions/name/name.js";
 import { formatDate as W } from "../functions/date/date.js";
 import { S as Y, a as q } from "../HeartFill-CYSrJ_xK.js";
-const k = (e) => e === "Organization" ? "company" : "person", rt = ({
+const N = (e) => e === "Organization" ? "company" : "person", rt = ({
   partyListDTO: e = [],
   favoriteAccountUuids: o,
   currentAccountUuid: u,
@@ -17,17 +17,17 @@ const k = (e) => e === "Organization" ? "company" : "person", rt = ({
   onSelectAccount: p,
   isVirtualized: g = !1,
   onToggleFavorite: r,
-  languageCode: s
+  languageCode: n
 }) => {
-  const i = R(), [c, v, _] = G(() => {
+  const i = R(), [a, v, _] = G(() => {
     if (f || !e || !d)
       return [[], {}, void 0];
-    const n = (t) => o?.includes(t), m = N(s), h = s || "nb", I = (t, a) => t.name.localeCompare(a.name, h, {
+    const s = (t) => o?.includes(t), m = S(n), h = n || "nb", I = (t, c) => t.name.localeCompare(c.name, h, {
       sensitivity: "base",
       ignorePunctuation: !0
-    }), $ = e.find((t) => x(t.type) && t.partyUuid === d), S = [...e].filter((t) => x(t.type) && t.partyUuid !== d).sort(I), O = [...e].filter((t) => J(t.type)).sort(I), D = b(
-      s,
-      $,
+    }), x = e.find((t) => $(t.type) && t.partyUuid === d), O = [...e].filter((t) => $(t.type) && t.partyUuid !== d).sort(I), D = [...e].filter((t) => J(t.type)).sort(I), F = b(
+      n,
+      x,
       "favorites",
       u,
       !1,
@@ -35,45 +35,45 @@ const k = (e) => e === "Organization" ? "company" : "person", rt = ({
       i,
       void 0,
       !0
-    ), y = S?.map(
+    ), y = O?.map(
       (t) => b(
-        s,
+        n,
         t,
         t.partyUuid,
         u,
-        n(t.partyUuid),
+        s(t.partyUuid),
         r,
         i
       )
     ), l = [];
-    for (const t of O) {
-      const a = b(
-        s,
+    for (const t of D) {
+      const c = b(
+        n,
         t,
         t.partyUuid,
         u,
-        n(t.partyUuid),
+        s(t.partyUuid),
         r,
         i
       );
-      if (l.push(a), t.subunits && t.subunits.length > 0) {
-        const M = [...t.subunits].sort(I);
-        for (const z of M) {
-          const V = b(
-            s,
-            z,
+      if (l.push(c), t.subunits && t.subunits.length > 0) {
+        const V = [...t.subunits].sort(I);
+        for (const P of V) {
+          const w = b(
+            n,
+            P,
             t.partyUuid,
             u,
-            n(z.partyUuid),
+            s(P.partyUuid),
             r,
             i,
             t
           );
-          l.push(V);
+          l.push(w);
         }
       }
     }
-    const F = y.reduce((t, a) => (n(a.id) && t.push({ ...a, groupId: "favorites" }), t), []), U = l.reduce((t, a) => (n(a.id) && t.push({ ...a, groupId: "favorites" }), t), []), B = [...F, ...U], A = [D, ...B, ...y, ...l], j = A.find((t) => t?.selected === !0), H = {
+    const U = y.reduce((t, c) => (s(c.id) && t.push({ ...c, groupId: "favorites" }), t), []), B = l.reduce((t, c) => (s(c.id) && t.push({ ...c, groupId: "favorites" }), t), []), j = [...U, ...B], A = [F, ...j, ...y, ...l], H = A.find((t) => t?.selected === !0), M = {
       [l[0]?.groupId || "company"]: {
         title: m.account_orgs,
         divider: !0
@@ -87,7 +87,7 @@ const k = (e) => e === "Organization" ? "company" : "person", rt = ({
         divider: !0
       }
     };
-    return [A, H, j];
+    return [A, M, H];
   }, [
     e,
     d,
@@ -95,7 +95,7 @@ const k = (e) => e === "Organization" ? "company" : "person", rt = ({
     u,
     f,
     r,
-    s,
+    n,
     i
   ]);
   return f || !e || !_ ? {
@@ -110,7 +110,7 @@ const k = (e) => e === "Organization" ? "company" : "person", rt = ({
     loading: f
   } : {
     accountMenu: {
-      items: c,
+      items: a,
       groups: v,
       isVirtualized: g,
       onSelectAccount: p,
@@ -118,29 +118,29 @@ const k = (e) => e === "Organization" ? "company" : "person", rt = ({
     },
     loading: !1
   };
-}, b = (e, o, u, d, f, p, g, r, s) => {
-  const i = k(o?.type ?? ""), c = N(e), v = P({
+}, b = (e, o, u, d, f, p, g, r, n) => {
+  const i = N(o?.type ?? ""), a = S(e), v = k({
     fullName: o?.name,
     type: i
-  }), _ = r ? P({
+  }), _ = r ? k({
     fullName: r?.name,
-    type: k(r?.type ?? ""),
+    type: N(r?.type ?? ""),
     reverseNameOrder: !1
   }) : void 0;
-  let n = "";
+  let s = "";
   const m = i === "company" && r ? "subunit" : i;
   switch (m) {
     case "company":
-      n = `${c.org_no}: ${o.organizationNumber}`;
+      s = `${a.org_no}: ${o.organizationNumber}`;
       break;
     case "person":
-      n = o?.dateOfBirth ? `${c.birthdate}: ${W(o?.dateOfBirth)}` : "";
+      s = o?.dateOfBirth ? `${a.birthdate}: ${W(o?.dateOfBirth)}` : "";
       break;
     case "subunit":
-      n = `↳ ${c.org_no}: ${o?.organizationNumber}, ${c.subunit_of} ${_}`;
+      s = `↳ ${a.org_no}: ${o?.organizationNumber}, ${a.subunit_of} ${_}`;
       break;
     default:
-      n = "";
+      s = "";
   }
   return {
     id: o?.partyUuid,
@@ -151,27 +151,27 @@ const k = (e) => e === "Organization" ? "company" : "person", rt = ({
       isDeleted: o?.isDeleted
     },
     name: v,
-    description: n,
+    description: s,
     groupId: u,
     type: m,
     selected: d === o?.partyUuid,
     disabled: !!o?.onlyHierarchyElementWithNoAccess,
-    badge: s ? { label: c.you, color: "person" } : o.isDeleted && g ? { label: c.deleted, color: "neutral" } : void 0,
-    controls: !s && /* @__PURE__ */ w(
+    badge: n ? { label: a.you, color: "person" } : o.isDeleted && g ? { label: a.deleted, color: "neutral" } : void 0,
+    controls: !n && /* @__PURE__ */ z(
       E,
       {
         rounded: !0,
-        variant: "text",
-        icon: f ? Y : q,
-        iconAltText: f ? c.remove_from_favorites : c.add_to_favorites,
+        variant: "ghost",
+        "aria-label": f ? a.remove_from_favorites : a.add_to_favorites,
         onClick: (h) => {
           p && (h.stopPropagation(), p(o?.partyUuid));
         },
-        size: "xs"
+        size: "xs",
+        children: f ? /* @__PURE__ */ z(Y, {}) : /* @__PURE__ */ z(q, {})
       }
     )
   };
-}, J = (e) => e === "Organization", x = (e) => e === "Person" || e === "SelfIdentified", N = (e) => {
+}, J = (e) => e === "Organization", $ = (e) => e === "Person" || e === "SelfIdentified", S = (e) => {
   switch (e) {
     case "nn":
       return {

package/dist/{index-Dg71_7ad.js → index-DttADHE1.js}

@@ -3,7 +3,7 @@ import { jsx as Oe } from "react/jsx-runtime";
 import { c as Ln } from "./lite-1fxw3LjI.js";
 import * as m from "react";
 import { useLayoutEffect as kn, useEffect as Vn, useRef as yr, createContext as jt, useReducer as Rr, useContext as Ut, forwardRef as Qe, useId as Er, useMemo as Cr, isValidElement as Ir } from "react";
-import { B as _n } from "./button-MzZgmHyA.js";
+import { B as _n } from "./button-BB5sYVKY.js";
 import * as $n from "react-dom";
 import { S as Sr } from "./index-D7FJjvrv.js";
 import { L as Tr } from "./label-xTmTyPhk.js";