@altinn/altinn-components 0.42.0 → 0.42.2

package/dist/components/Header/Header.js

@@ -5,14 +5,14 @@ import "react";
 import { useRootContext as H } from "../RootProvider/RootProvider.js";
 import { DropdownBase as S } from "../Dropdown/DropdownBase.js";
 import { DrawerBase as k } from "../Dropdown/DrawerBase.js";
-import { GlobalMenu as w } from "../GlobalMenu/GlobalMenu.js";
+import { GlobalMenu as f } from "../GlobalMenu/GlobalMenu.js";
 import { GlobalMenuButton as B } from "../GlobalMenu/GlobalMenuButton.js";
 import { HeaderBase as D } from "./HeaderBase.js";
 import { HeaderLogo as I } from "./HeaderLogo.js";
 import { HeaderGroup as N } from "./HeaderGroup.js";
-import { HeaderSearch as x } from "./HeaderSearch.js";
+import { HeaderSearch as w } from "./HeaderSearch.js";
 import { LocaleSwitcher as F } from "./LocaleSwitcher.js";
-import { Searchbar as _ } from "../Searchbar/Searchbar.js";
+import { Searchbar as x } from "../Searchbar/Searchbar.js";
 import "../Snackbar/useSnackbar.js";
 import { useIsDesktop as G } from "../../hooks/useIsDesktop.js";
 import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afyu3_6", z = "_relative_afyu3_19", t = {
