@altinn/altinn-components 0.50.1 → 0.50.3

package/dist/assets/UserListItem.css

@@ -1 +1 @@
-._badges_hp9nk_1{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:start;margin-bottom:auto;margin-top:calc(var(--dsc-item-my) * .85)}._label_hp9nk_11{display:flex;flex-direction:row;align-items:center;gap:.5rem}
+._badges_1csip_1{display:flex;flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:start;margin-bottom:auto;margin-top:calc(var(--dsc-item-my) * .85)}._label_1csip_11{display:flex;flex-direction:row;align-items:center;gap:.5rem;min-width:0;flex:1;overflow:hidden}._label_1csip_11>span{min-width:0;flex:1;overflow:hidden}._label_1csip_11 span[data-size]{overflow:hidden}._label_1csip_11 span[data-size] span[data-variant=subtle]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}._description_1csip_42{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0}

package/dist/components/UserListItem/UserListItem.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
 import { Badge as y } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
-import m, { forwardRef as h } from "react";
+import m, { forwardRef as v } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItemLabel as v } from "../List/ListItemLabel.js";
-import { ListItem as g } from "../List/ListItem.js";
+import { ListItemLabel as g } from "../List/ListItemLabel.js";
+import { ListItem as h } from "../List/ListItem.js";
 import { u as _ } from "../../useId-BVFxCjkq.js";
 import '../../assets/UserListItem.css';var w = function(e, r) {
   var l = {};
@@ -16,16 +16,16 @@ import '../../assets/UserListItem.css';var w = function(e, r) {
       r.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (l[t[a]] = e[t[a]]);
   return l;
 };
-const O = h((e, r) => {
+const O = v((e, r) => {
   var { title: l, titleId: t } = e, a = w(e, ["title", "titleId"]);
-  let o = _();
-  return o = l ? t || "title-" + o : void 0, m.createElement(
+  let i = _();
+  return i = l ? t || "title-" + i : void 0, m.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: r, "aria-labelledby": o }, a),
-    l ? m.createElement("title", { id: o }, l) : null,
+    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: r, "aria-labelledby": i }, a),
+    l ? m.createElement("title", { id: i }, l) : null,
     m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.625 2.35a.75.75 0 0 1 .75 0l7.794 4.5a.75.75 0 0 1 .375.65v9a.75.75 0 0 1-.375.65l-7.779 4.49a.75.75 0 0 1-.39.11h-.006a.76.76 0 0 1-.373-.103L3.83 17.15a.75.75 0 0 1-.375-.65V7.494a.75.75 0 0 1 .382-.648zm-.375 17.351-6.294-3.634V8.799l3.486 2.013a3.751 3.751 0 0 0 2.808 4.863zM15.75 12a3.75 3.75 0 0 1-3 3.675v4.026l6.294-3.634V8.799l-3.486 2.013c.124.373.192.773.192 1.188m-1.79-1.105a2.25 2.25 0 1 1-3.919-.003l.01-.017.01-.016a2.249 2.249 0 0 1 3.9.036m.847-1.382L18.294 7.5 12 3.866 5.706 7.5l3.487 2.013A3.74 3.74 0 0 1 12 8.25a3.74 3.74 0 0 1 2.807 1.263", clipRule: "evenodd" })
   );
-}), I = "_badges_hp9nk_1", j = "_label_hp9nk_11", f = {
+}), I = "_badges_1csip_1", j = "_label_1csip_11", f = {
   badges: I,
   label: j
 }, B = ({
@@ -34,37 +34,37 @@ const O = h((e, r) => {
   description: l,
   roleNames: t,
   titleAs: a = "h3",
-  subUnit: o = !1,
+  subUnit: i = !1,
   loading: c = !1,
-  ...n
+  ...s
 }) => {
-  let i;
+  let o;
   switch (r) {
     case "person":
-      i = { name: e, type: "person" };
+      o = { name: e, type: "person" };
       break;
     case "company":
-      i = { name: e, type: "company", isParent: !o };
+      o = { name: e, type: "company", isParent: !i };
       break;
     case "system":
-      i = O;
+      o = O;
       break;
     default:
-      i = { name: e, type: "person" };
+      o = { name: e, type: "person" };
   }
-  const b = !c && t ? /* @__PURE__ */ s("div", { className: f.badges, children: t.map((d) => /* @__PURE__ */ s(y, { label: d, color: n.color, children: d }, d)) }) : void 0, p = /* @__PURE__ */ u("div", { className: f.label, "data-size": n.size, children: [
-    /* @__PURE__ */ s(
-      v,
+  const b = !c && t ? /* @__PURE__ */ n("div", { className: f.badges, children: t.map((d) => /* @__PURE__ */ n(y, { label: d, color: s.color, children: d }, d)) }) : void 0, p = /* @__PURE__ */ u("div", { className: f.label, "data-size": s.size, children: [
+    /* @__PURE__ */ n(
+      g,
       {
         title: { children: e, as: a },
         description: l,
-        size: n.size,
+        size: s.size,
         loading: c
       }
     ),
     b
   ] });
-  return /* @__PURE__ */ s(g, { icon: i, ariaLabel: e, label: p, description: l, loading: c, ...n });
+  return /* @__PURE__ */ n(h, { icon: o, ariaLabel: e, label: p, description: l, loading: c, ...s });
 };
 export {
   B as UserListItem

package/dist/hooks/useAccountSelector.js

@@ -1,12 +1,12 @@
-import { jsx as U } from "react/jsx-runtime";
-import { useMemo as W } from "react";
+import { jsx as W } from "react/jsx-runtime";
+import { useMemo as Y } from "react";
 import "../index-L8X2o7IH.js";
-import { IconButton as Y } from "../components/Button/IconButton.js";
+import { IconButton as q } from "../components/Button/IconButton.js";
 import "../components/RootProvider/RootProvider.js";
-import { useIsDesktop as q } from "./useIsDesktop.js";
+import { useIsDesktop as J } from "./useIsDesktop.js";
 import "../components/Snackbar/useSnackbar.js";
 import { formatDisplayName as S } from "../functions/name/name.js";
-import { formatDate as J } from "../functions/date/date.js";
+import { formatDate as K } from "../functions/date/date.js";
 import { S as Q, a as X } from "../HeartFill-CYSrJ_xK.js";
 const O = (t) => t === "Organization" ? "company" : "person", ro = ({
   partyListDTO: t = [],
@@ -14,12 +14,12 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
   currentAccountUuid: f,
   selfAccountUuid: m,
   isLoading: d = !1,
-  onSelectAccount: _,
+  onSelectAccount: v,
   isVirtualized: h = !1,
   onToggleFavorite: s,
   languageCode: r
 }) => {
-  const i = q(), [c, b, l] = W(() => {
+  const i = J(), [c, _, b] = Y(() => {
     var A, N;
     if (d || !t || !m)
       return [[], {}, void 0];
@@ -46,7 +46,7 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
         s,
         i
       )
-    ), v = [];
+    ), l = [];
     for (const e of j) {
       const u = g(
         r,
@@ -57,10 +57,10 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
         s,
         i
       );
-      if (v.push(u), e.subunits && e.subunits.length > 0) {
-        const K = [...e.subunits].sort(z);
-        for (const $ of K) {
-          const R = g(
+      if (l.push(u), e.subunits && e.subunits.length > 0) {
+        const R = [...e.subunits].sort(z);
+        for (const $ of R) {
+          const U = g(
             r,
             $,
             e.partyUuid,
@@ -70,12 +70,12 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
             i,
             e
           );
-          v.push(R);
+          l.push(U);
         }
       }
     }
-    const M = k.reduce((e, u) => (n(u.id) && e.push({ ...u, groupId: "favorites" }), e), []), V = v.reduce((e, u) => (n(u.id) && e.push({ ...u, groupId: "favorites" }), e), []), w = [...M, ...V], x = [H, ...w, ...k, ...v], G = x.find((e) => (e == null ? void 0 : e.selected) === !0), E = {
-      [((A = v[0]) == null ? void 0 : A.groupId) || "company"]: {
+    const M = k.reduce((e, u) => (n(u.id) && e.push({ ...u, groupId: "favorites" }), e), []), V = l.reduce((e, u) => (n(u.id) && e.push({ ...u, groupId: "favorites" }), e), []), w = [...M, ...V], x = [H, ...w, ...k, ...l], G = x.find((e) => (e == null ? void 0 : e.selected) === !0), E = {
+      [((A = l[0]) == null ? void 0 : A.groupId) || "company"]: {
         title: a.account_orgs,
         divider: !0
       },
@@ -99,7 +99,7 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
     r,
     i
   ]);
-  return d || !t || !l ? {
+  return d || !t || !b ? {
     accountMenu: {
       items: [],
       groups: {},
@@ -112,18 +112,18 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
   } : {
     accountMenu: {
       items: c,
-      groups: b,
+      groups: _,
       isVirtualized: h,
-      onSelectAccount: _,
-      currentAccount: l
+      onSelectAccount: v,
+      currentAccount: b
     },
     loading: !1
   };
-}, g = (t, o, f, m, d, _, h, s, r) => {
-  const i = O((o == null ? void 0 : o.type) ?? ""), c = F(t), b = S({
+}, g = (t, o, f, m, d, v, h, s, r) => {
+  const i = O((o == null ? void 0 : o.type) ?? ""), c = F(t), _ = S({
     fullName: o == null ? void 0 : o.name,
     type: i
-  }), l = s ? S({
+  }), b = s ? S({
     fullName: s == null ? void 0 : s.name,
     type: O((s == null ? void 0 : s.type) ?? ""),
     reverseNameOrder: !1
@@ -135,10 +135,10 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
       n = `${c.org_no}: ${o.organizationNumber}`;
       break;
     case "person":
-      n = o != null && o.dateOfBirth ? `${c.birthdate}: ${J(o == null ? void 0 : o.dateOfBirth)}` : "";
+      n = o != null && o.dateOfBirth ? `${c.birthdate}: ${K(o == null ? void 0 : o.dateOfBirth)}` : "";
       break;
     case "subunit":
-      n = `↳ ${c.org_no}: ${o == null ? void 0 : o.organizationNumber}, ${c.subunit_of} ${l}`;
+      n = `↳ ${c.org_no}: ${o == null ? void 0 : o.organizationNumber}, ${c.subunit_of} ${b}`;
       break;
     default:
       n = "";
@@ -146,28 +146,27 @@ const O = (t) => t === "Organization" ? "company" : "person", ro = ({
   return {
     id: o == null ? void 0 : o.partyUuid,
     icon: {
-      name: b,
+      name: _,
       type: i,
       isParent: !s,
-      isDeleted: o == null ? void 0 : o.isDeleted,
-      colorKey: l ?? void 0
+      isDeleted: o == null ? void 0 : o.isDeleted
     },
-    name: b,
+    name: _,
     description: n,
     groupId: f,
     type: a,
     selected: m === (o == null ? void 0 : o.partyUuid),
     disabled: !!(o != null && o.onlyHierarchyElementWithNoAccess),
     badge: r ? { label: c.you, color: "person" } : o.isDeleted && h ? { label: c.deleted, color: "neutral" } : void 0,
-    controls: !r && /* @__PURE__ */ U(
-      Y,
+    controls: !r && /* @__PURE__ */ W(
+      q,
       {
         rounded: !0,
         variant: "text",
         icon: d ? Q : X,
         iconAltText: d ? c.remove_from_favorites : c.add_to_favorites,
         onClick: (I) => {
-          _ && (I.stopPropagation(), _(o == null ? void 0 : o.partyUuid));
+          v && (I.stopPropagation(), v(o == null ? void 0 : o.partyUuid));
         },
         size: "xs"
       }

package/dist/types/lib/components/UserListItem/UserListItem.stories.d.ts

@@ -115,5 +115,6 @@ export default meta;
 export declare const Default: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const MultipleRoles: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const WithSubUnits: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WithInheritingParties: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DifferentHeadingLevelsAndSizes: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const WithControls: (args: UserListItemProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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