@altinn/altinn-components 0.68.16 → 0.68.18

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AvatarProps, SeenByLogProps } from '..';
+import { AvatarProps, DialogMetadataButtonProps, SeenByLogProps } from '..';
 export interface DialogBodyProps {
     /** Loading */
     loading?: boolean;
@@ -13,10 +13,14 @@ export interface DialogBodyProps {
     recipientLabel?: string;
     /** Group recipient, show both sender and recipient avatars */
     recipientGroup?: boolean;
-    /** Dialog is seen by the end user or others */
+    /** Dialog is seen by the end user or others. Renders as a trigger button; provide `onClick` to open a modal. */
     seenByLog?: SeenByLogProps;
+    /** Activity log trigger button */
+    activityLog?: DialogMetadataButtonProps;
+    /** "About authorization and service" trigger button */
+    accessInfo?: DialogMetadataButtonProps;
     /** Content */
     children?: ReactNode;
 }
 /** DialogBody represents the body, or main part of a dialog, including sender and recipient.  */
-export declare const DialogBody: ({ loading, unread, sender, recipient, recipientLabel, children, seenByLog, }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogBody: ({ loading, unread, sender, recipient, recipientLabel, children, seenByLog, activityLog, accessInfo, }: DialogBodyProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ loading, unread, sender, recipient, recipientLabel, children, seenByLog, }: import('./DialogBody').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, unread, sender, recipient, recipientLabel, children, seenByLog, activityLog, accessInfo, }: import('./DialogBody').DialogBodyProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     args: {
         sender: {
@@ -45,3 +45,4 @@ export declare const ExtendedContent: Story;
 export declare const WithAttachments: Story;
 export declare const WithAttachmentsMetadata: Story;
 export declare const WithActions: Story;
+export declare const WithInfoRow: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
 import { DialogMetadataProps } from '..';
-export interface DialogHeaderProps extends DialogMetadataProps {
+export interface DialogHeaderProps extends Omit<DialogMetadataProps, 'activityLog'> {
     /** Loading state */
     loading?: boolean;
     /** Dialog title */
     title: string;
 }
-export declare const DialogHeader: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, activityLog, tooltips, }: DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogHeader: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, tooltips, }: 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, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, activityLog, tooltips, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ loading, title, badge, status, extendedStatusLabel, draftsLabel, sentCount, receivedCount, updatedAt, updatedAtLabel, attachmentsCount, dueAt, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, tooltips, }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {

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

@@ -0,0 +1,340 @@
+import { DialogListItemProps, DialogListItemSize } from '..';
+declare const meta: {
+    title: string;
+    component: import('react').MemoExoticComponent<({ as, size, variant, color, loading, controls, selectable, selected, status, extendedStatusLabel, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archived, archivedAt, archivedAtLabel, trashed, trashedAt, trashedAtLabel, badge, dueAt, unread, unreadLabel, unreadItems, unreadItemsLabel, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, tooltips, title, description, summary, highlightWords, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element>;
+    tags: string[];
+    argTypes: {};
+    args: {
+        title: string;
+        summary: string;
+        sender: import('..').AvatarProps;
+        recipient: {
+            type: "person";
+            name: string;
+        };
+        updatedAt: string;
+        updatedAtLabel: string;
+        status: {};
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
+        highlightWords?: string[] | undefined;
+        title: string;
+        id?: string | undefined;
+        sender?: import('..').AvatarProps | undefined;
+        recipient?: import('..').AvatarProps | undefined;
+        recipientLabel?: string | undefined;
+        grouped?: boolean | undefined;
+        description?: string | undefined;
+        summary?: string | undefined;
+        size?: DialogListItemSize | undefined;
+        controls?: import('react').ReactNode;
+        selectable?: boolean | undefined;
+        selected?: boolean | undefined;
+        tabIndex?: number | undefined;
+        badge?: import('..').BadgeProps | undefined;
+        unread?: boolean | undefined;
+        unreadLabel?: string | undefined;
+        unreadItems?: boolean | undefined;
+        unreadItemsLabel?: string | undefined;
+        seenByLog?: import('./SeenByLog').SeenByLogProps | undefined;
+        attachmentsCount?: number | undefined;
+        attachmentsLabel?: string | undefined;
+        groupId?: string | undefined;
+        variant?: import('./DialogListItem').DialogListItemVariant | undefined;
+        color?: import('..').Color | undefined;
+        as?: import('react').ElementType | undefined;
+        href?: string | undefined;
+        onClick?: (() => void) | undefined;
+        onKeyPress?: import('react').KeyboardEventHandler | undefined;
+        ariaLabel?: string | undefined;
+        loading?: boolean | undefined;
+        disabled?: boolean | undefined;
+        className?: string | undefined;
+        active?: boolean | undefined;
+        children?: import('react').ReactNode;
+        expanded?: boolean | undefined;
+        collapsible?: boolean | undefined;
+        ariaControlsId?: string | undefined;
+        status?: import('./DialogStatus').DialogStatusProps | undefined;
+        extendedStatusLabel?: string | undefined;
+        updatedAt?: string | undefined;
+        updatedAtLabel?: string | undefined;
+        dueAt?: import('./DialogMetadata').DialogMetadataDueAtProps | undefined;
+        archived?: boolean | undefined;
+        archivedAt?: string | undefined;
+        archivedAtLabel?: string | undefined;
+        trashed?: boolean | undefined;
+        trashedAt?: string | undefined;
+        trashedAtLabel?: string | undefined;
+        draftsLabel?: string | undefined;
+        sentCount?: number | undefined;
+        receivedCount?: number | undefined;
+        transmissionsLabel?: string | undefined;
+        activityLog?: import('./DialogMetadata').DialogMetadataButtonProps | undefined;
+        tooltips?: import('./DialogMetadata').DialogMetadataTooltips | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+export declare const Default: {
+    args: {};
+};
+export declare const Unread: {
+    args: {
+        unread: boolean;
+    };
+};
+export declare const UnreadTrashed: {
+    args: {
+        trashedAt: string;
+        trashedAtLabel: string;
+        unread: boolean;
+    };
+};
+export declare const UnreadItems: {
+    args: {
+        unreadItems: boolean;
+    };
+};
+export declare const UnreadItemsArchived: {
+    args: {
+        archivedAt: string;
+        archivedAtLabel: string;
+        unreadItems: boolean;
+    };
+};
+export declare const SeenByEndUser: {
+    args: {
+        seenByLog: {
+            title: string;
+            items: {
+                id: string;
+                name: string;
+                seenAt: string;
+                seenAtLabel: string;
+                isEndUser: boolean;
+            }[];
+        };
+    };
+};
+export declare const SeenByMultiple: {
+    args: {
+        seenByLog: import('./SeenByLog').SeenByLogProps;
+    };
+};
+export declare const UnopenedContent: {
+    args: {
+        seenByLog: import('./SeenByLog').SeenByLogProps;
+        badge: {
+            label: string;
+        };
+    };
+};
+export declare const MarkedAsUnread: {
+    args: {
+        seenByLog: import('./SeenByLog').SeenByLogProps;
+        unread: boolean;
+    };
+};
+export declare const GroupedAvatars: {
+    args: {
+        grouped: boolean;
+    };
+};
+export declare const RequiresAttention: {
+    args: {
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const DueAt: {
+    args: {
+        dueAt: {
+            datetime: string;
+            label: string;
+        };
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const InProgress: {
+    args: {
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const Completed: {
+    args: {
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const AttachmentsCount: {
+    args: {
+        attachmentsCount: number;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const AttachmentsLabel: {
+    args: {
+        attachmentsLabel: string;
+        attachmentsCount: number;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const Draft: {
+    args: {
+        summary: undefined;
+        recipient: undefined;
+        draftsLabel: string;
+    };
+};
+export declare const DraftAndStatus: {
+    args: {
+        draftsLabel: string;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const Archived: {
+    args: {
+        archived: boolean;
+        archivedAt: string;
+        archivedAtLabel: string;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const ArchivedBy: {
+    args: {
+        archived: boolean;
+        archivedAt: string;
+        archivedAtLabel: string;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const ArchivedAt: {
+    args: {
+        archived: boolean;
+        archivedAt: string;
+        archivedAtLabel: string;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const Trashed: {
+    args: {
+        trashed: boolean;
+        trashedAt: string;
+        trashedAtLabel: string;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const TrashedAt: {
+    args: {
+        trashed: boolean;
+        trashedAt: string;
+        trashedAtLabel: string;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const TrashedBy: {
+    args: {
+        trashed: boolean;
+        trashedAt: string;
+        trashedAtLabel: string;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const SentCount: {
+    args: {
+        sentCount: number;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const ReceivedCount: {
+    args: {
+        receivedCount: number;
+        status: {
+            value: string;
+            label: string;
+        };
+    };
+};
+export declare const Transmissions: {
+    args: {
+        summary: undefined;
+        sentCount: number;
+        receivedCount: number;
+    };
+};
+export declare const WithTooltips: {
+    args: {
+        status: {
+            value: string;
+            label: string;
+        };
+        sentCount: number;
+        receivedCount: number;
+        tooltips: {
+            sent: string;
+            received: string;
+            attachments: string;
+            activityLog: string;
+        };
+    };
+};
+export declare const Loading: {
+    args: {
+        loading: boolean;
+    };
+};
+export declare const LongTitle: {
+    args: {
+        title: string;
+    };
+};
+export declare const LongSummary: {
+    args: {
+        summary: string;
+    };
+};
+export declare const Selectable: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element[];
+export declare const Sizes: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element[];
+export declare const AsLink: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CustomControls: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HighlightWords: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { AvatarProps, BadgeProps, DialogStatusProps } from '..';
-interface DialogMetadataButtonProps {
+export interface DialogMetadataButtonProps {
     label: string;
     onClick?: () => void;
 }
@@ -65,4 +65,3 @@ export type DialogMetadataProps = {
  * Metadata for a dialog in list view.
  */
 export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, extendedStatusLabel, tooltips, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -0,0 +1,7 @@
+import { SeenByLogProps } from '../';
+export interface DialogSeenByLogProps extends SeenByLogProps {
+    title: string;
+    open: boolean;
+    onClose: () => void;
+}
+export declare const DialogSeenByLog: ({ title, items, endUserLabel, open, onClose }: DialogSeenByLogProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,6 +6,8 @@ export interface SeenByLogProps {
     items: SeenByLogItemProps[];
     size?: 'sm' | 'md';
     endUserLabel?: string;
+    /** Called when the seen-by trigger is clicked. Used by DialogBody to open a modal instead of expanding inline. */
+    onClick?: () => void;
 }
 /**
  * SeenByLog

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

@@ -15,6 +15,7 @@ export * from './DialogByline';
 export * from './DialogActions';
 export * from './DialogActivityLog';
 export * from './DialogSeenBy';
+export * from './DialogSeenByLog';
 export * from './DialogSelect';
 export * from './DialogStatus';
 export * from './DialogAttachments';

package/package.json

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