@@ -21,21 +21,21 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
   relative: z
 }, A = ({
   globalMenu: e,
-  desktopMenu: C,
-  mobileMenu: u,
+  desktopMenu: _,
+  mobileMenu: C,
   locale: p,
   search: s,
   currentAccount: m,
-  logo: l = {},
-  badge: i
+  logo: u = {},
+  badge: l
 }) => {
-  const { currentId: r, toggleId: c, openId: v, closeAll: d } = H(), a = () => {
+  const { currentId: r, toggleId: i, openId: v, closeAll: d } = H(), c = () => {
     v("search");
-  }, h = () => {
-    c("search");
+  }, a = () => {
+    i("search");
   }, y = () => {
-    c("menu");
-  }, f = G();
+    i("menu");
+  }, h = G();
   return /* @__PURE__ */ n(
     D,
     {
@@ -43,15 +43,14 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
       open: r === "search" || r === "menu" || r === "locale",
       onClose: d,
       children: [
-        /* @__PURE__ */ o(I, { ...l, badge: i, className: t.logo }),
-        s && f && /* @__PURE__ */ o(x, { expanded: r === "search", children: /* @__PURE__ */ o(_, { ...s, expanded: r === "search", onClose: h, onFocus: a }) }),
+        /* @__PURE__ */ o(I, { ...u, badge: l, className: t.logo }),
+        s && h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
         /* @__PURE__ */ n(N, { children: [
           p && /* @__PURE__ */ o(F, { ...p }),
           /* @__PURE__ */ n("div", { className: t.relative, children: [
             /* @__PURE__ */ o(
               B,
               {
-                badge: i,
                 currentAccount: m,
                 onClick: y,
                 expanded: r === "menu",
@@ -68,10 +67,10 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
                 open: r === "menu",
                 className: t.dropdown,
                 children: /* @__PURE__ */ o(
-                  w,
+                  f,
                   {
                     ...e,
-                    menu: C || (e == null ? void 0 : e.menu),
+                    menu: _ || (e == null ? void 0 : e.menu),
                     currentAccount: m,
                     onClose: d
                   }
@@ -80,12 +79,12 @@ import '../../assets/Header.css';const L = "_drawer_afyu3_1", j = "_dropdown_afy
             )
           ] })
         ] }),
-        s && !f && /* @__PURE__ */ o(x, { expanded: r === "search", children: /* @__PURE__ */ o(_, { ...s, expanded: r === "search", onClose: h, onFocus: a }) }),
+        s && !h && /* @__PURE__ */ o(w, { expanded: r === "search", children: /* @__PURE__ */ o(x, { ...s, expanded: r === "search", onClose: a, onFocus: c }) }),
         e && /* @__PURE__ */ o(k, { open: r === "menu", className: t.drawer, children: /* @__PURE__ */ o(
-          w,
+          f,
           {
             ...e,
-            menu: u || (e == null ? void 0 : e.menu),
+            menu: C || (e == null ? void 0 : e.menu),
             currentAccount: m,
             onClose: d
           }

package/dist/components/Settings/UsedByLog.js

@@ -1,35 +1,44 @@
 "use client";
-import { jsx as o, jsxs as e } from "react/jsx-runtime";
-import { useState as B, createElement as L, Fragment as S } from "react";
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { useState as B, createElement as L, useMemo as S, Fragment as j } from "react";
 import "../../index-L8X2o7IH.js";
 import "../RootProvider/RootProvider.js";
-import { SeenByLogButton as i } from "../Dialog/SeenByLogButton.js";
-import { Divider as u } from "../Divider/Divider.js";
-import { List as a } from "../List/List.js";
+import { SeenByLogButton as g } from "../Dialog/SeenByLogButton.js";
+import { Divider as i } from "../Divider/Divider.js";
+import { List as m } from "../List/List.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as j } from "../Page/Flex.js";
+import { Flex as k } from "../Page/Flex.js";
 import { Section as f } from "../Page/Section.js";
 import { UsedByLogItem as h } from "./UsedByLogItem.js";
-const w = ({
-  collapsible: d = !0,
+const q = ({
+  collapsible: a = !0,
   expanded: l,
   title: c,
   items: r,
   size: p = "sm",
   endUserLabel: t
 }) => {
-  const [g, m] = B(l || !d && !0), x = () => {
-    m((n) => !n);
+  const [d, v] = B(l || !a && !0), x = () => {
+    v((o) => !o);
   };
-  return (r == null ? void 0 : r.length) === 1 ? /* @__PURE__ */ o(f, { spacing: 1, children: /* @__PURE__ */ o(a, { size: p, spacing: 1, children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ L(h, { ...n, key: n.id, size: p, endUserLabel: t })) }) }) : /* @__PURE__ */ e(f, { spacing: 1, children: [
-    c && /* @__PURE__ */ o(j, { children: d ? /* @__PURE__ */ o(i, { icon: { items: r }, as: "button", onClick: x, children: c }) : /* @__PURE__ */ o(i, { icon: { items: r }, as: "div", children: c }) }),
-    c && g && /* @__PURE__ */ o(u, {}),
-    g && /* @__PURE__ */ o(a, { size: p, spacing: 1, children: r == null ? void 0 : r.map((n, y) => /* @__PURE__ */ e(S, { children: [
-      y > 0 && /* @__PURE__ */ o(u, {}),
-      /* @__PURE__ */ o(h, { ...n, size: p, endUserLabel: t })
-    ] }, n.id)) })
+  if ((r == null ? void 0 : r.length) === 1)
+    return /* @__PURE__ */ n(f, { spacing: 1, children: /* @__PURE__ */ n(m, { size: p, spacing: 1, children: r == null ? void 0 : r.map((o) => /* @__PURE__ */ L(h, { ...o, key: o.id, size: p, endUserLabel: t })) }) });
+  const e = S(
+    () => r.map((o) => ({
+      ...o,
+      ...o.avatar
+    })),
+    [r]
+  );
+  return /* @__PURE__ */ u(f, { spacing: 1, children: [
+    c && /* @__PURE__ */ n(k, { children: a ? /* @__PURE__ */ n(g, { icon: { items: e }, as: "button", onClick: x, children: c }) : /* @__PURE__ */ n(g, { icon: { items: e }, as: "div", children: c }) }),
+    c && d && /* @__PURE__ */ n(i, {}),
+    d && /* @__PURE__ */ n(m, { size: p, spacing: 1, children: r == null ? void 0 : r.map((o, y) => /* @__PURE__ */ u(j, { children: [
+      y > 0 && /* @__PURE__ */ n(i, {}),
+      /* @__PURE__ */ n(h, { ...o, size: p, endUserLabel: t })
+    ] }, o.id)) })
   ] });
 };
 export {
-  w as UsedByLog
+  q as UsedByLog
 };

package/dist/components/Settings/UsedByLogItem.js

@@ -1,22 +1,23 @@
-import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Badge as s } from "../Badge/Badge.js";
-import { Byline as p } from "../Byline/Byline.js";
+import { Badge as p } from "../Badge/Badge.js";
+import { Byline as c } from "../Byline/Byline.js";
 import "../RootProvider/RootProvider.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as c } from "../Page/Flex.js";
-const u = ({
+import { Flex as g } from "../Page/Flex.js";
+const v = ({
   type: e,
   name: t,
   description: o,
   isEndUser: m,
   endUserLabel: a,
-  size: l = "sm"
+  avatar: l,
+  size: n = "sm"
 }) => {
   const i = m && { label: a };
-  return /* @__PURE__ */ r(c, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ r(p, { size: l, avatar: { name: t, type: e }, children: [
+  return /* @__PURE__ */ r(g, { align: "center", spacing: 2, as: "li", children: [
+    /* @__PURE__ */ r(c, { size: n, avatar: { name: t, type: e, ...l }, children: [
       /* @__PURE__ */ r("strong", { children: [
         t,
         o && NaN
@@ -24,9 +25,9 @@ const u = ({
       " ",
       o
     ] }),
-    i && /* @__PURE__ */ n(s, { variant: "subtle", ...i })
+    i && /* @__PURE__ */ s(p, { variant: "subtle", ...i })
   ] });
 };
 export {
-  u as UsedByLogItem
+  v as UsedByLogItem
 };

package/dist/types/lib/components/Settings/UsedByLogItem.d.ts

@@ -6,8 +6,9 @@ export interface UsedByLogItemProps extends AvatarProps {
     endUserLabel?: string;
     badge?: BadgeProps;
     size?: 'sm' | 'md';
+    avatar?: AvatarProps;
 }
 /**
  * SeenByLog item
  */
-export declare const UsedByLogItem: ({ type, name, description, isEndUser, endUserLabel, size, }: UsedByLogItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UsedByLogItem: ({ type, name, description, isEndUser, endUserLabel, avatar, size, }: UsedByLogItemProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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