@altinn/altinn-components 0.9.1 → 0.10.1

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

@@ -1,13 +1,27 @@
-import { jsxs as t, Fragment as a, jsx as e } from "react/jsx-runtime";
-import { withThemeByDataAttribute as r } from "@storybook/addon-themes";
-import { Dialog as n } from "./Dialog.js";
-const m = {
+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 o } from "../../examples/dialog/simpleLetterDialog.js";
+import { extendedLetterDialog as r } from "../../examples/dialog/extendedLetterDialog.js";
+import { metadataDialog as a } 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 g } from "../../examples/dialog/transmissionsInProgressDialog.js";
+import { transmissionsCompletedDialog as l } from "../../examples/dialog/transmissionsCompletedDialog.js";
+import { Dialog as d } from "./Dialog.js";
+const P = {
   title: "Dialog/Dialog",
-  component: n,
+  component: d,
   tags: ["autodocs"],
   parameters: {},
   decorators: [
-    r({
+    t({
       themes: {
         company: "company",
         person: "person"
@@ -17,6 +31,16 @@ const m = {
   ],
   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: "#",
@@ -29,402 +53,46 @@ const m = {
       href: "#",
       label: "Aktivitetslogg"
     },
-    menu: {
-      id: "context-menu",
-      items: [
-        {
-          groupId: "1",
-          id: "1",
-          icon: "arrow-redo",
-          title: "Del og gi tilgang"
-        },
-        {
-          groupId: "1",
-          id: "2",
-          icon: "eye",
-          title: "Marker som lest"
-        },
-        {
-          groupId: "2",
-          id: "3",
-          icon: "archive",
-          title: "Flytt til arkiv"
-        },
-        {
-          groupId: "2",
-          id: "4",
-          icon: "trash",
-          title: "Flytt til papirkurv"
-        },
-        {
-          groupId: "3",
-          id: "4",
-          icon: "clock-dashed",
-          title: "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: {
-    body: /* @__PURE__ */ t(a, { children: [
-      /* @__PURE__ */ e("h2", { children: "Heading 2" }),
-      /* @__PURE__ */ e("p", { children: "Body can be displayed using HTML." }),
-      /* @__PURE__ */ t("ul", { children: [
-        /* @__PURE__ */ e("li", { children: "List item 1" }),
-        /* @__PURE__ */ e("li", { children: "List item 2" }),
-        /* @__PURE__ */ e("li", { children: "List item 3" })
-      ] })
-    ] })
-  }
-}, g = {
-  args: {
-    attachments: {
-      title: "2 vedlegg",
-      items: [
-        {
-          label: "Dokument 1.pdf",
-          href: ""
-        },
-        {
-          label: "Dokument 2.pdf",
-          href: ""
-        }
-      ]
-    }
-  }
-}, c = {
-  args: {
-    sender: {
-      type: "company",
-      name: "Skatteetaten",
-      imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
-    },
-    title: "Tredjepartsopplysninger for boligselskap",
-    summary: "Her finner du alle innsendinger og tilbakemeldinger for tredjepartsopplysninger for boligselskap 2023. Frist for å levere er 20. januar 2024.",
-    actions: [
-      {
-        label: "Lever tredjepartsopplysninger"
-      }
-    ],
-    additionalInfo: /* @__PURE__ */ t("p", { children: [
-      "Sameier med 9 eller flere boligseksjoner skal levere opplysninger om sameiers andel av felles inntekter, utgifter, formue og gjeld. ",
-      /* @__PURE__ */ e("a", { href: "https://altinn.no", children: "Mer informasjon." })
-    ] }),
-    history: {
-      title: "Hva har skjedd?",
-      items: [
-        {
-          createdAtLabel: "15. februar 2024 kl. 08.45",
-          createdBy: {
-            type: "company",
-            name: "Skatteetaten",
-            imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
-          },
-          summary: "Skjemaet er lukket for rapportering og korreksjoner."
-        },
-        {
-          createdAtLabel: "2. januar 2024 kl 08.00",
-          createdBy: {
-            type: "company",
-            name: "Skatteetaten",
-            imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
-          },
-          summary: "Du kan nå levere tredjepartsopplysninger."
-        },
-        {
-          createdAtLabel: "15. oktober 2023 kl 08.00",
-          createdBy: {
-            type: "company",
-            name: "Skatteetaten",
-            imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
-          },
-          summary: "Du må levere tredjepartsopplysninger for boligselskap.",
-          attachments: [
-            {
-              label: "Rapportering av tredjepartsopplysninger for boligselskap.pdf"
-            }
-          ]
-        }
-      ]
-    },
-    transmissions: {
-      title: "6 forsendelser",
-      items: [
-        {
-          createdAt: "1999-01-01",
-          createdAtLabel: "Skatteetaten, 1. mars 2024",
-          sender: {
-            type: "company",
-            name: "Skatteetaten",
-            imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
-          },
-          badge: {
-            label: "Godkjent, med feil"
-          },
-          title: "Leveransen er godkjent, men inneholder feil",
-          summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
-          attachments: {
-            title: "2 vedlegg",
-            items: [
-              {
-                label: "Dokument 1.pdf",
-                href: ""
-              },
-              {
-                label: "Dokument 2.pdf",
-                href: ""
-              }
-            ]
-          }
-        },
-        {
-          sender: {
-            name: "Per Olav Olsen"
-          },
-          title: "Tredjepartsopplysninger ble levert",
-          createdAtLabel: "1. mars 2024",
-          summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
-        },
-        {
-          createdAt: "1999-01-01",
-          createdAtLabel: "Skatteetaten, 1. mars 2024",
-          sender: {
-            type: "company",
-            name: "Skatteetaten",
-            imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
-          },
-          badge: {
-            label: "Godkjent"
-          },
-          title: "Leveransen er godkjent",
-          summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
-          attachments: {
-            title: "2 vedlegg",
-            items: [
-              {
-                label: "Dokument 1.pdf",
-                href: ""
-              },
-              {
-                label: "Dokument 2.pdf",
-                href: ""
-              }
-            ]
-          }
-        },
-        {
-          sender: {
-            name: "Kari Susanne Pettersen"
-          },
-          title: "Tredjepartsopplysninger ble levert",
-          createdAtLabel: "1. mars 2024",
-          summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
-        },
-        {
-          createdAt: "1999-01-01",
-          createdAtLabel: "Skatteetaten, 1. mars 2024",
-          sender: {
-            type: "company",
-            name: "Skatteetaten",
-            imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
-          },
-          badge: {
-            label: "Avvist"
-          },
-          title: "Leveransen er avvist",
-          summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
-          attachments: {
-            title: "2 vedlegg",
-            items: [
-              {
-                label: "Dokument 1.pdf",
-                href: ""
-              },
-              {
-                label: "Dokument 2.pdf",
-                href: ""
-              }
-            ]
-          }
-        },
-        {
-          sender: {
-            name: "Siren Søftebø"
-          },
-          title: "Tredjepartsopplysninger ble levert",
-          createdAtLabel: "1. mars 2024",
-          summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
-        }
-      ]
-    }
-  }
-}, k = {
-  args: {
-    actions: [
-      {
-        id: "1",
-        priority: "primary",
-        label: "Primary"
-      },
-      {
-        id: "2",
-        priority: "secondary",
-        label: "Secondary"
-      }
-    ]
-  }
-}, i = {
-  args: {
-    status: { label: "Krever handling", value: "requires-attention" },
-    sender: {
-      name: "Statistisk sentralbyrå",
-      imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png"
-    },
-    recipient: {
-      name: "Bergen Bar"
-    },
-    title: "Rapportering av bedriftsdata",
-    summary: "Du må levere bedriftsdata innen 1. januar.",
-    additionalInfo: /* @__PURE__ */ t("p", { children: [
-      "Din bedrift er en av 8.000 virksomheter som har opplysningsplikt i 2024. Statistikken er viktig for samfunnet og det er ikke valgfritt å delta. Hvis dere ikke sender opplysningene innen fristen, vil foretaket kunne få tvangsmulkt. ",
-      /* @__PURE__ */ e("a", { href: "https://www.ssb.no/innrapportering/ledige-stillinger", children: "Les mer på SSB.no" })
-    ] }),
-    actions: [
-      {
-        id: "1",
-        priority: "primary",
-        label: "Rapporter bedriftsdata"
-      }
-    ],
-    dueAt: "2025-01-01",
-    dueAtLabel: "Frist: 1. januar 2025",
-    attachments: {
-      title: "1 vedlegg",
-      items: [
-        {
-          label: "Vedtak om innlevering av bedriftsdata.pdf",
-          href: ""
-        }
-      ]
-    }
-  }
-}, f = {
-  args: {
-    ...i.args,
-    status: { value: "in-progress", label: "Under arbeid" },
-    dueAt: null,
-    dueAtLabel: null,
-    updatedAtLabel: "27. november 2024 kl 10.30",
-    summary: "Saken er sendt til manuell behandling. Forventet behandlingstid: 2 uker.",
-    body: /* @__PURE__ */ t(a, { children: [
-      /* @__PURE__ */ e("h2", { children: "Hva skjer nå?" }),
-      /* @__PURE__ */ e("p", { children: "Saken din har fått saksbehandler og blir behandlet manuelt." }),
-      /* @__PURE__ */ t("ul", { children: [
-        /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ e("strong", { children: "Din saksbehandler:" }),
-          " Siri Saksbehander"
-        ] }),
-        /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ e("strong", { children: "Ditt saksnummer:" }),
-          " XRT0987"
-        ] })
-      ] }),
-      /* @__PURE__ */ e("p", { children: "Oppgi saksnummer ved kontakt." })
-    ] }),
-    actions: null,
-    attachments: {},
-    additionalInfo: /* @__PURE__ */ t("p", { children: [
-      "Din bedrift er en av 8.000 virksomheter som har opplysningsplikt i 2024. Statistikken er viktig for samfunnet og det er ikke valgfritt å delta. Hvis dere ikke sender opplysningene innen fristen, vil foretaket kunne få tvangsmulkt. ",
-      /* @__PURE__ */ e("a", { href: "https://www.ssb.no/innrapportering/ledige-stillinger", children: "Les mer på SSB.no" })
-    ] }),
-    history: {
-      title: "Hva har skjedd?",
-      items: [
-        {
-          createdBy: {
-            type: "person",
-            name: "Ola Nordmann"
-          },
-          createdAtLabel: "27. november 2024 kl 10.24",
-          summary: "Bedriftsdata ble levert."
-        },
-        {
-          createdBy: {
-            type: "company",
-            name: "Statistisk sentralbyrå",
-            imageUrl: "https://digdir-proto-proto.vercel.app/_next/static/media/SSB.0ca4474e.png"
-          },
-          createdAtLabel: "24. november 2024 kl 15.30",
-          summary: "Du må levere bedriftsdata innen 1. januar.",
-          attachments: {
-            title: "1 vedlegg",
-            items: [
-              {
-                label: "Vedtak om innlevering av bedriftsdata.pdf",
-                href: ""
-              }
-            ]
-          }
-        }
-      ]
-    }
-  }
-}, l = {
-  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: {}
-  }
-}, u = {
-  args: {
-    ...l.args,
-    status: { value: "sent", label: "Sendt" },
-    actions: null,
-    summary: "Skjema er sendt inn.",
-    attachments: {
-      title: "1 vedlegg",
-      items: [
-        {
-          href: "#",
-          label: "Kvittering på innsendt skjema.pdf"
-        }
-      ]
-    }
-  }
+}, S = {
+  args: o
+}, w = {
+  args: r
+}, E = {
+  args: a
+}, M = {
+  args: s
+}, U = {
+  args: i
+}, q = {
+  args: n
+}, z = {
+  args: m
+}, O = {
+  args: p
+}, j = {
+  args: g
+}, F = {
+  args: l
 };
 export {
-  k as Actions,
-  g as Attachments,
-  p as Body,
-  l as Draft,
-  f as InProgress,
-  i as RequiresAttention,
-  u as Sent,
-  c as Transmissions,
-  m as default
+  w as ExtendedLetter,
+  z as ReportingCompleted,
+  U as ReportingDraft,
+  q as ReportingInProgress,
+  M as ReportingRequired,
+  S as SimpleLetter,
+  O as Transmissions,
+  F as TransmissionsCompleted,
+  j as TransmissionsInProgress,
+  E as TypographyMetadata,
+  P as default
 };

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

@@ -1,6 +1,6 @@
 import { DialogActions as r } from "./DialogActions.js";
-const t = {
-  title: "Dialog/Sections/DialogActions",
+const a = {
+  title: "Dialog/DialogActions",
   component: r,
   tags: ["autodocs"],
   args: {
@@ -17,7 +17,7 @@ const t = {
       }
     ]
   }
-}, a = {
+}, t = {
   args: {}
 }, o = {
   args: {}
@@ -48,8 +48,8 @@ const t = {
   }
 };
 export {
-  a as Default,
+  t as Default,
   e as MultipleButtons,
   o as Secondary,
-  t as default
+  a as default
 };

package/dist/components/Dialog/DialogActivityLog.js

@@ -1,6 +1,6 @@
 import { jsx as r } 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 s = ({
   size: o = "xs",

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

@@ -0,0 +1,6 @@
+import { AttachmentLinkProps } from '../Attachment';
+export interface DialogAttachmentsProps {
+    title?: string;
+    items?: AttachmentLinkProps[];
+}
+export declare const DialogAttachments: ({ title, items }: DialogAttachmentsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Dialog/DialogAttachments.js

@@ -0,0 +1,12 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import { Heading as i } from "../Typography/Heading.js";
+import { AttachmentList as e } from "../Attachment/AttachmentList.js";
+const m = ({ title: n = "Attachments", items: t }) => t != null && t.length ? /* @__PURE__ */ o("section", { children: [
+  /* @__PURE__ */ r(i, { as: "h2", size: "xs", children: n }),
+  /* @__PURE__ */ r(e, { size: "lg", items: t })
+] }) : null;
+export {
+  m as DialogAttachments
+};

package/dist/components/{Attachment/AttachmentSection.stories.d.ts → Dialog/DialogAttachments.stories.d.ts}

@@ -1,11 +1,11 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ title, items }: import('./AttachmentSection').AttachmentSectionProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ title, items }: import('./DialogAttachments').DialogAttachmentsProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     args: {
         title: string;
-        items: import('./AttachmentLink.tsx').AttachmentLinkProps[];
+        items: import('../index.ts').AttachmentLinkProps[];
     };
 };
 export default meta;

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

@@ -0,0 +1,17 @@
+import { attachments as t } from "../../examples/attachments.js";
+import { DialogAttachments as a } from "./DialogAttachments.js";
+const s = {
+  title: "Dialog/DialogAttachments",
+  component: a,
+  tags: ["autodocs"],
+  args: {
+    title: "6 vedlegg",
+    items: t
+  }
+}, m = {
+  args: {}
+};
+export {
+  m as Default,
+  s as default
+};

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

@@ -0,0 +1,11 @@
+import { AvatarProps, BylineSize } from '..';
+export interface DialogBylineProps {
+    sender?: AvatarProps;
+    recipient?: AvatarProps;
+    recipientLabel?: string;
+    recipientGroup?: boolean;
+    loading?: boolean;
+    size?: BylineSize;
+}
+/** Dialog byline */
+export declare const DialogByline: ({ sender, recipient, recipientLabel, recipientGroup, loading, size, }: DialogBylineProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Dialog/DialogByline.js

@@ -0,0 +1,24 @@
+import { jsxs as u, jsx as f } from "react/jsx-runtime";
+import "../../index-L8X2o7IH.js";
+import "../Icon/SvgIcon.js";
+import "react";
+import "../Autocomplete/AutocompleteBase.js";
+import "../RootProvider/RootProvider.js";
+import { Byline as v } from "../Byline/Byline.js";
+const i = ({
+  sender: o,
+  recipient: a,
+  recipientLabel: m = "to",
+  recipientGroup: t = !1,
+  loading: l,
+  size: r = "xs"
+}) => !o && !a ? null : /* @__PURE__ */ u(v, { loading: l, size: r, avatar: o, avatarGroup: t && o && a ? {
+  items: [o, a]
+} : void 0, children: [
+  /* @__PURE__ */ f("strong", { children: o == null ? void 0 : o.name }),
+  " ",
+  m + " " + (a == null ? void 0 : a.name)
+] });
+export {
+  i as DialogByline
+};

package/dist/components/Dialog/{DialogHeader.stories.d.ts → DialogBylline.stories.d.ts}

@@ -1,21 +1,17 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ title, sender, recipient, seen, variant }: import('./DialogHeader').DialogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ sender, recipient, recipientLabel, recipientGroup, loading, size, }: import('./DialogByline').DialogBylineProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     args: {
-        title: string;
-        variant: "neutral";
-        sender: {
-            name: string;
-            type: "company";
-        };
+        sender: import('..').AvatarProps;
         recipient: {
-            name: string;
             type: "person";
+            name: string;
         };
     };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const Large: Story;

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

