@altinn/altinn-components 0.46.2 → 0.46.4

package/dist/assets/SearchbarBase.css

@@ -1 +1 @@
-._searchbar_13e7s_1{position:relative}._searchbar_13e7s_1[data-autocomplete=true][aria-expanded=true] input{border-bottom-left-radius:0;border-bottom-right-radius:0}._searchbar_13e7s_1 nav{display:none}._searchbarExpanded_13e7s_14 nav{position:absolute;display:block;border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}._searchbarLocal_13e7s_22{width:100%;padding:var(--dsc-spacing-4) 0;z-index:100;margin-bottom:16px}@media (min-width: 1024px){._searchbarLocal_13e7s_22{max-width:320px;margin-right:auto}._searchbarLocal_13e7s_22._searchbarExpanded_13e7s_14{max-width:640px}}
+._searchbar_1sz2n_1{position:relative}._searchbar_1sz2n_1[data-autocomplete=true][aria-expanded=true] input{border-bottom-left-radius:0;border-bottom-right-radius:0}._searchbar_1sz2n_1 nav{display:none}._searchbarExpanded_1sz2n_14 nav{position:absolute;display:block;border-top-left-radius:0;border-top-right-radius:0;margin-top:-2px}._searchbarLocal_1sz2n_22{width:100%;padding:var(--dsc-spacing-4) 0;margin-bottom:16px}._searchbarLocal_1sz2n_22._searchbarExpanded_1sz2n_14{z-index:100}@media (min-width: 1024px){._searchbarLocal_1sz2n_22{max-width:320px;margin-right:auto;z-index:100}._searchbarLocal_1sz2n_22._searchbarExpanded_1sz2n_14{max-width:640px}}

package/dist/components/Searchbar/SearchbarBase.js

