@altinn/altinn-components 0.10.4 → 0.12.0

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 (168) hide show
  1. package/README.md +11 -1
  2. package/dist/assets/Breadcrumbs.css +1 -0
  3. package/dist/assets/BreadcrumbsLink.css +1 -0
  4. package/dist/assets/FieldBase.css +1 -0
  5. package/dist/assets/Flex.css +1 -0
  6. package/dist/assets/Grid.css +1 -0
  7. package/dist/assets/Heading.css +1 -1
  8. package/dist/assets/InputBase.css +1 -0
  9. package/dist/assets/ListItemBase.css +1 -1
  10. package/dist/assets/ListItemHeader.css +1 -1
  11. package/dist/assets/ListItemLabel.css +1 -1
  12. package/dist/assets/MenuItemMedia.css +1 -1
  13. package/dist/assets/QueryLabel.css +1 -1
  14. package/dist/assets/Section.css +1 -1
  15. package/dist/assets/SnackbarBase.css +1 -1
  16. package/dist/assets/SnackbarItem.css +1 -0
  17. package/dist/assets/Typography.css +1 -1
  18. package/dist/components/AccessAreaList/AccessAreaList.js +6 -5
  19. package/dist/components/AccessAreaList/AccessAreaListItem.js +13 -12
  20. package/dist/components/AccessPackageList/AccessPackageList.js +5 -4
  21. package/dist/components/AccessPackageList/AccessPackageListItem.js +6 -5
  22. package/dist/components/Autocomplete/AutocompleteItem.js +13 -12
  23. package/dist/components/Autocomplete/ScopeListItem.js +3 -2
  24. package/dist/components/Bookmarks/BookmarksListItem.js +69 -7
  25. package/dist/components/Bookmarks/BookmarksSection.js +33 -13
  26. package/dist/components/Bookmarks/QueryLabel.js +9 -9
  27. package/dist/components/Bookmarks/index.js +7 -9
  28. package/dist/components/Button/Button.js +16 -15
  29. package/dist/components/Button/IconButton.js +22 -10
  30. package/dist/components/Byline/Byline.js +4 -3
  31. package/dist/components/ContextMenu/ContextMenu.js +11 -10
  32. package/dist/components/Dialog/Dialog.js +16 -15
  33. package/dist/components/Dialog/DialogActions.js +3 -2
  34. package/dist/components/Dialog/DialogByline.js +5 -4
  35. package/dist/components/Dialog/DialogContent.js +8 -7
  36. package/dist/components/Dialog/DialogHeading.js +8 -7
  37. package/dist/components/Dialog/DialogHistory.js +6 -5
  38. package/dist/components/Dialog/DialogHistoryDetails.js +11 -10
  39. package/dist/components/Dialog/DialogHistoryItem.js +6 -5
  40. package/dist/components/Dialog/DialogList.js +3 -2
  41. package/dist/components/Dialog/DialogListGroup.js +8 -7
  42. package/dist/components/Dialog/DialogListItem.js +19 -18
  43. package/dist/components/Dialog/DialogMetadata.js +10 -9
  44. package/dist/components/Dialog/DialogSection.js +5 -4
  45. package/dist/components/Dialog/DialogTimeline.js +7 -6
  46. package/dist/components/Dialog/DialogTimelineItem.js +3 -2
  47. package/dist/components/Dialog/DialogTransmissions.js +3 -2
  48. package/dist/components/Dialog/DraftDialog.js +19 -18
  49. package/dist/components/Dropdown/DrawerButton.js +3 -2
  50. package/dist/components/Dropdown/DrawerOrDropdown.js +3 -2
  51. package/dist/components/Dropdown/DropdownBase.js +8 -7
  52. package/dist/components/GlobalMenu/AccountButton.js +3 -2
  53. package/dist/components/GlobalMenu/AccountMenu.js +12 -11
  54. package/dist/components/GlobalMenu/BackButton.js +3 -2
  55. package/dist/components/GlobalMenu/GlobalMenu.js +21 -20
  56. package/dist/components/Header/Header.js +3 -2
  57. package/dist/components/Header/HeaderBase.js +4 -3
  58. package/dist/components/Icon/iconsMap.js +16960 -739
  59. package/dist/components/Layout/Layout.js +7 -6
  60. package/dist/components/LayoutAction/ActionMenu.js +4 -3
  61. package/dist/components/List/List.js +5 -4
  62. package/dist/components/List/ListItemBase.js +11 -11
  63. package/dist/components/List/ListItemControls.js +15 -15
  64. package/dist/components/List/ListItemHeader.js +49 -49
  65. package/dist/components/List/ListItemLabel.js +8 -8
  66. package/dist/components/Menu/MenuItemMedia.js +5 -5
  67. package/dist/components/Menu/MenuItems.js +1 -0
  68. package/dist/components/Menu/MenuSearch.js +5 -4
  69. package/dist/components/Page/Article.js +4 -4
  70. package/dist/components/Page/Breadcrumbs.js +23 -0
  71. package/dist/components/Page/BreadcrumbsLink.js +28 -0
  72. package/dist/components/Page/Flex.js +42 -0
  73. package/dist/components/Page/Grid.js +34 -0
  74. package/dist/components/Page/PageHeader.js +11 -9
  75. package/dist/components/Page/PageNav.js +21 -17
  76. package/dist/components/Page/Section.js +12 -40
  77. package/dist/components/Page/index.js +18 -14
  78. package/dist/components/ResourceList/ResourceList.js +3 -2
  79. package/dist/components/ResourceList/ResourceListItem.js +3 -2
  80. package/dist/components/RootProvider/RootProvider.js +13 -12
  81. package/dist/components/Searchbar/SearchField.js +38 -28
  82. package/dist/components/Searchbar/Searchbar.js +3 -2
  83. package/dist/components/Snackbar/Snackbar.js +17 -8
  84. package/dist/components/Snackbar/SnackbarBase.js +5 -21
  85. package/dist/components/Snackbar/SnackbarItem.js +32 -0
  86. package/dist/components/Snackbar/index.js +2 -6
  87. package/dist/components/Snackbar/useSnackbar.js +47 -0
  88. package/dist/components/TextField/FieldBase.js +16 -0
  89. package/dist/components/TextField/InputBase.js +33 -0
  90. package/dist/components/TextField/TextField.js +7 -0
  91. package/dist/components/TextField/index.js +8 -0
  92. package/dist/components/Timeline/TimelineSection.js +3 -2
  93. package/dist/components/Toolbar/ToolbarAccountMenu.js +5 -4
  94. package/dist/components/Toolbar/ToolbarAdd.js +6 -5
  95. package/dist/components/Toolbar/ToolbarDaterange.js +11 -10
  96. package/dist/components/Toolbar/ToolbarFilter.js +12 -11
  97. package/dist/components/Toolbar/ToolbarMenu.js +3 -2
  98. package/dist/components/Toolbar/ToolbarOptions.js +10 -9
  99. package/dist/components/Toolbar/ToolbarSearch.js +5 -4
  100. package/dist/components/Transmission/TransmissionItem.js +3 -2
  101. package/dist/components/Transmission/TransmissionList.js +3 -2
  102. package/dist/components/Typography/Heading.js +3 -3
  103. package/dist/components/Typography/Typography.js +8 -9
  104. package/dist/components/index.js +270 -266
  105. package/dist/footer-BI7NNFeL.js +27 -0
  106. package/dist/globalMenu-A9dXKjrI.js +80 -0
  107. package/dist/header-B7oMg4iq.js +11 -0
  108. package/dist/inboxMenu-DXIoTtPz.js +48 -0
  109. package/dist/index.js +264 -260
  110. package/dist/types/lib/components/Bookmarks/BookmarksListItem.d.ts +18 -2
  111. package/dist/types/lib/components/Bookmarks/BookmarksListItem.stories.d.ts +2 -4
  112. package/dist/types/lib/components/Bookmarks/BookmarksSection.d.ts +8 -3
  113. package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts +42 -3
  114. package/dist/types/lib/components/Bookmarks/index.d.ts +0 -1
  115. package/dist/types/lib/components/Button/Button.d.ts +2 -1
  116. package/dist/types/lib/components/Button/Button.stories.d.ts +1 -1
  117. package/dist/types/lib/components/Button/IconButton.d.ts +2 -1
  118. package/dist/types/lib/components/Button/IconButton.stories.d.ts +1 -1
  119. package/dist/types/lib/components/Layout/LayoutBase.d.ts +1 -1
  120. package/dist/types/lib/components/LayoutAction/ActionFooter.stories.d.ts +0 -2
  121. package/dist/types/lib/components/List/ListItemControls.d.ts +2 -1
  122. package/dist/types/lib/components/List/ListItemHeader.d.ts +2 -2
  123. package/dist/types/lib/components/Menu/MenuItemBase.d.ts +1 -1
  124. package/dist/types/lib/components/Page/Article.d.ts +1 -1
  125. package/dist/types/lib/components/Page/Breadcrumbs.d.ts +5 -0
  126. package/dist/types/lib/components/Page/BreadcrumbsLink.d.ts +11 -0
  127. package/dist/types/lib/components/Page/{PageBase.stories.d.ts → Examples.stories.d.ts} +2 -1
  128. package/dist/types/lib/components/Page/Flex.d.ts +29 -0
  129. package/dist/types/lib/components/Page/Grid.d.ts +22 -0
  130. package/dist/types/lib/components/Page/PageNav.d.ts +6 -3
  131. package/dist/types/lib/components/Page/PageNav.stories.d.ts +2 -1
  132. package/dist/types/lib/components/Page/Section.d.ts +6 -26
  133. package/dist/types/lib/components/Page/index.d.ts +4 -2
  134. package/dist/types/lib/components/Searchbar/Searchbar.stories.d.ts +6 -1
  135. package/dist/types/lib/components/Snackbar/Snackbar.d.ts +1 -16
  136. package/dist/types/lib/components/Snackbar/Snackbar.stories.d.ts +3 -8
  137. package/dist/types/lib/components/Snackbar/SnackbarBase.d.ts +6 -11
  138. package/dist/types/lib/components/Snackbar/SnackbarItem.d.ts +16 -0
  139. package/dist/types/lib/components/Snackbar/index.d.ts +2 -4
  140. package/dist/types/lib/components/Snackbar/useSnackbar.d.ts +39 -0
  141. package/dist/types/lib/components/TextField/FieldBase.d.ts +11 -0
  142. package/dist/types/lib/components/TextField/InputBase.d.ts +14 -0
  143. package/dist/types/lib/components/TextField/TextField.d.ts +7 -0
  144. package/dist/types/lib/components/TextField/index.d.ts +3 -0
  145. package/dist/types/lib/components/Typography/Heading.d.ts +2 -2
  146. package/dist/types/lib/components/Typography/Typography.d.ts +1 -1
  147. package/dist/types/lib/components/index.d.ts +1 -0
  148. package/dist/{useAccountMenu-ImwZYwks.js → useAccountMenu-DgXhBMw4.js} +19 -27
  149. package/package.json +7 -2
  150. package/dist/ZoomPlusFill-xyiiemTy.js +0 -17126
  151. package/dist/assets/ListItemMenu.css +0 -1
  152. package/dist/assets/SectionFooter.css +0 -1
  153. package/dist/assets/SnackbarLabel.css +0 -1
  154. package/dist/assets/SnackbarMedia.css +0 -1
  155. package/dist/components/Bookmarks/BookmarksList.js +0 -12
  156. package/dist/components/Icon/__AkselIcon.js +0 -1042
  157. package/dist/components/List/ListItemMenu.js +0 -8
  158. package/dist/components/Page/SectionFooter.js +0 -8
  159. package/dist/components/Page/SectionHeader.js +0 -12
  160. package/dist/components/Snackbar/SnackbarLabel.js +0 -7
  161. package/dist/components/Snackbar/SnackbarMedia.js +0 -11
  162. package/dist/types/lib/components/Bookmarks/BookmarksList.d.ts +0 -5
  163. package/dist/types/lib/components/Bookmarks/BookmarksList.stories.d.ts +0 -34
  164. package/dist/types/lib/components/List/ListItemMenu.d.ts +0 -8
  165. package/dist/types/lib/components/Page/SectionFooter.d.ts +0 -6
  166. package/dist/types/lib/components/Page/SectionHeader.d.ts +0 -6
  167. package/dist/types/lib/components/Snackbar/SnackbarLabel.d.ts +0 -5
  168. package/dist/types/lib/components/Snackbar/SnackbarMedia.d.ts +0 -6
