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.
Files changed (31) hide show
  1. package/Readme.md +107 -0
  2. package/dist/asma-ui-core.css +1 -1
  3. package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js +6 -6
  4. package/dist/components/utils/bottom-sheet/StyledBottomSheet.js +137 -0
  5. package/dist/components/utils/bottom-sheet/StyledBottomSheet.module.js +4 -0
  6. package/dist/components/utils/bottom-sheet/formatResultsLabel.js +4 -0
  7. package/dist/components/utils/bottom-sheet/useDragToDismiss.hook.js +40 -0
  8. package/dist/components/utils/popover/PopoverAnatomy.js +46 -0
  9. package/dist/components/utils/popover/PopoverSheet.js +165 -0
  10. package/dist/hooks/useBodyScrollLock.hook.js +13 -0
  11. package/dist/hooks/useDebouncedValue.hook.js +15 -0
  12. package/dist/hooks/useMediaQuery.hook.js +10 -9
  13. package/dist/index.js +184 -178
  14. package/dist/src/components/utils/bottom-sheet/StyledBottomSheet.d.ts +59 -0
  15. package/dist/src/components/utils/bottom-sheet/formatResultsLabel.d.ts +9 -0
  16. package/dist/src/components/utils/bottom-sheet/formatResultsLabel.test.d.ts +1 -0
  17. package/dist/src/components/utils/bottom-sheet/index.d.ts +2 -0
  18. package/dist/src/components/utils/bottom-sheet/story/BottomSheetCases.d.ts +1 -0
  19. package/dist/src/components/utils/bottom-sheet/story/BottomSheetDemo.d.ts +22 -0
  20. package/dist/src/components/utils/bottom-sheet/useDragToDismiss.hook.d.ts +22 -0
  21. package/dist/src/components/utils/popover/PopoverAnatomy.d.ts +36 -0
  22. package/dist/src/components/utils/popover/PopoverSheet.d.ts +86 -0
  23. package/dist/src/components/utils/popover/index.d.ts +1 -0
  24. package/dist/src/components/utils/popover/story/PopoverCases.d.ts +1 -0
  25. package/dist/src/components/utils/popover/story/PopoverGallery.d.ts +1 -0
  26. package/dist/src/components/utils/popover/story/popoverStoryFixtures.d.ts +21 -0
  27. package/dist/src/hooks/useBodyScrollLock.hook.d.ts +7 -0
  28. package/dist/src/hooks/useDebouncedValue.hook.d.ts +2 -0
  29. package/dist/src/hooks/useMediaQuery.hook.d.ts +2 -0
  30. package/dist/src/index.d.ts +1 -0
  31. 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 { StyledMenuList as _n } from "./components/navigation/menu/StyledMenuList.js";
