@altinn/altinn-components 0.54.0 → 0.54.1

package/dist/components/GlobalHeader/AccountSelector.js

@@ -1,17 +1,17 @@
 "use client";
-import { jsx as o, jsxs as b } from "react/jsx-runtime";
-import { c as y } from "../../index-p1eeF8LQ.js";
-import u, { forwardRef as I, useState as j, useEffect as x } from "react";
-import { useIsDesktop as N } from "../../hooks/useIsDesktop.js";
-import { AccountMenu as q } from "../Account/AccountMenu.js";
-import { Button as R } from "../Button/Button.js";
-import { useRootContext as L } from "../RootProvider/RootProvider.js";
+import { jsx as a, jsxs as m, Fragment as y } from "react/jsx-runtime";
+import { c as j } from "../../index-p1eeF8LQ.js";
+import u, { forwardRef as O, useState as x, useEffect as I } from "react";
+import { useIsDesktop as q } from "../../hooks/useIsDesktop.js";
+import { AccountMenu as R } from "../Account/AccountMenu.js";
+import { Button as L } from "../Button/Button.js";
+import { useRootContext as A } from "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { SearchField as A } from "../Forms/SearchField.js";
-import { S as P } from "../../button-BB5sYVKY.js";
-import { H as V, S as H } from "../../switch-Cemfhx0H.js";
-import { u as O } from "../../useId-BVFxCjkq.js";
-import '../../assets/AccountSelector.css';var T = function(e, l) {
+import { SearchField as P } from "../Forms/SearchField.js";
+import { S as V } from "../../button-BB5sYVKY.js";
+import { H, S as T } from "../../switch-Cemfhx0H.js";
+import { u as z } from "../../useId-BVFxCjkq.js";
+import '../../assets/AccountSelector.css';var B = function(e, l) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -19,9 +19,9 @@ import '../../assets/AccountSelector.css';var T = function(e, l) {
       l.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const B = I((e, l) => {
-  var { title: n, titleId: t } = e, r = T(e, ["title", "titleId"]);
-  let i = O();
+const $ = O((e, l) => {
+  var { title: n, titleId: t } = e, r = B(e, ["title", "titleId"]);
+  let i = z();
   return i = n ? t || "title-" + i : void 0, u.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, r),
@@ -29,7 +29,7 @@ const B = I((e, l) => {
     u.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m4.03 9.28-3.5 3.5a.75.75 0 0 1-1.06 0l-3.5-3.5a.75.75 0 0 1 .53-1.28h7a.75.75 0 0 1 .53 1.28m-2.34.22h-3.38L12 13.44z", clipRule: "evenodd" })
   );
 });
-var $ = function(e, l) {
+var D = function(e, l) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && l.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -37,26 +37,26 @@ var $ = function(e, l) {
       l.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const D = I((e, l) => {
-  var { title: n, titleId: t } = e, r = $(e, ["title", "titleId"]);
-  let i = O();
+const K = O((e, l) => {
+  var { title: n, titleId: t } = e, r = D(e, ["title", "titleId"]);
+  let i = z();
   return i = n ? t || "title-" + i : void 0, u.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, r),
     n ? u.createElement("title", { id: i }, n) : null,
     u.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25m.53 6.72a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 .53 1.28h7a.75.75 0 0 0 .53-1.28zM12 10.56l1.69 1.69h-3.38z", clipRule: "evenodd" })
   );
-}), K = "_accountSelector_qwjt5_1", W = "_heading_qwjt5_11", G = "_searchSection_qwjt5_17", J = "_searchField_qwjt5_25", Q = "_accountMenu_qwjt5_29", U = "_fullScreen_qwjt5_37", X = "_virtualized_qwjt5_41", Y = "_btnIcon_qwjt5_45", Z = "_spinner_qwjt5_49", c = {
-  accountSelector: K,
-  heading: W,
-  searchSection: G,
-  searchField: J,
-  accountMenu: Q,
-  fullScreen: U,
-  virtualized: X,
-  btnIcon: Y,
-  spinner: Z
-}, he = ({
+}), W = "_accountSelector_qwjt5_1", G = "_heading_qwjt5_11", J = "_searchSection_qwjt5_17", Q = "_searchField_qwjt5_25", U = "_accountMenu_qwjt5_29", X = "_fullScreen_qwjt5_37", Y = "_virtualized_qwjt5_41", Z = "_btnIcon_qwjt5_45", ee = "_spinner_qwjt5_49", c = {
+  accountSelector: W,
+  heading: G,
+  searchSection: J,
+  searchField: Q,
+  accountMenu: U,
+  fullScreen: X,
+  virtualized: Y,
+  btnIcon: Z,
+  spinner: ee
+}, pe = ({
   accountMenu: e,
   forceOpenFullScreen: l,
   className: n,
@@ -64,76 +64,74 @@ const D = I((e, l) => {
   showDeletedUnits: r,
   onShowDeletedUnitsChange: i
 }) => {
-  const { currentId: m, openId: d, closeAll: p, languageCode: g } = L(), h = N(), a = m === "accountFullscreen", [v, S] = j(""), [f, w] = j(l);
-  x(() => {
-    !l && f && a && p(), w(l);
-  }, [l]), x(() => {
-    (f === !0 && !a || !h && m === "account") && d("accountFullscreen");
-  }, [f, a, h, m, d]);
-  const { minimize: z, fullscreen: k, searchText: _, heading: C, switchLabel: E } = ee(g), F = () => {
-    d(a ? "account" : "accountFullscreen");
-  }, M = (s) => {
-    e.onSelectAccount?.(s), p(), w(!1);
+  const { currentId: h, openId: d, closeAll: g, languageCode: v } = A(), p = q(), o = h === "accountFullscreen", [S, w] = x(""), [f, _] = x(l);
+  I(() => {
+    !l && f && o && g(), _(l);
+  }, [l]), I(() => {
+    (f === !0 && !o || !p && h === "account") && d("accountFullscreen");
+  }, [f, o, p, h, d]);
+  const { minimize: k, fullscreen: C, searchText: b, heading: E, switchLabel: F } = te(v), M = () => {
+    d(o ? "account" : "accountFullscreen");
+  }, N = (s) => {
+    e.onSelectAccount?.(s), g(), _(!1);
   };
-  return t ? /* @__PURE__ */ o(P, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ b("div", { className: y(n, c.accountSelector), children: [
-    /* @__PURE__ */ o(V, { "data-size": "sm", level: 2, className: c.heading, children: C }),
-    /* @__PURE__ */ b("div", { className: c.searchSection, children: [
-      /* @__PURE__ */ o(
-        A,
+  return t ? /* @__PURE__ */ a(V, { "aria-hidden": !0, "data-color": "neutral", className: c.spinner }) : /* @__PURE__ */ m("div", { className: j(n, c.accountSelector), children: [
+    /* @__PURE__ */ a(H, { "data-size": "sm", level: 2, className: c.heading, children: E }),
+    /* @__PURE__ */ m("div", { className: c.searchSection, children: [
+      /* @__PURE__ */ a(
+        P,
         {
-          name: _,
-          placeholder: _,
-          value: v,
-          onChange: (s) => S(s.target.value),
-          onClear: () => S(""),
+          name: b,
+          placeholder: b,
+          value: S,
+          onChange: (s) => w(s.target.value),
+          onClear: () => w(""),
           className: c.searchField
         }
       ),
-      r !== void 0 && /* @__PURE__ */ o(
-        H,
+      r !== void 0 && /* @__PURE__ */ a(
+        T,
         {
           checked: r,
           onChange: (s) => i?.(s.target.checked),
-          label: E
+          label: F
         }
       )
     ] }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       "div",
       {
-        className: y(
+        className: j(
           c.accountMenu,
-          a && c.fullScreen,
+          o && c.fullScreen,
           e.isVirtualized && c.virtualized
         ),
-        children: /* @__PURE__ */ o(
-          q,
+        children: /* @__PURE__ */ a(
+          R,
           {
             ...e,
-            onSelectAccount: M,
+            onSelectAccount: N,
             keyboardEvents: !1,
             search: {
               hidden: !0,
               name: "",
-              value: v,
-              getResultsLabel: (s) => te(s, g)
+              value: S,
+              getResultsLabel: (s) => ne(s, v)
             },
-            scrollRefStyles: !a && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
+            scrollRefStyles: !o && e.isVirtualized ? { maxHeight: "calc(40vh)" } : void 0
           }
         )
       }
     ),
-    f !== !0 && h && /* @__PURE__ */ o(
-      R,
-      {
-        icon: a ? /* @__PURE__ */ o(D, { className: c.btnIcon, "aria-hidden": "true" }) : /* @__PURE__ */ o(B, { className: c.btnIcon, "aria-hidden": "true" }),
-        variant: "ghost",
-        onClick: F,
-        children: a ? z : k
-      }
-    )
+    f !== !0 && p && /* @__PURE__ */ a(L, { variant: "ghost", onClick: M, children: o ? /* @__PURE__ */ m(y, { children: [
+      /* @__PURE__ */ a(K, { className: c.btnIcon, "aria-hidden": "true" }),
+      k
+    ] }) : /* @__PURE__ */ m(y, { children: [
+      /* @__PURE__ */ a($, { className: c.btnIcon, "aria-hidden": "true" }),
+      C
+    ] }) })
   ] });
-}, ee = (e) => {
+}, te = (e) => {
   switch (e) {
     case "nn":
       return {
@@ -160,10 +158,10 @@ const D = I((e, l) => {
         switchLabel: "Vis slettede"
       };
   }
-}, te = (e, l) => {
+}, ne = (e, l) => {
   const n = l === "nb" || l === "nn";
   return e === 0 ? n ? "Ingen treff" : "No hits" : n ? `${e} treff` : e === 1 ? "1 hit" : `${e} hits`;
 };
 export {
-  he as AccountSelector
+  pe as AccountSelector
 };

package/dist/hooks/useAccountSelector.js

@@ -1,4 +1,4 @@
-import { jsx as k } from "react/jsx-runtime";
+import { jsx as A } from "react/jsx-runtime";
 import { useMemo as H } from "react";
 import "../index-p1eeF8LQ.js";
 import { Button as M } from "../components/Button/Button.js";
@@ -11,36 +11,36 @@ 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: f,
+  currentAccountUuid: u,
   selfAccountUuid: l,
   isLoading: d = !1,
   onSelectAccount: b,
   isVirtualized: I = !1,
   onToggleFavorite: r,
   languageCode: i,
-  showDeletedUnits: u,
+  showDeletedUnits: c,
   onShowDeletedUnitsChange: n
 }) => {
-  const c = G(), [P, m, v] = H(() => {
+  const f = G(), [P, m, v] = H(() => {
     if (d || !e || !l)
       return [[], {}, void 0];
-    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, {
+    const s = (t) => o?.includes(t), _ = (t) => !t.isDeleted || c !== !1 || t.partyUuid === u, z = D(i), F = i || "nb", N = (t, a) => t.name.localeCompare(a.name, F, {
       sensitivity: "base",
       ignorePunctuation: !0
     }), B = [...e].sort(N);
-    let A;
-    const U = [], y = [], g = [];
+    let U;
+    const k = [], y = [], g = [];
     for (const t of B)
       if (q(t.type)) {
         if (t.partyUuid === l)
-          A = h(
+          U = h(
             i,
             t,
             "favorites",
-            f,
+            u,
             !1,
             r,
-            c,
+            f,
             void 0,
             !0
           );
@@ -49,12 +49,12 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
             i,
             t,
             t.partyUuid,
-            f,
+            u,
             s(t.partyUuid),
             r,
-            c
+            f
           );
-          U.push(a), s(t.partyUuid) && g.push({ ...a, groupId: "favorites" });
+          k.push(a), s(t.partyUuid) && g.push({ ...a, groupId: "favorites" });
         }
       } else if (Y(t.type)) {
         if (_(t) || s(t.partyUuid)) {
@@ -62,10 +62,10 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
             i,
             t,
             t.partyUuid,
-            f,
+            u,
             s(t.partyUuid),
             r,
-            c
+            f
           );
           _(t) && y.push(a), s(t.partyUuid) && g.push({ ...a, groupId: "favorites" });
         }
@@ -77,10 +77,10 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
                 i,
                 p,
                 t.partyUuid,
-                f,
+                u,
                 s(p.partyUuid),
                 r,
-                c,
+                f,
                 t
               );
               _(p) && y.push(O), s(p.partyUuid) && g.push({
@@ -90,14 +90,14 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
             }
         }
       }
-    if (A === void 0)
+    if (U === void 0)
       return [[], {}, void 0];
-    const $ = [A, ...g, ...U, ...y], V = $.find((t) => t?.selected === !0), j = {
+    const $ = [U, ...g, ...k, ...y], V = $.find((t) => t?.selected === !0), j = {
       [y[0]?.groupId || "company"]: {
         title: z.account_orgs,
         divider: !0
       },
-      [U[0]?.groupId || "person"]: {
+      [k[0]?.groupId || "person"]: {
         title: z.account_persons,
         divider: !0
       },
@@ -111,12 +111,12 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
     e,
     l,
     o,
-    f,
+    u,
     d,
     r,
     i,
-    c,
-    u
+    f,
+    c
   ]);
   return d || !e || !v ? {
     accountMenu: {
@@ -137,20 +137,20 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
       currentAccount: v
     },
     loading: !1,
-    showDeletedUnits: u,
+    showDeletedUnits: c,
     onShowDeletedUnitsChange: n
   };
-}, h = (e, o, f, l, d, b, I, r, i) => {
-  const u = x(o?.type ?? ""), n = D(e), c = S({
+}, h = (e, o, u, l, d, b, I, r, i) => {
+  const c = x(o?.type ?? ""), n = D(e), f = S({
     fullName: o?.name,
-    type: u
+    type: c
   }), P = r ? S({
     fullName: r?.name,
     type: x(r?.type ?? ""),
     reverseNameOrder: !1
   }) : void 0;
   let m = "";
-  const v = u === "company" && r ? "subunit" : u;
+  const v = c === "company" && r ? "subunit" : c;
   switch (v) {
     case "company":
       m = `${n.org_no}. ${o.organizationNumber}`;
@@ -167,19 +167,19 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
   return {
     id: o?.partyUuid,
     icon: {
-      name: c,
-      type: u,
+      name: f,
+      type: c,
       isParent: !r,
       isDeleted: o?.isDeleted
     },
-    name: c,
+    name: f,
     description: m,
-    groupId: f,
+    groupId: u,
     type: v,
     selected: l === o?.partyUuid,
     disabled: !!o?.onlyHierarchyElementWithNoAccess,
     badge: i ? { label: n.you, color: "person" } : o.isDeleted && I ? { label: n.deleted, color: "neutral" } : void 0,
-    controls: !i && /* @__PURE__ */ k(
+    controls: !i && /* @__PURE__ */ A(
       M,
       {
         rounded: !0,
@@ -189,7 +189,7 @@ const x = (e) => e === "Organization" ? "company" : "person", et = ({
           b && (s.stopPropagation(), b(o?.partyUuid));
         },
         size: "xs",
-        children: d ? /* @__PURE__ */ k(R, {}) : /* @__PURE__ */ k(W, {})
+        children: d ? /* @__PURE__ */ A(R, {}) : /* @__PURE__ */ A(W, {})
       }
     )
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@altinn/altinn-components",
-  "version": "0.54.0",
+  "version": "0.54.1",
   "main": "dist/index.js",
   "files": [
     "dist/",