react-aria-components 1.17.0 → 1.18.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/dist/exports/Autocomplete.cjs.map +1 -1
- package/dist/exports/Autocomplete.js.map +1 -1
- package/dist/exports/Autocomplete.mjs.map +1 -1
- package/dist/exports/Calendar.cjs +3 -0
- package/dist/exports/Calendar.cjs.map +1 -1
- package/dist/exports/Calendar.js +2 -2
- package/dist/exports/Calendar.js.map +1 -1
- package/dist/exports/Calendar.mjs +2 -2
- package/dist/exports/Calendar.mjs.map +1 -1
- package/dist/exports/Checkbox.cjs +8 -0
- package/dist/exports/Checkbox.cjs.map +1 -1
- package/dist/exports/Checkbox.js +6 -2
- package/dist/exports/Checkbox.js.map +1 -1
- package/dist/exports/Checkbox.mjs +6 -2
- package/dist/exports/Checkbox.mjs.map +1 -1
- package/dist/exports/CheckboxGroup.cjs.map +1 -1
- package/dist/exports/CheckboxGroup.js.map +1 -1
- package/dist/exports/CheckboxGroup.mjs.map +1 -1
- package/dist/exports/CollectionBuilder.cjs.map +1 -1
- package/dist/exports/CollectionBuilder.js.map +1 -1
- package/dist/exports/CollectionBuilder.mjs.map +1 -1
- package/dist/exports/ColorArea.cjs.map +1 -1
- package/dist/exports/ColorArea.js.map +1 -1
- package/dist/exports/ColorArea.mjs.map +1 -1
- package/dist/exports/ColorField.cjs.map +1 -1
- package/dist/exports/ColorField.js.map +1 -1
- package/dist/exports/ColorField.mjs.map +1 -1
- package/dist/exports/ColorPicker.cjs.map +1 -1
- package/dist/exports/ColorPicker.js.map +1 -1
- package/dist/exports/ColorPicker.mjs.map +1 -1
- package/dist/exports/ColorSlider.cjs.map +1 -1
- package/dist/exports/ColorSlider.js.map +1 -1
- package/dist/exports/ColorSlider.mjs.map +1 -1
- package/dist/exports/ColorSwatch.cjs.map +1 -1
- package/dist/exports/ColorSwatch.js.map +1 -1
- package/dist/exports/ColorSwatch.mjs.map +1 -1
- package/dist/exports/ColorSwatchPicker.cjs.map +1 -1
- package/dist/exports/ColorSwatchPicker.js.map +1 -1
- package/dist/exports/ColorSwatchPicker.mjs.map +1 -1
- package/dist/exports/ColorThumb.cjs.map +1 -1
- package/dist/exports/ColorThumb.js.map +1 -1
- package/dist/exports/ColorThumb.mjs.map +1 -1
- package/dist/exports/ColorWheel.cjs.map +1 -1
- package/dist/exports/ColorWheel.js.map +1 -1
- package/dist/exports/ColorWheel.mjs.map +1 -1
- package/dist/exports/ComboBox.cjs.map +1 -1
- package/dist/exports/ComboBox.js.map +1 -1
- package/dist/exports/ComboBox.mjs.map +1 -1
- package/dist/exports/DateField.cjs.map +1 -1
- package/dist/exports/DateField.js.map +1 -1
- package/dist/exports/DateField.mjs.map +1 -1
- package/dist/exports/DatePicker.cjs.map +1 -1
- package/dist/exports/DatePicker.js.map +1 -1
- package/dist/exports/DatePicker.mjs.map +1 -1
- package/dist/exports/DateRangePicker.cjs.map +1 -1
- package/dist/exports/DateRangePicker.js.map +1 -1
- package/dist/exports/DateRangePicker.mjs.map +1 -1
- package/dist/exports/Disclosure.cjs.map +1 -1
- package/dist/exports/Disclosure.js.map +1 -1
- package/dist/exports/Disclosure.mjs.map +1 -1
- package/dist/exports/DisclosureGroup.cjs.map +1 -1
- package/dist/exports/DisclosureGroup.js.map +1 -1
- package/dist/exports/DisclosureGroup.mjs.map +1 -1
- package/dist/exports/GridList.cjs.map +1 -1
- package/dist/exports/GridList.js.map +1 -1
- package/dist/exports/GridList.mjs.map +1 -1
- package/dist/exports/ListBox.cjs.map +1 -1
- package/dist/exports/ListBox.js.map +1 -1
- package/dist/exports/ListBox.mjs.map +1 -1
- package/dist/exports/Menu.cjs.map +1 -1
- package/dist/exports/Menu.js.map +1 -1
- package/dist/exports/Menu.mjs.map +1 -1
- package/dist/exports/RadioGroup.cjs +3 -0
- package/dist/exports/RadioGroup.cjs.map +1 -1
- package/dist/exports/RadioGroup.js +2 -2
- package/dist/exports/RadioGroup.js.map +1 -1
- package/dist/exports/RadioGroup.mjs +2 -2
- package/dist/exports/RadioGroup.mjs.map +1 -1
- package/dist/exports/RangeCalendar.cjs +3 -0
- package/dist/exports/RangeCalendar.cjs.map +1 -1
- package/dist/exports/RangeCalendar.js +2 -2
- package/dist/exports/RangeCalendar.js.map +1 -1
- package/dist/exports/RangeCalendar.mjs +2 -2
- package/dist/exports/RangeCalendar.mjs.map +1 -1
- package/dist/exports/Select.cjs.map +1 -1
- package/dist/exports/Select.js.map +1 -1
- package/dist/exports/Select.mjs.map +1 -1
- package/dist/exports/SharedElementTransition.cjs.map +1 -1
- package/dist/exports/SharedElementTransition.js.map +1 -1
- package/dist/exports/SharedElementTransition.mjs.map +1 -1
- package/dist/exports/Slider.cjs +2 -0
- package/dist/exports/Slider.cjs.map +1 -1
- package/dist/exports/Slider.js +2 -2
- package/dist/exports/Slider.js.map +1 -1
- package/dist/exports/Slider.mjs +2 -2
- package/dist/exports/Slider.mjs.map +1 -1
- package/dist/exports/Switch.cjs +8 -0
- package/dist/exports/Switch.cjs.map +1 -1
- package/dist/exports/Switch.js +6 -2
- package/dist/exports/Switch.js.map +1 -1
- package/dist/exports/Switch.mjs +6 -2
- package/dist/exports/Switch.mjs.map +1 -1
- package/dist/exports/Table.cjs +1 -0
- package/dist/exports/Table.cjs.map +1 -1
- package/dist/exports/Table.js +2 -2
- package/dist/exports/Table.js.map +1 -1
- package/dist/exports/Table.mjs +2 -2
- package/dist/exports/Table.mjs.map +1 -1
- package/dist/exports/Tabs.cjs.map +1 -1
- package/dist/exports/Tabs.js.map +1 -1
- package/dist/exports/Tabs.mjs.map +1 -1
- package/dist/exports/TagGroup.cjs.map +1 -1
- package/dist/exports/TagGroup.js.map +1 -1
- package/dist/exports/TagGroup.mjs.map +1 -1
- package/dist/exports/TimeField.cjs.map +1 -1
- package/dist/exports/TimeField.js.map +1 -1
- package/dist/exports/TimeField.mjs.map +1 -1
- package/dist/exports/Toast.cjs.map +1 -1
- package/dist/exports/Toast.js.map +1 -1
- package/dist/exports/Toast.mjs.map +1 -1
- package/dist/exports/ToggleButtonGroup.cjs.map +1 -1
- package/dist/exports/ToggleButtonGroup.js.map +1 -1
- package/dist/exports/ToggleButtonGroup.mjs.map +1 -1
- package/dist/exports/Tree.cjs.map +1 -1
- package/dist/exports/Tree.js.map +1 -1
- package/dist/exports/Tree.mjs.map +1 -1
- package/dist/exports/Virtualizer.cjs.map +1 -1
- package/dist/exports/Virtualizer.js.map +1 -1
- package/dist/exports/Virtualizer.mjs.map +1 -1
- package/dist/exports/index.cjs +19 -1
- package/dist/exports/index.cjs.map +1 -1
- package/dist/exports/index.js +11 -8
- package/dist/exports/index.js.map +1 -1
- package/dist/exports/index.mjs +11 -8
- package/dist/exports/index.mjs.map +1 -1
- package/dist/exports/useAsyncList.cjs.map +1 -1
- package/dist/exports/useAsyncList.js.map +1 -1
- package/dist/exports/useAsyncList.mjs.map +1 -1
- package/dist/exports/useDragAndDrop.cjs.map +1 -1
- package/dist/exports/useDragAndDrop.js.map +1 -1
- package/dist/exports/useDragAndDrop.mjs.map +1 -1
- package/dist/exports/useDrop.cjs.map +1 -1
- package/dist/exports/useDrop.js.map +1 -1
- package/dist/exports/useDrop.mjs.map +1 -1
- package/dist/private/Autocomplete.cjs.map +1 -1
- package/dist/private/Autocomplete.js.map +1 -1
- package/dist/private/Autocomplete.mjs.map +1 -1
- package/dist/private/Breadcrumbs.cjs.map +1 -1
- package/dist/private/Breadcrumbs.js.map +1 -1
- package/dist/private/Breadcrumbs.mjs.map +1 -1
- package/dist/private/Button.cjs.map +1 -1
- package/dist/private/Button.js.map +1 -1
- package/dist/private/Button.mjs.map +1 -1
- package/dist/private/Calendar.cjs +34 -2
- package/dist/private/Calendar.cjs.map +1 -1
- package/dist/private/Calendar.js +34 -5
- package/dist/private/Calendar.js.map +1 -1
- package/dist/private/Calendar.mjs +34 -5
- package/dist/private/Calendar.mjs.map +1 -1
- package/dist/private/Checkbox.cjs +104 -17
- package/dist/private/Checkbox.cjs.map +1 -1
- package/dist/private/Checkbox.js +102 -18
- package/dist/private/Checkbox.js.map +1 -1
- package/dist/private/Checkbox.mjs +102 -18
- package/dist/private/Checkbox.mjs.map +1 -1
- package/dist/private/Collection.cjs.map +1 -1
- package/dist/private/Collection.js.map +1 -1
- package/dist/private/Collection.mjs.map +1 -1
- package/dist/private/ColorArea.cjs.map +1 -1
- package/dist/private/ColorArea.js.map +1 -1
- package/dist/private/ColorArea.mjs.map +1 -1
- package/dist/private/ColorField.cjs.map +1 -1
- package/dist/private/ColorField.js.map +1 -1
- package/dist/private/ColorField.mjs.map +1 -1
- package/dist/private/ColorPicker.cjs.map +1 -1
- package/dist/private/ColorPicker.js.map +1 -1
- package/dist/private/ColorPicker.mjs.map +1 -1
- package/dist/private/ColorSlider.cjs.map +1 -1
- package/dist/private/ColorSlider.js.map +1 -1
- package/dist/private/ColorSlider.mjs.map +1 -1
- package/dist/private/ColorSwatch.cjs.map +1 -1
- package/dist/private/ColorSwatch.js.map +1 -1
- package/dist/private/ColorSwatch.mjs.map +1 -1
- package/dist/private/ColorSwatchPicker.cjs.map +1 -1
- package/dist/private/ColorSwatchPicker.js.map +1 -1
- package/dist/private/ColorSwatchPicker.mjs.map +1 -1
- package/dist/private/ColorThumb.cjs.map +1 -1
- package/dist/private/ColorThumb.js.map +1 -1
- package/dist/private/ColorThumb.mjs.map +1 -1
- package/dist/private/ColorWheel.cjs.map +1 -1
- package/dist/private/ColorWheel.js.map +1 -1
- package/dist/private/ColorWheel.mjs.map +1 -1
- package/dist/private/ComboBox.cjs +15 -3
- package/dist/private/ComboBox.cjs.map +1 -1
- package/dist/private/ComboBox.js +16 -4
- package/dist/private/ComboBox.js.map +1 -1
- package/dist/private/ComboBox.mjs +16 -4
- package/dist/private/ComboBox.mjs.map +1 -1
- package/dist/private/DateField.cjs.map +1 -1
- package/dist/private/DateField.js.map +1 -1
- package/dist/private/DateField.mjs.map +1 -1
- package/dist/private/DatePicker.cjs +0 -26
- package/dist/private/DatePicker.cjs.map +1 -1
- package/dist/private/DatePicker.js +1 -27
- package/dist/private/DatePicker.js.map +1 -1
- package/dist/private/DatePicker.mjs +1 -27
- package/dist/private/DatePicker.mjs.map +1 -1
- package/dist/private/Dialog.cjs +1 -17
- package/dist/private/Dialog.cjs.map +1 -1
- package/dist/private/Dialog.js +2 -18
- package/dist/private/Dialog.js.map +1 -1
- package/dist/private/Dialog.mjs +2 -18
- package/dist/private/Dialog.mjs.map +1 -1
- package/dist/private/Disclosure.cjs.map +1 -1
- package/dist/private/Disclosure.js.map +1 -1
- package/dist/private/Disclosure.mjs.map +1 -1
- package/dist/private/DragAndDrop.cjs +3 -3
- package/dist/private/DragAndDrop.cjs.map +1 -1
- package/dist/private/DragAndDrop.js +3 -3
- package/dist/private/DragAndDrop.js.map +1 -1
- package/dist/private/DragAndDrop.mjs +3 -3
- package/dist/private/DragAndDrop.mjs.map +1 -1
- package/dist/private/DropZone.cjs.map +1 -1
- package/dist/private/DropZone.js.map +1 -1
- package/dist/private/DropZone.mjs.map +1 -1
- package/dist/private/FieldError.cjs.map +1 -1
- package/dist/private/FieldError.js.map +1 -1
- package/dist/private/FieldError.mjs.map +1 -1
- package/dist/private/FileTrigger.cjs.map +1 -1
- package/dist/private/FileTrigger.js.map +1 -1
- package/dist/private/FileTrigger.mjs.map +1 -1
- package/dist/private/Form.cjs.map +1 -1
- package/dist/private/Form.js.map +1 -1
- package/dist/private/Form.mjs.map +1 -1
- package/dist/private/GridLayout.cjs +37 -0
- package/dist/private/GridLayout.cjs.map +1 -0
- package/dist/private/GridLayout.js +32 -0
- package/dist/private/GridLayout.js.map +1 -0
- package/dist/private/GridLayout.mjs +32 -0
- package/dist/private/GridLayout.mjs.map +1 -0
- package/dist/private/GridList.cjs +19 -2
- package/dist/private/GridList.cjs.map +1 -1
- package/dist/private/GridList.js +20 -3
- package/dist/private/GridList.js.map +1 -1
- package/dist/private/GridList.mjs +20 -3
- package/dist/private/GridList.mjs.map +1 -1
- package/dist/private/Group.cjs.map +1 -1
- package/dist/private/Group.js.map +1 -1
- package/dist/private/Group.mjs.map +1 -1
- package/dist/private/Header.cjs.map +1 -1
- package/dist/private/Header.js.map +1 -1
- package/dist/private/Header.mjs.map +1 -1
- package/dist/private/Heading.cjs.map +1 -1
- package/dist/private/Heading.js.map +1 -1
- package/dist/private/Heading.mjs.map +1 -1
- package/dist/private/HiddenDateInput.cjs +3 -3
- package/dist/private/HiddenDateInput.cjs.map +1 -1
- package/dist/private/HiddenDateInput.js +3 -3
- package/dist/private/HiddenDateInput.js.map +1 -1
- package/dist/private/HiddenDateInput.mjs +3 -3
- package/dist/private/HiddenDateInput.mjs.map +1 -1
- package/dist/private/Input.cjs.map +1 -1
- package/dist/private/Input.js.map +1 -1
- package/dist/private/Input.mjs.map +1 -1
- package/dist/private/Keyboard.cjs.map +1 -1
- package/dist/private/Keyboard.js.map +1 -1
- package/dist/private/Keyboard.mjs.map +1 -1
- package/dist/private/Label.cjs.map +1 -1
- package/dist/private/Label.js.map +1 -1
- package/dist/private/Label.mjs.map +1 -1
- package/dist/private/Link.cjs.map +1 -1
- package/dist/private/Link.js.map +1 -1
- package/dist/private/Link.mjs.map +1 -1
- package/dist/private/ListBox.cjs +6 -5
- package/dist/private/ListBox.cjs.map +1 -1
- package/dist/private/ListBox.js +6 -5
- package/dist/private/ListBox.js.map +1 -1
- package/dist/private/ListBox.mjs +6 -5
- package/dist/private/ListBox.mjs.map +1 -1
- package/dist/private/Menu.cjs +5 -15
- package/dist/private/Menu.cjs.map +1 -1
- package/dist/private/Menu.js +6 -16
- package/dist/private/Menu.js.map +1 -1
- package/dist/private/Menu.mjs +6 -16
- package/dist/private/Menu.mjs.map +1 -1
- package/dist/private/Meter.cjs.map +1 -1
- package/dist/private/Meter.js.map +1 -1
- package/dist/private/Meter.mjs.map +1 -1
- package/dist/private/Modal.cjs.map +1 -1
- package/dist/private/Modal.js.map +1 -1
- package/dist/private/Modal.mjs.map +1 -1
- package/dist/private/NumberField.cjs.map +1 -1
- package/dist/private/NumberField.js.map +1 -1
- package/dist/private/NumberField.mjs.map +1 -1
- package/dist/private/OverlayArrow.cjs.map +1 -1
- package/dist/private/OverlayArrow.js.map +1 -1
- package/dist/private/OverlayArrow.mjs.map +1 -1
- package/dist/private/Popover.cjs +17 -1
- package/dist/private/Popover.cjs.map +1 -1
- package/dist/private/Popover.js +19 -2
- package/dist/private/Popover.js.map +1 -1
- package/dist/private/Popover.mjs +18 -2
- package/dist/private/Popover.mjs.map +1 -1
- package/dist/private/ProgressBar.cjs.map +1 -1
- package/dist/private/ProgressBar.js.map +1 -1
- package/dist/private/ProgressBar.mjs.map +1 -1
- package/dist/private/RadioGroup.cjs +87 -7
- package/dist/private/RadioGroup.cjs.map +1 -1
- package/dist/private/RadioGroup.js +86 -9
- package/dist/private/RadioGroup.js.map +1 -1
- package/dist/private/RadioGroup.mjs +86 -9
- package/dist/private/RadioGroup.mjs.map +1 -1
- package/dist/private/SearchField.cjs.map +1 -1
- package/dist/private/SearchField.js.map +1 -1
- package/dist/private/SearchField.mjs.map +1 -1
- package/dist/private/Select.cjs +1 -17
- package/dist/private/Select.cjs.map +1 -1
- package/dist/private/Select.js +2 -18
- package/dist/private/Select.js.map +1 -1
- package/dist/private/Select.mjs +2 -18
- package/dist/private/Select.mjs.map +1 -1
- package/dist/private/SelectionIndicator.cjs.map +1 -1
- package/dist/private/SelectionIndicator.js.map +1 -1
- package/dist/private/SelectionIndicator.mjs.map +1 -1
- package/dist/private/Separator.cjs.map +1 -1
- package/dist/private/Separator.js.map +1 -1
- package/dist/private/Separator.mjs.map +1 -1
- package/dist/private/SharedElementTransition.cjs.map +1 -1
- package/dist/private/SharedElementTransition.js.map +1 -1
- package/dist/private/SharedElementTransition.mjs.map +1 -1
- package/dist/private/Slider.cjs +51 -1
- package/dist/private/Slider.cjs.map +1 -1
- package/dist/private/Slider.js +50 -2
- package/dist/private/Slider.js.map +1 -1
- package/dist/private/Slider.mjs +50 -2
- package/dist/private/Slider.mjs.map +1 -1
- package/dist/private/Switch.cjs +118 -4
- package/dist/private/Switch.cjs.map +1 -1
- package/dist/private/Switch.js +119 -7
- package/dist/private/Switch.js.map +1 -1
- package/dist/private/Switch.mjs +118 -7
- package/dist/private/Switch.mjs.map +1 -1
- package/dist/private/Table.cjs +115 -24
- package/dist/private/Table.cjs.map +1 -1
- package/dist/private/Table.js +116 -26
- package/dist/private/Table.js.map +1 -1
- package/dist/private/Table.mjs +116 -26
- package/dist/private/Table.mjs.map +1 -1
- package/dist/private/TableLayout.cjs.map +1 -1
- package/dist/private/TableLayout.js.map +1 -1
- package/dist/private/TableLayout.mjs.map +1 -1
- package/dist/private/Tabs.cjs +4 -3
- package/dist/private/Tabs.cjs.map +1 -1
- package/dist/private/Tabs.js +4 -3
- package/dist/private/Tabs.js.map +1 -1
- package/dist/private/Tabs.mjs +4 -3
- package/dist/private/Tabs.mjs.map +1 -1
- package/dist/private/TagGroup.cjs.map +1 -1
- package/dist/private/TagGroup.js.map +1 -1
- package/dist/private/TagGroup.mjs.map +1 -1
- package/dist/private/Text.cjs.map +1 -1
- package/dist/private/Text.js.map +1 -1
- package/dist/private/Text.mjs.map +1 -1
- package/dist/private/TextArea.cjs.map +1 -1
- package/dist/private/TextArea.js.map +1 -1
- package/dist/private/TextArea.mjs.map +1 -1
- package/dist/private/TextField.cjs.map +1 -1
- package/dist/private/TextField.js.map +1 -1
- package/dist/private/TextField.mjs.map +1 -1
- package/dist/private/Toast.cjs +2 -1
- package/dist/private/Toast.cjs.map +1 -1
- package/dist/private/Toast.js +2 -1
- package/dist/private/Toast.js.map +1 -1
- package/dist/private/Toast.mjs +2 -1
- package/dist/private/Toast.mjs.map +1 -1
- package/dist/private/ToggleButton.cjs.map +1 -1
- package/dist/private/ToggleButton.js.map +1 -1
- package/dist/private/ToggleButton.mjs.map +1 -1
- package/dist/private/ToggleButtonGroup.cjs.map +1 -1
- package/dist/private/ToggleButtonGroup.js.map +1 -1
- package/dist/private/ToggleButtonGroup.mjs.map +1 -1
- package/dist/private/Toolbar.cjs.map +1 -1
- package/dist/private/Toolbar.js.map +1 -1
- package/dist/private/Toolbar.mjs.map +1 -1
- package/dist/private/Tooltip.cjs.map +1 -1
- package/dist/private/Tooltip.js.map +1 -1
- package/dist/private/Tooltip.mjs.map +1 -1
- package/dist/private/Tree.cjs +18 -6
- package/dist/private/Tree.cjs.map +1 -1
- package/dist/private/Tree.js +19 -7
- package/dist/private/Tree.js.map +1 -1
- package/dist/private/Tree.mjs +19 -7
- package/dist/private/Tree.mjs.map +1 -1
- package/dist/private/TreeDropTargetDelegate.cjs +9 -4
- package/dist/private/TreeDropTargetDelegate.cjs.map +1 -1
- package/dist/private/TreeDropTargetDelegate.js +10 -4
- package/dist/private/TreeDropTargetDelegate.js.map +1 -1
- package/dist/private/TreeDropTargetDelegate.mjs +9 -4
- package/dist/private/TreeDropTargetDelegate.mjs.map +1 -1
- package/dist/private/Virtualizer.cjs.map +1 -1
- package/dist/private/Virtualizer.js.map +1 -1
- package/dist/private/Virtualizer.mjs.map +1 -1
- package/dist/private/useDragAndDrop.cjs.map +1 -1
- package/dist/private/useDragAndDrop.js.map +1 -1
- package/dist/private/useDragAndDrop.mjs.map +1 -1
- package/dist/private/utils.cjs.map +1 -1
- package/dist/private/utils.js.map +1 -1
- package/dist/private/utils.mjs.map +1 -1
- package/dist/types/exports/Calendar.d.ts +4 -3
- package/dist/types/exports/Checkbox.d.ts +7 -2
- package/dist/types/exports/RadioGroup.d.ts +2 -2
- package/dist/types/exports/RangeCalendar.d.ts +3 -2
- package/dist/types/exports/Slider.d.ts +2 -2
- package/dist/types/exports/Switch.d.ts +7 -2
- package/dist/types/exports/Table.d.ts +2 -2
- package/dist/types/exports/index.d.ts +15 -13
- package/dist/types/exports/useDragAndDrop.d.ts +1 -1
- package/dist/types/src/Autocomplete.d.ts +1 -1
- package/dist/types/src/Breadcrumbs.d.ts +13 -4
- package/dist/types/src/Button.d.ts +9 -1
- package/dist/types/src/Calendar.d.ts +93 -33
- package/dist/types/src/Checkbox.d.ts +93 -2
- package/dist/types/src/Collection.d.ts +17 -4
- package/dist/types/src/ColorArea.d.ts +6 -2
- package/dist/types/src/ColorField.d.ts +8 -1
- package/dist/types/src/ColorPicker.d.ts +4 -1
- package/dist/types/src/ColorSlider.d.ts +5 -1
- package/dist/types/src/ColorSwatch.d.ts +3 -1
- package/dist/types/src/ColorSwatchPicker.d.ts +7 -2
- package/dist/types/src/ColorThumb.d.ts +10 -2
- package/dist/types/src/ColorWheel.d.ts +7 -2
- package/dist/types/src/ComboBox.d.ts +24 -11
- package/dist/types/src/DateField.d.ts +29 -4
- package/dist/types/src/DatePicker.d.ts +15 -3
- package/dist/types/src/Dialog.d.ts +3 -1
- package/dist/types/src/Disclosure.d.ts +21 -5
- package/dist/types/src/DragAndDrop.d.ts +6 -2
- package/dist/types/src/DropZone.d.ts +8 -1
- package/dist/types/src/FieldError.d.ts +4 -1
- package/dist/types/src/FileTrigger.d.ts +2 -1
- package/dist/types/src/Form.d.ts +4 -1
- package/dist/types/src/GridLayout.d.ts +5 -0
- package/dist/types/src/GridList.d.ts +44 -13
- package/dist/types/src/Group.d.ts +9 -1
- package/dist/types/src/Heading.d.ts +12 -0
- package/dist/types/src/HiddenDateInput.d.ts +2 -1
- package/dist/types/src/Input.d.ts +8 -1
- package/dist/types/src/Link.d.ts +9 -1
- package/dist/types/src/ListBox.d.ts +35 -12
- package/dist/types/src/Menu.d.ts +22 -10
- package/dist/types/src/Meter.d.ts +4 -1
- package/dist/types/src/Modal.d.ts +9 -3
- package/dist/types/src/NumberField.d.ts +9 -2
- package/dist/types/src/OverlayArrow.d.ts +4 -1
- package/dist/types/src/Popover.d.ts +12 -3
- package/dist/types/src/ProgressBar.d.ts +5 -1
- package/dist/types/src/RadioGroup.d.ts +88 -2
- package/dist/types/src/SearchField.d.ts +8 -1
- package/dist/types/src/Select.d.ts +19 -6
- package/dist/types/src/SelectionIndicator.d.ts +7 -2
- package/dist/types/src/Separator.d.ts +5 -2
- package/dist/types/src/SharedElementTransition.d.ts +2 -0
- package/dist/types/src/Slider.d.ts +48 -4
- package/dist/types/src/Switch.d.ts +100 -3
- package/dist/types/src/Table.d.ts +138 -31
- package/dist/types/src/Tabs.d.ts +37 -12
- package/dist/types/src/TagGroup.d.ts +18 -7
- package/dist/types/src/TextArea.d.ts +3 -1
- package/dist/types/src/TextField.d.ts +7 -1
- package/dist/types/src/Toast.d.ts +13 -3
- package/dist/types/src/ToggleButton.d.ts +10 -3
- package/dist/types/src/ToggleButtonGroup.d.ts +7 -2
- package/dist/types/src/Toolbar.d.ts +6 -3
- package/dist/types/src/Tooltip.d.ts +13 -4
- package/dist/types/src/Tree.d.ts +52 -16
- package/dist/types/src/useDragAndDrop.d.ts +10 -4
- package/dist/types/src/utils.d.ts +109 -17
- package/package.json +9 -7
|
@@ -6,13 +6,16 @@ export interface FieldErrorRenderProps extends ValidationResult {
|
|
|
6
6
|
}
|
|
7
7
|
export interface FieldErrorProps extends RenderProps<FieldErrorRenderProps>, DOMProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
8
8
|
/**
|
|
9
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
9
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
10
|
+
* element. A function may be provided to compute the class based on component state.
|
|
11
|
+
*
|
|
10
12
|
* @default 'react-aria-FieldError'
|
|
11
13
|
*/
|
|
12
14
|
className?: ClassNameOrFunction<FieldErrorRenderProps>;
|
|
13
15
|
/**
|
|
14
16
|
* The HTML element type to render. Defaults to `'span'`.
|
|
15
17
|
* Set to `'div'` when using block-level children (e.g. `<ul>`) to avoid invalid HTML.
|
|
18
|
+
*
|
|
16
19
|
* @default 'span'
|
|
17
20
|
*/
|
|
18
21
|
elementType?: string;
|
|
@@ -27,6 +27,7 @@ export interface FileTriggerProps extends GlobalDOMAttributes<HTMLInputElement>
|
|
|
27
27
|
acceptDirectory?: boolean;
|
|
28
28
|
}
|
|
29
29
|
/**
|
|
30
|
-
* A FileTrigger allows a user to access the file system with any pressable React Aria or React
|
|
30
|
+
* A FileTrigger allows a user to access the file system with any pressable React Aria or React
|
|
31
|
+
* Spectrum component, or custom components built with usePress.
|
|
31
32
|
*/
|
|
32
33
|
export declare const FileTrigger: React.ForwardRefExoticComponent<FileTriggerProps & React.RefAttributes<HTMLInputElement>>;
|
package/dist/types/src/Form.d.ts
CHANGED
|
@@ -3,7 +3,9 @@ import { GlobalDOMAttributes, FormProps as SharedFormProps } from '@react-types/
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
export interface FormProps extends SharedFormProps, DOMProps, DOMRenderProps<'form', undefined>, GlobalDOMAttributes<HTMLFormElement> {
|
|
5
5
|
/**
|
|
6
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
6
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
7
|
+
* element.
|
|
8
|
+
*
|
|
7
9
|
* @default 'react-aria-Form'
|
|
8
10
|
*/
|
|
9
11
|
className?: string;
|
|
@@ -11,6 +13,7 @@ export interface FormProps extends SharedFormProps, DOMProps, DOMRenderProps<'fo
|
|
|
11
13
|
* Whether to use native HTML form validation to prevent form submission
|
|
12
14
|
* when a field value is missing or invalid, or mark fields as required
|
|
13
15
|
* or invalid via ARIA.
|
|
16
|
+
*
|
|
14
17
|
* @default 'native'
|
|
15
18
|
*/
|
|
16
19
|
validationBehavior?: 'aria' | 'native';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { GridLayout as BaseGridLayout, GridLayoutOptions } from 'react-stately/useVirtualizerState';
|
|
2
|
+
import { LayoutOptionsDelegate } from './Virtualizer';
|
|
3
|
+
export declare class GridLayout<T, O extends GridLayoutOptions = GridLayoutOptions> extends BaseGridLayout<T, O> implements LayoutOptionsDelegate<GridLayoutOptions> {
|
|
4
|
+
useLayoutOptions(): GridLayoutOptions;
|
|
5
|
+
}
|
|
@@ -10,31 +10,37 @@ import React, { HTMLAttributes, ReactNode } from 'react';
|
|
|
10
10
|
export interface GridListRenderProps {
|
|
11
11
|
/**
|
|
12
12
|
* Whether the list has no items and should display its empty state.
|
|
13
|
+
*
|
|
13
14
|
* @selector [data-empty]
|
|
14
15
|
*/
|
|
15
16
|
isEmpty: boolean;
|
|
16
17
|
/**
|
|
17
18
|
* Whether the grid list is currently focused.
|
|
19
|
+
*
|
|
18
20
|
* @selector [data-focused]
|
|
19
21
|
*/
|
|
20
22
|
isFocused: boolean;
|
|
21
23
|
/**
|
|
22
24
|
* Whether the grid list is currently keyboard focused.
|
|
25
|
+
*
|
|
23
26
|
* @selector [data-focus-visible]
|
|
24
27
|
*/
|
|
25
28
|
isFocusVisible: boolean;
|
|
26
29
|
/**
|
|
27
30
|
* Whether the grid list is currently the active drop target.
|
|
31
|
+
*
|
|
28
32
|
* @selector [data-drop-target]
|
|
29
33
|
*/
|
|
30
34
|
isDropTarget: boolean;
|
|
31
35
|
/**
|
|
32
36
|
* Whether the items are arranged in a stack or grid.
|
|
37
|
+
*
|
|
33
38
|
* @selector [data-layout="stack | grid"]
|
|
34
39
|
*/
|
|
35
40
|
layout: 'stack' | 'grid';
|
|
36
41
|
/**
|
|
37
42
|
* The primary orientation of the items.
|
|
43
|
+
*
|
|
38
44
|
* @selector [data-orientation="vertical | horizontal"]
|
|
39
45
|
*/
|
|
40
46
|
orientation: Orientation;
|
|
@@ -45,31 +51,41 @@ export interface GridListRenderProps {
|
|
|
45
51
|
}
|
|
46
52
|
export interface GridListProps<T> extends Omit<AriaGridListProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<GridListRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
47
53
|
/**
|
|
48
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
54
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
55
|
+
* element. A function may be provided to compute the class based on component state.
|
|
56
|
+
*
|
|
49
57
|
* @default 'react-aria-GridList'
|
|
50
58
|
*/
|
|
51
59
|
className?: ClassNameOrFunction<GridListRenderProps>;
|
|
52
60
|
/**
|
|
53
61
|
* Whether typeahead navigation is disabled.
|
|
62
|
+
*
|
|
54
63
|
* @default false
|
|
55
64
|
*/
|
|
56
65
|
disallowTypeAhead?: boolean;
|
|
57
66
|
/**
|
|
58
67
|
* How multiple selection should behave in the collection.
|
|
59
|
-
*
|
|
68
|
+
*
|
|
69
|
+
* @default 'toggle'
|
|
60
70
|
*/
|
|
61
71
|
selectionBehavior?: SelectionBehavior;
|
|
62
|
-
/**
|
|
72
|
+
/**
|
|
73
|
+
* The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for
|
|
74
|
+
* the GridList.
|
|
75
|
+
*/
|
|
63
76
|
dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
|
|
64
77
|
/** Provides content to display when there are no items in the list. */
|
|
65
78
|
renderEmptyState?: (props: GridListRenderProps) => ReactNode;
|
|
66
79
|
/**
|
|
67
80
|
* Whether the items are arranged in a stack or grid.
|
|
81
|
+
*
|
|
68
82
|
* @default 'stack'
|
|
69
83
|
*/
|
|
70
84
|
layout?: 'stack' | 'grid';
|
|
71
85
|
/**
|
|
72
|
-
* The primary orientation of the items. Usually this is the direction that the collection
|
|
86
|
+
* The primary orientation of the items. Usually this is the direction that the collection
|
|
87
|
+
* scrolls.
|
|
88
|
+
*
|
|
73
89
|
* @default 'vertical'
|
|
74
90
|
*/
|
|
75
91
|
orientation?: Orientation;
|
|
@@ -79,10 +95,16 @@ export declare const GridListContext: React.Context<ContextValue<GridListProps<a
|
|
|
79
95
|
* A grid list displays a list of interactive items, with support for keyboard navigation,
|
|
80
96
|
* single or multiple selection, and row actions.
|
|
81
97
|
*/
|
|
82
|
-
export declare const GridList: <T
|
|
98
|
+
export declare const GridList: <T>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
83
99
|
export interface GridListItemRenderProps extends ItemRenderProps {
|
|
84
100
|
/** The unique id of the item. */
|
|
85
101
|
id?: Key;
|
|
102
|
+
/**
|
|
103
|
+
* Whether the item's children have keyboard focus.
|
|
104
|
+
*
|
|
105
|
+
* @selector [data-focus-visible-within]
|
|
106
|
+
*/
|
|
107
|
+
isFocusVisibleWithin: boolean;
|
|
86
108
|
/**
|
|
87
109
|
* State of the grid list.
|
|
88
110
|
*/
|
|
@@ -90,31 +112,38 @@ export interface GridListItemRenderProps extends ItemRenderProps {
|
|
|
90
112
|
}
|
|
91
113
|
export interface GridListItemProps<T = object> extends RenderProps<GridListItemRenderProps>, LinkDOMProps, HoverEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
92
114
|
/**
|
|
93
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
115
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
116
|
+
* element. A function may be provided to compute the class based on component state.
|
|
117
|
+
*
|
|
94
118
|
* @default 'react-aria-GridListItem'
|
|
95
119
|
*/
|
|
96
120
|
className?: ClassNameOrFunction<GridListItemRenderProps>;
|
|
97
121
|
/** The unique id of the item. */
|
|
98
122
|
id?: Key;
|
|
99
|
-
/**
|
|
123
|
+
/**
|
|
124
|
+
* The object value that this item represents. When using dynamic collections, this is set
|
|
125
|
+
* automatically.
|
|
126
|
+
*/
|
|
100
127
|
value?: T;
|
|
101
128
|
/** A string representation of the item's contents, used for features like typeahead. */
|
|
102
129
|
textValue?: string;
|
|
103
130
|
/** Whether the item is disabled. */
|
|
104
131
|
isDisabled?: boolean;
|
|
105
132
|
/**
|
|
106
|
-
* Handler that is called when a user performs an action on the item. The exact user event depends
|
|
107
|
-
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
133
|
+
* Handler that is called when a user performs an action on the item. The exact user event depends
|
|
134
|
+
* on the collection's `selectionBehavior` prop and the interaction modality.
|
|
108
135
|
*/
|
|
109
136
|
onAction?: () => void;
|
|
110
137
|
}
|
|
111
138
|
/**
|
|
112
139
|
* A GridListItem represents an individual item in a GridList.
|
|
113
140
|
*/
|
|
114
|
-
export declare const GridListItem: <T
|
|
141
|
+
export declare const GridListItem: <T>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
115
142
|
export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
116
143
|
/**
|
|
117
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
144
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
145
|
+
* element.
|
|
146
|
+
*
|
|
118
147
|
* @default 'react-aria-GridListLoadMoreItem'
|
|
119
148
|
*/
|
|
120
149
|
className?: string;
|
|
@@ -130,7 +159,9 @@ export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, '
|
|
|
130
159
|
export declare const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
131
160
|
export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {
|
|
132
161
|
/**
|
|
133
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
162
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
163
|
+
* element.
|
|
164
|
+
*
|
|
134
165
|
* @default 'react-aria-GridListSection'
|
|
135
166
|
*/
|
|
136
167
|
className?: string;
|
|
@@ -138,7 +169,7 @@ export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps
|
|
|
138
169
|
/**
|
|
139
170
|
* A GridListSection represents a section within a GridList.
|
|
140
171
|
*/
|
|
141
|
-
export declare const GridListSection: <T extends
|
|
172
|
+
export declare const GridListSection: <T extends unknown>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
142
173
|
export interface GridListHeaderProps extends DOMRenderProps<'div', undefined>, DOMProps, GlobalDOMAttributes<HTMLElement> {
|
|
143
174
|
}
|
|
144
175
|
export declare const GridListHeaderContext: React.Context<ContextValue<GridListHeaderProps, HTMLDivElement>>;
|
|
@@ -5,33 +5,40 @@ import React, { HTMLAttributes } from 'react';
|
|
|
5
5
|
export interface GroupRenderProps {
|
|
6
6
|
/**
|
|
7
7
|
* Whether the group is currently hovered with a mouse.
|
|
8
|
+
*
|
|
8
9
|
* @selector [data-hovered]
|
|
9
10
|
*/
|
|
10
11
|
isHovered: boolean;
|
|
11
12
|
/**
|
|
12
13
|
* Whether an element within the group is focused, either via a mouse or keyboard.
|
|
14
|
+
*
|
|
13
15
|
* @selector [data-focus-within]
|
|
14
16
|
*/
|
|
15
17
|
isFocusWithin: boolean;
|
|
16
18
|
/**
|
|
17
19
|
* Whether an element within the group is keyboard focused.
|
|
20
|
+
*
|
|
18
21
|
* @selector [data-focus-visible]
|
|
19
22
|
*/
|
|
20
23
|
isFocusVisible: boolean;
|
|
21
24
|
/**
|
|
22
25
|
* Whether the group is disabled.
|
|
26
|
+
*
|
|
23
27
|
* @selector [data-disabled]
|
|
24
28
|
*/
|
|
25
29
|
isDisabled: boolean;
|
|
26
30
|
/**
|
|
27
31
|
* Whether the group is invalid.
|
|
32
|
+
*
|
|
28
33
|
* @selector [data-invalid]
|
|
29
34
|
*/
|
|
30
35
|
isInvalid: boolean;
|
|
31
36
|
}
|
|
32
37
|
export interface GroupProps extends AriaLabelingProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'render' | 'role' | 'slot'>, DOMProps, HoverProps, RenderProps<GroupRenderProps>, SlotProps {
|
|
33
38
|
/**
|
|
34
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
39
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
40
|
+
* element. A function may be provided to compute the class based on component state.
|
|
41
|
+
*
|
|
35
42
|
* @default 'react-aria-Group'
|
|
36
43
|
*/
|
|
37
44
|
className?: ClassNameOrFunction<GroupRenderProps>;
|
|
@@ -46,6 +53,7 @@ export interface GroupProps extends AriaLabelingProps, Omit<HTMLAttributes<HTMLE
|
|
|
46
53
|
* Use `'region'` when the contents of the group is important enough to be
|
|
47
54
|
* included in the page table of contents. Use `'presentation'` if the group
|
|
48
55
|
* is visual only and does not represent a semantic grouping of controls.
|
|
56
|
+
*
|
|
49
57
|
* @default 'group'
|
|
50
58
|
*/
|
|
51
59
|
role?: 'group' | 'region' | 'presentation';
|
|
@@ -1,6 +1,18 @@
|
|
|
1
1
|
import { ContextValue, DOMRenderProps } from './utils';
|
|
2
2
|
import React, { HTMLAttributes } from 'react';
|
|
3
3
|
export interface HeadingProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'h1', undefined> {
|
|
4
|
+
/**
|
|
5
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
6
|
+
* element.
|
|
7
|
+
*
|
|
8
|
+
* @default 'react-aria-Heading'
|
|
9
|
+
*/
|
|
10
|
+
className?: string;
|
|
11
|
+
/**
|
|
12
|
+
* The heading level.
|
|
13
|
+
*
|
|
14
|
+
* @default 3
|
|
15
|
+
*/
|
|
4
16
|
level?: number;
|
|
5
17
|
}
|
|
6
18
|
export declare const HeadingContext: React.Context<ContextValue<HeadingProps, HTMLHeadingElement>>;
|
|
@@ -3,7 +3,8 @@ import { DatePickerState } from 'react-stately/useDatePickerState';
|
|
|
3
3
|
import React, { ReactNode } from 'react';
|
|
4
4
|
interface AriaHiddenDateInputProps {
|
|
5
5
|
/**
|
|
6
|
-
* Describes the type of autocomplete functionality the input should provide if any. See
|
|
6
|
+
* Describes the type of autocomplete functionality the input should provide if any. See
|
|
7
|
+
* [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).
|
|
7
8
|
*/
|
|
8
9
|
autoComplete?: string;
|
|
9
10
|
/** HTML form input name. */
|
|
@@ -4,33 +4,40 @@ import React, { InputHTMLAttributes } from 'react';
|
|
|
4
4
|
export interface InputRenderProps {
|
|
5
5
|
/**
|
|
6
6
|
* Whether the input is currently hovered with a mouse.
|
|
7
|
+
*
|
|
7
8
|
* @selector [data-hovered]
|
|
8
9
|
*/
|
|
9
10
|
isHovered: boolean;
|
|
10
11
|
/**
|
|
11
12
|
* Whether the input is focused, either via a mouse or keyboard.
|
|
13
|
+
*
|
|
12
14
|
* @selector [data-focused]
|
|
13
15
|
*/
|
|
14
16
|
isFocused: boolean;
|
|
15
17
|
/**
|
|
16
18
|
* Whether the input is keyboard focused.
|
|
19
|
+
*
|
|
17
20
|
* @selector [data-focus-visible]
|
|
18
21
|
*/
|
|
19
22
|
isFocusVisible: boolean;
|
|
20
23
|
/**
|
|
21
24
|
* Whether the input is disabled.
|
|
25
|
+
*
|
|
22
26
|
* @selector [data-disabled]
|
|
23
27
|
*/
|
|
24
28
|
isDisabled: boolean;
|
|
25
29
|
/**
|
|
26
30
|
* Whether the input is invalid.
|
|
31
|
+
*
|
|
27
32
|
* @selector [data-invalid]
|
|
28
33
|
*/
|
|
29
34
|
isInvalid: boolean;
|
|
30
35
|
}
|
|
31
36
|
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps, 'input'> {
|
|
32
37
|
/**
|
|
33
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
38
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
39
|
+
* element. A function may be provided to compute the class based on component state.
|
|
40
|
+
*
|
|
34
41
|
* @default 'react-aria-Input'
|
|
35
42
|
*/
|
|
36
43
|
className?: ClassNameOrFunction<InputRenderProps>;
|
package/dist/types/src/Link.d.ts
CHANGED
|
@@ -5,7 +5,9 @@ import { HoverEvents } from '@react-types/shared';
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEvents, Omit<RenderProps<LinkRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'span', LinkRenderProps>, SlotProps, DOMProps, Omit<GlobalDOMAttributes<HTMLAnchorElement>, 'onClick'> {
|
|
7
7
|
/**
|
|
8
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
8
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
9
|
+
* element. A function may be provided to compute the class based on component state.
|
|
10
|
+
*
|
|
9
11
|
* @default 'react-aria-Link'
|
|
10
12
|
*/
|
|
11
13
|
className?: ClassNameOrFunction<LinkRenderProps>;
|
|
@@ -13,31 +15,37 @@ export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEv
|
|
|
13
15
|
export interface LinkRenderProps {
|
|
14
16
|
/**
|
|
15
17
|
* Whether the link is the current item within a list.
|
|
18
|
+
*
|
|
16
19
|
* @selector [data-current]
|
|
17
20
|
*/
|
|
18
21
|
isCurrent: boolean;
|
|
19
22
|
/**
|
|
20
23
|
* Whether the link is currently hovered with a mouse.
|
|
24
|
+
*
|
|
21
25
|
* @selector [data-hovered]
|
|
22
26
|
*/
|
|
23
27
|
isHovered: boolean;
|
|
24
28
|
/**
|
|
25
29
|
* Whether the link is currently in a pressed state.
|
|
30
|
+
*
|
|
26
31
|
* @selector [data-pressed]
|
|
27
32
|
*/
|
|
28
33
|
isPressed: boolean;
|
|
29
34
|
/**
|
|
30
35
|
* Whether the link is focused, either via a mouse or keyboard.
|
|
36
|
+
*
|
|
31
37
|
* @selector [data-focused]
|
|
32
38
|
*/
|
|
33
39
|
isFocused: boolean;
|
|
34
40
|
/**
|
|
35
41
|
* Whether the link is keyboard focused.
|
|
42
|
+
*
|
|
36
43
|
* @selector [data-focus-visible]
|
|
37
44
|
*/
|
|
38
45
|
isFocusVisible: boolean;
|
|
39
46
|
/**
|
|
40
47
|
* Whether the link is disabled.
|
|
48
|
+
*
|
|
41
49
|
* @selector [data-disabled]
|
|
42
50
|
*/
|
|
43
51
|
isDisabled: boolean;
|
|
@@ -10,31 +10,37 @@ import React, { ReactNode } from 'react';
|
|
|
10
10
|
export interface ListBoxRenderProps {
|
|
11
11
|
/**
|
|
12
12
|
* Whether the listbox has no items and should display its empty state.
|
|
13
|
+
*
|
|
13
14
|
* @selector [data-empty]
|
|
14
15
|
*/
|
|
15
16
|
isEmpty: boolean;
|
|
16
17
|
/**
|
|
17
18
|
* Whether the listbox is currently focused.
|
|
19
|
+
*
|
|
18
20
|
* @selector [data-focused]
|
|
19
21
|
*/
|
|
20
22
|
isFocused: boolean;
|
|
21
23
|
/**
|
|
22
24
|
* Whether the listbox is currently keyboard focused.
|
|
25
|
+
*
|
|
23
26
|
* @selector [data-focus-visible]
|
|
24
27
|
*/
|
|
25
28
|
isFocusVisible: boolean;
|
|
26
29
|
/**
|
|
27
30
|
* Whether the listbox is currently the active drop target.
|
|
31
|
+
*
|
|
28
32
|
* @selector [data-drop-target]
|
|
29
33
|
*/
|
|
30
34
|
isDropTarget: boolean;
|
|
31
35
|
/**
|
|
32
36
|
* Whether the items are arranged in a stack or grid.
|
|
37
|
+
*
|
|
33
38
|
* @selector [data-layout="stack | grid"]
|
|
34
39
|
*/
|
|
35
40
|
layout: 'stack' | 'grid';
|
|
36
41
|
/**
|
|
37
42
|
* The primary orientation of the items.
|
|
43
|
+
*
|
|
38
44
|
* @selector [data-orientation="vertical | horizontal"]
|
|
39
45
|
*/
|
|
40
46
|
orientation: Orientation;
|
|
@@ -45,27 +51,35 @@ export interface ListBoxRenderProps {
|
|
|
45
51
|
}
|
|
46
52
|
export interface ListBoxProps<T> extends Omit<AriaListBoxProps<T>, 'children' | 'label'>, CollectionProps<T>, StyleRenderProps<ListBoxRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
47
53
|
/**
|
|
48
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
54
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
55
|
+
* element. A function may be provided to compute the class based on component state.
|
|
56
|
+
*
|
|
49
57
|
* @default 'react-aria-ListBox'
|
|
50
58
|
*/
|
|
51
59
|
className?: ClassNameOrFunction<ListBoxRenderProps>;
|
|
52
60
|
/**
|
|
53
61
|
* How multiple selection should behave in the collection.
|
|
54
|
-
*
|
|
62
|
+
*
|
|
63
|
+
* @default 'toggle'
|
|
55
64
|
*/
|
|
56
65
|
selectionBehavior?: SelectionBehavior;
|
|
57
|
-
/**
|
|
66
|
+
/**
|
|
67
|
+
* The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for
|
|
68
|
+
* the ListBox.
|
|
69
|
+
*/
|
|
58
70
|
dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
|
|
59
71
|
/** Provides content to display when there are no items in the list. */
|
|
60
72
|
renderEmptyState?: (props: ListBoxRenderProps) => ReactNode;
|
|
61
73
|
/**
|
|
62
74
|
* Whether the items are arranged in a stack or grid.
|
|
75
|
+
*
|
|
63
76
|
* @default 'stack'
|
|
64
77
|
*/
|
|
65
78
|
layout?: 'stack' | 'grid';
|
|
66
79
|
/**
|
|
67
80
|
* The primary orientation of the items. Usually this is the
|
|
68
81
|
* direction that the collection scrolls.
|
|
82
|
+
*
|
|
69
83
|
* @default 'vertical'
|
|
70
84
|
*/
|
|
71
85
|
orientation?: Orientation;
|
|
@@ -75,10 +89,12 @@ export declare const ListStateContext: React.Context<ListState<any> | null>;
|
|
|
75
89
|
/**
|
|
76
90
|
* A listbox displays a list of options and allows a user to select one or more of them.
|
|
77
91
|
*/
|
|
78
|
-
export declare const ListBox: <T
|
|
92
|
+
export declare const ListBox: <T>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
79
93
|
export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<'section', undefined> {
|
|
80
94
|
/**
|
|
81
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
95
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
96
|
+
* element.
|
|
97
|
+
*
|
|
82
98
|
* @default 'react-aria-ListBoxSection'
|
|
83
99
|
*/
|
|
84
100
|
className?: string;
|
|
@@ -86,18 +102,23 @@ export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<
|
|
|
86
102
|
/**
|
|
87
103
|
* A ListBoxSection represents a section within a ListBox.
|
|
88
104
|
*/
|
|
89
|
-
export declare const ListBoxSection: <T
|
|
105
|
+
export declare const ListBoxSection: <T>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
90
106
|
export interface ListBoxItemRenderProps extends ItemRenderProps {
|
|
91
107
|
}
|
|
92
108
|
export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', ListBoxItemRenderProps>, LinkDOMProps, HoverEvents, PressEvents, KeyboardEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
93
109
|
/**
|
|
94
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
110
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
111
|
+
* element. A function may be provided to compute the class based on component state.
|
|
112
|
+
*
|
|
95
113
|
* @default 'react-aria-ListBoxItem'
|
|
96
114
|
*/
|
|
97
115
|
className?: ClassNameOrFunction<ListBoxItemRenderProps>;
|
|
98
116
|
/** The unique id of the item. */
|
|
99
117
|
id?: Key;
|
|
100
|
-
/**
|
|
118
|
+
/**
|
|
119
|
+
* The object value that this item represents. When using dynamic collections, this is set
|
|
120
|
+
* automatically.
|
|
121
|
+
*/
|
|
101
122
|
value?: T;
|
|
102
123
|
/** A string representation of the item's contents, used for features like typeahead. */
|
|
103
124
|
textValue?: string;
|
|
@@ -106,18 +127,20 @@ export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxIt
|
|
|
106
127
|
/** Whether the item is disabled. */
|
|
107
128
|
isDisabled?: boolean;
|
|
108
129
|
/**
|
|
109
|
-
* Handler that is called when a user performs an action on the item. The exact user event depends
|
|
110
|
-
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
130
|
+
* Handler that is called when a user performs an action on the item. The exact user event depends
|
|
131
|
+
* on the collection's `selectionBehavior` prop and the interaction modality.
|
|
111
132
|
*/
|
|
112
133
|
onAction?: () => void;
|
|
113
134
|
}
|
|
114
135
|
/**
|
|
115
136
|
* A ListBoxItem represents an individual option in a ListBox.
|
|
116
137
|
*/
|
|
117
|
-
export declare const ListBoxItem: <T
|
|
138
|
+
export declare const ListBoxItem: <T>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
118
139
|
export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
119
140
|
/**
|
|
120
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
141
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
142
|
+
* element.
|
|
143
|
+
*
|
|
121
144
|
* @default 'react-aria-ListBoxLoadMoreItem'
|
|
122
145
|
*/
|
|
123
146
|
className?: string;
|
package/dist/types/src/Menu.d.ts
CHANGED
|
@@ -11,14 +11,16 @@ export declare const RootMenuTriggerStateContext: React.Context<RootMenuTriggerS
|
|
|
11
11
|
export interface MenuTriggerProps extends BaseMenuTriggerProps {
|
|
12
12
|
children: ReactNode;
|
|
13
13
|
}
|
|
14
|
-
export declare function MenuTrigger(props: MenuTriggerProps): JSX.Element;
|
|
14
|
+
export declare function MenuTrigger(props: MenuTriggerProps): JSX.Element | null;
|
|
15
15
|
export interface SubmenuTriggerProps {
|
|
16
16
|
/**
|
|
17
|
-
* The contents of the SubmenuTrigger. The first child should be an Item (the trigger) and the
|
|
17
|
+
* The contents of the SubmenuTrigger. The first child should be an Item (the trigger) and the
|
|
18
|
+
* second child should be the Popover (for the submenu).
|
|
18
19
|
*/
|
|
19
20
|
children: ReactElement[];
|
|
20
21
|
/**
|
|
21
22
|
* The delay time in milliseconds for the submenu to appear after hovering over the trigger.
|
|
23
|
+
*
|
|
22
24
|
* @default 200
|
|
23
25
|
*/
|
|
24
26
|
delay?: number;
|
|
@@ -32,13 +34,16 @@ export declare const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttr
|
|
|
32
34
|
export interface MenuRenderProps {
|
|
33
35
|
/**
|
|
34
36
|
* Whether the menu has no items and should display its empty state.
|
|
37
|
+
*
|
|
35
38
|
* @selector [data-empty]
|
|
36
39
|
*/
|
|
37
40
|
isEmpty: boolean;
|
|
38
41
|
}
|
|
39
42
|
export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<MenuRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
40
43
|
/**
|
|
41
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
44
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
45
|
+
* element. A function may be provided to compute the class based on component state.
|
|
46
|
+
*
|
|
42
47
|
* @default 'react-aria-Menu'
|
|
43
48
|
*/
|
|
44
49
|
className?: ClassNameOrFunction<MenuRenderProps>;
|
|
@@ -50,10 +55,12 @@ export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, Collec
|
|
|
50
55
|
/**
|
|
51
56
|
* A menu displays a list of actions or options that a user can choose.
|
|
52
57
|
*/
|
|
53
|
-
export declare const Menu: <T
|
|
54
|
-
export interface MenuSectionProps<T> extends SectionProps<T>, MultipleSelection, DOMRenderProps<'section', undefined> {
|
|
58
|
+
export declare const Menu: <T>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
59
|
+
export interface MenuSectionProps<T> extends SectionProps<T>, Omit<MultipleSelection, 'disabledKeys'>, DOMRenderProps<'section', undefined> {
|
|
55
60
|
/**
|
|
56
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
61
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
62
|
+
* element.
|
|
63
|
+
*
|
|
57
64
|
* @default 'react-aria-MenuSection'
|
|
58
65
|
*/
|
|
59
66
|
className?: string;
|
|
@@ -63,7 +70,7 @@ export interface MenuSectionProps<T> extends SectionProps<T>, MultipleSelection,
|
|
|
63
70
|
/**
|
|
64
71
|
* A MenuSection represents a section within a Menu.
|
|
65
72
|
*/
|
|
66
|
-
export declare const MenuSection: <T
|
|
73
|
+
export declare const MenuSection: <T>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
67
74
|
export interface MenuItemRenderProps extends ItemRenderProps {
|
|
68
75
|
/**
|
|
69
76
|
* Whether the item has a submenu.
|
|
@@ -80,13 +87,18 @@ export interface MenuItemRenderProps extends ItemRenderProps {
|
|
|
80
87
|
}
|
|
81
88
|
export interface MenuItemProps<T = object> extends Omit<RenderProps<MenuItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', MenuItemRenderProps>, LinkDOMProps, HoverEvents, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
82
89
|
/**
|
|
83
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
90
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
91
|
+
* element. A function may be provided to compute the class based on component state.
|
|
92
|
+
*
|
|
84
93
|
* @default 'react-aria-MenuItem'
|
|
85
94
|
*/
|
|
86
95
|
className?: ClassNameOrFunction<MenuItemRenderProps>;
|
|
87
96
|
/** The unique id of the item. */
|
|
88
97
|
id?: Key;
|
|
89
|
-
/**
|
|
98
|
+
/**
|
|
99
|
+
* The object value that this item represents. When using dynamic collections, this is set
|
|
100
|
+
* automatically.
|
|
101
|
+
*/
|
|
90
102
|
value?: T;
|
|
91
103
|
/** A string representation of the item's contents, used for features like typeahead. */
|
|
92
104
|
textValue?: string;
|
|
@@ -102,4 +114,4 @@ export interface MenuItemProps<T = object> extends Omit<RenderProps<MenuItemRend
|
|
|
102
114
|
/**
|
|
103
115
|
* A MenuItem represents an individual action in a Menu.
|
|
104
116
|
*/
|
|
105
|
-
export declare const MenuItem: <T
|
|
117
|
+
export declare const MenuItem: <T>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
@@ -4,7 +4,9 @@ import { GlobalDOMAttributes } from '@react-types/shared';
|
|
|
4
4
|
import React from 'react';
|
|
5
5
|
export interface MeterProps extends Omit<AriaMeterProps, 'label'>, RenderProps<MeterRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
6
6
|
/**
|
|
7
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
7
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
8
|
+
* element. A function may be provided to compute the class based on component state.
|
|
9
|
+
*
|
|
8
10
|
* @default 'react-aria-Meter'
|
|
9
11
|
*/
|
|
10
12
|
className?: ClassNameOrFunction<MeterRenderProps>;
|
|
@@ -16,6 +18,7 @@ export interface MeterRenderProps {
|
|
|
16
18
|
percentage: number;
|
|
17
19
|
/**
|
|
18
20
|
* A formatted version of the value.
|
|
21
|
+
*
|
|
19
22
|
* @selector [aria-valuetext]
|
|
20
23
|
*/
|
|
21
24
|
valueText: string | undefined;
|