@altinn/altinn-components 0.33.8 → 0.35.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.
- package/dist/assets/ListItemControls.css +1 -1
- package/dist/assets/ListItemHeader.css +1 -1
- package/dist/assets/ListItemLabel.css +1 -1
- package/dist/assets/ListItemLink.css +1 -1
- package/dist/assets/UserListItem.css +1 -0
- package/dist/components/{AccessAreaList → AccessAreaListItem}/AccessAreaListItem.js +13 -12
- package/dist/components/{AccessAreaList → AccessAreaListItem}/index.js +0 -2
- package/dist/components/{AccessPackageList → AccessPackageListItem}/AccessPackageListItem.js +29 -15
- package/dist/components/{AccessPackageList → AccessPackageListItem}/index.js +0 -2
- package/dist/components/Account/AccountListItem.js +17 -17
- package/dist/components/Banner/Banner.js +19 -19
- package/dist/components/List/ListItemControls.js +1 -1
- package/dist/components/List/ListItemHeader.js +87 -83
- package/dist/components/List/ListItemLabel.js +12 -12
- package/dist/components/List/ListItemLink.js +30 -25
- package/dist/components/{ResourceList → ResourceListItem}/ResourceListItem.js +8 -7
- package/dist/components/ResourceListItem/index.js +4 -0
- package/dist/components/UserListItem/UserListItem.js +85 -0
- package/dist/components/UserListItem/index.js +4 -0
- package/dist/components/index.js +193 -197
- package/dist/index.js +159 -163
- package/dist/types/lib/components/{AccessAreaList → AccessAreaListItem}/AccessAreaListItem.d.ts +4 -2
- package/dist/types/lib/components/AccessAreaListItem/AccessAreaListItem.stories.d.ts +61 -0
- package/dist/types/lib/components/{AccessAreaList → AccessAreaListItem}/index.d.ts +0 -1
- package/dist/types/lib/components/AccessPackageListItem/AccessPackageListItem.d.ts +7 -0
- package/dist/types/lib/components/AccessPackageListItem/AccessPackageListItem.stories.d.ts +58 -0
- package/dist/types/lib/components/{AccessPackageList → AccessPackageListItem}/index.d.ts +0 -1
- package/dist/types/lib/components/Avatar/Avatar.stories.d.ts +0 -3
- package/dist/types/lib/components/Banner/Banner.stories.d.ts +1 -0
- package/dist/types/lib/components/List/ListItemLink.d.ts +2 -1
- package/dist/types/lib/components/{ResourceList → ResourceListItem}/ResourceListItem.d.ts +4 -2
- package/dist/types/lib/components/ResourceListItem/ResourceListItem.stories.d.ts +55 -0
- package/dist/types/lib/components/ResourceListItem/index.d.ts +1 -0
- package/dist/types/lib/components/UserListItem/UserListItem.d.ts +18 -0
- package/dist/types/lib/components/UserListItem/UserListItem.stories.d.ts +119 -0
- package/dist/types/lib/components/UserListItem/index.d.ts +1 -0
- package/dist/types/lib/components/index.d.ts +4 -3
- package/package.json +1 -1
- package/dist/components/AccessAreaList/AccessAreaList.js +0 -12
- package/dist/components/AccessPackageList/AccessPackageList.js +0 -12
- package/dist/components/ResourceList/ResourceList.js +0 -12
- package/dist/components/ResourceList/index.js +0 -6
- package/dist/types/lib/components/AccessAreaList/AccessAreaList.d.ts +0 -7
- package/dist/types/lib/components/AccessPackageList/AccessPackageList.d.ts +0 -6
- package/dist/types/lib/components/AccessPackageList/AccessPackageList.stories.d.ts +0 -17
- package/dist/types/lib/components/AccessPackageList/AccessPackageListItem.d.ts +0 -5
- package/dist/types/lib/components/List/ListItem.stories.d.ts +0 -35
- package/dist/types/lib/components/ResourceList/ResourceList.d.ts +0 -6
- package/dist/types/lib/components/ResourceList/ResourceList.stories.d.ts +0 -34
- package/dist/types/lib/components/ResourceList/ResourceListItem.stories.d.ts +0 -27
- package/dist/types/lib/components/ResourceList/index.d.ts +0 -2
package/dist/index.js
CHANGED
|
@@ -5,18 +5,18 @@ import { Avatar as f, isAvatarProps as i } from "./components/Avatar/Avatar.js";
|
|
|
5
5
|
import { AvatarGroup as n, isAvatarGroupProps as c } from "./components/Avatar/AvatarGroup.js";
|
|
6
6
|
import { AccountMenu as u } from "./components/Account/AccountMenu.js";
|
|
7
7
|
import { AccountListItem as D } from "./components/Account/AccountListItem.js";
|
|
8
|
-
import { AccountList as
|
|
8
|
+
import { AccountList as L } from "./components/Account/AccountList.js";
|
|
9
9
|
import { AccountNotificationSettings as I } from "./components/Account/AccountNotificationSettings.js";
|
|
10
10
|
import { Badge as b } from "./components/Badge/Badge.js";
|
|
11
11
|
import { Banner as M, BannerColorEnum as y } from "./components/Banner/Banner.js";
|
|
12
12
|
import { BookmarksListItem as k } from "./components/Bookmarks/BookmarksListItem.js";
|
|
13
13
|
import { EditableBookmark as C } from "./components/Bookmarks/EditableBookmark.js";
|
|
14
|
-
import { BookmarksSection as
|
|
14
|
+
import { BookmarksSection as P } from "./components/Bookmarks/BookmarksSection.js";
|
|
15
15
|
import { ButtonBase as v } from "./components/Button/ButtonBase.js";
|
|
16
16
|
import { ButtonLabel as E } from "./components/Button/ButtonLabel.js";
|
|
17
17
|
import { ButtonIcon as O } from "./components/Button/ButtonIcon.js";
|
|
18
|
-
import { Button as
|
|
19
|
-
import { ComboButton as
|
|
18
|
+
import { Button as U } from "./components/Button/Button.js";
|
|
19
|
+
import { ComboButton as Q } from "./components/Button/ComboButton.js";
|
|
20
20
|
import { IconButton as j } from "./components/Button/IconButton.js";
|
|
21
21
|
import { ButtonGroup as K } from "./components/Button/ButtonGroup.js";
|
|
22
22
|
import { Byline as J } from "./components/Byline/Byline.js";
|
|
@@ -31,18 +31,18 @@ import { DialogContact as io } from "./components/Dialog/DialogContact.js";
|
|
|
31
31
|
import { DialogHistory as no } from "./components/Dialog/DialogHistory.js";
|
|
32
32
|
import { DialogHistorySegment as lo } from "./components/Dialog/DialogHistorySegment.js";
|
|
33
33
|
import { DialogHistoryItem as Do } from "./components/Dialog/DialogHistoryItem.js";
|
|
34
|
-
import { DialogList as
|
|
34
|
+
import { DialogList as Lo } from "./components/Dialog/DialogList.js";
|
|
35
35
|
import { DialogListGroup as Io } from "./components/Dialog/DialogListGroup.js";
|
|
36
36
|
import { DialogListItem as bo } from "./components/Dialog/DialogListItem.js";
|
|
37
37
|
import { DialogMetadata as Mo } from "./components/Dialog/DialogMetadata.js";
|
|
38
38
|
import { DialogByline as To } from "./components/Dialog/DialogByline.js";
|
|
39
39
|
import { DialogActions as ho } from "./components/Dialog/DialogActions.js";
|
|
40
|
-
import { DialogActivityLog as
|
|
40
|
+
import { DialogActivityLog as Ho } from "./components/Dialog/DialogActivityLog.js";
|
|
41
41
|
import { DialogSeenBy as Fo } from "./components/Dialog/DialogSeenBy.js";
|
|
42
42
|
import { DialogSelect as wo } from "./components/Dialog/DialogSelect.js";
|
|
43
43
|
import { DialogStatus as Go, DialogStatusEnum as Oo } from "./components/Dialog/DialogStatus.js";
|
|
44
|
-
import { DialogAttachments as
|
|
45
|
-
import { SeenByLog as
|
|
44
|
+
import { DialogAttachments as Uo } from "./components/Dialog/DialogAttachments.js";
|
|
45
|
+
import { SeenByLog as Qo } from "./components/Dialog/SeenByLog.js";
|
|
46
46
|
import { SeenByLogButton as jo } from "./components/Dialog/SeenByLogButton.js";
|
|
47
47
|
import { SeenByLogItem as Ko } from "./components/Dialog/SeenByLogItem.js";
|
|
48
48
|
import { Divider as Jo } from "./components/Divider/Divider.js";
|
|
@@ -57,18 +57,18 @@ import { DrawerOrDropdown as ir } from "./components/Dropdown/DrawerOrDropdown.j
|
|
|
57
57
|
import { Footer as nr } from "./components/Footer/Footer.js";
|
|
58
58
|
import { CurrentAccount as lr } from "./components/GlobalMenu/CurrentAccount.js";
|
|
59
59
|
import { BackButton as dr } from "./components/GlobalMenu/BackButton.js";
|
|
60
|
-
import { LogoutButton as
|
|
60
|
+
import { LogoutButton as gr } from "./components/GlobalMenu/LogoutButton.js";
|
|
61
61
|
import { EndUserLabel as Br } from "./components/GlobalMenu/EndUserLabel.js";
|
|
62
62
|
import { GlobalMenu as Sr } from "./components/GlobalMenu/GlobalMenu.js";
|
|
63
63
|
import { GlobalMenuButton as Ar } from "./components/GlobalMenu/GlobalMenuButton.js";
|
|
64
64
|
import { Header as yr } from "./components/Header/Header.js";
|
|
65
65
|
import { HeaderBase as kr } from "./components/Header/HeaderBase.js";
|
|
66
66
|
import { HeaderLogo as Cr } from "./components/Header/HeaderLogo.js";
|
|
67
|
-
import { HeaderButton as
|
|
67
|
+
import { HeaderButton as Pr } from "./components/Header/HeaderButton.js";
|
|
68
68
|
import { LocaleButton as vr } from "./components/Header/LocaleButton.js";
|
|
69
69
|
import { LocaleSwitcher as Er } from "./components/Header/LocaleSwitcher.js";
|
|
70
70
|
import { Icon as Or, isIconProps as Rr } from "./components/Icon/Icon.js";
|
|
71
|
-
import { CheckboxIcon as
|
|
71
|
+
import { CheckboxIcon as Nr } from "./components/Icon/CheckboxIcon.js";
|
|
72
72
|
import { RadioIcon as Vr } from "./components/Icon/RadioIcon.js";
|
|
73
73
|
import { ProgressIcon as zr } from "./components/Icon/ProgressIcon.js";
|
|
74
74
|
import { IconOrAvatar as qr } from "./components/Icon/IconOrAvatar.js";
|
|
@@ -84,18 +84,18 @@ import { ListItemBase as se } from "./components/List/ListItemBase.js";
|
|
|
84
84
|
import { ListItemLink as ce } from "./components/List/ListItemLink.js";
|
|
85
85
|
import { ListItemHeader as ue } from "./components/List/ListItemHeader.js";
|
|
86
86
|
import { ListItemLabel as De } from "./components/List/ListItemLabel.js";
|
|
87
|
-
import { ListItemIcon as
|
|
87
|
+
import { ListItemIcon as Le } from "./components/List/ListItemIcon.js";
|
|
88
88
|
import { ListItemControls as Ie } from "./components/List/ListItemControls.js";
|
|
89
89
|
import { ListItemSelect as be } from "./components/List/ListItemSelect.js";
|
|
90
90
|
import { ListItem as Me } from "./components/List/ListItem.js";
|
|
91
91
|
import { List as Te } from "./components/List/List.js";
|
|
92
92
|
import { MenuItemBase as he } from "./components/Menu/MenuItemBase.js";
|
|
93
|
-
import { MenuItemLabel as
|
|
93
|
+
import { MenuItemLabel as He, getAriaLabelFromTitle as Pe } from "./components/Menu/MenuItemLabel.js";
|
|
94
94
|
import { MenuItemIcon as ve } from "./components/Menu/MenuItemIcon.js";
|
|
95
95
|
import { MenuItem as Ee } from "./components/Menu/MenuItem.js";
|
|
96
96
|
import { MenuInputField as Oe } from "./components/Menu/MenuInputField.js";
|
|
97
|
-
import { MenuOption as
|
|
98
|
-
import { MenuSearch as
|
|
97
|
+
import { MenuOption as Ue } from "./components/Menu/MenuOption.js";
|
|
98
|
+
import { MenuSearch as Qe } from "./components/Menu/MenuSearch.js";
|
|
99
99
|
import { MenuHeader as je } from "./components/Menu/MenuHeader.js";
|
|
100
100
|
import { MenuItems as Ke } from "./components/Menu/MenuItems.js";
|
|
101
101
|
import { MenuBase as Je, MenuList as We, MenuListItem as Xe } from "./components/Menu/MenuBase.js";
|
|
@@ -108,18 +108,18 @@ import { MetaItem as xt } from "./components/Metadata/MetaItem.js";
|
|
|
108
108
|
import { MetaProgress as it } from "./components/Metadata/MetaProgress.js";
|
|
109
109
|
import { MetaTimestamp as nt } from "./components/Metadata/MetaTimestamp.js";
|
|
110
110
|
import { MetaListItem as lt, Metadata as ut } from "./components/Metadata/Metadata.js";
|
|
111
|
-
import { RootProvider as Dt, useRootContext as
|
|
111
|
+
import { RootProvider as Dt, useRootContext as gt } from "./components/RootProvider/RootProvider.js";
|
|
112
112
|
import { SearchItem as Bt } from "./components/Search/SearchItem.js";
|
|
113
113
|
import { Searchbar as St } from "./components/Searchbar/Searchbar.js";
|
|
114
114
|
import { SearchbarBase as At } from "./components/Searchbar/SearchbarBase.js";
|
|
115
115
|
import { SearchbarField as yt } from "./components/Searchbar/SearchbarField.js";
|
|
116
116
|
import { AutocompleteBase as kt } from "./components/Searchbar/AutocompleteBase.js";
|
|
117
117
|
import { AutocompleteGroup as Ct } from "./components/Searchbar/AutocompleteGroup.js";
|
|
118
|
-
import { Autocomplete as
|
|
118
|
+
import { Autocomplete as Pt } from "./components/Searchbar/Autocomplete.js";
|
|
119
119
|
import { AutocompleteItem as vt } from "./components/Searchbar/AutocompleteItem.js";
|
|
120
120
|
import { ScopeListItem as Et } from "./components/Searchbar/ScopeListItem.js";
|
|
121
121
|
import { SuggestListItem as Ot } from "./components/Searchbar/SuggestListItem.js";
|
|
122
|
-
import { QueryItem as
|
|
122
|
+
import { QueryItem as Ut, QueryLabel as Nt } from "./components/Searchbar/QueryLabel.js";
|
|
123
123
|
import { Snackbar as Vt } from "./components/Snackbar/Snackbar.js";
|
|
124
124
|
import { SnackbarColorEnum as zt, SnackbarItem as Kt } from "./components/Snackbar/SnackbarItem.js";
|
|
125
125
|
import { SnackbarDuration as Jt, SnackbarProvider as Wt, useSnackbar as Xt } from "./components/Snackbar/useSnackbar.js";
|
|
@@ -133,19 +133,19 @@ import { TimelineHeader as im } from "./components/Timeline/TimelineHeader.js";
|
|
|
133
133
|
import { TimelineFooter as nm } from "./components/Timeline/TimelineFooter.js";
|
|
134
134
|
import { TimelineIcon as lm } from "./components/Timeline/TimelineIcon.js";
|
|
135
135
|
import { TimelineLink as dm } from "./components/Timeline/TimelineLink.js";
|
|
136
|
-
import { ToolbarBase as
|
|
136
|
+
import { ToolbarBase as gm } from "./components/Toolbar/ToolbarBase.js";
|
|
137
137
|
import { ToolbarButton as Bm } from "./components/Toolbar/ToolbarButton.js";
|
|
138
138
|
import { Toolbar as Sm } from "./components/Toolbar/Toolbar.js";
|
|
139
139
|
import { ToolbarSearch as Am } from "./components/Toolbar/ToolbarSearch.js";
|
|
140
140
|
import { ToolbarFilter as ym } from "./components/Toolbar/ToolbarFilter.js";
|
|
141
141
|
import { ToolbarDaterange as km } from "./components/Toolbar/ToolbarDaterange.js";
|
|
142
142
|
import { PageBase as Cm } from "./components/Page/PageBase.js";
|
|
143
|
-
import { PageNav as
|
|
143
|
+
import { PageNav as Pm } from "./components/Page/PageNav.js";
|
|
144
144
|
import { PageMenu as vm } from "./components/Page/PageMenu.js";
|
|
145
145
|
import { PageTabs as Em } from "./components/Page/PageTabs.js";
|
|
146
146
|
import { PageDetails as Om } from "./components/Page/PageDetails.js";
|
|
147
|
-
import { Flex as
|
|
148
|
-
import { Grid as
|
|
147
|
+
import { Flex as Um } from "./components/Page/Flex.js";
|
|
148
|
+
import { Grid as Qm } from "./components/Page/Grid.js";
|
|
149
149
|
import { Breadcrumbs as jm } from "./components/Page/Breadcrumbs.js";
|
|
150
150
|
import { BreadcrumbsLink as Km } from "./components/Page/BreadcrumbsLink.js";
|
|
151
151
|
import { Section as Jm } from "./components/Page/Section.js";
|
|
@@ -157,76 +157,72 @@ import { TransmissionType as tp, TransmissionTypeEnum as mp } from "./components
|
|
|
157
157
|
import { TransmissionList as ap } from "./components/Transmission/TransmissionList.js";
|
|
158
158
|
import { Typography as fp } from "./components/Typography/Typography.js";
|
|
159
159
|
import { Heading as sp } from "./components/Typography/Heading.js";
|
|
160
|
-
import {
|
|
161
|
-
import {
|
|
162
|
-
import {
|
|
163
|
-
import {
|
|
164
|
-
import {
|
|
165
|
-
import {
|
|
166
|
-
import {
|
|
167
|
-
import {
|
|
168
|
-
import {
|
|
169
|
-
import {
|
|
170
|
-
import {
|
|
171
|
-
import {
|
|
172
|
-
import {
|
|
173
|
-
import {
|
|
174
|
-
import {
|
|
175
|
-
import {
|
|
176
|
-
import {
|
|
177
|
-
import {
|
|
178
|
-
import {
|
|
179
|
-
import {
|
|
180
|
-
import {
|
|
181
|
-
import {
|
|
182
|
-
import {
|
|
183
|
-
import {
|
|
184
|
-
import {
|
|
185
|
-
import {
|
|
186
|
-
import {
|
|
187
|
-
import {
|
|
188
|
-
import {
|
|
189
|
-
import {
|
|
190
|
-
import {
|
|
191
|
-
import {
|
|
192
|
-
import {
|
|
193
|
-
import {
|
|
194
|
-
import {
|
|
195
|
-
import {
|
|
196
|
-
import {
|
|
197
|
-
import {
|
|
198
|
-
import {
|
|
199
|
-
import {
|
|
200
|
-
import {
|
|
201
|
-
import {
|
|
202
|
-
import {
|
|
203
|
-
import {
|
|
204
|
-
import {
|
|
205
|
-
import {
|
|
206
|
-
import {
|
|
207
|
-
import { P as Lx } from "./Paragraph-Bm-eoPYv.js";
|
|
208
|
-
import { V as Bx } from "./index-CnWc2FNH.js";
|
|
160
|
+
import { ResourceListItem as cp } from "./components/ResourceListItem/ResourceListItem.js";
|
|
161
|
+
import { AccessAreaListItem as up } from "./components/AccessAreaListItem/AccessAreaListItem.js";
|
|
162
|
+
import { AccessPackageListItem as Dp } from "./components/AccessPackageListItem/AccessPackageListItem.js";
|
|
163
|
+
import { UserListItem as Lp } from "./components/UserListItem/UserListItem.js";
|
|
164
|
+
import { Field as Ip } from "./components/Forms/Field.js";
|
|
165
|
+
import { Fieldset as bp } from "./components/Forms/Fieldset.js";
|
|
166
|
+
import { Legend as Mp } from "./components/Forms/Legend.js";
|
|
167
|
+
import { Label as Tp } from "./components/Forms/Label.js";
|
|
168
|
+
import { Input as hp } from "./components/Forms/Input.js";
|
|
169
|
+
import { Textarea as Hp } from "./components/Forms/Textarea.js";
|
|
170
|
+
import { Select as Fp } from "./components/Forms/Select.js";
|
|
171
|
+
import { Radio as wp } from "./components/Forms/Radio.js";
|
|
172
|
+
import { Checkbox as Gp } from "./components/Forms/Checkbox.js";
|
|
173
|
+
import { Switch as Rp } from "./components/Forms/Switch.js";
|
|
174
|
+
import { FieldBase as Np } from "./components/Forms/FieldBase.js";
|
|
175
|
+
import { TextField as Vp } from "./components/Forms/TextField.js";
|
|
176
|
+
import { TextareaField as zp } from "./components/Forms/TextareaField.js";
|
|
177
|
+
import { SelectField as qp } from "./components/Forms/SelectField.js";
|
|
178
|
+
import { SearchField as Wp } from "./components/Forms/SearchField.js";
|
|
179
|
+
import { FieldsetBase as Yp } from "./components/Forms/FieldsetBase.js";
|
|
180
|
+
import { OptionsBase as _p } from "./components/Forms/OptionsBase.js";
|
|
181
|
+
import { RadioOptions as oa } from "./components/Forms/RadioOptions.js";
|
|
182
|
+
import { SwitchOptions as ea } from "./components/Forms/SwitchOptions.js";
|
|
183
|
+
import { CheckboxOptions as ma } from "./components/Forms/CheckboxOptions.js";
|
|
184
|
+
import { SettingsSection as aa } from "./components/Settings/SettingsSection.js";
|
|
185
|
+
import { SettingsItem as fa } from "./components/Settings/SettingsItem.js";
|
|
186
|
+
import { SettingsList as sa } from "./components/Settings/SettingsList.js";
|
|
187
|
+
import { DashboardHeader as ca } from "./components/Dashboard/DashboardHeader.js";
|
|
188
|
+
import { DashboardCard as ua } from "./components/Dashboard/DashboardCard.js";
|
|
189
|
+
import { DashboardIcon as Da } from "./components/Dashboard/DashboardIcon.js";
|
|
190
|
+
import { ActivityLog as La } from "./components/ActivityLog/ActivityLog.js";
|
|
191
|
+
import { ActivityLogSegment as Ia } from "./components/ActivityLog/ActivityLogSegment.js";
|
|
192
|
+
import { ActivityLogItem as ba } from "./components/ActivityLog/ActivityLogItem.js";
|
|
193
|
+
import { ArticleHeader as Ma } from "./components/Article/ArticleHeader.js";
|
|
194
|
+
import { ArticleContact as Ta } from "./components/Article/ArticleContact.js";
|
|
195
|
+
import { Article as ha } from "./components/Article/Article.js";
|
|
196
|
+
import { ModalBase as Ha } from "./components/Modal/ModalBase.js";
|
|
197
|
+
import { ModalHeader as Fa } from "./components/Modal/ModalHeader.js";
|
|
198
|
+
import { ModalBody as wa } from "./components/Modal/ModalBody.js";
|
|
199
|
+
import { Modal as Ga } from "./components/Modal/Modal.js";
|
|
200
|
+
import { useClickOutside as Ra } from "./hooks/useClickOutside.js";
|
|
201
|
+
import { useEscapeKey as Na } from "./hooks/useEscapeKey.js";
|
|
202
|
+
import { useMenu as Va } from "./hooks/useMenu.js";
|
|
203
|
+
import { A as za, B as Ka, a as qa, C as Ja, b as Wa, c as Xa, D as Ya, H as Za, L as _a, d as $a, e as ox, P as rx, f as ex, g as tx, h as mx, i as px, S as ax, j as xx, T as fx, u as ix } from "./usePagination-D247OF6_.js";
|
|
204
|
+
import { D as nx } from "./index-D3Rt9ate.js";
|
|
205
|
+
import { P as lx } from "./Paragraph-Bm-eoPYv.js";
|
|
206
|
+
import { V as dx } from "./index-CnWc2FNH.js";
|
|
209
207
|
export {
|
|
210
|
-
|
|
211
|
-
Dp as
|
|
212
|
-
bp as AccessPackageList,
|
|
213
|
-
Ip as AccessPackageListItem,
|
|
208
|
+
up as AccessAreaListItem,
|
|
209
|
+
Dp as AccessPackageListItem,
|
|
214
210
|
$m as AccordionSection,
|
|
215
|
-
|
|
211
|
+
L as AccountList,
|
|
216
212
|
D as AccountListItem,
|
|
217
213
|
u as AccountMenu,
|
|
218
214
|
I as AccountNotificationSettings,
|
|
219
215
|
ae as ActionFooter,
|
|
220
216
|
me as ActionHeader,
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
217
|
+
La as ActivityLog,
|
|
218
|
+
ba as ActivityLogItem,
|
|
219
|
+
Ia as ActivityLogSegment,
|
|
220
|
+
ha as Article,
|
|
221
|
+
Ta as ArticleContact,
|
|
222
|
+
Ma as ArticleHeader,
|
|
227
223
|
m as AttachmentLink,
|
|
228
224
|
a as AttachmentList,
|
|
229
|
-
|
|
225
|
+
Pt as Autocomplete,
|
|
230
226
|
kt as AutocompleteBase,
|
|
231
227
|
Ct as AutocompleteGroup,
|
|
232
228
|
vt as AutocompleteItem,
|
|
@@ -238,30 +234,30 @@ export {
|
|
|
238
234
|
M as Banner,
|
|
239
235
|
y as BannerColorEnum,
|
|
240
236
|
k as BookmarksListItem,
|
|
241
|
-
|
|
237
|
+
P as BookmarksSection,
|
|
242
238
|
jm as Breadcrumbs,
|
|
243
239
|
Km as BreadcrumbsLink,
|
|
244
|
-
|
|
240
|
+
U as Button,
|
|
245
241
|
v as ButtonBase,
|
|
246
242
|
K as ButtonGroup,
|
|
247
243
|
O as ButtonIcon,
|
|
248
244
|
E as ButtonLabel,
|
|
249
245
|
J as Byline,
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
246
|
+
Gp as Checkbox,
|
|
247
|
+
Nr as CheckboxIcon,
|
|
248
|
+
ma as CheckboxOptions,
|
|
249
|
+
Q as ComboButton,
|
|
254
250
|
Zm as ContactButtons,
|
|
255
251
|
Xm as ContactSection,
|
|
256
252
|
X as ContextMenu,
|
|
257
253
|
lr as CurrentAccount,
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
254
|
+
ua as DashboardCard,
|
|
255
|
+
ca as DashboardHeader,
|
|
256
|
+
Da as DashboardIcon,
|
|
261
257
|
Z as Dialog,
|
|
262
258
|
ho as DialogActions,
|
|
263
|
-
|
|
264
|
-
|
|
259
|
+
Ho as DialogActivityLog,
|
|
260
|
+
Uo as DialogAttachments,
|
|
265
261
|
to as DialogBody,
|
|
266
262
|
To as DialogByline,
|
|
267
263
|
io as DialogContact,
|
|
@@ -270,7 +266,7 @@ export {
|
|
|
270
266
|
Do as DialogHistoryItem,
|
|
271
267
|
lo as DialogHistorySegment,
|
|
272
268
|
$ as DialogLayout,
|
|
273
|
-
|
|
269
|
+
Lo as DialogList,
|
|
274
270
|
Io as DialogListGroup,
|
|
275
271
|
bo as DialogListItem,
|
|
276
272
|
Mo as DialogMetadata,
|
|
@@ -288,68 +284,68 @@ export {
|
|
|
288
284
|
rr as DrawerHeader,
|
|
289
285
|
ir as DrawerOrDropdown,
|
|
290
286
|
Xo as DropdownBase,
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
287
|
+
za as DsAlert,
|
|
288
|
+
Ka as DsBadge,
|
|
289
|
+
qa as DsButton,
|
|
290
|
+
Ja as DsCheckbox,
|
|
291
|
+
Wa as DsChip,
|
|
292
|
+
Xa as DsCombobox,
|
|
293
|
+
nx as DsDetails,
|
|
294
|
+
Ya as DsDialog,
|
|
295
|
+
Za as DsHeading,
|
|
296
|
+
_a as DsLink,
|
|
297
|
+
$a as DsListItem,
|
|
298
|
+
ox as DsListUnordered,
|
|
299
|
+
rx as DsPagination,
|
|
300
|
+
lx as DsParagraph,
|
|
301
|
+
ex as DsPopover,
|
|
302
|
+
tx as DsSearch,
|
|
303
|
+
mx as DsSkeleton,
|
|
304
|
+
px as DsSpinner,
|
|
305
|
+
ax as DsSwitch,
|
|
306
|
+
xx as DsTabs,
|
|
307
|
+
fx as DsTextfield,
|
|
308
|
+
dx as DsValidationMessage,
|
|
313
309
|
C as EditableBookmark,
|
|
314
310
|
Br as EndUserLabel,
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
311
|
+
Ip as Field,
|
|
312
|
+
Np as FieldBase,
|
|
313
|
+
bp as Fieldset,
|
|
314
|
+
Yp as FieldsetBase,
|
|
315
|
+
Um as Flex,
|
|
320
316
|
nr as Footer,
|
|
321
317
|
Sr as GlobalMenu,
|
|
322
318
|
Ar as GlobalMenuButton,
|
|
323
|
-
|
|
319
|
+
Qm as Grid,
|
|
324
320
|
yr as Header,
|
|
325
321
|
kr as HeaderBase,
|
|
326
|
-
|
|
322
|
+
Pr as HeaderButton,
|
|
327
323
|
Cr as HeaderLogo,
|
|
328
324
|
sp as Heading,
|
|
329
325
|
Or as Icon,
|
|
330
326
|
j as IconButton,
|
|
331
327
|
qr as IconOrAvatar,
|
|
332
|
-
|
|
333
|
-
|
|
328
|
+
hp as Input,
|
|
329
|
+
Tp as Label,
|
|
334
330
|
ee as Layout,
|
|
335
331
|
fe as LayoutAction,
|
|
336
332
|
Wr as LayoutBase,
|
|
337
333
|
Yr as LayoutBody,
|
|
338
334
|
_r as LayoutContent,
|
|
339
335
|
oe as LayoutSidebar,
|
|
340
|
-
|
|
336
|
+
Mp as Legend,
|
|
341
337
|
Te as List,
|
|
342
338
|
Me as ListItem,
|
|
343
339
|
se as ListItemBase,
|
|
344
340
|
Ie as ListItemControls,
|
|
345
341
|
ue as ListItemHeader,
|
|
346
|
-
|
|
342
|
+
Le as ListItemIcon,
|
|
347
343
|
De as ListItemLabel,
|
|
348
344
|
ce as ListItemLink,
|
|
349
345
|
be as ListItemSelect,
|
|
350
346
|
vr as LocaleButton,
|
|
351
347
|
Er as LocaleSwitcher,
|
|
352
|
-
|
|
348
|
+
gr as LogoutButton,
|
|
353
349
|
Ze as Menu,
|
|
354
350
|
Je as MenuBase,
|
|
355
351
|
je as MenuHeader,
|
|
@@ -357,12 +353,12 @@ export {
|
|
|
357
353
|
Ee as MenuItem,
|
|
358
354
|
he as MenuItemBase,
|
|
359
355
|
ve as MenuItemIcon,
|
|
360
|
-
|
|
356
|
+
He as MenuItemLabel,
|
|
361
357
|
Ke as MenuItems,
|
|
362
358
|
We as MenuList,
|
|
363
359
|
Xe as MenuListItem,
|
|
364
|
-
|
|
365
|
-
|
|
360
|
+
Ue as MenuOption,
|
|
361
|
+
Qe as MenuSearch,
|
|
366
362
|
$e as MetaBase,
|
|
367
363
|
xt as MetaItem,
|
|
368
364
|
rt as MetaItemBase,
|
|
@@ -372,40 +368,39 @@ export {
|
|
|
372
368
|
it as MetaProgress,
|
|
373
369
|
nt as MetaTimestamp,
|
|
374
370
|
ut as Metadata,
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
371
|
+
Ga as Modal,
|
|
372
|
+
Ha as ModalBase,
|
|
373
|
+
wa as ModalBody,
|
|
374
|
+
Fa as ModalHeader,
|
|
375
|
+
_p as OptionsBase,
|
|
380
376
|
Cm as PageBase,
|
|
381
377
|
Om as PageDetails,
|
|
382
378
|
vm as PageMenu,
|
|
383
|
-
|
|
379
|
+
Pm as PageNav,
|
|
384
380
|
Em as PageTabs,
|
|
385
381
|
zr as ProgressIcon,
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
382
|
+
Ut as QueryItem,
|
|
383
|
+
Nt as QueryLabel,
|
|
384
|
+
wp as Radio,
|
|
389
385
|
Vr as RadioIcon,
|
|
390
|
-
|
|
391
|
-
cp as
|
|
392
|
-
up as ResourceListItem,
|
|
386
|
+
oa as RadioOptions,
|
|
387
|
+
cp as ResourceListItem,
|
|
393
388
|
Dt as RootProvider,
|
|
394
389
|
Et as ScopeListItem,
|
|
395
|
-
|
|
390
|
+
Wp as SearchField,
|
|
396
391
|
Bt as SearchItem,
|
|
397
392
|
St as Searchbar,
|
|
398
393
|
At as SearchbarBase,
|
|
399
394
|
yt as SearchbarField,
|
|
400
395
|
Jm as Section,
|
|
401
|
-
|
|
396
|
+
Qo as SeenByLog,
|
|
402
397
|
jo as SeenByLogButton,
|
|
403
398
|
Ko as SeenByLogItem,
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
399
|
+
Fp as Select,
|
|
400
|
+
qp as SelectField,
|
|
401
|
+
fa as SettingsItem,
|
|
402
|
+
sa as SettingsList,
|
|
403
|
+
aa as SettingsSection,
|
|
409
404
|
e as SizeEnum,
|
|
410
405
|
Zt as Skeleton,
|
|
411
406
|
Vt as Snackbar,
|
|
@@ -414,11 +409,11 @@ export {
|
|
|
414
409
|
Kt as SnackbarItem,
|
|
415
410
|
Wt as SnackbarProvider,
|
|
416
411
|
Ot as SuggestListItem,
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
412
|
+
Rp as Switch,
|
|
413
|
+
ea as SwitchOptions,
|
|
414
|
+
Vp as TextField,
|
|
415
|
+
Hp as Textarea,
|
|
416
|
+
zp as TextareaField,
|
|
422
417
|
$t as Timeline,
|
|
423
418
|
tm as TimelineActivity,
|
|
424
419
|
pm as TimelineBase,
|
|
@@ -429,7 +424,7 @@ export {
|
|
|
429
424
|
xm as TimelineSection,
|
|
430
425
|
rm as TimelineSegment,
|
|
431
426
|
Sm as Toolbar,
|
|
432
|
-
|
|
427
|
+
gm as ToolbarBase,
|
|
433
428
|
Bm as ToolbarButton,
|
|
434
429
|
km as ToolbarDaterange,
|
|
435
430
|
ym as ToolbarFilter,
|
|
@@ -439,14 +434,15 @@ export {
|
|
|
439
434
|
tp as TransmissionType,
|
|
440
435
|
mp as TransmissionTypeEnum,
|
|
441
436
|
fp as Typography,
|
|
442
|
-
|
|
437
|
+
Lp as UserListItem,
|
|
438
|
+
Pe as getAriaLabelFromTitle,
|
|
443
439
|
c as isAvatarGroupProps,
|
|
444
440
|
i as isAvatarProps,
|
|
445
441
|
Rr as isIconProps,
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
442
|
+
Ra as useClickOutside,
|
|
443
|
+
ix as useDsPagination,
|
|
444
|
+
Na as useEscapeKey,
|
|
445
|
+
Va as useMenu,
|
|
446
|
+
gt as useRootContext,
|
|
451
447
|
Xt as useSnackbar
|
|
452
448
|
};
|
package/dist/types/lib/components/{AccessAreaList → AccessAreaListItem}/AccessAreaListItem.d.ts
RENAMED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { Color } from '../../types';
|
|
2
2
|
import { SvgElement } from '../Icon';
|
|
3
3
|
import { ListItemProps } from '../List';
|
|
4
|
-
interface AccessAreaListItemDefaultProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded' | 'loading'> {
|
|
4
|
+
interface AccessAreaListItemDefaultProps extends Pick<ListItemProps, 'size' | 'onClick' | 'expanded' | 'loading' | 'shadow' | 'border'> {
|
|
5
5
|
/** Id of the item */
|
|
6
6
|
id: string;
|
|
7
7
|
/** Name of the Access Area */
|
|
8
8
|
name: string;
|
|
9
|
+
/** The http tag to be used for the title (default is h3) */
|
|
10
|
+
titleAs?: 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div' | 'span';
|
|
9
11
|
/** Color theme of the Access Area */
|
|
10
12
|
colorTheme?: Color;
|
|
11
13
|
/** Optional Badge to display things like the number of packages a user has in the area */
|
|
@@ -20,5 +22,5 @@ export type AccessAreaListItemProps = (AccessAreaListItemDefaultProps & {
|
|
|
20
22
|
iconUrl: string;
|
|
21
23
|
icon?: never;
|
|
22
24
|
});
|
|
23
|
-
export declare const AccessAreaListItem: ({ name, icon, iconUrl, size, children, expanded, onClick, badgeText, colorTheme, loading, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare const AccessAreaListItem: ({ name, icon, iconUrl, size, children, expanded, onClick, badgeText, colorTheme, loading, titleAs, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
26
|
export {};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { AccessAreaListItemProps } from './AccessAreaListItem';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ name, icon, iconUrl, size, children, expanded, onClick, badgeText, colorTheme, loading, titleAs, ...props }: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
args: {
|
|
8
|
+
id: string;
|
|
9
|
+
size: "md";
|
|
10
|
+
name: string;
|
|
11
|
+
titleAs: "h3";
|
|
12
|
+
iconUrl: string;
|
|
13
|
+
badgeText: string;
|
|
14
|
+
colorTheme: "company";
|
|
15
|
+
loading: false;
|
|
16
|
+
shadow: "sm";
|
|
17
|
+
border: "none";
|
|
18
|
+
};
|
|
19
|
+
argTypes: {
|
|
20
|
+
expanded: {
|
|
21
|
+
control: {
|
|
22
|
+
type: "boolean";
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
size: {
|
|
26
|
+
options: string[];
|
|
27
|
+
control: {
|
|
28
|
+
type: "inline-radio";
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
colorTheme: {
|
|
32
|
+
options: string[];
|
|
33
|
+
control: {
|
|
34
|
+
type: "select";
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
shadow: {
|
|
38
|
+
options: string[];
|
|
39
|
+
control: {
|
|
40
|
+
type: "inline-radio";
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
border: {
|
|
44
|
+
options: string[];
|
|
45
|
+
control: {
|
|
46
|
+
type: "select";
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
titleAs: {
|
|
50
|
+
options: string[];
|
|
51
|
+
control: {
|
|
52
|
+
type: "select";
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
export default meta;
|
|
58
|
+
type Story = StoryObj<typeof meta>;
|
|
59
|
+
export declare const AreaListItemStory: Story;
|
|
60
|
+
export declare const AreaWithPackages: (args: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
export declare const AllAreas: (args: AccessAreaListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ListItemProps } from '../List';
|
|
2
|
+
export interface AccessPackageListItemProps extends Pick<ListItemProps, 'color' | 'onClick' | 'as' | 'description' | 'size' | 'controls' | 'loading' | 'shadow' | 'border'> {
|
|
3
|
+
id: string;
|
|
4
|
+
name: string;
|
|
5
|
+
titleAs?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'div' | 'span';
|
|
6
|
+
}
|
|
7
|
+
export declare const AccessPackageListItem: ({ as, name, color, titleAs, size, ...props }: AccessPackageListItemProps) => import("react/jsx-runtime").JSX.Element;
|