@altinn/altinn-components 0.15.0 → 0.15.2

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 (222) hide show
  1. package/dist/assets/AutocompleteGroup.css +1 -1
  2. package/dist/assets/ButtonBase.css +1 -1
  3. package/dist/assets/DialogActions.css +1 -1
  4. package/dist/assets/DialogHeading.css +1 -1
  5. package/dist/assets/DialogHistory.css +1 -0
  6. package/dist/assets/DialogListItem.css +1 -1
  7. package/dist/assets/Flex.css +1 -1
  8. package/dist/assets/Grid.css +1 -1
  9. package/dist/assets/ListItemIcon.css +1 -0
  10. package/dist/assets/ListItemSelect.css +1 -1
  11. package/dist/assets/MenuItemIcon.css +1 -1
  12. package/dist/assets/PageTabs.css +1 -1
  13. package/dist/assets/TimelineBase.css +1 -1
  14. package/dist/assets/TimelineSection.css +1 -1
  15. package/dist/assets/Typography.css +1 -1
  16. package/dist/components/AccessAreaList/AccessAreaList.js +1 -1
  17. package/dist/components/AccessAreaList/AccessAreaListItem.js +1 -1
  18. package/dist/components/AccessPackageList/AccessPackageList.js +1 -1
  19. package/dist/components/AccessPackageList/AccessPackageListItem.js +1 -1
  20. package/dist/components/Attachment/AttachmentLink.js +8 -9
  21. package/dist/components/Attachment/AttachmentList.js +5 -5
  22. package/dist/components/Bookmarks/BookmarksListItem.js +7 -74
  23. package/dist/components/Bookmarks/BookmarksSection.js +26 -24
  24. package/dist/components/Bookmarks/EditableBookmark.js +62 -0
  25. package/dist/components/Bookmarks/index.js +6 -7
  26. package/dist/components/Button/ButtonBase.js +5 -5
  27. package/dist/components/Button/ButtonIcon.js +1 -1
  28. package/dist/components/Byline/Byline.js +2 -2
  29. package/dist/components/ContextMenu/ContextMenu.js +5 -5
  30. package/dist/components/Datepicker/DatepickerHeader.js +1 -1
  31. package/dist/components/Datepicker/DatepickerTable.js +1 -1
  32. package/dist/components/Dialog/ActivityItem.js +40 -0
  33. package/dist/components/Dialog/ActivityItemDetails.js +23 -0
  34. package/dist/components/Dialog/ActivityLog.js +18 -0
  35. package/dist/components/Dialog/Dialog.js +74 -74
  36. package/dist/components/Dialog/DialogActions.js +21 -22
  37. package/dist/components/Dialog/DialogActivityLog.js +1 -1
  38. package/dist/components/Dialog/DialogAttachments.js +5 -5
  39. package/dist/components/Dialog/DialogBody.js +48 -0
  40. package/dist/components/Dialog/DialogByline.js +10 -10
  41. package/dist/components/Dialog/DialogContent.js +6 -6
  42. package/dist/components/Dialog/DialogHeader.js +17 -0
  43. package/dist/components/Dialog/DialogHeading.js +9 -9
  44. package/dist/components/Dialog/DialogHistory.js +35 -22
  45. package/dist/components/Dialog/DialogLabel.js +1 -1
  46. package/dist/components/Dialog/DialogList.js +2 -2
  47. package/dist/components/Dialog/DialogListGroup.js +7 -7
  48. package/dist/components/Dialog/DialogListItem.js +100 -92
  49. package/dist/components/Dialog/DialogMetadata.js +37 -35
  50. package/dist/components/Dialog/DialogSection.js +8 -7
  51. package/dist/components/Dialog/DialogSeenBy.js +1 -1
  52. package/dist/components/Dialog/DialogSelect.js +1 -1
  53. package/dist/components/Dialog/DialogStatus.js +1 -1
  54. package/dist/components/Dialog/DialogTimeline.js +2 -2
  55. package/dist/components/Dialog/DialogTimelineItem.js +6 -6
  56. package/dist/components/Dialog/DialogTransmissions.js +2 -2
  57. package/dist/components/Dialog/SeenByLog.js +29 -0
  58. package/dist/components/Dialog/index.js +51 -43
  59. package/dist/components/Dropdown/DrawerButton.js +1 -1
  60. package/dist/components/Dropdown/DrawerHeader.js +1 -1
  61. package/dist/components/Dropdown/DrawerOrDropdown.js +1 -1
  62. package/dist/components/GlobalMenu/AccountButton.js +1 -1
  63. package/dist/components/GlobalMenu/AccountMenu.js +9 -7
  64. package/dist/components/GlobalMenu/BackButton.js +1 -1
  65. package/dist/components/GlobalMenu/GlobalMenu.js +1 -1
  66. package/dist/components/GlobalMenu/LogoutButton.js +1 -1
  67. package/dist/components/Header/Header.js +2 -2
  68. package/dist/components/Header/HeaderBase.js +1 -1
  69. package/dist/components/Header/HeaderButton.js +1 -1
  70. package/dist/components/Header/HeaderLogo.js +1 -1
  71. package/dist/components/Icon/Icon.js +2 -2
  72. package/dist/components/Icon/IconOrAvatar.js +14 -14
  73. package/dist/components/Layout/Layout.js +2 -10
  74. package/dist/components/LayoutAction/ActionHeader.js +5 -5
  75. package/dist/components/LayoutAction/LayoutAction.js +1 -1
  76. package/dist/components/List/List.js +1 -1
  77. package/dist/components/List/ListBase.js +1 -1
  78. package/dist/components/List/ListItem.js +43 -43
  79. package/dist/components/List/ListItemHeader.js +25 -25
  80. package/dist/components/List/ListItemIcon.js +9 -19
  81. package/dist/components/List/ListItemSelect.js +11 -11
  82. package/dist/components/Menu/MenuItem.js +1 -1
  83. package/dist/components/Menu/MenuItemBase.js +2 -2
  84. package/dist/components/Menu/MenuItemIcon.js +14 -14
  85. package/dist/components/Menu/MenuItems.js +1 -1
  86. package/dist/components/Menu/MenuOption.js +32 -19
  87. package/dist/components/Menu/MenuSearch.js +1 -1
  88. package/dist/components/Meta/MetaItemMedia.js +1 -1
  89. package/dist/components/Page/Breadcrumbs.js +1 -1
  90. package/dist/components/Page/ContactSection.js +40 -0
  91. package/dist/components/Page/Flex.js +11 -11
  92. package/dist/components/Page/Grid.js +5 -5
  93. package/dist/components/Page/PageBase.js +3 -3
  94. package/dist/components/Page/PageHeader.js +45 -29
  95. package/dist/components/Page/PageMenu.js +1 -1
  96. package/dist/components/Page/PageNav.js +16 -21
  97. package/dist/components/Page/PageTabs.js +8 -8
  98. package/dist/components/Page/Section.js +1 -1
  99. package/dist/components/Page/index.js +16 -14
  100. package/dist/components/ResourceList/ResourceList.js +1 -1
  101. package/dist/components/ResourceList/ResourceListItem.js +1 -1
  102. package/dist/components/Search/Autocomplete.js +45 -0
  103. package/dist/components/{Autocomplete → Search}/AutocompleteGroup.js +3 -3
  104. package/dist/components/{Autocomplete → Search}/AutocompleteItem.js +32 -10
  105. package/dist/components/{Searchbar → Search}/SearchField.js +2 -2
  106. package/dist/components/{Searchbar → Search}/Searchbar.js +9 -8
  107. package/dist/components/Search/SuggestListItem.js +13 -0
  108. package/dist/components/Search/index.js +23 -0
  109. package/dist/components/Snackbar/SnackbarItem.js +1 -1
  110. package/dist/components/Timeline/TimelineBase.js +1 -1
  111. package/dist/components/Timeline/TimelineSection.js +20 -20
  112. package/dist/components/Toolbar/ToolbarAccountMenu.js +5 -5
  113. package/dist/components/Toolbar/ToolbarAdd.js +5 -5
  114. package/dist/components/Toolbar/ToolbarButton.js +1 -1
  115. package/dist/components/Toolbar/ToolbarDaterange.js +5 -5
  116. package/dist/components/Toolbar/ToolbarFilter.js +5 -5
  117. package/dist/components/Toolbar/ToolbarMenu.js +5 -5
  118. package/dist/components/Toolbar/ToolbarOptions.js +17 -17
  119. package/dist/components/Toolbar/ToolbarSearch.js +1 -1
  120. package/dist/components/Transmission/TransmissionItem.js +6 -6
  121. package/dist/components/Transmission/TransmissionList.js +1 -1
  122. package/dist/components/Typography/Heading.js +7 -6
  123. package/dist/components/Typography/Typography.js +25 -6
  124. package/dist/components/index.js +293 -271
  125. package/dist/index.js +299 -277
  126. package/dist/types/lib/components/Attachment/AttachmentLink.d.ts +1 -4
  127. package/dist/types/lib/components/Attachment/AttachmentLink.stories.d.ts +1 -1
  128. package/dist/types/lib/components/Attachment/AttachmentList.d.ts +1 -3
  129. package/dist/types/lib/components/Attachment/AttachmentList.stories.d.ts +1 -1
  130. package/dist/types/lib/components/Avatar/Examples.stories.d.ts +18 -0
  131. package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts +3 -27
  132. package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts +1 -1
  133. package/dist/types/lib/components/Bookmarks/BookmarksSection.d.ts +2 -2
  134. package/dist/types/lib/components/Bookmarks/EditableBookmark.d.ts +29 -0
  135. package/dist/types/lib/components/Bookmarks/index.d.ts +1 -1
  136. package/dist/types/lib/components/Dialog/ActivityItem.d.ts +16 -0
  137. package/dist/types/lib/components/Dialog/ActivityItemDetails.d.ts +6 -0
  138. package/dist/types/lib/components/Dialog/ActivityLog.d.ts +6 -0
  139. package/dist/types/lib/components/Dialog/ActivityLog.stories.d.ts +39 -0
  140. package/dist/types/lib/components/Dialog/Dialog.d.ts +9 -29
  141. package/dist/types/lib/components/Dialog/Dialog.stories.d.ts +5 -10
  142. package/dist/types/lib/components/Dialog/DialogActivityLog.d.ts +1 -0
  143. package/dist/types/lib/components/Dialog/DialogBody.d.ts +34 -0
  144. package/dist/types/lib/components/Dialog/DialogBody.stories.d.ts +37 -0
  145. package/dist/types/lib/components/Dialog/DialogByline.d.ts +2 -2
  146. package/dist/types/lib/components/Dialog/DialogBylline.stories.d.ts +2 -1
  147. package/dist/types/lib/components/Dialog/DialogHeader.d.ts +14 -0
  148. package/dist/types/lib/components/Dialog/DialogHeader.stories.d.ts +20 -0
  149. package/dist/types/lib/components/Dialog/DialogHistory.d.ts +3 -4
  150. package/dist/types/lib/components/Dialog/DialogHistory.stories.d.ts +9 -2
  151. package/dist/types/lib/components/Dialog/DialogList.stories.d.ts +0 -1
  152. package/dist/types/lib/components/Dialog/DialogListItem.d.ts +6 -6
  153. package/dist/types/lib/components/Dialog/DialogListItem.stories.d.ts +9 -1
  154. package/dist/types/lib/components/Dialog/DialogMetadata.d.ts +4 -2
  155. package/dist/types/lib/components/Dialog/DialogMetadata.stories.d.ts +8 -4
  156. package/dist/types/lib/components/Dialog/DialogSeenBy.d.ts +1 -0
  157. package/dist/types/lib/components/Dialog/{DraftDialog.stories.d.ts → Examples.stories.d.ts} +2 -4
  158. package/dist/types/lib/components/Dialog/SeenByLog.d.ts +18 -0
  159. package/dist/types/lib/components/Dialog/SeenByLog.stories.d.ts +32 -0
  160. package/dist/types/lib/components/Dialog/index.d.ts +5 -1
  161. package/dist/types/lib/components/Header/Header.d.ts +1 -1
  162. package/dist/types/lib/components/Header/Header.stories.d.ts +2 -2
  163. package/dist/types/lib/components/Layout/Layout.d.ts +1 -1
  164. package/dist/types/lib/components/Layout/Layout.stories.d.ts +7 -6
  165. package/dist/types/lib/components/LayoutAction/LayoutAction.stories.d.ts +1 -4
  166. package/dist/types/lib/components/List/ListItem.d.ts +0 -2
  167. package/dist/types/lib/components/List/ListItemHeader.d.ts +1 -1
  168. package/dist/types/lib/components/List/ListItemIcon.d.ts +3 -8
  169. package/dist/types/lib/components/List/Patterns.stories.d.ts +9 -0
  170. package/dist/types/lib/components/Menu/MenuOption.d.ts +3 -3
  171. package/dist/types/lib/components/Menu/MenuOption.stories.d.ts +1 -1
  172. package/dist/types/lib/components/Page/ContactSection.d.ts +11 -0
  173. package/dist/types/lib/components/Page/ContactSection.stories.d.ts +25 -0
  174. package/dist/types/lib/components/Page/Flex.d.ts +1 -1
  175. package/dist/types/lib/components/Page/PageBase.d.ts +1 -1
  176. package/dist/types/lib/components/Page/PageHeader.d.ts +7 -3
  177. package/dist/types/lib/components/Page/PageHeader.stories.d.ts +3 -6
  178. package/dist/types/lib/components/Page/PageMenu.d.ts +1 -1
  179. package/dist/types/lib/components/Page/PageNav.d.ts +3 -4
  180. package/dist/types/lib/components/Page/PageNav.stories.d.ts +3 -3
  181. package/dist/types/lib/components/Page/PageTabs.d.ts +4 -1
  182. package/dist/types/lib/components/Page/Patterns.stories.d.ts +10 -0
  183. package/dist/types/lib/components/Page/index.d.ts +1 -0
  184. package/dist/types/lib/components/{Autocomplete → Search}/Autocomplete.d.ts +1 -2
  185. package/dist/types/lib/components/{Autocomplete → Search}/Autocomplete.stories.d.ts +3 -3
  186. package/dist/types/lib/components/{Autocomplete → Search}/AutocompleteItem.d.ts +6 -6
  187. package/dist/types/lib/components/{Autocomplete → Search}/ScopeListItem.d.ts +1 -1
  188. package/dist/types/lib/components/{Searchbar → Search}/Searchbar.d.ts +1 -2
  189. package/dist/types/lib/components/{Searchbar → Search}/Searchbar.stories.d.ts +5 -1
  190. package/dist/types/lib/components/Search/SuggestListItem.d.ts +13 -0
  191. package/dist/types/lib/components/Search/index.d.ts +10 -0
  192. package/dist/types/lib/components/Timeline/Timeline.stories.d.ts +0 -10
  193. package/dist/types/lib/components/Timeline/TimelineSection.d.ts +3 -2
  194. package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +3 -1
  195. package/dist/types/lib/components/Typography/Heading.d.ts +2 -1
  196. package/dist/types/lib/components/Typography/Heading.stories.d.ts +13 -0
  197. package/dist/types/lib/components/Typography/Typography.d.ts +4 -1
  198. package/dist/types/lib/components/Typography/Typography.stories.d.ts +13 -0
  199. package/dist/types/lib/components/index.d.ts +1 -2
  200. package/package.json +1 -1
  201. package/dist/components/Autocomplete/Autocomplete.js +0 -41
  202. package/dist/components/Autocomplete/index.js +0 -8
  203. package/dist/components/Dialog/DialogHistoryDetails.js +0 -23
  204. package/dist/components/Dialog/DialogHistoryItem.js +0 -38
  205. package/dist/components/Dialog/DraftDialog.js +0 -65
  206. package/dist/components/Searchbar/index.js +0 -4
  207. package/dist/types/lib/components/Autocomplete/index.d.ts +0 -3
  208. package/dist/types/lib/components/Dialog/DialogContent.stories.d.ts +0 -22
  209. package/dist/types/lib/components/Dialog/DialogHistoryDetails.d.ts +0 -6
  210. package/dist/types/lib/components/Dialog/DialogHistoryItem.d.ts +0 -13
  211. package/dist/types/lib/components/Dialog/DraftDialog.d.ts +0 -5
  212. package/dist/types/lib/components/Searchbar/index.d.ts +0 -1
  213. package/dist/components/{Autocomplete → Search}/AutocompleteBase.js +0 -0
  214. package/dist/components/{Bookmarks → Search}/QueryLabel.js +0 -0
  215. package/dist/components/{Autocomplete → Search}/ScopeListItem.js +1 -1
  216. /package/dist/components/{Searchbar → Search}/SearchbarBase.js +0 -0
  217. /package/dist/types/lib/components/Menu/{Patterns.stories.d.ts → Examples.stories.d.ts} +0 -0
  218. /package/dist/types/lib/components/{Autocomplete → Search}/AutocompleteBase.d.ts +0 -0
  219. /package/dist/types/lib/components/{Autocomplete → Search}/AutocompleteGroup.d.ts +0 -0
  220. /package/dist/types/lib/components/{Bookmarks → Search}/QueryLabel.d.ts +0 -0
  221. /package/dist/types/lib/components/{Searchbar → Search}/SearchField.d.ts +0 -0
  222. /package/dist/types/lib/components/{Searchbar → Search}/SearchbarBase.d.ts +0 -0
