@altinn/altinn-components 0.7.5 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (153) hide show
  1. package/dist/Autocomplete-Cb9fQrzy.js +367 -0
  2. package/dist/assets/Autocomplete.css +1 -1
  3. package/dist/assets/Heading.css +1 -1
  4. package/dist/assets/HistoryItemBase.css +1 -0
  5. package/dist/assets/HistoryItemMedia.css +1 -0
  6. package/dist/assets/ListBase.css +1 -1
  7. package/dist/assets/ListItemBase.css +1 -1
  8. package/dist/assets/ListItemLabel.css +1 -1
  9. package/dist/assets/MetaBase.css +1 -1
  10. package/dist/assets/MetaItemBase.css +1 -1
  11. package/dist/assets/MetaItemLabel.css +1 -1
  12. package/dist/assets/QueryLabel.css +1 -1
  13. package/dist/assets/TransmissionItem.css +1 -0
  14. package/dist/components/Attachment/AttachmentLink.d.ts +3 -1
  15. package/dist/components/Attachment/AttachmentLink.js +11 -10
  16. package/dist/components/Attachment/AttachmentLink.stories.js +3 -3
  17. package/dist/components/Attachment/AttachmentList.js +6 -7
  18. package/dist/components/Attachment/AttachmentList.stories.js +1 -1
  19. package/dist/components/Attachment/AttachmentSection.d.ts +6 -0
  20. package/dist/components/Attachment/AttachmentSection.js +12 -0
  21. package/dist/components/{Dialog/DialogAttachments.stories.js → Attachment/AttachmentSection.stories.js} +3 -3
  22. package/dist/components/Attachment/index.d.ts +1 -0
  23. package/dist/components/Attachment/index.js +5 -3
  24. package/dist/components/Bookmarks/BookmarksList.d.ts +1 -3
  25. package/dist/components/Bookmarks/BookmarksList.js +6 -6
  26. package/dist/components/Bookmarks/BookmarksList.stories.js +59 -0
  27. package/dist/components/Bookmarks/BookmarksListItem.d.ts +2 -2
  28. package/dist/components/Bookmarks/BookmarksListItem.js +1 -1
  29. package/dist/components/Bookmarks/BookmarksListItem.stories.js +1 -2
  30. package/dist/components/Bookmarks/BookmarksSection.js +20 -0
  31. package/dist/components/Bookmarks/BookmarksSection.stories.js +61 -0
  32. package/dist/components/Bookmarks/QueryLabel.js +10 -10
  33. package/dist/components/Bookmarks/index.js +1 -1
  34. package/dist/components/Button/Buttons.stories.js +1 -1
  35. package/dist/components/ContextMenu/ContextMenu.js +1 -1
  36. package/dist/components/ContextMenu/ContextMenu.stories.js +1 -1
  37. package/dist/components/ContextMenu/ContextMenuBase.js +1 -1
  38. package/dist/components/ContextMenu/index.js +1 -1
  39. package/dist/components/Dialog/Dialog.d.ts +7 -4
  40. package/dist/components/Dialog/Dialog.js +34 -28
  41. package/dist/components/Dialog/Dialog.stories.js +183 -16
  42. package/dist/components/Dialog/DialogActions.js +1 -1
  43. package/dist/components/Dialog/DialogActivityLog.d.ts +1 -1
  44. package/dist/components/Dialog/DialogActivityLog.js +7 -2
  45. package/dist/components/Dialog/DialogGroup.js +5 -5
  46. package/dist/components/Dialog/DialogHeadings.stories.js +8 -8
  47. package/dist/components/Dialog/DialogHistory.js +5 -3
  48. package/dist/components/Dialog/DialogList.js +1 -1
  49. package/dist/components/Dialog/DialogListItem.d.ts +11 -5
  50. package/dist/components/Dialog/DialogListItem.js +5 -6
  51. package/dist/components/Dialog/DialogListItem.stories.js +1 -1
  52. package/dist/components/Dialog/DialogMetadata.stories.js +3 -3
  53. package/dist/components/Dialog/DialogNav.js +1 -1
  54. package/dist/components/Dialog/DialogNav.stories.js +1 -1
  55. package/dist/components/Dialog/DialogSeenBy.d.ts +1 -1
  56. package/dist/components/Dialog/DialogSeenBy.js +7 -6
  57. package/dist/components/Dialog/DialogSeenBy.stories.js +5 -5
  58. package/dist/components/Dialog/DialogStatus.stories.js +1 -1
  59. package/dist/components/Dialog/DialogTouchedBy.stories.js +1 -1
  60. package/dist/components/Dialog/index.js +1 -1
  61. package/dist/components/Dropdown/DrawerButton.js +1 -1
  62. package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
  63. package/dist/components/GlobalMenu/AccountButton.js +1 -1
  64. package/dist/components/GlobalMenu/AccountMenu.js +1 -1
  65. package/dist/components/GlobalMenu/BackButton.js +1 -1
  66. package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
  67. package/dist/components/Header/HeaderBase.js +1 -1
  68. package/dist/components/History/HistoryItem.d.ts +10 -10
  69. package/dist/components/History/HistoryItem.js +35 -39
  70. package/dist/components/History/HistoryItem.stories.js +53 -2
  71. package/dist/components/History/HistoryItemBase.d.ts +13 -0
  72. package/dist/components/History/HistoryItemBase.js +36 -0
  73. package/dist/components/History/HistoryItemBase.stories.js +48 -0
  74. package/dist/components/History/HistoryItemMedia.d.ts +9 -0
  75. package/dist/components/History/HistoryItemMedia.js +15 -0
  76. package/dist/components/History/HistoryList.stories.js +123 -26
  77. package/dist/components/History/HistoryMetadata.d.ts +11 -0
  78. package/dist/components/History/HistoryMetadata.js +32 -0
  79. package/dist/components/History/index.d.ts +1 -0
  80. package/dist/components/History/index.js +4 -2
  81. package/dist/components/Layout/Layout.js +1 -1
  82. package/dist/components/Layout/Layout.stories.js +10 -10
  83. package/dist/components/LayoutAction/ActionMenu.js +1 -1
  84. package/dist/components/List/List.js +4 -4
  85. package/dist/components/List/List.stories.js +1 -1
  86. package/dist/components/List/ListBase.d.ts +6 -2
  87. package/dist/components/List/ListBase.js +5 -5
  88. package/dist/components/List/ListItem.d.ts +8 -8
  89. package/dist/components/List/ListItem.js +2 -4
  90. package/dist/components/List/ListItem.stories.js +26 -25
  91. package/dist/components/List/ListItemBase.d.ts +4 -12
  92. package/dist/components/List/ListItemBase.js +30 -64
  93. package/dist/components/List/ListItemControls.js +2 -2
  94. package/dist/components/List/ListItemHeader.d.ts +35 -2
  95. package/dist/components/List/ListItemHeader.js +7 -29
  96. package/dist/components/List/ListItemHeader.stories.js +248 -0
  97. package/dist/components/List/ListItemLabel.js +7 -6
  98. package/dist/components/List/ListItemMenu.d.ts +8 -0
  99. package/dist/components/List/ListItemMenu.js +5 -0
  100. package/dist/components/List/index.js +14 -15
  101. package/dist/components/Menu/Menu.js +1 -1
  102. package/dist/components/Menu/MenuItem.stories.js +1 -1
  103. package/dist/components/Menu/MenuItems.js +1 -1
  104. package/dist/components/Menu/MenuItems.stories.js +1 -1
  105. package/dist/components/Menu/MenuSearch.js +1 -1
  106. package/dist/components/Menu/index.js +1 -1
  107. package/dist/components/Meta/MetaBase.js +3 -3
  108. package/dist/components/Meta/MetaItem.d.ts +2 -0
  109. package/dist/components/Meta/MetaItemBase.js +11 -11
  110. package/dist/components/Meta/MetaItemLabel.js +3 -3
  111. package/dist/components/Page/PageHeader.js +2 -2
  112. package/dist/components/Searchbar/Autocomplete.js +1 -1
  113. package/dist/components/Searchbar/Autocomplete.stories.js +1 -1
  114. package/dist/components/Searchbar/AutocompleteItem.js +2 -2
  115. package/dist/components/Searchbar/ScopeListItem.d.ts +2 -2
  116. package/dist/components/Searchbar/ScopeListItem.js +1 -1
  117. package/dist/components/Searchbar/Searchbar.js +1 -1
  118. package/dist/components/Toolbar/ToolbarAdd.js +8 -8
  119. package/dist/components/Toolbar/ToolbarDaterange.d.ts +13 -0
  120. package/dist/components/Toolbar/ToolbarDaterange.js +24 -15
  121. package/dist/components/Toolbar/ToolbarFilter.js +7 -7
  122. package/dist/components/Toolbar/ToolbarMenu.js +8 -8
  123. package/dist/components/Toolbar/ToolbarOptions.js +1 -1
  124. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  125. package/dist/components/Toolbar/index.d.ts +3 -0
  126. package/dist/components/Toolbar/index.js +12 -6
  127. package/dist/components/Transmission/TransmissionItem.d.ts +16 -0
  128. package/dist/components/Transmission/TransmissionItem.js +59 -0
  129. package/dist/components/Transmission/TransmissionItem.stories.js +56 -0
  130. package/dist/components/Transmission/TransmissionList.d.ts +6 -0
  131. package/dist/components/Transmission/TransmissionList.js +12 -0
  132. package/dist/components/Transmission/TransmissionList.stories.js +63 -0
  133. package/dist/components/Transmission/TransmissionSection.d.ts +8 -0
  134. package/dist/components/Transmission/TransmissionSection.js +17 -0
  135. package/dist/components/Transmission/TransmissionSection.stories.js +184 -0
  136. package/dist/components/Transmission/index.d.ts +3 -0
  137. package/dist/components/Transmission/index.js +8 -0
  138. package/dist/components/Typography/Heading.d.ts +1 -1
  139. package/dist/components/Typography/Heading.js +3 -3
  140. package/dist/components/Typography/Typography.d.ts +2 -1
  141. package/dist/components/Typography/Typography.js +7 -7
  142. package/dist/components/index.d.ts +1 -0
  143. package/dist/components/index.js +246 -231
  144. package/dist/index.js +252 -237
  145. package/package.json +1 -1
  146. package/dist/Autocomplete-hEFuiN2u.js +0 -287
  147. package/dist/assets/HistoryItem.css +0 -1
  148. package/dist/assets/ListItemHeader.css +0 -1
  149. package/dist/components/Dialog/DialogAttachments.d.ts +0 -6
  150. package/dist/components/Dialog/DialogAttachments.js +0 -13
  151. package/dist/components/Dialog/Examples.stories.js +0 -31
  152. package/dist/components/History/HistoryAttachments.d.ts +0 -6
  153. package/dist/components/History/HistoryAttachments.js +0 -12