package/dist/index.js CHANGED
@@ -1,284 +1,288 @@
1
1
  import { AttachmentLink as e } from "./components/Attachment/AttachmentLink.js";
2
2
  import { AttachmentList as m } from "./components/Attachment/AttachmentList.js";
3
3
  import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
4
- import { AutocompleteItem as f } from "./components/Autocomplete/AutocompleteItem.js";
4
+ import { AutocompleteItem as a } from "./components/Autocomplete/AutocompleteItem.js";
5
5
  import { ScopeListItem as n } from "./components/Autocomplete/ScopeListItem.js";
6
6
  import { Avatar as u } from "./components/Avatar/Avatar.js";
7
- import { AvatarGroup as l } from "./components/Avatar/AvatarGroup.js";
8
- import { Badge as g } from "./components/Badge/Badge.js";
9
- import { BookmarksList as I } from "./components/Bookmarks/BookmarksList.js";
10
- import { BookmarksListItem as D } from "./components/Bookmarks/BookmarksListItem.js";
11
- import { QueryItem as b, QueryLabel as S } from "./components/Bookmarks/QueryLabel.js";
7
+ import { AvatarGroup as c } from "./components/Avatar/AvatarGroup.js";
8
+ import { Badge as B } from "./components/Badge/Badge.js";
9
+ import { BookmarksListItem as g } from "./components/Bookmarks/BookmarksListItem.js";
10
+ import { QueryItem as D, QueryLabel as M } from "./components/Bookmarks/QueryLabel.js";
12
11
  import { BookmarksSection as y } from "./components/Bookmarks/BookmarksSection.js";
