asma-ui-core 3.88.1 → 3.90.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/Readme.md +107 -0
- package/dist/asma-ui-core.css +1 -1
- package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js +6 -6
- package/dist/components/utils/bottom-sheet/StyledBottomSheet.js +137 -0
- package/dist/components/utils/bottom-sheet/StyledBottomSheet.module.js +4 -0
- package/dist/components/utils/bottom-sheet/formatResultsLabel.js +4 -0
- package/dist/components/utils/bottom-sheet/useDragToDismiss.hook.js +40 -0
- package/dist/components/utils/popover/PopoverAnatomy.js +46 -0
- package/dist/components/utils/popover/PopoverSheet.js +165 -0
- package/dist/hooks/useBodyScrollLock.hook.js +13 -0
- package/dist/hooks/useDebouncedValue.hook.js +15 -0
- package/dist/hooks/useMediaQuery.hook.js +10 -9
- package/dist/index.js +184 -178
- package/dist/src/components/utils/bottom-sheet/StyledBottomSheet.d.ts +59 -0
- package/dist/src/components/utils/bottom-sheet/formatResultsLabel.d.ts +9 -0
- package/dist/src/components/utils/bottom-sheet/formatResultsLabel.test.d.ts +1 -0
- package/dist/src/components/utils/bottom-sheet/index.d.ts +2 -0
- package/dist/src/components/utils/bottom-sheet/story/BottomSheetCases.d.ts +1 -0
- package/dist/src/components/utils/bottom-sheet/story/BottomSheetDemo.d.ts +22 -0
- package/dist/src/components/utils/bottom-sheet/useDragToDismiss.hook.d.ts +22 -0
- package/dist/src/components/utils/popover/PopoverAnatomy.d.ts +36 -0
- package/dist/src/components/utils/popover/PopoverSheet.d.ts +86 -0
- package/dist/src/components/utils/popover/index.d.ts +1 -0
- package/dist/src/components/utils/popover/story/PopoverCases.d.ts +1 -0
- package/dist/src/components/utils/popover/story/PopoverGallery.d.ts +1 -0
- package/dist/src/components/utils/popover/story/popoverStoryFixtures.d.ts +21 -0
- package/dist/src/hooks/useBodyScrollLock.hook.d.ts +7 -0
- package/dist/src/hooks/useDebouncedValue.hook.d.ts +2 -0
- package/dist/src/hooks/useMediaQuery.hook.d.ts +2 -0
- package/dist/src/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -205,88 +205,91 @@ import { StyledDialogActions as Rn } from "./components/feedback/dialog/StyledDi
|
|
|
205
205
|
import { StyledDialogContent as vn } from "./components/feedback/dialog/StyledDialogContent.js";
|
|
206
206
|
import { StyledDialogTitle as Nn } from "./components/feedback/dialog/StyledDialogTitle.js";
|
|
207
207
|
import { StyledPopover as Hn } from "./components/utils/popover/StyledPopover.js";
|
|
208
|
-
import {
|
|
209
|
-
import {
|
|
210
|
-
import {
|
|
211
|
-
import {
|
|
212
|
-
import {
|
|
213
|
-
import {
|
|
214
|
-
import {
|
|
215
|
-
import {
|
|
216
|
-
import {
|
|
217
|
-
import {
|
|
218
|
-
import {
|
|
219
|
-
import {
|
|
220
|
-
import {
|
|
221
|
-
import {
|
|
222
|
-
import {
|
|
223
|
-
import {
|
|
224
|
-
import {
|
|
225
|
-
import {
|
|
226
|
-
import {
|
|
227
|
-
import {
|
|
228
|
-
import {
|
|
229
|
-
import {
|
|
230
|
-
import {
|
|
231
|
-
import {
|
|
232
|
-
import {
|
|
233
|
-
import {
|
|
234
|
-
import {
|
|
235
|
-
import {
|
|
236
|
-
import {
|
|
237
|
-
import {
|
|
238
|
-
import {
|
|
239
|
-
import {
|
|
240
|
-
import {
|
|
241
|
-
import {
|
|
242
|
-
import {
|
|
243
|
-
import {
|
|
244
|
-
import {
|
|
245
|
-
import {
|
|
246
|
-
import {
|
|
247
|
-
import {
|
|
248
|
-
import {
|
|
249
|
-
import {
|
|
250
|
-
import {
|
|
251
|
-
import {
|
|
252
|
-
import {
|
|
253
|
-
import {
|
|
254
|
-
import {
|
|
255
|
-
import {
|
|
256
|
-
import {
|
|
257
|
-
import {
|
|
258
|
-
import {
|
|
259
|
-
import {
|
|
260
|
-
import {
|
|
261
|
-
import {
|
|
262
|
-
import {
|
|
263
|
-
import {
|
|
264
|
-
import {
|
|
265
|
-
import {
|
|
266
|
-
import {
|
|
267
|
-
import {
|
|
268
|
-
import {
|
|
269
|
-
import {
|
|
270
|
-
import {
|
|
271
|
-
import {
|
|
272
|
-
import {
|
|
273
|
-
import {
|
|
274
|
-
import {
|
|
275
|
-
import {
|
|
276
|
-
import {
|
|
277
|
-
import {
|
|
278
|
-
import {
|
|
279
|
-
import {
|
|
280
|
-
import {
|
|
281
|
-
import {
|
|
282
|
-
import {
|
|
283
|
-
import {
|
|
284
|
-
import {
|
|
285
|
-
import {
|
|
286
|
-
import {
|
|
208
|
+
import { formatResultsLabel as _n } from "./components/utils/bottom-sheet/formatResultsLabel.js";
|
|
209
|
+
import { StyledBottomSheet as Wn } from "./components/utils/bottom-sheet/StyledBottomSheet.js";
|
|
210
|
+
import { PopoverSheet as Vn } from "./components/utils/popover/PopoverSheet.js";
|
|
211
|
+
import { StyledMenuList as Gn } from "./components/navigation/menu/StyledMenuList.js";
|
|
212
|
+
import { StyledMenu as qn } from "./components/navigation/menu/StyledMenu.js";
|
|
213
|
+
import { StyledMenuItem as Qn } from "./components/navigation/menu/StyledMenuItem.js";
|
|
214
|
+
import { ACTION_GAP_PX as jn, MORE_BUTTON_PX as Jn, estimateToolbarActionWidth as Yn, planBulkToolbarActions as $n, planToolbarActions as op, resolveToolbarActionWidth as rp } from "./components/custom/module/header-layout/planToolbarActions.js";
|
|
215
|
+
import { StyledDialogFooter as tp } from "./components/feedback/dialog/dialog-footer/StyledDialogFooter.js";
|
|
216
|
+
import { StyledEmptyPage as ep } from "./components/feedback/empty-page/StyledEmptyPage.js";
|
|
217
|
+
import { StyledFilteredEmptyState as pp } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
|
|
218
|
+
import { StyledLoading as cp } from "./components/feedback/loading/StyledLoading.js";
|
|
219
|
+
import { StyledAlert as Ip } from "./components/feedback/snack-bar/StyledAlert.js";
|
|
220
|
+
import { SnackbarProvider as dp } from "./components/feedback/snack-bar/SnackbarProvider.js";
|
|
221
|
+
import { StyledSnackbar as Sp } from "./components/feedback/snack-bar/StyledSnackbar.js";
|
|
222
|
+
import { processAlertSnackBar as yp } from "./components/feedback/snack-bar/processAlertSnackBar.js";
|
|
223
|
+
import { processDefaultSnackbar as Op } from "./components/feedback/snack-bar/processDefaultSnackbar.js";
|
|
224
|
+
import { processInfoSnackbar as hp } from "./components/feedback/snack-bar/processInfoSnackbar.js";
|
|
225
|
+
import { message as bp } from "./components/feedback/snack-bar/message.js";
|
|
226
|
+
import { closeSnackbar as Lp, enqueueSnackbar as Pp, useSnackbar as Tp } from "./components/feedback/snack-bar/index.js";
|
|
227
|
+
import { StyledInputField as Ap } from "./components/inputs/input-field/StyledInputField.js";
|
|
228
|
+
import { StyledSearchField as Mp } from "./components/inputs/search-field/StyledSearchField.js";
|
|
229
|
+
import { StyledTextarea as wp } from "./components/inputs/textarea/StyledTextarea.js";
|
|
230
|
+
import { StyledSelect as Bp } from "./components/inputs/select/StyledSelect.js";
|
|
231
|
+
import { StyledSelectItem as xp } from "./components/inputs/select/StyledSelectItem.js";
|
|
232
|
+
import { StyledSelectAutocomplete as Ep } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
|
|
233
|
+
import { StyledSlider as Up } from "./components/inputs/slider/StyledSlider.js";
|
|
234
|
+
import { StyledSwitch as zp } from "./components/inputs/switch/base-ui/StyledSwitch.js";
|
|
235
|
+
import { StyledRadioGroup as Xp } from "./components/inputs/radio-button/base-ui/StyledRadioGroup.js";
|
|
236
|
+
import { StyledLabel as Kp } from "./components/inputs/label/StyledLabel.js";
|
|
237
|
+
import { StyledDynamicSelect as Zp } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
|
|
238
|
+
import { StyledLink as Jp } from "./components/navigation/link/StyledLink.js";
|
|
239
|
+
import { StyledPhoneField as $p } from "./components/inputs/phone-field/StyledPhoneField.js";
|
|
240
|
+
import { StyledCountryFlag as rf } from "./components/inputs/phone-field/StyledCountryFlag.js";
|
|
241
|
+
import { StyledFormControl as tf } from "./components/miscellaneous/StyledFormControl.js";
|
|
242
|
+
import { defaultDatePickerValidationMessages as nf, useDatePickerValidation as pf } from "./datetime/components/date-picker/hooks/useDatePickerValidation.js";
|
|
243
|
+
import { StyledDrawer as cf } from "./components/navigation/drawer/StyledDrawer.js";
|
|
244
|
+
import { StyledDatePicker as If } from "./datetime/components/date-picker/StyledDatePicker.js";
|
|
245
|
+
import { PopupState as df, bindPopover as uf, bindPopper as Sf, bindTrigger as sf, usePopupState as yf } from "./hooks/usePopupState.js";
|
|
246
|
+
import { ClickAwayListener as Of } from "./components/mui-compat/ClickAwayListener.js";
|
|
247
|
+
import { Paper as hf } from "./components/mui-compat/Paper.js";
|
|
248
|
+
import { Stack as bf } from "./components/mui-compat/Stack.js";
|
|
249
|
+
import { Container as Lf } from "./components/mui-compat/Container.js";
|
|
250
|
+
import { Avatar as Tf } from "./components/mui-compat/Avatar.js";
|
|
251
|
+
import { Skeleton as Af } from "./components/mui-compat/Skeleton.js";
|
|
252
|
+
import { FormLabel as Mf } from "./components/mui-compat/FormLabel.js";
|
|
253
|
+
import { Fade as wf } from "./components/mui-compat/Fade.js";
|
|
254
|
+
import { Popper as Bf } from "./components/mui-compat/Popper.js";
|
|
255
|
+
import { defaultTimePickerHelperMessages as xf } from "./datetime/components/time-picker/components/HelperText.js";
|
|
256
|
+
import { StyledTimePicker as Ef } from "./datetime/components/time-picker/StyledTimePicker.js";
|
|
257
|
+
import { setMidnightTime as Uf, setZeroTime as Vf } from "./datetime/helpers/date.helper.js";
|
|
258
|
+
import { StyledFormControlLabel as Gf } from "./components/miscellaneous/StyledFormControlLabel.js";
|
|
259
|
+
import { StyledFormHelperText as qf } from "./components/miscellaneous/StyledFormHelperText.js";
|
|
260
|
+
import { StyledInputLabel as Qf } from "./components/miscellaneous/StyledInputLabel.js";
|
|
261
|
+
import { StyledFormGroup as jf } from "./components/miscellaneous/StyledFormGroup.js";
|
|
262
|
+
import { StyledTab as Yf } from "./components/navigation/tabs/StyledTab.js";
|
|
263
|
+
import { StyledTabs as oc } from "./components/navigation/tabs/StyledTabs.js";
|
|
264
|
+
import { StyledTitleChevron as mc } from "./components/navigation/title-chevron/StyledTitleChevron.js";
|
|
265
|
+
import { Listbox as ic } from "./components/navigation/listbox/Listbox.js";
|
|
266
|
+
import { StyledAccordion as nc } from "./components/utils/accordion/base-ui/StyledAccordion.js";
|
|
267
|
+
import { StyledAccordionSummary as fc } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
|
|
268
|
+
import { StyledAccordionDetails as lc } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
|
|
269
|
+
import { ACTIONS_COLUMN_ID as ac, DND_HANDLE_COLUMN_ID as dc, EXPAND_COLUMN_ID as uc, INTERNAL_COLUMN_IDS as Sc, SELECT_COLUMN_ID as sc, SHOW_FULL_TEXT_ID as yc, isCustomAction as Cc } from "./table/types.js";
|
|
270
|
+
import { RowDragHandleCell as gc } from "./table/components/columns/dndHandleColumn.js";
|
|
271
|
+
import { StyledTable as Dc } from "./table/components/StyledTableIndex.js";
|
|
272
|
+
import { createColumnHelper as kc } from "./table/index.js";
|
|
273
|
+
import { DynamicToolbarLayoutContext as Pc, useDynamicToolbarLayout as Tc } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
|
|
274
|
+
import { StyledFilterButton as Ac } from "./components/utils/filter-menu/StyledFilterButton.js";
|
|
275
|
+
import { StyledFilterMenu as Mc } from "./components/utils/filter-menu/StyledFilterMenu.js";
|
|
276
|
+
import { CopyButton as wc } from "./components/utils/copy-wrapper/CopyButton.js";
|
|
277
|
+
import { CopyWrapper as Bc } from "./components/utils/copy-wrapper/CopyWrapper.js";
|
|
278
|
+
import { VirtualList as xc } from "./components/utils/virtual-list/VirtualList.js";
|
|
279
|
+
import { StyledWidgetTitle as Ec } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
|
|
280
|
+
import { StyledWidgetHeader as Uc } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
|
|
281
|
+
import { StyledWidget as zc } from "./components/custom/widget/widget/StyledWidget.js";
|
|
282
|
+
import { StyledModuleTitle as Xc } from "./components/custom/module/module-title/StyledModuleTitle.js";
|
|
283
|
+
import { DynamicToolbar as Kc } from "./components/custom/module/header-layout/DynamicToolbar.js";
|
|
284
|
+
import { PageHeader as Zc } from "./components/custom/page/page-header/PageHeader.js";
|
|
285
|
+
import { MinimizableDialog as Jc } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
|
|
286
|
+
import { MinimizableDialogV2 as $c } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
|
|
287
|
+
import { createDialogStack as rl } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
|
|
288
|
+
import { PathfinderCard as tl } from "./components/custom/pathfinder-card/PathfinderCard.js";
|
|
289
|
+
import { useRouteHeadingFocus as el } from "./hooks/useRouteHeadingFocus.js";
|
|
287
290
|
export {
|
|
288
|
-
|
|
289
|
-
|
|
291
|
+
ac as ACTIONS_COLUMN_ID,
|
|
292
|
+
jn as ACTION_GAP_PX,
|
|
290
293
|
zi as AppRegistrationIcon,
|
|
291
294
|
wo as ArchiveIcon,
|
|
292
295
|
Xi as ArrowExpandIcon,
|
|
@@ -296,7 +299,7 @@ export {
|
|
|
296
299
|
j as AssignmentIcon,
|
|
297
300
|
Y as AssignmentOutlineIcon,
|
|
298
301
|
wt as AttachFileIcon,
|
|
299
|
-
|
|
302
|
+
Tf as Avatar,
|
|
300
303
|
xm as BackIcon,
|
|
301
304
|
Mi as BackupIcon,
|
|
302
305
|
tm as BadgeIcon,
|
|
@@ -324,22 +327,22 @@ export {
|
|
|
324
327
|
s as ChevronRightIcon,
|
|
325
328
|
Uo as ChevronUpIcon,
|
|
326
329
|
Ui as CircleWarningOutlineIcon,
|
|
327
|
-
|
|
330
|
+
Of as ClickAwayListener,
|
|
328
331
|
Lm as ClockOutlineIcon,
|
|
329
332
|
zo as CloseIcon,
|
|
330
333
|
At as CloudDoneOutlineIcon,
|
|
331
334
|
Mt as CloudIcon,
|
|
332
335
|
Ji as CloudOffOutlineIcon,
|
|
333
336
|
Zr as ConsentsIcon,
|
|
334
|
-
|
|
337
|
+
Lf as Container,
|
|
335
338
|
St as ContentCopyIcon,
|
|
336
339
|
ht as ContentCopyOutlineIcon,
|
|
337
340
|
yt as ContentCutIcon,
|
|
338
341
|
Ot as ContentPasteIcon,
|
|
339
342
|
ri as ConversionPathIcon,
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
+
wc as CopyButton,
|
|
344
|
+
Bc as CopyWrapper,
|
|
345
|
+
dc as DND_HANDLE_COLUMN_ID,
|
|
343
346
|
F as DashboardViewIcon,
|
|
344
347
|
R as DashboardViewOutlineIcon,
|
|
345
348
|
cr as DeleteOutlineIcon,
|
|
@@ -358,16 +361,16 @@ export {
|
|
|
358
361
|
Ao as DropUpIcon,
|
|
359
362
|
yr as DvrIcon,
|
|
360
363
|
Ai as DvrIconOutline,
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
+
Kc as DynamicToolbar,
|
|
365
|
+
Pc as DynamicToolbarLayoutContext,
|
|
366
|
+
uc as EXPAND_COLUMN_ID,
|
|
364
367
|
Er as EarthIcon,
|
|
365
368
|
ye as EditNotesIcon,
|
|
366
369
|
em as EditSquareIcon,
|
|
367
370
|
tr as EmptyPageIcon,
|
|
368
371
|
Si as EnvelopeIcon,
|
|
369
372
|
Or as ErrorOutlineIcon,
|
|
370
|
-
|
|
373
|
+
wf as Fade,
|
|
371
374
|
Tr as FastCheckOutlineIcon,
|
|
372
375
|
Ti as FileDocIcon,
|
|
373
376
|
he as FileImageIcon,
|
|
@@ -380,7 +383,7 @@ export {
|
|
|
380
383
|
yo as FindReplacePeopleIcon,
|
|
381
384
|
yi as FingerprintIcon,
|
|
382
385
|
hm as FormIcon,
|
|
383
|
-
|
|
386
|
+
Mf as FormLabel,
|
|
384
387
|
tt as FormatListBulletedIcon,
|
|
385
388
|
et as FormatListBulletedOutlineIcon,
|
|
386
389
|
ti as GraphIcon,
|
|
@@ -395,7 +398,7 @@ export {
|
|
|
395
398
|
de as HistoryToggleOffIcon,
|
|
396
399
|
Ue as HubIcon,
|
|
397
400
|
ze as HubIconFilled,
|
|
398
|
-
|
|
401
|
+
Sc as INTERNAL_COLUMN_IDS,
|
|
399
402
|
Jo as InboxOutboxIcon,
|
|
400
403
|
$o as InboxOutboxOutlineIcon,
|
|
401
404
|
xe as IndeterminateIcon,
|
|
@@ -408,21 +411,21 @@ export {
|
|
|
408
411
|
xr as ListSettingsLineIcon,
|
|
409
412
|
Mr as ListStatusIcon,
|
|
410
413
|
wr as ListViewOutlineIcon,
|
|
411
|
-
|
|
414
|
+
ic as Listbox,
|
|
412
415
|
Je as LoadCurrentIcon,
|
|
413
416
|
To as LoadingIcon,
|
|
414
417
|
Om as LocationIcon,
|
|
415
418
|
Sr as LockIcon,
|
|
416
419
|
Mm as LoginIcon,
|
|
417
420
|
wm as LogoutIcon,
|
|
418
|
-
|
|
421
|
+
Jn as MORE_BUTTON_PX,
|
|
419
422
|
Ee as ManageSearchIcon,
|
|
420
423
|
mo as MessageProcessingIcon,
|
|
421
424
|
io as MessageProcessingOutlineIcon,
|
|
422
425
|
rm as MessageReplyIcon,
|
|
423
426
|
Am as MicrosoftOutlookIcon,
|
|
424
|
-
|
|
425
|
-
|
|
427
|
+
Jc as MinimizableDialog,
|
|
428
|
+
$c as MinimizableDialogV2,
|
|
426
429
|
Jr as MinimizeIcon,
|
|
427
430
|
rn as MoveUpIcon,
|
|
428
431
|
G as NewCalendarIcon,
|
|
@@ -433,9 +436,9 @@ export {
|
|
|
433
436
|
Kt as OutlineCheckboxIconChecked,
|
|
434
437
|
Jt as OutlineCheckboxIconIndeterminate,
|
|
435
438
|
zt as OutlineNotificationsIcon,
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
+
Zc as PageHeader,
|
|
440
|
+
hf as Paper,
|
|
441
|
+
tl as PathfinderCard,
|
|
439
442
|
P as PdfIcon,
|
|
440
443
|
zr as PencilOutlineIcon,
|
|
441
444
|
N as PeopleIcon,
|
|
@@ -449,8 +452,9 @@ export {
|
|
|
449
452
|
Sm as PinIcon,
|
|
450
453
|
pm as PlusIcon,
|
|
451
454
|
cm as PlusIconCircle,
|
|
452
|
-
|
|
453
|
-
|
|
455
|
+
Vn as PopoverSheet,
|
|
456
|
+
Bf as Popper,
|
|
457
|
+
df as PopupState,
|
|
454
458
|
we as PrintIcon,
|
|
455
459
|
Le as ProhibitionIcon,
|
|
456
460
|
Te as ProhibitionLargeIcon,
|
|
@@ -464,11 +468,11 @@ export {
|
|
|
464
468
|
Ie as ResetSettingsIcon,
|
|
465
469
|
Ze as RocketLaunchIcon,
|
|
466
470
|
$e as RotateAutoIcon,
|
|
467
|
-
|
|
471
|
+
gc as RowDragHandleCell,
|
|
468
472
|
It as RuleIcon,
|
|
469
473
|
dt as RuleOutlineIcon,
|
|
470
|
-
|
|
471
|
-
|
|
474
|
+
sc as SELECT_COLUMN_ID,
|
|
475
|
+
yc as SHOW_FULL_TEXT_ID,
|
|
472
476
|
Ii as SaveIcon,
|
|
473
477
|
Lo as SearchIcon,
|
|
474
478
|
Bt as SendIcon,
|
|
@@ -477,69 +481,70 @@ export {
|
|
|
477
481
|
Lt as SettingsNoteIcon,
|
|
478
482
|
ao as SettingsOutlineIcon,
|
|
479
483
|
Ki as ShareIcon,
|
|
480
|
-
|
|
484
|
+
Af as Skeleton,
|
|
481
485
|
te as SmsIcon,
|
|
482
|
-
|
|
483
|
-
|
|
486
|
+
dp as SnackbarProvider,
|
|
487
|
+
bf as Stack,
|
|
484
488
|
kn as StyledAIDisclosure,
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
+
nc as StyledAccordion,
|
|
490
|
+
lc as StyledAccordionDetails,
|
|
491
|
+
fc as StyledAccordionSummary,
|
|
492
|
+
Ip as StyledAlert,
|
|
489
493
|
f as StyledBadge,
|
|
494
|
+
Wn as StyledBottomSheet,
|
|
490
495
|
Pn as StyledButton,
|
|
491
496
|
ln as StyledCheckbox,
|
|
492
497
|
fn as StyledChip,
|
|
493
|
-
|
|
494
|
-
|
|
498
|
+
rf as StyledCountryFlag,
|
|
499
|
+
If as StyledDatePicker,
|
|
495
500
|
Fn as StyledDialog,
|
|
496
501
|
Rn as StyledDialogActions,
|
|
497
502
|
vn as StyledDialogContent,
|
|
498
|
-
|
|
503
|
+
tp as StyledDialogFooter,
|
|
499
504
|
Nn as StyledDialogTitle,
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
505
|
+
cf as StyledDrawer,
|
|
506
|
+
Zp as StyledDynamicSelect,
|
|
507
|
+
ep as StyledEmptyPage,
|
|
508
|
+
Ac as StyledFilterButton,
|
|
509
|
+
Mc as StyledFilterMenu,
|
|
510
|
+
pp as StyledFilteredEmptyState,
|
|
511
|
+
tf as StyledFormControl,
|
|
512
|
+
Gf as StyledFormControlLabel,
|
|
513
|
+
jf as StyledFormGroup,
|
|
514
|
+
qf as StyledFormHelperText,
|
|
510
515
|
Dn as StyledFormLabel,
|
|
511
|
-
|
|
512
|
-
|
|
516
|
+
Ap as StyledInputField,
|
|
517
|
+
Qf as StyledInputLabel,
|
|
513
518
|
un as StyledInteractiveChip,
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
519
|
+
Kp as StyledLabel,
|
|
520
|
+
Jp as StyledLink,
|
|
521
|
+
cp as StyledLoading,
|
|
522
|
+
qn as StyledMenu,
|
|
523
|
+
Qn as StyledMenuItem,
|
|
524
|
+
Gn as StyledMenuList,
|
|
525
|
+
Xc as StyledModuleTitle,
|
|
526
|
+
$p as StyledPhoneField,
|
|
522
527
|
Hn as StyledPopover,
|
|
523
528
|
an as StyledRadio,
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
529
|
+
Xp as StyledRadioGroup,
|
|
530
|
+
Mp as StyledSearchField,
|
|
531
|
+
Bp as StyledSelect,
|
|
532
|
+
Ep as StyledSelectAutocomplete,
|
|
533
|
+
xp as StyledSelectItem,
|
|
534
|
+
Up as StyledSlider,
|
|
535
|
+
Sp as StyledSnackbar,
|
|
536
|
+
zp as StyledSwitch,
|
|
537
|
+
Yf as StyledTab,
|
|
538
|
+
Dc as StyledTable,
|
|
539
|
+
oc as StyledTabs,
|
|
540
|
+
wp as StyledTextarea,
|
|
541
|
+
Ef as StyledTimePicker,
|
|
542
|
+
mc as StyledTitleChevron,
|
|
538
543
|
sn as StyledTooltip,
|
|
539
544
|
gn as StyledTypography,
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
545
|
+
zc as StyledWidget,
|
|
546
|
+
Uc as StyledWidgetHeader,
|
|
547
|
+
Ec as StyledWidgetTitle,
|
|
543
548
|
Ae as StylusNoteIcon,
|
|
544
549
|
Me as StylusNoteLargeIcon,
|
|
545
550
|
Xt as SyncIcon,
|
|
@@ -553,7 +558,7 @@ export {
|
|
|
553
558
|
Ar as UnknownDocumentOutlineRoundedIcon,
|
|
554
559
|
Km as UnlockIcon,
|
|
555
560
|
Oi as UploadIcon,
|
|
556
|
-
|
|
561
|
+
xc as VirtualList,
|
|
557
562
|
Cn as VirtualizedList,
|
|
558
563
|
re as VisibilityOffOutlineIcon,
|
|
559
564
|
$i as VisibilityOutlineIcon,
|
|
@@ -562,32 +567,33 @@ export {
|
|
|
562
567
|
Xe as WidgetIcon,
|
|
563
568
|
Ke as WidgetIconFilled,
|
|
564
569
|
ym as WorkIcon,
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
570
|
+
uf as bindPopover,
|
|
571
|
+
Sf as bindPopper,
|
|
572
|
+
sf as bindTrigger,
|
|
573
|
+
Lp as closeSnackbar,
|
|
569
574
|
m as cn,
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
575
|
+
kc as createColumnHelper,
|
|
576
|
+
rl as createDialogStack,
|
|
577
|
+
nf as defaultDatePickerValidationMessages,
|
|
578
|
+
xf as defaultTimePickerHelperMessages,
|
|
579
|
+
Pp as enqueueSnackbar,
|
|
580
|
+
Yn as estimateToolbarActionWidth,
|
|
581
|
+
_n as formatResultsLabel,
|
|
582
|
+
Cc as isCustomAction,
|
|
583
|
+
bp as message,
|
|
578
584
|
i as omit,
|
|
579
|
-
|
|
580
|
-
|
|
585
|
+
$n as planBulkToolbarActions,
|
|
586
|
+
op as planToolbarActions,
|
|
581
587
|
n as prepareForSlot,
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
588
|
+
yp as processAlertSnackBar,
|
|
589
|
+
Op as processDefaultSnackbar,
|
|
590
|
+
hp as processInfoSnackbar,
|
|
591
|
+
rp as resolveToolbarActionWidth,
|
|
592
|
+
Uf as setMidnightTime,
|
|
593
|
+
Vf as setZeroTime,
|
|
594
|
+
pf as useDatePickerValidation,
|
|
595
|
+
Tc as useDynamicToolbarLayout,
|
|
596
|
+
yf as usePopupState,
|
|
597
|
+
el as useRouteHeadingFocus,
|
|
598
|
+
Tp as useSnackbar
|
|
593
599
|
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { PopoverSlot } from '../popover/PopoverSheet';
|
|
3
|
+
export type BottomSheetCloseReason = 'closeButton' | 'scrim' | 'escape' | 'drag' | 'viewResults' | 'action';
|
|
4
|
+
/** @figmaNode 9Q7C7JYPgnUSsrX1L8v40t#5354-169163 (Ad-Voca-concept · "_bottom sheet") */
|
|
5
|
+
export interface StyledBottomSheetProps {
|
|
6
|
+
/** @figmaProp none — test hook */
|
|
7
|
+
dataTest: string;
|
|
8
|
+
/** @figmaProp none — a11y: lets a trigger point `aria-controls` at the sheet */
|
|
9
|
+
id?: string;
|
|
10
|
+
/** @figmaProp none — behavioral: controlled */
|
|
11
|
+
open: boolean;
|
|
12
|
+
/** @figmaProp none — behavioral: every dismiss route lands here; none of them commits anything */
|
|
13
|
+
onClose: (reason: BottomSheetCloseReason) => void;
|
|
14
|
+
/**
|
|
15
|
+
* Name the object, not just the action — "Handlinger — søknad 4417". A sheet detaches from its
|
|
16
|
+
* trigger, so the header is what tells the user which row they opened.
|
|
17
|
+
* @figmaProp Title = ReactNode→true | undefined→false
|
|
18
|
+
*/
|
|
19
|
+
title?: ReactNode;
|
|
20
|
+
/** @figmaProp none — a11y: the dialog's name when there is no `title` */
|
|
21
|
+
ariaLabel?: string;
|
|
22
|
+
/** @figmaProp Slot — the scrollable body */
|
|
23
|
+
children: PopoverSlot;
|
|
24
|
+
/**
|
|
25
|
+
* Left of the footer. Omit it and pass `resultCount` to get the standard "Vis resultater (N)".
|
|
26
|
+
* @figmaProp Footer = ReactNode→true | undefined→false — left slot ("View results (3)")
|
|
27
|
+
*/
|
|
28
|
+
viewResultsAction?: PopoverSlot;
|
|
29
|
+
/** @figmaProp Footer = ReactNode→true | undefined→false — right slot ("Reset filter") */
|
|
30
|
+
resetAction?: PopoverSlot;
|
|
31
|
+
/** @figmaProp none — the popover's Actions row, kept so nothing is lost when it becomes a sheet */
|
|
32
|
+
footerActions?: PopoverSlot;
|
|
33
|
+
/**
|
|
34
|
+
* Result total for the built-in "Vis resultater (N)" control and its in-sheet live region. `null`
|
|
35
|
+
* means the total is unavailable. Keep passing the last count while a request is in flight — the
|
|
36
|
+
* label never blanks, never disables and never shows a spinner.
|
|
37
|
+
* @figmaProp none — behavioral
|
|
38
|
+
*/
|
|
39
|
+
resultCount?: number | null;
|
|
40
|
+
/** @figmaProp none — a11y: accessible name of the close control */
|
|
41
|
+
closeLabel?: string;
|
|
42
|
+
/** @figmaProp none — style escape hatch, applied to the sheet container */
|
|
43
|
+
className?: string;
|
|
44
|
+
}
|
|
45
|
+
/**
|
|
46
|
+
* ASMA Design System **Bottom Sheet** (ASMA-8184) — the mobile (0–743px) form of the Action popover:
|
|
47
|
+
* a modal sheet with a dimmed scrim, top-rounded container, decorative grabber, header (title +
|
|
48
|
+
* close), a body that scrolls internally and an optional sticky footer.
|
|
49
|
+
*
|
|
50
|
+
* Height fits the content up to 90vh; there are no resize detents. Below 480px of viewport height
|
|
51
|
+
* (a phone in landscape) it becomes a full-screen dialog instead. Five equivalent dismiss routes —
|
|
52
|
+
* close button, "Vis resultater", scrim, Escape, dragging down past 30% — and none of them commits
|
|
53
|
+
* or discards anything: filters apply as the user goes and actions commit on activation.
|
|
54
|
+
*
|
|
55
|
+
* Interaction model is the popover's: `role="dialog"`, `Tab` only, no `role="menu"`, no arrow keys.
|
|
56
|
+
* Focus moves to the sheet on open (so the title is announced first) and back to the trigger on
|
|
57
|
+
* close. `PopoverSheet` with `variant='action'` renders this automatically below 744px.
|
|
58
|
+
*/
|
|
59
|
+
export declare const StyledBottomSheet: ({ dataTest, id, open, onClose, title, ariaLabel, children, viewResultsAction, resetAction, footerActions, resultCount, closeLabel, className, }: StyledBottomSheetProps) => JSX.Element | null;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* The label of the "Vis resultater (N)" dismiss control — one system-wide pattern, not per-screen copy.
|
|
3
|
+
*
|
|
4
|
+
* - `null` / `undefined` → `Vis resultater` (the API returned no total; the button still works)
|
|
5
|
+
* - `0` → `Ingen treff` (stays enabled — it is the way out of the sheet)
|
|
6
|
+
* - above 9999 → `Vis resultater (9999+)`, so the label keeps a fixed shape and never wraps
|
|
7
|
+
* - otherwise → `Vis resultater (N)`, parenthesised even for 1 to sidestep resultat/resultater
|
|
8
|
+
*/
|
|
9
|
+
export declare const formatResultsLabel: (count: number | null | undefined) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const BottomSheetCases: () => JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { StyledBottomSheetProps } from '../StyledBottomSheet';
|
|
3
|
+
/** Mock list size: 248 unfiltered, shrinking as criteria are ticked. */
|
|
4
|
+
export declare const UNFILTERED_TOTAL = 248;
|
|
5
|
+
type DemoProps = Omit<StyledBottomSheetProps, 'open' | 'onClose' | 'children'> & {
|
|
6
|
+
label: string;
|
|
7
|
+
initiallyOpen?: boolean;
|
|
8
|
+
children: StyledBottomSheetProps['children'];
|
|
9
|
+
};
|
|
10
|
+
/** A trigger plus a controlled sheet — the smallest thing that behaves like a real screen. */
|
|
11
|
+
export declare const SheetDemo: ({ label, initiallyOpen, children, ...sheetProps }: DemoProps) => JSX.Element;
|
|
12
|
+
/** The Filter pattern with live state: ticking a chip applies at once and the footer count follows. */
|
|
13
|
+
export declare const FilterSheet: ({ initiallyOpen, dataTest, }: {
|
|
14
|
+
initiallyOpen?: boolean;
|
|
15
|
+
dataTest?: string;
|
|
16
|
+
}) => JSX.Element;
|
|
17
|
+
/** Actions pattern body: plain buttons, reached with Tab; each commits and closes. */
|
|
18
|
+
export declare const actionList: (onPick?: (action: string) => void) => ({ close }: {
|
|
19
|
+
close: () => void;
|
|
20
|
+
}) => ReactNode;
|
|
21
|
+
export declare const tallContent: import("react").JSX.Element;
|
|
22
|
+
export {};
|