@@ -0,0 +1,59 @@
1
+ import { BookmarksList as t } from "./BookmarksList.js";
2
+ const a = {
3
+ title: "Bookmarks/BookmarksList",
4
+ component: t,
5
+ tags: ["autodocs"],
6
+ parameters: {},
7
+ args: {
8
+ items: [
9
+ {
10
+ id: "bookmark-1",
11
+ title: "Mitt eget søk",
12
+ params: [
13
+ { type: "search", label: "Skatt" },
14
+ { type: "filter", label: "Under arbeid" }
15
+ ]
16
+ },
17
+ {
18
+ id: "bookmark-2",
19
+ params: [
20
+ { type: "search", label: "Skatt" },
21
+ { type: "filter", label: "Under arbeid" }
22
+ ]
23
+ },
24
+ {
25
+ id: "bookmark-3",
26
+ params: [
27
+ { type: "filter", label: "Brønnøysundregistrene" },
28
+ { type: "filter", label: "Krever handling" }
29
+ ]
30
+ }
31
+ ]
32
+ }
33
+ }, s = {
34
+ args: {}
35
+ }, i = {
36
+ args: {
37
+ items: a.args.items.map((e) => ({
38
+ ...e,
39
+ menu: {
40
+ id: [e.id, "menu"].join("-"),
41
+ items: [
42
+ {
43
+ icon: "pencil",
44
+ title: "Rediger søk"
45
+ },
46
+ {
47
+ icon: "trash",
48
+ title: "Slett søk"
49
+ }
50
+ ]
51
+ }
52
+ }))
53
+ }
54
+ };
55
+ export {
56
+ s as Default,
57
+ i as WithContextMenu,
58
+ a as default
59
+ };
@@ -1,6 +1,6 @@
1
- import { ListItemProps } from '..';
1
+ import { ListItemInputProps } from '..';
2
2
  import { QueryItemProps } from './QueryLabel';
