asma-ui-core 3.89.0 → 3.90.1

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 (29) hide show
  1. package/Readme.md +56 -10
  2. package/dist/asma-ui-core.css +1 -1
  3. package/dist/components/utils/bottom-sheet/StyledBottomSheet.js +137 -0
  4. package/dist/components/utils/bottom-sheet/StyledBottomSheet.module.js +4 -0
  5. package/dist/components/utils/bottom-sheet/formatResultsLabel.js +4 -0
  6. package/dist/components/utils/bottom-sheet/useDragToDismiss.hook.js +40 -0
  7. package/dist/components/utils/popover/PopoverSheet.js +165 -0
  8. package/dist/datetime/components/date-picker/components/BaseDatePickerInput.js +1 -1
  9. package/dist/datetime/components/date-picker/components/DatePickerButton.js +5 -5
  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 -180
  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 +1 -1
  22. package/dist/src/components/utils/popover/{StyledPopoverV2.d.ts → PopoverSheet.d.ts} +12 -2
  23. package/dist/src/components/utils/popover/index.d.ts +1 -1
  24. package/dist/src/hooks/useBodyScrollLock.hook.d.ts +7 -0
  25. package/dist/src/hooks/useDebouncedValue.hook.d.ts +2 -0
  26. package/dist/src/hooks/useMediaQuery.hook.d.ts +2 -0
  27. package/dist/src/index.d.ts +1 -0
  28. package/package.json +1 -1
  29. package/dist/components/utils/popover/StyledPopoverV2.js +0 -140
