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,7 +6,9 @@ import { ListState } from 'react-stately/useListState';
|
|
|
6
6
|
import React, { ReactNode } from 'react';
|
|
7
7
|
export interface TagGroupProps extends Omit<AriaTagGroupProps<unknown>, 'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'>, DOMProps, SlotProps, DOMRenderProps<'div', undefined>, 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.
|
|
11
|
+
*
|
|
10
12
|
* @default 'react-aria-TagGroup'
|
|
11
13
|
*/
|
|
12
14
|
className?: string;
|
|
@@ -14,16 +16,19 @@ export interface TagGroupProps extends Omit<AriaTagGroupProps<unknown>, 'childre
|
|
|
14
16
|
export interface TagListRenderProps {
|
|
15
17
|
/**
|
|
16
18
|
* Whether the tag list has no items and should display its empty state.
|
|
19
|
+
*
|
|
17
20
|
* @selector [data-empty]
|
|
18
21
|
*/
|
|
19
22
|
isEmpty: boolean;
|
|
20
23
|
/**
|
|
21
24
|
* Whether the tag list is currently focused.
|
|
25
|
+
*
|
|
22
26
|
* @selector [data-focused]
|
|
23
27
|
*/
|
|
24
28
|
isFocused: boolean;
|
|
25
29
|
/**
|
|
26
30
|
* Whether the tag list is currently keyboard focused.
|
|
31
|
+
*
|
|
27
32
|
* @selector [data-focus-visible]
|
|
28
33
|
*/
|
|
29
34
|
isFocusVisible: boolean;
|
|
@@ -34,7 +39,9 @@ export interface TagListRenderProps {
|
|
|
34
39
|
}
|
|
35
40
|
export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TagListRenderProps, 'div'>, GlobalDOMAttributes<HTMLDivElement> {
|
|
36
41
|
/**
|
|
37
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
42
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
43
|
+
* element. A function may be provided to compute the class based on component state.
|
|
44
|
+
*
|
|
38
45
|
* @default 'react-aria-TagList'
|
|
39
46
|
*/
|
|
40
47
|
className?: ClassNameOrFunction<TagListRenderProps>;
|
|
@@ -44,23 +51,27 @@ export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'
|
|
|
44
51
|
export declare const TagGroupContext: React.Context<ContextValue<TagGroupProps, HTMLDivElement>>;
|
|
45
52
|
export declare const TagListContext: React.Context<ContextValue<TagListProps<any>, HTMLDivElement>>;
|
|
46
53
|
/**
|
|
47
|
-
* A tag group is a focusable list of labels, categories, keywords, filters, or other items, with
|
|
54
|
+
* A tag group is a focusable list of labels, categories, keywords, filters, or other items, with
|
|
55
|
+
* support for keyboard navigation, selection, and removal.
|
|
48
56
|
*/
|
|
49
57
|
export declare const TagGroup: (props: TagGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
50
58
|
/**
|
|
51
59
|
* A tag list is a container for tags within a TagGroup.
|
|
52
60
|
*/
|
|
53
|
-
export declare const TagList: <T
|
|
61
|
+
export declare const TagList: <T>(props: TagListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
54
62
|
export interface TagRenderProps extends Omit<ItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'> {
|
|
55
63
|
/**
|
|
56
64
|
* Whether the tag group allows items to be removed.
|
|
65
|
+
*
|
|
57
66
|
* @selector [data-allows-removing]
|
|
58
67
|
*/
|
|
59
68
|
allowsRemoving: boolean;
|
|
60
69
|
}
|
|
61
70
|
export interface TagProps extends RenderProps<TagRenderProps, 'div'>, LinkDOMProps, HoverEvents, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
62
71
|
/**
|
|
63
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
72
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
73
|
+
* element. A function may be provided to compute the class based on component state.
|
|
74
|
+
*
|
|
64
75
|
* @default 'react-aria-Tag'
|
|
65
76
|
*/
|
|
66
77
|
className?: ClassNameOrFunction<TagRenderProps>;
|
|
@@ -74,8 +85,8 @@ export interface TagProps extends RenderProps<TagRenderProps, 'div'>, LinkDOMPro
|
|
|
74
85
|
/** Whether the tag is disabled. */
|
|
75
86
|
isDisabled?: boolean;
|
|
76
87
|
/**
|
|
77
|
-
* Handler that is called when a user performs an action on the item. The exact user event depends
|
|
78
|
-
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
88
|
+
* Handler that is called when a user performs an action on the item. The exact user event depends
|
|
89
|
+
* on the collection's `selectionBehavior` prop and the interaction modality.
|
|
79
90
|
*/
|
|
80
91
|
onAction?: () => void;
|
|
81
92
|
}
|
|
@@ -4,7 +4,9 @@ import { InputRenderProps } from './Input';
|
|
|
4
4
|
import React, { TextareaHTMLAttributes } from 'react';
|
|
5
5
|
export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps, 'textarea'> {
|
|
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-TextArea'
|
|
9
11
|
*/
|
|
10
12
|
className?: ClassNameOrFunction<InputRenderProps>;
|
|
@@ -5,28 +5,34 @@ import React from 'react';
|
|
|
5
5
|
export interface TextFieldRenderProps {
|
|
6
6
|
/**
|
|
7
7
|
* Whether the text field is disabled.
|
|
8
|
+
*
|
|
8
9
|
* @selector [data-disabled]
|
|
9
10
|
*/
|
|
10
11
|
isDisabled: boolean;
|
|
11
12
|
/**
|
|
12
13
|
* Whether the value is invalid.
|
|
14
|
+
*
|
|
13
15
|
* @selector [data-invalid]
|
|
14
16
|
*/
|
|
15
17
|
isInvalid: boolean;
|
|
16
18
|
/**
|
|
17
19
|
* Whether the text field is read only.
|
|
20
|
+
*
|
|
18
21
|
* @selector [data-readonly]
|
|
19
22
|
*/
|
|
20
23
|
isReadOnly: boolean;
|
|
21
24
|
/**
|
|
22
25
|
* Whether the text field is required.
|
|
26
|
+
*
|
|
23
27
|
* @selector [data-required]
|
|
24
28
|
*/
|
|
25
29
|
isRequired: boolean;
|
|
26
30
|
}
|
|
27
31
|
export interface TextFieldProps extends Omit<AriaTextFieldProps, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, Omit<DOMProps, 'style' | 'className' | 'render' | 'children'>, SlotProps, RenderProps<TextFieldRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
28
32
|
/**
|
|
29
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
33
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
34
|
+
* element. A function may be provided to compute the class based on component state.
|
|
35
|
+
*
|
|
30
36
|
* @default 'react-aria-TextField'
|
|
31
37
|
*/
|
|
32
38
|
className?: ClassNameOrFunction<TextFieldRenderProps>;
|
|
@@ -9,23 +9,28 @@ export interface ToastRegionRenderProps<T> {
|
|
|
9
9
|
visibleToasts: QueuedToast<T>[];
|
|
10
10
|
/**
|
|
11
11
|
* Whether the toast region is currently hovered with a mouse.
|
|
12
|
+
*
|
|
12
13
|
* @selector [data-hovered]
|
|
13
14
|
*/
|
|
14
15
|
isHovered: boolean;
|
|
15
16
|
/**
|
|
16
17
|
* Whether the toast region is currently focused.
|
|
18
|
+
*
|
|
17
19
|
* @selector [data-focused]
|
|
18
20
|
*/
|
|
19
21
|
isFocused: boolean;
|
|
20
22
|
/**
|
|
21
23
|
* Whether the toast region is keyboard focused.
|
|
24
|
+
*
|
|
22
25
|
* @selector [data-focus-visible]
|
|
23
26
|
*/
|
|
24
27
|
isFocusVisible: boolean;
|
|
25
28
|
}
|
|
26
29
|
export interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderProps<ToastRegionRenderProps<T>>, GlobalDOMAttributes<HTMLDivElement> {
|
|
27
30
|
/**
|
|
28
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
31
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
32
|
+
* element. A function may be provided to compute the class based on component state.
|
|
33
|
+
*
|
|
29
34
|
* @default 'react-aria-ToastRegion'
|
|
30
35
|
*/
|
|
31
36
|
className?: ClassNameOrFunction<ToastRegionRenderProps<T>>;
|
|
@@ -54,24 +59,29 @@ export interface ToastRenderProps<T> {
|
|
|
54
59
|
toast: QueuedToast<T>;
|
|
55
60
|
/**
|
|
56
61
|
* Whether the toast is currently focused.
|
|
62
|
+
*
|
|
57
63
|
* @selector [data-focused]
|
|
58
64
|
*/
|
|
59
65
|
isFocused: boolean;
|
|
60
66
|
/**
|
|
61
67
|
* Whether the toast is keyboard focused.
|
|
68
|
+
*
|
|
62
69
|
* @selector [data-focus-visible]
|
|
63
70
|
*/
|
|
64
71
|
isFocusVisible: boolean;
|
|
65
72
|
}
|
|
66
73
|
export interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRenderProps<T>>, GlobalDOMAttributes<HTMLDivElement> {
|
|
67
74
|
/**
|
|
68
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
75
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
76
|
+
* element. A function may be provided to compute the class based on component state.
|
|
77
|
+
*
|
|
69
78
|
* @default 'react-aria-Toast'
|
|
70
79
|
*/
|
|
71
80
|
className?: ClassNameOrFunction<ToastRenderProps<T>>;
|
|
72
81
|
}
|
|
73
82
|
/**
|
|
74
|
-
* A Toast displays a brief, temporary notification of actions, errors, or other events in an
|
|
83
|
+
* A Toast displays a brief, temporary notification of actions, errors, or other events in an
|
|
84
|
+
* application.
|
|
75
85
|
*/
|
|
76
86
|
declare const Toast: <T>(props: ToastProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
77
87
|
export interface ToastContentProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'div', undefined> {
|
|
@@ -8,6 +8,7 @@ import { ToggleState } from 'react-stately/useToggleState';
|
|
|
8
8
|
export interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {
|
|
9
9
|
/**
|
|
10
10
|
* Whether the button is currently selected.
|
|
11
|
+
*
|
|
11
12
|
* @selector [data-selected]
|
|
12
13
|
*/
|
|
13
14
|
isSelected: boolean;
|
|
@@ -18,15 +19,21 @@ export interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPend
|
|
|
18
19
|
}
|
|
19
20
|
export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
20
21
|
/**
|
|
21
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
22
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
23
|
+
* element. A function may be provided to compute the class based on component state.
|
|
24
|
+
*
|
|
22
25
|
* @default 'react-aria-ToggleButton'
|
|
23
26
|
*/
|
|
24
27
|
className?: ClassNameOrFunction<ToggleButtonRenderProps>;
|
|
25
|
-
/**
|
|
28
|
+
/**
|
|
29
|
+
* When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used
|
|
30
|
+
* standalone, a DOM id.
|
|
31
|
+
*/
|
|
26
32
|
id?: Key;
|
|
27
33
|
}
|
|
28
34
|
export declare const ToggleButtonContext: React.Context<ContextValue<ToggleButtonProps, HTMLButtonElement>>;
|
|
29
35
|
/**
|
|
30
|
-
* A toggle button allows a user to toggle a selection on or off, for example switching between two
|
|
36
|
+
* A toggle button allows a user to toggle a selection on or off, for example switching between two
|
|
37
|
+
* states or modes.
|
|
31
38
|
*/
|
|
32
39
|
export declare const ToggleButton: (props: ToggleButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
@@ -6,11 +6,13 @@ import { ToggleGroupState } from 'react-stately/useToggleGroupState';
|
|
|
6
6
|
export interface ToggleButtonGroupRenderProps {
|
|
7
7
|
/**
|
|
8
8
|
* The orientation of the toggle button group.
|
|
9
|
+
*
|
|
9
10
|
* @selector [data-orientation="horizontal | vertical"]
|
|
10
11
|
*/
|
|
11
12
|
orientation: Orientation;
|
|
12
13
|
/**
|
|
13
14
|
* Whether the toggle button group is disabled.
|
|
15
|
+
*
|
|
14
16
|
* @selector [data-disabled]
|
|
15
17
|
*/
|
|
16
18
|
isDisabled: boolean;
|
|
@@ -21,7 +23,9 @@ export interface ToggleButtonGroupRenderProps {
|
|
|
21
23
|
}
|
|
22
24
|
export interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps, RenderProps<ToggleButtonGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
23
25
|
/**
|
|
24
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
26
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
27
|
+
* element. A function may be provided to compute the class based on component state.
|
|
28
|
+
*
|
|
25
29
|
* @default 'react-aria-ToggleButtonGroup'
|
|
26
30
|
*/
|
|
27
31
|
className?: ClassNameOrFunction<ToggleButtonGroupRenderProps>;
|
|
@@ -29,6 +33,7 @@ export interface ToggleButtonGroupProps extends AriaToggleButtonGroupProps, Rend
|
|
|
29
33
|
export declare const ToggleButtonGroupContext: React.Context<ContextValue<ToggleButtonGroupProps, HTMLDivElement>>;
|
|
30
34
|
export declare const ToggleGroupStateContext: React.Context<ToggleGroupState | null>;
|
|
31
35
|
/**
|
|
32
|
-
* A toggle button group allows a user to toggle multiple options, with single or multiple
|
|
36
|
+
* A toggle button group allows a user to toggle multiple options, with single or multiple
|
|
37
|
+
* selection.
|
|
33
38
|
*/
|
|
34
39
|
export declare const ToggleButtonGroup: (props: ToggleButtonGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
@@ -5,20 +5,23 @@ import React from 'react';
|
|
|
5
5
|
export interface ToolbarRenderProps {
|
|
6
6
|
/**
|
|
7
7
|
* The current orientation of the toolbar.
|
|
8
|
+
*
|
|
8
9
|
* @selector [data-orientation]
|
|
9
10
|
*/
|
|
10
11
|
orientation: Orientation;
|
|
11
12
|
}
|
|
12
13
|
export interface ToolbarProps extends AriaToolbarProps, SlotProps, RenderProps<ToolbarRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
13
14
|
/**
|
|
14
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
15
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
16
|
+
* element. A function may be provided to compute the class based on component state.
|
|
17
|
+
*
|
|
15
18
|
* @default 'react-aria-Toolbar'
|
|
16
19
|
*/
|
|
17
20
|
className?: ClassNameOrFunction<ToolbarRenderProps>;
|
|
18
21
|
}
|
|
19
22
|
export declare const ToolbarContext: React.Context<ContextValue<ToolbarProps, HTMLDivElement>>;
|
|
20
23
|
/**
|
|
21
|
-
* A toolbar is a container for a set of interactive controls, such as buttons, dropdown menus, or
|
|
22
|
-
* with arrow key navigation.
|
|
24
|
+
* A toolbar is a container for a set of interactive controls, such as buttons, dropdown menus, or
|
|
25
|
+
* checkboxes, with arrow key navigation.
|
|
23
26
|
*/
|
|
24
27
|
export declare const Toolbar: (props: ToolbarProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
@@ -9,14 +9,17 @@ export interface TooltipTriggerComponentProps extends TooltipTriggerProps {
|
|
|
9
9
|
}
|
|
10
10
|
export interface TooltipProps extends PositionProps, Pick<AriaPositionProps, 'arrowBoundaryOffset'>, OverlayTriggerProps, AriaLabelingProps, RenderProps<TooltipRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
11
11
|
/**
|
|
12
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
12
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
13
|
+
* element. A function may be provided to compute the class based on component state.
|
|
14
|
+
*
|
|
13
15
|
* @default 'react-aria-Tooltip'
|
|
14
16
|
*/
|
|
15
17
|
className?: ClassNameOrFunction<TooltipRenderProps>;
|
|
16
18
|
/**
|
|
17
19
|
* The ref for the element which the tooltip positions itself with respect to.
|
|
18
20
|
*
|
|
19
|
-
* When used within a TooltipTrigger this is set automatically. It is only required when used
|
|
21
|
+
* When used within a TooltipTrigger this is set automatically. It is only required when used
|
|
22
|
+
* standalone.
|
|
20
23
|
*/
|
|
21
24
|
triggerRef?: RefObject<Element | null>;
|
|
22
25
|
/**
|
|
@@ -28,13 +31,16 @@ export interface TooltipProps extends PositionProps, Pick<AriaPositionProps, 'ar
|
|
|
28
31
|
*/
|
|
29
32
|
isExiting?: boolean;
|
|
30
33
|
/**
|
|
31
|
-
* The container element in which the overlay portal will be placed. This may have unknown
|
|
32
|
-
*
|
|
34
|
+
* The container element in which the overlay portal will be placed. This may have unknown
|
|
35
|
+
* behavior depending on where it is portalled to.
|
|
36
|
+
*
|
|
33
37
|
* @deprecated - Use a parent UNSAFE_PortalProvider to set your portal container instead.
|
|
38
|
+
* @default document.body
|
|
34
39
|
*/
|
|
35
40
|
UNSTABLE_portalContainer?: Element;
|
|
36
41
|
/**
|
|
37
42
|
* The placement of the tooltip with respect to the trigger.
|
|
43
|
+
*
|
|
38
44
|
* @default 'top'
|
|
39
45
|
*/
|
|
40
46
|
placement?: Placement;
|
|
@@ -42,16 +48,19 @@ export interface TooltipProps extends PositionProps, Pick<AriaPositionProps, 'ar
|
|
|
42
48
|
export interface TooltipRenderProps {
|
|
43
49
|
/**
|
|
44
50
|
* The placement of the tooltip relative to the trigger.
|
|
51
|
+
*
|
|
45
52
|
* @selector [data-placement="left | right | top | bottom"]
|
|
46
53
|
*/
|
|
47
54
|
placement: PlacementAxis | null;
|
|
48
55
|
/**
|
|
49
56
|
* Whether the tooltip is currently entering. Use this to apply animations.
|
|
57
|
+
*
|
|
50
58
|
* @selector [data-entering]
|
|
51
59
|
*/
|
|
52
60
|
isEntering: boolean;
|
|
53
61
|
/**
|
|
54
62
|
* Whether the tooltip is currently exiting. Use this to apply animations.
|
|
63
|
+
*
|
|
55
64
|
* @selector [data-exiting]
|
|
56
65
|
*/
|
|
57
66
|
isExiting: boolean;
|
package/dist/types/src/Tree.d.ts
CHANGED
|
@@ -12,29 +12,40 @@ import { TreeState } from 'react-stately/useTreeState';
|
|
|
12
12
|
export interface TreeRenderProps {
|
|
13
13
|
/**
|
|
14
14
|
* Whether the tree has no items and should display its empty state.
|
|
15
|
+
*
|
|
15
16
|
* @selector [data-empty]
|
|
16
17
|
*/
|
|
17
18
|
isEmpty: boolean;
|
|
18
19
|
/**
|
|
19
20
|
* Whether the tree is currently focused.
|
|
21
|
+
*
|
|
20
22
|
* @selector [data-focused]
|
|
21
23
|
*/
|
|
22
24
|
isFocused: boolean;
|
|
23
25
|
/**
|
|
24
26
|
* Whether the tree is currently keyboard focused.
|
|
27
|
+
*
|
|
25
28
|
* @selector [data-focus-visible]
|
|
26
29
|
*/
|
|
27
30
|
isFocusVisible: boolean;
|
|
28
31
|
/**
|
|
29
32
|
* The type of selection that is allowed in the collection.
|
|
33
|
+
*
|
|
30
34
|
* @selector [data-selection-mode="single | multiple"]
|
|
31
35
|
*/
|
|
32
36
|
selectionMode: SelectionMode;
|
|
33
37
|
/**
|
|
34
38
|
* Whether the tree allows dragging.
|
|
39
|
+
*
|
|
35
40
|
* @selector [data-allows-dragging]
|
|
36
41
|
*/
|
|
37
42
|
allowsDragging: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Whether the tree is currently the active drop target.
|
|
45
|
+
*
|
|
46
|
+
* @selector [data-drop-target]
|
|
47
|
+
*/
|
|
48
|
+
isDropTarget: boolean;
|
|
38
49
|
/**
|
|
39
50
|
* State of the tree.
|
|
40
51
|
*/
|
|
@@ -44,50 +55,61 @@ export interface TreeEmptyStateRenderProps extends Omit<TreeRenderProps, 'isEmpt
|
|
|
44
55
|
}
|
|
45
56
|
export interface TreeProps<T> extends Omit<AriaTreeProps<T>, 'children'>, MultipleSelection, CollectionProps<T>, StyleRenderProps<TreeRenderProps>, SlotProps, Expandable, GlobalDOMAttributes<HTMLDivElement> {
|
|
46
57
|
/**
|
|
47
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
58
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
59
|
+
* element. A function may be provided to compute the class based on component state.
|
|
60
|
+
*
|
|
48
61
|
* @default 'react-aria-Tree'
|
|
49
62
|
*/
|
|
50
63
|
className?: ClassNameOrFunction<TreeRenderProps>;
|
|
51
64
|
/**
|
|
52
65
|
* How multiple selection should behave in the tree.
|
|
53
|
-
*
|
|
66
|
+
*
|
|
67
|
+
* @default 'toggle'
|
|
54
68
|
*/
|
|
55
69
|
selectionBehavior?: SelectionBehavior;
|
|
56
70
|
/** Provides content to display when there are no items in the list. */
|
|
57
71
|
renderEmptyState?: (props: TreeEmptyStateRenderProps) => ReactNode;
|
|
58
72
|
/**
|
|
59
73
|
* Whether `disabledKeys` applies to all interactions, or only selection.
|
|
74
|
+
*
|
|
60
75
|
* @default 'all'
|
|
61
76
|
*/
|
|
62
77
|
disabledBehavior?: DisabledBehavior;
|
|
63
|
-
/**
|
|
78
|
+
/**
|
|
79
|
+
* The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for
|
|
80
|
+
* the Tree.
|
|
81
|
+
*/
|
|
64
82
|
dragAndDropHooks?: DragAndDropHooks<NoInfer<T>>;
|
|
65
83
|
}
|
|
66
84
|
export declare const TreeContext: React.Context<ContextValue<TreeProps<any>, HTMLDivElement>>;
|
|
67
85
|
export declare const TreeStateContext: React.Context<TreeState<any> | null>;
|
|
68
86
|
/**
|
|
69
|
-
* A tree provides users with a way to navigate nested hierarchical information, with support for
|
|
70
|
-
* and selection.
|
|
87
|
+
* A tree provides users with a way to navigate nested hierarchical information, with support for
|
|
88
|
+
* keyboard navigation and selection.
|
|
71
89
|
*/
|
|
72
|
-
export declare const Tree: <T
|
|
90
|
+
export declare const Tree: <T>(props: TreeProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
73
91
|
export interface TreeItemRenderProps extends ItemRenderProps {
|
|
74
92
|
/**
|
|
75
93
|
* Whether the tree item is expanded.
|
|
94
|
+
*
|
|
76
95
|
* @selector [data-expanded]
|
|
77
96
|
*/
|
|
78
97
|
isExpanded: boolean;
|
|
79
98
|
/**
|
|
80
99
|
* Whether the tree item has child tree items.
|
|
100
|
+
*
|
|
81
101
|
* @selector [data-has-child-items]
|
|
82
102
|
*/
|
|
83
103
|
hasChildItems: boolean;
|
|
84
104
|
/**
|
|
85
105
|
* What level the tree item has within the tree.
|
|
106
|
+
*
|
|
86
107
|
* @selector [data-level="number"]
|
|
87
108
|
*/
|
|
88
109
|
level: number;
|
|
89
110
|
/**
|
|
90
111
|
* Whether the tree item's children have keyboard focus.
|
|
112
|
+
*
|
|
91
113
|
* @selector [data-focus-visible-within]
|
|
92
114
|
*/
|
|
93
115
|
isFocusVisibleWithin: boolean;
|
|
@@ -99,49 +121,63 @@ export interface TreeItemRenderProps extends ItemRenderProps {
|
|
|
99
121
|
export interface TreeItemContentRenderProps extends TreeItemRenderProps {
|
|
100
122
|
}
|
|
101
123
|
export interface TreeItemContentProps {
|
|
102
|
-
/**
|
|
124
|
+
/**
|
|
125
|
+
* The children of the component. A function may be provided to alter the children based on
|
|
126
|
+
* component state.
|
|
127
|
+
*/
|
|
103
128
|
children: ChildrenOrFunction<TreeItemContentRenderProps>;
|
|
104
129
|
}
|
|
105
130
|
export declare const TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<Element>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
106
131
|
export declare const TreeItemContentContext: React.Context<TreeItemContentRenderProps | null>;
|
|
107
132
|
export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRenderProps>, LinkDOMProps, HoverEvents, PressEvents, Pick<AriaTreeItemOptions, 'hasChildItems'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
108
133
|
/**
|
|
109
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
134
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
135
|
+
* element. A function may be provided to compute the class based on component state.
|
|
136
|
+
*
|
|
110
137
|
* @default 'react-aria-TreeItem'
|
|
111
138
|
*/
|
|
112
139
|
className?: ClassNameOrFunction<TreeItemRenderProps>;
|
|
113
140
|
/** The unique id of the tree row. */
|
|
114
141
|
id?: Key;
|
|
115
|
-
/**
|
|
142
|
+
/**
|
|
143
|
+
* The object value that this tree item represents. When using dynamic collections, this is set
|
|
144
|
+
* automatically.
|
|
145
|
+
*/
|
|
116
146
|
value?: T;
|
|
117
147
|
/** A string representation of the tree item's contents, used for features like typeahead. */
|
|
118
148
|
textValue: string;
|
|
119
149
|
/** An accessibility label for this tree item. */
|
|
120
150
|
'aria-label'?: string;
|
|
121
|
-
/**
|
|
151
|
+
/**
|
|
152
|
+
* The content of the tree item along with any nested children. Supports static nested tree items
|
|
153
|
+
* or use of a Collection to dynamically render nested tree items.
|
|
154
|
+
*/
|
|
122
155
|
children: ReactNode;
|
|
123
156
|
/** Whether the item is disabled. */
|
|
124
157
|
isDisabled?: boolean;
|
|
125
158
|
/**
|
|
126
|
-
* Handler that is called when a user performs an action on this tree item. The exact user event
|
|
127
|
-
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
159
|
+
* Handler that is called when a user performs an action on this tree item. The exact user event
|
|
160
|
+
* depends on the collection's `selectionBehavior` prop and the interaction modality.
|
|
128
161
|
*/
|
|
129
162
|
onAction?: () => void;
|
|
130
163
|
}
|
|
131
164
|
/**
|
|
132
165
|
* A TreeItem represents an individual item in a Tree.
|
|
133
166
|
*/
|
|
134
|
-
export declare const TreeItem: <T extends
|
|
167
|
+
export declare const TreeItem: <T extends unknown>(props: TreeItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
135
168
|
export interface TreeLoadMoreItemRenderProps {
|
|
136
169
|
/**
|
|
137
170
|
* What level the tree item has within the tree.
|
|
171
|
+
*
|
|
138
172
|
* @selector [data-level]
|
|
139
173
|
*/
|
|
140
174
|
level: number;
|
|
141
175
|
}
|
|
142
176
|
export interface TreeLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, RenderProps<TreeLoadMoreItemRenderProps> {
|
|
143
177
|
/**
|
|
144
|
-
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
178
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
179
|
+
* element. A function may be provided to compute the class based on component state.
|
|
180
|
+
*
|
|
145
181
|
* @default 'react-aria-TreeLoadMoreItem'
|
|
146
182
|
*/
|
|
147
183
|
className?: ClassNameOrFunction<TreeLoadMoreItemRenderProps>;
|
|
@@ -154,11 +190,11 @@ export interface TreeLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'coll
|
|
|
154
190
|
*/
|
|
155
191
|
isLoading?: boolean;
|
|
156
192
|
}
|
|
157
|
-
export declare const TreeLoadMoreItem: <T
|
|
193
|
+
export declare const TreeLoadMoreItem: <T>(props: TreeLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
158
194
|
export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {
|
|
159
195
|
}
|
|
160
196
|
/**
|
|
161
197
|
* A TreeSection represents a section within a Tree.
|
|
162
198
|
*/
|
|
163
|
-
export declare const TreeSection: <T extends
|
|
199
|
+
export declare const TreeSection: <T extends unknown>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;
|
|
164
200
|
export declare const TreeHeader: (props: GridListHeaderProps) => ReactNode;
|
|
@@ -33,12 +33,14 @@ interface DropHooks {
|
|
|
33
33
|
}
|
|
34
34
|
export type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;
|
|
35
35
|
export interface DragAndDrop<T = object> {
|
|
36
|
-
/** Drag and drop hooks for the collection element.
|
|
36
|
+
/** Drag and drop hooks for the collection element. */
|
|
37
37
|
dragAndDropHooks: DragAndDropHooks<T>;
|
|
38
38
|
}
|
|
39
39
|
export interface DragAndDropOptions<T = object> extends Omit<DraggableCollectionProps, 'preview' | 'getItems'>, DroppableCollectionProps {
|
|
40
40
|
/**
|
|
41
|
-
* A function that returns the items being dragged. If not specified, we assume that the
|
|
41
|
+
* A function that returns the items being dragged. If not specified, we assume that the
|
|
42
|
+
* collection is not draggable.
|
|
43
|
+
*
|
|
42
44
|
* @default () => []
|
|
43
45
|
*/
|
|
44
46
|
getItems?: (keys: Set<Key>, items: T[]) => DragItem[];
|
|
@@ -57,12 +59,16 @@ export interface DragAndDropOptions<T = object> extends Omit<DraggableCollection
|
|
|
57
59
|
* default DropIndicator is provided.
|
|
58
60
|
*/
|
|
59
61
|
renderDropIndicator?: (target: DropTarget) => JSX.Element;
|
|
60
|
-
/**
|
|
62
|
+
/**
|
|
63
|
+
* A custom delegate object that provides drop targets for pointer coordinates within the
|
|
64
|
+
* collection.
|
|
65
|
+
*/
|
|
61
66
|
dropTargetDelegate?: DropTargetDelegate;
|
|
62
67
|
/** Whether the drag and drop events should be disabled. */
|
|
63
68
|
isDisabled?: boolean;
|
|
64
69
|
}
|
|
65
70
|
/**
|
|
66
|
-
* Provides the hooks required to enable drag and drop behavior for a drag and drop compatible
|
|
71
|
+
* Provides the hooks required to enable drag and drop behavior for a drag and drop compatible
|
|
72
|
+
* collection component.
|
|
67
73
|
*/
|
|
68
74
|
export declare function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDrop<T>;
|