@altinn/altinn-components 0.9.0 → 0.10.0

package/dist/components/Dialog/DialogMetadata.js

@@ -1,31 +1,46 @@
-import { jsxs as M, jsx as e } from "react/jsx-runtime";
-import { MetaBase as a } from "../Meta/MetaBase.js";
-import { MetaItem as D } from "../Meta/MetaItem.js";
+import { jsxs as T, jsx as r } from "react/jsx-runtime";
 import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
-import { MetaTimestamp as r } from "../Meta/MetaTimestamp.js";
-import { DialogSeenBy as j } from "./DialogSeenBy.js";
-import { DialogStatus as l } from "./DialogStatus.js";
-const E = ({
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { MetaBase as q } from "../Meta/MetaBase.js";
+import { MetaItem as B } from "../Meta/MetaItem.js";
+import { MetaTimestamp as m } from "../Meta/MetaTimestamp.js";
+import { DialogSeenBy as w } from "./DialogSeenBy.js";
+import { DialogStatus as y } from "./DialogStatus.js";
+import { DialogTouchedBy as E } from "./DialogTouchedBy.js";
+import "../RootProvider/RootProvider.js";
+const W = ({
+  className: I,
   loading: i,
-  status: m,
-  updatedAt: s,
-  updatedAtLabel: n,
-  dueAt: o,
-  dueAtLabel: t,
+  status: o,
+  sender: s,
+  updatedAt: t,
+  updatedAtLabel: a,
+  dueAt: p,
+  dueAtLabel: x,
   trashedAt: c,
-  trashedAtLabel: p,
-  archivedAt: x,
-  archivedAtLabel: z,
-  seenBy: f,
-  attachmentsCount: h = 0
-}) => /* @__PURE__ */ M(a, { size: "xs", children: [
-  m && /* @__PURE__ */ e(l, { loading: i, size: "xs", ...m }),
-  s && /* @__PURE__ */ e(r, { loading: i, datetime: s, size: "xs", children: n }),
-  o && t && /* @__PURE__ */ e(r, { loading: i, datetime: o, size: "xs", icon: "clock-dashed", children: t }),
-  h > 0 && /* @__PURE__ */ e(D, { loading: i, size: "xs", icon: "paperclip", children: h }),
-  c && p && /* @__PURE__ */ e(r, { loading: i, datetime: c, size: "xs", icon: "trash", children: p }) || x && z && /* @__PURE__ */ e(r, { loading: i, datetime: x, size: "xs", icon: "archive", children: z }) || !i && f && /* @__PURE__ */ e(j, { size: "xs", ...f })
+  trashedAtLabel: z,
+  archivedAt: f,
+  archivedAtLabel: h,
+  seenBy: D,
+  touchedBy: M,
+  attachmentsCount: j = 0,
+  attachmentsLabel: n,
+  transmissionsLabel: S,
+  onClick: e
+}) => /* @__PURE__ */ T(q, { className: I, size: "xs", children: [
+  o && /* @__PURE__ */ r(y, { loading: i, size: "xs", ...o }),
+  t && /* @__PURE__ */ T(m, { loading: i, datetime: t, size: "xs", children: [
+    /* @__PURE__ */ r("strong", { children: s && s.name + ", " }),
+    a
+  ] }),
+  p && x && /* @__PURE__ */ r(m, { loading: i, datetime: p, size: "xs", icon: "clock-dashed", children: x }),
+  (n || j > 0) && /* @__PURE__ */ r(B, { as: e && "button", onClick: e, loading: i, size: "xs", icon: "paperclip", children: n || j }),
+  S && /* @__PURE__ */ r(B, { as: e && "button", onClick: e, loading: i, size: "xs", icon: "files", children: S }),
+  c && z && /* @__PURE__ */ r(m, { loading: i, datetime: c, size: "xs", icon: "trash", children: z }) || f && h && /* @__PURE__ */ r(m, { loading: i, datetime: f, size: "xs", icon: "archive", children: h }) || !i && D && /* @__PURE__ */ r(w, { size: "xs", ...D }),
+  M && /* @__PURE__ */ r(E, { ...M, loading: i, size: "xs" })
 ] });
 export {
-  E as DialogMetadata
+  W as DialogMetadata
 };

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ className, loading, status, sender, updatedAt, updatedAtLabel, dueAt, dueAtLabel, trashedAt, trashedAtLabel, archivedAt, archivedAtLabel, seenBy, touchedBy, attachmentsCount, attachmentsLabel, transmissionsLabel, onClick, }: import('./DialogMetadata').DialogMetadataProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        updatedAt: string;
+        updatedAtLabel: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Draft: Story;
+export declare const Sent: Story;
+export declare const RequiresAttentionAndDueDate: Story;
+export declare const InProgressSeenByOthers: Story;
+export declare const CompletedSeenByEndUser: Story;

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

@@ -1,6 +1,6 @@
 import { DialogMetadata as e } from "./DialogMetadata.js";
 const a = {
-  title: "Dialog/Sections/DialogMetadata",
+  title: "Dialog/DialogMetadata",
   component: e,
   tags: ["autodocs"],
   parameters: {},
@@ -45,7 +45,7 @@ const a = {
       label: "Sett av 4"
     }
   }
-}, o = {
+}, u = {
   args: {
     status: {
       value: "completed",
@@ -59,7 +59,7 @@ const a = {
   }
 };
 export {
-  o as CompletedSeenByEndUser,
+  u as CompletedSeenByEndUser,
   s as Draft,
   l as InProgressSeenByOthers,
   r as RequiresAttentionAndDueDate,

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

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

package/dist/components/Dialog/DialogSection.js

@@ -0,0 +1,15 @@
+import { jsxs as o, jsx as m } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Heading as t } from "../Typography/Heading.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { Section as n } from "../Page/Section.js";
+const l = ({ title: r, children: i }) => i ? /* @__PURE__ */ o(n, { spacing: "md", margin: "md", children: [
+  r && /* @__PURE__ */ m(t, { size: "sm", children: r }),
+  i
+] }) : null;
+export {
+  l as DialogSection
+};

package/dist/components/Dialog/DialogSeenBy.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
-import { MetaItem as c } from "../Meta/MetaItem.js";
 import "../../index-L8X2o7IH.js";
+import { MetaItem as c } from "../Meta/MetaItem.js";
 import "../Icon/SvgIcon.js";
 const x = ({
   size: e = "xs",

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { DialogSeenBy as t } from "./DialogSeenBy.js";
 const y = {
-  title: "Dialog/Sections/DialogSeenBy",
+  title: "Dialog/DialogSeenBy",
   component: t,
   tags: ["autodocs"],
   parameters: {},
@@ -20,12 +20,12 @@ const y = {
     seenByEndUser: !0,
     seenByOthersCount: 0
   }
-}, c = {
+}, u = {
   args: {
     seenByEndUser: !0,
     seenByOthersCount: 10
   }
-}, i = ({
+}, c = ({
   seenByEndUser: n,
   seenByOthersCount: e
 }) => {
@@ -35,9 +35,9 @@ const y = {
   return /* @__PURE__ */ o(t, { seenByEndUser: n, seenByOthersCount: e, label: r });
 };
 export {
-  i as ExampleLabel,
+  c as ExampleLabel,
   B as Unseen,
   y as default,
   d as seenByEndUser,
-  c as seenByEndUserAndOthers
+  u as seenByEndUserAndOthers
 };

package/dist/components/Dialog/DialogStatus.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
 import { MetaItem as o } from "../Meta/MetaItem.js";
 import { MetaProgress as s } from "../Meta/MetaProgress.js";
-import "../../index-L8X2o7IH.js";
 import "../Icon/SvgIcon.js";
 var c = /* @__PURE__ */ ((r) => (r.draft = "DRAFT", r.sent = "SENT", r.new = "NEW", r.completed = "COMPLETED", r["in-progress"] = "IN_PROGRESS", r["requires-attention"] = "REQUIRES_ATTENTION", r))(c || {});
 const m = ({ loading: r, size: i = "xs", value: e = "new", label: t }) => {

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ loading, size, value, label }: import('./DialogStatus').DialogStatusProps) => import("react/jsx-runtime").JSX.Element | null;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        value: {
+            options: string[];
+        };
+    };
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Draft: Story;
+export declare const Sent: Story;
+export declare const RequiresAttention: Story;
+export declare const InProgress: Story;
+export declare const Completed: Story;

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

@@ -1,6 +1,6 @@
 import { DialogStatusEnum as e, DialogStatus as t } from "./DialogStatus.js";
 const s = {
-  title: "Dialog/Sections/DialogStatus",
+  title: "Dialog/DialogStatus",
   component: t,
   tags: ["autodocs"],
   parameters: {

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

@@ -0,0 +1,6 @@
+import { DialogTimelineItemProps } from './DialogTimelineItem';
+export interface DialogTimelineProps {
+    title?: string;
+    items?: DialogTimelineItemProps[];
+}
+export declare const DialogTimeline: ({ title, items }: DialogTimelineProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogTimeline.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { createElement as n } from "react";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Heading as p } from "../Typography/Heading.js";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { DialogTimelineItem as l } from "./DialogTimelineItem.js";
+import { TimelineBase as s } from "../Timeline/TimelineBase.js";
+const j = ({ title: e, items: i = [] }) => /* @__PURE__ */ o(s, { children: [
+  /* @__PURE__ */ t(p, { size: "xs", children: e }),
+  i.map((r, m) => /* @__PURE__ */ n(l, { ...r, key: m }))
+] });
+export {
+  j as DialogTimeline
+};

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { TransmissionItemProps } from '../';
+export interface DialogTimelineItemProps {
+    updatedAt: string;
+    updatedAtLabel: string;
+    summary?: string;
+    items?: TransmissionItemProps[];
+    children?: ReactNode;
+}
+export declare const DialogTimelineItem: ({ updatedAt, updatedAtLabel, summary, items }: DialogTimelineItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Dialog/DialogTimelineItem.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { createElement as l } from "react";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Typography as s } from "../Typography/Typography.js";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { TransmissionItem as a } from "../Transmission/TransmissionItem.js";
+import { ListBase as c } from "../List/ListBase.js";
+import { TimelineSection as d } from "../Timeline/TimelineSection.js";
+const k = ({ updatedAt: m, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", datetime: m, dateline: o, children: /* @__PURE__ */ n(s, { size: "md", children: [
+  i && /* @__PURE__ */ e("p", { children: i }),
+  r && /* @__PURE__ */ e(c, { theme: "global", children: r.map((t, p) => /* @__PURE__ */ l(a, { ...t, key: p })) })
+] }) });
+export {
+  k as DialogTimelineItem
+};

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

@@ -1,6 +1,6 @@
 import { DialogTouchedBy as a } from "./DialogTouchedBy.js";
 const o = {
-  title: "Dialog/Sections/DialogTouchedBy",
+  title: "Dialog/DialogTouchedBy",
   component: a,
   tags: ["autodocs"],
   parameters: {},

package/dist/components/{Transmission/TransmissionSection.d.ts → Dialog/DialogTransmissions.d.ts}

@@ -1,8 +1,8 @@
 import { ToolbarProps } from '../Toolbar';
 import { TransmissionItemProps } from '../Transmission';
-export interface TransmissionSectionProps {
+export interface DialogTransmissionsProps {
     title?: string;
     items?: TransmissionItemProps[];
     toolbar?: ToolbarProps;
 }
-export declare const TransmissionSection: ({ title, items, toolbar }: TransmissionSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DialogTransmissions: ({ title, items, toolbar }: DialogTransmissionsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Dialog/DialogTransmissions.js

@@ -0,0 +1,17 @@
+import { jsxs as s, jsx as o } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Toolbar as m } from "../Toolbar/Toolbar.js";
+import { Heading as p } from "../Typography/Heading.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { TransmissionList as t } from "../Transmission/TransmissionList.js";
+const g = ({ title: n = "Transmissions", items: r, toolbar: i }) => r != null && r.length ? /* @__PURE__ */ s("section", { children: [
+  /* @__PURE__ */ o(p, { as: "h2", size: "xs", children: n }),
+  i && /* @__PURE__ */ o(m, { ...i }),
+  /* @__PURE__ */ o(t, { items: r })
+] }) : null;
+export {
+  g as DialogTransmissions
+};

package/dist/components/{Transmission/TransmissionSection.stories.js → Dialog/DialogTransmissions.stories.js}

@@ -1,6 +1,6 @@
-import { TransmissionSection as e } from "./TransmissionSection.js";
+import { DialogTransmissions as e } from "./DialogTransmissions.js";
 const r = {
-  title: "Transmission/TransmissionSection",
+  title: "Dialog/DialogTransmissions",
   component: e,
   tags: ["autodocs"],
   parameters: {},

package/dist/components/Dialog/DraftDialog.js

@@ -0,0 +1,68 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Typography as g } from "../Typography/Typography.js";
+import { Heading as B } from "../Typography/Heading.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import { DialogMetadata as j } from "./DialogMetadata.js";
+import { DialogActions as w } from "./DialogActions.js";
+import { DialogSection as d } from "./DialogSection.js";
+import { Avatar as P } from "../Avatar/Avatar.js";
+import { DialogAttachments as G } from "./DialogAttachments.js";
+import "../RootProvider/RootProvider.js";
+import { Byline as H } from "../Byline/Byline.js";
+import { PageBase as L } from "../Page/PageBase.js";
+import { PageNav as M } from "../Page/PageNav.js";
+import { Section as s } from "../Page/Section.js";
+import { Article as N } from "../Page/Article.js";
+const rr = ({
+  backButton: o,
+  menu: x,
+  updatedAt: y,
+  updatedAtLabel: z,
+  dueAt: D,
+  dueAtLabel: u,
+  status: A,
+  title: S,
+  sender: l,
+  recipient: h,
+  recipientLabel: b = "to",
+  recipientGroup: T,
+  summary: c = "Summary.",
+  body: v,
+  actions: p = [],
+  attachments: t,
+  seenBy: k,
+  activityLog: q,
+  history: C,
+  timeline: E,
+  additionalInfo: e,
+  contactInfo: m
+}) => /* @__PURE__ */ i(L, { color: "subtle", shadow: "xs", children: [
+  /* @__PURE__ */ r(M, { backButton: o, menu: x, children: /* @__PURE__ */ r(j, { status: A, dueAt: D, dueAtLabel: u }) }),
+  /* @__PURE__ */ i(N, { theme: "article", padding: "xl", spacing: "xl", children: [
+    /* @__PURE__ */ i(s, { as: "header", spacing: "md", children: [
+      /* @__PURE__ */ i(s, { flex: "row", align: "center", spacing: "md", children: [
+        /* @__PURE__ */ r(P, { size: "lg", ...l }),
+        /* @__PURE__ */ r(B, { size: "lg", children: S })
+      ] }),
+      /* @__PURE__ */ i(H, { size: "md", datetime: y, children: [
+        /* @__PURE__ */ r("strong", { children: h == null ? void 0 : h.name }),
+        b + " " + (l == null ? void 0 : l.name) + ", ",
+        z
+      ] })
+    ] }),
+    /* @__PURE__ */ r(s, { padding: "xl", spacing: "lg", color: "", style: { border: "1px solid", borderStyle: "dashed" }, children: /* @__PURE__ */ i(g, { size: "lg", children: [
+      /* @__PURE__ */ r("p", { children: c }),
+      v,
+      t && /* @__PURE__ */ r(G, { ...t }),
+      (p == null ? void 0 : p.length) > 0 && /* @__PURE__ */ r(w, { items: p })
+    ] }) }),
+    e && /* @__PURE__ */ r(d, { title: e == null ? void 0 : e.title, children: /* @__PURE__ */ r(g, { size: "md", children: e == null ? void 0 : e.children }) }),
+    m && /* @__PURE__ */ r(d, { title: m == null ? void 0 : m.title, children: /* @__PURE__ */ r(g, { size: "md", children: m == null ? void 0 : m.children }) })
+  ] })
+] });
+export {
+  rr as DraftDialog
+};

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

@@ -0,0 +1,142 @@
+import { withThemeByDataAttribute as t } from "@storybook/addon-themes";
+import "../../examples/globalMenu.js";
+import "../../examples/inboxFilters.js";
+import "react/jsx-runtime";
+import "react";
+import { dialogContextMenu as e } from "../../examples/dialog/dialogContextMenu.js";
+import { simpleLetterDialog as r } from "../../examples/dialog/simpleLetterDialog.js";
+import { extendedLetterDialog as a } from "../../examples/dialog/extendedLetterDialog.js";
+import { metadataDialog as o } from "../../examples/dialog/metadataDialog.js";
+import { reportingDialog as s } from "../../examples/dialog/reportingDialog.js";
+import { reportingDraftDialog as i } from "../../examples/dialog/reportingDraftDialog.js";
+import { reportingInProgressDialog as n } from "../../examples/dialog/reportingInProgressDialog.js";
+import { reportingCompletedDialog as m } from "../../examples/dialog/reportingCompletedDialog.js";
+import { transmissionsDialog as p } from "../../examples/dialog/transmissionsDialog.js";
+import { transmissionsInProgressDialog as l } from "../../examples/dialog/transmissionsInProgressDialog.js";
+import { transmissionsCompletedDialog as g } from "../../examples/dialog/transmissionsCompletedDialog.js";
+import { DraftDialog as d } from "./DraftDialog.js";
+const I = {
+  title: "Dialog/DraftDialog",
+  component: d,
+  tags: ["autodocs"],
+  parameters: {},
+  decorators: [
+    t({
+      themes: {
+        company: "company",
+        person: "person"
+      },
+      defaultTheme: "company"
+    })
+  ],
+  argTypes: { body: { control: "text" } },
+  args: {
+    sender: {
+      type: "company",
+      name: "Skatteetaten",
+      imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
+    },
+    recipientLabel: "til",
+    recipient: {
+      type: "person",
+      name: "Roar Recipient"
+    },
+    seenBy: {
+      as: "a",
+      href: "#",
+      label: "Sett av deg + 2",
+      seenByEndUser: !0,
+      seenByOthersCount: 24
+    },
+    activityLog: {
+      as: "a",
+      href: "#",
+      label: "Aktivitetslogg"
+    },
+    backButton: {
+      label: "Tilbake"
+    },
+    menu: e,
+    updatedAt: "2024-11-25 15:30",
+    updatedAtLabel: "25. november 1999 kl 15.30",
+    title: "Title",
+    summary: "Summary"
+  }
+}, P = {
+  args: r
+}, U = {
+  args: a
+}, w = {
+  args: o
+}, E = {
+  args: s
+}, M = {
+  args: i
+}, q = {
+  args: n
+}, z = {
+  args: m
+}, F = {
+  args: p
+}, G = {
+  args: l
+}, K = {
+  args: g
+}, c = {
+  args: {
+    status: { value: "draft", label: "Utkast" },
+    sender: {
+      name: "Statistisk sentralbyrå",
+      imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png"
+    },
+    recipient: {
+      name: "Bergen Bar"
+    },
+    title: "Registrere enkeltmannsforetak",
+    summary: "Skjema er opprettet.",
+    actions: [
+      {
+        id: "1",
+        priority: "primary",
+        label: "Gå til skjema"
+      },
+      {
+        id: "2",
+        priority: "secondary",
+        label: "Forkast"
+      }
+    ],
+    attachments: {}
+  }
+}, O = {
+  args: {
+    ...c.args,
+    status: { value: "sent", label: "Sendt" },
+    actions: void 0,
+    summary: "Skjema er sendt inn.",
+    attachments: {
+      title: "1 vedlegg",
+      items: [
+        {
+          href: "#",
+          label: "Kvittering på innsendt skjema.pdf"
+        }
+      ]
+    }
+  }
+};
+export {
+  c as Draft,
+  U as ExtendedLetter,
+  z as ReportingCompleted,
+  M as ReportingDraft,
+  q as ReportingInProgress,
+  E as ReportingRequired,
+  O as Sent,
+  P as SimpleLetter,
+  F as Transmissions,
+  K as TransmissionsCompleted,
+  G as TransmissionsInProgress,
+  w as TypographyMetadata,
+  I as default
+};

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

@@ -1,24 +1,23 @@
 export * from './Dialog';
 export * from './DialogList';
-export * from './DialogMetadata';
+export * from './DialogListGroup';
 export * from './DialogListItem';
-export * from './DialogActions.tsx';
+export * from './DialogMetadata';
+export * from './DialogByline';
+export * from './DialogActions';
 export * from './DialogActivityLog';
-export * from './DialogArticleBase';
-export * from './DialogBase';
-export * from './DialogBodyBase';
 export * from './DialogBorder';
 export * from './DialogContent';
-export * from './DialogFooter';
-export * from './DialogHeader';
-export * from './DialogHeaderBase';
-export * from './DialogHeadings';
-export * from './DialogHistory';
-export * from './DialogNav';
-export * from './DialogSectionBase';
+export * from './DialogSection';
 export * from './DialogSeenBy';
 export * from './DialogSelect';
 export * from './DialogStatus';
-export * from './DialogTitle';
+export * from './DialogHeading';
 export * from './DialogTouchedBy';
 export * from './DialogLabel';
+export * from './DialogAttachments';
+export * from './DialogTransmissions';
+export * from './DialogTimeline';
+export * from './DialogTimelineItem';
+export * from './DialogHistory';
+export * from './DialogHistoryItem';