@altinn/altinn-components 0.43.5 → 0.43.7

package/dist/components/Avatar/AvatarGroup.js

@@ -1,34 +1,36 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { c as i } from "../../index-L8X2o7IH.js";
+import { jsx as l } from "react/jsx-runtime";
+import { c } from "../../index-L8X2o7IH.js";
 import { useMemo as f } from "react";
 import { Avatar as h } from "./Avatar.js";
-import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", s = {
+import '../../assets/AvatarGroup.css';const A = "_group_1ts6c_1", _ = "_item_1ts6c_10", t = {
   group: A,
   item: _
-}, L = (t) => typeof t == "object" && t !== null && "items" in t, N = ({
-  items: t = [],
-  maxItemsCount: l = 4,
-  defaultType: n,
+}, L = (o) => typeof o == "object" && o !== null && "items" in o, N = ({
+  items: o = [],
+  maxItemsCount: i = 4,
+  defaultType: r,
   size: u,
   className: m,
   style: p
 }) => {
-  const o = f(() => t.slice(0, l).reverse(), [t, l]);
-  return t.length === 0 ? /* @__PURE__ */ r("div", { className: s.avatarGroup }) : /* @__PURE__ */ r("ul", { className: i(s.group, m), "data-size": u, "data-count": o == null ? void 0 : o.length, style: p, children: o.map((e, c) => {
-    const g = c === l - 1, d = e.customLabel || g ? t.length.toString() : void 0;
-    return /* @__PURE__ */ r("li", { className: i(s.item), children: /* @__PURE__ */ r(
+  const s = f(() => o.slice(0, i).reverse(), [o, i]);
+  return o.length === 0 ? /* @__PURE__ */ l("div", { className: t.avatarGroup }) : /* @__PURE__ */ l("ul", { className: c(t.group, m), "data-size": u, "data-count": s == null ? void 0 : s.length, style: p, children: s.map((e, n) => {
+    const g = n === i - 1, d = e.customLabel || g ? o.length.toString() : void 0;
+    return /* @__PURE__ */ l("li", { className: c(t.item), children: /* @__PURE__ */ l(
       h,
       {
         name: e.name,
         customLabel: d,
         imageUrl: e.imageUrl,
         imageUrlAlt: e.imageUrlAlt,
-        type: (e == null ? void 0 : e.type) || n,
+        type: (e == null ? void 0 : e.type) || r,
+        isParent: e == null ? void 0 : e.isParent,
+        isDeleted: e == null ? void 0 : e.isDeleted,
         variant: e == null ? void 0 : e.variant,
         outline: !0
       }
-    ) }, c);
+    ) }, n);
   }) });
 };
 export {

package/dist/components/Dialog/DialogHeader.js

@@ -1,50 +1,52 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "react";
-import { Skeleton as g } from "../Skeleton/Skeleton.js";
-import { Heading as x } from "../Typography/Heading.js";
-import { Badge as j } from "../Badge/Badge.js";
+import { Skeleton as x } from "../Skeleton/Skeleton.js";
+import { Heading as j } from "../Typography/Heading.js";
+import { Badge as D } from "../Badge/Badge.js";
 import "../RootProvider/RootProvider.js";
-import { DialogMetadata as D } from "./DialogMetadata.js";
+import { DialogMetadata as H } from "./DialogMetadata.js";
 import "../Snackbar/useSnackbar.js";
-import { Flex as H } from "../Page/Flex.js";
-import { Section as S } from "../Page/Section.js";
-const C = ({
+import { Flex as S } from "../Page/Flex.js";
+import { Section as k } from "../Page/Section.js";
+const E = ({
   loading: i,
   title: e,
   badge: o,
   status: m,
-  draftsLabel: n,
-  sentCount: p,
-  receivedCount: a,
-  updatedAt: l,
-  updatedAtLabel: c,
-  attachmentsCount: s,
-  dueAt: d,
-  dueAtLabel: f,
-  activityLog: h
-}) => /* @__PURE__ */ t(S, { as: "header", spacing: 3, align: "start", children: [
-  /* @__PURE__ */ r(x, { size: "xl", children: /* @__PURE__ */ t(H, { align: "center", children: [
-    /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(g, { loading: i, children: e }) }),
-    o && /* @__PURE__ */ r(j, { ...o })
+  extendedStatusLabel: n,
+  draftsLabel: p,
+  sentCount: a,
+  receivedCount: l,
+  updatedAt: c,
+  updatedAtLabel: s,
+  attachmentsCount: d,
+  dueAt: f,
+  dueAtLabel: h,
+  activityLog: g
+}) => /* @__PURE__ */ t(k, { as: "header", spacing: 3, align: "start", children: [
+  /* @__PURE__ */ r(j, { size: "xl", children: /* @__PURE__ */ t(S, { align: "center", children: [
+    /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(x, { loading: i, children: e }) }),
+    o && /* @__PURE__ */ r(D, { ...o })
   ] }) }),
   /* @__PURE__ */ r(
-    D,
+    H,
     {
       loading: i,
       status: m,
-      draftsLabel: n,
-      sentCount: p,
-      receivedCount: a,
-      updatedAt: l,
-      updatedAtLabel: c,
-      dueAt: d,
-      dueAtLabel: f,
-      attachmentsCount: s,
-      activityLog: h
+      extendedStatusLabel: n,
+      draftsLabel: p,
+      sentCount: a,
+      receivedCount: l,
+      updatedAt: c,
+      updatedAtLabel: s,
+      dueAt: f,
+      dueAtLabel: h,
+      attachmentsCount: d,
+      activityLog: g
     }
   )
 ] });
 export {
-  C as DialogHeader
+  E as DialogHeader
 };

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

@@ -8,6 +8,8 @@ export interface DialogHeaderProps extends DialogMetadataProps {
     badge?: BadgeProps;
     /** Dialog status */
     status?: DialogStatusProps;
+    /** Extended Status Label */
+    extendedStatusLabel?: string;
     /** Drafts label */
     draftsLabel?: string;
     /** Number of submissions sent */
@@ -23,4 +25,4 @@ export interface DialogHeaderProps extends DialogMetadataProps {
     /** Due date label */
     dueAtLabel?: string;
 }
-export declare const DialogHeader: ({ loading, title, badge, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, title, badge, status, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, dueAtLabel, activityLog, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -20,3 +20,4 @@ export declare const Default: Story;
 export declare const InProgress: Story;
 export declare const Completed: Story;
 export declare const Loading: Story;
+export declare const WithExtendedStatus: Story;

package/package.json

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