@altinn/altinn-components 0.30.1 → 0.30.3

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

@@ -1,4 +1,4 @@
-import { AvatarProps, BadgeProps, Color, DialogSeenByProps, DialogStatusProps, DialogTouchedByActor, ListItemProps } from '..';
+import { AvatarProps, BadgeProps, Color, DialogSeenByProps, DialogStatusProps, ListItemProps, SeenByLogProps } from '..';
 export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type DialogListItemState = 'normal' | 'trashed' | 'archived';
 export type DialogListItemTheme = 'default' | 'subtle' | 'transparent';
@@ -23,6 +23,12 @@ export interface DialogListItemProps extends ListItemProps {
     state?: DialogListItemState;
     /** Dialog status */
     status?: DialogStatusProps;
+    /** Drafts label */
+    draftsLabel?: string;
+    /** Number of submissions sent */
+    sentCount?: number;
+    /** Number of received transmissions */
+    receivedCount?: number;
     /** Dialog Recipient  */
     recipient?: AvatarProps;
     /** Dialog Recipient  */
@@ -53,8 +59,8 @@ export interface DialogListItemProps extends ListItemProps {
     seen?: boolean;
     /** Dialog is seen by the user */
     seenBy?: DialogSeenByProps;
-    /** List of users that have touched the dialog */
-    touchedBy?: DialogTouchedByActor[];
+    /** Seen by log */
+    seenByLog?: SeenByLogProps;
     /** Number of attachments */
     attachmentsCount?: number;
     /** Group id */
@@ -69,4 +75,4 @@ export interface DialogListItemProps extends ListItemProps {
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, seenByLog, draftsLabel, sentCount, receivedCount, attachmentsCount, title, description, summary, variant, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -23,9 +23,14 @@ export { Loading };
 export declare const Variants: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const DueAt: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const Attachments: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TouchedBy: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TextLength: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
 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 TransmissionsUnseen: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TransmissionsSeen: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TransmissionsWithSummary: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DraftDialog: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultipleDrafts: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StatusAndDraft: (args: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { AvatarProps, DialogActivityLogProps, DialogSeenByProps, DialogStatusProps, DialogTouchedByProps } from '..';
+import { AvatarProps, DialogActivityLogProps, DialogSeenByProps, DialogStatusProps } from '..';
 export type DialogMetadataProps = {
     className?: string;
     /** Metadata is loading */
@@ -25,10 +25,14 @@ export type DialogMetadataProps = {
     trashedAtLabel?: string;
     /** Who have seen the dialog after latest update */
     seenBy?: DialogSeenByProps;
-    /** Who have seen the dialog after latest update */
-    touchedBy?: DialogTouchedByProps;
     /** Number of attachments */
     attachmentsCount?: number;
+    /** Drafts label */
+    draftsLabel?: string;
+    /** Number of submissions sent */
+    sentCount?: number;
+    /** Number of received transmissions */
+    receivedCount?: number;
     /** Attachments label */
     attachmentsLabel?: string;
     /** Transmissions label */
@@ -41,4 +45,4 @@ export type DialogMetadataProps = {
 /**
  * Metadata for a dialog in list view.
  */
-export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, touchedBy, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, touchedBy, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, draftsLabel, sentCount, receivedCount, attachmentsCount, attachmentsLabel, transmissionsLabel, activityLog, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -20,3 +20,4 @@ export declare const SeenByEndUserAndOthers: Story;
 export declare const SeenByAndActivityLog: Story;
 export declare const SeenByLog: Story;
 export declare const ActivityLog: Story;
+export declare const SentAndReceivedCount: Story;

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

@@ -1,11 +1,11 @@
 import { MetaItemSize } from '../Metadata';
 export declare enum DialogStatusEnum {
+    /** No explicit status. This is the default. */
+    'not-applicable' = "NOT_APPLICABLE",
     /** Used to indicate user-initiated dialogs not yet sent. */
     draft = "DRAFT",
-    /** Sent by the service owner. In a serial process, this is used after a submission is made. */
-    sent = "SENT",
-    /** The dialogue is considered new. Typically used for simple messages that do not require any interaction, or as an initial step for dialogues. This is the default. */
-    new = "NEW",
+    /** Awaiting action by the service owner. Indicates that the dialog is in a state where the party representative has no further tasks, and the responsibility lies with the service owner. */
+    awaiting = "AWAITING",
     /** The dialogue was completed. This typically means that the dialogue is moved to a GUI archive or similar. */
     completed = "COMPLETED",
     /** Started. In a serial process, this is used to indicate that, for example, a form filling is ongoing. */

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

@@ -15,7 +15,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
 export declare const Draft: Story;
-export declare const Sent: Story;
+export declare const Awaiting: Story;
 export declare const RequiresAttention: Story;
 export declare const InProgress: Story;
 export declare const Completed: Story;

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { AvatarProps } from '..';
+export interface SeenByLogButtonProps {
+    ariaLabel?: string;
+    children?: ReactNode;
+    items: AvatarProps[];
+    className?: string;
+    onClick?: () => void;
+}
+/**
+ * SeenByLog Button
+ */
+export declare const SeenByLogButton: ({ ariaLabel, items, children, className, onClick }: SeenByLogButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -19,6 +19,6 @@ export * from './DialogSeenBy';
 export * from './DialogSelect';
 export * from './DialogStatus';
 export * from './DialogHeading';
-export * from './DialogTouchedBy';
 export * from './DialogAttachments';
 export * from './SeenByLog';
+export * from './SeenByLogButton';

package/dist/types/lib/stories/Inbox.stories.d.ts

@@ -7,11 +7,13 @@ declare const meta: {
     args: {};
 };
 export default meta;
-export declare const Inbox: () => import("react/jsx-runtime").JSX.Element;
-export declare const Search: () => import("react/jsx-runtime").JSX.Element;
-export declare const Drafts: () => import("react/jsx-runtime").JSX.Element;
-export declare const Sent: () => import("react/jsx-runtime").JSX.Element;
-export declare const Bookmarks: () => import("react/jsx-runtime").JSX.Element;
+export declare const InboxPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const SearchPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const DraftsPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const SentPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarksPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const ArchivePage: () => import("react/jsx-runtime").JSX.Element;
+export declare const TrashPage: () => import("react/jsx-runtime").JSX.Element;
 export declare const Dialog: ({ tabId }: {
     tabId?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/package.json

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

package/dist/Eye-BuhFHkaK.js

@@ -1,25 +0,0 @@
-"use client";
-import * as a from "react";
-import { forwardRef as i } from "react";
-import { u as c } from "./useId-BVFxCjkq.js";
-var f = function(t, n) {
-  var r = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
-      n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
-  return r;
-};
-const p = i((t, n) => {
-  var { title: r, titleId: e } = t, l = f(t, ["title", "titleId"]);
-  let o = c();
-  return o = r ? e || "title-" + o : void 0, a.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: n, "aria-labelledby": o }, l),
-    r ? a.createElement("title", { id: o }, r) : null,
-    a.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.148 12.317A10 10 0 0 1 3.905 12q.103-.14.243-.317c.35-.438.878-1.025 1.582-1.61C7.136 8.902 9.222 7.75 12 7.75a4.25 4.25 0 0 0 0 8.5c-2.778 0-4.864-1.152-6.27-2.323a11.3 11.3 0 0 1-1.582-1.61M12 16.25a4.25 4.25 0 0 0 0-8.5c2.778 0 4.864 1.152 6.27 2.323A11.3 11.3 0 0 1 20.095 12q-.103.14-.243.317a11.3 11.3 0 0 1-1.582 1.61c-1.406 1.171-3.492 2.323-6.27 2.323m0-10c-3.222 0-5.636 1.343-7.23 2.67a12.8 12.8 0 0 0-1.793 1.826 10 10 0 0 0-.576.796l-.05.08-.011.022a1 1 0 0 0-.037.078c-.012.032-.045.17-.053.278.008.108.041.246.053.278l.037.078.012.022.05.08q.04.069.12.182c.103.152.254.363.455.614.4.5.997 1.163 1.793 1.826 1.594 1.327 4.008 2.67 7.23 2.67s5.636-1.343 7.23-2.67a12.8 12.8 0 0 0 1.793-1.826 10 10 0 0 0 .576-.796l.035-.056.005-.009.01-.015.011-.022.016-.03c.004-.01.015-.033.02-.048.013-.032.046-.17.054-.278a1.4 1.4 0 0 0-.053-.278l-.021-.047q-.012-.024-.016-.031l-.02-.034-.006-.012a4 4 0 0 0-.155-.238 10 10 0 0 0-.456-.614c-.4-.5-.997-1.163-1.793-1.826-1.594-1.327-4.008-2.67-7.23-2.67M9.25 12a2.75 2.75 0 1 1 5.5 0 2.75 2.75 0 0 1-5.5 0", clipRule: "evenodd" })
-  );
-});
-export {
-  p as S
-};

package/dist/components/Dialog/DialogTouchedBy.js

@@ -1,8 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import "../../index-L8X2o7IH.js";
-import "react";
-import { AvatarGroup as t } from "../Avatar/AvatarGroup.js";
-const e = ({ loading: m, size: p = "sm", touchedBy: r = [], className: i }) => !(r != null && r.length) || m ? null : /* @__PURE__ */ o(t, { defaultType: "person", items: r, size: p, className: i });
-export {
-  e as DialogTouchedBy
-};

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

@@ -1,11 +0,0 @@
-import { AvatarSize } from '../Avatar';
-export interface DialogTouchedByActor {
-    name: string;
-}
-export interface DialogTouchedByProps {
-    loading?: boolean;
-    size?: AvatarSize;
-    touchedBy?: DialogTouchedByActor[];
-    className?: string;
-}
-export declare const DialogTouchedBy: ({ loading, size, touchedBy, className }: DialogTouchedByProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,15 +0,0 @@
-import { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: ({ loading, size, touchedBy, className }: import('./DialogTouchedBy').DialogTouchedByProps) => import("react/jsx-runtime").JSX.Element | null;
-    tags: string[];
-    parameters: {};
-    args: {
-        touchedBy: {
-            name: string;
-        }[];
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;