3
- export interface BookmarksListItemProps extends ListItemProps {
3
+ export interface BookmarksListItemProps extends ListItemInputProps {
4
4
  id: string;
5
5
  /** Optional title */
6
6
  title?: string;
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "../Icon/SvgIcon.js";
4
4
  import "react";
5
- import { B as e } from "../../Autocomplete-hEFuiN2u.js";
5
+ import { B as e } from "../../Autocomplete-Cb9fQrzy.js";
6
6
  import "./QueryLabel.js";
7
7
  import "../RootProvider/RootProvider.js";
8
8
  export {
@@ -2,7 +2,7 @@ import { jsx as a, jsxs as o } from "react/jsx-runtime";
2
2
  import { Fragment as s } from "react";
3
3
  import "../../index-L8X2o7IH.js";
4
4
  import "../Icon/SvgIcon.js";
5
- import { B as m } from "../../Autocomplete-hEFuiN2u.js";
5
+ import { B as m } from "../../Autocomplete-Cb9fQrzy.js";
6
6
  import "../RootProvider/RootProvider.js";
7
7
  import { MetaItem as l } from "../Meta/MetaItem.js";
8
8
  import { ListBase as i } from "../List/ListBase.js";
@@ -23,7 +23,6 @@ const r = ["lg", "md", "sm", "xs"], h = {
23
23
  label: "Skatteetaten"
24
24
  }
25
25
  ],
26
- size: "md",
27
26
  href: "#"
28
27
  }
29
28
  }, B = {
@@ -0,0 +1,20 @@
1
+ import { jsxs as e, jsx as r } from "react/jsx-runtime";
2
+ import "../../index-L8X2o7IH.js";
3
+ import "../Icon/SvgIcon.js";
4
+ import { Heading as m } from "../Typography/Heading.js";
5
+ import "react";
6
+ import { BookmarksList as n } from "./BookmarksList.js";
7
+ import "../RootProvider/RootProvider.js";
8
+ import { MetaItem as p } from "../Meta/MetaItem.js";
9
+ import "../../Autocomplete-Cb9fQrzy.js";
10
+ import { SectionBase as s } from "../Page/SectionBase.js";
11
+ import { SectionHeader as c } from "../Page/SectionHeader.js";
12
+ import { SectionFooter as d } from "../Page/SectionFooter.js";
13
+ const b = ({ title: o, items: i, updatedAtLabel: t }) => /* @__PURE__ */ e(s, { padding: !0, color: "subtle", spacing: "lg", inset: !0, children: [
14
+ /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(m, { size: "sm", children: o }) }),
15
+ /* @__PURE__ */ r(n, { items: i }),
16
+ /* @__PURE__ */ r(d, { padding: !0, children: /* @__PURE__ */ r(p, { children: t }) })
17
+ ] });
18
+ export {
19
+ b as BookmarksSection
20
+ };
@@ -0,0 +1,61 @@
1
+ import { BookmarksSection as t } from "./BookmarksSection.js";
2
+ const a = {
3
+ title: "Bookmarks/BookmarksSection",
4
+ component: t,
5
+ tags: ["autodocs"],
6
+ parameters: {},
7
+ args: {
8
+ title: "3 lagrede søk",
9
+ updatedAtLabel: "Sist oppdatert 3 minutter siden",
10
+ items: [
11
+ {
12
+ id: "bookmark-1",
13
+ title: "Mitt eget søk",
14
+ params: [
15
+ { type: "search", label: "Skatt" },
16
+ { type: "filter", label: "Under arbeid" }
17
+ ]
18
+ },
19
+ {
20
+ id: "bookmark-2",
21
+ params: [
22
+ { type: "search", label: "Skatt" },
23
+ { type: "filter", label: "Under arbeid" }
24
+ ]
25
+ },
26
+ {
27
+ id: "bookmark-3",
28
+ params: [
29
+ { type: "filter", label: "Brønnøysundregistrene" },
30
+ { type: "filter", label: "Krever handling" }
31
+ ]
32
+ }
33
+ ]
34
+ }
35
+ }, i = {
36
+ args: {}
37
+ }, s = {
38
+ args: {
39
+ items: a.args.items.map((e) => ({
40
+ ...e,
41
+ menu: {
42
+ id: [e.id, "menu"].join("-"),
43
+ items: [
44
+ {
45
+ icon: "pencil",
46
+ title: "Rediger søk"
47
+ },
48
+ {
49
+ icon: "trash",
50
+ title: "Slett søk"
51
+ }
52
+ ]
53
+ }
54
+ }))
55
+ }
56
+ };
57
+ export {
58
+ i as Default,
59
+ s as WithContextMenu,
60
+ a as default
61
+ };
@@ -1,14 +1,14 @@
1
- import { jsx as l, jsxs as a } from "react/jsx-runtime";
2
- import '../../assets/QueryLabel.css';const c = "_label_1ul7e_1", u = "_group_1ul7e_9", o = "_plus_1ul7e_15", n = "_item_1ul7e_19", s = {
1
+ import { jsx as s, jsxs as a } from "react/jsx-runtime";
2
+ import '../../assets/QueryLabel.css';const c = "_label_1q65r_1", o = "_group_1q65r_9", n = "_plus_1q65r_15", m = "_item_1q65r_19", l = {
3
3
  label: c,
4
- group: u,
5
- plus: o,
6
- item: n
7
- }, m = ({ type: e = "search", label: t }) => /* @__PURE__ */ l("mark", { className: s.item, "data-type": e, children: t }), _ = ({ params: e = [] }) => /* @__PURE__ */ l("div", { className: s.label, children: e.map((t, r) => /* @__PURE__ */ a("div", { className: s.group, children: [
8
- /* @__PURE__ */ l(m, { ...t }),
9
- e[r + 1] && /* @__PURE__ */ l("span", { className: s.plus, children: "+" })
10
- ] }, r)) });
4
+ group: o,
5
+ plus: n,
6
+ item: m
7
+ }, p = ({ type: e = "search", label: r }) => /* @__PURE__ */ s("mark", { className: l.item, "data-type": e, children: r }), _ = ({ params: e = [] }) => /* @__PURE__ */ s("div", { className: l.label, children: e.map((r, t) => /* @__PURE__ */ a("div", { className: l.group, children: [
8
+ /* @__PURE__ */ s(p, { ...r }),
9
+ e[t + 1] && /* @__PURE__ */ s("span", { className: l.plus, children: "+" })
10
+ ] }, t)) });
11
11
  export {
12
- m as QueryItem,
12
+ p as QueryItem,
13
13
  _ as QueryLabel
14
14
  };