@@ -1,111 +1,119 @@
1
- import { jsx as e, jsxs as c } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as b } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "../Icon/SvgIcon.js";
4
4
  import "react";
5
- import "../Autocomplete/AutocompleteBase.js";
6
- import { DialogMetadata as y } from "./DialogMetadata.js";
7
- import { DialogByline as w } from "./DialogByline.js";
8
- import { Skeleton as C } from "../Skeleton/Skeleton.js";
9
- import { DialogSelect as E } from "./DialogSelect.js";
10
- import { DialogHeading as F } from "./DialogHeading.js";
11
5
  import "../RootProvider/RootProvider.js";
12
- import { ListItemBase as G } from "../List/ListItemBase.js";
13
- import { ListItemLink as J } from "../List/ListItemLink.js";
14
- import { ListItemLabel as K } from "../List/ListItemLabel.js";
15
- import { ListItem as O } from "../List/ListItem.js";
6
+ import { DialogMetadata as u } from "./DialogMetadata.js";
7
+ import { DialogByline as C } from "./DialogByline.js";
8
+ import { Skeleton as E } from "../Skeleton/Skeleton.js";
9
+ import { DialogHeading as F } from "./DialogHeading.js";
10
+ import { ListItemLabel as G } from "../List/ListItemLabel.js";
11
+ import { ListItemSelect as J } from "../List/ListItemSelect.js";
12
+ import { ListItem as N } from "../List/ListItem.js";
13
+ import "../Search/AutocompleteBase.js";
16
14
  import "../Snackbar/useSnackbar.js";
