@altinn/altinn-components 0.43.4 → 0.43.6

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/components/Toolbar/ToolbarAccountMenu.js

@@ -1,44 +1,45 @@
-import { jsxs as g, jsx as p } from "react/jsx-runtime";
-import { createElement as x } from "react";
+import { jsxs as x, jsx as p } from "react/jsx-runtime";
+import { createElement as b } from "react";
 import "../../index-L8X2o7IH.js";
-import { AccountMenu as b } from "../Account/AccountMenu.js";
-import { useRootContext as k } from "../RootProvider/RootProvider.js";
-import { DrawerOrDropdown as I } from "../Dropdown/DrawerOrDropdown.js";
-import { useIsDesktop as h } from "../../hooks/useIsDesktop.js";
+import { AccountMenu as k } from "../Account/AccountMenu.js";
+import { useRootContext as I } from "../RootProvider/RootProvider.js";
+import { DrawerOrDropdown as h } from "../Dropdown/DrawerOrDropdown.js";
+import { useIsDesktop as w } from "../../hooks/useIsDesktop.js";
 import "../Snackbar/useSnackbar.js";
-import { ToolbarButton as w } from "./ToolbarButton.js";
-import { ToolbarFilterBase as B } from "./ToolbarFilterBase.js";
-const R = ({
+import { ToolbarButton as B } from "./ToolbarButton.js";
+import { ToolbarFilterBase as C } from "./ToolbarFilterBase.js";
+const q = ({
   currentAccount: o,
-  id: a = "toolbar-accounts",
+  id: s = "toolbar-accounts",
   onSelectAccount: t,
-  buttonTestId: n,
-  ...d
+  buttonTestId: d,
+  title: l = "Endre aktør",
+  ...n
 }) => {
-  const { currentId: i, toggleId: l, closeAll: s } = k(), f = h(), T = () => l(a), e = i === a;
-  return /* @__PURE__ */ g(B, { expanded: e, onBlurCapture: (r) => {
-    const m = r.relatedTarget;
-    (!m || !r.currentTarget.contains(m)) && s();
+  const { currentId: i, toggleId: f, closeAll: a } = I(), T = w(), g = () => f(s), r = i === s;
+  return /* @__PURE__ */ x(C, { expanded: r, onBlurCapture: (e) => {
+    const m = e.relatedTarget;
+    (!m || !e.currentTarget.contains(m)) && a();
   }, dataTestId: "filter-base-accounts", children: [
     /* @__PURE__ */ p(
-      w,
+      B,
       {
         type: "switch",
-        onToggle: T,
+        onToggle: g,
         active: !!o,
-        dataTestId: n,
-        "aria-expanded": e,
+        dataTestId: d,
+        "aria-expanded": r,
         children: o == null ? void 0 : o.name
       }
     ),
-    /* @__PURE__ */ p(I, { open: e, size: "lg", drawerTitle: "Endre konto", onClose: s, children: /* @__PURE__ */ x(
-      b,
+    /* @__PURE__ */ p(h, { open: r, size: "lg", drawerTitle: l, onClose: a, children: /* @__PURE__ */ b(
+      k,
       {
-        ...d,
-        keyboardEvents: e && f,
+        ...n,
+        keyboardEvents: r && T,
         key: i,
-        onSelectAccount: (r) => {
-          t == null || t(r), s();
+        onSelectAccount: (e) => {
+          t == null || t(e), a();
         },
         currentAccount: o
       }
@@ -46,5 +47,5 @@ const R = ({
   ] });
 };
 export {
-  R as ToolbarAccountMenu
+  q as ToolbarAccountMenu
 };

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/dist/types/lib/components/Toolbar/ToolbarAccountMenu.d.ts

@@ -3,5 +3,6 @@ export interface ToolbarAccountMenuProps extends AccountMenuProps {
     id?: string;
     isVirtualized?: boolean;
     buttonTestId?: string;
+    title?: string;
 }
-export declare const ToolbarAccountMenu: ({ currentAccount, id, onSelectAccount, buttonTestId, ...rest }: ToolbarAccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarAccountMenu: ({ currentAccount, id, onSelectAccount, buttonTestId, title, ...rest }: ToolbarAccountMenuProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

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