@altinn/altinn-components 0.52.0 → 0.52.2

package/dist/components/Avatar/Avatar.js

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
-import { c as H } from "../../index-L8X2o7IH.js";
-import m, { forwardRef as N, useState as A } from "react";
-import { Skeleton as k } from "../Skeleton/Skeleton.js";
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import { c as E } from "../../index-L8X2o7IH.js";
+import m, { forwardRef as k, useState as A } from "react";
+import { Skeleton as R } from "../Skeleton/Skeleton.js";
 import { fromStringToColor as M } from "./color.js";
-import { u as R } from "../../useId-BVFxCjkq.js";
-import '../../assets/Avatar.css';var z = function(e, o) {
+import { u as P } from "../../useId-BVFxCjkq.js";
+import '../../assets/Avatar.css';var B = function(e, o) {
   var l = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (l[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -13,22 +13,21 @@ import '../../assets/Avatar.css';var z = function(e, o) {
       o.indexOf(t[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[a]) && (l[t[a]] = e[t[a]]);
   return l;
 };
-const q = N((e, o) => {
-  var { title: l, titleId: t } = e, a = z(e, ["title", "titleId"]);
-  let s = R();
+const L = k((e, o) => {
+  var { title: l, titleId: t } = e, a = B(e, ["title", "titleId"]);
+  let s = P();
   return s = l ? t || "title-" + s : 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": s }, a),
     l ? m.createElement("title", { id: s }, l) : null,
-    m.createElement("path", { fill: "currentColor", d: "M8.22 13.72a.75.75 0 0 1 1.06 0l.029.025q.041.039.132.111c.122.097.308.23.548.364a4.14 4.14 0 0 0 2.011.53 4.14 4.14 0 0 0 2.01-.53 4 4 0 0 0 .681-.475l.028-.025.057-.052a.751.751 0 0 1 1.056 1.056l-.052.056-.01.011-.018.017-.059.054a5.647 5.647 0 0 1-.954.668c-.642.357-1.58.72-2.739.72a5.64 5.64 0 0 1-2.74-.72 5.7 5.7 0 0 1-.748-.496 4 4 0 0 1-.205-.172q-.037-.032-.059-.054l-.018-.017-.01-.01a.75.75 0 0 1 0-1.061M9.5 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M14.5 9a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3" }),
-    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 .5a1.5 1.5 0 0 1 .75 2.798V5h5.5a.75.75 0 0 1 .75.75v3.5h2.24a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-.75.75H19v3.5a.75.75 0 0 1-.75.75H5.75a.75.75 0 0 1-.75-.75v-3.5H2.75A.75.75 0 0 1 2 14v-4a.75.75 0 0 1 .75-.75H5v-3.5A.75.75 0 0 1 5.75 5h5.5V3.298A1.498 1.498 0 0 1 12 .5m-5.5 17h11v-11h-11zm-3-4.25H5v-2.5H3.5zm15.5 0h1.49v-2.5H19z", clipRule: "evenodd" })
+    m.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 7a3.75 3.75 0 0 0 2.43 3.51l-3.692 4.923a2.75 2.75 0 1 0 1.2.9l3.062-4.083v3.104a2.751 2.751 0 1 0 1.5 0V12.25l3.063 4.083a2.75 2.75 0 1 0 1.2-.9L13.32 10.51A3.751 3.751 0 0 0 12 3.25 3.75 3.75 0 0 0 8.25 7M12 4.75a2.25 2.25 0 0 0-.008 4.5h.015A2.25 2.25 0 0 0 12 4.75m0 12a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m-6 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5m12 0a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5", clipRule: "evenodd" })
   );
-}), P = "_avatar_bmli3_1", V = "_shape_bmli3_20", B = "_label_bmli3_31", L = "_icon_bmli3_41", T = "_svg_bmli3_49", D = "_image_bmli3_54", F = "_deletedIcon_bmli3_60", r = {
-  avatar: P,
+}), T = "_avatar_bmli3_1", V = "_shape_bmli3_20", q = "_label_bmli3_31", z = "_icon_bmli3_41", H = "_svg_bmli3_49", D = "_image_bmli3_54", F = "_deletedIcon_bmli3_60", r = {
+  avatar: T,
   shape: V,
-  label: B,
-  icon: L,
-  svg: T,
+  label: q,
+  icon: z,
+  svg: H,
   image: D,
   deletedIcon: F
 }, X = (e) => typeof e == "object" && e !== null && "name" in e, Y = ({
@@ -48,24 +47,24 @@ const q = N((e, o) => {
   colorKey: I,
   style: f = {}
 }) => {
-  const [x, O] = A(!1), C = s || e === "person" ? "circle" : "square", S = b || e === "person" ? "light" : "dark";
+  const [x, O] = A(!1), j = s || e === "person" ? "circle" : "square", C = b || e === "person" ? "light" : "dark";
   let i = g;
   e === "company" && typeof o == "boolean" && (i = o ? "solid" : "outline");
-  const { backgroundColor: v, foregroundColor: h } = M(I ?? a, S), j = (a[0] ?? "").toUpperCase(), c = d && !x, E = !p && !c ? {
+  const { backgroundColor: u, foregroundColor: h } = M(I ?? a, C), N = (a[0] ?? "").toUpperCase(), c = d && !x, S = !p && !c ? {
     ...f,
-    backgroundColor: i === "outline" ? h : v,
-    color: i === "outline" ? v : h
+    backgroundColor: i === "outline" ? h : u,
+    color: i === "outline" ? u : h
   } : f;
   return /* @__PURE__ */ n(
     "div",
     {
-      className: H(r.avatar, y),
-      style: E,
-      "data-shape": C,
+      className: E(r.avatar, y),
+      style: S,
+      "data-shape": j,
       "data-size": t,
       "aria-hidden": !0,
-      children: /* @__PURE__ */ u(k, { loading: p, className: r.shape, variant: "circle", children: [
-        /* @__PURE__ */ u("div", { className: r.shape, "data-variant": i, children: [
+      children: /* @__PURE__ */ v(R, { loading: p, className: r.shape, variant: "circle", children: [
+        /* @__PURE__ */ v("div", { className: r.shape, "data-variant": i, children: [
           e !== "system" && c && /* @__PURE__ */ n(
             "img",
             {
@@ -77,9 +76,9 @@ const q = N((e, o) => {
               }
             }
           ),
-          e === "system" && !c && /* @__PURE__ */ n("span", { className: r.icon, children: /* @__PURE__ */ n(q, { className: r.svg }) })
+          e === "system" && !c && /* @__PURE__ */ n("span", { className: r.icon, children: /* @__PURE__ */ n(L, { className: r.svg }) })
         ] }),
-        !c && e !== "system" && /* @__PURE__ */ n("span", { className: r.label, children: w || j }),
+        !c && e !== "system" && /* @__PURE__ */ n("span", { className: r.label, children: w || N }),
         l && /* @__PURE__ */ n(
           "svg",
           {

package/dist/components/Dialog/SeenByLogItem.js

@@ -1,29 +1,30 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
-import { Badge as s } from "../Badge/Badge.js";
+import { Badge as l } from "../Badge/Badge.js";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Byline as l } from "../Byline/Byline.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 j = ({
+import { Flex as d } from "../Page/Flex.js";
+const v = ({
   name: r,
   seenAt: i,
   seenAtLabel: m,
   isEndUser: n,
-  endUserLabel: p,
-  size: a = "sm"
+  endUserLabel: a,
+  size: p = "sm",
+  type: s = "person"
 }) => {
-  const t = n && { label: p };
-  return /* @__PURE__ */ e(c, { align: "center", spacing: 2, as: "li", children: [
-    /* @__PURE__ */ e(l, { size: a, datetime: i, avatar: { name: r, type: "person" }, children: [
+  const t = n && { label: a };
+  return /* @__PURE__ */ e(d, { align: "center", spacing: 2, as: "li", children: [
+    /* @__PURE__ */ e(c, { size: p, datetime: i, avatar: { name: r, type: s }, children: [
       /* @__PURE__ */ o("strong", { children: r + "," }),
       " ",
       m
     ] }),
-    t && /* @__PURE__ */ o(s, { variant: "subtle", ...t })
+    t && /* @__PURE__ */ o(l, { variant: "subtle", ...t })
   ] });
 };
 export {
-  j as SeenByLogItem
+  v as SeenByLogItem
 };

package/dist/types/lib/components/Dialog/SeenByLog.stories.d.ts

@@ -15,6 +15,13 @@ declare const meta: {
             seenAt: string;
             seenAtLabel: string;
             isEndUser?: undefined;
+        } | {
+            id: string;
+            type: "system";
+            name: string;
+            seenAt: string;
+            seenAtLabel: string;
+            isEndUser?: undefined;
         } | {
             id: string;
             type: "person";

package/dist/types/lib/components/Dialog/SeenByLogItem.d.ts

@@ -7,8 +7,9 @@ export interface SeenByLogItemProps extends AvatarProps {
     endUserLabel?: string;
     badge?: BadgeProps;
     size?: 'sm' | 'md';
+    type?: AvatarProps['type'];
 }
 /**
  * SeenByLog item
  */
-export declare const SeenByLogItem: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel, size, }: SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SeenByLogItem: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel, size, type, }: SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/SeenByLogItem.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel, size, }: import('./SeenByLogItem').SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ name, seenAt, seenAtLabel, isEndUser, endUserLabel, size, type, }: import('./SeenByLogItem').SeenByLogItemProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -19,8 +19,8 @@ declare const meta: {
         endUserLabel?: string | undefined;
         badge?: import('..').BadgeProps | undefined;
         size?: "sm" | "md" | undefined;
-        name: string;
         type?: import('..').AvatarType | undefined;
+        name: string;
         isParent?: boolean | undefined;
         isDeleted?: boolean | undefined;
         shape?: import('..').AvatarColor | undefined;

package/dist/types/lib/functions/name/name.d.ts

@@ -1,8 +1,9 @@
+import { AvatarType } from '../../components';
 interface FormatDisplayNameInput {
     /** Full name of person or company */
     fullName: string;
-    /** Entity type: Whether this is a person or a company */
-    type: 'person' | 'company';
+    /** Entity type: Whether this is a person, system user or a company */
+    type: AvatarType;
     /** For persons: switch order of first/last name */
     reverseNameOrder?: boolean;
 }

package/package.json

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