13
- import { ButtonBase as T } from "./components/Button/ButtonBase.js";
14
- import { ButtonLabel as h } from "./components/Button/ButtonLabel.js";
15
- import { ButtonIcon as C } from "./components/Button/ButtonIcon.js";
16
- import { Button as v } from "./components/Button/Button.js";
17
- import { ComboButton as R } from "./components/Button/ComboButton.js";
18
- import { IconButton as O } from "./components/Button/IconButton.js";
19
- import { Byline as Q } from "./components/Byline/Byline.js";
20
- import { ContextMenu as N } from "./components/ContextMenu/ContextMenu.js";
21
- import { Dialog as q } from "./components/Dialog/Dialog.js";
22
- import { DialogList as J } from "./components/Dialog/DialogList.js";
23
- import { DialogListGroup as V } from "./components/Dialog/DialogListGroup.js";
24
- import { DialogListItem as X } from "./components/Dialog/DialogListItem.js";
25
- import { DialogMetadata as Z } from "./components/Dialog/DialogMetadata.js";
26
- import { DialogByline as $ } from "./components/Dialog/DialogByline.js";
27
- import { DialogActions as ro } from "./components/Dialog/DialogActions.js";
28
- import { DialogActivityLog as to } from "./components/Dialog/DialogActivityLog.js";
29
- import { DialogContent as po } from "./components/Dialog/DialogContent.js";
30
- import { DialogSection as ao } from "./components/Dialog/DialogSection.js";
31
- import { DialogSeenBy as io } from "./components/Dialog/DialogSeenBy.js";
32
- import { DialogSelect as so } from "./components/Dialog/DialogSelect.js";
33
- import { DialogStatus as co, DialogStatusEnum as lo } from "./components/Dialog/DialogStatus.js";
34
- import { DialogHeading as go } from "./components/Dialog/DialogHeading.js";
35
- import { DialogTouchedBy as Io } from "./components/Dialog/DialogTouchedBy.js";
36
- import { DialogLabel as Do } from "./components/Dialog/DialogLabel.js";
37
- import { DialogAttachments as So } from "./components/Dialog/DialogAttachments.js";
12
+ import { ButtonBase as S } from "./components/Button/ButtonBase.js";
13
+ import { ButtonLabel as k } from "./components/Button/ButtonLabel.js";
14
+ import { ButtonIcon as h } from "./components/Button/ButtonIcon.js";
15
+ import { Button as C } from "./components/Button/Button.js";
16
+ import { ComboButton as P } from "./components/Button/ComboButton.js";
17
+ import { IconButton as R } from "./components/Button/IconButton.js";
18
+ import { Byline as O } from "./components/Byline/Byline.js";
19
+ import { ContextMenu as Q } from "./components/ContextMenu/ContextMenu.js";
20
+ import { Dialog as N } from "./components/Dialog/Dialog.js";
21
+ import { DialogList as q } from "./components/Dialog/DialogList.js";
22
+ import { DialogListGroup as J } from "./components/Dialog/DialogListGroup.js";
23
+ import { DialogListItem as V } from "./components/Dialog/DialogListItem.js";
24
+ import { DialogMetadata as X } from "./components/Dialog/DialogMetadata.js";
25
+ import { DialogByline as Z } from "./components/Dialog/DialogByline.js";
26
+ import { DialogActions as $ } from "./components/Dialog/DialogActions.js";
27
+ import { DialogActivityLog as ro } from "./components/Dialog/DialogActivityLog.js";
28
+ import { DialogContent as to } from "./components/Dialog/DialogContent.js";
29
+ import { DialogSection as po } from "./components/Dialog/DialogSection.js";
30
+ import { DialogSeenBy as fo } from "./components/Dialog/DialogSeenBy.js";
31
+ import { DialogSelect as io } from "./components/Dialog/DialogSelect.js";
32
+ import { DialogStatus as so, DialogStatusEnum as uo } from "./components/Dialog/DialogStatus.js";
33
+ import { DialogHeading as co } from "./components/Dialog/DialogHeading.js";
34
+ import { DialogTouchedBy as Bo } from "./components/Dialog/DialogTouchedBy.js";
35
+ import { DialogLabel as go } from "./components/Dialog/DialogLabel.js";
36
+ import { DialogAttachments as Mo } from "./components/Dialog/DialogAttachments.js";
38
37
  import { DialogTransmissions as yo } from "./components/Dialog/DialogTransmissions.js";