17
- import '../../assets/DialogListItem.css';const P = "_link_1gdsf_1", Q = "_border_1gdsf_22", R = "_select_1gdsf_61", U = "_header_1gdsf_68", V = "_summary_1gdsf_80", W = "_footer_1gdsf_108", X = "_touchedBy_1gdsf_112", r = {
18
- link: P,
19
- border: Q,
20
- select: R,
21
- header: U,
22
- summary: V,
23
- footer: W,
24
- touchedBy: X
25
- }, ft = ({
26
- size: t = "xl",
27
- state: g = "normal",
15
+ import '../../assets/DialogListItem.css';const K = "_link_1yhch_1", O = "_border_1yhch_22", P = "_select_1yhch_61", Q = "_header_1yhch_68", R = "_summary_1yhch_80", U = "_footer_1yhch_108", V = "_touchedBy_1yhch_112", W = "_heading_1yhch_121", X = "_title_1yhch_127", a = {
16
+ link: K,
17
+ border: O,
18
+ select: P,
19
+ header: Q,
20
+ summary: R,
21
+ footer: U,
22
+ touchedBy: V,
23
+ heading: W,
24
+ title: X
25
+ }, ht = ({
26
+ size: t = "lg",
27
+ state: x = "normal",
28
28
  loading: o,
29
- select: l,
30
- selected: a,
31
- status: N,
32
- sender: i,
33
- recipient: B,
29
+ select: m,
30
+ selected: r,
31
+ status: B,
32
+ sender: s,
33
+ recipient: g,
34
34
  recipientLabel: k = "to",
35
- recipientGroup: x = !1,
36
- updatedAt: d,
37
- updatedAtLabel: f,
38
- archivedAt: n,
39
- archivedAtLabel: L,
40
- trashedAt: h,
41
- trashedAtLabel: D,
42
- label: I,
43
- dueAt: S,
44
- dueAtLabel: j,
45
- seen: m = !1,
46
- seenBy: v,
47
- touchedBy: H,
48
- attachmentsCount: M,
49
- title: _,
50
- description: p,
51
- summary: b,
52
- theme: T = "default",
53
- ...s
35
+ grouped: I = !1,
36
+ updatedAt: l,
37
+ updatedAtLabel: h,
38
+ archivedAt: i,
39
+ archivedAtLabel: D,
40
+ trashedAt: n,
41
+ trashedAtLabel: L,
42
+ label: S,
43
+ dueAt: j,
44
+ dueAtLabel: v,
45
+ seen: c = !1,
46
+ seenBy: H,
47
+ touchedBy: M,
48
+ attachmentsCount: T,
49
+ title: d,
50
+ description: _,
51
+ summary: y,
52
+ theme: q = "default",
53
+ ...p
54
54
  }) => {
55
- const q = h ? "trashed" : n ? "archived" : g, u = a ? "subtle" : T;
55
+ const w = n ? "trashed" : i ? "archived" : x, f = r ? "subtle" : q;
56
56
  return t === "xs" || t === "sm" || t === "md" ? /* @__PURE__ */ e(
57
- O,
57
+ N,
58
58
  {
59
- ...s,
59
+ ...p,
60
60
  size: t,
61
- selected: a,
62
- theme: u,
63
- label: /* @__PURE__ */ e("div", { className: r.border, "data-size": t, "data-seen": m, "data-loading": o, children: /* @__PURE__ */ e(K, { loading: o, size: t, title: _, description: b || p }) }),
64
- badge: /* @__PURE__ */ e(y, { loading: o, sender: i, updatedAt: d, updatedAtLabel: f })
61
+ selected: r,
62
+ theme: f,
63
+ label: /* @__PURE__ */ e("div", { className: a.border, "data-size": t, "data-seen": c, "data-loading": o, children: /* @__PURE__ */ e(G, { loading: o, size: t, title: d, description: y || _ }) }),
64
+ badge: /* @__PURE__ */ e(u, { loading: o, sender: s, updatedAt: l, updatedAtLabel: h })
65
65
  }
66
- ) : /* @__PURE__ */ c(G, { ...s, size: t, selected: a, theme: u, children: [
67
- /* @__PURE__ */ e(J, { ...s, size: t, className: r.link, children: /* @__PURE__ */ c("div", { className: r.border, "data-size": t, "data-seen": m, "data-loading": o, children: [
68
- /* @__PURE__ */ c("header", { className: r.header, "data-size": t, children: [
69
- /* @__PURE__ */ e(F, { loading: o, size: t, state: q, label: I, seen: m, children: _ }),
66
+ ) : /* @__PURE__ */ e(
67
+ N,
68
+ {
69
+ ...p,
70
+ size: t,
71
+ selected: r,
72
+ theme: f,
73
+ linkIcon: null,
74
+ controls: m && /* @__PURE__ */ e(J, { className: a.select, ...m, size: "xl" }),
75
+ label: /* @__PURE__ */ b("div", { className: a.border, "data-size": t, "data-seen": c, "data-loading": o, children: [
76
+ /* @__PURE__ */ b("header", { className: a.header, "data-size": t, children: [
77
+ /* @__PURE__ */ e(F, { loading: o, size: t, state: w, label: S, seen: c, children: d }),
78
+ /* @__PURE__ */ e(
79
+ C,
80
+ {
81
+ size: "xs",
82
+ loading: o,
83
+ sender: s,
84
+ recipient: g,
85
+ recipientLabel: k,
86
+ grouped: I
87
+ }
88
+ ),
89
+ /* @__PURE__ */ e("p", { "data-size": t, className: a.summary, children: /* @__PURE__ */ e(E, { loading: o, children: y || _ }) })
90
+ ] }),
70
91
  /* @__PURE__ */ e(
71
- w,
92
+ u,
72
93
  {
73
- size: "xs",
94
+ className: a.footer,
74
95
  loading: o,
75
- sender: i,
76
- recipient: B,
77
- recipientLabel: k,
78
- recipientGroup: x
79
- }
80
- ),
81
- /* @__PURE__ */ e("p", { "data-size": t, className: r.summary, children: /* @__PURE__ */ e(C, { loading: o, children: b || p }) })
82
- ] }),
83
- /* @__PURE__ */ e(
84
- y,
85
- {
86
- className: r.footer,
87
- loading: o,
88
- status: N,
89
- updatedAt: d,
90
- updatedAtLabel: f,
91
- archivedAt: n,
92
- archivedAtLabel: L,
93
- trashedAt: h,
94
- trashedAtLabel: D,
95
- dueAt: S,
96
- dueAtLabel: j,
97
- attachmentsCount: M,
98
- seenBy: v,
99
- touchedBy: {
100
- touchedBy: H,
101
- className: r.touchedBy
96
+ status: B,
97
+ updatedAt: l,
98
+ updatedAtLabel: h,
99
+ archivedAt: i,
100
+ archivedAtLabel: D,
101
+ trashedAt: n,
102
+ trashedAtLabel: L,
103
+ dueAt: j,
104
+ dueAtLabel: v,
105
+ attachmentsCount: T,
106
+ seenBy: H,
107
+ touchedBy: {
108
+ touchedBy: M,
109
+ className: a.touchedBy
110
+ }
102
111
  }
103
- }
104
- )
105
- ] }) }),
106
- l && /* @__PURE__ */ e(E, { className: r.select, ...l })
107
- ] });
112
+ )
113
+ ] })
114
+ }
115
+ );
108
116
  };
