@proyecto-viviana/solidaria 0.2.8 → 0.4.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 +31 -236
- package/dist/_chunk/actiongroup.js +207 -0
- package/dist/_chunk/actiongroup.js.map +1 -0
- package/dist/_chunk/actiongroup.jsx +207 -0
- package/dist/_chunk/actiongroup.jsx.map +1 -0
- package/dist/_chunk/ariaHideOutside.js +122 -0
- package/dist/_chunk/ariaHideOutside.js.map +1 -0
- package/dist/_chunk/ariaHideOutside.jsx +122 -0
- package/dist/_chunk/ariaHideOutside.jsx.map +1 -0
- package/dist/_chunk/autocomplete.js +196 -0
- package/dist/_chunk/autocomplete.js.map +1 -0
- package/dist/_chunk/autocomplete.jsx +196 -0
- package/dist/_chunk/autocomplete.jsx.map +1 -0
- package/dist/_chunk/breadcrumbs.js +119 -0
- package/dist/_chunk/breadcrumbs.js.map +1 -0
- package/dist/_chunk/breadcrumbs.jsx +119 -0
- package/dist/_chunk/breadcrumbs.jsx.map +1 -0
- package/dist/_chunk/button.js +276 -0
- package/dist/_chunk/button.js.map +1 -0
- package/dist/_chunk/button.jsx +276 -0
- package/dist/_chunk/button.jsx.map +1 -0
- package/dist/_chunk/calendar.js +1036 -0
- package/dist/_chunk/calendar.js.map +1 -0
- package/dist/_chunk/calendar.jsx +1036 -0
- package/dist/_chunk/calendar.jsx.map +1 -0
- package/dist/_chunk/checkbox.js +234 -0
- package/dist/_chunk/checkbox.js.map +1 -0
- package/dist/_chunk/checkbox.jsx +234 -0
- package/dist/_chunk/checkbox.jsx.map +1 -0
- package/dist/_chunk/color.js +1174 -0
- package/dist/_chunk/color.js.map +1 -0
- package/dist/_chunk/color.jsx +1174 -0
- package/dist/_chunk/color.jsx.map +1 -0
- package/dist/_chunk/combobox.js +436 -0
- package/dist/_chunk/combobox.js.map +1 -0
- package/dist/_chunk/combobox.jsx +436 -0
- package/dist/_chunk/combobox.jsx.map +1 -0
- package/dist/_chunk/createCollator.js +229 -0
- package/dist/_chunk/createCollator.js.map +1 -0
- package/dist/_chunk/createCollator.jsx +223 -0
- package/dist/_chunk/createCollator.jsx.map +1 -0
- package/dist/_chunk/createCollectionRowInteraction.js +133 -0
- package/dist/_chunk/createCollectionRowInteraction.js.map +1 -0
- package/dist/_chunk/createCollectionRowInteraction.jsx +133 -0
- package/dist/_chunk/createCollectionRowInteraction.jsx.map +1 -0
- package/dist/_chunk/createField.js +54 -0
- package/dist/_chunk/createField.js.map +1 -0
- package/dist/_chunk/createField.jsx +54 -0
- package/dist/_chunk/createField.jsx.map +1 -0
- package/dist/_chunk/createFocus.js +101 -0
- package/dist/_chunk/createFocus.js.map +1 -0
- package/dist/_chunk/createFocus.jsx +101 -0
- package/dist/_chunk/createFocus.jsx.map +1 -0
- package/dist/_chunk/createFocusRing.js +54 -0
- package/dist/_chunk/createFocusRing.js.map +1 -0
- package/dist/_chunk/createFocusRing.jsx +54 -0
- package/dist/_chunk/createFocusRing.jsx.map +1 -0
- package/dist/_chunk/createFocusWithin.js +121 -0
- package/dist/_chunk/createFocusWithin.js.map +1 -0
- package/dist/_chunk/createFocusWithin.jsx +121 -0
- package/dist/_chunk/createFocusWithin.jsx.map +1 -0
- package/dist/_chunk/createFocusable.js +131 -0
- package/dist/_chunk/createFocusable.js.map +1 -0
- package/dist/_chunk/createFocusable.jsx +131 -0
- package/dist/_chunk/createFocusable.jsx.map +1 -0
- package/dist/_chunk/createFormValidation.js +135 -0
- package/dist/_chunk/createFormValidation.js.map +1 -0
- package/dist/_chunk/createFormValidation.jsx +135 -0
- package/dist/_chunk/createFormValidation.jsx.map +1 -0
- package/dist/_chunk/createHover.js +130 -0
- package/dist/_chunk/createHover.js.map +1 -0
- package/dist/_chunk/createHover.jsx +130 -0
- package/dist/_chunk/createHover.jsx.map +1 -0
- package/dist/_chunk/createInteractionModality.js +269 -0
- package/dist/_chunk/createInteractionModality.js.map +1 -0
- package/dist/_chunk/createInteractionModality.jsx +269 -0
- package/dist/_chunk/createInteractionModality.jsx.map +1 -0
- package/dist/_chunk/createLabel.js +46 -0
- package/dist/_chunk/createLabel.js.map +1 -0
- package/dist/_chunk/createLabel.jsx +46 -0
- package/dist/_chunk/createLabel.jsx.map +1 -0
- package/dist/_chunk/createLabels.js +31 -0
- package/dist/_chunk/createLabels.js.map +1 -0
- package/dist/_chunk/createLabels.jsx +31 -0
- package/dist/_chunk/createLabels.jsx.map +1 -0
- package/dist/_chunk/createLandmark.js +198 -0
- package/dist/_chunk/createLandmark.js.map +1 -0
- package/dist/_chunk/createLandmark.jsx +198 -0
- package/dist/_chunk/createLandmark.jsx.map +1 -0
- package/dist/_chunk/createLongPress.js +91 -0
- package/dist/_chunk/createLongPress.js.map +1 -0
- package/dist/_chunk/createLongPress.jsx +91 -0
- package/dist/_chunk/createLongPress.jsx.map +1 -0
- package/dist/_chunk/createOverlay.js +327 -0
- package/dist/_chunk/createOverlay.js.map +1 -0
- package/dist/_chunk/createOverlay.jsx +327 -0
- package/dist/_chunk/createOverlay.jsx.map +1 -0
- package/dist/_chunk/createPress.js +526 -0
- package/dist/_chunk/createPress.js.map +1 -0
- package/dist/_chunk/createPress.jsx +526 -0
- package/dist/_chunk/createPress.jsx.map +1 -0
- package/dist/_chunk/createProgressBar.js +81 -0
- package/dist/_chunk/createProgressBar.js.map +1 -0
- package/dist/_chunk/createProgressBar.jsx +81 -0
- package/dist/_chunk/createProgressBar.jsx.map +1 -0
- package/dist/_chunk/createSelectableItem.js +298 -0
- package/dist/_chunk/createSelectableItem.js.map +1 -0
- package/dist/_chunk/createSelectableItem.jsx +298 -0
- package/dist/_chunk/createSelectableItem.jsx.map +1 -0
- package/dist/_chunk/createToggle.js +158 -0
- package/dist/_chunk/createToggle.js.map +1 -0
- package/dist/_chunk/createToggle.jsx +158 -0
- package/dist/_chunk/createToggle.jsx.map +1 -0
- package/dist/_chunk/createTypeSelect.js +125 -0
- package/dist/_chunk/createTypeSelect.js.map +1 -0
- package/dist/_chunk/createTypeSelect.jsx +125 -0
- package/dist/_chunk/createTypeSelect.jsx.map +1 -0
- package/dist/_chunk/datepicker.js +1393 -0
- package/dist/_chunk/datepicker.js.map +1 -0
- package/dist/_chunk/datepicker.jsx +1393 -0
- package/dist/_chunk/datepicker.jsx.map +1 -0
- package/dist/_chunk/dialog.js +62 -0
- package/dist/_chunk/dialog.js.map +1 -0
- package/dist/_chunk/dialog.jsx +62 -0
- package/dist/_chunk/dialog.jsx.map +1 -0
- package/dist/_chunk/disclosure.js +185 -0
- package/dist/_chunk/disclosure.js.map +1 -0
- package/dist/_chunk/disclosure.jsx +185 -0
- package/dist/_chunk/disclosure.jsx.map +1 -0
- package/dist/_chunk/dnd.js +1304 -0
- package/dist/_chunk/dnd.js.map +1 -0
- package/dist/_chunk/dnd.jsx +1304 -0
- package/dist/_chunk/dnd.jsx.map +1 -0
- package/dist/_chunk/env.js +105 -0
- package/dist/_chunk/env.js.map +1 -0
- package/dist/_chunk/env.jsx +105 -0
- package/dist/_chunk/env.jsx.map +1 -0
- package/dist/_chunk/filterDOMProps.js +82 -0
- package/dist/_chunk/filterDOMProps.js.map +1 -0
- package/dist/_chunk/filterDOMProps.jsx +82 -0
- package/dist/_chunk/filterDOMProps.jsx.map +1 -0
- package/dist/_chunk/focus.js +399 -0
- package/dist/_chunk/focus.js.map +1 -0
- package/dist/_chunk/focus.jsx +399 -0
- package/dist/_chunk/focus.jsx.map +1 -0
- package/dist/_chunk/focus2.js +895 -0
- package/dist/_chunk/focus2.js.map +1 -0
- package/dist/_chunk/focus2.jsx +870 -0
- package/dist/_chunk/focus2.jsx.map +1 -0
- package/dist/_chunk/form.js +39 -0
- package/dist/_chunk/form.js.map +1 -0
- package/dist/_chunk/form.jsx +39 -0
- package/dist/_chunk/form.jsx.map +1 -0
- package/dist/_chunk/grid.js +623 -0
- package/dist/_chunk/grid.js.map +1 -0
- package/dist/_chunk/grid.jsx +623 -0
- package/dist/_chunk/grid.jsx.map +1 -0
- package/dist/_chunk/gridlist.js +364 -0
- package/dist/_chunk/gridlist.js.map +1 -0
- package/dist/_chunk/gridlist.jsx +364 -0
- package/dist/_chunk/gridlist.jsx.map +1 -0
- package/dist/_chunk/i18n.js +254 -0
- package/dist/_chunk/i18n.js.map +1 -0
- package/dist/_chunk/i18n.jsx +254 -0
- package/dist/_chunk/i18n.jsx.map +1 -0
- package/dist/_chunk/interactions.js +241 -0
- package/dist/_chunk/interactions.js.map +1 -0
- package/dist/_chunk/interactions.jsx +237 -0
- package/dist/_chunk/interactions.jsx.map +1 -0
- package/dist/_chunk/link.js +96 -0
- package/dist/_chunk/link.js.map +1 -0
- package/dist/_chunk/link.jsx +96 -0
- package/dist/_chunk/link.jsx.map +1 -0
- package/dist/_chunk/listbox.js +324 -0
- package/dist/_chunk/listbox.js.map +1 -0
- package/dist/_chunk/listbox.jsx +324 -0
- package/dist/_chunk/listbox.jsx.map +1 -0
- package/dist/_chunk/live-announcer.js +207 -0
- package/dist/_chunk/live-announcer.js.map +1 -0
- package/dist/_chunk/live-announcer.jsx +207 -0
- package/dist/_chunk/live-announcer.jsx.map +1 -0
- package/dist/_chunk/menu.js +518 -0
- package/dist/_chunk/menu.js.map +1 -0
- package/dist/_chunk/menu.jsx +518 -0
- package/dist/_chunk/menu.jsx.map +1 -0
- package/dist/_chunk/meter.js +33 -0
- package/dist/_chunk/meter.js.map +1 -0
- package/dist/_chunk/meter.jsx +33 -0
- package/dist/_chunk/meter.jsx.map +1 -0
- package/dist/_chunk/numberfield.js +258 -0
- package/dist/_chunk/numberfield.js.map +1 -0
- package/dist/_chunk/numberfield.jsx +258 -0
- package/dist/_chunk/numberfield.jsx.map +1 -0
- package/dist/_chunk/overlays.js +186 -0
- package/dist/_chunk/overlays.js.map +1 -0
- package/dist/_chunk/overlays.jsx +162 -0
- package/dist/_chunk/overlays.jsx.map +1 -0
- package/dist/_chunk/popover.js +574 -0
- package/dist/_chunk/popover.js.map +1 -0
- package/dist/_chunk/popover.jsx +574 -0
- package/dist/_chunk/popover.jsx.map +1 -0
- package/dist/_chunk/radio.js +319 -0
- package/dist/_chunk/radio.js.map +1 -0
- package/dist/_chunk/radio.jsx +319 -0
- package/dist/_chunk/radio.jsx.map +1 -0
- package/dist/_chunk/searchfield.js +209 -0
- package/dist/_chunk/searchfield.js.map +1 -0
- package/dist/_chunk/searchfield.jsx +209 -0
- package/dist/_chunk/searchfield.jsx.map +1 -0
- package/dist/_chunk/select.js +403 -0
- package/dist/_chunk/select.js.map +1 -0
- package/dist/_chunk/select.jsx +394 -0
- package/dist/_chunk/select.jsx.map +1 -0
- package/dist/_chunk/selection.js +679 -0
- package/dist/_chunk/selection.js.map +1 -0
- package/dist/_chunk/selection.jsx +679 -0
- package/dist/_chunk/selection.jsx.map +1 -0
- package/dist/_chunk/separator.js +29 -0
- package/dist/_chunk/separator.js.map +1 -0
- package/dist/_chunk/separator.jsx +29 -0
- package/dist/_chunk/separator.jsx.map +1 -0
- package/dist/_chunk/slider.js +255 -0
- package/dist/_chunk/slider.js.map +1 -0
- package/dist/_chunk/slider.jsx +255 -0
- package/dist/_chunk/slider.jsx.map +1 -0
- package/dist/_chunk/steplist.js +66 -0
- package/dist/_chunk/steplist.js.map +1 -0
- package/dist/_chunk/steplist.jsx +66 -0
- package/dist/_chunk/steplist.jsx.map +1 -0
- package/dist/_chunk/switch.js +34 -0
- package/dist/_chunk/switch.js.map +1 -0
- package/dist/_chunk/switch.jsx +34 -0
- package/dist/_chunk/switch.jsx.map +1 -0
- package/dist/_chunk/table.js +1051 -0
- package/dist/_chunk/table.js.map +1 -0
- package/dist/_chunk/table.jsx +1051 -0
- package/dist/_chunk/table.jsx.map +1 -0
- package/dist/_chunk/tabs.js +260 -0
- package/dist/_chunk/tabs.js.map +1 -0
- package/dist/_chunk/tabs.jsx +260 -0
- package/dist/_chunk/tabs.jsx.map +1 -0
- package/dist/_chunk/tag.js +286 -0
- package/dist/_chunk/tag.js.map +1 -0
- package/dist/_chunk/tag.jsx +286 -0
- package/dist/_chunk/tag.jsx.map +1 -0
- package/dist/_chunk/textfield.js +109 -0
- package/dist/_chunk/textfield.js.map +1 -0
- package/dist/_chunk/textfield.jsx +109 -0
- package/dist/_chunk/textfield.jsx.map +1 -0
- package/dist/_chunk/toast.js +250 -0
- package/dist/_chunk/toast.js.map +1 -0
- package/dist/_chunk/toast.jsx +250 -0
- package/dist/_chunk/toast.jsx.map +1 -0
- package/dist/_chunk/toolbar.js +258 -0
- package/dist/_chunk/toolbar.js.map +1 -0
- package/dist/_chunk/toolbar.jsx +258 -0
- package/dist/_chunk/toolbar.jsx.map +1 -0
- package/dist/_chunk/tooltip.js +185 -0
- package/dist/_chunk/tooltip.js.map +1 -0
- package/dist/_chunk/tooltip.jsx +185 -0
- package/dist/_chunk/tooltip.jsx.map +1 -0
- package/dist/_chunk/tree.js +424 -0
- package/dist/_chunk/tree.js.map +1 -0
- package/dist/_chunk/tree.jsx +424 -0
- package/dist/_chunk/tree.jsx.map +1 -0
- package/dist/_chunk/utils.js +665 -0
- package/dist/_chunk/utils.js.map +1 -0
- package/dist/_chunk/utils.jsx +665 -0
- package/dist/_chunk/utils.jsx.map +1 -0
- package/dist/_chunk/visually-hidden.js +92 -0
- package/dist/_chunk/visually-hidden.js.map +1 -0
- package/dist/_chunk/visually-hidden.jsx +92 -0
- package/dist/_chunk/visually-hidden.jsx.map +1 -0
- package/dist/actiongroup/createActionGroup.d.ts +5 -5
- package/dist/actiongroup/createActionGroup.d.ts.map +1 -1
- package/dist/actiongroup/index.d.ts +1 -1
- package/dist/actiongroup/index.js +2 -0
- package/dist/actiongroup/index.jsx +2 -0
- package/dist/autocomplete/createAutocomplete.d.ts +12 -10
- package/dist/autocomplete/createAutocomplete.d.ts.map +1 -1
- package/dist/autocomplete/index.d.ts +1 -1
- package/dist/autocomplete/index.d.ts.map +1 -1
- package/dist/autocomplete/index.js +2 -0
- package/dist/autocomplete/index.jsx +2 -0
- package/dist/breadcrumbs/createBreadcrumbs.d.ts +9 -7
- package/dist/breadcrumbs/createBreadcrumbs.d.ts.map +1 -1
- package/dist/breadcrumbs/index.d.ts +1 -1
- package/dist/breadcrumbs/index.js +2 -0
- package/dist/breadcrumbs/index.jsx +2 -0
- package/dist/button/createButton.d.ts +1 -1
- package/dist/button/createButton.d.ts.map +1 -1
- package/dist/button/createToggleButton.d.ts +3 -3
- package/dist/button/createToggleButtonGroup.d.ts +7 -7
- package/dist/button/createToggleButtonGroup.d.ts.map +1 -1
- package/dist/button/index.d.ts +6 -6
- package/dist/button/index.d.ts.map +1 -1
- package/dist/button/index.js +2 -0
- package/dist/button/index.jsx +2 -0
- package/dist/button/types.d.ts +18 -12
- package/dist/button/types.d.ts.map +1 -1
- package/dist/calendar/createCalendar.d.ts +15 -5
- package/dist/calendar/createCalendar.d.ts.map +1 -1
- package/dist/calendar/createCalendarCell.d.ts +6 -2
- package/dist/calendar/createCalendarCell.d.ts.map +1 -1
- package/dist/calendar/createCalendarGrid.d.ts +4 -4
- package/dist/calendar/createCalendarGrid.d.ts.map +1 -1
- package/dist/calendar/createCalendarMonthPicker.d.ts +41 -0
- package/dist/calendar/createCalendarMonthPicker.d.ts.map +1 -0
- package/dist/calendar/createCalendarYearPicker.d.ts +49 -0
- package/dist/calendar/createCalendarYearPicker.d.ts.map +1 -0
- package/dist/calendar/createRangeCalendar.d.ts +15 -5
- package/dist/calendar/createRangeCalendar.d.ts.map +1 -1
- package/dist/calendar/createRangeCalendarCell.d.ts +4 -2
- package/dist/calendar/createRangeCalendarCell.d.ts.map +1 -1
- package/dist/calendar/index.d.ts +7 -5
- package/dist/calendar/index.d.ts.map +1 -1
- package/dist/calendar/index.js +2 -0
- package/dist/calendar/index.jsx +2 -0
- package/dist/calendar/intl/index.d.ts +12 -0
- package/dist/calendar/intl/index.d.ts.map +1 -0
- package/dist/calendar/utils.d.ts +16 -0
- package/dist/calendar/utils.d.ts.map +1 -0
- package/dist/checkbox/createCheckbox.d.ts +10 -6
- package/dist/checkbox/createCheckbox.d.ts.map +1 -1
- package/dist/checkbox/createCheckboxGroup.d.ts +7 -7
- package/dist/checkbox/createCheckboxGroup.d.ts.map +1 -1
- package/dist/checkbox/createCheckboxGroupItem.d.ts +4 -4
- package/dist/checkbox/createCheckboxGroupItem.d.ts.map +1 -1
- package/dist/checkbox/createCheckboxGroupState.d.ts +2 -2
- package/dist/checkbox/createCheckboxGroupState.d.ts.map +1 -1
- package/dist/checkbox/index.d.ts +8 -8
- package/dist/checkbox/index.d.ts.map +1 -1
- package/dist/checkbox/index.js +2 -0
- package/dist/checkbox/index.jsx +2 -0
- package/dist/collections/index.d.ts +3 -3
- package/dist/collections/index.d.ts.map +1 -1
- package/dist/collections/index.js +160 -0
- package/dist/collections/index.js.map +1 -0
- package/dist/collections/index.jsx +160 -0
- package/dist/collections/index.jsx.map +1 -0
- package/dist/color/createColorArea.d.ts +3 -3
- package/dist/color/createColorArea.d.ts.map +1 -1
- package/dist/color/createColorField.d.ts +4 -4
- package/dist/color/createColorField.d.ts.map +1 -1
- package/dist/color/createColorSlider.d.ts +4 -4
- package/dist/color/createColorSlider.d.ts.map +1 -1
- package/dist/color/createColorSwatch.d.ts +2 -2
- package/dist/color/createColorSwatch.d.ts.map +1 -1
- package/dist/color/createColorWheel.d.ts +3 -3
- package/dist/color/createColorWheel.d.ts.map +1 -1
- package/dist/color/index.d.ts +6 -6
- package/dist/color/index.js +2 -0
- package/dist/color/index.jsx +2 -0
- package/dist/color/types.d.ts +98 -16
- package/dist/color/types.d.ts.map +1 -1
- package/dist/combobox/createComboBox.d.ts +10 -7
- package/dist/combobox/createComboBox.d.ts.map +1 -1
- package/dist/combobox/index.d.ts +1 -1
- package/dist/combobox/index.js +2 -0
- package/dist/combobox/index.jsx +2 -0
- package/dist/combobox/intl/index.d.ts +1 -1
- package/dist/datepicker/createDateField.d.ts +18 -6
- package/dist/datepicker/createDateField.d.ts.map +1 -1
- package/dist/datepicker/createDatePicker.d.ts +51 -5
- package/dist/datepicker/createDatePicker.d.ts.map +1 -1
- package/dist/datepicker/createDatePickerGroup.d.ts +19 -0
- package/dist/datepicker/createDatePickerGroup.d.ts.map +1 -0
- package/dist/datepicker/createDateRangePicker.d.ts +8 -6
- package/dist/datepicker/createDateRangePicker.d.ts.map +1 -1
- package/dist/datepicker/createDateSegment.d.ts +10 -2
- package/dist/datepicker/createDateSegment.d.ts.map +1 -1
- package/dist/datepicker/createTimeField.d.ts +11 -5
- package/dist/datepicker/createTimeField.d.ts.map +1 -1
- package/dist/datepicker/createTimeSegment.d.ts +2 -2
- package/dist/datepicker/createTimeSegment.d.ts.map +1 -1
- package/dist/datepicker/index.d.ts +7 -6
- package/dist/datepicker/index.d.ts.map +1 -1
- package/dist/datepicker/index.js +2 -0
- package/dist/datepicker/index.jsx +2 -0
- package/dist/dialog/createDialog.d.ts +5 -5
- package/dist/dialog/createDialog.d.ts.map +1 -1
- package/dist/dialog/index.d.ts +2 -2
- package/dist/dialog/index.d.ts.map +1 -1
- package/dist/dialog/index.js +2 -0
- package/dist/dialog/index.jsx +2 -0
- package/dist/dialog/types.d.ts +4 -4
- package/dist/disclosure/createDisclosure.d.ts +5 -2
- package/dist/disclosure/createDisclosure.d.ts.map +1 -1
- package/dist/disclosure/createDisclosureGroup.d.ts +4 -4
- package/dist/disclosure/createDisclosureGroup.d.ts.map +1 -1
- package/dist/disclosure/index.d.ts +2 -2
- package/dist/disclosure/index.js +2 -0
- package/dist/disclosure/index.jsx +2 -0
- package/dist/dnd/createDrag.d.ts +2 -2
- package/dist/dnd/createDrag.d.ts.map +1 -1
- package/dist/dnd/createDraggableCollection.d.ts +2 -2
- package/dist/dnd/createDraggableItem.d.ts +3 -3
- package/dist/dnd/createDraggableItem.d.ts.map +1 -1
- package/dist/dnd/createDrop.d.ts +2 -2
- package/dist/dnd/createDrop.d.ts.map +1 -1
- package/dist/dnd/createDroppableCollection.d.ts +26 -6
- package/dist/dnd/createDroppableCollection.d.ts.map +1 -1
- package/dist/dnd/createDroppableItem.d.ts +3 -3
- package/dist/dnd/index.d.ts +12 -12
- package/dist/dnd/index.d.ts.map +1 -1
- package/dist/dnd/index.js +2 -0
- package/dist/dnd/index.jsx +2 -0
- package/dist/dnd/types.d.ts +2 -2
- package/dist/dnd/types.d.ts.map +1 -1
- package/dist/dnd/utils.d.ts +2 -2
- package/dist/dnd/utils.d.ts.map +1 -1
- package/dist/focus/FocusScope.d.ts +1 -1
- package/dist/focus/FocusScope.d.ts.map +1 -1
- package/dist/focus/createAutoFocus.d.ts.map +1 -1
- package/dist/focus/createFocusRestore.d.ts.map +1 -1
- package/dist/focus/createVirtualFocus.d.ts +4 -4
- package/dist/focus/createVirtualFocus.d.ts.map +1 -1
- package/dist/focus/index.d.ts +4 -4
- package/dist/focus/index.d.ts.map +1 -1
- package/dist/focus/index.js +2 -0
- package/dist/focus/index.jsx +2 -0
- package/dist/form/createFormReset.d.ts +1 -1
- package/dist/form/createFormValidation.d.ts +3 -3
- package/dist/form/createFormValidation.d.ts.map +1 -1
- package/dist/form/index.d.ts +2 -2
- package/dist/form/index.d.ts.map +1 -1
- package/dist/form/index.js +3 -0
- package/dist/form/index.jsx +3 -0
- package/dist/grid/GridKeyboardDelegate.d.ts +5 -5
- package/dist/grid/createGrid.d.ts +3 -3
- package/dist/grid/createGridCell.d.ts +3 -3
- package/dist/grid/createGridRow.d.ts +3 -3
- package/dist/grid/index.d.ts +5 -5
- package/dist/grid/index.js +2 -0
- package/dist/grid/index.jsx +2 -0
- package/dist/grid/types.d.ts +8 -8
- package/dist/gridlist/createGridList.d.ts +12 -4
- package/dist/gridlist/createGridList.d.ts.map +1 -1
- package/dist/gridlist/createGridListItem.d.ts +4 -4
- package/dist/gridlist/createGridListItem.d.ts.map +1 -1
- package/dist/gridlist/createGridListSection.d.ts +15 -0
- package/dist/gridlist/createGridListSection.d.ts.map +1 -0
- package/dist/gridlist/createGridListSelectionCheckbox.d.ts +3 -3
- package/dist/gridlist/createGridListSelectionCheckbox.d.ts.map +1 -1
- package/dist/gridlist/index.d.ts +5 -4
- package/dist/gridlist/index.d.ts.map +1 -1
- package/dist/gridlist/index.js +2 -0
- package/dist/gridlist/index.jsx +2 -0
- package/dist/gridlist/types.d.ts +61 -7
- package/dist/gridlist/types.d.ts.map +1 -1
- package/dist/i18n/createCollator.d.ts.map +1 -1
- package/dist/i18n/createDateFormatter.d.ts.map +1 -1
- package/dist/i18n/createFilter.d.ts.map +1 -1
- package/dist/i18n/createNumberFormatter.d.ts +1 -1
- package/dist/i18n/createNumberFormatter.d.ts.map +1 -1
- package/dist/i18n/createStringFormatter.d.ts +2 -2
- package/dist/i18n/createStringFormatter.d.ts.map +1 -1
- package/dist/i18n/index.d.ts +8 -8
- package/dist/i18n/index.d.ts.map +1 -1
- package/dist/i18n/index.js +3 -0
- package/dist/i18n/index.jsx +3 -0
- package/dist/i18n/locale.d.ts +2 -2
- package/dist/i18n/locale.d.ts.map +1 -1
- package/dist/i18n/utils.d.ts.map +1 -1
- package/dist/index.d.ts +56 -51
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +71 -17119
- package/dist/index.jsx +71 -0
- package/dist/interactions/FocusableProvider.d.ts +2 -2
- package/dist/interactions/FocusableProvider.d.ts.map +1 -1
- package/dist/interactions/PressEvent.d.ts +13 -2
- package/dist/interactions/PressEvent.d.ts.map +1 -1
- package/dist/interactions/createFocus.d.ts +1 -1
- package/dist/interactions/createFocus.d.ts.map +1 -1
- package/dist/interactions/createFocusRing.d.ts +1 -1
- package/dist/interactions/createFocusRing.d.ts.map +1 -1
- package/dist/interactions/createFocusWithin.d.ts +1 -1
- package/dist/interactions/createFocusWithin.d.ts.map +1 -1
- package/dist/interactions/createFocusable.d.ts +3 -3
- package/dist/interactions/createFocusable.d.ts.map +1 -1
- package/dist/interactions/createHover.d.ts +5 -5
- package/dist/interactions/createHover.d.ts.map +1 -1
- package/dist/interactions/createInteractionModality.d.ts +3 -4
- package/dist/interactions/createInteractionModality.d.ts.map +1 -1
- package/dist/interactions/createKeyboard.d.ts +1 -1
- package/dist/interactions/createKeyboard.d.ts.map +1 -1
- package/dist/interactions/createLongPress.d.ts +5 -5
- package/dist/interactions/createMove.d.ts +5 -5
- package/dist/interactions/createMove.d.ts.map +1 -1
- package/dist/interactions/createPress.d.ts +4 -4
- package/dist/interactions/createPress.d.ts.map +1 -1
- package/dist/interactions/index.d.ts +12 -12
- package/dist/interactions/index.d.ts.map +1 -1
- package/dist/interactions/index.js +10 -0
- package/dist/interactions/index.jsx +10 -0
- package/dist/label/createField.d.ts +4 -4
- package/dist/label/createField.d.ts.map +1 -1
- package/dist/label/createLabel.d.ts +7 -7
- package/dist/label/createLabel.d.ts.map +1 -1
- package/dist/label/createLabels.d.ts +1 -1
- package/dist/label/createLabels.d.ts.map +1 -1
- package/dist/label/index.d.ts +5 -5
- package/dist/label/index.js +4 -0
- package/dist/label/index.jsx +4 -0
- package/dist/landmark/createLandmark.d.ts +5 -5
- package/dist/landmark/createLandmark.d.ts.map +1 -1
- package/dist/landmark/index.d.ts +1 -1
- package/dist/landmark/index.js +2 -0
- package/dist/landmark/index.jsx +2 -0
- package/dist/link/createLink.d.ts +14 -8
- package/dist/link/createLink.d.ts.map +1 -1
- package/dist/link/index.d.ts +1 -1
- package/dist/link/index.js +2 -0
- package/dist/link/index.jsx +2 -0
- package/dist/listbox/createListBox.d.ts +48 -6
- package/dist/listbox/createListBox.d.ts.map +1 -1
- package/dist/listbox/createOption.d.ts +27 -4
- package/dist/listbox/createOption.d.ts.map +1 -1
- package/dist/listbox/index.d.ts +2 -2
- package/dist/listbox/index.d.ts.map +1 -1
- package/dist/listbox/index.js +2 -0
- package/dist/listbox/index.jsx +2 -0
- package/dist/live-announcer/announce.d.ts +2 -2
- package/dist/live-announcer/announce.d.ts.map +1 -1
- package/dist/live-announcer/index.d.ts +1 -1
- package/dist/live-announcer/index.js +2 -0
- package/dist/live-announcer/index.jsx +2 -0
- package/dist/menu/createMenu.d.ts +14 -11
- package/dist/menu/createMenu.d.ts.map +1 -1
- package/dist/menu/createMenuItem.d.ts +25 -5
- package/dist/menu/createMenuItem.d.ts.map +1 -1
- package/dist/menu/createMenuTrigger.d.ts +4 -4
- package/dist/menu/index.d.ts +3 -3
- package/dist/menu/index.d.ts.map +1 -1
- package/dist/menu/index.js +2 -0
- package/dist/menu/index.jsx +2 -0
- package/dist/meter/createMeter.d.ts +6 -6
- package/dist/meter/createMeter.d.ts.map +1 -1
- package/dist/meter/index.d.ts +1 -1
- package/dist/meter/index.js +2 -0
- package/dist/meter/index.jsx +2 -0
- package/dist/numberfield/createNumberField.d.ts +9 -8
- package/dist/numberfield/createNumberField.d.ts.map +1 -1
- package/dist/numberfield/index.d.ts +1 -1
- package/dist/numberfield/index.js +2 -0
- package/dist/numberfield/index.jsx +2 -0
- package/dist/overlays/ariaHideOutside.d.ts.map +1 -1
- package/dist/overlays/createModal.d.ts +3 -3
- package/dist/overlays/createModal.d.ts.map +1 -1
- package/dist/overlays/createOverlay.d.ts +1 -1
- package/dist/overlays/createOverlay.d.ts.map +1 -1
- package/dist/overlays/createOverlayTrigger.d.ts +6 -6
- package/dist/overlays/index.d.ts +6 -6
- package/dist/overlays/index.d.ts.map +1 -1
- package/dist/overlays/index.js +4 -0
- package/dist/overlays/index.jsx +4 -0
- package/dist/popover/calculatePosition.d.ts +6 -4
- package/dist/popover/calculatePosition.d.ts.map +1 -1
- package/dist/popover/createOverlayPosition.d.ts +11 -3
- package/dist/popover/createOverlayPosition.d.ts.map +1 -1
- package/dist/popover/createPopover.d.ts +4 -4
- package/dist/popover/createPopover.d.ts.map +1 -1
- package/dist/popover/index.d.ts +3 -3
- package/dist/popover/index.js +2 -0
- package/dist/popover/index.jsx +2 -0
- package/dist/progress/createProgressBar.d.ts +7 -5
- package/dist/progress/createProgressBar.d.ts.map +1 -1
- package/dist/progress/index.d.ts +1 -1
- package/dist/progress/index.js +2 -0
- package/dist/progress/index.jsx +2 -0
- package/dist/radio/createRadio.d.ts +9 -7
- package/dist/radio/createRadio.d.ts.map +1 -1
- package/dist/radio/createRadioGroup.d.ts +10 -10
- package/dist/radio/createRadioGroup.d.ts.map +1 -1
- package/dist/radio/createRadioGroupState.d.ts +3 -3
- package/dist/radio/createRadioGroupState.d.ts.map +1 -1
- package/dist/radio/index.d.ts +3 -3
- package/dist/radio/index.d.ts.map +1 -1
- package/dist/radio/index.js +2 -0
- package/dist/radio/index.jsx +2 -0
- package/dist/searchfield/createSearchField.d.ts +7 -7
- package/dist/searchfield/createSearchField.d.ts.map +1 -1
- package/dist/searchfield/index.d.ts +2 -2
- package/dist/searchfield/index.js +2 -0
- package/dist/searchfield/index.jsx +2 -0
- package/dist/select/createHiddenSelect.d.ts +4 -4
- package/dist/select/createHiddenSelect.d.ts.map +1 -1
- package/dist/select/createSelect.d.ts +14 -6
- package/dist/select/createSelect.d.ts.map +1 -1
- package/dist/select/index.d.ts +2 -2
- package/dist/select/index.d.ts.map +1 -1
- package/dist/select/index.js +2 -0
- package/dist/select/index.jsx +2 -0
- package/dist/selection/DOMLayoutDelegate.d.ts +58 -0
- package/dist/selection/DOMLayoutDelegate.d.ts.map +1 -0
- package/dist/selection/ListKeyboardDelegate.d.ts +95 -0
- package/dist/selection/ListKeyboardDelegate.d.ts.map +1 -0
- package/dist/selection/constants.d.ts +15 -0
- package/dist/selection/constants.d.ts.map +1 -0
- package/dist/selection/createCollectionRowInteraction.d.ts +13 -0
- package/dist/selection/createCollectionRowInteraction.d.ts.map +1 -0
- package/dist/selection/createScrollIntoViewOnFocus.d.ts +31 -0
- package/dist/selection/createScrollIntoViewOnFocus.d.ts.map +1 -0
- package/dist/selection/createSelectableCollection.d.ts +69 -0
- package/dist/selection/createSelectableCollection.d.ts.map +1 -0
- package/dist/selection/createSelectableItem.d.ts +154 -0
- package/dist/selection/createSelectableItem.d.ts.map +1 -0
- package/dist/selection/createSelectableList.d.ts +43 -0
- package/dist/selection/createSelectableList.d.ts.map +1 -0
- package/dist/selection/createTypeSelect.d.ts +2 -2
- package/dist/selection/createTypeSelect.d.ts.map +1 -1
- package/dist/selection/index.d.ts +10 -1
- package/dist/selection/index.d.ts.map +1 -1
- package/dist/selection/index.js +4 -0
- package/dist/selection/index.jsx +4 -0
- package/dist/selection/selectItem.d.ts +29 -0
- package/dist/selection/selectItem.d.ts.map +1 -0
- package/dist/selection/utils.d.ts +40 -0
- package/dist/selection/utils.d.ts.map +1 -0
- package/dist/separator/createSeparator.d.ts +9 -5
- package/dist/separator/createSeparator.d.ts.map +1 -1
- package/dist/separator/index.d.ts +1 -1
- package/dist/separator/index.js +2 -0
- package/dist/separator/index.jsx +2 -0
- package/dist/slider/createSlider.d.ts +11 -7
- package/dist/slider/createSlider.d.ts.map +1 -1
- package/dist/slider/index.d.ts +2 -2
- package/dist/slider/index.js +2 -0
- package/dist/slider/index.jsx +2 -0
- package/dist/ssr/index.d.ts +18 -1
- package/dist/ssr/index.d.ts.map +1 -1
- package/dist/ssr/index.js +299 -0
- package/dist/ssr/index.js.map +1 -0
- package/dist/ssr/index.jsx +292 -0
- package/dist/ssr/index.jsx.map +1 -0
- package/dist/steplist/createStepList.d.ts +36 -0
- package/dist/steplist/createStepList.d.ts.map +1 -0
- package/dist/steplist/index.d.ts +2 -0
- package/dist/steplist/index.d.ts.map +1 -0
- package/dist/steplist/index.js +2 -0
- package/dist/steplist/index.jsx +2 -0
- package/dist/switch/createSwitch.d.ts +10 -4
- package/dist/switch/createSwitch.d.ts.map +1 -1
- package/dist/switch/index.d.ts +1 -1
- package/dist/switch/index.js +2 -0
- package/dist/switch/index.jsx +2 -0
- package/dist/table/createTable.d.ts +3 -3
- package/dist/table/createTable.d.ts.map +1 -1
- package/dist/table/createTableCell.d.ts +3 -3
- package/dist/table/createTableCell.d.ts.map +1 -1
- package/dist/table/createTableColumnHeader.d.ts +3 -3
- package/dist/table/createTableColumnHeader.d.ts.map +1 -1
- package/dist/table/createTableColumnResize.d.ts +41 -0
- package/dist/table/createTableColumnResize.d.ts.map +1 -0
- package/dist/table/createTableHeaderRow.d.ts +3 -3
- package/dist/table/createTableRow.d.ts +4 -4
- package/dist/table/createTableRow.d.ts.map +1 -1
- package/dist/table/createTableRowGroup.d.ts +2 -2
- package/dist/table/createTableRowGroup.d.ts.map +1 -1
- package/dist/table/createTableSelectAllCheckbox.d.ts +3 -3
- package/dist/table/createTableSelectionCheckbox.d.ts +3 -3
- package/dist/table/index.d.ts +11 -9
- package/dist/table/index.d.ts.map +1 -1
- package/dist/table/index.js +2 -0
- package/dist/table/index.jsx +2 -0
- package/dist/table/types.d.ts +41 -7
- package/dist/table/types.d.ts.map +1 -1
- package/dist/tabs/createTabs.d.ts +32 -28
- package/dist/tabs/createTabs.d.ts.map +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/dist/tabs/index.js +2 -0
- package/dist/tabs/index.jsx +2 -0
- package/dist/tag/createTag.d.ts +4 -2
- package/dist/tag/createTag.d.ts.map +1 -1
- package/dist/tag/createTagGroup.d.ts +5 -5
- package/dist/tag/createTagGroup.d.ts.map +1 -1
- package/dist/tag/index.d.ts +2 -2
- package/dist/tag/index.d.ts.map +1 -1
- package/dist/tag/index.js +2 -0
- package/dist/tag/index.jsx +2 -0
- package/dist/textfield/createTextField.d.ts +17 -11
- package/dist/textfield/createTextField.d.ts.map +1 -1
- package/dist/textfield/index.d.ts +1 -1
- package/dist/textfield/index.d.ts.map +1 -1
- package/dist/textfield/index.js +2 -0
- package/dist/textfield/index.jsx +2 -0
- package/dist/toast/createToast.d.ts +2 -2
- package/dist/toast/createToast.d.ts.map +1 -1
- package/dist/toast/createToastRegion.d.ts +5 -3
- package/dist/toast/createToastRegion.d.ts.map +1 -1
- package/dist/toast/index.d.ts +2 -2
- package/dist/toast/index.d.ts.map +1 -1
- package/dist/toast/index.js +2 -0
- package/dist/toast/index.jsx +2 -0
- package/dist/toggle/createToggle.d.ts +13 -9
- package/dist/toggle/createToggle.d.ts.map +1 -1
- package/dist/toggle/createToggleState.d.ts +2 -2
- package/dist/toggle/createToggleState.d.ts.map +1 -1
- package/dist/toggle/index.d.ts +4 -4
- package/dist/toggle/index.d.ts.map +1 -1
- package/dist/toggle/index.js +3 -0
- package/dist/toggle/index.jsx +3 -0
- package/dist/toolbar/createToolbar.d.ts +9 -9
- package/dist/toolbar/createToolbar.d.ts.map +1 -1
- package/dist/toolbar/index.d.ts +1 -1
- package/dist/toolbar/index.d.ts.map +1 -1
- package/dist/toolbar/index.js +2 -0
- package/dist/toolbar/index.jsx +2 -0
- package/dist/tooltip/createTooltip.d.ts +5 -5
- package/dist/tooltip/createTooltip.d.ts.map +1 -1
- package/dist/tooltip/createTooltipTrigger.d.ts +10 -5
- package/dist/tooltip/createTooltipTrigger.d.ts.map +1 -1
- package/dist/tooltip/index.d.ts +2 -2
- package/dist/tooltip/index.js +2 -0
- package/dist/tooltip/index.jsx +2 -0
- package/dist/tree/createTree.d.ts +8 -4
- package/dist/tree/createTree.d.ts.map +1 -1
- package/dist/tree/createTreeItem.d.ts +4 -4
- package/dist/tree/createTreeItem.d.ts.map +1 -1
- package/dist/tree/createTreeSelectionCheckbox.d.ts +3 -3
- package/dist/tree/createTreeSelectionCheckbox.d.ts.map +1 -1
- package/dist/tree/index.d.ts +4 -4
- package/dist/tree/index.js +2 -0
- package/dist/tree/index.jsx +2 -0
- package/dist/tree/types.d.ts +20 -6
- package/dist/tree/types.d.ts.map +1 -1
- package/dist/utils/animation.d.ts +60 -0
- package/dist/utils/animation.d.ts.map +1 -0
- package/dist/utils/createDescription.d.ts +2 -2
- package/dist/utils/createDescription.d.ts.map +1 -1
- package/dist/utils/dom.d.ts +48 -2
- package/dist/utils/dom.d.ts.map +1 -1
- package/dist/utils/env.d.ts.map +1 -1
- package/dist/utils/focus.d.ts +1 -1
- package/dist/utils/focus.d.ts.map +1 -1
- package/dist/utils/geometry.d.ts.map +1 -1
- package/dist/utils/index.d.ts +15 -12
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +5 -0
- package/dist/utils/index.jsx +5 -0
- package/dist/utils/keyboard.d.ts +17 -0
- package/dist/utils/keyboard.d.ts.map +1 -0
- package/dist/utils/mergeProps.d.ts.map +1 -1
- package/dist/utils/reactivity.d.ts +1 -1
- package/dist/utils/scrollIntoView.d.ts +30 -0
- package/dist/utils/scrollIntoView.d.ts.map +1 -0
- package/dist/visually-hidden/createVisuallyHidden.d.ts +2 -2
- package/dist/visually-hidden/createVisuallyHidden.d.ts.map +1 -1
- package/dist/visually-hidden/index.d.ts +1 -1
- package/dist/visually-hidden/index.js +2 -0
- package/dist/visually-hidden/index.jsx +2 -0
- package/package.json +334 -33
- package/src/actiongroup/createActionGroup.ts +101 -91
- package/src/actiongroup/index.ts +1 -1
- package/src/autocomplete/createAutocomplete.ts +177 -148
- package/src/autocomplete/index.ts +1 -1
- package/src/breadcrumbs/createBreadcrumbs.ts +33 -42
- package/src/breadcrumbs/index.ts +1 -1
- package/src/button/createButton.ts +102 -73
- package/src/button/createToggleButton.ts +10 -10
- package/src/button/createToggleButtonGroup.ts +25 -32
- package/src/button/index.ts +6 -9
- package/src/button/types.ts +18 -12
- package/src/calendar/createCalendar.ts +64 -29
- package/src/calendar/createCalendarCell.ts +115 -46
- package/src/calendar/createCalendarGrid.ts +97 -41
- package/src/calendar/createCalendarMonthPicker.ts +105 -0
- package/src/calendar/createCalendarYearPicker.ts +144 -0
- package/src/calendar/createRangeCalendar.ts +68 -31
- package/src/calendar/createRangeCalendarCell.ts +92 -31
- package/src/calendar/index.ts +21 -8
- package/src/calendar/intl/index.ts +210 -0
- package/src/calendar/utils.ts +231 -0
- package/src/checkbox/createCheckbox.ts +23 -21
- package/src/checkbox/createCheckboxGroup.ts +68 -44
- package/src/checkbox/createCheckboxGroupItem.ts +26 -41
- package/src/checkbox/createCheckboxGroupState.ts +3 -22
- package/src/checkbox/index.ts +8 -10
- package/src/collections/index.ts +33 -29
- package/src/color/createColorArea.ts +232 -154
- package/src/color/createColorField.ts +107 -58
- package/src/color/createColorSlider.ts +231 -73
- package/src/color/createColorSwatch.ts +38 -13
- package/src/color/createColorWheel.ts +208 -83
- package/src/color/index.ts +6 -6
- package/src/color/types.ts +98 -16
- package/src/combobox/createComboBox.ts +157 -100
- package/src/combobox/index.ts +1 -1
- package/src/combobox/intl/index.ts +5 -5
- package/src/datepicker/createDateField.ts +192 -39
- package/src/datepicker/createDatePicker.ts +260 -67
- package/src/datepicker/createDatePickerGroup.ts +149 -0
- package/src/datepicker/createDateRangePicker.ts +105 -57
- package/src/datepicker/createDateSegment.ts +188 -96
- package/src/datepicker/createTimeField.ts +38 -34
- package/src/datepicker/createTimeSegment.ts +67 -85
- package/src/datepicker/index.ts +13 -14
- package/src/dialog/createDialog.ts +45 -38
- package/src/dialog/index.ts +2 -2
- package/src/dialog/types.ts +4 -4
- package/src/disclosure/createDisclosure.ts +138 -33
- package/src/disclosure/createDisclosureGroup.ts +8 -21
- package/src/disclosure/index.ts +2 -2
- package/src/dnd/createDrag.ts +19 -25
- package/src/dnd/createDraggableCollection.ts +4 -4
- package/src/dnd/createDraggableItem.ts +20 -19
- package/src/dnd/createDrop.ts +42 -51
- package/src/dnd/createDroppableCollection.ts +293 -173
- package/src/dnd/createDroppableItem.ts +34 -34
- package/src/dnd/index.ts +23 -12
- package/src/dnd/types.ts +4 -7
- package/src/dnd/utils.ts +58 -47
- package/src/focus/FocusScope.tsx +301 -176
- package/src/focus/createAutoFocus.ts +4 -20
- package/src/focus/createFocusRestore.ts +15 -28
- package/src/focus/createVirtualFocus.ts +20 -36
- package/src/focus/index.ts +4 -8
- package/src/form/createFormReset.ts +4 -4
- package/src/form/createFormValidation.ts +23 -39
- package/src/form/index.ts +2 -5
- package/src/grid/GridKeyboardDelegate.ts +30 -30
- package/src/grid/createGrid.ts +36 -36
- package/src/grid/createGridCell.ts +18 -18
- package/src/grid/createGridRow.ts +14 -14
- package/src/grid/index.ts +5 -5
- package/src/grid/types.ts +8 -8
- package/src/gridlist/createGridList.ts +172 -64
- package/src/gridlist/createGridListItem.ts +98 -121
- package/src/gridlist/createGridListSection.ts +54 -0
- package/src/gridlist/createGridListSelectionCheckbox.ts +12 -9
- package/src/gridlist/index.ts +7 -4
- package/src/gridlist/types.ts +58 -7
- package/src/i18n/createCollator.ts +5 -18
- package/src/i18n/createDateFormatter.ts +5 -13
- package/src/i18n/createFilter.ts +11 -24
- package/src/i18n/createNumberFormatter.ts +4 -6
- package/src/i18n/createStringFormatter.ts +19 -15
- package/src/i18n/index.ts +8 -11
- package/src/i18n/locale.tsx +15 -40
- package/src/i18n/utils.ts +35 -39
- package/src/index.ts +111 -172
- package/src/interactions/FocusableProvider.tsx +3 -7
- package/src/interactions/PressEvent.ts +18 -4
- package/src/interactions/createFocus.ts +12 -8
- package/src/interactions/createFocusRing.ts +21 -19
- package/src/interactions/createFocusWithin.ts +20 -13
- package/src/interactions/createFocusable.ts +15 -16
- package/src/interactions/createHover.ts +70 -55
- package/src/interactions/createInteractionModality.ts +96 -94
- package/src/interactions/createKeyboard.ts +12 -2
- package/src/interactions/createLongPress.ts +23 -23
- package/src/interactions/createMove.ts +72 -62
- package/src/interactions/createPress.ts +192 -92
- package/src/interactions/index.ts +24 -16
- package/src/label/createField.ts +18 -19
- package/src/label/createLabel.ts +18 -30
- package/src/label/createLabels.ts +8 -12
- package/src/label/index.ts +5 -5
- package/src/landmark/createLandmark.ts +30 -51
- package/src/landmark/index.ts +1 -1
- package/src/link/createLink.ts +83 -56
- package/src/link/index.ts +1 -1
- package/src/listbox/createListBox.ts +198 -66
- package/src/listbox/createOption.ts +112 -71
- package/src/listbox/index.ts +2 -6
- package/src/live-announcer/announce.ts +44 -71
- package/src/live-announcer/index.ts +1 -1
- package/src/menu/createMenu.ts +171 -65
- package/src/menu/createMenuItem.ts +315 -51
- package/src/menu/createMenuTrigger.ts +15 -15
- package/src/menu/index.ts +3 -12
- package/src/meter/createMeter.ts +7 -15
- package/src/meter/index.ts +1 -1
- package/src/numberfield/createNumberField.ts +205 -80
- package/src/numberfield/index.ts +1 -1
- package/src/overlays/ariaHideOutside.ts +14 -10
- package/src/overlays/createInteractOutside.ts +21 -18
- package/src/overlays/createModal.tsx +17 -17
- package/src/overlays/createOverlay.ts +38 -8
- package/src/overlays/createOverlayTrigger.ts +16 -16
- package/src/overlays/createPreventScroll.ts +46 -24
- package/src/overlays/index.ts +6 -17
- package/src/popover/calculatePosition.ts +134 -124
- package/src/popover/createOverlayPosition.ts +55 -40
- package/src/popover/createPopover.ts +42 -17
- package/src/popover/index.ts +3 -3
- package/src/progress/createProgressBar.ts +31 -32
- package/src/progress/index.ts +1 -1
- package/src/radio/createRadio.ts +114 -75
- package/src/radio/createRadioGroup.ts +83 -77
- package/src/radio/createRadioGroupState.ts +7 -31
- package/src/radio/index.ts +3 -8
- package/src/searchfield/createSearchField.ts +57 -29
- package/src/searchfield/index.ts +2 -2
- package/src/select/createHiddenSelect.tsx +57 -44
- package/src/select/createSelect.ts +146 -73
- package/src/select/index.ts +2 -7
- package/src/selection/DOMLayoutDelegate.ts +102 -0
- package/src/selection/ListKeyboardDelegate.ts +398 -0
- package/src/selection/constants.ts +16 -0
- package/src/selection/createCollectionRowInteraction.ts +209 -0
- package/src/selection/createScrollIntoViewOnFocus.ts +65 -0
- package/src/selection/createSelectableCollection.ts +645 -0
- package/src/selection/createSelectableItem.ts +498 -0
- package/src/selection/createSelectableList.ts +93 -0
- package/src/selection/createTypeSelect.ts +120 -59
- package/src/selection/index.ts +32 -1
- package/src/selection/selectItem.ts +80 -0
- package/src/selection/utils.ts +82 -0
- package/src/separator/createSeparator.ts +20 -25
- package/src/separator/index.ts +1 -1
- package/src/slider/createSlider.ts +128 -112
- package/src/slider/index.ts +2 -2
- package/src/ssr/index.tsx +38 -46
- package/src/steplist/createStepList.ts +106 -0
- package/src/steplist/index.ts +8 -0
- package/src/switch/createSwitch.ts +19 -14
- package/src/switch/index.ts +1 -1
- package/src/table/createTable.ts +192 -95
- package/src/table/createTableCell.ts +17 -16
- package/src/table/createTableColumnHeader.ts +67 -20
- package/src/table/createTableColumnResize.ts +256 -0
- package/src/table/createTableHeaderRow.ts +7 -7
- package/src/table/createTableRow.ts +206 -91
- package/src/table/createTableRowGroup.ts +5 -7
- package/src/table/createTableSelectAllCheckbox.ts +14 -14
- package/src/table/createTableSelectionCheckbox.ts +8 -8
- package/src/table/index.ts +14 -9
- package/src/table/types.ts +43 -7
- package/src/tabs/createTabs.ts +123 -111
- package/src/tabs/index.ts +1 -1
- package/src/tag/createTag.ts +57 -50
- package/src/tag/createTagGroup.ts +47 -41
- package/src/tag/index.ts +2 -6
- package/src/textfield/createTextField.ts +67 -35
- package/src/textfield/index.ts +1 -5
- package/src/toast/createToast.ts +29 -26
- package/src/toast/createToastRegion.ts +169 -26
- package/src/toast/index.ts +2 -6
- package/src/toggle/createToggle.ts +115 -53
- package/src/toggle/createToggleState.ts +2 -10
- package/src/toggle/index.ts +4 -5
- package/src/toolbar/createToolbar.ts +214 -230
- package/src/toolbar/index.ts +1 -1
- package/src/tooltip/createTooltip.ts +11 -24
- package/src/tooltip/createTooltipTrigger.ts +61 -49
- package/src/tooltip/index.ts +2 -2
- package/src/tree/createTree.ts +128 -72
- package/src/tree/createTreeItem.ts +120 -135
- package/src/tree/createTreeSelectionCheckbox.ts +11 -8
- package/src/tree/index.ts +4 -4
- package/src/tree/types.ts +20 -6
- package/src/utils/animation.ts +151 -0
- package/src/utils/createDescription.ts +6 -23
- package/src/utils/dom.ts +265 -68
- package/src/utils/env.ts +9 -11
- package/src/utils/events.ts +7 -7
- package/src/utils/filterDOMProps.ts +49 -49
- package/src/utils/focus.ts +60 -68
- package/src/utils/geometry.ts +1 -4
- package/src/utils/globalListeners.ts +9 -9
- package/src/utils/index.ts +20 -22
- package/src/utils/keyboard.ts +25 -0
- package/src/utils/mergeProps.ts +49 -15
- package/src/utils/platform.ts +2 -2
- package/src/utils/reactivity.ts +3 -3
- package/src/utils/scrollIntoView.ts +181 -0
- package/src/utils/textSelection.ts +16 -16
- package/src/visually-hidden/createVisuallyHidden.ts +16 -28
- package/src/visually-hidden/index.ts +1 -1
- package/dist/i18n/NumberFormatter.d.ts +0 -43
- package/dist/i18n/NumberFormatter.d.ts.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index.ssr.js +0 -17082
- package/dist/index.ssr.js.map +0 -1
- package/src/i18n/NumberFormatter.ts +0 -266
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { t as createPress } from "./createPress.js";
|
|
2
|
+
import { o as mergeProps } from "./env.js";
|
|
3
|
+
import { i as createDescription, s as createGlobalListeners } from "./utils.js";
|
|
4
|
+
import { n as focusWithoutScrolling } from "./focus.js";
|
|
5
|
+
import { onCleanup } from "solid-js";
|
|
6
|
+
//#region src/interactions/createLongPress.ts
|
|
7
|
+
/**
|
|
8
|
+
* createLongPress - Handles long press interactions across mouse and touch.
|
|
9
|
+
*
|
|
10
|
+
* Port of @react-aria/interactions useLongPress, adapted for SolidJS.
|
|
11
|
+
*/
|
|
12
|
+
const DEFAULT_THRESHOLD = 500;
|
|
13
|
+
function isDisabledValue(isDisabled) {
|
|
14
|
+
return typeof isDisabled === "function" ? isDisabled() : !!isDisabled;
|
|
15
|
+
}
|
|
16
|
+
function createLongPressEvent(type, e) {
|
|
17
|
+
return {
|
|
18
|
+
type,
|
|
19
|
+
pointerType: e.pointerType,
|
|
20
|
+
target: e.target,
|
|
21
|
+
shiftKey: e.shiftKey,
|
|
22
|
+
ctrlKey: e.ctrlKey,
|
|
23
|
+
metaKey: e.metaKey,
|
|
24
|
+
altKey: e.altKey,
|
|
25
|
+
x: e.x,
|
|
26
|
+
y: e.y
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Handles long press interactions across mouse and touch devices.
|
|
31
|
+
*/
|
|
32
|
+
function createLongPress(props = {}) {
|
|
33
|
+
const { isDisabled, onLongPressStart, onLongPressEnd, onLongPress, threshold = DEFAULT_THRESHOLD, accessibilityDescription } = props;
|
|
34
|
+
let timeoutId;
|
|
35
|
+
const { addGlobalListener } = createGlobalListeners();
|
|
36
|
+
const { pressProps } = createPress({
|
|
37
|
+
isDisabled,
|
|
38
|
+
onPressStart(e) {
|
|
39
|
+
e.continuePropagation();
|
|
40
|
+
if (e.pointerType === "mouse" || e.pointerType === "touch") {
|
|
41
|
+
onLongPressStart?.(createLongPressEvent("longpressstart", e));
|
|
42
|
+
timeoutId = setTimeout(() => {
|
|
43
|
+
e.target.dispatchEvent(new PointerEvent("pointercancel", { bubbles: true }));
|
|
44
|
+
if (document.activeElement !== e.target) focusWithoutScrolling(e.target);
|
|
45
|
+
onLongPress?.(createLongPressEvent("longpress", e));
|
|
46
|
+
timeoutId = void 0;
|
|
47
|
+
}, threshold);
|
|
48
|
+
if (e.pointerType === "touch") {
|
|
49
|
+
const onContextMenu = (event) => {
|
|
50
|
+
event.preventDefault();
|
|
51
|
+
};
|
|
52
|
+
const target = e.target;
|
|
53
|
+
target.addEventListener("contextmenu", onContextMenu, { once: true });
|
|
54
|
+
addGlobalListener("pointerup", () => {
|
|
55
|
+
setTimeout(() => {
|
|
56
|
+
target.removeEventListener("contextmenu", onContextMenu);
|
|
57
|
+
}, 30);
|
|
58
|
+
}, {
|
|
59
|
+
isWindow: true,
|
|
60
|
+
once: true
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
onPressEnd(e) {
|
|
66
|
+
if (timeoutId) {
|
|
67
|
+
clearTimeout(timeoutId);
|
|
68
|
+
timeoutId = void 0;
|
|
69
|
+
}
|
|
70
|
+
if (onLongPressEnd && (e.pointerType === "mouse" || e.pointerType === "touch")) onLongPressEnd(createLongPressEvent("longpressend", e));
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
const descriptionProps = createDescription(() => onLongPress && !isDisabledValue(isDisabled) ? accessibilityDescription : void 0);
|
|
74
|
+
onCleanup(() => {
|
|
75
|
+
if (timeoutId) {
|
|
76
|
+
clearTimeout(timeoutId);
|
|
77
|
+
timeoutId = void 0;
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
const longPressProps = mergeProps(pressProps);
|
|
81
|
+
Object.defineProperty(longPressProps, "aria-describedby", {
|
|
82
|
+
get: () => descriptionProps["aria-describedby"],
|
|
83
|
+
enumerable: true,
|
|
84
|
+
configurable: true
|
|
85
|
+
});
|
|
86
|
+
return { longPressProps };
|
|
87
|
+
}
|
|
88
|
+
//#endregion
|
|
89
|
+
export { createLongPress as t };
|
|
90
|
+
|
|
91
|
+
//# sourceMappingURL=createLongPress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createLongPress.js","names":[],"sources":["../../src/interactions/createLongPress.ts"],"sourcesContent":["/**\n * createLongPress - Handles long press interactions across mouse and touch.\n *\n * Port of @react-aria/interactions useLongPress, adapted for SolidJS.\n */\n\nimport { JSX, onCleanup } from \"solid-js\";\nimport { createPress, type PressEvent } from \"./createPress\";\nimport { mergeProps, focusWithoutScrolling, createGlobalListeners } from \"../utils\";\nimport { createDescription } from \"../utils/createDescription\";\nimport { type MaybeAccessor } from \"../utils/reactivity\";\n\nexport interface LongPressEvent {\n /** The type of long press event being fired. */\n type: \"longpressstart\" | \"longpressend\" | \"longpress\";\n /** The pointer type that triggered the long press. */\n pointerType: PressEvent[\"pointerType\"];\n /** The target element of the long press event. */\n target: Element;\n /** Whether the shift keyboard modifier was held during the long press event. */\n shiftKey: boolean;\n /** Whether the ctrl keyboard modifier was held during the long press event. */\n ctrlKey: boolean;\n /** Whether the meta keyboard modifier was held during the long press event. */\n metaKey: boolean;\n /** Whether the alt keyboard modifier was held during the long press event. */\n altKey: boolean;\n /** X position relative to the target. */\n x: number;\n /** Y position relative to the target. */\n y: number;\n}\n\nexport interface LongPressProps {\n /** Whether long press events should be disabled. */\n isDisabled?: MaybeAccessor<boolean>;\n /** Handler that is called when a long press interaction starts. */\n onLongPressStart?: (e: LongPressEvent) => void;\n /**\n * Handler that is called when a long press interaction ends, either\n * over the target or when the pointer leaves the target.\n */\n onLongPressEnd?: (e: LongPressEvent) => void;\n /**\n * Handler that is called when the threshold time is met while\n * the press is over the target.\n */\n onLongPress?: (e: LongPressEvent) => void;\n /**\n * The amount of time in milliseconds to wait before triggering a long press.\n * @default 500ms\n */\n threshold?: number;\n /**\n * A description for assistive technology users indicating that a long press\n * action is available, e.g. \"Long press to open menu\".\n */\n accessibilityDescription?: string;\n}\n\nexport interface LongPressResult {\n /** Props to spread on the target element. */\n longPressProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nconst DEFAULT_THRESHOLD = 500;\n\nfunction isDisabledValue(isDisabled: MaybeAccessor<boolean> | undefined): boolean {\n return typeof isDisabled === \"function\" ? isDisabled() : !!isDisabled;\n}\n\nfunction createLongPressEvent(type: LongPressEvent[\"type\"], e: PressEvent): LongPressEvent {\n return {\n type,\n pointerType: e.pointerType,\n target: e.target,\n shiftKey: e.shiftKey,\n ctrlKey: e.ctrlKey,\n metaKey: e.metaKey,\n altKey: e.altKey,\n x: e.x,\n y: e.y,\n };\n}\n\n/**\n * Handles long press interactions across mouse and touch devices.\n */\nexport function createLongPress(props: LongPressProps = {}): LongPressResult {\n const {\n isDisabled,\n onLongPressStart,\n onLongPressEnd,\n onLongPress,\n threshold = DEFAULT_THRESHOLD,\n accessibilityDescription,\n } = props;\n\n let timeoutId: ReturnType<typeof setTimeout> | undefined;\n const { addGlobalListener } = createGlobalListeners();\n\n const { pressProps } = createPress({\n isDisabled,\n onPressStart(e) {\n e.continuePropagation();\n if (e.pointerType === \"mouse\" || e.pointerType === \"touch\") {\n onLongPressStart?.(createLongPressEvent(\"longpressstart\", e));\n\n timeoutId = setTimeout(() => {\n // Prevent other press handlers from also handling this event.\n e.target.dispatchEvent(new PointerEvent(\"pointercancel\", { bubbles: true }));\n\n // Ensure target is focused. On touch devices, browsers typically focus on pointer up.\n if (document.activeElement !== e.target) {\n focusWithoutScrolling(e.target as HTMLElement);\n }\n\n onLongPress?.(createLongPressEvent(\"longpress\", e));\n timeoutId = undefined;\n }, threshold);\n\n if (e.pointerType === \"touch\") {\n const onContextMenu = (event: Event) => {\n event.preventDefault();\n };\n const target = e.target as HTMLElement;\n target.addEventListener(\"contextmenu\", onContextMenu, { once: true });\n\n addGlobalListener(\n \"pointerup\",\n () => {\n setTimeout(() => {\n target.removeEventListener(\"contextmenu\", onContextMenu);\n }, 30);\n },\n { isWindow: true, once: true },\n );\n }\n }\n },\n onPressEnd(e) {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n\n if (onLongPressEnd && (e.pointerType === \"mouse\" || e.pointerType === \"touch\")) {\n onLongPressEnd(createLongPressEvent(\"longpressend\", e));\n }\n },\n });\n\n const descriptionProps = createDescription(() =>\n onLongPress && !isDisabledValue(isDisabled) ? accessibilityDescription : undefined,\n );\n\n onCleanup(() => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n });\n\n const longPressProps = mergeProps(pressProps) as JSX.HTMLAttributes<HTMLElement>;\n Object.defineProperty(longPressProps, \"aria-describedby\", {\n get: () => descriptionProps[\"aria-describedby\"],\n enumerable: true,\n configurable: true,\n });\n\n return {\n longPressProps,\n };\n}\n"],"mappings":";;;;;;;;;;;AAiEA,MAAM,oBAAoB;AAE1B,SAAS,gBAAgB,YAAyD;CAChF,OAAO,OAAO,eAAe,aAAa,WAAW,IAAI,CAAC,CAAC;AAC7D;AAEA,SAAS,qBAAqB,MAA8B,GAA+B;CACzF,OAAO;EACL;EACA,aAAa,EAAE;EACf,QAAQ,EAAE;EACV,UAAU,EAAE;EACZ,SAAS,EAAE;EACX,SAAS,EAAE;EACX,QAAQ,EAAE;EACV,GAAG,EAAE;EACL,GAAG,EAAE;CACP;AACF;;;;AAKA,SAAgB,gBAAgB,QAAwB,CAAC,GAAoB;CAC3E,MAAM,EACJ,YACA,kBACA,gBACA,aACA,YAAY,mBACZ,6BACE;CAEJ,IAAI;CACJ,MAAM,EAAE,sBAAsB,sBAAsB;CAEpD,MAAM,EAAE,eAAe,YAAY;EACjC;EACA,aAAa,GAAG;GACd,EAAE,oBAAoB;GACtB,IAAI,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,SAAS;IAC1D,mBAAmB,qBAAqB,kBAAkB,CAAC,CAAC;IAE5D,YAAY,iBAAiB;KAE3B,EAAE,OAAO,cAAc,IAAI,aAAa,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC;KAG3E,IAAI,SAAS,kBAAkB,EAAE,QAC/B,sBAAsB,EAAE,MAAqB;KAG/C,cAAc,qBAAqB,aAAa,CAAC,CAAC;KAClD,YAAY,KAAA;IACd,GAAG,SAAS;IAEZ,IAAI,EAAE,gBAAgB,SAAS;KAC7B,MAAM,iBAAiB,UAAiB;MACtC,MAAM,eAAe;KACvB;KACA,MAAM,SAAS,EAAE;KACjB,OAAO,iBAAiB,eAAe,eAAe,EAAE,MAAM,KAAK,CAAC;KAEpE,kBACE,mBACM;MACJ,iBAAiB;OACf,OAAO,oBAAoB,eAAe,aAAa;MACzD,GAAG,EAAE;KACP,GACA;MAAE,UAAU;MAAM,MAAM;KAAK,CAC/B;IACF;GACF;EACF;EACA,WAAW,GAAG;GACZ,IAAI,WAAW;IACb,aAAa,SAAS;IACtB,YAAY,KAAA;GACd;GAEA,IAAI,mBAAmB,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,UACpE,eAAe,qBAAqB,gBAAgB,CAAC,CAAC;EAE1D;CACF,CAAC;CAED,MAAM,mBAAmB,wBACvB,eAAe,CAAC,gBAAgB,UAAU,IAAI,2BAA2B,KAAA,CAC3E;CAEA,gBAAgB;EACd,IAAI,WAAW;GACb,aAAa,SAAS;GACtB,YAAY,KAAA;EACd;CACF,CAAC;CAED,MAAM,iBAAiB,WAAW,UAAU;CAC5C,OAAO,eAAe,gBAAgB,oBAAoB;EACxD,WAAW,iBAAiB;EAC5B,YAAY;EACZ,cAAc;CAChB,CAAC;CAED,OAAO,EACL,eACF;AACF"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { t as createPress } from "./createPress.jsx";
|
|
2
|
+
import { o as mergeProps } from "./env.jsx";
|
|
3
|
+
import { i as createDescription, s as createGlobalListeners } from "./utils.jsx";
|
|
4
|
+
import { n as focusWithoutScrolling } from "./focus.jsx";
|
|
5
|
+
import { onCleanup } from "solid-js";
|
|
6
|
+
//#region src/interactions/createLongPress.ts
|
|
7
|
+
/**
|
|
8
|
+
* createLongPress - Handles long press interactions across mouse and touch.
|
|
9
|
+
*
|
|
10
|
+
* Port of @react-aria/interactions useLongPress, adapted for SolidJS.
|
|
11
|
+
*/
|
|
12
|
+
const DEFAULT_THRESHOLD = 500;
|
|
13
|
+
function isDisabledValue(isDisabled) {
|
|
14
|
+
return typeof isDisabled === "function" ? isDisabled() : !!isDisabled;
|
|
15
|
+
}
|
|
16
|
+
function createLongPressEvent(type, e) {
|
|
17
|
+
return {
|
|
18
|
+
type,
|
|
19
|
+
pointerType: e.pointerType,
|
|
20
|
+
target: e.target,
|
|
21
|
+
shiftKey: e.shiftKey,
|
|
22
|
+
ctrlKey: e.ctrlKey,
|
|
23
|
+
metaKey: e.metaKey,
|
|
24
|
+
altKey: e.altKey,
|
|
25
|
+
x: e.x,
|
|
26
|
+
y: e.y
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Handles long press interactions across mouse and touch devices.
|
|
31
|
+
*/
|
|
32
|
+
function createLongPress(props = {}) {
|
|
33
|
+
const { isDisabled, onLongPressStart, onLongPressEnd, onLongPress, threshold = DEFAULT_THRESHOLD, accessibilityDescription } = props;
|
|
34
|
+
let timeoutId;
|
|
35
|
+
const { addGlobalListener } = createGlobalListeners();
|
|
36
|
+
const { pressProps } = createPress({
|
|
37
|
+
isDisabled,
|
|
38
|
+
onPressStart(e) {
|
|
39
|
+
e.continuePropagation();
|
|
40
|
+
if (e.pointerType === "mouse" || e.pointerType === "touch") {
|
|
41
|
+
onLongPressStart?.(createLongPressEvent("longpressstart", e));
|
|
42
|
+
timeoutId = setTimeout(() => {
|
|
43
|
+
e.target.dispatchEvent(new PointerEvent("pointercancel", { bubbles: true }));
|
|
44
|
+
if (document.activeElement !== e.target) focusWithoutScrolling(e.target);
|
|
45
|
+
onLongPress?.(createLongPressEvent("longpress", e));
|
|
46
|
+
timeoutId = void 0;
|
|
47
|
+
}, threshold);
|
|
48
|
+
if (e.pointerType === "touch") {
|
|
49
|
+
const onContextMenu = (event) => {
|
|
50
|
+
event.preventDefault();
|
|
51
|
+
};
|
|
52
|
+
const target = e.target;
|
|
53
|
+
target.addEventListener("contextmenu", onContextMenu, { once: true });
|
|
54
|
+
addGlobalListener("pointerup", () => {
|
|
55
|
+
setTimeout(() => {
|
|
56
|
+
target.removeEventListener("contextmenu", onContextMenu);
|
|
57
|
+
}, 30);
|
|
58
|
+
}, {
|
|
59
|
+
isWindow: true,
|
|
60
|
+
once: true
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
onPressEnd(e) {
|
|
66
|
+
if (timeoutId) {
|
|
67
|
+
clearTimeout(timeoutId);
|
|
68
|
+
timeoutId = void 0;
|
|
69
|
+
}
|
|
70
|
+
if (onLongPressEnd && (e.pointerType === "mouse" || e.pointerType === "touch")) onLongPressEnd(createLongPressEvent("longpressend", e));
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
const descriptionProps = createDescription(() => onLongPress && !isDisabledValue(isDisabled) ? accessibilityDescription : void 0);
|
|
74
|
+
onCleanup(() => {
|
|
75
|
+
if (timeoutId) {
|
|
76
|
+
clearTimeout(timeoutId);
|
|
77
|
+
timeoutId = void 0;
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
const longPressProps = mergeProps(pressProps);
|
|
81
|
+
Object.defineProperty(longPressProps, "aria-describedby", {
|
|
82
|
+
get: () => descriptionProps["aria-describedby"],
|
|
83
|
+
enumerable: true,
|
|
84
|
+
configurable: true
|
|
85
|
+
});
|
|
86
|
+
return { longPressProps };
|
|
87
|
+
}
|
|
88
|
+
//#endregion
|
|
89
|
+
export { createLongPress as t };
|
|
90
|
+
|
|
91
|
+
//# sourceMappingURL=createLongPress.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createLongPress.jsx","names":[],"sources":["../../src/interactions/createLongPress.ts"],"sourcesContent":["/**\n * createLongPress - Handles long press interactions across mouse and touch.\n *\n * Port of @react-aria/interactions useLongPress, adapted for SolidJS.\n */\n\nimport { JSX, onCleanup } from \"solid-js\";\nimport { createPress, type PressEvent } from \"./createPress\";\nimport { mergeProps, focusWithoutScrolling, createGlobalListeners } from \"../utils\";\nimport { createDescription } from \"../utils/createDescription\";\nimport { type MaybeAccessor } from \"../utils/reactivity\";\n\nexport interface LongPressEvent {\n /** The type of long press event being fired. */\n type: \"longpressstart\" | \"longpressend\" | \"longpress\";\n /** The pointer type that triggered the long press. */\n pointerType: PressEvent[\"pointerType\"];\n /** The target element of the long press event. */\n target: Element;\n /** Whether the shift keyboard modifier was held during the long press event. */\n shiftKey: boolean;\n /** Whether the ctrl keyboard modifier was held during the long press event. */\n ctrlKey: boolean;\n /** Whether the meta keyboard modifier was held during the long press event. */\n metaKey: boolean;\n /** Whether the alt keyboard modifier was held during the long press event. */\n altKey: boolean;\n /** X position relative to the target. */\n x: number;\n /** Y position relative to the target. */\n y: number;\n}\n\nexport interface LongPressProps {\n /** Whether long press events should be disabled. */\n isDisabled?: MaybeAccessor<boolean>;\n /** Handler that is called when a long press interaction starts. */\n onLongPressStart?: (e: LongPressEvent) => void;\n /**\n * Handler that is called when a long press interaction ends, either\n * over the target or when the pointer leaves the target.\n */\n onLongPressEnd?: (e: LongPressEvent) => void;\n /**\n * Handler that is called when the threshold time is met while\n * the press is over the target.\n */\n onLongPress?: (e: LongPressEvent) => void;\n /**\n * The amount of time in milliseconds to wait before triggering a long press.\n * @default 500ms\n */\n threshold?: number;\n /**\n * A description for assistive technology users indicating that a long press\n * action is available, e.g. \"Long press to open menu\".\n */\n accessibilityDescription?: string;\n}\n\nexport interface LongPressResult {\n /** Props to spread on the target element. */\n longPressProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nconst DEFAULT_THRESHOLD = 500;\n\nfunction isDisabledValue(isDisabled: MaybeAccessor<boolean> | undefined): boolean {\n return typeof isDisabled === \"function\" ? isDisabled() : !!isDisabled;\n}\n\nfunction createLongPressEvent(type: LongPressEvent[\"type\"], e: PressEvent): LongPressEvent {\n return {\n type,\n pointerType: e.pointerType,\n target: e.target,\n shiftKey: e.shiftKey,\n ctrlKey: e.ctrlKey,\n metaKey: e.metaKey,\n altKey: e.altKey,\n x: e.x,\n y: e.y,\n };\n}\n\n/**\n * Handles long press interactions across mouse and touch devices.\n */\nexport function createLongPress(props: LongPressProps = {}): LongPressResult {\n const {\n isDisabled,\n onLongPressStart,\n onLongPressEnd,\n onLongPress,\n threshold = DEFAULT_THRESHOLD,\n accessibilityDescription,\n } = props;\n\n let timeoutId: ReturnType<typeof setTimeout> | undefined;\n const { addGlobalListener } = createGlobalListeners();\n\n const { pressProps } = createPress({\n isDisabled,\n onPressStart(e) {\n e.continuePropagation();\n if (e.pointerType === \"mouse\" || e.pointerType === \"touch\") {\n onLongPressStart?.(createLongPressEvent(\"longpressstart\", e));\n\n timeoutId = setTimeout(() => {\n // Prevent other press handlers from also handling this event.\n e.target.dispatchEvent(new PointerEvent(\"pointercancel\", { bubbles: true }));\n\n // Ensure target is focused. On touch devices, browsers typically focus on pointer up.\n if (document.activeElement !== e.target) {\n focusWithoutScrolling(e.target as HTMLElement);\n }\n\n onLongPress?.(createLongPressEvent(\"longpress\", e));\n timeoutId = undefined;\n }, threshold);\n\n if (e.pointerType === \"touch\") {\n const onContextMenu = (event: Event) => {\n event.preventDefault();\n };\n const target = e.target as HTMLElement;\n target.addEventListener(\"contextmenu\", onContextMenu, { once: true });\n\n addGlobalListener(\n \"pointerup\",\n () => {\n setTimeout(() => {\n target.removeEventListener(\"contextmenu\", onContextMenu);\n }, 30);\n },\n { isWindow: true, once: true },\n );\n }\n }\n },\n onPressEnd(e) {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n\n if (onLongPressEnd && (e.pointerType === \"mouse\" || e.pointerType === \"touch\")) {\n onLongPressEnd(createLongPressEvent(\"longpressend\", e));\n }\n },\n });\n\n const descriptionProps = createDescription(() =>\n onLongPress && !isDisabledValue(isDisabled) ? accessibilityDescription : undefined,\n );\n\n onCleanup(() => {\n if (timeoutId) {\n clearTimeout(timeoutId);\n timeoutId = undefined;\n }\n });\n\n const longPressProps = mergeProps(pressProps) as JSX.HTMLAttributes<HTMLElement>;\n Object.defineProperty(longPressProps, \"aria-describedby\", {\n get: () => descriptionProps[\"aria-describedby\"],\n enumerable: true,\n configurable: true,\n });\n\n return {\n longPressProps,\n };\n}\n"],"mappings":";;;;;;;;;;;AAiEA,MAAM,oBAAoB;AAE1B,SAAS,gBAAgB,YAAyD;CAChF,OAAO,OAAO,eAAe,aAAa,WAAW,IAAI,CAAC,CAAC;AAC7D;AAEA,SAAS,qBAAqB,MAA8B,GAA+B;CACzF,OAAO;EACL;EACA,aAAa,EAAE;EACf,QAAQ,EAAE;EACV,UAAU,EAAE;EACZ,SAAS,EAAE;EACX,SAAS,EAAE;EACX,QAAQ,EAAE;EACV,GAAG,EAAE;EACL,GAAG,EAAE;CACP;AACF;;;;AAKA,SAAgB,gBAAgB,QAAwB,CAAC,GAAoB;CAC3E,MAAM,EACJ,YACA,kBACA,gBACA,aACA,YAAY,mBACZ,6BACE;CAEJ,IAAI;CACJ,MAAM,EAAE,sBAAsB,sBAAsB;CAEpD,MAAM,EAAE,eAAe,YAAY;EACjC;EACA,aAAa,GAAG;GACd,EAAE,oBAAoB;GACtB,IAAI,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,SAAS;IAC1D,mBAAmB,qBAAqB,kBAAkB,CAAC,CAAC;IAE5D,YAAY,iBAAiB;KAE3B,EAAE,OAAO,cAAc,IAAI,aAAa,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC;KAG3E,IAAI,SAAS,kBAAkB,EAAE,QAC/B,sBAAsB,EAAE,MAAqB;KAG/C,cAAc,qBAAqB,aAAa,CAAC,CAAC;KAClD,YAAY,KAAA;IACd,GAAG,SAAS;IAEZ,IAAI,EAAE,gBAAgB,SAAS;KAC7B,MAAM,iBAAiB,UAAiB;MACtC,MAAM,eAAe;KACvB;KACA,MAAM,SAAS,EAAE;KACjB,OAAO,iBAAiB,eAAe,eAAe,EAAE,MAAM,KAAK,CAAC;KAEpE,kBACE,mBACM;MACJ,iBAAiB;OACf,OAAO,oBAAoB,eAAe,aAAa;MACzD,GAAG,EAAE;KACP,GACA;MAAE,UAAU;MAAM,MAAM;KAAK,CAC/B;IACF;GACF;EACF;EACA,WAAW,GAAG;GACZ,IAAI,WAAW;IACb,aAAa,SAAS;IACtB,YAAY,KAAA;GACd;GAEA,IAAI,mBAAmB,EAAE,gBAAgB,WAAW,EAAE,gBAAgB,UACpE,eAAe,qBAAqB,gBAAgB,CAAC,CAAC;EAE1D;CACF,CAAC;CAED,MAAM,mBAAmB,wBACvB,eAAe,CAAC,gBAAgB,UAAU,IAAI,2BAA2B,KAAA,CAC3E;CAEA,gBAAgB;EACd,IAAI,WAAW;GACb,aAAa,SAAS;GACtB,YAAY,KAAA;EACd;CACF,CAAC;CAED,MAAM,iBAAiB,WAAW,UAAU;CAC5C,OAAO,eAAe,gBAAgB,oBAAoB;EACxD,WAAW,iBAAiB;EAC5B,YAAY;EACZ,cAAc;CAChB,CAAC;CAED,OAAO,EACL,eACF;AACF"}
|
|
@@ -0,0 +1,327 @@
|
|
|
1
|
+
import { D as isIOS, d as chain } from "./utils.js";
|
|
2
|
+
import { C as willOpenKeyboard, h as isScrollable, l as getScrollParent, s as getOwnerDocument, y as nodeContains } from "./focus.js";
|
|
3
|
+
import { t as createFocusWithin } from "./createFocusWithin.js";
|
|
4
|
+
import { createEffect, onCleanup } from "solid-js";
|
|
5
|
+
//#region src/overlays/createPreventScroll.ts
|
|
6
|
+
/**
|
|
7
|
+
* Prevents scrolling on the document body while mounted.
|
|
8
|
+
* Based on @react-aria/overlays usePreventScroll.
|
|
9
|
+
*/
|
|
10
|
+
const visualViewport = typeof document !== "undefined" && window.visualViewport;
|
|
11
|
+
let preventScrollCount = 0;
|
|
12
|
+
let restore;
|
|
13
|
+
/**
|
|
14
|
+
* Prevents scrolling on the document body on mount, and
|
|
15
|
+
* restores it on unmount. Also ensures that content does not
|
|
16
|
+
* shift due to the scrollbars disappearing.
|
|
17
|
+
*/
|
|
18
|
+
function createPreventScroll(options = {}) {
|
|
19
|
+
createEffect(() => {
|
|
20
|
+
if (options.isDisabled) return;
|
|
21
|
+
preventScrollCount++;
|
|
22
|
+
if (preventScrollCount === 1) if (isIOS()) restore = preventScrollMobileSafari();
|
|
23
|
+
else restore = preventScrollStandard();
|
|
24
|
+
onCleanup(() => {
|
|
25
|
+
preventScrollCount--;
|
|
26
|
+
if (preventScrollCount === 0 && restore) {
|
|
27
|
+
restore();
|
|
28
|
+
restore = void 0;
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
function preventScrollStandard() {
|
|
34
|
+
const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
|
|
35
|
+
const restoreFns = [];
|
|
36
|
+
if (scrollbarWidth > 0) if ("scrollbarGutter" in document.documentElement.style) restoreFns.push(setStyle(document.documentElement, "scrollbarGutter", "stable"));
|
|
37
|
+
else restoreFns.push(setStyle(document.documentElement, "paddingRight", `${scrollbarWidth}px`));
|
|
38
|
+
restoreFns.push(setStyle(document.documentElement, "overflow", "hidden"));
|
|
39
|
+
return () => {
|
|
40
|
+
restoreFns.forEach((fn) => fn());
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
function preventScrollMobileSafari() {
|
|
44
|
+
let scrollable;
|
|
45
|
+
let allowTouchMove = false;
|
|
46
|
+
const onTouchStart = (e) => {
|
|
47
|
+
const target = e.target;
|
|
48
|
+
scrollable = isScrollable(target) ? target : getScrollParent(target, true);
|
|
49
|
+
allowTouchMove = false;
|
|
50
|
+
const selection = target.ownerDocument.defaultView.getSelection();
|
|
51
|
+
if (selection && !selection.isCollapsed && selection.containsNode(target, true)) allowTouchMove = true;
|
|
52
|
+
if ("selectionStart" in target && "selectionEnd" in target && target.selectionStart < target.selectionEnd && target.ownerDocument.activeElement === target) allowTouchMove = true;
|
|
53
|
+
};
|
|
54
|
+
const style = document.createElement("style");
|
|
55
|
+
style.textContent = `
|
|
56
|
+
@layer {
|
|
57
|
+
* {
|
|
58
|
+
overscroll-behavior: contain;
|
|
59
|
+
}
|
|
60
|
+
}`.trim();
|
|
61
|
+
document.head.prepend(style);
|
|
62
|
+
const onTouchMove = (e) => {
|
|
63
|
+
if (e.touches.length === 2 || allowTouchMove) return;
|
|
64
|
+
if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
|
|
65
|
+
e.preventDefault();
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
if (scrollable.scrollHeight === scrollable.clientHeight && scrollable.scrollWidth === scrollable.clientWidth) e.preventDefault();
|
|
69
|
+
};
|
|
70
|
+
const onBlur = (e) => {
|
|
71
|
+
const target = e.target;
|
|
72
|
+
const relatedTarget = e.relatedTarget;
|
|
73
|
+
if (relatedTarget && willOpenKeyboard(relatedTarget)) {
|
|
74
|
+
relatedTarget.focus({ preventScroll: true });
|
|
75
|
+
scrollIntoViewWhenReady(relatedTarget, willOpenKeyboard(target));
|
|
76
|
+
} else if (!relatedTarget) (target.parentElement?.closest("[tabindex]"))?.focus({ preventScroll: true });
|
|
77
|
+
};
|
|
78
|
+
const focus = HTMLElement.prototype.focus;
|
|
79
|
+
HTMLElement.prototype.focus = function(opts) {
|
|
80
|
+
const wasKeyboardVisible = document.activeElement != null && willOpenKeyboard(document.activeElement);
|
|
81
|
+
focus.call(this, {
|
|
82
|
+
...opts,
|
|
83
|
+
preventScroll: true
|
|
84
|
+
});
|
|
85
|
+
if (!opts || !opts.preventScroll) scrollIntoViewWhenReady(this, wasKeyboardVisible);
|
|
86
|
+
};
|
|
87
|
+
const removeEvents = chain(addEvent(document, "touchstart", onTouchStart, {
|
|
88
|
+
passive: false,
|
|
89
|
+
capture: true
|
|
90
|
+
}), addEvent(document, "touchmove", onTouchMove, {
|
|
91
|
+
passive: false,
|
|
92
|
+
capture: true
|
|
93
|
+
}), addEvent(document, "blur", onBlur, true));
|
|
94
|
+
return () => {
|
|
95
|
+
removeEvents();
|
|
96
|
+
style.remove();
|
|
97
|
+
HTMLElement.prototype.focus = focus;
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
function setStyle(element, styleName, value) {
|
|
101
|
+
const cur = element.style.getPropertyValue(styleName) || element.style[styleName];
|
|
102
|
+
element.style[styleName] = value;
|
|
103
|
+
return () => {
|
|
104
|
+
element.style[styleName] = cur;
|
|
105
|
+
};
|
|
106
|
+
}
|
|
107
|
+
function addEvent(target, event, handler, options) {
|
|
108
|
+
target.addEventListener(event, handler, options);
|
|
109
|
+
return () => {
|
|
110
|
+
target.removeEventListener(event, handler, options);
|
|
111
|
+
};
|
|
112
|
+
}
|
|
113
|
+
function scrollIntoViewWhenReady(target, wasKeyboardVisible) {
|
|
114
|
+
if (wasKeyboardVisible || !visualViewport) scrollIntoView(target);
|
|
115
|
+
else visualViewport.addEventListener("resize", () => scrollIntoView(target), { once: true });
|
|
116
|
+
}
|
|
117
|
+
function scrollIntoView(target) {
|
|
118
|
+
const root = document.scrollingElement || document.documentElement;
|
|
119
|
+
let nextTarget = target;
|
|
120
|
+
while (nextTarget && nextTarget !== root) {
|
|
121
|
+
const scrollableParent = getScrollParent(nextTarget);
|
|
122
|
+
if (scrollableParent !== document.documentElement && scrollableParent !== document.body && scrollableParent !== nextTarget) {
|
|
123
|
+
const scrollableRect = scrollableParent.getBoundingClientRect();
|
|
124
|
+
const targetRect = nextTarget.getBoundingClientRect();
|
|
125
|
+
if (targetRect.top < scrollableRect.top || targetRect.bottom > scrollableRect.top + nextTarget.clientHeight) {
|
|
126
|
+
let bottom = scrollableRect.bottom;
|
|
127
|
+
if (visualViewport) bottom = Math.min(bottom, visualViewport.offsetTop + visualViewport.height);
|
|
128
|
+
const adjustment = targetRect.top - scrollableRect.top - ((bottom - scrollableRect.top) / 2 - targetRect.height / 2);
|
|
129
|
+
scrollableParent.scrollTo({
|
|
130
|
+
top: Math.max(0, Math.min(scrollableParent.scrollHeight - scrollableParent.clientHeight, scrollableParent.scrollTop + adjustment)),
|
|
131
|
+
behavior: "smooth"
|
|
132
|
+
});
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
nextTarget = scrollableParent.parentElement;
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
//#endregion
|
|
139
|
+
//#region src/overlays/createInteractOutside.ts
|
|
140
|
+
/**
|
|
141
|
+
* Detects interactions outside a given element.
|
|
142
|
+
* Based on @react-aria/interactions useInteractOutside.
|
|
143
|
+
*/
|
|
144
|
+
/**
|
|
145
|
+
* Detects interactions outside a given element, used in components like
|
|
146
|
+
* Dialogs and Popovers so they can close when a user clicks outside them.
|
|
147
|
+
*/
|
|
148
|
+
function createInteractOutside(props) {
|
|
149
|
+
let isPointerDown = false;
|
|
150
|
+
let ignoreEmulatedMouseEvents = false;
|
|
151
|
+
createEffect(() => {
|
|
152
|
+
const { ref, onInteractOutside, onInteractOutsideStart, isDisabled } = props;
|
|
153
|
+
if (isDisabled) return;
|
|
154
|
+
const documentObject = getOwnerDocument(ref());
|
|
155
|
+
const onPointerDown = (e) => {
|
|
156
|
+
if (onInteractOutside && isValidEvent(e, ref)) {
|
|
157
|
+
if (onInteractOutsideStart) onInteractOutsideStart(e);
|
|
158
|
+
isPointerDown = true;
|
|
159
|
+
}
|
|
160
|
+
};
|
|
161
|
+
const triggerInteractOutside = (e) => {
|
|
162
|
+
if (onInteractOutside) onInteractOutside(e);
|
|
163
|
+
};
|
|
164
|
+
if (typeof PointerEvent !== "undefined") {
|
|
165
|
+
const onClick = (e) => {
|
|
166
|
+
if (isPointerDown && isValidEvent(e, ref)) triggerInteractOutside(e);
|
|
167
|
+
isPointerDown = false;
|
|
168
|
+
};
|
|
169
|
+
documentObject.addEventListener("pointerdown", onPointerDown, true);
|
|
170
|
+
documentObject.addEventListener("click", onClick, true);
|
|
171
|
+
onCleanup(() => {
|
|
172
|
+
documentObject.removeEventListener("pointerdown", onPointerDown, true);
|
|
173
|
+
documentObject.removeEventListener("click", onClick, true);
|
|
174
|
+
});
|
|
175
|
+
} else {
|
|
176
|
+
const onMouseUp = (e) => {
|
|
177
|
+
if (ignoreEmulatedMouseEvents) ignoreEmulatedMouseEvents = false;
|
|
178
|
+
else if (isPointerDown && isValidEvent(e, ref)) triggerInteractOutside(e);
|
|
179
|
+
isPointerDown = false;
|
|
180
|
+
};
|
|
181
|
+
const onTouchEnd = (e) => {
|
|
182
|
+
ignoreEmulatedMouseEvents = true;
|
|
183
|
+
if (isPointerDown && isValidEvent(e, ref)) triggerInteractOutside(e);
|
|
184
|
+
isPointerDown = false;
|
|
185
|
+
};
|
|
186
|
+
const onMouseDown = (e) => {
|
|
187
|
+
if (onInteractOutside && isValidEvent(e, ref)) {
|
|
188
|
+
if (onInteractOutsideStart) onInteractOutsideStart(e);
|
|
189
|
+
isPointerDown = true;
|
|
190
|
+
}
|
|
191
|
+
};
|
|
192
|
+
const onTouchStart = (e) => {
|
|
193
|
+
if (onInteractOutside && isValidEvent(e, ref)) {
|
|
194
|
+
if (onInteractOutsideStart) onInteractOutsideStart(e);
|
|
195
|
+
isPointerDown = true;
|
|
196
|
+
}
|
|
197
|
+
};
|
|
198
|
+
documentObject.addEventListener("mousedown", onMouseDown, true);
|
|
199
|
+
documentObject.addEventListener("mouseup", onMouseUp, true);
|
|
200
|
+
documentObject.addEventListener("touchstart", onTouchStart, true);
|
|
201
|
+
documentObject.addEventListener("touchend", onTouchEnd, true);
|
|
202
|
+
onCleanup(() => {
|
|
203
|
+
documentObject.removeEventListener("mousedown", onMouseDown, true);
|
|
204
|
+
documentObject.removeEventListener("mouseup", onMouseUp, true);
|
|
205
|
+
documentObject.removeEventListener("touchstart", onTouchStart, true);
|
|
206
|
+
documentObject.removeEventListener("touchend", onTouchEnd, true);
|
|
207
|
+
});
|
|
208
|
+
}
|
|
209
|
+
});
|
|
210
|
+
}
|
|
211
|
+
function isValidEvent(event, ref) {
|
|
212
|
+
if ("button" in event && event.button > 0) return false;
|
|
213
|
+
if (event.target) {
|
|
214
|
+
const ownerDocument = event.target.ownerDocument;
|
|
215
|
+
if (!ownerDocument || !ownerDocument.documentElement.contains(event.target)) return false;
|
|
216
|
+
if (event.target.closest?.("[data-solidaria-top-layer]")) return false;
|
|
217
|
+
}
|
|
218
|
+
const element = ref();
|
|
219
|
+
if (!element) return false;
|
|
220
|
+
return !event.composedPath().includes(element);
|
|
221
|
+
}
|
|
222
|
+
//#endregion
|
|
223
|
+
//#region src/overlays/createOverlay.ts
|
|
224
|
+
/**
|
|
225
|
+
* Provides the behavior for overlays such as dialogs, popovers, and menus.
|
|
226
|
+
* Based on @react-aria/overlays useOverlay.
|
|
227
|
+
*/
|
|
228
|
+
const visibleOverlays = [];
|
|
229
|
+
/**
|
|
230
|
+
* Provides the behavior for overlays such as dialogs, popovers, and menus.
|
|
231
|
+
* Hides the overlay when the user interacts outside it, when the Escape key is pressed,
|
|
232
|
+
* or optionally, on blur. Only the top-most overlay will close at once.
|
|
233
|
+
*/
|
|
234
|
+
function createOverlay(props, ref) {
|
|
235
|
+
const onClose = () => props.onClose;
|
|
236
|
+
const shouldCloseOnBlur = () => props.shouldCloseOnBlur;
|
|
237
|
+
const isOpen = () => props.isOpen ?? false;
|
|
238
|
+
const isDismissable = () => props.isDismissable ?? false;
|
|
239
|
+
const isKeyboardDismissDisabled = () => props.isKeyboardDismissDisabled ?? false;
|
|
240
|
+
const shouldCloseOnInteractOutside = () => props.shouldCloseOnInteractOutside;
|
|
241
|
+
createEffect(() => {
|
|
242
|
+
if (isOpen() && !visibleOverlays.includes(ref)) visibleOverlays.push(ref);
|
|
243
|
+
onCleanup(() => {
|
|
244
|
+
const index = visibleOverlays.indexOf(ref);
|
|
245
|
+
if (index >= 0) visibleOverlays.splice(index, 1);
|
|
246
|
+
});
|
|
247
|
+
});
|
|
248
|
+
const onHide = () => {
|
|
249
|
+
const close = onClose();
|
|
250
|
+
if (visibleOverlays[visibleOverlays.length - 1] === ref && close) close();
|
|
251
|
+
};
|
|
252
|
+
const onInteractOutsideStart = (e) => {
|
|
253
|
+
const shouldClose = shouldCloseOnInteractOutside();
|
|
254
|
+
if (!shouldClose || shouldClose(e.target)) {
|
|
255
|
+
if (visibleOverlays[visibleOverlays.length - 1] === ref) {
|
|
256
|
+
e.stopPropagation();
|
|
257
|
+
e.preventDefault();
|
|
258
|
+
}
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
const onInteractOutside = (e) => {
|
|
262
|
+
const shouldClose = shouldCloseOnInteractOutside();
|
|
263
|
+
if (!shouldClose || shouldClose(e.target)) {
|
|
264
|
+
if (visibleOverlays[visibleOverlays.length - 1] === ref) {
|
|
265
|
+
e.stopPropagation();
|
|
266
|
+
e.preventDefault();
|
|
267
|
+
}
|
|
268
|
+
onHide();
|
|
269
|
+
}
|
|
270
|
+
};
|
|
271
|
+
createEffect(() => {
|
|
272
|
+
if (!isDismissable() || !isOpen()) return;
|
|
273
|
+
createInteractOutside({
|
|
274
|
+
ref,
|
|
275
|
+
onInteractOutside,
|
|
276
|
+
onInteractOutsideStart,
|
|
277
|
+
isDisabled: false
|
|
278
|
+
});
|
|
279
|
+
});
|
|
280
|
+
createEffect(() => {
|
|
281
|
+
if (!isOpen() || !shouldCloseOnBlur()) return;
|
|
282
|
+
const overlay = ref();
|
|
283
|
+
if (!overlay) return;
|
|
284
|
+
const ownerDocument = getOwnerDocument(overlay);
|
|
285
|
+
const onFocusIn = (event) => {
|
|
286
|
+
if (!isOpen()) return;
|
|
287
|
+
const currentOverlay = ref();
|
|
288
|
+
const target = event.target;
|
|
289
|
+
if (!currentOverlay || !target || nodeContains(currentOverlay, target)) return;
|
|
290
|
+
const shouldClose = shouldCloseOnInteractOutside();
|
|
291
|
+
if (!shouldClose || shouldClose(target)) onHide();
|
|
292
|
+
};
|
|
293
|
+
ownerDocument.addEventListener("focusin", onFocusIn, true);
|
|
294
|
+
onCleanup(() => ownerDocument.removeEventListener("focusin", onFocusIn, true));
|
|
295
|
+
});
|
|
296
|
+
const { focusWithinProps } = createFocusWithin({
|
|
297
|
+
get isDisabled() {
|
|
298
|
+
return !shouldCloseOnBlur();
|
|
299
|
+
},
|
|
300
|
+
onBlurWithin: (e) => {
|
|
301
|
+
if (!e.relatedTarget) return;
|
|
302
|
+
const shouldClose = shouldCloseOnInteractOutside();
|
|
303
|
+
if (!shouldClose || shouldClose(e.relatedTarget)) onClose()?.();
|
|
304
|
+
}
|
|
305
|
+
});
|
|
306
|
+
const onKeyDown = (e) => {
|
|
307
|
+
if (e.key === "Escape" && !isKeyboardDismissDisabled() && !e.isComposing) {
|
|
308
|
+
e.stopPropagation();
|
|
309
|
+
e.preventDefault();
|
|
310
|
+
onHide();
|
|
311
|
+
}
|
|
312
|
+
};
|
|
313
|
+
const onPointerDownUnderlay = (e) => {
|
|
314
|
+
if (e.target === e.currentTarget) e.preventDefault();
|
|
315
|
+
};
|
|
316
|
+
return {
|
|
317
|
+
overlayProps: {
|
|
318
|
+
onKeyDown,
|
|
319
|
+
...focusWithinProps
|
|
320
|
+
},
|
|
321
|
+
underlayProps: { onPointerDown: onPointerDownUnderlay }
|
|
322
|
+
};
|
|
323
|
+
}
|
|
324
|
+
//#endregion
|
|
325
|
+
export { createInteractOutside as n, createPreventScroll as r, createOverlay as t };
|
|
326
|
+
|
|
327
|
+
//# sourceMappingURL=createOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"createOverlay.js","names":[],"sources":["../../src/overlays/createPreventScroll.ts","../../src/overlays/createInteractOutside.ts","../../src/overlays/createOverlay.ts"],"sourcesContent":["/**\n * Prevents scrolling on the document body while mounted.\n * Based on @react-aria/overlays usePreventScroll.\n */\n\nimport { createEffect, onCleanup } from \"solid-js\";\nimport { isIOS, getScrollParent, isScrollable, willOpenKeyboard, chain } from \"../utils\";\n\nexport interface PreventScrollOptions {\n /** Whether the scroll lock is disabled. */\n isDisabled?: boolean;\n}\n\nconst visualViewport = typeof document !== \"undefined\" && window.visualViewport;\n\n// The number of active createPreventScroll calls. Used to determine whether to revert back to the original page style/scroll position\nlet preventScrollCount = 0;\nlet restore: (() => void) | undefined;\n\n/**\n * Prevents scrolling on the document body on mount, and\n * restores it on unmount. Also ensures that content does not\n * shift due to the scrollbars disappearing.\n */\nexport function createPreventScroll(options: PreventScrollOptions = {}): void {\n createEffect(() => {\n const isDisabled = options.isDisabled;\n\n if (isDisabled) {\n return;\n }\n\n preventScrollCount++;\n if (preventScrollCount === 1) {\n if (isIOS()) {\n restore = preventScrollMobileSafari();\n } else {\n restore = preventScrollStandard();\n }\n }\n\n onCleanup(() => {\n preventScrollCount--;\n if (preventScrollCount === 0 && restore) {\n restore();\n restore = undefined;\n }\n });\n });\n}\n\n// For most browsers, all we need to do is set `overflow: hidden` on the root element, and\n// add some padding to prevent the page from shifting when the scrollbar is hidden.\nfunction preventScrollStandard(): () => void {\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n const restoreFns: Array<() => void> = [];\n\n if (scrollbarWidth > 0) {\n // Use scrollbar-gutter when supported because it also works for fixed positioned elements.\n if (\"scrollbarGutter\" in document.documentElement.style) {\n restoreFns.push(setStyle(document.documentElement, \"scrollbarGutter\", \"stable\"));\n } else {\n restoreFns.push(setStyle(document.documentElement, \"paddingRight\", `${scrollbarWidth}px`));\n }\n }\n\n restoreFns.push(setStyle(document.documentElement, \"overflow\", \"hidden\"));\n\n return () => {\n restoreFns.forEach((fn) => fn());\n };\n}\n\n// Mobile Safari is a whole different beast. Even with overflow: hidden,\n// it still scrolls the page in many situations:\n//\n// 1. When the bottom toolbar and address bar are collapsed, page scrolling is always allowed.\n// 2. When the keyboard is visible, the viewport does not resize. Instead, the keyboard covers part of\n// it, so it becomes scrollable.\n// 3. When tapping on an input, the page always scrolls so that the input is centered in the visual viewport.\n// This may cause even fixed position elements to scroll off the screen.\n// 4. When using the next/previous buttons in the keyboard to navigate between inputs, the whole page always\n// scrolls, even if the input is inside a nested scrollable element that could be scrolled instead.\n//\n// In order to work around these cases, and prevent scrolling without jankiness, we do a few things:\n//\n// 1. Prevent default on `touchmove` events that are not in a scrollable element. This prevents touch scrolling\n// on the window.\n// 2. Set `overscroll-behavior: contain` on nested scrollable regions so they do not scroll the page when at\n// the top or bottom. Work around a bug where this does not work when the element does not actually overflow\n// by preventing default in a `touchmove` event. This is best effort: we can't prevent default when pinch\n// zooming or when an element contains text selection, which may allow scrolling in some cases.\n// 3. Prevent default on `touchend` events on input elements and handle focusing the element ourselves.\n// 4. When focus moves to an input, create an off screen input and focus that temporarily. This prevents\n// Safari from scrolling the page. After a small delay, focus the real input and scroll it into view\n// ourselves, without scrolling the whole page.\nfunction preventScrollMobileSafari(): () => void {\n let scrollable: Element;\n let allowTouchMove = false;\n\n const onTouchStart = (e: TouchEvent) => {\n // Store the nearest scrollable parent element from the element that the user touched.\n const target = e.target as Element;\n scrollable = isScrollable(target) ? target : getScrollParent(target, true);\n allowTouchMove = false;\n\n // If the target is selected, don't preventDefault in touchmove to allow user to adjust selection.\n const selection = target.ownerDocument.defaultView!.getSelection();\n if (selection && !selection.isCollapsed && selection.containsNode(target, true)) {\n allowTouchMove = true;\n }\n\n // If this is a focused input element with a selected range, allow user to drag the selection handles.\n if (\n \"selectionStart\" in target &&\n \"selectionEnd\" in target &&\n (target.selectionStart as number) < (target.selectionEnd as number) &&\n target.ownerDocument.activeElement === target\n ) {\n allowTouchMove = true;\n }\n };\n\n // Prevent scrolling up when at the top and scrolling down when at the bottom\n // of a nested scrollable area, otherwise mobile Safari will start scrolling\n // the window instead.\n // This must be applied before the touchstart event as of iOS 26, so inject it as a <style> element.\n const style = document.createElement(\"style\");\n style.textContent = `\n@layer {\n * {\n overscroll-behavior: contain;\n }\n}`.trim();\n document.head.prepend(style);\n\n const onTouchMove = (e: TouchEvent) => {\n // Allow pinch-zooming.\n if (e.touches.length === 2 || allowTouchMove) {\n return;\n }\n\n // Prevent scrolling the window.\n if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {\n e.preventDefault();\n return;\n }\n\n // overscroll-behavior should prevent scroll chaining, but currently does not\n // if the element doesn't actually overflow. https://bugs.webkit.org/show_bug.cgi?id=243452\n // This checks that both the width and height do not overflow, otherwise we might\n // block horizontal scrolling too. In that case, adding `touch-action: pan-x` to\n // the element will prevent vertical page scrolling. We can't add that automatically\n // because it must be set before the touchstart event.\n if (\n scrollable.scrollHeight === scrollable.clientHeight &&\n scrollable.scrollWidth === scrollable.clientWidth\n ) {\n e.preventDefault();\n }\n };\n\n const onBlur = (e: FocusEvent) => {\n const target = e.target as HTMLElement;\n const relatedTarget = e.relatedTarget as HTMLElement | null;\n if (relatedTarget && willOpenKeyboard(relatedTarget)) {\n // Focus without scrolling the whole page, and then scroll into view manually.\n relatedTarget.focus({ preventScroll: true });\n scrollIntoViewWhenReady(relatedTarget, willOpenKeyboard(target));\n } else if (!relatedTarget) {\n // When tapping the Done button on the keyboard, focus moves to the body.\n // FocusScope will then restore focus back to the input. Later when tapping\n // the same input again, it is already focused, so no blur event will fire,\n // resulting in the flow above never running and Safari's native scrolling occurring.\n // Instead, move focus to the parent focusable element (e.g. the dialog).\n const focusable = target.parentElement?.closest(\"[tabindex]\") as HTMLElement | null;\n focusable?.focus({ preventScroll: true });\n }\n };\n\n // Override programmatic focus to scroll into view without scrolling the whole page.\n const focus = HTMLElement.prototype.focus;\n HTMLElement.prototype.focus = function (opts) {\n // Track whether the keyboard was already visible before.\n const wasKeyboardVisible =\n document.activeElement != null && willOpenKeyboard(document.activeElement);\n\n // Focus the element without scrolling the page.\n focus.call(this, { ...opts, preventScroll: true });\n\n if (!opts || !opts.preventScroll) {\n scrollIntoViewWhenReady(this, wasKeyboardVisible);\n }\n };\n\n const removeEvents = chain(\n addEvent(document, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n addEvent(document, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n addEvent(document, \"blur\", onBlur, true),\n );\n\n return () => {\n removeEvents();\n style.remove();\n HTMLElement.prototype.focus = focus;\n };\n}\n\n// Sets a CSS property on an element, and returns a function to revert it to the previous value.\nfunction setStyle(element: HTMLElement, styleName: string, value: string): () => void {\n const cur =\n element.style.getPropertyValue(styleName) ||\n (element.style as unknown as Record<string, string>)[styleName];\n (element.style as unknown as Record<string, string>)[styleName] = value;\n\n return () => {\n (element.style as unknown as Record<string, string>)[styleName] = cur;\n };\n}\n\n// Adds an event listener to an element, and returns a function to remove it.\nfunction addEvent<K extends keyof GlobalEventHandlersEventMap>(\n target: Document | Window,\n event: K,\n handler: (this: Document | Window, ev: GlobalEventHandlersEventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n): () => void {\n target.addEventListener(event, handler as EventListener, options);\n return () => {\n target.removeEventListener(event, handler as EventListener, options);\n };\n}\n\nfunction scrollIntoViewWhenReady(target: Element, wasKeyboardVisible: boolean): void {\n if (wasKeyboardVisible || !visualViewport) {\n // If the keyboard was already visible, scroll the target into view immediately.\n scrollIntoView(target);\n } else {\n // Otherwise, wait for the visual viewport to resize before scrolling so we can\n // measure the correct position to scroll to.\n visualViewport.addEventListener(\"resize\", () => scrollIntoView(target), { once: true });\n }\n}\n\nfunction scrollIntoView(target: Element): void {\n const root = document.scrollingElement || document.documentElement;\n let nextTarget: Element | null = target;\n while (nextTarget && nextTarget !== root) {\n // Find the parent scrollable element and adjust the scroll position if the target is not already in view.\n const scrollableParent = getScrollParent(nextTarget);\n if (\n scrollableParent !== document.documentElement &&\n scrollableParent !== document.body &&\n scrollableParent !== nextTarget\n ) {\n const scrollableRect = scrollableParent.getBoundingClientRect();\n const targetRect = nextTarget.getBoundingClientRect();\n if (\n targetRect.top < scrollableRect.top ||\n targetRect.bottom > scrollableRect.top + nextTarget.clientHeight\n ) {\n let bottom = scrollableRect.bottom;\n if (visualViewport) {\n bottom = Math.min(bottom, visualViewport.offsetTop + visualViewport.height);\n }\n\n // Center within the viewport.\n const adjustment =\n targetRect.top -\n scrollableRect.top -\n ((bottom - scrollableRect.top) / 2 - targetRect.height / 2);\n scrollableParent.scrollTo({\n // Clamp to the valid range to prevent over-scrolling.\n top: Math.max(\n 0,\n Math.min(\n scrollableParent.scrollHeight - scrollableParent.clientHeight,\n scrollableParent.scrollTop + adjustment,\n ),\n ),\n behavior: \"smooth\",\n });\n }\n }\n\n nextTarget = scrollableParent.parentElement;\n }\n}\n","/**\n * Detects interactions outside a given element.\n * Based on @react-aria/interactions useInteractOutside.\n */\n\nimport { createEffect, onCleanup } from \"solid-js\";\nimport { getOwnerDocument } from \"../utils\";\n\nexport interface InteractOutsideProps {\n /** Reference to the element to detect interactions outside of. */\n ref: () => Element | null;\n /** Handler called when an interaction outside the element completes. */\n onInteractOutside?: (e: PointerEvent) => void;\n /** Handler called when an interaction outside the element starts. */\n onInteractOutsideStart?: (e: PointerEvent) => void;\n /** Whether the interact outside events should be disabled. */\n isDisabled?: boolean;\n}\n\n/**\n * Detects interactions outside a given element, used in components like\n * Dialogs and Popovers so they can close when a user clicks outside them.\n */\nexport function createInteractOutside(props: InteractOutsideProps): void {\n let isPointerDown = false;\n let ignoreEmulatedMouseEvents = false;\n\n createEffect(() => {\n const { ref, onInteractOutside, onInteractOutsideStart, isDisabled } = props;\n\n if (isDisabled) {\n return;\n }\n\n const element = ref();\n const documentObject = getOwnerDocument(element);\n\n const onPointerDown = (e: PointerEvent) => {\n if (onInteractOutside && isValidEvent(e, ref)) {\n if (onInteractOutsideStart) {\n onInteractOutsideStart(e);\n }\n isPointerDown = true;\n }\n };\n\n const triggerInteractOutside = (e: PointerEvent) => {\n if (onInteractOutside) {\n onInteractOutside(e);\n }\n };\n\n // Use pointer events if available. Otherwise, fall back to mouse and touch events.\n if (typeof PointerEvent !== \"undefined\") {\n const onClick = (e: PointerEvent) => {\n if (isPointerDown && isValidEvent(e, ref)) {\n triggerInteractOutside(e);\n }\n isPointerDown = false;\n };\n\n // Use click instead of pointerup to avoid Android Chrome issue\n // https://issues.chromium.org/issues/40732224\n documentObject.addEventListener(\"pointerdown\", onPointerDown as EventListener, true);\n documentObject.addEventListener(\"click\", onClick as EventListener, true);\n\n onCleanup(() => {\n documentObject.removeEventListener(\"pointerdown\", onPointerDown as EventListener, true);\n documentObject.removeEventListener(\"click\", onClick as EventListener, true);\n });\n } else {\n // Fallback for environments without PointerEvent (mainly tests)\n const onMouseUp = (e: MouseEvent) => {\n if (ignoreEmulatedMouseEvents) {\n ignoreEmulatedMouseEvents = false;\n } else if (isPointerDown && isValidEvent(e as unknown as PointerEvent, ref)) {\n triggerInteractOutside(e as unknown as PointerEvent);\n }\n isPointerDown = false;\n };\n\n const onTouchEnd = (e: TouchEvent) => {\n ignoreEmulatedMouseEvents = true;\n if (isPointerDown && isValidEvent(e as unknown as PointerEvent, ref)) {\n triggerInteractOutside(e as unknown as PointerEvent);\n }\n isPointerDown = false;\n };\n\n const onMouseDown = (e: MouseEvent) => {\n if (onInteractOutside && isValidEvent(e as unknown as PointerEvent, ref)) {\n if (onInteractOutsideStart) {\n onInteractOutsideStart(e as unknown as PointerEvent);\n }\n isPointerDown = true;\n }\n };\n\n const onTouchStart = (e: TouchEvent) => {\n if (onInteractOutside && isValidEvent(e as unknown as PointerEvent, ref)) {\n if (onInteractOutsideStart) {\n onInteractOutsideStart(e as unknown as PointerEvent);\n }\n isPointerDown = true;\n }\n };\n\n documentObject.addEventListener(\"mousedown\", onMouseDown as EventListener, true);\n documentObject.addEventListener(\"mouseup\", onMouseUp as EventListener, true);\n documentObject.addEventListener(\"touchstart\", onTouchStart as EventListener, true);\n documentObject.addEventListener(\"touchend\", onTouchEnd as EventListener, true);\n\n onCleanup(() => {\n documentObject.removeEventListener(\"mousedown\", onMouseDown as EventListener, true);\n documentObject.removeEventListener(\"mouseup\", onMouseUp as EventListener, true);\n documentObject.removeEventListener(\"touchstart\", onTouchStart as EventListener, true);\n documentObject.removeEventListener(\"touchend\", onTouchEnd as EventListener, true);\n });\n }\n });\n}\n\nfunction isValidEvent(\n event: PointerEvent | MouseEvent | TouchEvent,\n ref: () => Element | null,\n): boolean {\n // Only handle primary button clicks\n if (\"button\" in event && event.button > 0) {\n return false;\n }\n\n if (event.target) {\n // If the event target is no longer in the document, ignore\n const ownerDocument = (event.target as Element).ownerDocument;\n if (!ownerDocument || !ownerDocument.documentElement.contains(event.target as Node)) {\n return false;\n }\n // If the target is within a top layer element (e.g. toasts), ignore\n if ((event.target as Element).closest?.(\"[data-solidaria-top-layer]\")) {\n return false;\n }\n }\n\n const element = ref();\n if (!element) {\n return false;\n }\n\n // When the event source is inside a Shadow DOM, event.target is just the shadow root.\n // Using event.composedPath instead means we can get the actual element inside the shadow root.\n return !event.composedPath().includes(element);\n}\n","/**\n * Provides the behavior for overlays such as dialogs, popovers, and menus.\n * Based on @react-aria/overlays useOverlay.\n */\n\nimport { createEffect, onCleanup, type JSX } from \"solid-js\";\nimport { createInteractOutside } from \"./createInteractOutside\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { getOwnerDocument, nodeContains } from \"../utils\";\n\nexport interface AriaOverlayProps {\n /** Whether the overlay is currently open. */\n isOpen?: boolean;\n /** Handler that is called when the overlay should close. */\n onClose?: () => void;\n /**\n * Whether to close the overlay when the user interacts outside it.\n * @default false\n */\n isDismissable?: boolean;\n /** Whether the overlay should close when focus is lost or moves outside it. */\n shouldCloseOnBlur?: boolean;\n /**\n * Whether pressing the escape key to close the overlay should be disabled.\n * @default false\n */\n isKeyboardDismissDisabled?: boolean;\n /**\n * When user interacts with the argument element outside of the overlay ref,\n * return true if onClose should be called. This gives you a chance to filter\n * out interaction with elements that should not dismiss the overlay.\n * By default, onClose will always be called on interaction outside the overlay ref.\n */\n shouldCloseOnInteractOutside?: (element: Element) => boolean;\n}\n\nexport interface OverlayAria {\n /** Props to apply to the overlay container element. */\n overlayProps: JSX.HTMLAttributes<HTMLElement>;\n /** Props to apply to the underlay element, if any. */\n underlayProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n// Stack of visible overlays, used to ensure only topmost overlay closes\nconst visibleOverlays: Array<() => Element | null> = [];\n\n/**\n * Provides the behavior for overlays such as dialogs, popovers, and menus.\n * Hides the overlay when the user interacts outside it, when the Escape key is pressed,\n * or optionally, on blur. Only the top-most overlay will close at once.\n */\nexport function createOverlay(props: AriaOverlayProps, ref: () => Element | null): OverlayAria {\n const onClose = () => props.onClose;\n const shouldCloseOnBlur = () => props.shouldCloseOnBlur;\n const isOpen = () => props.isOpen ?? false;\n const isDismissable = () => props.isDismissable ?? false;\n const isKeyboardDismissDisabled = () => props.isKeyboardDismissDisabled ?? false;\n const shouldCloseOnInteractOutside = () => props.shouldCloseOnInteractOutside;\n\n // Add the overlay ref to the stack of visible overlays on mount, and remove on unmount.\n createEffect(() => {\n if (isOpen() && !visibleOverlays.includes(ref)) {\n visibleOverlays.push(ref);\n }\n\n onCleanup(() => {\n const index = visibleOverlays.indexOf(ref);\n if (index >= 0) {\n visibleOverlays.splice(index, 1);\n }\n });\n });\n\n // Only hide the overlay when it is the topmost visible overlay in the stack\n const onHide = () => {\n const close = onClose();\n if (visibleOverlays[visibleOverlays.length - 1] === ref && close) {\n close();\n }\n };\n\n const onInteractOutsideStart = (e: PointerEvent) => {\n const shouldClose = shouldCloseOnInteractOutside();\n if (!shouldClose || shouldClose(e.target as Element)) {\n if (visibleOverlays[visibleOverlays.length - 1] === ref) {\n e.stopPropagation();\n e.preventDefault();\n }\n }\n };\n\n const onInteractOutside = (e: PointerEvent) => {\n const shouldClose = shouldCloseOnInteractOutside();\n if (!shouldClose || shouldClose(e.target as Element)) {\n if (visibleOverlays[visibleOverlays.length - 1] === ref) {\n e.stopPropagation();\n e.preventDefault();\n }\n onHide();\n }\n };\n\n // Handle clicking outside the overlay to close it.\n createEffect(() => {\n if (!isDismissable() || !isOpen()) {\n return;\n }\n\n createInteractOutside({\n ref,\n onInteractOutside,\n onInteractOutsideStart,\n isDisabled: false,\n });\n });\n\n createEffect(() => {\n if (!isOpen() || !shouldCloseOnBlur()) {\n return;\n }\n\n const overlay = ref();\n if (!overlay) {\n return;\n }\n\n const ownerDocument = getOwnerDocument(overlay);\n const onFocusIn = (event: FocusEvent) => {\n if (!isOpen()) {\n return;\n }\n\n const currentOverlay = ref();\n const target = event.target as Element | null;\n if (!currentOverlay || !target || nodeContains(currentOverlay, target)) {\n return;\n }\n\n const shouldClose = shouldCloseOnInteractOutside();\n if (!shouldClose || shouldClose(target)) {\n onHide();\n }\n };\n\n ownerDocument.addEventListener(\"focusin\", onFocusIn, true);\n onCleanup(() => ownerDocument.removeEventListener(\"focusin\", onFocusIn, true));\n });\n\n // Handle focus within for blur detection\n const { focusWithinProps } = createFocusWithin({\n get isDisabled() {\n return !shouldCloseOnBlur();\n },\n onBlurWithin: (e) => {\n // Do not close if relatedTarget is null, which means focus is lost to the body.\n // That can happen when switching tabs, or due to a browser bug.\n // Clicking on the body to close the overlay should already be handled by createInteractOutside.\n if (!e.relatedTarget) {\n return;\n }\n\n const shouldClose = shouldCloseOnInteractOutside();\n if (!shouldClose || shouldClose(e.relatedTarget as Element)) {\n onClose()?.();\n }\n },\n });\n\n // Handle the escape key\n const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n if (e.key === \"Escape\" && !isKeyboardDismissDisabled() && !e.isComposing) {\n e.stopPropagation();\n e.preventDefault();\n onHide();\n }\n };\n\n const onPointerDownUnderlay: JSX.EventHandler<HTMLElement, PointerEvent> = (e) => {\n // Fixes a Firefox issue that starts text selection\n // https://bugzilla.mozilla.org/show_bug.cgi?id=1675846\n if (e.target === e.currentTarget) {\n e.preventDefault();\n }\n };\n\n return {\n overlayProps: {\n onKeyDown,\n ...focusWithinProps,\n },\n underlayProps: {\n onPointerDown: onPointerDownUnderlay,\n },\n };\n}\n"],"mappings":";;;;;;;;;AAaA,MAAM,iBAAiB,OAAO,aAAa,eAAe,OAAO;AAGjE,IAAI,qBAAqB;AACzB,IAAI;;;;;;AAOJ,SAAgB,oBAAoB,UAAgC,CAAC,GAAS;CAC5E,mBAAmB;EAGjB,IAFmB,QAAQ,YAGzB;EAGF;EACA,IAAI,uBAAuB,GACzB,IAAI,MAAM,GACR,UAAU,0BAA0B;OAEpC,UAAU,sBAAsB;EAIpC,gBAAgB;GACd;GACA,IAAI,uBAAuB,KAAK,SAAS;IACvC,QAAQ;IACR,UAAU,KAAA;GACZ;EACF,CAAC;CACH,CAAC;AACH;AAIA,SAAS,wBAAoC;CAC3C,MAAM,iBAAiB,OAAO,aAAa,SAAS,gBAAgB;CACpE,MAAM,aAAgC,CAAC;CAEvC,IAAI,iBAAiB,GAEnB,IAAI,qBAAqB,SAAS,gBAAgB,OAChD,WAAW,KAAK,SAAS,SAAS,iBAAiB,mBAAmB,QAAQ,CAAC;MAE/E,WAAW,KAAK,SAAS,SAAS,iBAAiB,gBAAgB,GAAG,eAAe,GAAG,CAAC;CAI7F,WAAW,KAAK,SAAS,SAAS,iBAAiB,YAAY,QAAQ,CAAC;CAExE,aAAa;EACX,WAAW,SAAS,OAAO,GAAG,CAAC;CACjC;AACF;AAyBA,SAAS,4BAAwC;CAC/C,IAAI;CACJ,IAAI,iBAAiB;CAErB,MAAM,gBAAgB,MAAkB;EAEtC,MAAM,SAAS,EAAE;EACjB,aAAa,aAAa,MAAM,IAAI,SAAS,gBAAgB,QAAQ,IAAI;EACzE,iBAAiB;EAGjB,MAAM,YAAY,OAAO,cAAc,YAAa,aAAa;EACjE,IAAI,aAAa,CAAC,UAAU,eAAe,UAAU,aAAa,QAAQ,IAAI,GAC5E,iBAAiB;EAInB,IACE,oBAAoB,UACpB,kBAAkB,UACjB,OAAO,iBAA6B,OAAO,gBAC5C,OAAO,cAAc,kBAAkB,QAEvC,iBAAiB;CAErB;CAMA,MAAM,QAAQ,SAAS,cAAc,OAAO;CAC5C,MAAM,cAAc;;;;;GAKnB,KAAK;CACN,SAAS,KAAK,QAAQ,KAAK;CAE3B,MAAM,eAAe,MAAkB;EAErC,IAAI,EAAE,QAAQ,WAAW,KAAK,gBAC5B;EAIF,IAAI,CAAC,cAAc,eAAe,SAAS,mBAAmB,eAAe,SAAS,MAAM;GAC1F,EAAE,eAAe;GACjB;EACF;EAQA,IACE,WAAW,iBAAiB,WAAW,gBACvC,WAAW,gBAAgB,WAAW,aAEtC,EAAE,eAAe;CAErB;CAEA,MAAM,UAAU,MAAkB;EAChC,MAAM,SAAS,EAAE;EACjB,MAAM,gBAAgB,EAAE;EACxB,IAAI,iBAAiB,iBAAiB,aAAa,GAAG;GAEpD,cAAc,MAAM,EAAE,eAAe,KAAK,CAAC;GAC3C,wBAAwB,eAAe,iBAAiB,MAAM,CAAC;EACjE,OAAO,IAAI,CAAC,eAOV,CADkB,OAAO,eAAe,QAAQ,YAAY,EAAA,EACjD,MAAM,EAAE,eAAe,KAAK,CAAC;CAE5C;CAGA,MAAM,QAAQ,YAAY,UAAU;CACpC,YAAY,UAAU,QAAQ,SAAU,MAAM;EAE5C,MAAM,qBACJ,SAAS,iBAAiB,QAAQ,iBAAiB,SAAS,aAAa;EAG3E,MAAM,KAAK,MAAM;GAAE,GAAG;GAAM,eAAe;EAAK,CAAC;EAEjD,IAAI,CAAC,QAAQ,CAAC,KAAK,eACjB,wBAAwB,MAAM,kBAAkB;CAEpD;CAEA,MAAM,eAAe,MACnB,SAAS,UAAU,cAAc,cAAc;EAAE,SAAS;EAAO,SAAS;CAAK,CAAC,GAChF,SAAS,UAAU,aAAa,aAAa;EAAE,SAAS;EAAO,SAAS;CAAK,CAAC,GAC9E,SAAS,UAAU,QAAQ,QAAQ,IAAI,CACzC;CAEA,aAAa;EACX,aAAa;EACb,MAAM,OAAO;EACb,YAAY,UAAU,QAAQ;CAChC;AACF;AAGA,SAAS,SAAS,SAAsB,WAAmB,OAA2B;CACpF,MAAM,MACJ,QAAQ,MAAM,iBAAiB,SAAS,KACvC,QAAQ,MAA4C;CACvD,QAAS,MAA4C,aAAa;CAElE,aAAa;EACX,QAAS,MAA4C,aAAa;CACpE;AACF;AAGA,SAAS,SACP,QACA,OACA,SACA,SACY;CACZ,OAAO,iBAAiB,OAAO,SAA0B,OAAO;CAChE,aAAa;EACX,OAAO,oBAAoB,OAAO,SAA0B,OAAO;CACrE;AACF;AAEA,SAAS,wBAAwB,QAAiB,oBAAmC;CACnF,IAAI,sBAAsB,CAAC,gBAEzB,eAAe,MAAM;MAIrB,eAAe,iBAAiB,gBAAgB,eAAe,MAAM,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1F;AAEA,SAAS,eAAe,QAAuB;CAC7C,MAAM,OAAO,SAAS,oBAAoB,SAAS;CACnD,IAAI,aAA6B;CACjC,OAAO,cAAc,eAAe,MAAM;EAExC,MAAM,mBAAmB,gBAAgB,UAAU;EACnD,IACE,qBAAqB,SAAS,mBAC9B,qBAAqB,SAAS,QAC9B,qBAAqB,YACrB;GACA,MAAM,iBAAiB,iBAAiB,sBAAsB;GAC9D,MAAM,aAAa,WAAW,sBAAsB;GACpD,IACE,WAAW,MAAM,eAAe,OAChC,WAAW,SAAS,eAAe,MAAM,WAAW,cACpD;IACA,IAAI,SAAS,eAAe;IAC5B,IAAI,gBACF,SAAS,KAAK,IAAI,QAAQ,eAAe,YAAY,eAAe,MAAM;IAI5E,MAAM,aACJ,WAAW,MACX,eAAe,QACb,SAAS,eAAe,OAAO,IAAI,WAAW,SAAS;IAC3D,iBAAiB,SAAS;KAExB,KAAK,KAAK,IACR,GACA,KAAK,IACH,iBAAiB,eAAe,iBAAiB,cACjD,iBAAiB,YAAY,UAC/B,CACF;KACA,UAAU;IACZ,CAAC;GACH;EACF;EAEA,aAAa,iBAAiB;CAChC;AACF;;;;;;;;;;;ACxQA,SAAgB,sBAAsB,OAAmC;CACvE,IAAI,gBAAgB;CACpB,IAAI,4BAA4B;CAEhC,mBAAmB;EACjB,MAAM,EAAE,KAAK,mBAAmB,wBAAwB,eAAe;EAEvE,IAAI,YACF;EAIF,MAAM,iBAAiB,iBADP,IAC8B,CAAC;EAE/C,MAAM,iBAAiB,MAAoB;GACzC,IAAI,qBAAqB,aAAa,GAAG,GAAG,GAAG;IAC7C,IAAI,wBACF,uBAAuB,CAAC;IAE1B,gBAAgB;GAClB;EACF;EAEA,MAAM,0BAA0B,MAAoB;GAClD,IAAI,mBACF,kBAAkB,CAAC;EAEvB;EAGA,IAAI,OAAO,iBAAiB,aAAa;GACvC,MAAM,WAAW,MAAoB;IACnC,IAAI,iBAAiB,aAAa,GAAG,GAAG,GACtC,uBAAuB,CAAC;IAE1B,gBAAgB;GAClB;GAIA,eAAe,iBAAiB,eAAe,eAAgC,IAAI;GACnF,eAAe,iBAAiB,SAAS,SAA0B,IAAI;GAEvE,gBAAgB;IACd,eAAe,oBAAoB,eAAe,eAAgC,IAAI;IACtF,eAAe,oBAAoB,SAAS,SAA0B,IAAI;GAC5E,CAAC;EACH,OAAO;GAEL,MAAM,aAAa,MAAkB;IACnC,IAAI,2BACF,4BAA4B;SACvB,IAAI,iBAAiB,aAAa,GAA8B,GAAG,GACxE,uBAAuB,CAA4B;IAErD,gBAAgB;GAClB;GAEA,MAAM,cAAc,MAAkB;IACpC,4BAA4B;IAC5B,IAAI,iBAAiB,aAAa,GAA8B,GAAG,GACjE,uBAAuB,CAA4B;IAErD,gBAAgB;GAClB;GAEA,MAAM,eAAe,MAAkB;IACrC,IAAI,qBAAqB,aAAa,GAA8B,GAAG,GAAG;KACxE,IAAI,wBACF,uBAAuB,CAA4B;KAErD,gBAAgB;IAClB;GACF;GAEA,MAAM,gBAAgB,MAAkB;IACtC,IAAI,qBAAqB,aAAa,GAA8B,GAAG,GAAG;KACxE,IAAI,wBACF,uBAAuB,CAA4B;KAErD,gBAAgB;IAClB;GACF;GAEA,eAAe,iBAAiB,aAAa,aAA8B,IAAI;GAC/E,eAAe,iBAAiB,WAAW,WAA4B,IAAI;GAC3E,eAAe,iBAAiB,cAAc,cAA+B,IAAI;GACjF,eAAe,iBAAiB,YAAY,YAA6B,IAAI;GAE7E,gBAAgB;IACd,eAAe,oBAAoB,aAAa,aAA8B,IAAI;IAClF,eAAe,oBAAoB,WAAW,WAA4B,IAAI;IAC9E,eAAe,oBAAoB,cAAc,cAA+B,IAAI;IACpF,eAAe,oBAAoB,YAAY,YAA6B,IAAI;GAClF,CAAC;EACH;CACF,CAAC;AACH;AAEA,SAAS,aACP,OACA,KACS;CAET,IAAI,YAAY,SAAS,MAAM,SAAS,GACtC,OAAO;CAGT,IAAI,MAAM,QAAQ;EAEhB,MAAM,gBAAiB,MAAM,OAAmB;EAChD,IAAI,CAAC,iBAAiB,CAAC,cAAc,gBAAgB,SAAS,MAAM,MAAc,GAChF,OAAO;EAGT,IAAK,MAAM,OAAmB,UAAU,4BAA4B,GAClE,OAAO;CAEX;CAEA,MAAM,UAAU,IAAI;CACpB,IAAI,CAAC,SACH,OAAO;CAKT,OAAO,CAAC,MAAM,aAAa,CAAC,CAAC,SAAS,OAAO;AAC/C;;;;;;;AC3GA,MAAM,kBAA+C,CAAC;;;;;;AAOtD,SAAgB,cAAc,OAAyB,KAAwC;CAC7F,MAAM,gBAAgB,MAAM;CAC5B,MAAM,0BAA0B,MAAM;CACtC,MAAM,eAAe,MAAM,UAAU;CACrC,MAAM,sBAAsB,MAAM,iBAAiB;CACnD,MAAM,kCAAkC,MAAM,6BAA6B;CAC3E,MAAM,qCAAqC,MAAM;CAGjD,mBAAmB;EACjB,IAAI,OAAO,KAAK,CAAC,gBAAgB,SAAS,GAAG,GAC3C,gBAAgB,KAAK,GAAG;EAG1B,gBAAgB;GACd,MAAM,QAAQ,gBAAgB,QAAQ,GAAG;GACzC,IAAI,SAAS,GACX,gBAAgB,OAAO,OAAO,CAAC;EAEnC,CAAC;CACH,CAAC;CAGD,MAAM,eAAe;EACnB,MAAM,QAAQ,QAAQ;EACtB,IAAI,gBAAgB,gBAAgB,SAAS,OAAO,OAAO,OACzD,MAAM;CAEV;CAEA,MAAM,0BAA0B,MAAoB;EAClD,MAAM,cAAc,6BAA6B;EACjD,IAAI,CAAC,eAAe,YAAY,EAAE,MAAiB;OAC7C,gBAAgB,gBAAgB,SAAS,OAAO,KAAK;IACvD,EAAE,gBAAgB;IAClB,EAAE,eAAe;GACnB;;CAEJ;CAEA,MAAM,qBAAqB,MAAoB;EAC7C,MAAM,cAAc,6BAA6B;EACjD,IAAI,CAAC,eAAe,YAAY,EAAE,MAAiB,GAAG;GACpD,IAAI,gBAAgB,gBAAgB,SAAS,OAAO,KAAK;IACvD,EAAE,gBAAgB;IAClB,EAAE,eAAe;GACnB;GACA,OAAO;EACT;CACF;CAGA,mBAAmB;EACjB,IAAI,CAAC,cAAc,KAAK,CAAC,OAAO,GAC9B;EAGF,sBAAsB;GACpB;GACA;GACA;GACA,YAAY;EACd,CAAC;CACH,CAAC;CAED,mBAAmB;EACjB,IAAI,CAAC,OAAO,KAAK,CAAC,kBAAkB,GAClC;EAGF,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,SACH;EAGF,MAAM,gBAAgB,iBAAiB,OAAO;EAC9C,MAAM,aAAa,UAAsB;GACvC,IAAI,CAAC,OAAO,GACV;GAGF,MAAM,iBAAiB,IAAI;GAC3B,MAAM,SAAS,MAAM;GACrB,IAAI,CAAC,kBAAkB,CAAC,UAAU,aAAa,gBAAgB,MAAM,GACnE;GAGF,MAAM,cAAc,6BAA6B;GACjD,IAAI,CAAC,eAAe,YAAY,MAAM,GACpC,OAAO;EAEX;EAEA,cAAc,iBAAiB,WAAW,WAAW,IAAI;EACzD,gBAAgB,cAAc,oBAAoB,WAAW,WAAW,IAAI,CAAC;CAC/E,CAAC;CAGD,MAAM,EAAE,qBAAqB,kBAAkB;EAC7C,IAAI,aAAa;GACf,OAAO,CAAC,kBAAkB;EAC5B;EACA,eAAe,MAAM;GAInB,IAAI,CAAC,EAAE,eACL;GAGF,MAAM,cAAc,6BAA6B;GACjD,IAAI,CAAC,eAAe,YAAY,EAAE,aAAwB,GACxD,QAAQ,CAAC,GAAG;EAEhB;CACF,CAAC;CAGD,MAAM,aAA2D,MAAM;EACrE,IAAI,EAAE,QAAQ,YAAY,CAAC,0BAA0B,KAAK,CAAC,EAAE,aAAa;GACxE,EAAE,gBAAgB;GAClB,EAAE,eAAe;GACjB,OAAO;EACT;CACF;CAEA,MAAM,yBAAsE,MAAM;EAGhF,IAAI,EAAE,WAAW,EAAE,eACjB,EAAE,eAAe;CAErB;CAEA,OAAO;EACL,cAAc;GACZ;GACA,GAAG;EACL;EACA,eAAe,EACb,eAAe,sBACjB;CACF;AACF"}
|