209
- import { StyledMenu as Wn } from "./components/navigation/menu/StyledMenu.js";
210
- import { StyledMenuItem as Vn } from "./components/navigation/menu/StyledMenuItem.js";
211
- import { ACTION_GAP_PX as Gn, MORE_BUTTON_PX as Xn, estimateToolbarActionWidth as qn, planBulkToolbarActions as Kn, planToolbarActions as Qn, resolveToolbarActionWidth as Zn } from "./components/custom/module/header-layout/planToolbarActions.js";
212
- import { StyledDialogFooter as Jn } from "./components/feedback/dialog/dialog-footer/StyledDialogFooter.js";
213
- import { StyledEmptyPage as $n } from "./components/feedback/empty-page/StyledEmptyPage.js";
214
- import { StyledFilteredEmptyState as rp } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
215
- import { StyledLoading as tp } from "./components/feedback/loading/StyledLoading.js";
216
- import { StyledAlert as ep } from "./components/feedback/snack-bar/StyledAlert.js";
217
- import { SnackbarProvider as pp } from "./components/feedback/snack-bar/SnackbarProvider.js";
218
- import { StyledSnackbar as cp } from "./components/feedback/snack-bar/StyledSnackbar.js";
219
- import { processAlertSnackBar as Ip } from "./components/feedback/snack-bar/processAlertSnackBar.js";
220
- import { processDefaultSnackbar as dp } from "./components/feedback/snack-bar/processDefaultSnackbar.js";
221
- import { processInfoSnackbar as Sp } from "./components/feedback/snack-bar/processInfoSnackbar.js";
222
- import { message as yp } from "./components/feedback/snack-bar/message.js";
223
- import { closeSnackbar as Op, enqueueSnackbar as gp, useSnackbar as hp } from "./components/feedback/snack-bar/index.js";
224
- import { StyledInputField as bp } from "./components/inputs/input-field/StyledInputField.js";
225
- import { StyledSearchField as Lp } from "./components/inputs/search-field/StyledSearchField.js";
226
- import { StyledTextarea as Tp } from "./components/inputs/textarea/StyledTextarea.js";
227
- import { StyledSelect as Ap } from "./components/inputs/select/StyledSelect.js";
228
- import { StyledSelectItem as Mp } from "./components/inputs/select/StyledSelectItem.js";
229
- import { StyledSelectAutocomplete as wp } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
230
- import { StyledSlider as Bp } from "./components/inputs/slider/StyledSlider.js";
231
- import { StyledSwitch as xp } from "./components/inputs/switch/base-ui/StyledSwitch.js";
232
- import { StyledRadioGroup as Ep } from "./components/inputs/radio-button/base-ui/StyledRadioGroup.js";
233
- import { StyledLabel as Up } from "./components/inputs/label/StyledLabel.js";
234
- import { StyledDynamicSelect as zp } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
235
- import { StyledLink as Xp } from "./components/navigation/link/StyledLink.js";
236
- import { StyledPhoneField as Kp } from "./components/inputs/phone-field/StyledPhoneField.js";
237
- import { StyledCountryFlag as Zp } from "./components/inputs/phone-field/StyledCountryFlag.js";
238
- import { StyledFormControl as Jp } from "./components/miscellaneous/StyledFormControl.js";
239
- import { defaultDatePickerValidationMessages as $p, useDatePickerValidation as of } from "./datetime/components/date-picker/hooks/useDatePickerValidation.js";
240
- import { StyledDrawer as mf } from "./components/navigation/drawer/StyledDrawer.js";
241
- import { StyledDatePicker as ef } from "./datetime/components/date-picker/StyledDatePicker.js";
242
- import { PopupState as pf, bindPopover as ff, bindPopper as cf, bindTrigger as lf, usePopupState as If } from "./hooks/usePopupState.js";
243
- import { ClickAwayListener as df } from "./components/mui-compat/ClickAwayListener.js";
244
- import { Paper as Sf } from "./components/mui-compat/Paper.js";
245
- import { Stack as yf } from "./components/mui-compat/Stack.js";
246
- import { Container as Of } from "./components/mui-compat/Container.js";
247
- import { Avatar as hf } from "./components/mui-compat/Avatar.js";
248
- import { Skeleton as bf } from "./components/mui-compat/Skeleton.js";
249
- import { FormLabel as Lf } from "./components/mui-compat/FormLabel.js";
250
- import { Fade as Tf } from "./components/mui-compat/Fade.js";
251
- import { Popper as Af } from "./components/mui-compat/Popper.js";
252
- import { defaultTimePickerHelperMessages as Mf } from "./datetime/components/time-picker/components/HelperText.js";
253
- import { StyledTimePicker as wf } from "./datetime/components/time-picker/StyledTimePicker.js";
254
- import { setMidnightTime as Bf, setZeroTime as Hf } from "./datetime/helpers/date.helper.js";
255
- import { StyledFormControlLabel as _f } from "./components/miscellaneous/StyledFormControlLabel.js";
256
- import { StyledFormHelperText as Wf } from "./components/miscellaneous/StyledFormHelperText.js";
257
- import { StyledInputLabel as Vf } from "./components/miscellaneous/StyledInputLabel.js";
258
- import { StyledFormGroup as Gf } from "./components/miscellaneous/StyledFormGroup.js";
259
- import { StyledTab as qf } from "./components/navigation/tabs/StyledTab.js";
260
- import { StyledTabs as Qf } from "./components/navigation/tabs/StyledTabs.js";
261
- import { StyledTitleChevron as jf } from "./components/navigation/title-chevron/StyledTitleChevron.js";
262
- import { Listbox as Yf } from "./components/navigation/listbox/Listbox.js";
263
- import { StyledAccordion as oc } from "./components/utils/accordion/base-ui/StyledAccordion.js";
264
- import { StyledAccordionSummary as mc } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
265
- import { StyledAccordionDetails as ic } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
266
- import { ACTIONS_COLUMN_ID as nc, DND_HANDLE_COLUMN_ID as pc, EXPAND_COLUMN_ID as fc, INTERNAL_COLUMN_IDS as cc, SELECT_COLUMN_ID as lc, SHOW_FULL_TEXT_ID as Ic, isCustomAction as ac } from "./table/types.js";
267
- import { RowDragHandleCell as uc } from "./table/components/columns/dndHandleColumn.js";
268
- import { StyledTable as sc } from "./table/components/StyledTableIndex.js";
269
- import { createColumnHelper as Cc } from "./table/index.js";
270
- import { DynamicToolbarLayoutContext as gc, useDynamicToolbarLayout as hc } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
271
- import { StyledFilterButton as bc } from "./components/utils/filter-menu/StyledFilterButton.js";
272
- import { StyledFilterMenu as Lc } from "./components/utils/filter-menu/StyledFilterMenu.js";
273
- import { CopyButton as Tc } from "./components/utils/copy-wrapper/CopyButton.js";
274
- import { CopyWrapper as Ac } from "./components/utils/copy-wrapper/CopyWrapper.js";
275
- import { VirtualList as Mc } from "./components/utils/virtual-list/VirtualList.js";
276
- import { StyledWidgetTitle as wc } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
277
- import { StyledWidgetHeader as Bc } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
278
- import { StyledWidget as xc } from "./components/custom/widget/widget/StyledWidget.js";
279
- import { StyledModuleTitle as Ec } from "./components/custom/module/module-title/StyledModuleTitle.js";
280
- import { DynamicToolbar as Uc } from "./components/custom/module/header-layout/DynamicToolbar.js";
281
- import { PageHeader as zc } from "./components/custom/page/page-header/PageHeader.js";
282
- import { MinimizableDialog as Xc } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
283
- import { MinimizableDialogV2 as Kc } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
284
- import { createDialogStack as Zc } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
285
- import { PathfinderCard as Jc } from "./components/custom/pathfinder-card/PathfinderCard.js";
286
- import { useRouteHeadingFocus as $c } from "./hooks/useRouteHeadingFocus.js";
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
- nc as ACTIONS_COLUMN_ID,
289
- Gn as ACTION_GAP_PX,
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
- hf as Avatar,
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
- df as ClickAwayListener,
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
- Of as Container,
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
- Tc as CopyButton,
341
- Ac as CopyWrapper,
342
- pc as DND_HANDLE_COLUMN_ID,
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
- Uc as DynamicToolbar,
362
- gc as DynamicToolbarLayoutContext,
363
- fc as EXPAND_COLUMN_ID,
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
- Tf as Fade,
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
- Lf as FormLabel,
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
- cc as INTERNAL_COLUMN_IDS,
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
- Yf as Listbox,
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
- Xn as MORE_BUTTON_PX,
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
- Xc as MinimizableDialog,
425
- Kc as MinimizableDialogV2,
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
- zc as PageHeader,
437
- Sf as Paper,
438
- Jc as PathfinderCard,
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
- Af as Popper,
453
- pf as PopupState,
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
- uc as RowDragHandleCell,
471
+ gc as RowDragHandleCell,
468
472
  It as RuleIcon,