@@ -1,5 +1,5 @@
1
1
  import { BookmarksList as e } from "./BookmarksList.js";
2
- import { B as t } from "../../Autocomplete-hEFuiN2u.js";
2
+ import { B as t } from "../../Autocomplete-Cb9fQrzy.js";
3
3
  import { QueryItem as a, QueryLabel as k } from "./QueryLabel.js";
4
4
  export {
5
5
  e as BookmarksList,
@@ -7,7 +7,7 @@ import { ComboButton as d } from "./ComboButton.js";
7
7
  import { IconButton as p } from "./IconButton.js";
8
8
  import "../RootProvider/RootProvider.js";
9
9
  import { MetaItem as c } from "../Meta/MetaItem.js";
10
- import "../../Autocomplete-hEFuiN2u.js";
10
+ import "../../Autocomplete-Cb9fQrzy.js";
11
11
  const I = {
12
12
  title: "Atoms/Button/Buttons",
13
13
  tags: ["autodocs"],
@@ -2,7 +2,7 @@ import "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "../Icon/SvgIcon.js";
4
4
  import "react";
5
- import { C as n } from "../../Autocomplete-hEFuiN2u.js";
5
+ import { C as n } from "../../Autocomplete-Cb9fQrzy.js";
6
6
  import "../RootProvider/RootProvider.js";
7
7
  export {
8
8
  n as ContextMenu
@@ -1,4 +1,4 @@
1
- import { C as t } from "../../Autocomplete-hEFuiN2u.js";
1
+ import { C as t } from "../../Autocomplete-Cb9fQrzy.js";
2
2
  const o = {
3
3
  title: "ContextMenu/ContextMenu",
4
4
  component: t,
@@ -4,7 +4,7 @@ import "../Icon/SvgIcon.js";
4
4
  import "react";
5
5
  import "../Button/IconButton.js";
6
6
  import "../RootProvider/RootProvider.js";
7
- import { b as s } from "../../Autocomplete-hEFuiN2u.js";
7
+ import { c as s } from "../../Autocomplete-Cb9fQrzy.js";
8
8
  import "../Dropdown/DropdownBase.js";
9
9
  export {
10
10
  s as ContextMenuBase
@@ -1,4 +1,4 @@
1
- import { C as t } from "../../Autocomplete-hEFuiN2u.js";
1
+ import { C as t } from "../../Autocomplete-Cb9fQrzy.js";
2
2
  export {
3
3
  t as ContextMenu
4
4
  };
@@ -1,6 +1,7 @@
1
1
  import { DialogActivityLogProps } from './DialogActivityLog';
2
- import { DialogAttachmentsProps } from './DialogAttachments';
3
2
  import { DialogSeenByProps } from './DialogSeenBy';
3
+ import { AttachmentSectionProps } from '../Attachment';
4
+ import { TransmissionSectionProps } from '../Transmission';
4
5
  import { ContextMenuProps } from '../ContextMenu/';
5
6
  import { ReactNode } from 'react';
6
7
  import { DialogActionButtonProps } from './DialogActions.tsx';
@@ -37,18 +38,20 @@ export interface DialogProps {
37
38
  body?: ReactNode;
38
39
  /** List of action (buttons) */
39
40
  actions?: DialogActionButtonProps[];
40
- /** Dialog attachments */
41
- attachments?: DialogAttachmentsProps;
42
41
  /** Dialog is seen by the end user or others */
43
42
  seenBy?: DialogSeenByProps;
44
43
  /** Activity Log */
45
44
  activityLog?: DialogActivityLogProps;
46
45
  /** More information about the dialog, process, etc. */
47
46
  additionalInfo?: ReactNode;
47
+ /** Dialog attachments */
48
+ attachments?: AttachmentSectionProps;
49
+ /** Dialog transmissions */
50
+ transmissions?: TransmissionSectionProps;
48
51
  /** History */
49
52
  history?: DialogHistoryProps;
50
53
  }
51
54
  /**
52
55
  * Full representation of a dialog, including attachments, actions and history,
53
56
  */
54
- export declare const Dialog: ({ backButton, menu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, summary, body, actions, attachments, history, seenBy, activityLog, additionalInfo, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
57
+ export declare const Dialog: ({ backButton, menu, updatedAt, updatedAtLabel, dueAt, dueAtLabel, status, title, sender, recipient, summary, body, actions, attachments, history, seenBy, activityLog, additionalInfo, transmissions, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,55 +1,61 @@
1
1
  import { jsxs as m, jsx as o } from "react/jsx-runtime";
2
- import { MetaBase as c } from "../Meta/MetaBase.js";
2
+ import { MetaBase as x } from "../Meta/MetaBase.js";
3
3
  import "../../index-L8X2o7IH.js";
4
4
  import "../Icon/SvgIcon.js";
5
5
  import { DialogActivityLog as j } from "./DialogActivityLog.js";
6
6
  import { DialogArticleBase as v } from "./DialogArticleBase.js";
7
- import { DialogAttachments as y } from "./DialogAttachments.js";
8
- import { DialogBase as H } from "./DialogBase.js";
9
- import { DialogBodyBase as S } from "./DialogBodyBase.js";
7
+ import { DialogBase as y } from "./DialogBase.js";
8
+ import { DialogBodyBase as H } from "./DialogBodyBase.js";
10
9
  import { DialogContent as C } from "./DialogContent.js";
11
10
  import { DialogFooter as F } from "./DialogFooter.js";
12
11
  import { DialogHeader as M } from "./DialogHeader.js";
13
12
  import { DialogSeenBy as N } from "./DialogSeenBy.js";
13
+ import { AttachmentSection as T } from "../Attachment/AttachmentSection.js";
14
+ import "react";
14
15
  import { DialogActions as b } from "./DialogActions.js";
15
16
  import { DialogHistory as k } from "./DialogHistory.js";
16
17
  import { DialogNav as q } from "./DialogNav.js";
17
- const Y = ({
18
- backButton: a,
19
- menu: f,
20
- updatedAt: g,
21
- updatedAtLabel: D,
22
- dueAt: n,
23
- dueAtLabel: s,
24
- status: B,
25
- title: d,
26
- sender: h,
18
+ import "../RootProvider/RootProvider.js";
19
+ import "../../Autocomplete-Cb9fQrzy.js";
20
+ import { TransmissionSection as w } from "../Transmission/TransmissionSection.js";
21
+ const ro = ({
22
+ backButton: f,
23
+ menu: g,
24
+ updatedAt: D,
25
+ updatedAtLabel: n,
26
+ dueAt: B,
27
+ dueAtLabel: c,
28
+ status: d,
29
+ title: h,
30
+ sender: s,
27
31
  recipient: A,
28
- summary: u = "Summary.",
29
- body: x,
32
+ summary: S = "Summary.",
33
+ body: u,
30
34
  actions: r = [],
31
35
  attachments: i,
32
36
  history: t,
33
37
  seenBy: e,
34
- activityLog: l,
35
- additionalInfo: p
36
- }) => /* @__PURE__ */ m(H, { children: [
37
- /* @__PURE__ */ o(q, { status: B, dueAt: n, dueAtLabel: s, backButton: a, menu: f }),
38
+ activityLog: p,
39
+ additionalInfo: l,
40
+ transmissions: a
41
+ }) => /* @__PURE__ */ m(y, { children: [
42
+ /* @__PURE__ */ o(q, { status: d, dueAt: B, dueAtLabel: c, backButton: f, menu: g }),
38
43
  /* @__PURE__ */ m(v, { children: [
39
- /* @__PURE__ */ o(M, { title: d, sender: h, recipient: A, seen: !1, variant: "neutral" }),
40
- /* @__PURE__ */ m(S, { children: [
41
- /* @__PURE__ */ o(C, { updatedAt: g, updatedAtLabel: D, summary: u, body: x }),
42
- i && /* @__PURE__ */ o(y, { ...i }),
44
+ /* @__PURE__ */ o(M, { title: h, sender: s, recipient: A, seen: !1, variant: "neutral" }),
45
+ /* @__PURE__ */ m(H, { children: [
46
+ /* @__PURE__ */ o(C, { updatedAt: D, updatedAtLabel: n, summary: S, body: u }),
47
+ i && /* @__PURE__ */ o(T, { ...i }),
43
48
  (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ o(b, { items: r }),
44
- /* @__PURE__ */ m(c, { children: [
49
+ a && /* @__PURE__ */ o(w, { ...a }),
50
+ /* @__PURE__ */ m(x, { children: [
45
51
  e && /* @__PURE__ */ o(N, { ...e }),
46
- l && /* @__PURE__ */ o(j, { ...l })
52
+ p && /* @__PURE__ */ o(j, { ...p })
47
53
  ] })
48
54
  ] }),
49
- p && /* @__PURE__ */ o(F, { additionalInfo: p }),
55
+ l && /* @__PURE__ */ o(F, { additionalInfo: l }),
50
56
  t && /* @__PURE__ */ o(k, { ...t })
51
57
  ] })
52
58
  ] });
53
59
  export {
54
- Y as Dialog
60
+ ro as Dialog
55
61
  };
@@ -1,13 +1,13 @@
1
- import { jsxs as t, Fragment as r, jsx as e } from "react/jsx-runtime";
2
- import { withThemeByDataAttribute as a } from "@storybook/addon-themes";
3
- import { Dialog as i } from "./Dialog.js";
1
+ import { jsxs as t, Fragment as a, jsx as e } from "react/jsx-runtime";
2
+ import { withThemeByDataAttribute as r } from "@storybook/addon-themes";
3
+ import { Dialog as n } from "./Dialog.js";
4
4
  const m = {
5
5
  title: "Dialog/Dialog",
6
- component: i,
6
+ component: n,
7
7
  tags: ["autodocs"],
8
8
  parameters: {},
9
9
  decorators: [
10
- a({
10
+ r({
11
11
  themes: {
12
12
  company: "company",
13
13
  person: "person"
@@ -71,7 +71,7 @@ const m = {
71
71
  }
72
72
  }, p = {
73
73
  args: {
74
- body: /* @__PURE__ */ t(r, { children: [
74
+ body: /* @__PURE__ */ t(a, { children: [
75
75
  /* @__PURE__ */ e("h2", { children: "Heading 2" }),
76
76
  /* @__PURE__ */ e("p", { children: "Body can be displayed using HTML." }),
77
77
  /* @__PURE__ */ t("ul", { children: [
@@ -98,6 +98,172 @@ const m = {
98
98
  }
99
99
  }
100
100
  }, c = {
101
+ args: {
102
+ sender: {
103
+ type: "company",
104
+ name: "Skatteetaten",
105
+ imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
106
+ },
107
+ title: "Tredjepartsopplysninger for boligselskap",
108
+ summary: "Her finner du alle innsendinger og tilbakemeldinger for tredjepartsopplysninger for boligselskap 2023. Frist for å levere er 20. januar 2024.",
109
+ actions: [
110
+ {
111
+ label: "Lever tredjepartsopplysninger"
112
+ }
113
+ ],
114
+ additionalInfo: /* @__PURE__ */ t("p", { children: [
115
+ "Sameier med 9 eller flere boligseksjoner skal levere opplysninger om sameiers andel av felles inntekter, utgifter, formue og gjeld. ",
116
+ /* @__PURE__ */ e("a", { href: "https://altinn.no", children: "Mer informasjon." })
117
+ ] }),
118
+ history: {
119
+ title: "Hva har skjedd?",
120
+ items: [
121
+ {
122
+ createdAtLabel: "15. februar 2024 kl. 08.45",
123
+ createdBy: {
124
+ type: "company",
125
+ name: "Skatteetaten",
126
+ imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
127
+ },
128
+ summary: "Skjemaet er lukket for rapportering og korreksjoner."
129
+ },
130
+ {
131
+ createdAtLabel: "2. januar 2024 kl 08.00",
132
+ createdBy: {
133
+ type: "company",
134
+ name: "Skatteetaten",
135
+ imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
136
+ },
137
+ summary: "Du kan nå levere tredjepartsopplysninger."
138
+ },
139
+ {
140
+ createdAtLabel: "15. oktober 2023 kl 08.00",
141
+ createdBy: {
142
+ type: "company",
143
+ name: "Skatteetaten",
144
+ imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
145
+ },
146
+ summary: "Du må levere tredjepartsopplysninger for boligselskap.",
147
+ attachments: [
148
+ {
149
+ label: "Rapportering av tredjepartsopplysninger for boligselskap.pdf"
150
+ }
151
+ ]
152
+ }
153
+ ]
154
+ },
155
+ transmissions: {
156
+ title: "6 forsendelser",
157
+ items: [
158
+ {
159
+ createdAt: "1999-01-01",
160
+ createdAtLabel: "Skatteetaten, 1. mars 2024",
161
+ sender: {
162
+ type: "company",
163
+ name: "Skatteetaten",
164
+ imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
165
+ },
166
+ badge: {
167
+ label: "Godkjent, med feil"
168
+ },
169
+ title: "Leveransen er godkjent, men inneholder feil",
170
+ summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
171
+ attachments: {
172
+ title: "2 vedlegg",
173
+ items: [
174
+ {
175
+ label: "Dokument 1.pdf",
176
+ href: ""
177
+ },
178
+ {
179
+ label: "Dokument 2.pdf",
180
+ href: ""
181
+ }
182
+ ]
183
+ }
184
+ },
185
+ {
186
+ sender: {
187
+ name: "Per Olav Olsen"
188
+ },
189
+ title: "Tredjepartsopplysninger ble levert",
190
+ createdAtLabel: "1. mars 2024",
191
+ summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
192
+ },
193
+ {
194
+ createdAt: "1999-01-01",
195
+ createdAtLabel: "Skatteetaten, 1. mars 2024",
196
+ sender: {
197
+ type: "company",
198
+ name: "Skatteetaten",
199
+ imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
200
+ },
201
+ badge: {
202
+ label: "Godkjent"
203
+ },
204
+ title: "Leveransen er godkjent",
205
+ summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
206
+ attachments: {
207
+ title: "2 vedlegg",
208
+ items: [
209
+ {
210
+ label: "Dokument 1.pdf",
211
+ href: ""
212
+ },
213
+ {
214
+ label: "Dokument 2.pdf",
215
+ href: ""
216
+ }
217
+ ]
218
+ }
219
+ },
220
+ {
221
+ sender: {
222
+ name: "Kari Susanne Pettersen"
223
+ },
224
+ title: "Tredjepartsopplysninger ble levert",
225
+ createdAtLabel: "1. mars 2024",
226
+ summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
227
+ },
228
+ {
229
+ createdAt: "1999-01-01",
230
+ createdAtLabel: "Skatteetaten, 1. mars 2024",
231
+ sender: {
232
+ type: "company",
233
+ name: "Skatteetaten",
234
+ imageUrl: "https://cdn.sanity.io/images/z3it2oa7/production/e16a4f384d1d5ed959e1d74f0626259711d67509-88x88.png?w=96"
235
+ },
236
+ badge: {
237
+ label: "Avvist"
238
+ },
239
+ title: "Leveransen er avvist",
240
+ summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under.",
241
+ attachments: {
242
+ title: "2 vedlegg",
243
+ items: [
244
+ {
245
+ label: "Dokument 1.pdf",
246
+ href: ""
247
+ },
248
+ {
249
+ label: "Dokument 2.pdf",
250
+ href: ""
251
+ }
252
+ ]
253
+ }
254
+ },
255
+ {
256
+ sender: {
257
+ name: "Siren Søftebø"
258
+ },
259
+ title: "Tredjepartsopplysninger ble levert",
260
+ createdAtLabel: "1. mars 2024",
261
+ summary: "Skatteetaten har godkjent leveransen, men det er feil i oppgaver du må se nærmere på. Se tilbakemelding of feilliste under."
262
+ }
263
+ ]
264
+ }
265
+ }
266
+ }, k = {
101
267
  args: {
102
268
  actions: [
103
269
  {
@@ -112,7 +278,7 @@ const m = {
112
278
  }
113
279
  ]
114
280
  }
115
- }, n = {
281
+ }, i = {
116
282
  args: {
117
283
  status: { label: "Krever handling", value: "requires-attention" },
118
284
  sender: {
@@ -147,15 +313,15 @@ const m = {
147
313
  ]
148
314
  }
149
315
  }
150
- }, h = {
316
+ }, f = {
151
317
  args: {
152
- ...n.args,
318
+ ...i.args,
153
319
  status: { value: "in-progress", label: "Under arbeid" },
154
320
  dueAt: null,
155
321
  dueAtLabel: null,
156
322
  updatedAtLabel: "27. november 2024 kl 10.30",
157
323
  summary: "Saken er sendt til manuell behandling. Forventet behandlingstid: 2 uker.",
158
- body: /* @__PURE__ */ t(r, { children: [
324
+ body: /* @__PURE__ */ t(a, { children: [
159
325
  /* @__PURE__ */ e("h2", { children: "Hva skjer nå?" }),
160
326
  /* @__PURE__ */ e("p", { children: "Saken din har fått saksbehandler og blir behandlet manuelt." }),
161
327
  /* @__PURE__ */ t("ul", { children: [
@@ -208,7 +374,7 @@ const m = {
208
374
  ]
209
375
  }
210
376
  }
211
- }, s = {
377
+ }, l = {
212
378
  args: {
213
379
  status: { value: "draft", label: "Utkast" },
214
380
  sender: {
@@ -236,7 +402,7 @@ const m = {
236
402
  }
237
403
  }, u = {
238
404
  args: {
239
- ...s.args,
405
+ ...l.args,
240
406
  status: { value: "sent", label: "Sendt" },
241
407
  actions: null,
242
408
  summary: "Skjema er sendt inn.",
@@ -252,12 +418,13 @@ const m = {
252
418
  }
253
419
  };
254
420
  export {
255
- c as Actions,
421
+ k as Actions,
256
422
  g as Attachments,
257
423
  p as Body,
258
- s as Draft,
259
- h as InProgress,
260
- n as RequiresAttention,
424
+ l as Draft,
425
+ f as InProgress,
426
+ i as RequiresAttention,
261
427
  u as Sent,
428
+ c as Transmissions,
262
429
  m as default
263
430
  };
@@ -6,7 +6,7 @@ import "../Icon/SvgIcon.js";
6
6
  import { Button as u } from "../Button/Button.js";
7
7
  import { ComboButton as f } from "../Button/ComboButton.js";
8
8
  import "../RootProvider/RootProvider.js";
9
- import "../../Autocomplete-hEFuiN2u.js";
9
+ import "../../Autocomplete-Cb9fQrzy.js";
10
10
  import { Menu as y } from "../Menu/Menu.js";
11
11
  import '../../assets/DialogActions.css';const g = "_action_1lkfe_1", h = "_comboButton_1lkfe_7", _ = "_dropdown_1lkfe_11", i = {
12
12
  action: g,
@@ -7,4 +7,4 @@ export interface DialogActivityLogProps {
7
7
  onClick?: MouseEventHandler;
8
8
  href?: string;
9
9
  }
10
- export declare const DialogActivityLog: ({ size, label, ...rest }: DialogActivityLogProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const DialogActivityLog: ({ size, label, onClick, ...rest }: DialogActivityLogProps) => import("react/jsx-runtime").JSX.Element;