@altinn/altinn-components 0.9.0 → 0.10.0

package/dist/components/Dialog/DialogList.stories.js

@@ -1,61 +1,44 @@
-import { DialogList as t } from "./DialogList.js";
-const l = {
+import "../../examples/globalMenu.js";
+import "../../examples/inboxFilters.js";
+import "react/jsx-runtime";
+import "react";
+import { dialogListItems as t } from "../../examples/dialog/dialogListItems.js";
+import "../../examples/dialog/reportingDraftDialog.js";
+import "../../examples/dialog/reportingInProgressDialog.js";
+import "../../examples/dialog/reportingCompletedDialog.js";
+import "../../examples/dialog/transmissionsTimeline.js";
+import "../../examples/dialog/transmissionsInProgressDialog.js";
+import "../../examples/dialog/transmissionsCompletedDialog.js";
+import { DialogList as o } from "./DialogList.js";
+const f = {
   title: "Dialog/DialogList",
-  component: t,
+  component: o,
   tags: ["autodocs"],
   parameters: {
     layout: "fullscreen"
   },
   args: {
-    items: [
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget",
-        status: { value: "draft" },
-        groupId: "2024-01"
-      },
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget",
-        status: { value: "sent" },
-        groupId: "2024-02"
-      },
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget",
-        status: { value: "requires-attention" },
-        groupId: "2024-01"
-      },
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget",
-        status: { value: "in-progress" },
-        groupId: "2024-02"
-      },
-      {
-        title: "Støtte til utbygging av solceller",
-        summary: "Din støtte er innvilget.",
-        status: { value: "completed" },
-        groupId: "2024-01"
-      }
-    ]
+    items: t
   }