39
- import { DialogTimeline as To } from "./components/Dialog/DialogTimeline.js";
40
- import { DialogTimelineItem as ho } from "./components/Dialog/DialogTimelineItem.js";
41
- import { DialogHistory as Co } from "./components/Dialog/DialogHistory.js";
42
- import { DialogHistoryItem as vo } from "./components/Dialog/DialogHistoryItem.js";
43
- import { DropdownBase as Ro } from "./components/Dropdown/DropdownBase.js";
44
- import { Backdrop as Oo } from "./components/Dropdown/Backdrop.js";
45
- import { DrawerBase as Qo } from "./components/Dropdown/DrawerBase.js";
46
- import { DrawerHeader as No } from "./components/Dropdown/DrawerHeader.js";
47
- import { DrawerFooter as qo } from "./components/Dropdown/DrawerFooter.js";
48
- import { DrawerButton as Jo } from "./components/Dropdown/DrawerButton.js";
49
- import { DrawerBody as Vo } from "./components/Dropdown/DrawerBody.js";
50
- import { DrawerOrDropdown as Xo } from "./components/Dropdown/DrawerOrDropdown.js";
51
- import { Footer as Zo } from "./components/Footer/Footer.js";
52
- import { AccountMenu as $o } from "./components/GlobalMenu/AccountMenu.js";
53
- import { GlobalMenu as rr } from "./components/GlobalMenu/GlobalMenu.js";
54
- import { AccountButton as tr } from "./components/GlobalMenu/AccountButton.js";
55
- import { BackButton as pr } from "./components/GlobalMenu/BackButton.js";
56
- import { LogoutButton as ar } from "./components/GlobalMenu/LogoutButton.js";
57
- import { Header as ir } from "./components/Header/Header.js";
58
- import { HeaderBase as sr } from "./components/Header/HeaderBase.js";
59
- import { HeaderLogo as cr } from "./components/Header/HeaderLogo.js";
60
- import { HeaderButton as Lr } from "./components/Header/HeaderButton.js";
61
- import { Icon as Br } from "./components/Icon/Icon.js";
62
- import { SvgIcon as Mr } from "./components/Icon/SvgIcon.js";
38
+ import { DialogTimeline as So } from "./components/Dialog/DialogTimeline.js";
39
+ import { DialogTimelineItem as ko } from "./components/Dialog/DialogTimelineItem.js";
40
+ import { DialogHistory as ho } from "./components/Dialog/DialogHistory.js";
41
+ import { DialogHistoryItem as Co } from "./components/Dialog/DialogHistoryItem.js";
42
+ import { DropdownBase as Po } from "./components/Dropdown/DropdownBase.js";
43
+ import { Backdrop as Ro } from "./components/Dropdown/Backdrop.js";
44
+ import { DrawerBase as Oo } from "./components/Dropdown/DrawerBase.js";
45
+ import { DrawerHeader as Qo } from "./components/Dropdown/DrawerHeader.js";
46
+ import { DrawerFooter as No } from "./components/Dropdown/DrawerFooter.js";
47
+ import { DrawerButton as qo } from "./components/Dropdown/DrawerButton.js";
48
+ import { DrawerBody as Jo } from "./components/Dropdown/DrawerBody.js";
49
+ import { DrawerOrDropdown as Vo } from "./components/Dropdown/DrawerOrDropdown.js";
50
+ import { Footer as Xo } from "./components/Footer/Footer.js";
51
+ import { AccountMenu as Zo } from "./components/GlobalMenu/AccountMenu.js";
52
+ import { GlobalMenu as $o } from "./components/GlobalMenu/GlobalMenu.js";
53
+ import { AccountButton as rr } from "./components/GlobalMenu/AccountButton.js";
54
+ import { BackButton as tr } from "./components/GlobalMenu/BackButton.js";
55
+ import { LogoutButton as pr } from "./components/GlobalMenu/LogoutButton.js";
56
+ import { Header as fr } from "./components/Header/Header.js";
57
+ import { HeaderBase as ir } from "./components/Header/HeaderBase.js";
58
+ import { HeaderLogo as sr } from "./components/Header/HeaderLogo.js";
59
+ import { HeaderButton as lr } from "./components/Header/HeaderButton.js";
60
+ import { Icon as Lr } from "./components/Icon/Icon.js";
61
+ import { SvgIcon as Ir } from "./components/Icon/SvgIcon.js";
63
62
  import { CheckboxIcon as dr } from "./components/Icon/CheckboxIcon.js";
64
- import { RadioIcon as Sr } from "./components/Icon/RadioIcon.js";
63
+ import { RadioIcon as Mr } from "./components/Icon/RadioIcon.js";
65
64
  import { ProgressIcon as yr } from "./components/Icon/ProgressIcon.js";
