@altinn/altinn-components 0.56.32 → 0.56.34

package/dist/hooks/useAccountSelector.js

@@ -1,126 +1,138 @@
-import { jsx as U } from "react/jsx-runtime";
-import { useMemo as V } from "react";
+import { jsx as S } from "react/jsx-runtime";
+import { useRef as x, useMemo as z } from "react";
 import "../index-p1eeF8LQ.js";
+import "../components/RootProvider/RootProvider.js";
 import { Button as G } from "../components/Button/Button.js";
 import "react-dom";
-import "../components/RootProvider/RootProvider.js";
-import { useIsDesktop as W } from "./useIsDesktop.js";
+import { useIsDesktop as Y } from "./useIsDesktop.js";
 import "../components/Snackbar/useSnackbar.js";
-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 = (o) => o === "Organization" ? "company" : "person", st = ({
+import { formatDisplayName as R } from "../functions/name/name.js";
+import { formatDate as q } from "../functions/date/date.js";
+import { formatOrgNo as j } from "../functions/orgno/orgno.js";
+import { S as J, a as K } from "../HeartFill-CYSrJ_xK.js";
+const H = (o) => o === "Organization" ? "company" : "person", ut = ({
   partyListDTO: o = [],
   favoriteAccountUuids: e,
-  currentAccountUuid: c,
-  selfAccountUuid: v,
-  isLoading: d = !1,
-  onSelectAccount: b,
-  virtualized: I = !1,
-  onToggleFavorite: r,
-  languageCode: i,
-  showDeletedUnits: f,
-  onShowDeletedUnitsChange: n
+  currentAccountUuid: f,
+  selfAccountUuid: d,
+  isLoading: m = !1,
+  onSelectAccount: N,
+  virtualized: p = !1,
+  onToggleFavorite: h,
+  languageCode: n,
+  showDeletedUnits: i,
+  onShowDeletedUnitsChange: _
 }) => {
-  const a = W(), [z, m, p] = V(() => {
-    if (d || !o || !v)
-      return [[], {}, void 0];
-    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, {
+  const v = Y(), c = x(h);
+  c.current = h;
+  const g = x(f);
+  g.current = f;
+  const y = z(() => {
+    if (!o || o.length === 0) return [];
+    const a = n || "nb", s = (r, l) => r.name.localeCompare(l.name, a, {
+      sensitivity: "base",
+      ignorePunctuation: !0
+    });
+    return [...o].sort(s);
+  }, [o, n]), [O, V] = z(() => {
+    if (m || !y.length || !d)
+      return [
+        { selfAccountItem: void 0, peopleAccountItems: [], organizationAccountItems: [], favoriteAccountItems: [] },
+        {}
+      ];
+    const a = new Set(e), s = (t) => a.has(t), r = (t) => !t.isDeleted || i !== !1 || t.partyUuid === g.current, l = M(n), I = n || "nb", w = (t, u) => t.name.localeCompare(u.name, I, {
       sensitivity: "base",
       ignorePunctuation: !0
-    }), j = [...o].sort(k);
-    let P;
-    const O = [], y = [], g = [];
-    for (const t of j)
-      if (w(t.type)) {
-        if (t.partyUuid === v)
-          P = h(
-            i,
+    });
+    let B;
+    const k = [], A = [], U = [];
+    for (const t of y)
+      if (X(t.type)) {
+        if (t.partyUuid === d)
+          B = F(
+            n,
             t,
             "favorites",
-            c,
             !1,
-            r,
-            a,
+            c,
+            v,
             void 0,
             !0
           );
-        else if (_(t) || s(t.partyUuid)) {
-          const u = h(
-            i,
+        else if (r(t) || s(t.partyUuid)) {
+          const u = F(
+            n,
             t,
             t.partyUuid,
-            c,
             s(t.partyUuid),
-            r,
-            a
+            c,
+            v
           );
-          O.push(u), s(t.partyUuid) && g.push({ ...u, groupId: "favorites" });
+          k.push(u), s(t.partyUuid) && U.push({ ...u, groupId: "favorites" });
         }
-      } else if (q(t.type)) {
-        if (_(t) || s(t.partyUuid)) {
-          const u = h(
-            i,
+      } else if (T(t.type)) {
+        if (r(t) || s(t.partyUuid)) {
+          const u = F(
+            n,
             t,
             t.partyUuid,
-            c,
             s(t.partyUuid),
-            r,
-            a
+            c,
+            v
           );
-          _(t) && y.push(u), s(t.partyUuid) && g.push({ ...u, groupId: "favorites" });
+          r(t) && A.push(u), s(t.partyUuid) && U.push({ ...u, groupId: "favorites" });
         }
         if (t.subunits && t.subunits.length > 0) {
-          const u = [...t.subunits].sort(k);
-          for (const l of u)
-            if (_(l) || s(l.partyUuid)) {
-              const $ = h(
-                i,
-                l,
+          const u = [...t.subunits].sort(w);
+          for (const b of u)
+            if (r(b) || s(b.partyUuid)) {
+              const D = F(
+                n,
+                b,
                 t.partyUuid,
+                s(b.partyUuid),
                 c,
-                s(l.partyUuid),
-                r,
-                a,
+                v,
                 t
               );
-              _(l) && y.push($), s(l.partyUuid) && g.push({
-                ...$,
+              r(b) && A.push(D), s(b.partyUuid) && U.push({
+                ...D,
                 groupId: "favorites"
               });
             }
         }
       }
-    if (P === void 0)
-      return [[], {}, void 0];
-    const A = [P, ...g, ...O, ...y], H = A.find((t) => t?.selected === !0), M = {
-      [y[0]?.groupId || "company"]: {
-        title: N.account_orgs,
+    const E = {
+      [A[0]?.groupId || "company"]: {
+        title: l.account_orgs,
         divider: !0
       },
-      [O[0]?.groupId || "person"]: {
-        title: N.account_persons,
+      [k[0]?.groupId || "person"]: {
+        title: l.account_persons,
         divider: !0
       },
       favorites: {
-        title: N.account_favorites,
+        title: l.account_favorites,
         divider: !0
       }
     };
-    return [A, M, H];
-  }, [
-    o,
-    v,
-    e,
-    c,
-    d,
-    r,
-    i,
-    a,
-    f
-  ]);
-  return d || !o || !p ? {
+    return [{ selfAccountItem: B, peopleAccountItems: k, organizationAccountItems: A, favoriteAccountItems: U }, E];
+  }, [y, d, e, m, n, v, i]), P = z(() => {
+    const { selfAccountItem: a, peopleAccountItems: s, organizationAccountItems: r, favoriteAccountItems: l } = O;
+    return a ? [a, ...l, ...s, ...r] : [];
+  }, [O]), [W, $] = z(() => {
+    if (P.length === 0)
+      return [[], void 0];
+    let a;
+    return [P.map((r) => {
+      if (f === r.id) {
+        const I = { ...r, selected: !0 };
+        return a = I, I;
+      }
+      return r.selected ? { ...r, selected: !1 } : r;
+    }), a];
+  }, [P, f]);
+  return m || !o || !$ ? {
     accountMenu: {
       items: [],
       groups: {},
@@ -129,74 +141,88 @@ const D = (o) => o === "Organization" ? "company" : "person", st = ({
       },
       currentAccount: void 0
     },
-    loading: d
+    loading: m
   } : {
     accountMenu: {
-      items: z,
-      groups: m,
-      virtualized: I,
-      onSelectAccount: b,
-      currentAccount: p
+      items: W,
+      groups: V,
+      virtualized: p,
+      onSelectAccount: N,
+      currentAccount: $
     },
     loading: !1,
-    showDeletedUnits: f,
-    onShowDeletedUnitsChange: n
+    showDeletedUnits: i,
+    onShowDeletedUnitsChange: _
   };
-}, h = (o, e, c, v, d, b, I, r, i) => {
-  const f = D(e?.type ?? ""), n = B(o), a = S({
+}, Q = ({
+  partyUuid: o,
+  isFavorite: e,
+  toggleFavoriteRef: f,
+  texts: d
+}) => /* @__PURE__ */ S(
+  G,
+  {
+    rounded: !0,
+    variant: "ghost",
+    "aria-label": e ? d.remove_from_favorites : d.add_to_favorites,
+    onClick: (m) => {
+      m.stopPropagation(), f?.current?.(o);
+    },
+    size: "xs",
+    children: e ? /* @__PURE__ */ S(J, {}) : /* @__PURE__ */ S(K, {})
+  }
+), F = (o, e, f, d, m, N, p, h) => {
+  const n = H(e?.type ?? ""), i = M(o), _ = R({
     fullName: e?.name,
-    type: f
-  }), z = r ? S({
-    fullName: r?.name,
-    type: D(r?.type ?? ""),
+    type: n
+  }), v = p ? R({
+    fullName: p?.name,
+    type: H(p?.type ?? ""),
     reverseNameOrder: !1
   }) : void 0;
-  let m = "";
-  const p = f === "company" && r ? "subunit" : f;
-  switch (p) {
+  let c = "";
+  const g = n === "company" && p ? "subunit" : n;
+  switch (g) {
     case "company":
-      m = `${n.org_no}. ${x(e.organizationNumber)}`;
+      c = `${i.org_no}. ${j(e.organizationNumber)}`;
       break;
     case "person":
-      m = e?.dateOfBirth ? `${n.birthdate}: ${E(e?.dateOfBirth)}` : "";
+      c = e?.dateOfBirth ? `${i.birthdate}: ${q(e?.dateOfBirth)}` : "";
       break;
     case "subunit":
-      m = `↳ ${n.org_no}. ${x(e?.organizationNumber)}, ${n.subunit_of} ${z}`;
+      c = `↳ ${i.org_no}. ${j(e?.organizationNumber)}, ${i.subunit_of} ${v}`;
       break;
     default:
-      m = "";
+      c = "";
   }
+  const y = h ? void 0 : /* @__PURE__ */ S(
+    Q,
+    {
+      partyUuid: e?.partyUuid,
+      isFavorite: d,
+      toggleFavoriteRef: m,
+      texts: i
+    }
+  );
   return {
     id: e?.partyUuid,
     icon: {
-      name: a,
-      type: f,
-      isParent: !r,
+      name: _,
+      type: n,
+      isParent: !p,
       isDeleted: e?.isDeleted
     },
-    name: a,
-    description: m,
-    searchWords: p === "person" ? [a, e?.dateOfBirth ?? ""] : [a, e?.organizationNumber ?? ""],
-    groupId: c,
-    type: p,
-    selected: v === e?.partyUuid,
+    name: _,
+    description: c,
+    searchWords: g === "person" ? [_, e?.dateOfBirth ?? ""] : [_, e?.organizationNumber ?? ""],
+    groupId: f,
+    type: g,
+    selected: !1,
     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,
-      {
-        rounded: !0,
-        variant: "ghost",
-        "aria-label": d ? n.remove_from_favorites : n.add_to_favorites,
-        onClick: (s) => {
-          b && (s.stopPropagation(), b(e?.partyUuid));
-        },
-        size: "xs",
-        children: d ? /* @__PURE__ */ U(R, {}) : /* @__PURE__ */ U(Y, {})
-      }
-    )
+    badge: h ? { label: i.you, color: "person" } : e.isDeleted && N ? { label: i.deleted, color: "neutral" } : void 0,
+    controls: y
   };
-}, q = (o) => o === "Organization", w = (o) => o === "Person" || o === "SelfIdentified", B = (o) => {
+}, T = (o) => o === "Organization", X = (o) => o === "Person" || o === "SelfIdentified", M = (o) => {
   switch (o) {
     case "nn":
       return {
@@ -240,5 +266,5 @@ const D = (o) => o === "Organization" ? "company" : "person", st = ({
   }
 };
 export {
-  st as useAccountSelector
+  ut as useAccountSelector
 };