@altinn/altinn-components 0.47.4 → 0.47.6

package/dist/assets/UserListItem.css

@@ -1 +1 @@
-._badges_1m5z5_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_1m5z5_11{display:flex;flex-direction:row;align-items:center;gap:.5rem}._subUnitAvatar_1m5z5_18{position:relative}._subUnitAvatar_1m5z5_18:before{content:"U";position:absolute;bottom:0;right:0;width:1rem;height:1rem;background-color:#fffc;clip-path:polygon(100% 100%,0% 100%,100% 0%);display:flex;align-items:flex-end;justify-content:flex-end;font-size:.5rem;font-weight:700;color:#333;z-index:1;padding-right:.1rem}
+._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}

package/dist/components/Account/AccountMenu.js

@@ -1,64 +1,71 @@
 "use client";
 import { jsx as x } from "react/jsx-runtime";
-import { useState as R, useEffect as S } from "react";
+import { useState as R, useEffect as S, useMemo as j } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { Menu as j } from "../Menu/Menu.js";
+import { Menu as k } from "../Menu/Menu.js";
 import "../Snackbar/useSnackbar.js";
-const k = (d) => `${d} hits`, D = ({
-  items: d = [],
-  groups: v = {},
-  search: t,
-  filterAccount: C,
-  onSelectAccount: u,
+const y = (u) => `${u} hits`, D = ({
+  items: u = [],
+  groups: C = {},
+  search: l,
+  filterAccount: w,
+  onSelectAccount: d,
   currentAccount: e,
   isVirtualized: L,
-  keyboardEvents: w,
+  keyboardEvents: M,
   scrollRefStyles: F
 }) => {
-  var r;
-  const p = d.map((o) => ({
+  var p;
+  const r = u.map((o) => ({
     ...o,
     title: (o == null ? void 0 : o.title) || o.name,
     groupId: o.groupId || "search",
     selected: o.selected ?? (e == null ? void 0 : e.id) === o.id,
     onClick: () => {
-      !o.disabled && (u == null || u(o.id));
+      !o.disabled && (d == null || d(o.id));
     }
-  })), [l, i] = R("");
+  })), [t, a] = R("");
   S(() => {
-    (t == null ? void 0 : t.value) !== void 0 && i(t.value);
-  }, [t == null ? void 0 : t.value]);
-  const b = C || ((o, a) => {
-    var g, f, s;
-    return ((g = o == null ? void 0 : o.name) == null ? void 0 : g.toLowerCase().includes(a.toLowerCase())) || ((s = (f = o == null ? void 0 : o.description) == null ? void 0 : f.toString()) == null ? void 0 : s.toLowerCase().includes(a.toLowerCase()));
-  }), n = l ? p.filter((o) => b(o, l)).map((o) => ({
-    ...o,
-    groupId: "search",
-    title: (o == null ? void 0 : o.title) || o.name,
-    highlightWords: [l]
-  })) : p, I = l ? {
+    (l == null ? void 0 : l.value) !== void 0 && a(l.value);
+  }, [l == null ? void 0 : l.value]);
+  const i = w || ((o, f) => {
+    var s, g, v;
+    return ((s = o == null ? void 0 : o.name) == null ? void 0 : s.toLowerCase().includes(f.toLowerCase())) || ((v = (g = o == null ? void 0 : o.description) == null ? void 0 : g.toString()) == null ? void 0 : v.toLowerCase().includes(f.toLowerCase()));
+  }), n = j(() => t ? Array.from(
+    new Map(
+      r.filter((o) => i(o, t)).map((o) => [
+        o.id,
+        {
+          ...o,
+          groupId: "search",
+          title: (o == null ? void 0 : o.title) || o.name,
+          highlightWords: [t]
+        }
+      ])
+    ).values()
+  ) : r, [r, t, i]), b = t ? {
     search: {
-      title: ((r = t == null ? void 0 : t.getResultsLabel) == null ? void 0 : r.call(t, n.length)) ?? k(n.length)
+      title: ((p = l == null ? void 0 : l.getResultsLabel) == null ? void 0 : p.call(l, n.length)) ?? y(n.length)
     }
-  } : v, M = {
+  } : C, I = {
     name: "account-search",
-    value: l,
-    placeholder: (t == null ? void 0 : t.placeholder) ?? "Find account",
-    onChange: (o) => i(o.target.value),
-    onClear: () => i("")
+    value: t,
+    placeholder: (l == null ? void 0 : l.placeholder) ?? "Find account",
+    onChange: (o) => a(o.target.value),
+    onClear: () => a("")
   }, c = [
     ...n.length > 0 ? n : [{ id: "search", groupId: "search", hidden: !0 }]
   ];
   return /* @__PURE__ */ x(
-    j,
+    k,
     {
       variant: "default",
-      search: t && !t.hidden ? M : void 0,
-      groups: I,
+      search: l && !l.hidden ? I : void 0,
+      groups: b,
       items: c,
       isVirtualized: L,
-      keyboardEvents: w,
+      keyboardEvents: M,
       scrollRefStyles: F
     }
   );

package/dist/components/Dropdown/DrawerBase.js

@@ -1,24 +1,23 @@
 import { jsx as d } from "react/jsx-runtime";
 import { c as s } from "../../index-L8X2o7IH.js";
-import '../../assets/DrawerBase.css';const c = "_drawer_tvpob_1", m = {
-  drawer: c
+import '../../assets/DrawerBase.css';const m = "_drawer_tvpob_1", c = {
+  drawer: m
 }, w = ({
   placement: a = "inline",
-  open: t = !1,
-  className: e,
-  children: o,
-  as: r = "div",
+  open: e = !1,
+  className: t,
+  children: r,
+  as: o = "div",
   dataLayout: n = "mobile"
 }) => /* @__PURE__ */ d(
-  r,
+  o,
   {
-    className: s(m.drawer, e),
+    className: s(c.drawer, t),
     "data-placement": a,
     "data-variant": "default",
-    "data-color": "company",
-    "data-expanded": t,
+    "data-expanded": e,
     "data-layout": n,
-    children: o
+    children: r
   }
 );
 export {

package/dist/components/UserListItem/UserListItem.js

@@ -1,83 +1,71 @@
 "use client";
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
-import { Avatar as y } from "../Avatar/Avatar.js";
+import { jsx as s, jsxs as u } from "react/jsx-runtime";
+import { Badge as y } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
-import d, { forwardRef as _ } from "react";
-import { Badge as g } from "../Badge/Badge.js";
+import m, { forwardRef as h } from "react";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { ListItemLabel as h } from "../List/ListItemLabel.js";
-import { ListItem as w } from "../List/ListItem.js";
-import { u as O } from "../../useId-BVFxCjkq.js";
-import '../../assets/UserListItem.css';var z = function(e, o) {
-  var a = {};
-  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (a[t] = e[t]);
+import { ListItemLabel as v } from "../List/ListItemLabel.js";
+import { ListItem as g } from "../List/ListItem.js";
+import { u as _ } from "../../useId-BVFxCjkq.js";
+import '../../assets/UserListItem.css';var w = function(e, r) {
+  var l = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && r.indexOf(t) < 0 && (l[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, t = Object.getOwnPropertySymbols(e); l < t.length; l++)
-      o.indexOf(t[l]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[l]) && (a[t[l]] = e[t[l]]);
-  return a;
+    for (var a = 0, t = Object.getOwnPropertySymbols(e); a < t.length; a++)
+      r.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (l[t[a]] = e[t[a]]);
+  return l;
 };
-const I = _((e, o) => {
-  var { title: a, titleId: t } = e, l = z(e, ["title", "titleId"]);
-  let r = O();
-  return r = a ? t || "title-" + r : void 0, d.createElement(
+const O = h((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(
     "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: o, "aria-labelledby": r }, l),
-    a ? d.createElement("title", { id: r }, a) : null,
-    d.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" })
+    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,
+    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" })
   );
-}), j = "_badges_1m5z5_1", x = "_label_1m5z5_11", A = "_subUnitAvatar_1m5z5_18", f = {
-  badges: j,
-  label: x,
-  subUnitAvatar: A
-}, N = ({
+}), I = "_badges_hp9nk_1", j = "_label_hp9nk_11", f = {
+  badges: I,
+  label: j
+}, B = ({
   name: e,
-  type: o,
-  description: a,
+  type: r,
+  description: l,
   roleNames: t,
-  titleAs: l = "h3",
-  subUnit: r = !1,
+  titleAs: a = "h3",
+  subUnit: o = !1,
   loading: c = !1,
   ...n
 }) => {
   let i;
-  switch (o) {
+  switch (r) {
     case "person":
       i = { name: e, type: "person" };
       break;
     case "company":
-      i = { name: e, type: "company" };
+      i = { name: e, type: "company", isParent: !o };
       break;
     case "system":
-      i = I;
+      i = O;
       break;
     default:
       i = { name: e, type: "person" };
   }
-  const b = r && /* @__PURE__ */ s(y, { name: e, type: "company", className: f.subUnitAvatar }), p = !c && t ? /* @__PURE__ */ s("div", { className: f.badges, children: t.map((m) => /* @__PURE__ */ s(g, { label: m, color: n.color, children: m }, m)) }) : void 0, u = /* @__PURE__ */ v("div", { className: f.label, "data-size": n.size, children: [
+  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(
-      h,
+      v,
       {
-        title: { children: e, as: l },
-        description: a,
+        title: { children: e, as: a },
+        description: l,
         size: n.size,
         loading: c
       }
     ),
-    p
+    b
   ] });
-  return /* @__PURE__ */ s(
-    w,
-    {
-      icon: r ? b : i,
-      ariaLabel: e,
-      label: u,
-      description: a,
-      loading: c,
-      ...n
-    }
-  );
+  return /* @__PURE__ */ s(g, { icon: i, ariaLabel: e, label: p, description: l, loading: c, ...n });
 };
 export {
-  N as UserListItem
+  B as UserListItem
 };

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

@@ -50,3 +50,4 @@ export declare const WithEnglishLanguage: (args: LayoutStoryArgs) => import("rea
 export declare const StickySidebar: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const HiddenSidebar: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
 export declare const Fullscreen: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;
+export declare const Profile: (args: LayoutStoryArgs) => import("react/jsx-runtime").JSX.Element;

package/package.json

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