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.
- package/Readme.md +56 -10
- package/dist/asma-ui-core.css +1 -1
- 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/PopoverSheet.js +165 -0
- package/dist/datetime/components/date-picker/components/BaseDatePickerInput.js +1 -1
- package/dist/datetime/components/date-picker/components/DatePickerButton.js +5 -5
- 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 -180
- 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 +1 -1
- package/dist/src/components/utils/popover/{StyledPopoverV2.d.ts → PopoverSheet.d.ts} +12 -2
- package/dist/src/components/utils/popover/index.d.ts +1 -1
- 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/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 {
|
|
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 {
|
|
287
|
-
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";
|
|
288
290
|
export {
|
|
289
|
-
|
|
290
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
342
|
-
|
|
343
|
-
|
|
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
|
-
|
|
363
|
-
|
|
364
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
426
|
-
|
|
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
|
-
|
|
438
|
-
|
|
439
|
-
|
|
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
|
-
|
|
454
|
-
|
|
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
|
-
|
|
471
|
+
gc as RowDragHandleCell,
|
|
469
472
|
It as RuleIcon,
|
|
470
473
|
dt as RuleOutlineIcon,
|
|
471
|
-
|
|
472
|
-
|
|
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
|
-
|
|
484
|
+
Af as Skeleton,
|
|
482
485
|
te as SmsIcon,
|
|
483
|
-
|
|
484
|
-
|
|
486
|
+
dp as SnackbarProvider,
|
|
487
|
+
bf as Stack,
|
|
485
488
|
kn as StyledAIDisclosure,
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
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
|
-
|
|
495
|
-
|
|
498
|
+
rf as StyledCountryFlag,
|
|
499
|
+
If as StyledDatePicker,
|
|
496
500
|
Fn as StyledDialog,
|
|
497
501
|
Rn as StyledDialogActions,
|
|
498
502
|
vn as StyledDialogContent,
|
|
499
|
-
|
|
503
|
+
tp as StyledDialogFooter,
|
|
500
504
|
Nn as StyledDialogTitle,
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
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
|
-
|
|
513
|
-
|
|
516
|
+
Ap as StyledInputField,
|
|
517
|
+
Qf as StyledInputLabel,
|
|
514
518
|
un as StyledInteractiveChip,
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
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
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
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
|
-
|
|
543
|
-
|
|
544
|
-
|
|
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
|
-
|
|
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
|
-
|
|
568
|
-
|
|
569
|
-
|
|
570
|
-
|
|
570
|
+
uf as bindPopover,
|
|
571
|
+
Sf as bindPopper,
|
|
572
|
+
sf as bindTrigger,
|
|
573
|
+
Lp as closeSnackbar,
|
|
571
574
|
m as cn,
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
578
|
-
|
|
579
|
-
|
|
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
|
-
|
|
582
|
-
|
|
585
|
+
$n as planBulkToolbarActions,
|
|
586
|
+
op as planToolbarActions,
|
|
583
587
|
n as prepareForSlot,
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
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 @@
|
|
|
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 {};
|