66
- import { iconsMap as Tr } from "./components/Icon/iconsMap.js";
67
- import { LayoutBase as hr } from "./components/Layout/LayoutBase.js";
68
- import { LayoutBody as Cr } from "./components/Layout/LayoutBody.js";
69
- import { LayoutContent as vr } from "./components/Layout/LayoutContent.js";
70
- import { LayoutSidebar as Rr } from "./components/Layout/LayoutSidebar.js";
71
- import { Layout as Or } from "./components/Layout/Layout.js";
72
- import { ActionHeader as Qr } from "./components/LayoutAction/ActionHeader.js";
73
- import { ActionFooter as Nr } from "./components/LayoutAction/ActionFooter.js";
74
- import { ActionMenu as qr } from "./components/LayoutAction/ActionMenu.js";
75
- import { ListItemBase as Jr } from "./components/List/ListItemBase.js";
76
- import { ListItemLink as Vr } from "./components/List/ListItemLink.js";
77
- import { ListItemHeader as Xr } from "./components/List/ListItemHeader.js";
78
- import { ListItemLabel as Zr } from "./components/List/ListItemLabel.js";
79
- import { ListItemMedia as $r } from "./components/List/ListItemMedia.js";
80
- import { ListItemControls as re } from "./components/List/ListItemControls.js";
81
- import { ListItemSelect as te } from "./components/List/ListItemSelect.js";
82
- import { ListItem as pe } from "./components/List/ListItem.js";
83
- import { ListBase as ae } from "./components/List/ListBase.js";
84
- import { List as ie } from "./components/List/List.js";
85
- import { MenuItemBase as se } from "./components/Menu/MenuItemBase.js";
86
- import { MenuItemLabel as ce } from "./components/Menu/MenuItemLabel.js";
87
- import { MenuItemMedia as Le } from "./components/Menu/MenuItemMedia.js";
88
- import { MenuItem as Be } from "./components/Menu/MenuItem.js";
89
- import { MenuInputField as Me } from "./components/Menu/MenuInputField.js";
65
+ import { iconsMap as Sr } from "./components/Icon/iconsMap.js";
66
+ import { LayoutBase as kr } from "./components/Layout/LayoutBase.js";
67
+ import { LayoutBody as hr } from "./components/Layout/LayoutBody.js";
68
+ import { LayoutContent as Cr } from "./components/Layout/LayoutContent.js";
69
+ import { LayoutSidebar as Pr } from "./components/Layout/LayoutSidebar.js";
70
+ import { Layout as Rr } from "./components/Layout/Layout.js";
71
+ import { ActionHeader as Or } from "./components/LayoutAction/ActionHeader.js";
72
+ import { ActionFooter as Qr } from "./components/LayoutAction/ActionFooter.js";
73
+ import { ActionMenu as Nr } from "./components/LayoutAction/ActionMenu.js";
74
+ import { ListItemBase as qr } from "./components/List/ListItemBase.js";
75
+ import { ListItemLink as Jr } from "./components/List/ListItemLink.js";
76
+ import { ListItemHeader as Vr } from "./components/List/ListItemHeader.js";
77
+ import { ListItemLabel as Xr } from "./components/List/ListItemLabel.js";
78
+ import { ListItemMedia as Zr } from "./components/List/ListItemMedia.js";
79
+ import { ListItemControls as $r } from "./components/List/ListItemControls.js";
80
+ import { ListItemSelect as re } from "./components/List/ListItemSelect.js";
81
+ import { ListItem as te } from "./components/List/ListItem.js";
82
+ import { ListBase as pe } from "./components/List/ListBase.js";
83
+ import { List as fe } from "./components/List/List.js";
84
+ import { MenuItemBase as ie } from "./components/Menu/MenuItemBase.js";
85
+ import { MenuItemLabel as se } from "./components/Menu/MenuItemLabel.js";
86
+ import { MenuItemMedia as le } from "./components/Menu/MenuItemMedia.js";
87
+ import { MenuItem as Le } from "./components/Menu/MenuItem.js";
88
+ import { MenuInputField as Ie } from "./components/Menu/MenuInputField.js";
90
89
  import { MenuOption as de } from "./components/Menu/MenuOption.js";
91
- import { MenuSearch as Se } from "./components/Menu/MenuSearch.js";
90
+ import { MenuSearch as Me } from "./components/Menu/MenuSearch.js";
92
91
  import { MenuHeader as ye } from "./components/Menu/MenuHeader.js";
