@altinn/altinn-components 0.53.0 → 0.53.1

package/dist/hooks/useAccountSelector.js

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

package/dist/index.js

@@ -217,10 +217,10 @@ import { useAccountSelector as Dx } from "./hooks/useAccountSelector.js";
 import { formatDisplayName as Lx } from "./functions/name/name.js";
 import { formatDate as Sx } from "./functions/date/date.js";
 import { A as Ax } from "./alert-BzifOfXl.js";
-import { B as yx, C as Tx, a as hx, b as kx, D as Cx, L as Hx, c as Fx, d as Px, P as vx, e as wx, f as Gx, S as Ox, g as Ex, T as Nx, u as Rx } from "./textfield-C_c2H05R.js";
-import { B as zx, S as Qx } from "./button-BB5sYVKY.js";
-import { D as _x } from "./index-Q0EA2XB0.js";
-import { H as jx } from "./heading-C_XYsUfi.js";
+import { B as yx, C as Tx, a as hx, b as kx, D as Cx, L as Hx, c as Fx, d as Px, P as vx, e as wx, S as Gx, f as Ox, T as Ex, u as Nx } from "./textfield-DAuYWtUj.js";
+import { B as Ux, S as zx } from "./button-BB5sYVKY.js";
+import { H as Vx, S as _x } from "./switch-Cemfhx0H.js";
+import { D as jx } from "./index-Q0EA2XB0.js";
 import { P as Jx } from "./paragraph-BRiIBpbY.js";
 import { S as Xx } from "./index-DttADHE1.js";
 import { V as Zx } from "./index-z82sbSVU.js";
@@ -309,13 +309,13 @@ export {
   Yo as DropdownBase,
   Ax as DsAlert,
   yx as DsBadge,
-  zx as DsButton,
+  Ux as DsButton,
   Tx as DsCheckbox,
   hx as DsChip,
   kx as DsCombobox,
-  _x as DsDetails,
+  jx as DsDetails,
   Cx as DsDialog,
-  jx as DsHeading,
+  Vx as DsHeading,
   Hx as DsLink,
   Fx as DsListItem,
   Px as DsListUnordered,
@@ -324,10 +324,10 @@ export {
   wx as DsPopover,
   Xx as DsSearch,
   Gx as DsSkeleton,
-  Qx as DsSpinner,
-  Ox as DsSwitch,
-  Ex as DsTabs,
-  Nx as DsTextfield,
+  zx as DsSpinner,
+  _x as DsSwitch,
+  Ox as DsTabs,
+  Ex as DsTextfield,
   Zx as DsValidationMessage,
   Ar as EndUserLabel,
   vp as Field,
@@ -477,7 +477,7 @@ export {
   jr as isIconProps,
   Dx as useAccountSelector,
   nx as useClickOutside,
-  Rx as useDsPagination,
+  Nx as useDsPagination,
   lx as useEscapeKey,
   dx as useMenu,
   wt as useRootContext,

package/dist/switch-Cemfhx0H.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { S as p } from "./index-D7FJjvrv.js";
+import { c as h } from "./lite-1fxw3LjI.js";
+import { forwardRef as n } from "react";
+import { F as u } from "./index-z82sbSVU.js";
+import { I as g } from "./input-wBv_FkEV.js";
+import { L as w } from "./label-xTmTyPhk.js";
+const F = n(function({ level: e = 2, className: a, asChild: i, ...t }, o) {
+  const s = i ? p : `h${e}`;
+  return r(s, { className: h("ds-heading", a), ref: o, ...t });
+}), I = n(function({ "data-size": e, children: a, className: i, description: t, label: o, position: s, style: m, ...d }, f) {
+  return l(u, { className: i, "data-position": s, "data-size": e, style: m, children: [r(g, { type: "checkbox", role: "switch", ref: f, ...d }), !!o && r(w, { weight: "regular", children: o }), !!t && r("div", { "data-field": "description", children: t })] });
+});
+export {
+  F as H,
+  I as S
+};