469
473
  dt as RuleOutlineIcon,
470
- lc as SELECT_COLUMN_ID,
471
- Ic as SHOW_FULL_TEXT_ID,
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
- bf as Skeleton,
484
+ Af as Skeleton,
481
485
  te as SmsIcon,
482
- pp as SnackbarProvider,
483
- yf as Stack,
486
+ dp as SnackbarProvider,
487
+ bf as Stack,
484
488
  kn as StyledAIDisclosure,
485
- oc as StyledAccordion,
486
- ic as StyledAccordionDetails,
487
- mc as StyledAccordionSummary,
488
- ep as StyledAlert,
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
- Zp as StyledCountryFlag,
494
- ef as StyledDatePicker,
498
+ rf as StyledCountryFlag,
499
+ If as StyledDatePicker,
495
500
  Fn as StyledDialog,
496
501
  Rn as StyledDialogActions,
497
502
  vn as StyledDialogContent,
498
- Jn as StyledDialogFooter,
503
+ tp as StyledDialogFooter,
499
504
  Nn as StyledDialogTitle,
500
- mf as StyledDrawer,
501
- zp as StyledDynamicSelect,
502
- $n as StyledEmptyPage,
503
- bc as StyledFilterButton,
504
- Lc as StyledFilterMenu,
505
- rp as StyledFilteredEmptyState,
506
- Jp as StyledFormControl,
507
- _f as StyledFormControlLabel,
508
- Gf as StyledFormGroup,
509
- Wf as StyledFormHelperText,
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
- bp as StyledInputField,
512
- Vf as StyledInputLabel,
516
+ Ap as StyledInputField,
517
+ Qf as StyledInputLabel,
513
518
  un as StyledInteractiveChip,