93
- import { MenuItems as Te } from "./components/Menu/MenuItems.js";
94
- import { MenuBase as he, MenuList as we, MenuListItem as Ce } from "./components/Menu/MenuBase.js";
95
- import { Menu as ve } from "./components/Menu/Menu.js";
96
- import { MetaBase as Re } from "./components/Meta/MetaBase.js";
97
- import { MetaList as Oe, MetaListItem as Ee } from "./components/Meta/MetaList.js";
98
- import { MetaItemBase as Ke } from "./components/Meta/MetaItemBase.js";
99
- import { MetaItemMedia as je } from "./components/Meta/MetaItemMedia.js";
100
- import { MetaItemLabel as ze } from "./components/Meta/MetaItemLabel.js";
101
- import { MetaItem as Ue } from "./components/Meta/MetaItem.js";
102
- import { MetaProgress as We } from "./components/Meta/MetaProgress.js";
103
- import { MetaTimestamp as Ye } from "./components/Meta/MetaTimestamp.js";
104
- import { RootProvider as _e, useRootContext as $e } from "./components/RootProvider/RootProvider.js";
105
- import { Searchbar as rt } from "./components/Searchbar/Searchbar.js";
106
- import { Snackbar as tt } from "./components/Snackbar/Snackbar.js";
107
- import { SnackbarBase as pt } from "./components/Snackbar/SnackbarBase.js";
108
- import { SnackbarMedia as at } from "./components/Snackbar/SnackbarMedia.js";
109
- import { SnackbarLabel as it } from "./components/Snackbar/SnackbarLabel.js";
110
- import { Skeleton as st } from "./components/Skeleton/Skeleton.js";
111
- import { TimelineBase as ct } from "./components/Timeline/TimelineBase.js";
112
- import { TimelineSection as Lt } from "./components/Timeline/TimelineSection.js";
113
- import { Timeline as Bt } from "./components/Timeline/Timeline.js";
114
- import { ToolbarBase as Mt } from "./components/Toolbar/ToolbarBase.js";
115
- import { ToolbarButton as dt } from "./components/Toolbar/ToolbarButton.js";
116
- import { Toolbar as St } from "./components/Toolbar/Toolbar.js";
117
- import { ToolbarSearch as yt } from "./components/Toolbar/ToolbarSearch.js";
118
- import { ToolbarFilter as Tt } from "./components/Toolbar/ToolbarFilter.js";
119
- import { ToolbarDaterange as ht } from "./components/Toolbar/ToolbarDaterange.js";
120
- import { PageBase as Ct } from "./components/Page/PageBase.js";
121
- import { PageNav as vt } from "./components/Page/PageNav.js";
122
- import { PageHeader as Rt } from "./components/Page/PageHeader.js";
123
- import { SectionHeader as Ot } from "./components/Page/SectionHeader.js";
124
- import { SectionFooter as Qt } from "./components/Page/SectionFooter.js";
125
- import { Article as Nt } from "./components/Page/Article.js";
126
- import { Section as qt } from "./components/Page/Section.js";
127
- import { TransmissionItem as Jt } from "./components/Transmission/TransmissionItem.js";
128
- import { TransmissionList as Vt } from "./components/Transmission/TransmissionList.js";
129
- import { Typography as Xt } from "./components/Typography/Typography.js";
130
- import { Heading as Zt } from "./components/Typography/Heading.js";
131
- import { ResourceList as $t } from "./components/ResourceList/ResourceList.js";
132
- import { ResourceListItem as rm } from "./components/ResourceList/ResourceListItem.js";
133
- import { AccessAreaListItem as tm } from "./components/AccessAreaList/AccessAreaListItem.js";
134
- import { AccessPackageListItem as pm } from "./components/AccessPackageList/AccessPackageListItem.js";
135
- import { AccessPackageList as am } from "./components/AccessPackageList/AccessPackageList.js";
136
- import { useClickOutside as im } from "./hooks/useClickOutside.js";
137
- import { useEscapeKey as sm } from "./hooks/useEscapeKey.js";
138
- import { useMenu as cm } from "./hooks/useMenu.js";
92
+ import { MenuItems as Se } from "./components/Menu/MenuItems.js";
93
+ import { MenuBase as ke, MenuList as He, MenuListItem as he } from "./components/Menu/MenuBase.js";
94
+ import { Menu as Ce } from "./components/Menu/Menu.js";
95
+ import { MetaBase as Pe } from "./components/Meta/MetaBase.js";
96
+ import { MetaList as Re, MetaListItem as Ge } from "./components/Meta/MetaList.js";
97
+ import { MetaItemBase as Ee } from "./components/Meta/MetaItemBase.js";
98
+ import { MetaItemMedia as Ke } from "./components/Meta/MetaItemMedia.js";
99
+ import { MetaItemLabel as je } from "./components/Meta/MetaItemLabel.js";
100
+ import { MetaItem as ze } from "./components/Meta/MetaItem.js";
101
+ import { MetaProgress as Ue } from "./components/Meta/MetaProgress.js";
102
+ import { MetaTimestamp as We } from "./components/Meta/MetaTimestamp.js";
103
+ import { RootProvider as Ye, useRootContext as Ze } from "./components/RootProvider/RootProvider.js";
104
+ import { Searchbar as $e } from "./components/Searchbar/Searchbar.js";
105
+ import { Snackbar as rt } from "./components/Snackbar/Snackbar.js";
106
+ import { SnackbarItem as tt } from "./components/Snackbar/SnackbarItem.js";
107
+ import { Skeleton as pt } from "./components/Skeleton/Skeleton.js";
108
+ import { TimelineBase as ft } from "./components/Timeline/TimelineBase.js";
109
+ import { TimelineSection as it } from "./components/Timeline/TimelineSection.js";
110
+ import { Timeline as st } from "./components/Timeline/Timeline.js";
111
+ import { ToolbarBase as lt } from "./components/Toolbar/ToolbarBase.js";
112
+ import { ToolbarButton as Lt } from "./components/Toolbar/ToolbarButton.js";
113
+ import { Toolbar as It } from "./components/Toolbar/Toolbar.js";
114
+ import { ToolbarSearch as dt } from "./components/Toolbar/ToolbarSearch.js";
115
+ import { ToolbarFilter as Mt } from "./components/Toolbar/ToolbarFilter.js";
116
+ import { ToolbarDaterange as yt } from "./components/Toolbar/ToolbarDaterange.js";
117
+ import { PageBase as St } from "./components/Page/PageBase.js";
118
+ import { PageNav as kt } from "./components/Page/PageNav.js";
119
+ import { PageHeader as ht } from "./components/Page/PageHeader.js";
120
+ import { Article as Ct } from "./components/Page/Article.js";
121
+ import { Section as Pt } from "./components/Page/Section.js";
122
+ import { Flex as Rt } from "./components/Page/Flex.js";
123
+ import { Grid as Ot } from "./components/Page/Grid.js";
124
+ import { Breadcrumbs as Qt } from "./components/Page/Breadcrumbs.js";
125
+ import { BreadcrumbsLink as Nt } from "./components/Page/BreadcrumbsLink.js";
126
+ import { TransmissionItem as qt } from "./components/Transmission/TransmissionItem.js";
127
+ import { TransmissionList as Jt } from "./components/Transmission/TransmissionList.js";
128
+ import { Typography as Vt } from "./components/Typography/Typography.js";
129
+ import { Heading as Xt } from "./components/Typography/Heading.js";
130
+ import { ResourceList as Zt } from "./components/ResourceList/ResourceList.js";
131
+ import { ResourceListItem as $t } from "./components/ResourceList/ResourceListItem.js";
132
+ import { AccessAreaListItem as rm } from "./components/AccessAreaList/AccessAreaListItem.js";
133
+ import { AccessPackageListItem as tm } from "./components/AccessPackageList/AccessPackageListItem.js";
134
+ import { AccessPackageList as pm } from "./components/AccessPackageList/AccessPackageList.js";
135
+ import { FieldBase as fm } from "./components/TextField/FieldBase.js";
136
+ import { InputBase as im } from "./components/TextField/InputBase.js";
137
+ import { TextField as sm } from "./components/TextField/TextField.js";
138
+ import { useClickOutside as lm } from "./hooks/useClickOutside.js";
139
+ import { useEscapeKey as Lm } from "./hooks/useEscapeKey.js";
140
+ import { useMenu as Im } from "./hooks/useMenu.js";
139
141
  export {
140
- tm as AccessAreaListItem,
141
- am as AccessPackageList,
142
- pm as AccessPackageListItem,
143
- tr as AccountButton,
144
- $o as AccountMenu,
145
- Nr as ActionFooter,
146
- Qr as ActionHeader,
147
- qr as ActionMenu,
148
- Nt as Article,
142
+ rm as AccessAreaListItem,
143
+ pm as AccessPackageList,
144
+ tm as AccessPackageListItem,
145
+ rr as AccountButton,
146
+ Zo as AccountMenu,
147
+ Qr as ActionFooter,
148
+ Or as ActionHeader,
149
+ Nr as ActionMenu,
150
+ Ct as Article,
149
151
  e as AttachmentLink,
150
152
  m as AttachmentList,
151
153
  x as Autocomplete,
152
- f as AutocompleteItem,
154
+ a as AutocompleteItem,
153
155
  u as Avatar,
154
- l as AvatarGroup,
155
- pr as BackButton,
156
- Oo as Backdrop,
157
- g as Badge,
158
- I as BookmarksList,
159
- D as BookmarksListItem,
156
+ c as AvatarGroup,
157
+ tr as BackButton,
158
+ Ro as Backdrop,
159
+ B as Badge,
160
+ g as BookmarksListItem,
160
161
  y as BookmarksSection,
161
- v as Button,
162
- T as ButtonBase,
163
- C as ButtonIcon,
164
- h as ButtonLabel,
165
- Q as Byline,
162
+ Qt as Breadcrumbs,
163
+ Nt as BreadcrumbsLink,
164
+ C as Button,
165
+ S as ButtonBase,
166
+ h as ButtonIcon,
167
+ k as ButtonLabel,
168
+ O as Byline,
166
169
  dr as CheckboxIcon,
167
- R as ComboButton,
168
- N as ContextMenu,
169
- q as Dialog,
170
- ro as DialogActions,
171
- to as DialogActivityLog,
172
- So as DialogAttachments,
173
- $ as DialogByline,
174
- po as DialogContent,
175
- go as DialogHeading,
176
- Co as DialogHistory,
177
- vo as DialogHistoryItem,
178
- Do as DialogLabel,
179
- J as DialogList,
180
- V as DialogListGroup,
181
- X as DialogListItem,
182
- Z as DialogMetadata,
183
- ao as DialogSection,
184
- io as DialogSeenBy,
185
- so as DialogSelect,
186
- co as DialogStatus,
187
- lo as DialogStatusEnum,
188
- To as DialogTimeline,
189
- ho as DialogTimelineItem,
190
- Io as DialogTouchedBy,
170
+ P as ComboButton,
171
+ Q as ContextMenu,
172
+ N as Dialog,
173
+ $ as DialogActions,
174
+ ro as DialogActivityLog,
175
+ Mo as DialogAttachments,
176
+ Z as DialogByline,
177
+ to as DialogContent,
178
+ co as DialogHeading,
179
+ ho as DialogHistory,
180
+ Co as DialogHistoryItem,
181
+ go as DialogLabel,
182
+ q as DialogList,
183
+ J as DialogListGroup,
184
+ V as DialogListItem,
185
+ X as DialogMetadata,
186
+ po as DialogSection,
187
+ fo as DialogSeenBy,
188
+ io as DialogSelect,
189
+ so as DialogStatus,
190
+ uo as DialogStatusEnum,
191
+ So as DialogTimeline,
192
+ ko as DialogTimelineItem,
193
+ Bo as DialogTouchedBy,
191
194
  yo as DialogTransmissions,
192
- Qo as DrawerBase,
193
- Vo as DrawerBody,
194
- Jo as DrawerButton,
195
- qo as DrawerFooter,
196
- No as DrawerHeader,
197
- Xo as DrawerOrDropdown,
198
- Ro as DropdownBase,
199
- Zo as Footer,
200
- rr as GlobalMenu,
201
- ir as Header,
202
- sr as HeaderBase,
203
- Lr as HeaderButton,
204
- cr as HeaderLogo,
205
- Zt as Heading,
206
- Br as Icon,
207
- O as IconButton,
208
- Or as Layout,
209
- hr as LayoutBase,
210
- Cr as LayoutBody,
211
- vr as LayoutContent,
212
- Rr as LayoutSidebar,
213
- ie as List,
214
- ae as ListBase,
215
- pe as ListItem,
216
- Jr as ListItemBase,
217
- re as ListItemControls,
218
- Xr as ListItemHeader,
219
- Zr as ListItemLabel,
220
- Vr as ListItemLink,
221
- $r as ListItemMedia,
222
- te as ListItemSelect,
223
- ar as LogoutButton,
224
- ve as Menu,
225
- he as MenuBase,
195
+ Oo as DrawerBase,
196
+ Jo as DrawerBody,
197
+ qo as DrawerButton,
198
+ No as DrawerFooter,
199
+ Qo as DrawerHeader,
200
+ Vo as DrawerOrDropdown,
201
+ Po as DropdownBase,
202
+ fm as FieldBase,
203
+ Rt as Flex,
204
+ Xo as Footer,
205
+ $o as GlobalMenu,
206
+ Ot as Grid,
207
+ fr as Header,
208
+ ir as HeaderBase,
209
+ lr as HeaderButton,
210
+ sr as HeaderLogo,
211
+ Xt as Heading,
212
+ Lr as Icon,
213
+ R as IconButton,
214
+ im as InputBase,
215
+ Rr as Layout,
216
+ kr as LayoutBase,
217
+ hr as LayoutBody,
218
+ Cr as LayoutContent,
219
+ Pr as LayoutSidebar,
220
+ fe as List,
221
+ pe as ListBase,
222
+ te as ListItem,
223
+ qr as ListItemBase,
224
+ $r as ListItemControls,
225
+ Vr as ListItemHeader,
226
+ Xr as ListItemLabel,
227
+ Jr as ListItemLink,
228
+ Zr as ListItemMedia,
229
+ re as ListItemSelect,
230
+ pr as LogoutButton,
231
+ Ce as Menu,
232
+ ke as MenuBase,
226
233
  ye as MenuHeader,
227
- Me as MenuInputField,
228
- Be as MenuItem,
229
- se as MenuItemBase,
230
- ce as MenuItemLabel,
231
- Le as MenuItemMedia,
232
- Te as MenuItems,
233
- we as MenuList,
234
- Ce as MenuListItem,
234
+ Ie as MenuInputField,
235
+ Le as MenuItem,
236
+ ie as MenuItemBase,
237
+ se as MenuItemLabel,
238
+ le as MenuItemMedia,
239
+ Se as MenuItems,
240
+ He as MenuList,
241
+ he as MenuListItem,
235
242
  de as MenuOption,
236
- Se as MenuSearch,
237
- Re as MetaBase,
238
- Ue as MetaItem,
239
- Ke as MetaItemBase,
240
- ze as MetaItemLabel,
241
- je as MetaItemMedia,
242
- Oe as MetaList,
243
- Ee as MetaListItem,
244
- We as MetaProgress,
245
- Ye as MetaTimestamp,
246
- Ct as PageBase,
247
- Rt as PageHeader,
248
- vt as PageNav,
243
+ Me as MenuSearch,
244
+ Pe as MetaBase,
245
+ ze as MetaItem,
246
+ Ee as MetaItemBase,
247
+ je as MetaItemLabel,
248
+ Ke as MetaItemMedia,
249
+ Re as MetaList,
250
+ Ge as MetaListItem,
251
+ Ue as MetaProgress,
252
+ We as MetaTimestamp,
253
+ St as PageBase,
254
+ ht as PageHeader,
255
+ kt as PageNav,
249
256
  yr as ProgressIcon,
250
- b as QueryItem,
251
- S as QueryLabel,
252
- Sr as RadioIcon,
253
- $t as ResourceList,
254
- rm as ResourceListItem,
255
- _e as RootProvider,
257
+ D as QueryItem,
258
+ M as QueryLabel,
259
+ Mr as RadioIcon,
260
+ Zt as ResourceList,
261
+ $t as ResourceListItem,
262
+ Ye as RootProvider,
256
263
  n as ScopeListItem,
257
- rt as Searchbar,
258
- qt as Section,
259
- Qt as SectionFooter,
260
- Ot as SectionHeader,
261
- st as Skeleton,
262
- tt as Snackbar,
263
- pt as SnackbarBase,
264
- it as SnackbarLabel,
265
- at as SnackbarMedia,
266
- Mr as SvgIcon,
267
- Bt as Timeline,
268
- ct as TimelineBase,
269
- Lt as TimelineSection,
270
- St as Toolbar,
271
- Mt as ToolbarBase,
272
- dt as ToolbarButton,
273
- ht as ToolbarDaterange,
274
- Tt as ToolbarFilter,
275
- yt as ToolbarSearch,
276
- Jt as TransmissionItem,
277
- Vt as TransmissionList,
278
- Xt as Typography,
279
- Tr as iconsMap,
280
- im as useClickOutside,
281
- sm as useEscapeKey,
282
- cm as useMenu,
283
- $e as useRootContext
264
+ $e as Searchbar,
265
+ Pt as Section,
266
+ pt as Skeleton,
267
+ rt as Snackbar,
268
+ tt as SnackbarItem,
269
+ Ir as SvgIcon,
270
+ sm as TextField,
271
+ st as Timeline,
272
+ ft as TimelineBase,
273
+ it as TimelineSection,
274
+ It as Toolbar,
275
+ lt as ToolbarBase,
276
+ Lt as ToolbarButton,
277
+ yt as ToolbarDaterange,
278
+ Mt as ToolbarFilter,
279
+ dt as ToolbarSearch,
280
+ qt as TransmissionItem,
281
+ Jt as TransmissionList,
282
+ Vt as Typography,
283
+ Sr as iconsMap,
284
+ lm as useClickOutside,
285
+ Lm as useEscapeKey,
286
+ Im as useMenu,
287
+ Ze as useRootContext
284
288
  };
