foldkit 0.90.0 → 0.91.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 +21 -10
- package/dist/canvas/index.d.ts +5 -0
- package/dist/canvas/index.d.ts.map +1 -0
- package/dist/canvas/index.js +2 -0
- package/dist/canvas/paint.d.ts +14 -0
- package/dist/canvas/paint.d.ts.map +1 -0
- package/dist/canvas/paint.js +144 -0
- package/dist/canvas/public.d.ts +3 -0
- package/dist/canvas/public.d.ts.map +1 -0
- package/dist/canvas/public.js +1 -0
- package/dist/canvas/shape.d.ts +188 -0
- package/dist/canvas/shape.d.ts.map +1 -0
- package/dist/canvas/shape.js +103 -0
- package/dist/canvas/view.d.ts +38 -0
- package/dist/canvas/view.d.ts.map +1 -0
- package/dist/canvas/view.js +97 -0
- package/dist/devTools/overlay.d.ts.map +1 -1
- package/dist/devTools/overlay.js +148 -148
- package/dist/devTools/store.d.ts +1 -1
- package/dist/devTools/store.d.ts.map +1 -1
- package/dist/devTools/store.js +1 -2
- package/dist/html/index.d.ts +3 -3
- package/dist/html/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/runtime/crashUI.js +30 -30
- package/dist/runtime/runtime.d.ts.map +1 -1
- package/dist/runtime/runtime.js +15 -10
- package/dist/subscription/animationFrame.d.ts +53 -0
- package/dist/subscription/animationFrame.d.ts.map +1 -0
- package/dist/subscription/animationFrame.js +47 -0
- package/dist/subscription/public.d.ts +2 -0
- package/dist/subscription/public.d.ts.map +1 -1
- package/dist/subscription/public.js +1 -0
- package/dist/test/apps/bubbling.js +4 -4
- package/dist/test/apps/disabledButton.js +10 -10
- package/dist/test/apps/fileUpload.d.ts.map +1 -1
- package/dist/test/apps/fileUpload.js +13 -13
- package/dist/test/apps/interactions.d.ts.map +1 -1
- package/dist/test/apps/interactions.js +15 -15
- package/dist/test/apps/keypress.js +8 -8
- package/dist/test/apps/login.d.ts.map +1 -1
- package/dist/test/apps/login.js +32 -24
- package/dist/test/apps/logoutButton.d.ts.map +1 -1
- package/dist/test/apps/logoutButton.js +2 -2
- package/dist/test/apps/mountPanel.js +10 -10
- package/dist/test/apps/multiRole.js +3 -3
- package/dist/test/apps/pointer.d.ts.map +1 -1
- package/dist/test/apps/pointer.js +11 -11
- package/dist/test/apps/resumeUpload.d.ts.map +1 -1
- package/dist/test/apps/resumeUpload.js +8 -8
- package/dist/ui/animation/index.js +24 -24
- package/dist/ui/button/index.d.ts.map +1 -1
- package/dist/ui/button/index.js +6 -6
- package/dist/ui/calendar/index.d.ts.map +1 -1
- package/dist/ui/calendar/index.js +101 -99
- package/dist/ui/checkbox/index.d.ts.map +1 -1
- package/dist/ui/checkbox/index.js +15 -15
- package/dist/ui/combobox/shared.d.ts.map +1 -1
- package/dist/ui/combobox/shared.js +102 -90
- package/dist/ui/datePicker/index.js +4 -4
- package/dist/ui/dialog/index.d.ts.map +1 -1
- package/dist/ui/dialog/index.js +27 -27
- package/dist/ui/disclosure/index.d.ts.map +1 -1
- package/dist/ui/disclosure/index.js +24 -22
- package/dist/ui/dragAndDrop/index.d.ts +1 -1
- package/dist/ui/dragAndDrop/index.d.ts.map +1 -1
- package/dist/ui/dragAndDrop/index.js +15 -15
- package/dist/ui/fieldset/index.js +6 -6
- package/dist/ui/fileDrop/index.d.ts +2 -2
- package/dist/ui/fileDrop/index.d.ts.map +1 -1
- package/dist/ui/fileDrop/index.js +16 -16
- package/dist/ui/input/index.d.ts.map +1 -1
- package/dist/ui/input/index.js +15 -13
- package/dist/ui/listbox/multi.d.ts +1 -1
- package/dist/ui/listbox/shared.d.ts +1 -1
- package/dist/ui/listbox/shared.d.ts.map +1 -1
- package/dist/ui/listbox/shared.js +85 -79
- package/dist/ui/listbox/single.d.ts +1 -1
- package/dist/ui/menu/index.d.ts.map +1 -1
- package/dist/ui/menu/index.js +69 -67
- package/dist/ui/popover/index.d.ts.map +1 -1
- package/dist/ui/popover/index.js +41 -39
- package/dist/ui/radioGroup/index.d.ts.map +1 -1
- package/dist/ui/radioGroup/index.js +20 -20
- package/dist/ui/select/index.d.ts.map +1 -1
- package/dist/ui/select/index.js +13 -11
- package/dist/ui/slider/index.d.ts.map +1 -1
- package/dist/ui/slider/index.js +26 -26
- package/dist/ui/switch/index.d.ts.map +1 -1
- package/dist/ui/switch/index.js +14 -14
- package/dist/ui/tabs/index.d.ts.map +1 -1
- package/dist/ui/tabs/index.js +40 -36
- package/dist/ui/textarea/index.d.ts.map +1 -1
- package/dist/ui/textarea/index.js +15 -13
- package/dist/ui/toast/index.d.ts.map +1 -1
- package/dist/ui/toast/index.js +27 -27
- package/dist/ui/tooltip/index.d.ts.map +1 -1
- package/dist/ui/tooltip/index.js +23 -23
- package/dist/ui/virtualList/index.d.ts.map +1 -1
- package/dist/ui/virtualList/index.js +18 -15
- package/package.json +5 -1
package/dist/ui/menu/index.js
CHANGED
|
@@ -415,7 +415,7 @@ export { groupContiguous, resolveTypeaheadMatch };
|
|
|
415
415
|
const itemId = (id, index) => `${id}-item-${index}`;
|
|
416
416
|
/** Renders a headless menu with typeahead search, keyboard navigation, and aria-activedescendant focus management. */
|
|
417
417
|
export const view = (config) => {
|
|
418
|
-
const
|
|
418
|
+
const h = html();
|
|
419
419
|
const { model: { id, isOpen, animation: { transitionState }, maybeActiveItemIndex, searchQuery, maybeLastButtonPointerType, }, toParentMessage, onSelectedItem, items, itemToConfig, isItemDisabled, itemToSearchText = (item) => item, isButtonDisabled, buttonContent, buttonClassName, buttonAttributes = [], itemsClassName, itemsAttributes = [], itemsScrollClassName, itemsScrollAttributes = [], backdropClassName, backdropAttributes = [], className, attributes = [], itemGroupKey, groupToHeading, groupClassName, groupAttributes = [], separatorClassName, separatorAttributes = [], anchor, } = config;
|
|
420
420
|
const dispatchSelectedItem = (index) => onSelectedItem
|
|
421
421
|
? onSelectedItem(index)
|
|
@@ -423,19 +423,19 @@ export const view = (config) => {
|
|
|
423
423
|
const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
|
|
424
424
|
const isVisible = isOpen || isLeaving;
|
|
425
425
|
const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
|
|
426
|
-
DataAttribute('closed', ''),
|
|
427
|
-
DataAttribute('enter', ''),
|
|
428
|
-
DataAttribute('transition', ''),
|
|
426
|
+
h.DataAttribute('closed', ''),
|
|
427
|
+
h.DataAttribute('enter', ''),
|
|
428
|
+
h.DataAttribute('transition', ''),
|
|
429
429
|
]), M.when('EnterAnimating', () => [
|
|
430
|
-
DataAttribute('enter', ''),
|
|
431
|
-
DataAttribute('transition', ''),
|
|
430
|
+
h.DataAttribute('enter', ''),
|
|
431
|
+
h.DataAttribute('transition', ''),
|
|
432
432
|
]), M.when('LeaveStart', () => [
|
|
433
|
-
DataAttribute('leave', ''),
|
|
434
|
-
DataAttribute('transition', ''),
|
|
433
|
+
h.DataAttribute('leave', ''),
|
|
434
|
+
h.DataAttribute('transition', ''),
|
|
435
435
|
]), M.when('LeaveAnimating', () => [
|
|
436
|
-
DataAttribute('closed', ''),
|
|
437
|
-
DataAttribute('leave', ''),
|
|
438
|
-
DataAttribute('transition', ''),
|
|
436
|
+
h.DataAttribute('closed', ''),
|
|
437
|
+
h.DataAttribute('leave', ''),
|
|
438
|
+
h.DataAttribute('transition', ''),
|
|
439
439
|
]), M.orElse(() => []));
|
|
440
440
|
const isDisabled = (index) => Predicate.isNotUndefined(isItemDisabled) &&
|
|
441
441
|
pipe(items, Array.get(index), Option.exists(item => isItemDisabled(item, index)));
|
|
@@ -485,55 +485,55 @@ export const view = (config) => {
|
|
|
485
485
|
})))), M.when(isPrintableKey, () => searchForKey(key)), M.orElse(() => Option.none()));
|
|
486
486
|
const handleItemsPointerUp = (screenX, screenY, pointerType, timeStamp) => OptionExt.when(pointerType === 'mouse', toParentMessage(ReleasedPointerOnItems({ screenX, screenY, timeStamp })));
|
|
487
487
|
const resolvedButtonAttributes = [
|
|
488
|
-
Id(`${id}-button`),
|
|
489
|
-
Type('button'),
|
|
490
|
-
AriaHasPopup('menu'),
|
|
491
|
-
AriaExpanded(isVisible),
|
|
492
|
-
AriaControls(`${id}-items`),
|
|
488
|
+
h.Id(`${id}-button`),
|
|
489
|
+
h.Type('button'),
|
|
490
|
+
h.AriaHasPopup('menu'),
|
|
491
|
+
h.AriaExpanded(isVisible),
|
|
492
|
+
h.AriaControls(`${id}-items`),
|
|
493
493
|
...(isButtonDisabled
|
|
494
|
-
? [AriaDisabled(true), DataAttribute('disabled', '')]
|
|
494
|
+
? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
|
|
495
495
|
: [
|
|
496
|
-
OnPointerDown(handleButtonPointerDown),
|
|
497
|
-
OnKeyDownPreventDefault(handleButtonKeyDown),
|
|
498
|
-
OnKeyUpPreventDefault(handleSpaceKeyUp),
|
|
499
|
-
OnClick(handleButtonClick()),
|
|
496
|
+
h.OnPointerDown(handleButtonPointerDown),
|
|
497
|
+
h.OnKeyDownPreventDefault(handleButtonKeyDown),
|
|
498
|
+
h.OnKeyUpPreventDefault(handleSpaceKeyUp),
|
|
499
|
+
h.OnClick(handleButtonClick()),
|
|
500
500
|
]),
|
|
501
501
|
...(isVisible
|
|
502
502
|
? [
|
|
503
|
-
DataAttribute('open', ''),
|
|
504
|
-
Style({ position: 'relative', zIndex: '1' }),
|
|
503
|
+
h.DataAttribute('open', ''),
|
|
504
|
+
h.Style({ position: 'relative', zIndex: '1' }),
|
|
505
505
|
]
|
|
506
506
|
: []),
|
|
507
|
-
...(buttonClassName ? [Class(buttonClassName)] : []),
|
|
507
|
+
...(buttonClassName ? [h.Class(buttonClassName)] : []),
|
|
508
508
|
...buttonAttributes,
|
|
509
509
|
];
|
|
510
510
|
const maybeActiveDescendant = Option.match(maybeActiveItemIndex, {
|
|
511
511
|
onNone: () => [],
|
|
512
|
-
onSome: index => [AriaActiveDescendant(itemId(id, index))],
|
|
512
|
+
onSome: index => [h.AriaActiveDescendant(itemId(id, index))],
|
|
513
513
|
});
|
|
514
514
|
const anchorAttributes = anchor
|
|
515
515
|
? [
|
|
516
|
-
Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
|
|
517
|
-
OnMount(Mount.mapMessage(AnchorMenu({ buttonId: `${id}-button`, anchor }), toParentMessage)),
|
|
516
|
+
h.Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
|
|
517
|
+
h.OnMount(Mount.mapMessage(AnchorMenu({ buttonId: `${id}-button`, anchor }), toParentMessage)),
|
|
518
518
|
]
|
|
519
519
|
: [];
|
|
520
520
|
const itemsContainerAttributes = [
|
|
521
|
-
Id(`${id}-items`),
|
|
522
|
-
Role('menu'),
|
|
523
|
-
AriaLabelledBy(`${id}-button`),
|
|
521
|
+
h.Id(`${id}-items`),
|
|
522
|
+
h.Role('menu'),
|
|
523
|
+
h.AriaLabelledBy(`${id}-button`),
|
|
524
524
|
...maybeActiveDescendant,
|
|
525
|
-
Tabindex(0),
|
|
525
|
+
h.Tabindex(0),
|
|
526
526
|
...anchorAttributes,
|
|
527
527
|
...animationAttributes,
|
|
528
528
|
...(isLeaving
|
|
529
529
|
? []
|
|
530
530
|
: [
|
|
531
|
-
OnKeyDownPreventDefault(handleItemsKeyDown),
|
|
532
|
-
OnKeyUpPreventDefault(handleSpaceKeyUp),
|
|
533
|
-
OnPointerUp(handleItemsPointerUp),
|
|
534
|
-
OnBlur(toParentMessage(BlurredItems())),
|
|
531
|
+
h.OnKeyDownPreventDefault(handleItemsKeyDown),
|
|
532
|
+
h.OnKeyUpPreventDefault(handleSpaceKeyUp),
|
|
533
|
+
h.OnPointerUp(handleItemsPointerUp),
|
|
534
|
+
h.OnBlur(toParentMessage(BlurredItems())),
|
|
535
535
|
]),
|
|
536
|
-
...(itemsClassName ? [Class(itemsClassName)] : []),
|
|
536
|
+
...(itemsClassName ? [h.Class(itemsClassName)] : []),
|
|
537
537
|
...itemsAttributes,
|
|
538
538
|
];
|
|
539
539
|
const menuItems = Array.map(items, (item, index) => {
|
|
@@ -544,25 +544,25 @@ export const view = (config) => {
|
|
|
544
544
|
isDisabled: isDisabledItem,
|
|
545
545
|
});
|
|
546
546
|
const isInteractive = !isDisabledItem && !isLeaving;
|
|
547
|
-
return keyed('div')(itemId(id, index), [
|
|
548
|
-
Id(itemId(id, index)),
|
|
549
|
-
Role('menuitem'),
|
|
550
|
-
...(isActiveItem ? [DataAttribute('active', '')] : []),
|
|
547
|
+
return h.keyed('div')(itemId(id, index), [
|
|
548
|
+
h.Id(itemId(id, index)),
|
|
549
|
+
h.Role('menuitem'),
|
|
550
|
+
...(isActiveItem ? [h.DataAttribute('active', '')] : []),
|
|
551
551
|
...(isDisabledItem
|
|
552
|
-
? [AriaDisabled(true), DataAttribute('disabled', '')]
|
|
552
|
+
? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
|
|
553
553
|
: []),
|
|
554
554
|
...(isInteractive
|
|
555
555
|
? [
|
|
556
|
-
OnClick(dispatchSelectedItem(index)),
|
|
556
|
+
h.OnClick(dispatchSelectedItem(index)),
|
|
557
557
|
...(isActiveItem
|
|
558
558
|
? []
|
|
559
559
|
: [
|
|
560
|
-
OnPointerMove((screenX, screenY, pointerType) => OptionExt.when(pointerType !== 'touch', toParentMessage(MovedPointerOverItem({ index, screenX, screenY })))),
|
|
560
|
+
h.OnPointerMove((screenX, screenY, pointerType) => OptionExt.when(pointerType !== 'touch', toParentMessage(MovedPointerOverItem({ index, screenX, screenY })))),
|
|
561
561
|
]),
|
|
562
|
-
OnPointerLeave(pointerType => OptionExt.when(pointerType !== 'touch', toParentMessage(DeactivatedItem()))),
|
|
562
|
+
h.OnPointerLeave(pointerType => OptionExt.when(pointerType !== 'touch', toParentMessage(DeactivatedItem()))),
|
|
563
563
|
]
|
|
564
564
|
: []),
|
|
565
|
-
...(itemConfig.className ? [Class(itemConfig.className)] : []),
|
|
565
|
+
...(itemConfig.className ? [h.Class(itemConfig.className)] : []),
|
|
566
566
|
], [itemConfig.content]);
|
|
567
567
|
});
|
|
568
568
|
const renderGroupedItems = () => {
|
|
@@ -579,27 +579,27 @@ export const view = (config) => {
|
|
|
579
579
|
const headingElement = Option.match(maybeHeading, {
|
|
580
580
|
onNone: () => [],
|
|
581
581
|
onSome: heading => [
|
|
582
|
-
keyed('div')(headingId, [
|
|
583
|
-
Id(headingId),
|
|
584
|
-
Role('presentation'),
|
|
585
|
-
...(heading.className ? [Class(heading.className)] : []),
|
|
582
|
+
h.keyed('div')(headingId, [
|
|
583
|
+
h.Id(headingId),
|
|
584
|
+
h.Role('presentation'),
|
|
585
|
+
...(heading.className ? [h.Class(heading.className)] : []),
|
|
586
586
|
], [heading.content]),
|
|
587
587
|
],
|
|
588
588
|
});
|
|
589
589
|
const groupContent = [...headingElement, ...segment.items];
|
|
590
|
-
const groupElement = keyed('div')(`${id}-group-${segment.key}`, [
|
|
591
|
-
Role('group'),
|
|
592
|
-
...(Option.isSome(maybeHeading) ? [AriaLabelledBy(headingId)] : []),
|
|
593
|
-
...(groupClassName ? [Class(groupClassName)] : []),
|
|
590
|
+
const groupElement = h.keyed('div')(`${id}-group-${segment.key}`, [
|
|
591
|
+
h.Role('group'),
|
|
592
|
+
...(Option.isSome(maybeHeading) ? [h.AriaLabelledBy(headingId)] : []),
|
|
593
|
+
...(groupClassName ? [h.Class(groupClassName)] : []),
|
|
594
594
|
...groupAttributes,
|
|
595
595
|
], groupContent);
|
|
596
596
|
const separator = segmentIndex > 0 &&
|
|
597
597
|
(separatorClassName ||
|
|
598
598
|
Array.isReadonlyArrayNonEmpty(separatorAttributes))
|
|
599
599
|
? [
|
|
600
|
-
keyed('div')(`${id}-separator-${segmentIndex}`, [
|
|
601
|
-
Role('separator'),
|
|
602
|
-
...(separatorClassName ? [Class(separatorClassName)] : []),
|
|
600
|
+
h.keyed('div')(`${id}-separator-${segmentIndex}`, [
|
|
601
|
+
h.Role('separator'),
|
|
602
|
+
...(separatorClassName ? [h.Class(separatorClassName)] : []),
|
|
603
603
|
...separatorAttributes,
|
|
604
604
|
], []),
|
|
605
605
|
]
|
|
@@ -607,32 +607,34 @@ export const view = (config) => {
|
|
|
607
607
|
return [...separator, groupElement];
|
|
608
608
|
});
|
|
609
609
|
};
|
|
610
|
-
const backdrop = keyed('div')(`${id}-backdrop`, [
|
|
611
|
-
OnMount(Mount.mapMessage(PortalMenuBackdrop(), toParentMessage)),
|
|
612
|
-
...(isLeaving ? [] : [OnClick(toParentMessage(Closed()))]),
|
|
613
|
-
...(backdropClassName ? [Class(backdropClassName)] : []),
|
|
610
|
+
const backdrop = h.keyed('div')(`${id}-backdrop`, [
|
|
611
|
+
h.OnMount(Mount.mapMessage(PortalMenuBackdrop(), toParentMessage)),
|
|
612
|
+
...(isLeaving ? [] : [h.OnClick(toParentMessage(Closed()))]),
|
|
613
|
+
...(backdropClassName ? [h.Class(backdropClassName)] : []),
|
|
614
614
|
...backdropAttributes,
|
|
615
615
|
], []);
|
|
616
616
|
const renderedItems = renderGroupedItems();
|
|
617
617
|
const scrollableItems = itemsScrollClassName || Array.isReadonlyArrayNonEmpty(itemsScrollAttributes)
|
|
618
618
|
? [
|
|
619
|
-
div([
|
|
620
|
-
...(itemsScrollClassName ? [Class(itemsScrollClassName)] : []),
|
|
619
|
+
h.div([
|
|
620
|
+
...(itemsScrollClassName ? [h.Class(itemsScrollClassName)] : []),
|
|
621
621
|
...itemsScrollAttributes,
|
|
622
622
|
], renderedItems),
|
|
623
623
|
]
|
|
624
624
|
: renderedItems;
|
|
625
625
|
const visibleContent = [
|
|
626
626
|
backdrop,
|
|
627
|
-
keyed('div')(`${id}-items-container`, itemsContainerAttributes, scrollableItems),
|
|
627
|
+
h.keyed('div')(`${id}-items-container`, itemsContainerAttributes, scrollableItems),
|
|
628
628
|
];
|
|
629
629
|
const wrapperAttributes = [
|
|
630
|
-
...(className ? [Class(className)] : []),
|
|
630
|
+
...(className ? [h.Class(className)] : []),
|
|
631
631
|
...attributes,
|
|
632
|
-
...(isVisible ? [DataAttribute('open', '')] : []),
|
|
632
|
+
...(isVisible ? [h.DataAttribute('open', '')] : []),
|
|
633
633
|
];
|
|
634
|
-
return div(wrapperAttributes, [
|
|
635
|
-
keyed('button')(`${id}-button`, resolvedButtonAttributes, [
|
|
634
|
+
return h.div(wrapperAttributes, [
|
|
635
|
+
h.keyed('button')(`${id}-button`, resolvedButtonAttributes, [
|
|
636
|
+
buttonContent,
|
|
637
|
+
]),
|
|
636
638
|
...(isVisible ? visibleContent : []),
|
|
637
639
|
]);
|
|
638
640
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/popover/index.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/popover/index.js
CHANGED
|
@@ -237,26 +237,26 @@ export const open = (model) => update(model, Opened());
|
|
|
237
237
|
export const close = (model) => update(model, Closed());
|
|
238
238
|
/** Renders a headless popover with a trigger button and a floating panel. Uses the disclosure ARIA pattern (aria-expanded + aria-controls) with no role on the panel. */
|
|
239
239
|
export const view = (config) => {
|
|
240
|
-
const
|
|
240
|
+
const h = html();
|
|
241
241
|
const { model: { id, isOpen, contentFocus, animation: { transitionState }, maybeLastButtonPointerType, }, toParentMessage, onOpened, onClosed, anchor, buttonContent, buttonClassName, buttonAttributes = [], panelContent, panelClassName, panelAttributes = [], backdropClassName, backdropAttributes = [], isDisabled, focusSelector, className, attributes = [], } = config;
|
|
242
242
|
const dispatchOpened = () => onOpened ? onOpened() : toParentMessage(Opened());
|
|
243
243
|
const dispatchClosed = () => onClosed ? onClosed() : toParentMessage(Closed());
|
|
244
244
|
const isLeaving = transitionState === 'LeaveStart' || transitionState === 'LeaveAnimating';
|
|
245
245
|
const isVisible = isOpen || isLeaving;
|
|
246
246
|
const animationAttributes = M.value(transitionState).pipe(M.when('EnterStart', () => [
|
|
247
|
-
DataAttribute('closed', ''),
|
|
248
|
-
DataAttribute('enter', ''),
|
|
249
|
-
DataAttribute('transition', ''),
|
|
247
|
+
h.DataAttribute('closed', ''),
|
|
248
|
+
h.DataAttribute('enter', ''),
|
|
249
|
+
h.DataAttribute('transition', ''),
|
|
250
250
|
]), M.when('EnterAnimating', () => [
|
|
251
|
-
DataAttribute('enter', ''),
|
|
252
|
-
DataAttribute('transition', ''),
|
|
251
|
+
h.DataAttribute('enter', ''),
|
|
252
|
+
h.DataAttribute('transition', ''),
|
|
253
253
|
]), M.when('LeaveStart', () => [
|
|
254
|
-
DataAttribute('leave', ''),
|
|
255
|
-
DataAttribute('transition', ''),
|
|
254
|
+
h.DataAttribute('leave', ''),
|
|
255
|
+
h.DataAttribute('transition', ''),
|
|
256
256
|
]), M.when('LeaveAnimating', () => [
|
|
257
|
-
DataAttribute('closed', ''),
|
|
258
|
-
DataAttribute('leave', ''),
|
|
259
|
-
DataAttribute('transition', ''),
|
|
257
|
+
h.DataAttribute('closed', ''),
|
|
258
|
+
h.DataAttribute('leave', ''),
|
|
259
|
+
h.DataAttribute('transition', ''),
|
|
260
260
|
]), M.orElse(() => []));
|
|
261
261
|
const handleButtonKeyDown = (key) => M.value(key).pipe(M.whenOr('Enter', ' ', 'ArrowDown', () => Option.some(isOpen ? dispatchClosed() : dispatchOpened())), M.when('Escape', () => OptionExt.when(isOpen, dispatchClosed())), M.orElse(() => Option.none()));
|
|
262
262
|
const handleButtonPointerDown = (pointerType, button) => Option.some(toParentMessage(PressedPointerOnButton({
|
|
@@ -278,25 +278,25 @@ export const view = (config) => {
|
|
|
278
278
|
const handleSpaceKeyUp = (key) => OptionExt.when(key === ' ', toParentMessage(SuppressedSpaceScroll()));
|
|
279
279
|
const handlePanelKeyDown = (key) => M.value(key).pipe(M.when('Escape', () => Option.some(dispatchClosed())), M.orElse(() => Option.none()));
|
|
280
280
|
const resolvedButtonAttributes = [
|
|
281
|
-
Id(`${id}-button`),
|
|
282
|
-
Type('button'),
|
|
283
|
-
AriaExpanded(isVisible),
|
|
284
|
-
AriaControls(`${id}-panel`),
|
|
281
|
+
h.Id(`${id}-button`),
|
|
282
|
+
h.Type('button'),
|
|
283
|
+
h.AriaExpanded(isVisible),
|
|
284
|
+
h.AriaControls(`${id}-panel`),
|
|
285
285
|
...(isDisabled
|
|
286
|
-
? [AriaDisabled(true), DataAttribute('disabled', '')]
|
|
286
|
+
? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
|
|
287
287
|
: [
|
|
288
|
-
OnPointerDown(handleButtonPointerDown),
|
|
289
|
-
OnKeyDownPreventDefault(handleButtonKeyDown),
|
|
290
|
-
OnKeyUpPreventDefault(handleSpaceKeyUp),
|
|
291
|
-
OnClick(handleButtonClick()),
|
|
288
|
+
h.OnPointerDown(handleButtonPointerDown),
|
|
289
|
+
h.OnKeyDownPreventDefault(handleButtonKeyDown),
|
|
290
|
+
h.OnKeyUpPreventDefault(handleSpaceKeyUp),
|
|
291
|
+
h.OnClick(handleButtonClick()),
|
|
292
292
|
]),
|
|
293
293
|
...(isVisible
|
|
294
294
|
? [
|
|
295
|
-
DataAttribute('open', ''),
|
|
296
|
-
Style({ position: 'relative', zIndex: '1' }),
|
|
295
|
+
h.DataAttribute('open', ''),
|
|
296
|
+
h.Style({ position: 'relative', zIndex: '1' }),
|
|
297
297
|
]
|
|
298
298
|
: []),
|
|
299
|
-
...(buttonClassName ? [Class(buttonClassName)] : []),
|
|
299
|
+
...(buttonClassName ? [h.Class(buttonClassName)] : []),
|
|
300
300
|
...buttonAttributes,
|
|
301
301
|
];
|
|
302
302
|
const anchorPopover = Mount.mapMessage(AnchorPopover({
|
|
@@ -305,42 +305,44 @@ export const view = (config) => {
|
|
|
305
305
|
...(focusSelector !== undefined && { focusSelector }),
|
|
306
306
|
}), toParentMessage);
|
|
307
307
|
const anchorAttributes = [
|
|
308
|
-
Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
|
|
309
|
-
OnMount(anchorPopover),
|
|
308
|
+
h.Style({ position: 'absolute', margin: '0', visibility: 'hidden' }),
|
|
309
|
+
h.OnMount(anchorPopover),
|
|
310
310
|
];
|
|
311
311
|
const resolvedPanelAttributes = [
|
|
312
|
-
Id(`${id}-panel`),
|
|
313
|
-
...(contentFocus ? [] : [Tabindex(0)]),
|
|
312
|
+
h.Id(`${id}-panel`),
|
|
313
|
+
...(contentFocus ? [] : [h.Tabindex(0)]),
|
|
314
314
|
...anchorAttributes,
|
|
315
315
|
...animationAttributes,
|
|
316
316
|
...(isLeaving
|
|
317
317
|
? []
|
|
318
318
|
: [
|
|
319
|
-
OnKeyDownPreventDefault(handlePanelKeyDown),
|
|
320
|
-
...(contentFocus ? [] : [OnBlur(toParentMessage(BlurredPanel()))]),
|
|
319
|
+
h.OnKeyDownPreventDefault(handlePanelKeyDown),
|
|
320
|
+
...(contentFocus ? [] : [h.OnBlur(toParentMessage(BlurredPanel()))]),
|
|
321
321
|
]),
|
|
322
|
-
...(panelClassName ? [Class(panelClassName)] : []),
|
|
322
|
+
...(panelClassName ? [h.Class(panelClassName)] : []),
|
|
323
323
|
...panelAttributes,
|
|
324
324
|
];
|
|
325
|
-
const backdrop = keyed('div')(`${id}-backdrop`, [
|
|
326
|
-
OnMount(Mount.mapMessage(PortalPopoverBackdrop(), toParentMessage)),
|
|
327
|
-
...(isLeaving ? [] : [OnClick(dispatchClosed())]),
|
|
328
|
-
...(backdropClassName ? [Class(backdropClassName)] : []),
|
|
325
|
+
const backdrop = h.keyed('div')(`${id}-backdrop`, [
|
|
326
|
+
h.OnMount(Mount.mapMessage(PortalPopoverBackdrop(), toParentMessage)),
|
|
327
|
+
...(isLeaving ? [] : [h.OnClick(dispatchClosed())]),
|
|
328
|
+
...(backdropClassName ? [h.Class(backdropClassName)] : []),
|
|
329
329
|
...backdropAttributes,
|
|
330
330
|
], []);
|
|
331
331
|
const visibleContent = [
|
|
332
332
|
backdrop,
|
|
333
|
-
keyed('div')(`${id}-panel-container`, resolvedPanelAttributes, [
|
|
333
|
+
h.keyed('div')(`${id}-panel-container`, resolvedPanelAttributes, [
|
|
334
334
|
panelContent,
|
|
335
335
|
]),
|
|
336
336
|
];
|
|
337
337
|
const wrapperAttributes = [
|
|
338
|
-
...(className ? [Class(className)] : []),
|
|
338
|
+
...(className ? [h.Class(className)] : []),
|
|
339
339
|
...attributes,
|
|
340
|
-
...(isVisible ? [DataAttribute('open', '')] : []),
|
|
340
|
+
...(isVisible ? [h.DataAttribute('open', '')] : []),
|
|
341
341
|
];
|
|
342
|
-
return div(wrapperAttributes, [
|
|
343
|
-
keyed('button')(`${id}-button`, resolvedButtonAttributes, [
|
|
342
|
+
return h.div(wrapperAttributes, [
|
|
343
|
+
h.keyed('button')(`${id}-button`, resolvedButtonAttributes, [
|
|
344
|
+
buttonContent,
|
|
345
|
+
]),
|
|
344
346
|
...(isVisible ? visibleContent : []),
|
|
345
347
|
]);
|
|
346
348
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/radioGroup/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/radioGroup/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -52,7 +52,7 @@ const labelId = (id, index) => `${id}-option-${index}-label`;
|
|
|
52
52
|
const descriptionId = (id, index) => `${id}-option-${index}-description`;
|
|
53
53
|
/** Renders an accessible radio group by building ARIA attribute groups and delegating layout to the consumer's `optionToConfig` callback. */
|
|
54
54
|
export const view = (config) => {
|
|
55
|
-
const
|
|
55
|
+
const h = html();
|
|
56
56
|
const { model, model: { id, selectedValue }, toParentMessage, onSelected, options, optionToConfig, isOptionDisabled: isOptionDisabledFn, orientation = model.orientation, ariaLabel, className, attributes = [], name, isDisabled: isGroupDisabled = false, } = config;
|
|
57
57
|
const dispatchSelected = (value, index) => onSelected
|
|
58
58
|
? onSelected(value, index)
|
|
@@ -98,33 +98,33 @@ export const view = (config) => {
|
|
|
98
98
|
isActive: isFocusable,
|
|
99
99
|
isDisabled: isOptionDisabled,
|
|
100
100
|
});
|
|
101
|
-
const checkedAttributes = isSelected ? [DataAttribute('checked', '')] : [];
|
|
102
|
-
const activeAttributes = isFocusable ? [DataAttribute('active', '')] : [];
|
|
101
|
+
const checkedAttributes = isSelected ? [h.DataAttribute('checked', '')] : [];
|
|
102
|
+
const activeAttributes = isFocusable ? [h.DataAttribute('active', '')] : [];
|
|
103
103
|
const disabledAttributes = isOptionDisabled
|
|
104
|
-
? [AriaDisabled(true), DataAttribute('disabled', '')]
|
|
104
|
+
? [h.AriaDisabled(true), h.DataAttribute('disabled', '')]
|
|
105
105
|
: [];
|
|
106
106
|
const optionAttributes = [
|
|
107
|
-
Id(optionId(id, index)),
|
|
108
|
-
Role('radio'),
|
|
109
|
-
AriaChecked(isSelected),
|
|
110
|
-
AriaLabelledBy(labelId(id, index)),
|
|
111
|
-
AriaDescribedBy(descriptionId(id, index)),
|
|
112
|
-
Tabindex(isFocusable ? 0 : -1),
|
|
107
|
+
h.Id(optionId(id, index)),
|
|
108
|
+
h.Role('radio'),
|
|
109
|
+
h.AriaChecked(isSelected),
|
|
110
|
+
h.AriaLabelledBy(labelId(id, index)),
|
|
111
|
+
h.AriaDescribedBy(descriptionId(id, index)),
|
|
112
|
+
h.Tabindex(isFocusable ? 0 : -1),
|
|
113
113
|
...checkedAttributes,
|
|
114
114
|
...activeAttributes,
|
|
115
115
|
...disabledAttributes,
|
|
116
116
|
...(isOptionDisabled
|
|
117
117
|
? []
|
|
118
118
|
: [
|
|
119
|
-
OnClick(dispatchSelected(optionConfig.value, index)),
|
|
120
|
-
OnKeyDownPreventDefault(handleKeyDown(index)),
|
|
119
|
+
h.OnClick(dispatchSelected(optionConfig.value, index)),
|
|
120
|
+
h.OnKeyDownPreventDefault(handleKeyDown(index)),
|
|
121
121
|
]),
|
|
122
122
|
];
|
|
123
123
|
const labelAttributes = [
|
|
124
|
-
Id(labelId(id, index)),
|
|
124
|
+
h.Id(labelId(id, index)),
|
|
125
125
|
];
|
|
126
126
|
const descriptionAttributes = [
|
|
127
|
-
Id(descriptionId(id, index)),
|
|
127
|
+
h.Id(descriptionId(id, index)),
|
|
128
128
|
];
|
|
129
129
|
return optionConfig.content({
|
|
130
130
|
option: optionAttributes,
|
|
@@ -132,18 +132,18 @@ export const view = (config) => {
|
|
|
132
132
|
description: descriptionAttributes,
|
|
133
133
|
});
|
|
134
134
|
});
|
|
135
|
-
const hiddenInputs = pipe(name, Option.fromNullishOr, Option.flatMap(inputName => pipe(selectedValue, Option.map(value => input([Type('hidden'), Name(inputName), Value(value)])))), Option.match({
|
|
135
|
+
const hiddenInputs = pipe(name, Option.fromNullishOr, Option.flatMap(inputName => pipe(selectedValue, Option.map(value => h.input([h.Type('hidden'), h.Name(inputName), h.Value(value)])))), Option.match({
|
|
136
136
|
onNone: () => [],
|
|
137
137
|
onSome: hiddenInput => [hiddenInput],
|
|
138
138
|
}));
|
|
139
139
|
const groupAttributes = [
|
|
140
|
-
Role('radiogroup'),
|
|
141
|
-
AriaOrientation(String.toLowerCase(orientation)),
|
|
142
|
-
AriaLabel(ariaLabel),
|
|
143
|
-
...(className ? [Class(className)] : []),
|
|
140
|
+
h.Role('radiogroup'),
|
|
141
|
+
h.AriaOrientation(String.toLowerCase(orientation)),
|
|
142
|
+
h.AriaLabel(ariaLabel),
|
|
143
|
+
...(className ? [h.Class(className)] : []),
|
|
144
144
|
...attributes,
|
|
145
145
|
];
|
|
146
|
-
return div(groupAttributes, [...renderedOptions, ...hiddenInputs]);
|
|
146
|
+
return h.div(groupAttributes, [...renderedOptions, ...hiddenInputs]);
|
|
147
147
|
};
|
|
148
148
|
/** Creates a memoized radio group view. Static config is captured in a closure;
|
|
149
149
|
* only `model` and `toParentMessage` are compared per render via `createLazy`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/select/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAI/C,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACrD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CACrD,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,sEAAsE;AACtE,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,MAA6B,CAAA;AAExE,gIAAgI;AAChI,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/select/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAA;AAI/C,0FAA0F;AAC1F,MAAM,MAAM,gBAAgB,CAAC,aAAa,IAAI,QAAQ,CAAC;IACrD,MAAM,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC/C,KAAK,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;IAC9C,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAA;CACrD,CAAC,CAAA;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,aAAa,IAAI,QAAQ,CAAC;IAC/C,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;IAC7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC,CAAA;AAEF,sEAAsE;AACtE,eAAO,MAAM,aAAa,GAAI,IAAI,MAAM,KAAG,MAA6B,CAAA;AAExE,gIAAgI;AAChI,eAAO,MAAM,IAAI,GAAI,aAAa,EAChC,QAAQ,UAAU,CAAC,aAAa,CAAC,KAChC,IAuDF,CAAA"}
|
package/dist/ui/select/index.js
CHANGED
|
@@ -4,23 +4,25 @@ import { html } from '../../html/index.js';
|
|
|
4
4
|
export const descriptionId = (id) => `${id}-description`;
|
|
5
5
|
/** Renders an accessible select by building ARIA attribute groups and delegating layout to the consumer's `toView` callback. */
|
|
6
6
|
export const view = (config) => {
|
|
7
|
-
const
|
|
7
|
+
const h = html();
|
|
8
8
|
const { toView, id, onChange, value, isDisabled = false, isInvalid = false, isAutofocus = false, name, } = config;
|
|
9
9
|
const disabledAttributes = isDisabled
|
|
10
|
-
? [AriaDisabled(true), Disabled(true), DataAttribute('disabled', '')]
|
|
10
|
+
? [h.AriaDisabled(true), h.Disabled(true), h.DataAttribute('disabled', '')]
|
|
11
11
|
: [];
|
|
12
12
|
const invalidAttributes = isInvalid
|
|
13
|
-
? [AriaInvalid(true), DataAttribute('invalid', '')]
|
|
13
|
+
? [h.AriaInvalid(true), h.DataAttribute('invalid', '')]
|
|
14
14
|
: [];
|
|
15
15
|
const changeAttributes = Predicate.isNotUndefined(onChange) && !isDisabled
|
|
16
|
-
? [OnChange(onChange)]
|
|
16
|
+
? [h.OnChange(onChange)]
|
|
17
17
|
: [];
|
|
18
|
-
const valueAttributes = Predicate.isNotUndefined(value)
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
const valueAttributes = Predicate.isNotUndefined(value)
|
|
19
|
+
? [h.Value(value)]
|
|
20
|
+
: [];
|
|
21
|
+
const autofocusAttributes = isAutofocus ? [h.Autofocus(true)] : [];
|
|
22
|
+
const nameAttributes = Predicate.isNotUndefined(name) ? [h.Name(name)] : [];
|
|
21
23
|
const allSelectAttributes = [
|
|
22
|
-
Id(id),
|
|
23
|
-
AriaDescribedBy(descriptionId(id)),
|
|
24
|
+
h.Id(id),
|
|
25
|
+
h.AriaDescribedBy(descriptionId(id)),
|
|
24
26
|
...disabledAttributes,
|
|
25
27
|
...invalidAttributes,
|
|
26
28
|
...changeAttributes,
|
|
@@ -28,8 +30,8 @@ export const view = (config) => {
|
|
|
28
30
|
...autofocusAttributes,
|
|
29
31
|
...nameAttributes,
|
|
30
32
|
];
|
|
31
|
-
const labelAttributes = [For(id)];
|
|
32
|
-
const descriptionAttributes = [Id(descriptionId(id))];
|
|
33
|
+
const labelAttributes = [h.For(id)];
|
|
34
|
+
const descriptionAttributes = [h.Id(descriptionId(id))];
|
|
33
35
|
return toView({
|
|
34
36
|
select: allSelectAttributes,
|
|
35
37
|
label: labelAttributes,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/slider/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/slider/index.ts"],"names":[],"mappings":"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"}
|