@@ -1,7 +1,7 @@
-import { jsx as b } from "react/jsx-runtime";
-import { c as l } from "../../index-L8X2o7IH.js";
-import '../../assets/SearchbarBase.css';const n = "_searchbar_13e7s_1", d = "_searchbarExpanded_13e7s_14", _ = "_searchbarLocal_13e7s_22", a = {
-  searchbar: n,
+import { jsx as n } from "react/jsx-runtime";
+import { c as b } from "../../index-L8X2o7IH.js";
+import '../../assets/SearchbarBase.css';const l = "_searchbar_1sz2n_1", d = "_searchbarExpanded_1sz2n_14", _ = "_searchbarLocal_1sz2n_22", a = {
+  searchbar: l,
   searchbarExpanded: d,
   searchbarLocal: _
 }, m = ({
@@ -12,13 +12,13 @@ import '../../assets/SearchbarBase.css';const n = "_searchbar_13e7s_1", d = "_se
   autocomplete: o = !1,
   useGlobalHeader: t = !1
 }) => {
-  const h = l(
+  const h = b(
     a.searchbar,
     r,
     e && a.searchbarExpanded,
     t && a.searchbarLocal
   );
-  return /* @__PURE__ */ b("div", { className: h, "data-autocomplete": o, onBlurCapture: c, children: s });
+  return /* @__PURE__ */ n("div", { className: h, "data-autocomplete": o, onBlurCapture: c, children: s });
 };
 export {
   m as SearchbarBase

package/dist/components/Settings/BookmarksSettingsItem.js

@@ -1,67 +1,87 @@
-import { jsx as o, jsxs as u } from "react/jsx-runtime";
+import { jsx as r, jsxs as k } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
-import { useState as g } from "react";
-import { Button as x } from "../Button/Button.js";
-import { IconButton as z } from "../Button/IconButton.js";
-import { ButtonGroup as b } from "../Button/ButtonGroup.js";
+import { useState as x } from "react";
+import { Button as S } from "../Button/Button.js";
+import { IconButton as h } from "../Button/IconButton.js";
+import { ButtonGroup as G } from "../Button/ButtonGroup.js";
 import "../RootProvider/RootProvider.js";
-import { QueryLabel as S } from "../Searchbar/QueryLabel.js";
-import { TextField as h } from "../Forms/TextField.js";
+import { QueryLabel as C } from "../Searchbar/QueryLabel.js";
+import { TextField as j } from "../Forms/TextField.js";
 import "../Snackbar/useSnackbar.js";
-import { SettingsItemBase as G } from "./SettingsItemBase.js";
-import { SettingsModal as j } from "./SettingsModal.js";
-import { S as C } from "../../MagnifyingGlass-bwVhw07z.js";
-import { S as M } from "../../Pencil-BVHLEoQy.js";
-const K = ({
+import { SettingsItemBase as M } from "./SettingsItemBase.js";
+import { SettingsModal as T } from "./SettingsModal.js";
+import { S as u } from "../../MagnifyingGlass-bwVhw07z.js";
+import { S as A } from "../../Pencil-BVHLEoQy.js";
+const U = ({
   id: d,
-  icon: n = C,
-  loading: k,
-  title: i,
-  params: m,
-  controls: s,
-  inputValue: a,
-  titleField: r,
-  saveButton: t,
-  removeButton: e,
-  onChange: p,
-  ...I
+  icon: m = u,
+  loading: I,
+  title: a,
+  params: f,
+  controls: p,
+  inputValue: t,
+  titleField: l,
+  saveButton: i,
+  removeButton: o,
+  onChange: c,
+  ...y
 }) => {
-  const [f, l] = g(!1), [v, y] = g("");
-  return /* @__PURE__ */ o(
-    G,
+  const [g, e] = x(!1), [z, b] = x("");
+  return /* @__PURE__ */ r(
+    M,
     {
-      ...I,
+      ...y,
       id: d,
-      expanded: f,
-      icon: n,
-      loading: k,
-      title: i,
-      value: /* @__PURE__ */ o(S, { params: m, size: "xs" }),
-      controls: s || /* @__PURE__ */ o(z, { size: "xs", icon: M, iconAltText: "Edit", variant: "outline", onClick: () => l(!0) }),
+      expanded: g,
+      icon: m,
+      loading: I,
+      title: a,
+      value: /* @__PURE__ */ r(C, { params: f, size: "xs" }),
+      controls: p || /* @__PURE__ */ r(h, { size: "xs", icon: A, iconAltText: "Edit", variant: "outline", onClick: () => e(!0) }),
       linkIcon: !0,
-      children: /* @__PURE__ */ u(j, { icon: n, title: i, open: f, onClose: () => l(!1), children: [
-        /* @__PURE__ */ o(S, { params: m }),
-        /* @__PURE__ */ o(
-          h,
+      children: /* @__PURE__ */ k(T, { icon: m, title: a, open: g, onClose: () => e(!1), children: [
+        /* @__PURE__ */ r(C, { params: f }),
+        /* @__PURE__ */ r(
+          j,
           {
-            ...r,
-            label: (r == null ? void 0 : r.label) || "Gi søket et navn",
+            ...l,
+            label: (l == null ? void 0 : l.label) || "Gi søket et navn",
             size: "sm",
             name: "title",
-            value: typeof a == "string" ? a : v,
-            onChange: (c) => {
-              typeof p == "function" ? p(c) : y(c.target.value);
+            value: typeof t == "string" ? t : z,
+            onChange: (n) => {
+              typeof c == "function" ? c(n) : b(n.target.value);
             }
           }
         ),
-        (t || e) && /* @__PURE__ */ u(b, { size: "md", children: [
-          t && /* @__PURE__ */ o(x, { ...t }),
-          e && /* @__PURE__ */ o(x, { ...e, variant: "outline", color: "danger" })
+        (i || o) && /* @__PURE__ */ k(G, { size: "md", children: [
+          i && /* @__PURE__ */ r(
+            S,
+            {
+              ...i,
+              onClick: (n) => {
+                var s;
+                (s = i.onClick) == null || s.call(i, n), e(!1);
+              }
+            }
+          ),
+          o && /* @__PURE__ */ r(
+            S,
+            {
+              ...o,
+              variant: "outline",
+              color: "danger",
+              onClick: (n) => {
+                var s;
+                (s = o.onClick) == null || s.call(o, n), e(!1);
+              }
+            }
+          )
         ] })
       ] })
     }
   );
 };
 export {
-  K as BookmarksSettingsItem
+  U as BookmarksSettingsItem
 };

package/dist/hooks/useAccountSelector.js

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

package/package.json

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