109
117
  export {
110
- ft as DialogListItem
118
+ ht as DialogListItem
111
119
  };
@@ -1,47 +1,49 @@
1
- import { jsxs as T, jsx as r } from "react/jsx-runtime";
1
+ import { jsxs as S, jsx as r } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "../Icon/SvgIcon.js";
4
4
  import "react";
5
- import "../Autocomplete/AutocompleteBase.js";
6
- import { MetaBase as q } from "../Meta/MetaBase.js";
7
- import { MetaItem as B } from "../Meta/MetaItem.js";
8
- import { MetaTimestamp as e } from "../Meta/MetaTimestamp.js";
9
- import { DialogSeenBy as w } from "./DialogSeenBy.js";
10
- import { DialogStatus as y } from "./DialogStatus.js";
11
- import { DialogTouchedBy as E } from "./DialogTouchedBy.js";
12
5
  import "../RootProvider/RootProvider.js";
6
+ import { DialogActivityLog as I } from "./DialogActivityLog.js";
7
+ import { DialogSeenBy as q } from "./DialogSeenBy.js";
8
+ import { DialogStatus as w } from "./DialogStatus.js";
9
+ import { DialogTouchedBy as y } from "./DialogTouchedBy.js";
10
+ import { MetaBase as E } from "../Meta/MetaBase.js";
11
+ import { MetaItem as T } from "../Meta/MetaItem.js";
12
+ import { MetaTimestamp as m } from "../Meta/MetaTimestamp.js";
13
+ import "../Search/AutocompleteBase.js";
13
14
  import "../Snackbar/useSnackbar.js";