@@ -1,10 +1,26 @@
1
- import { ListItemInputProps } from '..';
1
+ import { ButtonProps, ListItemInputProps, TextFieldProps } from '..';
2
2
  import { QueryItemProps } from './QueryLabel';
3
3
  export interface BookmarksListItemProps extends ListItemInputProps {
4
4
  id: string;
5
+ /** Loading */
6
+ loading?: boolean;
7
+ /** Expanded */
8
+ expanded?: boolean;
5
9
  /** Optional title */
6
10
  title?: string;
11
+ /** Untitled */
12
+ untitled?: string;
7
13
  /** Query params */
8
14
  params?: QueryItemProps[];
15
+ /** Toggle function */
16
+ onToggle?: () => void;
17
+ /** Title field */
18
+ titleField?: TextFieldProps;
19
+ /** Save button */
20
+ saveButton?: ButtonProps;
21
+ /** Delete button */
22
+ removeButton?: ButtonProps;
23
+ /** Render as **/
24
+ as?: React.ElementType;
9
25
  }
10
- export declare const BookmarksListItem: ({ size, title, description, params, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
26
+ export declare const BookmarksListItem: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, as, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react';
2
- import { BookmarksListItemProps } from '..';
3
2
  declare const meta: {
4
3
  title: string;
5
- component: ({ size, title, description, params, ...rest }: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ size, icon, expanded, loading, title, titleField, untitled, params, onToggle, saveButton, removeButton, as, ...rest }: import('./BookmarksListItem').BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
6
5
  tags: string[];
7
6
  parameters: {};
8
7
  args: {
@@ -14,12 +13,11 @@ declare const meta: {
14
13
  type: "filter";
15
14
  label: string;
16
15
  })[];
17
- href: string;
18
16
  };
19
17
  };
20
18
  export default meta;
21
19
  type Story = StoryObj<typeof meta>;
22
20
  export declare const Default: Story;
23
21
  export declare const CustomTitle: Story;
22
+ export declare const Expanded: Story;
24
23
  export declare const LotsOfParams: Story;
25
- export declare const Sizes: (args: BookmarksListItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,7 +1,12 @@
1
- import { BookmarksListItemProps } from '../';
1
+ import { BookmarksListItemProps, TextFieldProps } from '../';
2
2
  export interface BookmarksSectionProps {
3
3
  title?: string;
4
+ description?: string;
4
5
  items: BookmarksListItemProps[];
5
- updatedAtLabel?: string;
6
+ untitled?: string;
7
+ titleField?: TextFieldProps;
8
+ expandedId?: string;
9
+ onToggle?: (id: string) => void;
10
+ loading?: boolean;
6
11
  }
7
- export declare const BookmarksSection: ({ title, items, updatedAtLabel }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const BookmarksSection: ({ loading, title, description, items, untitled, titleField, expandedId, onToggle, }: BookmarksSectionProps) => import("react/jsx-runtime").JSX.Element;