asma-ui-core 3.88.1 → 3.89.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Readme.md +61 -0
- package/dist/asma-ui-core.css +1 -1
- package/dist/components/feedback/minimizable-dialog/MinimizableDialog.js +6 -6
- package/dist/components/utils/popover/PopoverAnatomy.js +46 -0
- package/dist/components/utils/popover/StyledPopoverV2.js +140 -0
- package/dist/index.js +180 -178
- package/dist/src/components/utils/popover/PopoverAnatomy.d.ts +36 -0
- package/dist/src/components/utils/popover/StyledPopoverV2.d.ts +76 -0
- package/dist/src/components/utils/popover/index.d.ts +1 -0
- package/dist/src/components/utils/popover/story/PopoverCases.d.ts +1 -0
- package/dist/src/components/utils/popover/story/PopoverGallery.d.ts +1 -0
- package/dist/src/components/utils/popover/story/popoverStoryFixtures.d.ts +21 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -205,88 +205,89 @@ import { StyledDialogActions as Rn } from "./components/feedback/dialog/StyledDi
|
|
|
205
205
|
import { StyledDialogContent as vn } from "./components/feedback/dialog/StyledDialogContent.js";
|
|
206
206
|
import { StyledDialogTitle as Nn } from "./components/feedback/dialog/StyledDialogTitle.js";
|
|
207
207
|
import { StyledPopover as Hn } from "./components/utils/popover/StyledPopover.js";
|
|
208
|
-
import {
|
|
209
|
-
import {
|
|
210
|
-
import {
|
|
211
|
-
import {
|
|
212
|
-
import {
|
|
213
|
-
import {
|
|
214
|
-
import {
|
|
215
|
-
import {
|
|
216
|
-
import {
|
|
217
|
-
import {
|
|
218
|
-
import {
|
|
219
|
-
import {
|
|
220
|
-
import {
|
|
221
|
-
import {
|
|
222
|
-
import {
|
|
223
|
-
import {
|
|
224
|
-
import {
|
|
225
|
-
import {
|
|
226
|
-
import {
|
|
227
|
-
import {
|
|
228
|
-
import {
|
|
229
|
-
import {
|
|
230
|
-
import {
|
|
231
|
-
import {
|
|
232
|
-
import {
|
|
233
|
-
import {
|
|
234
|
-
import {
|
|
235
|
-
import {
|
|
236
|
-
import {
|
|
237
|
-
import {
|
|
238
|
-
import {
|
|
239
|
-
import {
|
|
240
|
-
import {
|
|
241
|
-
import {
|
|
242
|
-
import {
|
|
243
|
-
import {
|
|
244
|
-
import {
|
|
245
|
-
import {
|
|
246
|
-
import {
|
|
247
|
-
import {
|
|
248
|
-
import {
|
|
249
|
-
import {
|
|
250
|
-
import {
|
|
251
|
-
import {
|
|
252
|
-
import {
|
|
253
|
-
import {
|
|
254
|
-
import {
|
|
255
|
-
import {
|
|
256
|
-
import {
|
|
257
|
-
import {
|
|
258
|
-
import {
|
|
259
|
-
import {
|
|
260
|
-
import {
|
|
261
|
-
import {
|
|
262
|
-
import {
|
|
263
|
-
import {
|
|
264
|
-
import {
|
|
265
|
-
import {
|
|
266
|
-
import {
|
|
267
|
-
import {
|
|
268
|
-
import {
|
|
269
|
-
import {
|
|
270
|
-
import {
|
|
271
|
-
import {
|
|
272
|
-
import {
|
|
273
|
-
import {
|
|
274
|
-
import {
|
|
275
|
-
import {
|
|
276
|
-
import {
|
|
277
|
-
import {
|
|
278
|
-
import {
|
|
279
|
-
import {
|
|
280
|
-
import {
|
|
281
|
-
import {
|
|
282
|
-
import {
|
|
283
|
-
import {
|
|
284
|
-
import {
|
|
285
|
-
import {
|
|
286
|
-
import {
|
|
208
|
+
import { 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";
|
|
287
288
|
export {
|
|
288
|
-
|
|
289
|
-
|
|
289
|
+
fc as ACTIONS_COLUMN_ID,
|
|
290
|
+
qn as ACTION_GAP_PX,
|
|
290
291
|
zi as AppRegistrationIcon,
|
|
291
292
|
wo as ArchiveIcon,
|
|
292
293
|
Xi as ArrowExpandIcon,
|
|
@@ -296,7 +297,7 @@ export {
|
|
|
296
297
|
j as AssignmentIcon,
|
|
297
298
|
Y as AssignmentOutlineIcon,
|
|
298
299
|
wt as AttachFileIcon,
|
|
299
|
-
|
|
300
|
+
bf as Avatar,
|
|
300
301
|
xm as BackIcon,
|
|
301
302
|
Mi as BackupIcon,
|
|
302
303
|
tm as BadgeIcon,
|
|
@@ -324,22 +325,22 @@ export {
|
|
|
324
325
|
s as ChevronRightIcon,
|
|
325
326
|
Uo as ChevronUpIcon,
|
|
326
327
|
Ui as CircleWarningOutlineIcon,
|
|
327
|
-
|
|
328
|
+
Sf as ClickAwayListener,
|
|
328
329
|
Lm as ClockOutlineIcon,
|
|
329
330
|
zo as CloseIcon,
|
|
330
331
|
At as CloudDoneOutlineIcon,
|
|
331
332
|
Mt as CloudIcon,
|
|
332
333
|
Ji as CloudOffOutlineIcon,
|
|
333
334
|
Zr as ConsentsIcon,
|
|
334
|
-
|
|
335
|
+
hf as Container,
|
|
335
336
|
St as ContentCopyIcon,
|
|
336
337
|
ht as ContentCopyOutlineIcon,
|
|
337
338
|
yt as ContentCutIcon,
|
|
338
339
|
Ot as ContentPasteIcon,
|
|
339
340
|
ri as ConversionPathIcon,
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
341
|
+
Ac as CopyButton,
|
|
342
|
+
Mc as CopyWrapper,
|
|
343
|
+
cc as DND_HANDLE_COLUMN_ID,
|
|
343
344
|
F as DashboardViewIcon,
|
|
344
345
|
R as DashboardViewOutlineIcon,
|
|
345
346
|
cr as DeleteOutlineIcon,
|
|
@@ -358,16 +359,16 @@ export {
|
|
|
358
359
|
Ao as DropUpIcon,
|
|
359
360
|
yr as DvrIcon,
|
|
360
361
|
Ai as DvrIconOutline,
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
362
|
+
zc as DynamicToolbar,
|
|
363
|
+
Dc as DynamicToolbarLayoutContext,
|
|
364
|
+
lc as EXPAND_COLUMN_ID,
|
|
364
365
|
Er as EarthIcon,
|
|
365
366
|
ye as EditNotesIcon,
|
|
366
367
|
em as EditSquareIcon,
|
|
367
368
|
tr as EmptyPageIcon,
|
|
368
369
|
Si as EnvelopeIcon,
|
|
369
370
|
Or as ErrorOutlineIcon,
|
|
370
|
-
|
|
371
|
+
Af as Fade,
|
|
371
372
|
Tr as FastCheckOutlineIcon,
|
|
372
373
|
Ti as FileDocIcon,
|
|
373
374
|
he as FileImageIcon,
|
|
@@ -380,7 +381,7 @@ export {
|
|
|
380
381
|
yo as FindReplacePeopleIcon,
|
|
381
382
|
yi as FingerprintIcon,
|
|
382
383
|
hm as FormIcon,
|
|
383
|
-
|
|
384
|
+
Tf as FormLabel,
|
|
384
385
|
tt as FormatListBulletedIcon,
|
|
385
386
|
et as FormatListBulletedOutlineIcon,
|
|
386
387
|
ti as GraphIcon,
|
|
@@ -395,7 +396,7 @@ export {
|
|
|
395
396
|
de as HistoryToggleOffIcon,
|
|
396
397
|
Ue as HubIcon,
|
|
397
398
|
ze as HubIconFilled,
|
|
398
|
-
|
|
399
|
+
Ic as INTERNAL_COLUMN_IDS,
|
|
399
400
|
Jo as InboxOutboxIcon,
|
|
400
401
|
$o as InboxOutboxOutlineIcon,
|
|
401
402
|
xe as IndeterminateIcon,
|
|
@@ -408,21 +409,21 @@ export {
|
|
|
408
409
|
xr as ListSettingsLineIcon,
|
|
409
410
|
Mr as ListStatusIcon,
|
|
410
411
|
wr as ListViewOutlineIcon,
|
|
411
|
-
|
|
412
|
+
oc as Listbox,
|
|
412
413
|
Je as LoadCurrentIcon,
|
|
413
414
|
To as LoadingIcon,
|
|
414
415
|
Om as LocationIcon,
|
|
415
416
|
Sr as LockIcon,
|
|
416
417
|
Mm as LoginIcon,
|
|
417
418
|
wm as LogoutIcon,
|
|
418
|
-
|
|
419
|
+
Kn as MORE_BUTTON_PX,
|
|
419
420
|
Ee as ManageSearchIcon,
|
|
420
421
|
mo as MessageProcessingIcon,
|
|
421
422
|
io as MessageProcessingOutlineIcon,
|
|
422
423
|
rm as MessageReplyIcon,
|
|
423
424
|
Am as MicrosoftOutlookIcon,
|
|
424
|
-
|
|
425
|
-
|
|
425
|
+
Kc as MinimizableDialog,
|
|
426
|
+
Zc as MinimizableDialogV2,
|
|
426
427
|
Jr as MinimizeIcon,
|
|
427
428
|
rn as MoveUpIcon,
|
|
428
429
|
G as NewCalendarIcon,
|
|
@@ -433,9 +434,9 @@ export {
|
|
|
433
434
|
Kt as OutlineCheckboxIconChecked,
|
|
434
435
|
Jt as OutlineCheckboxIconIndeterminate,
|
|
435
436
|
zt as OutlineNotificationsIcon,
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
437
|
+
Xc as PageHeader,
|
|
438
|
+
yf as Paper,
|
|
439
|
+
$c as PathfinderCard,
|
|
439
440
|
P as PdfIcon,
|
|
440
441
|
zr as PencilOutlineIcon,
|
|
441
442
|
N as PeopleIcon,
|
|
@@ -449,8 +450,8 @@ export {
|
|
|
449
450
|
Sm as PinIcon,
|
|
450
451
|
pm as PlusIcon,
|
|
451
452
|
cm as PlusIconCircle,
|
|
452
|
-
|
|
453
|
-
|
|
453
|
+
Mf as Popper,
|
|
454
|
+
cf as PopupState,
|
|
454
455
|
we as PrintIcon,
|
|
455
456
|
Le as ProhibitionIcon,
|
|
456
457
|
Te as ProhibitionLargeIcon,
|
|
@@ -464,11 +465,11 @@ export {
|
|
|
464
465
|
Ie as ResetSettingsIcon,
|
|
465
466
|
Ze as RocketLaunchIcon,
|
|
466
467
|
$e as RotateAutoIcon,
|
|
467
|
-
|
|
468
|
+
sc as RowDragHandleCell,
|
|
468
469
|
It as RuleIcon,
|
|
469
470
|
dt as RuleOutlineIcon,
|
|
470
|
-
|
|
471
|
-
|
|
471
|
+
ac as SELECT_COLUMN_ID,
|
|
472
|
+
dc as SHOW_FULL_TEXT_ID,
|
|
472
473
|
Ii as SaveIcon,
|
|
473
474
|
Lo as SearchIcon,
|
|
474
475
|
Bt as SendIcon,
|
|
@@ -477,69 +478,70 @@ export {
|
|
|
477
478
|
Lt as SettingsNoteIcon,
|
|
478
479
|
ao as SettingsOutlineIcon,
|
|
479
480
|
Ki as ShareIcon,
|
|
480
|
-
|
|
481
|
+
Lf as Skeleton,
|
|
481
482
|
te as SmsIcon,
|
|
482
|
-
|
|
483
|
-
|
|
483
|
+
cp as SnackbarProvider,
|
|
484
|
+
Of as Stack,
|
|
484
485
|
kn as StyledAIDisclosure,
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
486
|
+
mc as StyledAccordion,
|
|
487
|
+
nc as StyledAccordionDetails,
|
|
488
|
+
ic as StyledAccordionSummary,
|
|
489
|
+
pp as StyledAlert,
|
|
489
490
|
f as StyledBadge,
|
|
490
491
|
Pn as StyledButton,
|
|
491
492
|
ln as StyledCheckbox,
|
|
492
493
|
fn as StyledChip,
|
|
493
|
-
|
|
494
|
-
|
|
494
|
+
Jp as StyledCountryFlag,
|
|
495
|
+
pf as StyledDatePicker,
|
|
495
496
|
Fn as StyledDialog,
|
|
496
497
|
Rn as StyledDialogActions,
|
|
497
498
|
vn as StyledDialogContent,
|
|
498
|
-
|
|
499
|
+
$n as StyledDialogFooter,
|
|
499
500
|
Nn as StyledDialogTitle,
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
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,
|
|
510
511
|
Dn as StyledFormLabel,
|
|
511
|
-
|
|
512
|
-
|
|
512
|
+
Lp as StyledInputField,
|
|
513
|
+
Gf as StyledInputLabel,
|
|
513
514
|
un as StyledInteractiveChip,
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
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,
|
|
522
523
|
Hn as StyledPopover,
|
|
524
|
+
_n as StyledPopoverV2,
|
|
523
525
|
an as StyledRadio,
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
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,
|
|
538
540
|
sn as StyledTooltip,
|
|
539
541
|
gn as StyledTypography,
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
542
|
+
Ec as StyledWidget,
|
|
543
|
+
xc as StyledWidgetHeader,
|
|
544
|
+
Bc as StyledWidgetTitle,
|
|
543
545
|
Ae as StylusNoteIcon,
|
|
544
546
|
Me as StylusNoteLargeIcon,
|
|
545
547
|
Xt as SyncIcon,
|
|
@@ -553,7 +555,7 @@ export {
|
|
|
553
555
|
Ar as UnknownDocumentOutlineRoundedIcon,
|
|
554
556
|
Km as UnlockIcon,
|
|
555
557
|
Oi as UploadIcon,
|
|
556
|
-
|
|
558
|
+
wc as VirtualList,
|
|
557
559
|
Cn as VirtualizedList,
|
|
558
560
|
re as VisibilityOffOutlineIcon,
|
|
559
561
|
$i as VisibilityOutlineIcon,
|
|
@@ -562,32 +564,32 @@ export {
|
|
|
562
564
|
Xe as WidgetIcon,
|
|
563
565
|
Ke as WidgetIconFilled,
|
|
564
566
|
ym as WorkIcon,
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
567
|
+
lf as bindPopover,
|
|
568
|
+
If as bindPopper,
|
|
569
|
+
af as bindTrigger,
|
|
570
|
+
hp as closeSnackbar,
|
|
569
571
|
m as cn,
|
|
570
|
-
|
|
571
|
-
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
|
|
575
|
-
|
|
576
|
-
|
|
577
|
-
|
|
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,
|
|
578
580
|
i as omit,
|
|
579
|
-
|
|
580
|
-
|
|
581
|
+
Zn as planBulkToolbarActions,
|
|
582
|
+
jn as planToolbarActions,
|
|
581
583
|
n as prepareForSlot,
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
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
|
|
593
595
|
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* The Figma "_Popover" surface chrome (node `44531:233781`): white, 1px `border/outline`, radius 8
|
|
4
|
+
* (`dialog` token) and the Dialogue-popup elevation — the same surface `StyledDialog` paints.
|
|
5
|
+
*
|
|
6
|
+
* `border-solid` and `box-border` are load-bearing, not noise: this package builds Tailwind with
|
|
7
|
+
* `preflight: false`, so without them `border` computes to `border-style: none` (no border paints at
|
|
8
|
+
* all) and `box-sizing` falls back to `content-box` (a 400px max-width renders 402).
|
|
9
|
+
*
|
|
10
|
+
* Positioning (`z-index`, the floating transform, the top-layer props) deliberately stays with the
|
|
11
|
+
* caller, so the Gallery story can render the same surface statically in a grid.
|
|
12
|
+
*/
|
|
13
|
+
export declare const POPOVER_SURFACE_CLASSNAME = "box-border flex flex-col overflow-hidden rounded-lg border border-solid border-delta-300 bg-white text-delta-700 outline-none shadow-[0px_4px_40px_0px_#22213366]";
|
|
14
|
+
export interface PopoverAnatomyProps {
|
|
15
|
+
dataTest: string;
|
|
16
|
+
title?: ReactNode;
|
|
17
|
+
titleId?: string;
|
|
18
|
+
children: ReactNode;
|
|
19
|
+
/** Left slot of the Figma "Reset filter" row — the "View results (3)" affordance. */
|
|
20
|
+
viewResultsAction?: ReactNode;
|
|
21
|
+
/** Right slot of the Figma "Reset filter" row. */
|
|
22
|
+
resetAction?: ReactNode;
|
|
23
|
+
/** The Figma "Actions" row — a single right-aligned outlined button. */
|
|
24
|
+
footerActions?: ReactNode;
|
|
25
|
+
closeLabel: string;
|
|
26
|
+
onClose: () => void;
|
|
27
|
+
}
|
|
28
|
+
/**
|
|
29
|
+
* Everything inside the popover surface: the content row (title + body + close column) and the two
|
|
30
|
+
* optional footer rows. Split out of `StyledPopoverV2` so the Gallery story can render every
|
|
31
|
+
* Title × Reset filter × Actions combination side by side — a real popover is portalled, anchored
|
|
32
|
+
* and mutually exclusive, so the variants can never be seen together through the live component.
|
|
33
|
+
*
|
|
34
|
+
* Not exported from the package barrel: this is an implementation detail, not public API.
|
|
35
|
+
*/
|
|
36
|
+
export declare const PopoverAnatomy: ({ dataTest, title, titleId, children, viewResultsAction, resetAction, footerActions, closeLabel, onClose, }: PopoverAnatomyProps) => JSX.Element;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { MouseEvent, ReactNode } from 'react';
|
|
2
|
+
/** Spread on the trigger element. The ref is handed over separately — `StyledButton` takes `refLink`. */
|
|
3
|
+
export interface PopoverTriggerProps {
|
|
4
|
+
onClick: (event: MouseEvent<HTMLElement>) => void;
|
|
5
|
+
'aria-expanded': boolean;
|
|
6
|
+
'aria-controls': string | undefined;
|
|
7
|
+
'aria-haspopup': 'dialog' | undefined;
|
|
8
|
+
'aria-describedby': string | undefined;
|
|
9
|
+
}
|
|
10
|
+
export interface PopoverTrigger {
|
|
11
|
+
/** Pass to `ref` on a native element, or to `refLink` on `StyledButton`. */
|
|
12
|
+
ref: (node: HTMLElement | null) => void;
|
|
13
|
+
triggerProps: PopoverTriggerProps;
|
|
14
|
+
isOpen: boolean;
|
|
15
|
+
}
|
|
16
|
+
/** Content API handed to every slot that can be a render-prop. */
|
|
17
|
+
export interface PopoverContentApi {
|
|
18
|
+
close: () => void;
|
|
19
|
+
}
|
|
20
|
+
/** A slot that may need to close the surface — e.g. "View results (3)" or an Actions button. */
|
|
21
|
+
export type PopoverSlot = ReactNode | ((api: PopoverContentApi) => ReactNode);
|
|
22
|
+
/** @figmaNode wXrXt5uKNNzV2DnQCgyYZH#44531-233781 (Design-System · "_Popover") */
|
|
23
|
+
export interface StyledPopoverV2Props {
|
|
24
|
+
/** @figmaProp none — test hook */
|
|
25
|
+
dataTest: string;
|
|
26
|
+
/** @figmaProp none — behavioral: the consumer owns the trigger element, this wires its aria + click */
|
|
27
|
+
renderTrigger: (trigger: PopoverTrigger) => ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* Chosen by content, not by breakpoint.
|
|
30
|
+
* @figmaProp none — `info` is a read-only container referenced by `aria-describedby`;
|
|
31
|
+
* `action` is a `role="dialog"` with a focus trap.
|
|
32
|
+
*/
|
|
33
|
+
variant?: 'info' | 'action';
|
|
34
|
+
/** @figmaProp Title = ReactNode→true | undefined→false */
|
|
35
|
+
title?: ReactNode;
|
|
36
|
+
/** @figmaProp Slot — the body. The render-prop form receives `close()` for the Actions pattern. */
|
|
37
|
+
children: PopoverSlot;
|
|
38
|
+
/**
|
|
39
|
+
* Left slot of the Figma "Reset filter" row — the "View results (3)" affordance, which reports
|
|
40
|
+
* the live match count and closes the surface (the filter itself already applied).
|
|
41
|
+
* @figmaProp Reset filter = ReactNode→true | undefined→false — the 4px footer row, left slot
|
|
42
|
+
*/
|
|
43
|
+
viewResultsAction?: PopoverSlot;
|
|
44
|
+
/** @figmaProp Reset filter = ReactNode→true | undefined→false — the 4px footer row, right slot */
|
|
45
|
+
resetAction?: PopoverSlot;
|
|
46
|
+
/** @figmaProp Actions = ReactNode→true | undefined→false — the 12px footer row, right-aligned */
|
|
47
|
+
footerActions?: PopoverSlot;
|
|
48
|
+
/** @figmaProp none — a11y: accessible name of the close control */
|
|
49
|
+
closeLabel?: string;
|
|
50
|
+
/** @figmaProp none — a11y: required when `variant='action'` and no `title` is given, so the dialog has a name */
|
|
51
|
+
ariaLabel?: string;
|
|
52
|
+
/** @figmaProp none — behavioral */
|
|
53
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
54
|
+
/** @figmaProp none — style escape hatch, applied to the surface */
|
|
55
|
+
className?: string;
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* ASMA Design System **Popover** (ASMA-8183) — an anchored overlay with the DS surface, an optional
|
|
59
|
+
* title, a required close control and two optional footer rows.
|
|
60
|
+
*
|
|
61
|
+
* Two variants, chosen by content:
|
|
62
|
+
* - **info** — read-only. Plain container referenced by `aria-describedby`, focus moves to the
|
|
63
|
+
* container on open, `Tab` leaves and closes.
|
|
64
|
+
* - **action** — interactive. `role="dialog"`, focus trapped, focus moves to the first control.
|
|
65
|
+
* Covers both the Filter pattern (changes apply immediately, `Nullstill` clears) and the Actions
|
|
66
|
+
* pattern (a list of buttons; activation closes via the `close()` render-prop argument).
|
|
67
|
+
*
|
|
68
|
+
* There is deliberately **no `role="menu"` and no arrow-key navigation** — everything inside is
|
|
69
|
+
* navigated with `Tab`, and menu semantics cannot coexist with the dialog model used by Filter.
|
|
70
|
+
* There is also **no arrow/anchor pointer**: the surface is edge-aligned at an 8px offset and
|
|
71
|
+
* proximity carries the relationship.
|
|
72
|
+
*
|
|
73
|
+
* Separate from {@link StyledPopover}, which stays as the MUI-parity positioning primitive its eight
|
|
74
|
+
* internal consumers still depend on; those migrate here gradually.
|
|
75
|
+
*/
|
|
76
|
+
export declare const StyledPopoverV2: ({ dataTest, renderTrigger, variant, title, children, viewResultsAction, resetAction, footerActions, closeLabel, ariaLabel, onOpenChange, className, }: StyledPopoverV2Props) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PopoverCases: () => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const PopoverGallery: () => JSX.Element;
|