@@ -0,0 +1,25 @@
+import { skatt as e } from "../../examples/avatar/skatt.js";
+import { DialogByline as t } from "./DialogByline.js";
+const r = {
+  title: "Dialog/DialogByline",
+  component: t,
+  tags: ["autodocs"],
+  args: {
+    sender: e,
+    recipient: {
+      type: "person",
+      name: "Per Person"
+    }
+  }
+}, s = {
+  args: {}
+}, n = {
+  args: {
+    size: "lg"
+  }
+};
+export {
+  s as Default,
+  n as Large,
+  r as default
+};

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

@@ -1,9 +1,11 @@
 import { ReactNode } from 'react';
+import { DialogActivityLogProps, DialogSeenByProps } from '..';
 export interface DialogContentProps {
     updatedAt?: string;
     updatedAtLabel?: string;
-    summary?: string;
-    body?: ReactNode;
+    seenBy?: DialogSeenByProps;
+    activityLog?: DialogActivityLogProps;
+    children?: ReactNode;
 }
-/** Main textual content of a dialog, including summary, body and a timestamp */
-export declare const DialogContent: ({ updatedAt, updatedAtLabel, summary, body }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;
+/** Main content of a dialog */
+export declare const DialogContent: ({ updatedAt, updatedAtLabel, seenBy, activityLog, children }: DialogContentProps) => import("react/jsx-runtime").JSX.Element;