14
- const X = ({
15
- className: I,
15
+ const Y = ({
16
+ className: k,
16
17
  loading: i,
17
- status: o,
18
- sender: s,
19
- updatedAt: t,
20
- updatedAtLabel: a,
18
+ status: e,
19
+ sender: o,
20
+ updatedAt: s,
21
+ updatedAtLabel: B,
21
22
  dueAt: p,
22
- dueAtLabel: x,
23
+ dueAtLabel: t,
23
24
  trashedAt: c,
24
- trashedAtLabel: z,
25
- archivedAt: f,
26
- archivedAtLabel: h,
27
- seenBy: D,
28
- touchedBy: M,
29
- attachmentsCount: j = 0,
30
- attachmentsLabel: n,
31
- transmissionsLabel: S,
32
- onClick: m
33
- }) => /* @__PURE__ */ T(q, { className: I, size: "xs", children: [
34
- o && /* @__PURE__ */ r(y, { loading: i, size: "xs", ...o }),
35
- t && /* @__PURE__ */ T(e, { loading: i, datetime: t, size: "xs", children: [
36
- /* @__PURE__ */ r("strong", { children: s && s.name + ", " }),
37
- a
25
+ trashedAtLabel: x,
26
+ archivedAt: z,
27
+ archivedAtLabel: f,
28
+ seenBy: h,
29
+ touchedBy: D,
30
+ attachmentsCount: M = 0,
31
+ attachmentsLabel: j,
32
+ transmissionsLabel: l,
33
+ activityLog: n
34
+ }) => /* @__PURE__ */ S(E, { className: k, size: "xs", children: [
35
+ e && /* @__PURE__ */ r(w, { loading: i, size: "xs", ...e }),
36
+ s && /* @__PURE__ */ S(m, { loading: i, datetime: s, size: "xs", children: [
37
+ /* @__PURE__ */ r("strong", { children: o && o.name + ", " }),
38
+ B
38
39
  ] }),
39
- p && x && /* @__PURE__ */ r(e, { loading: i, datetime: p, size: "xs", icon: "clock-dashed", children: x }),
40
- (n || j > 0) && /* @__PURE__ */ r(B, { as: m && "button", onClick: m, loading: i, size: "xs", icon: "paperclip", children: n || j }),
41
- S && /* @__PURE__ */ r(B, { as: m && "button", onClick: m, loading: i, size: "xs", icon: "files", children: S }),
42
- c && z && /* @__PURE__ */ r(e, { loading: i, datetime: c, size: "xs", icon: "trash", children: z }) || f && h && /* @__PURE__ */ r(e, { loading: i, datetime: f, size: "xs", icon: "archive", children: h }) || !i && D && /* @__PURE__ */ r(w, { size: "xs", ...D }),
43
- M && /* @__PURE__ */ r(E, { ...M, loading: i, size: "xs" })
40
+ p && t && /* @__PURE__ */ r(m, { loading: i, datetime: p, size: "xs", icon: "clock-dashed", children: t }),
41
+ (j || M > 0) && /* @__PURE__ */ r(T, { loading: i, size: "xs", icon: "paperclip", children: j || M }),
42
+ l && /* @__PURE__ */ r(T, { loading: i, size: "xs", icon: "files", children: l }),
43
+ c && x && /* @__PURE__ */ r(m, { loading: i, datetime: c, size: "xs", icon: "trash", children: x }) || z && f && /* @__PURE__ */ r(m, { loading: i, datetime: z, size: "xs", icon: "archive", children: f }) || !i && h && /* @__PURE__ */ r(q, { size: "xs", ...h }),
44
+ n && /* @__PURE__ */ r(I, { ...n, loading: i, size: "xs" }),
45
+ D && /* @__PURE__ */ r(y, { ...D, loading: i, size: "xs" })
44
46
  ] });
45
47
  export {
46
- X as DialogMetadata
48
+ Y as DialogMetadata
47
49
  };
@@ -1,16 +1,17 @@
1
- import { jsxs as o, jsx as t } from "react/jsx-runtime";
1
+ import { jsxs as m, jsx as i } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "../Icon/SvgIcon.js";
4
4
  import "react";
5
- import { Heading as m } from "../Typography/Heading.js";
6
- import "../Autocomplete/AutocompleteBase.js";
7
5
  import "../RootProvider/RootProvider.js";
6
+ import { Typography as t } from "../Typography/Typography.js";
7
+ import { Heading as p } from "../Typography/Heading.js";
8
+ import "../Search/AutocompleteBase.js";
8
9
  import "../Snackbar/useSnackbar.js";
9
10
  import { Section as n } from "../Page/Section.js";
10
- const x = ({ title: r, children: i }) => i ? /* @__PURE__ */ o(n, { spacing: 3, margin: "section", children: [
11
- r && /* @__PURE__ */ t(m, { size: "lg", children: r }),
12
- i
11
+ const h = ({ title: r, children: o }) => o ? /* @__PURE__ */ m(n, { spacing: 3, margin: "section", children: [
12
+ r && /* @__PURE__ */ i(p, { size: "lg", children: r }),
13
+ /* @__PURE__ */ i(t, { children: o })
13
14
  ] }) : null;
14
15
  export {
15
- x as DialogSection
16
+ h as DialogSection
16
17
  };
@@ -2,8 +2,8 @@ import { jsx as n } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import { MetaItem as p } from "../Meta/MetaItem.js";
4
4
  import "react";
5
- import "../Autocomplete/AutocompleteBase.js";
6
5
  import "../RootProvider/RootProvider.js";
6
+ import "../Search/AutocompleteBase.js";
7
7
  import "../Snackbar/useSnackbar.js";
8
8
  import "../Icon/SvgIcon.js";
9
9
  const g = ({
@@ -1,8 +1,8 @@
1
1
  import { jsxs as c, jsx as r } from "react/jsx-runtime";
2
2
  import { c as l } from "../../index-L8X2o7IH.js";
3
3
  import "react";
4
- import "../Autocomplete/AutocompleteBase.js";
5
4
  import "../RootProvider/RootProvider.js";
5
+ import "../Search/AutocompleteBase.js";
6
6
  import "../Snackbar/useSnackbar.js";
7
7
  import "../Icon/SvgIcon.js";
8
8
  import { CheckboxIcon as n } from "../Icon/CheckboxIcon.js";
@@ -3,8 +3,8 @@ import "../../index-L8X2o7IH.js";
3
3
  import { MetaItem as o } from "../Meta/MetaItem.js";
4
4
  import { MetaProgress as p } from "../Meta/MetaProgress.js";
5
5
  import "react";
6
- import "../Autocomplete/AutocompleteBase.js";
7
6
  import "../RootProvider/RootProvider.js";
7
+ import "../Search/AutocompleteBase.js";
8
8
  import "../Snackbar/useSnackbar.js";
9
9
  import "../Icon/SvgIcon.js";
10
10
  var s = /* @__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))(s || {});
@@ -3,10 +3,10 @@ import { jsxs as o, jsx as t } from "react/jsx-runtime";
3
3
  import { createElement as p } from "react";
4
4
  import "../../index-L8X2o7IH.js";
5
5
  import "../Icon/SvgIcon.js";
6
- import { Heading as n } from "../Typography/Heading.js";
7
- import "../Autocomplete/AutocompleteBase.js";
8
6
  import "../RootProvider/RootProvider.js";
7
+ import { Heading as n } from "../Typography/Heading.js";
9
8
  import { DialogTimelineItem as l } from "./DialogTimelineItem.js";
9
+ import "../Search/AutocompleteBase.js";
10
10
  import "../Snackbar/useSnackbar.js";
11
11
  import { TimelineBase as s } from "../Timeline/TimelineBase.js";
12
12
  const D = ({ title: i, items: r = [] }) => /* @__PURE__ */ o(s, { children: [
@@ -3,16 +3,16 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
3
3
  import { createElement as l } from "react";
4
4
  import "../../index-L8X2o7IH.js";
5
5
  import "../Icon/SvgIcon.js";
6
- import { Typography as s } from "../Typography/Typography.js";
7
- import "../Autocomplete/AutocompleteBase.js";
8
6
  import "../RootProvider/RootProvider.js";
9
- import { TransmissionItem as c } from "../Transmission/TransmissionItem.js";
10
- import { ListBase as a } from "../List/ListBase.js";
7
+ import { TransmissionItem as s } from "../Transmission/TransmissionItem.js";
8
+ import { ListBase as c } from "../List/ListBase.js";
9
+ import { Typography as a } from "../Typography/Typography.js";
10
+ import "../Search/AutocompleteBase.js";
11
11
  import "../Snackbar/useSnackbar.js";
12
12
  import { TimelineSection as d } from "../Timeline/TimelineSection.js";
13
- const k = ({ updatedAt: t, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", color: "neutral", datetime: t, dateline: o, children: /* @__PURE__ */ n(s, { size: "md", children: [
13
+ const k = ({ updatedAt: t, updatedAtLabel: o, summary: i, items: r }) => /* @__PURE__ */ e(d, { size: "xs", color: "neutral", datetime: t, dateline: o, children: /* @__PURE__ */ n(a, { size: "md", children: [
14
14
  i && /* @__PURE__ */ e("p", { children: i }),
15
- r && /* @__PURE__ */ e(a, { children: r.map((m, p) => /* @__PURE__ */ l(c, { ...m, key: p, theme: "subtle" })) })
15
+ r && /* @__PURE__ */ e(c, { children: r.map((m, p) => /* @__PURE__ */ l(s, { ...m, key: p, theme: "subtle" })) })
16
16
  ] }) });
17
17
  export {
18
18
  k as DialogTimelineItem
@@ -1,10 +1,10 @@
1
1
  import { jsxs as s, jsx as o } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
- import { Heading as m } from "../Typography/Heading.js";
4
3
  import "react";
5
- import "../Autocomplete/AutocompleteBase.js";
6
4
  import "../RootProvider/RootProvider.js";
5
+ import "../Search/AutocompleteBase.js";
7
6
  import "../Snackbar/useSnackbar.js";
7
+ import { Heading as m } from "../Typography/Heading.js";
8
8
  import { TransmissionList as p } from "../Transmission/TransmissionList.js";
9
9
  import "../Icon/SvgIcon.js";
10
10
  import { Toolbar as t } from "../Toolbar/Toolbar.js";
@@ -0,0 +1,29 @@
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import "../../index-L8X2o7IH.js";
3
+ import "../Icon/SvgIcon.js";
4
+ import "react";
5
+ import "../RootProvider/RootProvider.js";
6
+ import { MetaTimestamp as n } from "../Meta/MetaTimestamp.js";
7
+ import { ListItem as s } from "../List/ListItem.js";
8
+ import { ListBase as c } from "../List/ListBase.js";
9
+ import "../Search/AutocompleteBase.js";
10
+ import "../Snackbar/useSnackbar.js";
11
+ const A = ({ items: r, endUserLabel: o = "you" }) => /* @__PURE__ */ i(c, { spacing: "xs", children: r == null ? void 0 : r.map((m) => {
12
+ const { id: e, seenAt: p, seenAtLabel: a, seenBy: t } = m;
13
+ return /* @__PURE__ */ i(
14
+ s,
15
+ {
16
+ interactive: !1,
17
+ size: "xs",
18
+ avatar: { type: "person", name: t == null ? void 0 : t.name },
19
+ title: t == null ? void 0 : t.name,
20
+ description: t != null && t.isEndUser ? o : "",
21
+ linkIcon: null,
22
+ badge: /* @__PURE__ */ i(n, { datetime: p, children: a })
23
+ },
24
+ e
25
+ );
26
+ }) });
27
+ export {
28
+ A as SeenByLog
29
+ };
@@ -1,47 +1,55 @@
1
1
  import { Dialog as t } from "./Dialog.js";
2
- import { DialogList as i } from "./DialogList.js";
3
- import { DialogListGroup as m } from "./DialogListGroup.js";
4
- import { DialogListItem as g } from "./DialogListItem.js";
5
- import { DialogMetadata as D } from "./DialogMetadata.js";
6
- import { DialogByline as x } from "./DialogByline.js";
7
- import { DialogActions as s } from "./DialogActions.js";
8
- import { DialogActivityLog as y } from "./DialogActivityLog.js";
9
- import { DialogContent as L } from "./DialogContent.js";
10
- import { DialogSection as T } from "./DialogSection.js";
11
- import { DialogSeenBy as A } from "./DialogSeenBy.js";
12
- import { DialogSelect as H } from "./DialogSelect.js";
13
- import { DialogStatus as h, DialogStatusEnum as b } from "./DialogStatus.js";
14
- import { DialogHeading as C } from "./DialogHeading.js";
15
- import { DialogTouchedBy as G } from "./DialogTouchedBy.js";
16
- import { DialogLabel as j } from "./DialogLabel.js";
17
- import { DialogAttachments as q } from "./DialogAttachments.js";
18
- import { DialogTransmissions as z } from "./DialogTransmissions.js";
19
- import { DialogTimeline as J } from "./DialogTimeline.js";
20
- import { DialogTimelineItem as N } from "./DialogTimelineItem.js";
21
- import { DialogHistory as P } from "./DialogHistory.js";
22
- import { DialogHistoryItem as R } from "./DialogHistoryItem.js";
2
+ import { DialogHeader as i } from "./DialogHeader.js";
3
+ import { DialogBody as m } from "./DialogBody.js";
4
+ import { DialogList as g } from "./DialogList.js";
5
+ import { DialogListGroup as f } from "./DialogListGroup.js";
6
+ import { DialogListItem as D } from "./DialogListItem.js";
7
+ import { DialogMetadata as s } from "./DialogMetadata.js";
8
+ import { DialogByline as c } from "./DialogByline.js";
9
+ import { DialogActions as S } from "./DialogActions.js";
10
+ import { DialogActivityLog as u } from "./DialogActivityLog.js";
11
+ import { DialogContent as B } from "./DialogContent.js";
12
+ import { DialogSection as v } from "./DialogSection.js";
13
+ import { DialogSeenBy as I } from "./DialogSeenBy.js";
14
+ import { DialogSelect as b } from "./DialogSelect.js";
15
+ import { DialogStatus as E, DialogStatusEnum as G } from "./DialogStatus.js";
16
+ import { DialogHeading as j } from "./DialogHeading.js";
17
+ import { DialogTouchedBy as q } from "./DialogTouchedBy.js";
18
+ import { DialogLabel as z } from "./DialogLabel.js";
19
+ import { DialogAttachments as J } from "./DialogAttachments.js";
20
+ import { DialogTransmissions as N } from "./DialogTransmissions.js";
21
+ import { DialogTimeline as P } from "./DialogTimeline.js";
22
+ import { DialogTimelineItem as R } from "./DialogTimelineItem.js";
23
+ import { DialogHistory as V } from "./DialogHistory.js";
24
+ import { ActivityLog as X } from "./ActivityLog.js";
25
+ import { ActivityItem as Z } from "./ActivityItem.js";
26
+ import { SeenByLog as $ } from "./SeenByLog.js";
23
27
  export {
28
+ Z as ActivityItem,
29
+ X as ActivityLog,
24
30
  t as Dialog,
25
- s as DialogActions,
26
- y as DialogActivityLog,
27
- q as DialogAttachments,
28
- x as DialogByline,
29
- L as DialogContent,
30
- C as DialogHeading,
31
- P as DialogHistory,
32
- R as DialogHistoryItem,
33
- j as DialogLabel,
34
- i as DialogList,
35
- m as DialogListGroup,
36
- g as DialogListItem,
37
- D as DialogMetadata,
38
- T as DialogSection,
39
- A as DialogSeenBy,
40
- H as DialogSelect,
41
- h as DialogStatus,
42
- b as DialogStatusEnum,
43
- J as DialogTimeline,
44
- N as DialogTimelineItem,
45
- G as DialogTouchedBy,
46
- z as DialogTransmissions
31
+ S as DialogActions,
32
+ u as DialogActivityLog,
33
+ J as DialogAttachments,
34
+ m as DialogBody,
35
+ c as DialogByline,
36
+ B as DialogContent,
37
+ i as DialogHeader,
38
+ j as DialogHeading,
39
+ V as DialogHistory,
40
+ z as DialogLabel,
41
+ g as DialogList,
42
+ f as DialogListGroup,
43
+ D as DialogListItem,
44
+ s as DialogMetadata,
45
+ v as DialogSection,
46
+ I as DialogSeenBy,
47
+ b as DialogSelect,
48
+ E as DialogStatus,
49
+ G as DialogStatusEnum,
50
+ P as DialogTimeline,
51
+ R as DialogTimelineItem,
52
+ q as DialogTouchedBy,
53
+ N as DialogTransmissions,
54
+ $ as SeenByLog
47
55
  };
@@ -2,10 +2,10 @@ import { jsx as t } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "../Icon/SvgIcon.js";
4
4
  import "react";
5
- import "../Autocomplete/AutocompleteBase.js";
6
5
  import { ButtonBase as m } from "../Button/ButtonBase.js";
7
6
  import { ButtonLabel as n } from "../Button/ButtonLabel.js";
8
7
  import "../RootProvider/RootProvider.js";
8
+ import "../Search/AutocompleteBase.js";
9
9
  import "../Snackbar/useSnackbar.js";
10
10
  import '../../assets/DrawerButton.css';const s = "_button_19v2d_1", e = {
11
11
  button: s
@@ -1,8 +1,8 @@
1
1
  import { jsxs as i, jsx as t } from "react/jsx-runtime";
2
2
  import { c as a } from "../../index-L8X2o7IH.js";
3
3
  import "react";
4
- import "../Autocomplete/AutocompleteBase.js";
5
4
  import "../RootProvider/RootProvider.js";
5
+ import "../Search/AutocompleteBase.js";
6
6
  import "../Snackbar/useSnackbar.js";
7
7
  import "../Icon/SvgIcon.js";
8
8
  import { IconButton as m } from "../Button/IconButton.js";
@@ -2,7 +2,6 @@ import { jsxs as e, Fragment as a, jsx as o } from "react/jsx-runtime";
2
2
  import "../../index-L8X2o7IH.js";
3
3
  import "../Icon/SvgIcon.js";
4
4
  import "react";
5
- import "../Autocomplete/AutocompleteBase.js";
6
5
  import "../RootProvider/RootProvider.js";
7
6
  import { DropdownBase as l } from "./DropdownBase.js";
8
7
  import { Backdrop as d } from "./Backdrop.js";
@@ -11,6 +10,7 @@ import { DrawerHeader as f } from "./DrawerHeader.js";
11
10
  import { DrawerFooter as n } from "./DrawerFooter.js";
12
11
  import { DrawerButton as D } from "./DrawerButton.js";
13
12
  import { DrawerBody as w } from "./DrawerBody.js";
13
+ import "../Search/AutocompleteBase.js";
14
14
  import "../Snackbar/useSnackbar.js";
15
15
  import '../../assets/DrawerOrDropdown.css';const _ = "_dropdown_1mzzo_1", k = "_drawer_1mzzo_5", s = {
16
16
  dropdown: _,
@@ -4,8 +4,8 @@ import { MenuItemLabel as p } from "../Menu/MenuItemLabel.js";
4
4
  import { MenuItemIcon as s } from "../Menu/MenuItemIcon.js";
5
5
  import "../../index-L8X2o7IH.js";
6
6
  import "react";
7
- import "../Autocomplete/AutocompleteBase.js";
8
7
  import "../RootProvider/RootProvider.js";
8
+ import "../Search/AutocompleteBase.js";
9
9
  import "../Snackbar/useSnackbar.js";
10
10
  import "../Icon/SvgIcon.js";
11
11
  const b = ({ account: e, linkText: t, onClick: l, multipleAccounts: d }) => d ? /* @__PURE__ */ r(m, { size: "lg", onClick: l, linkText: t, linkIcon: "chevron-right", as: "button", children: [