-}, s = {
+}, d = {
   args: {}
-}, i = {
+}, D = {
   args: {
     groups: {
-      "2024-01": {
-        title: "Januar 2024"
+      "2023-01": {
+        title: "Januar 2023"
+      },
+      "2023-02": {
+        title: "Februar 2023"
       },
-      "2024-02": {
-        title: "Februar 2024"
+      "2023-10": {
+        title: "Oktober 2023"
       }
     }
   }
 };
 export {
-  s as Default,
-  i as Grouped,
-  l as default
+  d as Default,
+  D as Grouped,
+  f as default
 };

package/dist/components/Dialog/DialogListGroup.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface DialogListGroupProps {
+    title?: string;
+    children?: ReactNode;
+}
+export declare const DialogListGroup: ({ title, children }: DialogListGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/{DialogGroup.js → DialogListGroup.js}

@@ -3,19 +3,19 @@ import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import { Heading as t } from "../Typography/Heading.js";
 import "react";
+import "../Autocomplete/AutocompleteBase.js";
 import { Button as e } from "../Button/Button.js";
 import "../RootProvider/RootProvider.js";
 import { ListBase as n } from "../List/ListBase.js";
-import "../Searchbar/AutocompleteBase.js";
-import { SectionBase as p } from "../Page/SectionBase.js";
-import { SectionHeader as a } from "../Page/SectionHeader.js";
-const k = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
-  i && /* @__PURE__ */ o(a, { padding: !0, margin: !0, children: [
+import { Section as p } from "../Page/Section.js";
+import { SectionHeader as c } from "../Page/SectionHeader.js";
+const B = ({ title: i, children: m }) => /* @__PURE__ */ o(p, { spacing: "md", children: [
+  i && /* @__PURE__ */ o(c, { margin: "sm", children: [
     /* @__PURE__ */ r(t, { children: i }),
     /* @__PURE__ */ r(e, { variant: "text", icon: "checkmark", size: "sm", children: "Velg alle" })
   ] }),
   /* @__PURE__ */ r(n, { spacing: "md", children: m })
 ] });
 export {
-  k as DialogGroup
+  B as DialogListGroup
 };

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

@@ -1,15 +1,12 @@
 import { ElementType } from 'react';
-import { ListItemColor } from '../List';
-import { DialogRecipientProps, DialogSenderProps } from './DialogHeadings';
-import { DialogSeenByProps } from './DialogSeenBy';
-import { DialogSelectProps } from './DialogSelect';
-import { DialogStatusProps } from './DialogStatus';
-import { DialogTouchedByActor } from './DialogTouchedBy';
+import { AvatarProps, DialogSeenByProps, DialogSelectProps, DialogStatusProps, DialogTouchedByActor, ListItemColor } from '..';
 export type DialogListItemSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export type DialogListItemVariant = 'neutral' | 'draft' | 'trashed' | 'archived';
+export type DialogListItemVariant = 'normal' | 'trashed' | 'archived';
 export interface DialogListItemProps {
     /** Dialog title */
     title: string;
+    /** Dialog sender */
+    sender: AvatarProps;
     /** Dialog description */
     description?: string;
     /** Dialog summary (will override description) */
@@ -32,12 +29,12 @@ export interface DialogListItemProps {
     selected?: boolean;
     /** Dialog status */
     status?: DialogStatusProps;
-    /** Dialog sender */
-    sender?: DialogSenderProps;
     /** Dialog Recipient  */
-    recipient?: DialogRecipientProps;
-    /** Group view, show avatar for recipient */
-    grouped?: boolean;
+    recipient?: AvatarProps;
+    /** Dialog Recipient  */
+    recipientLabel?: string;
+    /** Group recipient, show both sender and recipient avatars */
+    recipientGroup?: boolean;
     /** Updated datetime */
     updatedAt?: string;
     /** Updated at label */
@@ -58,7 +55,7 @@ export interface DialogListItemProps {
     tabIndex?: number;
     /** Custom label */
     label?: string;
-    /** *Custom background color */
+    /** Custom color */
     color?: ListItemColor;
     /** Dialog has been seen */
     seen?: boolean;
@@ -76,4 +73,4 @@ export interface DialogListItemProps {
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: ({ size, variant, loading, select, status, sender, recipient, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, label, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, variant, loading, select, status, sender, recipient, recipientLabel, recipientGroup, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, label, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogListItem.js

@@ -1,95 +1,107 @@
-import { jsx as m, jsxs as e } from "react/jsx-runtime";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 import "react";
-import { DialogBorder as h } from "./DialogBorder.js";
-import { DialogMetadata as D } from "./DialogMetadata.js";
-import { DialogHeaderBase as V } from "./DialogHeaderBase.js";
-import { DialogHeadings as k } from "./DialogHeadings.js";
-import { DialogTitle as q } from "./DialogTitle.js";
+import "../Autocomplete/AutocompleteBase.js";
+import { DialogMetadata as y } from "./DialogMetadata.js";
+import { DialogByline as C } from "./DialogByline.js";
+import { Skeleton as E } from "../Skeleton/Skeleton.js";
+import { DialogBorder as N } from "./DialogBorder.js";
+import { DialogSelect as F } from "./DialogSelect.js";
+import { DialogHeading as G } from "./DialogHeading.js";
 import "../RootProvider/RootProvider.js";
-import { DialogTouchedBy as w } from "./DialogTouchedBy.js";
-import { DialogSelect as C } from "./DialogSelect.js";
-import "../Searchbar/AutocompleteBase.js";
-import { ListItemLabel as E } from "../List/ListItemLabel.js";
-import { ListItem as d } from "../List/ListItem.js";
-import { DialogDescription as F } from "./DialogDescription.js";
-import '../../assets/DialogListItem.css';const G = "_item_6aymu_1", J = "_select_6aymu_6", K = "_summary_6aymu_13", O = "_footer_6aymu_34", P = "_touchedBy_6aymu_42", Q = "_border_6aymu_51", t = {
-  item: G,
-  select: J,
-  summary: K,
-  footer: O,
-  touchedBy: P,
-  border: Q
-}, sr = ({
-  size: r = "lg",
-  variant: N = "neutral",
-  loading: o,
-  select: c,
-  status: b,
-  sender: B,
-  recipient: x,
-  grouped: I,
-  updatedAt: s,
-  updatedAtLabel: i,
-  archivedAt: l,
-  archivedAtLabel: L,
-  trashedAt: f,
-  trashedAtLabel: j,
-  label: H,
-  dueAt: T,
-  dueAtLabel: g,
-  seen: a = !1,
-  seenBy: v,
-  touchedBy: p,
-  attachmentsCount: M,
-  title: _,
-  description: n,
-  summary: u,
-  ...y
+import { ListItemBase as u } from "../List/ListItemBase.js";
+import { ListItemHeader as B } from "../List/ListItemHeader.js";
+import { ListItemLabel as J } from "../List/ListItemLabel.js";
+import '../../assets/DialogListItem.css';const K = "_border_1676z_14", O = "_select_1676z_40", P = "_header_1676z_47", Q = "_summary_1676z_59", R = "_footer_1676z_87", T = "_touchedBy_1676z_91", t = {
+  border: K,
+  select: O,
+  header: P,
+  summary: Q,
+  footer: R,
+  touchedBy: T
+}, cr = ({
+  size: r = "xl",
+  variant: b = "normal",
+  loading: e,
+  select: s,
+  status: x,
+  sender: l,
+  recipient: D,
+  recipientLabel: I = "to",
+  recipientGroup: L = !1,
+  updatedAt: i,
+  updatedAtLabel: h,
+  archivedAt: d,
+  archivedAtLabel: j,
+  trashedAt: _,
+  trashedAtLabel: H,
+  label: S,
+  dueAt: k,
+  dueAtLabel: v,
+  seen: m = !1,
+  seenBy: M,
+  touchedBy: V,
+  attachmentsCount: q,
+  title: f,
+  description: p,
+  summary: n,
+  ...a
 }) => {
-  const S = f ? "trashed" : l ? "archived" : N;
-  return r === "xs" || r === "sm" ? /* @__PURE__ */ m(d, { ...y, loading: o, size: r, className: t.item, children: /* @__PURE__ */ e(h, { className: t.border, size: r, seen: a, loading: o, children: [
-    /* @__PURE__ */ m(E, { loading: o, size: r, title: _, description: u || n }),
-    /* @__PURE__ */ m(D, { loading: o, updatedAt: s, updatedAtLabel: i })
-  ] }) }) : /* @__PURE__ */ m(
-    d,
+  const w = _ ? "trashed" : d ? "archived" : b;
+  return r === "xs" || r === "sm" || r === "md" ? /* @__PURE__ */ o(u, { ...a, size: r, children: /* @__PURE__ */ o(B, { ...a, loading: e, size: r, className: t.item, children: /* @__PURE__ */ c(N, { className: t.border, size: r, seen: m, loading: e, children: [
+    /* @__PURE__ */ o(J, { loading: e, size: r, title: f, description: n || p }),
+    /* @__PURE__ */ o(y, { loading: e, sender: l, updatedAt: i, updatedAtLabel: h })
+  ] }) }) }) : /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(
+    B,
     {
-      ...y,
-      loading: o,
+      ...a,
+      loading: e,
       size: r,
       className: t.item,
-      controls: c && /* @__PURE__ */ m(C, { className: t.select, ...c }),
-      children: /* @__PURE__ */ e(h, { className: t.border, size: r, seen: a, loading: o, children: [
-        /* @__PURE__ */ e(V, { size: r, children: [
-          /* @__PURE__ */ m(q, { loading: o, size: r, variant: S, label: H, seen: a, children: _ }),
-          /* @__PURE__ */ m(k, { loading: o, size: r, grouped: I, sender: B, recipient: x })
-        ] }),
-        /* @__PURE__ */ m(F, { loading: o, size: r, children: u || n }),
-        /* @__PURE__ */ e("footer", { "data-size": r, className: t.footer, children: [
-          /* @__PURE__ */ m(
-            D,
+      controls: s && /* @__PURE__ */ o(F, { className: t.select, ...s }),
+      children: /* @__PURE__ */ c(N, { className: t.border, size: r, seen: m, loading: e, children: [
+        /* @__PURE__ */ c("header", { className: t.header, "data-size": r, children: [
+          /* @__PURE__ */ o(G, { loading: e, size: r, variant: w, label: S, seen: m, children: f }),
+          /* @__PURE__ */ o(
+            C,
             {
-              loading: o,
-              status: b,
-              updatedAt: s,
-              updatedAtLabel: i,
-              archivedAt: l,
-              archivedAtLabel: L,
-              trashedAt: f,
-              trashedAtLabel: j,
-              dueAt: T,
-              dueAtLabel: g,
-              seenBy: v,
-              attachmentsCount: M
+              size: "xs",
+              loading: e,
+              sender: l,
+              recipient: D,
+              recipientLabel: I,
+              recipientGroup: L
             }
           ),
-          p && /* @__PURE__ */ m(w, { loading: o, size: "xs", touchedBy: p, className: t.touchedBy })
-        ] })
+          /* @__PURE__ */ o("p", { "data-size": r, className: t.summary, children: /* @__PURE__ */ o(E, { loading: e, children: n || p }) })
+        ] }),
+        /* @__PURE__ */ o(
+          y,
+          {
+            className: t.footer,
+            loading: e,
+            status: x,
+            updatedAt: i,
+            updatedAtLabel: h,
+            archivedAt: d,
+            archivedAtLabel: j,
+            trashedAt: _,
+            trashedAtLabel: H,
+            dueAt: k,
+            dueAtLabel: v,
+            attachmentsCount: q,
+            seenBy: M,
+            touchedBy: {
+              touchedBy: V,
+              className: t.touchedBy
+            }
+          }
+        )
       ] })
     }
-  );
+  ) });
 };
 export {
-  sr as DialogListItem
+  cr as DialogListItem
 };

package/dist/components/Dialog/DialogListItem.stories.js

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { withThemeByDataAttribute as y } from "@storybook/addon-themes";
-import { Fragment as u, useState as v } from "react";
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { withThemeByDataAttribute as p } from "@storybook/addon-themes";
+import { Fragment as c, useState as y } from "react";
 import { DialogListItem as n } from "./DialogListItem.js";
-import { DialogStatusEnum as g } from "./DialogStatus.js";
+import { DialogStatusEnum as v } from "./DialogStatus.js";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
+import "../Autocomplete/AutocompleteBase.js";
 import { MetaItem as r } from "../Meta/MetaItem.js";
 import "../RootProvider/RootProvider.js";
-import "../Searchbar/AutocompleteBase.js";
-import { ListBase as s } from "../List/ListBase.js";
-const f = (t) => {
+import { ListBase as i } from "../List/ListBase.js";
+const g = (t) => {
   switch (t) {
     case "draft":
       return "Utkast";
@@ -24,17 +24,17 @@ const f = (t) => {
     default:
       return "";
   }
-}, o = ["lg", "md", "sm", "xs"];
-var b;
-const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
+}, o = ["xl", "lg", "md", "sm", "xs"];
+var h;
+const f = (h = Object.keys(v)) == null ? void 0 : h.map((t) => ({
   value: t,
-  label: f(t)
+  label: g(t)
 })), C = {
   title: "Dialog/DialogListItem",
   component: n,
   tags: ["autodocs"],
   decorators: [
-    y({
+    p({
       themes: {
         company: "company",
         person: "person"
@@ -58,15 +58,15 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     updatedAtLabel: "25. november 2024 kl 15.30",
     status: {}
   }
-}, E = (t) => /* @__PURE__ */ e(s, { children: c == null ? void 0 : c.map((a) => /* @__PURE__ */ i(u, { children: [
-  /* @__PURE__ */ e(n, { ...t, status: a }),
-  /* @__PURE__ */ e(r, { children: a == null ? void 0 : a.value })
-] }, a == null ? void 0 : a.value)) }), I = (t) => /* @__PURE__ */ i(s, { children: [
+}, E = (t) => /* @__PURE__ */ e(i, { children: f.map((l) => /* @__PURE__ */ s(c, { children: [
+  /* @__PURE__ */ e(n, { ...t, status: l }),
+  /* @__PURE__ */ e(r, { children: l == null ? void 0 : l.value })
+] }, l.value)) }), I = (t) => /* @__PURE__ */ s(i, { children: [
   /* @__PURE__ */ e(n, { ...t, loading: !0, label: "Ulest" }),
   /* @__PURE__ */ e(r, { children: "Loading" }),
   /* @__PURE__ */ e(n, { ...t, label: "Ulest" }),
   /* @__PURE__ */ e(r, { children: "Loaded" })
-] }), q = (t) => /* @__PURE__ */ i(s, { children: [
+] }), q = (t) => /* @__PURE__ */ s(i, { children: [
   /* @__PURE__ */ e(n, { ...t, label: "Ulest", status: { value: "requires-attention", label: "Krever handling" } }),
   /* @__PURE__ */ e(r, { children: "Dialog is new and has not been seen by anybody" }),
   /* @__PURE__ */ e(
@@ -83,7 +83,6 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     n,
     {
       ...t,
-      size: "md",
       label: "Arkivert",
       status: { value: "completed", label: "Avsluttet" },
       seen: !0,
@@ -97,7 +96,6 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     n,
     {
       ...t,
-      size: "md",
       label: "Papirkurv",
       status: { value: "completed", label: "Avsluttet" },
       seen: !0,
@@ -107,7 +105,7 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     }
   ),
   /* @__PURE__ */ e(r, { children: "Dialog has been moved to trash" })
-] }), T = (t) => /* @__PURE__ */ i(s, { children: [
+] }), x = (t) => /* @__PURE__ */ s(i, { children: [
   /* @__PURE__ */ e(
     n,
     {
@@ -118,10 +116,10 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     }
   ),
   /* @__PURE__ */ e(r, { children: "Dialog requires action wihtin a spesific due date." })
-] }), w = (t) => /* @__PURE__ */ i(s, { children: [
+] }), T = (t) => /* @__PURE__ */ s(i, { children: [
   /* @__PURE__ */ e(n, { ...t, attachmentsCount: 2 }),
   /* @__PURE__ */ e(r, { children: "Dialog has attachments." })
-] }), x = (t) => /* @__PURE__ */ i(s, { children: [
+] }), w = (t) => /* @__PURE__ */ s(i, { children: [
   /* @__PURE__ */ e(n, { ...t, seen: !0, seenBy: { seenByEndUser: !0, label: "Sett av deg" } }),
   /* @__PURE__ */ e(r, { children: "Seen by end user. Dialog is marked as seen." }),
   /* @__PURE__ */ e(n, { ...t, seenBy: { seenByOthersCount: 4, label: "Sett av 4" } }),
@@ -135,7 +133,7 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     }
   ),
   /* @__PURE__ */ e(r, { children: "Seen by end user and others. Dialog is marked as seen." })
-] }), M = (t) => /* @__PURE__ */ i(s, { children: [
+] }), M = (t) => /* @__PURE__ */ s(i, { children: [
   /* @__PURE__ */ e(n, { ...t, touchedBy: [{ name: "Kari Nordmann" }] }),
   /* @__PURE__ */ e(r, { children: "Dialog has been touched by a single actor." }),
   /* @__PURE__ */ e(n, { ...t, touchedBy: [{ name: "Kari Nordmann" }, { name: "Ola Nordmann" }] }),
@@ -148,7 +146,7 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
     }
   ),
   /* @__PURE__ */ e(r, { children: "Dialog has been touched by a multiple actors." })
-] }), P = (t) => /* @__PURE__ */ i(s, { children: [
+] }), P = (t) => /* @__PURE__ */ s(i, { children: [
   /* @__PURE__ */ e(
     n,
     {
@@ -166,8 +164,8 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
   ),
   /* @__PURE__ */ e(r, { children: "Long summary" })
 ] }), F = (t) => {
-  var h;
-  const [a, p] = v({
+  var m;
+  const [l, b] = y({
     1: {
       id: "1",
       title: "Item 1",
@@ -183,40 +181,40 @@ const c = (b = Object.keys(g)) == null ? void 0 : b.map((t) => ({
       title: "Item 2",
       selected: !1
     }
-  }), m = ({ id: l }) => {
-    p((d) => ({
+  }), u = ({ id: a }) => {
+    b((d) => ({
       ...d,
-      [l]: {
-        ...d[l],
-        selected: !d[l].selected
+      [a]: {
+        ...d[a],
+        selected: !d[a].selected
       }
     }));
   };
-  return /* @__PURE__ */ e(s, { children: (h = Object.values(a)) == null ? void 0 : h.map((l) => /* @__PURE__ */ i(u, { children: [
+  return /* @__PURE__ */ e(i, { children: (m = Object.values(l)) == null ? void 0 : m.map((a) => /* @__PURE__ */ s(c, { children: [
     /* @__PURE__ */ e(
       n,
       {
         ...t,
-        title: l.title,
-        onClick: l.selected ? () => m(l) : null,
-        selected: l.selected,
-        select: { checked: l == null ? void 0 : l.selected, onChange: () => m(l) }
+        title: a.title,
+        onClick: a.selected ? () => u(a) : void 0,
+        selected: a.selected,
+        select: { checked: a == null ? void 0 : a.selected, onChange: () => u(a) }
       }
     ),
-    /* @__PURE__ */ i(r, { children: [
+    /* @__PURE__ */ s(r, { children: [
       "selected:",
-      l.selected ? "true" : "false"
+      a.selected ? "true" : "false"
     ] })
-  ] }, l == null ? void 0 : l.id)) });
-}, R = (t) => /* @__PURE__ */ e(s, { children: o == null ? void 0 : o.map((a) => /* @__PURE__ */ i(u, { children: [
-  /* @__PURE__ */ e(n, { ...t, size: a, status: { value: "in-progress", label: "Under arbeid" } }),
-  /* @__PURE__ */ e(r, { children: a })
-] }, a)) });
+  ] }, a == null ? void 0 : a.id)) });
+}, R = (t) => /* @__PURE__ */ e(i, { children: o == null ? void 0 : o.map((l) => /* @__PURE__ */ s(c, { children: [
+  /* @__PURE__ */ e(n, { ...t, size: l, status: { value: "in-progress", label: "Under arbeid" } }),
+  /* @__PURE__ */ e(r, { children: l })
+] }, l)) });
 export {
-  w as Attachments,
-  T as DueAt,
+  T as Attachments,
+  x as DueAt,
   I as Loading,
-  x as SeenBy,
+  w as SeenBy,
   F as Selectable,
   R as Sizes,
   E as Statuses,

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

@@ -1,10 +1,12 @@
-import { DialogSeenByProps } from './DialogSeenBy';
-import { DialogStatusProps } from './DialogStatus';
+import { AvatarProps, DialogSeenByProps, DialogStatusProps, DialogTouchedByProps } from '..';
 export type DialogMetadataProps = {
+    className?: string;
     /** Metadata is loading */
     loading?: boolean;
     /** Dialog status */
     status?: DialogStatusProps;
+    /** Sender */
+    sender?: AvatarProps;
     /** Updated datetime */
     updatedAt?: string;
     /** Updated label */
@@ -23,10 +25,18 @@ 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;
+    /** Attachments label */
+    attachmentsLabel?: string;
+    /** Transmissions label */
+    transmissionsLabel?: string;
+    /** Clickable items */
+    onClick?: () => void;
 };
 /**
  * Metadata for a dialog in list view.
  */
-export declare const DialogMetadata: ({ loading, status, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, attachmentsCount, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogMetadata: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, touchedBy, attachmentsCount, attachmentsLabel, transmissionsLabel, onClick, }: DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;