514
- Up as StyledLabel,
515
- Xp as StyledLink,
516
- tp as StyledLoading,
517
- Wn as StyledMenu,
518
- Vn as StyledMenuItem,
519
- _n as StyledMenuList,
520
- Ec as StyledModuleTitle,
521
- Kp as StyledPhoneField,
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
- Ep as StyledRadioGroup,
525
- Lp as StyledSearchField,
526
- Ap as StyledSelect,
527
- wp as StyledSelectAutocomplete,
528
- Mp as StyledSelectItem,
529
- Bp as StyledSlider,
530
- cp as StyledSnackbar,
531
- xp as StyledSwitch,
532
- qf as StyledTab,
533
- sc as StyledTable,
534
- Qf as StyledTabs,
535
- Tp as StyledTextarea,
536
- wf as StyledTimePicker,
537
- jf as StyledTitleChevron,
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
- xc as StyledWidget,
541
- Bc as StyledWidgetHeader,
542
- wc as StyledWidgetTitle,
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
- Mc as VirtualList,
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
- ff as bindPopover,
566
- cf as bindPopper,
567
- lf as bindTrigger,
568
- Op as closeSnackbar,
570
+ uf as bindPopover,
571
+ Sf as bindPopper,
572
+ sf as bindTrigger,
573
+ Lp as closeSnackbar,
569
574
  m as cn,
570
- Cc as createColumnHelper,
571
- Zc as createDialogStack,
572
- $p as defaultDatePickerValidationMessages,
573
- Mf as defaultTimePickerHelperMessages,
574
- gp as enqueueSnackbar,
575
- qn as estimateToolbarActionWidth,
576
- ac as isCustomAction,
577
- yp as message,
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
- Kn as planBulkToolbarActions,
580
- Qn as planToolbarActions,
585
+ $n as planBulkToolbarActions,
586
+ op as planToolbarActions,
581
587
  n as prepareForSlot,
582
- Ip as processAlertSnackBar,
583
- dp as processDefaultSnackbar,
584
- Sp as processInfoSnackbar,
585
- Zn as resolveToolbarActionWidth,
586
- Bf as setMidnightTime,
587
- Hf as setZeroTime,
588
- of as useDatePickerValidation,
589
- hc as useDynamicToolbarLayout,
590
- If as usePopupState,
591
- $c as useRouteHeadingFocus,
592
- hp as useSnackbar
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,2 @@
1
+ export * from './StyledBottomSheet';
2
+ export * from './formatResultsLabel';
@@ -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 {};