package/dist/index.js CHANGED
@@ -205,89 +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 { StyledPopoverV2 as _n } from "./components/utils/popover/StyledPopoverV2.js";
209
- import { StyledMenuList as Wn } from "./components/navigation/menu/StyledMenuList.js";
210
- import { StyledMenu as Vn } from "./components/navigation/menu/StyledMenu.js";
211
- import { StyledMenuItem as Gn } from "./components/navigation/menu/StyledMenuItem.js";
212
- import { ACTION_GAP_PX as qn, MORE_BUTTON_PX as Kn, estimateToolbarActionWidth as Qn, planBulkToolbarActions as Zn, planToolbarActions as jn, resolveToolbarActionWidth as Jn } from "./components/custom/module/header-layout/planToolbarActions.js";
213
- import { StyledDialogFooter as $n } from "./components/feedback/dialog/dialog-footer/StyledDialogFooter.js";
214
- import { StyledEmptyPage as rp } from "./components/feedback/empty-page/StyledEmptyPage.js";
215
- import { StyledFilteredEmptyState as tp } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
216
- import { StyledLoading as ep } from "./components/feedback/loading/StyledLoading.js";
217
- import { StyledAlert as pp } from "./components/feedback/snack-bar/StyledAlert.js";
218
- import { SnackbarProvider as cp } from "./components/feedback/snack-bar/SnackbarProvider.js";
219
- import { StyledSnackbar as Ip } from "./components/feedback/snack-bar/StyledSnackbar.js";
220
- import { processAlertSnackBar as dp } from "./components/feedback/snack-bar/processAlertSnackBar.js";
221
- import { processDefaultSnackbar as Sp } from "./components/feedback/snack-bar/processDefaultSnackbar.js";
222
- import { processInfoSnackbar as yp } from "./components/feedback/snack-bar/processInfoSnackbar.js";
223
- import { message as Op } from "./components/feedback/snack-bar/message.js";
224
- import { closeSnackbar as hp, enqueueSnackbar as Dp, useSnackbar as bp } from "./components/feedback/snack-bar/index.js";
225
- import { StyledInputField as Lp } from "./components/inputs/input-field/StyledInputField.js";
226
- import { StyledSearchField as Tp } from "./components/inputs/search-field/StyledSearchField.js";
227
- import { StyledTextarea as Ap } from "./components/inputs/textarea/StyledTextarea.js";
228
- import { StyledSelect as Mp } from "./components/inputs/select/StyledSelect.js";
229
- import { StyledSelectItem as wp } from "./components/inputs/select/StyledSelectItem.js";
230
- import { StyledSelectAutocomplete as Bp } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
231
- import { StyledSlider as xp } from "./components/inputs/slider/StyledSlider.js";
232
- import { StyledSwitch as Ep } from "./components/inputs/switch/base-ui/StyledSwitch.js";
233
- import { StyledRadioGroup as Up } from "./components/inputs/radio-button/base-ui/StyledRadioGroup.js";
234
- import { StyledLabel as zp } from "./components/inputs/label/StyledLabel.js";
235
- import { StyledDynamicSelect as Xp } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
236
- import { StyledLink as Kp } from "./components/navigation/link/StyledLink.js";
237
- import { StyledPhoneField as Zp } from "./components/inputs/phone-field/StyledPhoneField.js";
238
- import { StyledCountryFlag as Jp } from "./components/inputs/phone-field/StyledCountryFlag.js";
239
- import { StyledFormControl as $p } from "./components/miscellaneous/StyledFormControl.js";
240
- import { defaultDatePickerValidationMessages as rf, useDatePickerValidation as mf } from "./datetime/components/date-picker/hooks/useDatePickerValidation.js";
241
- import { StyledDrawer as ef } from "./components/navigation/drawer/StyledDrawer.js";
242
- import { StyledDatePicker as pf } from "./datetime/components/date-picker/StyledDatePicker.js";
243
- import { PopupState as cf, bindPopover as lf, bindPopper as If, bindTrigger as af, usePopupState as df } from "./hooks/usePopupState.js";
244
- import { ClickAwayListener as Sf } from "./components/mui-compat/ClickAwayListener.js";
245
- import { Paper as yf } from "./components/mui-compat/Paper.js";
246
- import { Stack as Of } from "./components/mui-compat/Stack.js";
247
- import { Container as hf } from "./components/mui-compat/Container.js";
248
- import { Avatar as bf } from "./components/mui-compat/Avatar.js";
249
- import { Skeleton as Lf } from "./components/mui-compat/Skeleton.js";
250
- import { FormLabel as Tf } from "./components/mui-compat/FormLabel.js";
251
- import { Fade as Af } from "./components/mui-compat/Fade.js";
252
- import { Popper as Mf } from "./components/mui-compat/Popper.js";
253
- import { defaultTimePickerHelperMessages as wf } from "./datetime/components/time-picker/components/HelperText.js";
254
- import { StyledTimePicker as Bf } from "./datetime/components/time-picker/StyledTimePicker.js";
255
- import { setMidnightTime as xf, setZeroTime as _f } from "./datetime/helpers/date.helper.js";
256
- import { StyledFormControlLabel as Wf } from "./components/miscellaneous/StyledFormControlLabel.js";
257
- import { StyledFormHelperText as Vf } from "./components/miscellaneous/StyledFormHelperText.js";
258
- import { StyledInputLabel as Gf } from "./components/miscellaneous/StyledInputLabel.js";
259
- import { StyledFormGroup as qf } from "./components/miscellaneous/StyledFormGroup.js";
260
- import { StyledTab as Qf } from "./components/navigation/tabs/StyledTab.js";
261
- import { StyledTabs as jf } from "./components/navigation/tabs/StyledTabs.js";
262
- import { StyledTitleChevron as Yf } from "./components/navigation/title-chevron/StyledTitleChevron.js";
263
- import { Listbox as oc } from "./components/navigation/listbox/Listbox.js";
264
- import { StyledAccordion as mc } from "./components/utils/accordion/base-ui/StyledAccordion.js";
265
- import { StyledAccordionSummary as ic } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
266
- import { StyledAccordionDetails as nc } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
267
- import { ACTIONS_COLUMN_ID as fc, DND_HANDLE_COLUMN_ID as cc, EXPAND_COLUMN_ID as lc, INTERNAL_COLUMN_IDS as Ic, SELECT_COLUMN_ID as ac, SHOW_FULL_TEXT_ID as dc, isCustomAction as uc } from "./table/types.js";
268
- import { RowDragHandleCell as sc } from "./table/components/columns/dndHandleColumn.js";
269
- import { StyledTable as Cc } from "./table/components/StyledTableIndex.js";
270
- import { createColumnHelper as gc } from "./table/index.js";
271
- import { DynamicToolbarLayoutContext as Dc, useDynamicToolbarLayout as bc } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
272
- import { StyledFilterButton as Lc } from "./components/utils/filter-menu/StyledFilterButton.js";
273
- import { StyledFilterMenu as Tc } from "./components/utils/filter-menu/StyledFilterMenu.js";
274
- import { CopyButton as Ac } from "./components/utils/copy-wrapper/CopyButton.js";
275
- import { CopyWrapper as Mc } from "./components/utils/copy-wrapper/CopyWrapper.js";
276
- import { VirtualList as wc } from "./components/utils/virtual-list/VirtualList.js";
277
- import { StyledWidgetTitle as Bc } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
278
- import { StyledWidgetHeader as xc } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
279
- import { StyledWidget as Ec } from "./components/custom/widget/widget/StyledWidget.js";
280
- import { StyledModuleTitle as Uc } from "./components/custom/module/module-title/StyledModuleTitle.js";
281
- import { DynamicToolbar as zc } from "./components/custom/module/header-layout/DynamicToolbar.js";
282
- import { PageHeader as Xc } from "./components/custom/page/page-header/PageHeader.js";
283
- import { MinimizableDialog as Kc } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
284
- import { MinimizableDialogV2 as Zc } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
285
- import { createDialogStack as Jc } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
286
- import { PathfinderCard as $c } from "./components/custom/pathfinder-card/PathfinderCard.js";
287
- import { useRouteHeadingFocus as rl } 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";
288
290
  export {
289
- fc as ACTIONS_COLUMN_ID,
290
- qn as ACTION_GAP_PX,
291
+ ac as ACTIONS_COLUMN_ID,
292
+ jn as ACTION_GAP_PX,
291
293
  zi as AppRegistrationIcon,
292
294
  wo as ArchiveIcon,
293
295
  Xi as ArrowExpandIcon,
@@ -297,7 +299,7 @@ export {
297
299
  j as AssignmentIcon,
298
300
  Y as AssignmentOutlineIcon,
299
301
  wt as AttachFileIcon,
300
- bf as Avatar,
302
+ Tf as Avatar,
301
303
  xm as BackIcon,
302
304
  Mi as BackupIcon,
303
305
  tm as BadgeIcon,
@@ -325,22 +327,22 @@ export {
325
327
  s as ChevronRightIcon,
326
328
  Uo as ChevronUpIcon,
327
329
  Ui as CircleWarningOutlineIcon,
328
- Sf as ClickAwayListener,
330
+ Of as ClickAwayListener,
329
331
  Lm as ClockOutlineIcon,
330
332
  zo as CloseIcon,
331
333
  At as CloudDoneOutlineIcon,
332
334
  Mt as CloudIcon,
333
335
  Ji as CloudOffOutlineIcon,
334
336
  Zr as ConsentsIcon,
335
- hf as Container,
337
+ Lf as Container,
336
338
  St as ContentCopyIcon,
337
339
  ht as ContentCopyOutlineIcon,
338
340
  yt as ContentCutIcon,
339
341
  Ot as ContentPasteIcon,
340
342
  ri as ConversionPathIcon,
341
- Ac as CopyButton,
342
- Mc as CopyWrapper,
343
- cc as DND_HANDLE_COLUMN_ID,
343
+ wc as CopyButton,
344
+ Bc as CopyWrapper,
345
+ dc as DND_HANDLE_COLUMN_ID,
344
346
  F as DashboardViewIcon,
345
347
  R as DashboardViewOutlineIcon,
346
348
  cr as DeleteOutlineIcon,
@@ -359,16 +361,16 @@ export {
359
361
  Ao as DropUpIcon,
360
362
  yr as DvrIcon,
361
363
  Ai as DvrIconOutline,
362
- zc as DynamicToolbar,
363
- Dc as DynamicToolbarLayoutContext,
364
- lc as EXPAND_COLUMN_ID,
364
+ Kc as DynamicToolbar,
365
+ Pc as DynamicToolbarLayoutContext,
366
+ uc as EXPAND_COLUMN_ID,
365
367
  Er as EarthIcon,
366
368
  ye as EditNotesIcon,
367
369
  em as EditSquareIcon,
368
370
  tr as EmptyPageIcon,
369
371
  Si as EnvelopeIcon,
370
372
  Or as ErrorOutlineIcon,
371
- Af as Fade,
373
+ wf as Fade,
372
374
  Tr as FastCheckOutlineIcon,
373
375
  Ti as FileDocIcon,
374
376
  he as FileImageIcon,
@@ -381,7 +383,7 @@ export {
381
383
  yo as FindReplacePeopleIcon,
382
384
  yi as FingerprintIcon,
383
385
  hm as FormIcon,
384
- Tf as FormLabel,
386
+ Mf as FormLabel,
385
387
  tt as FormatListBulletedIcon,
386
388
  et as FormatListBulletedOutlineIcon,
387
389
  ti as GraphIcon,
@@ -396,7 +398,7 @@ export {
396
398
  de as HistoryToggleOffIcon,
397
399
  Ue as HubIcon,
398
400
  ze as HubIconFilled,
399
- Ic as INTERNAL_COLUMN_IDS,
401
+ Sc as INTERNAL_COLUMN_IDS,
400
402
  Jo as InboxOutboxIcon,
401
403
  $o as InboxOutboxOutlineIcon,
402
404
  xe as IndeterminateIcon,
@@ -409,21 +411,21 @@ export {
409
411
  xr as ListSettingsLineIcon,
410
412
  Mr as ListStatusIcon,
411
413
  wr as ListViewOutlineIcon,
412
- oc as Listbox,
414
+ ic as Listbox,
413
415
  Je as LoadCurrentIcon,
414
416
  To as LoadingIcon,
415
417
  Om as LocationIcon,
416
418
  Sr as LockIcon,
417
419
  Mm as LoginIcon,
418
420
  wm as LogoutIcon,
419
- Kn as MORE_BUTTON_PX,
421
+ Jn as MORE_BUTTON_PX,
420
422
  Ee as ManageSearchIcon,
421
423
  mo as MessageProcessingIcon,
422
424
  io as MessageProcessingOutlineIcon,
423
425
  rm as MessageReplyIcon,
424
426
  Am as MicrosoftOutlookIcon,
425
- Kc as MinimizableDialog,
426
- Zc as MinimizableDialogV2,
427
+ Jc as MinimizableDialog,
428
+ $c as MinimizableDialogV2,
427
429
  Jr as MinimizeIcon,
428
430
  rn as MoveUpIcon,
429
431
  G as NewCalendarIcon,
@@ -434,9 +436,9 @@ export {
434
436
  Kt as OutlineCheckboxIconChecked,
435
437
  Jt as OutlineCheckboxIconIndeterminate,
436
438
  zt as OutlineNotificationsIcon,
437
- Xc as PageHeader,
438
- yf as Paper,
439
- $c as PathfinderCard,
439
+ Zc as PageHeader,
440
+ hf as Paper,
441
+ tl as PathfinderCard,
440
442
  P as PdfIcon,
441
443
  zr as PencilOutlineIcon,
442
444
  N as PeopleIcon,
@@ -450,8 +452,9 @@ export {
450
452
  Sm as PinIcon,
451
453
  pm as PlusIcon,
452
454
  cm as PlusIconCircle,
453
- Mf as Popper,
454
- cf as PopupState,
455
+ Vn as PopoverSheet,
456
+ Bf as Popper,
457
+ df as PopupState,
455
458
  we as PrintIcon,
456
459
  Le as ProhibitionIcon,
457
460
  Te as ProhibitionLargeIcon,
@@ -465,11 +468,11 @@ export {
465
468
  Ie as ResetSettingsIcon,
466
469
  Ze as RocketLaunchIcon,
467
470
  $e as RotateAutoIcon,
468
- sc as RowDragHandleCell,
471
+ gc as RowDragHandleCell,
469
472
  It as RuleIcon,
470
473
  dt as RuleOutlineIcon,
471
- ac as SELECT_COLUMN_ID,
472
- dc as SHOW_FULL_TEXT_ID,
474
+ sc as SELECT_COLUMN_ID,
475
+ yc as SHOW_FULL_TEXT_ID,
473
476
  Ii as SaveIcon,
474
477
  Lo as SearchIcon,
475
478
  Bt as SendIcon,
@@ -478,70 +481,70 @@ export {
478
481
  Lt as SettingsNoteIcon,
479
482
  ao as SettingsOutlineIcon,
480
483
  Ki as ShareIcon,
481
- Lf as Skeleton,
484
+ Af as Skeleton,
482
485
  te as SmsIcon,
483
- cp as SnackbarProvider,
484
- Of as Stack,
486
+ dp as SnackbarProvider,
487
+ bf as Stack,
485
488
  kn as StyledAIDisclosure,
486
- mc as StyledAccordion,
487
- nc as StyledAccordionDetails,
488
- ic as StyledAccordionSummary,
489
- pp as StyledAlert,
489
+ nc as StyledAccordion,
490
+ lc as StyledAccordionDetails,
491
+ fc as StyledAccordionSummary,
492
+ Ip as StyledAlert,
490
493
  f as StyledBadge,
494
+ Wn as StyledBottomSheet,
491
495
  Pn as StyledButton,
492
496
  ln as StyledCheckbox,
493
497
  fn as StyledChip,
494
- Jp as StyledCountryFlag,
495
- pf as StyledDatePicker,
498
+ rf as StyledCountryFlag,
499
+ If as StyledDatePicker,
496
500
  Fn as StyledDialog,
497
501
  Rn as StyledDialogActions,
498
502
  vn as StyledDialogContent,
499
- $n as StyledDialogFooter,
503
+ tp as StyledDialogFooter,
500
504
  Nn as StyledDialogTitle,
501
- ef as StyledDrawer,
502
- Xp as StyledDynamicSelect,
503
- rp as StyledEmptyPage,
504
- Lc as StyledFilterButton,
505
- Tc as StyledFilterMenu,
506
- tp as StyledFilteredEmptyState,
507
- $p as StyledFormControl,
508
- Wf as StyledFormControlLabel,
509
- qf as StyledFormGroup,
510
- Vf 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,
511
515
  Dn as StyledFormLabel,
512
- Lp as StyledInputField,
513
- Gf as StyledInputLabel,
516
+ Ap as StyledInputField,
517
+ Qf as StyledInputLabel,
514
518
  un as StyledInteractiveChip,
515
- zp as StyledLabel,
516
- Kp as StyledLink,
517
- ep as StyledLoading,
518
- Vn as StyledMenu,
519
- Gn as StyledMenuItem,
520
- Wn as StyledMenuList,
521
- Uc as StyledModuleTitle,
522
- Zp 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,
523
527
  Hn as StyledPopover,
524
- _n as StyledPopoverV2,
525
528
  an as StyledRadio,
526
- Up as StyledRadioGroup,
527
- Tp as StyledSearchField,
528
- Mp as StyledSelect,
529
- Bp as StyledSelectAutocomplete,
530
- wp as StyledSelectItem,
531
- xp as StyledSlider,
532
- Ip as StyledSnackbar,
533
- Ep as StyledSwitch,
534
- Qf as StyledTab,
535
- Cc as StyledTable,
536
- jf as StyledTabs,
537
- Ap as StyledTextarea,
538
- Bf as StyledTimePicker,
539
- Yf 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,
540
543
  sn as StyledTooltip,
541
544
  gn as StyledTypography,
542
- Ec as StyledWidget,
543
- xc as StyledWidgetHeader,
544
- Bc as StyledWidgetTitle,
545
+ zc as StyledWidget,
546
+ Uc as StyledWidgetHeader,
547
+ Ec as StyledWidgetTitle,
545
548
  Ae as StylusNoteIcon,
546
549
  Me as StylusNoteLargeIcon,
547
550
  Xt as SyncIcon,
@@ -555,7 +558,7 @@ export {
555
558
  Ar as UnknownDocumentOutlineRoundedIcon,
556
559
  Km as UnlockIcon,
557
560
  Oi as UploadIcon,
558
- wc as VirtualList,
561
+ xc as VirtualList,
559
562
  Cn as VirtualizedList,
560
563
  re as VisibilityOffOutlineIcon,
561
564
  $i as VisibilityOutlineIcon,
@@ -564,32 +567,33 @@ export {
564
567
  Xe as WidgetIcon,
565
568
  Ke as WidgetIconFilled,
566
569
  ym as WorkIcon,
567
- lf as bindPopover,
568
- If as bindPopper,
569
- af as bindTrigger,
570
- hp as closeSnackbar,
570
+ uf as bindPopover,
571
+ Sf as bindPopper,
572
+ sf as bindTrigger,
573
+ Lp as closeSnackbar,
571
574
  m as cn,
572
- gc as createColumnHelper,
573
- Jc as createDialogStack,
574
- rf as defaultDatePickerValidationMessages,
575
- wf as defaultTimePickerHelperMessages,
576
- Dp as enqueueSnackbar,
577
- Qn as estimateToolbarActionWidth,
578
- uc as isCustomAction,
579
- Op 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,
580
584
  i as omit,
581
- Zn as planBulkToolbarActions,
582
- jn as planToolbarActions,
585
+ $n as planBulkToolbarActions,
586
+ op as planToolbarActions,
583
587
  n as prepareForSlot,
584
- dp as processAlertSnackBar,
585
- Sp as processDefaultSnackbar,
586
- yp as processInfoSnackbar,
587
- Jn as resolveToolbarActionWidth,
588
- xf as setMidnightTime,
589
- _f as setZeroTime,
590
- mf as useDatePickerValidation,
591
- bc as useDynamicToolbarLayout,
592
- df as usePopupState,
593
- rl as useRouteHeadingFocus,
594
- bp 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
595
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 {};