react-aria-components 1.14.0 → 1.15.1
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/Breadcrumbs.main.js +3 -2
- package/dist/Breadcrumbs.main.js.map +1 -1
- package/dist/Breadcrumbs.mjs +4 -3
- package/dist/Breadcrumbs.module.js +4 -3
- package/dist/Breadcrumbs.module.js.map +1 -1
- package/dist/Button.main.js +1 -1
- package/dist/Button.main.js.map +1 -1
- package/dist/Button.mjs +2 -2
- package/dist/Button.module.js +2 -2
- package/dist/Button.module.js.map +1 -1
- package/dist/Calendar.main.js +11 -7
- package/dist/Calendar.main.js.map +1 -1
- package/dist/Calendar.mjs +12 -8
- package/dist/Calendar.module.js +12 -8
- package/dist/Calendar.module.js.map +1 -1
- package/dist/Checkbox.main.js +2 -2
- package/dist/Checkbox.main.js.map +1 -1
- package/dist/Checkbox.mjs +3 -3
- package/dist/Checkbox.module.js +3 -3
- package/dist/Checkbox.module.js.map +1 -1
- package/dist/ColorArea.main.js +1 -1
- package/dist/ColorArea.main.js.map +1 -1
- package/dist/ColorArea.mjs +2 -2
- package/dist/ColorArea.module.js +2 -2
- package/dist/ColorArea.module.js.map +1 -1
- package/dist/ColorField.main.js +7 -3
- package/dist/ColorField.main.js.map +1 -1
- package/dist/ColorField.mjs +8 -4
- package/dist/ColorField.module.js +8 -4
- package/dist/ColorField.module.js.map +1 -1
- package/dist/ColorSlider.main.js +1 -1
- package/dist/ColorSlider.main.js.map +1 -1
- package/dist/ColorSlider.mjs +2 -2
- package/dist/ColorSlider.module.js +2 -2
- package/dist/ColorSlider.module.js.map +1 -1
- package/dist/ColorSwatch.main.js +1 -1
- package/dist/ColorSwatch.main.js.map +1 -1
- package/dist/ColorSwatch.mjs +2 -2
- package/dist/ColorSwatch.module.js +2 -2
- package/dist/ColorSwatch.module.js.map +1 -1
- package/dist/ColorSwatchPicker.main.js +2 -0
- package/dist/ColorSwatchPicker.main.js.map +1 -1
- package/dist/ColorSwatchPicker.mjs +2 -0
- package/dist/ColorSwatchPicker.module.js +2 -0
- package/dist/ColorSwatchPicker.module.js.map +1 -1
- package/dist/ColorThumb.main.js +1 -1
- package/dist/ColorThumb.main.js.map +1 -1
- package/dist/ColorThumb.mjs +2 -2
- package/dist/ColorThumb.module.js +2 -2
- package/dist/ColorThumb.module.js.map +1 -1
- package/dist/ColorWheel.main.js +2 -2
- package/dist/ColorWheel.main.js.map +1 -1
- package/dist/ColorWheel.mjs +3 -3
- package/dist/ColorWheel.module.js +3 -3
- package/dist/ColorWheel.module.js.map +1 -1
- package/dist/ComboBox.main.js +2 -2
- package/dist/ComboBox.main.js.map +1 -1
- package/dist/ComboBox.mjs +3 -3
- package/dist/ComboBox.module.js +3 -3
- package/dist/ComboBox.module.js.map +1 -1
- package/dist/DateField.main.js +3 -3
- package/dist/DateField.main.js.map +1 -1
- package/dist/DateField.mjs +4 -4
- package/dist/DateField.module.js +4 -4
- package/dist/DateField.module.js.map +1 -1
- package/dist/DatePicker.main.js +2 -2
- package/dist/DatePicker.main.js.map +1 -1
- package/dist/DatePicker.mjs +3 -3
- package/dist/DatePicker.module.js +3 -3
- package/dist/DatePicker.module.js.map +1 -1
- package/dist/Dialog.main.js +2 -1
- package/dist/Dialog.main.js.map +1 -1
- package/dist/Dialog.mjs +3 -2
- package/dist/Dialog.module.js +3 -2
- package/dist/Dialog.module.js.map +1 -1
- package/dist/Disclosure.main.js +3 -3
- package/dist/Disclosure.main.js.map +1 -1
- package/dist/Disclosure.mjs +4 -4
- package/dist/Disclosure.module.js +4 -4
- package/dist/Disclosure.module.js.map +1 -1
- package/dist/DropZone.main.js +2 -3
- package/dist/DropZone.main.js.map +1 -1
- package/dist/DropZone.mjs +4 -5
- package/dist/DropZone.module.js +4 -5
- package/dist/DropZone.module.js.map +1 -1
- package/dist/Form.main.js +1 -1
- package/dist/Form.main.js.map +1 -1
- package/dist/Form.mjs +2 -2
- package/dist/Form.module.js +2 -2
- package/dist/Form.module.js.map +1 -1
- package/dist/GridList.main.js +16 -13
- package/dist/GridList.main.js.map +1 -1
- package/dist/GridList.mjs +17 -14
- package/dist/GridList.module.js +17 -14
- package/dist/GridList.module.js.map +1 -1
- package/dist/Group.main.js +1 -1
- package/dist/Group.main.js.map +1 -1
- package/dist/Group.mjs +2 -2
- package/dist/Group.module.js +2 -2
- package/dist/Group.module.js.map +1 -1
- package/dist/Header.main.js +1 -1
- package/dist/Header.main.js.map +1 -1
- package/dist/Header.mjs +2 -2
- package/dist/Header.module.js +2 -2
- package/dist/Header.module.js.map +1 -1
- package/dist/Heading.main.js +2 -2
- package/dist/Heading.main.js.map +1 -1
- package/dist/Heading.mjs +2 -2
- package/dist/Heading.module.js +2 -2
- package/dist/Heading.module.js.map +1 -1
- package/dist/HiddenDateInput.main.js +5 -1
- package/dist/HiddenDateInput.main.js.map +1 -1
- package/dist/HiddenDateInput.mjs +6 -2
- package/dist/HiddenDateInput.module.js +6 -2
- package/dist/HiddenDateInput.module.js.map +1 -1
- package/dist/Input.main.js +1 -1
- package/dist/Input.main.js.map +1 -1
- package/dist/Input.mjs +2 -2
- package/dist/Input.module.js +2 -2
- package/dist/Input.module.js.map +1 -1
- package/dist/Keyboard.main.js +1 -1
- package/dist/Keyboard.main.js.map +1 -1
- package/dist/Keyboard.mjs +2 -2
- package/dist/Keyboard.module.js +2 -2
- package/dist/Keyboard.module.js.map +1 -1
- package/dist/Label.main.js +2 -1
- package/dist/Label.main.js.map +1 -1
- package/dist/Label.mjs +3 -2
- package/dist/Label.module.js +3 -2
- package/dist/Label.module.js.map +1 -1
- package/dist/Link.main.js +3 -2
- package/dist/Link.main.js.map +1 -1
- package/dist/Link.mjs +4 -3
- package/dist/Link.module.js +4 -3
- package/dist/Link.module.js.map +1 -1
- package/dist/ListBox.main.js +13 -14
- package/dist/ListBox.main.js.map +1 -1
- package/dist/ListBox.mjs +14 -15
- package/dist/ListBox.module.js +14 -15
- package/dist/ListBox.module.js.map +1 -1
- package/dist/Menu.main.js +21 -8
- package/dist/Menu.main.js.map +1 -1
- package/dist/Menu.mjs +22 -9
- package/dist/Menu.module.js +22 -9
- package/dist/Menu.module.js.map +1 -1
- package/dist/Meter.main.js +1 -1
- package/dist/Meter.main.js.map +1 -1
- package/dist/Meter.mjs +2 -2
- package/dist/Meter.module.js +2 -2
- package/dist/Meter.module.js.map +1 -1
- package/dist/Modal.main.js +2 -2
- package/dist/Modal.main.js.map +1 -1
- package/dist/Modal.mjs +3 -3
- package/dist/Modal.module.js +3 -3
- package/dist/Modal.module.js.map +1 -1
- package/dist/NumberField.main.js +1 -1
- package/dist/NumberField.main.js.map +1 -1
- package/dist/NumberField.mjs +2 -2
- package/dist/NumberField.module.js +2 -2
- package/dist/NumberField.module.js.map +1 -1
- package/dist/OverlayArrow.main.js +1 -1
- package/dist/OverlayArrow.main.js.map +1 -1
- package/dist/OverlayArrow.mjs +2 -2
- package/dist/OverlayArrow.module.js +2 -2
- package/dist/OverlayArrow.module.js.map +1 -1
- package/dist/Popover.main.js +2 -2
- package/dist/Popover.main.js.map +1 -1
- package/dist/Popover.mjs +4 -4
- package/dist/Popover.module.js +4 -4
- package/dist/Popover.module.js.map +1 -1
- package/dist/ProgressBar.main.js +1 -1
- package/dist/ProgressBar.main.js.map +1 -1
- package/dist/ProgressBar.mjs +2 -2
- package/dist/ProgressBar.module.js +2 -2
- package/dist/ProgressBar.module.js.map +1 -1
- package/dist/RadioGroup.main.js +2 -2
- package/dist/RadioGroup.main.js.map +1 -1
- package/dist/RadioGroup.mjs +3 -3
- package/dist/RadioGroup.module.js +3 -3
- package/dist/RadioGroup.module.js.map +1 -1
- package/dist/SearchField.main.js +1 -1
- package/dist/SearchField.main.js.map +1 -1
- package/dist/SearchField.mjs +2 -2
- package/dist/SearchField.module.js +2 -2
- package/dist/SearchField.module.js.map +1 -1
- package/dist/Select.main.js +2 -2
- package/dist/Select.main.js.map +1 -1
- package/dist/Select.mjs +3 -3
- package/dist/Select.module.js +3 -3
- package/dist/Select.module.js.map +1 -1
- package/dist/Separator.main.js +3 -1
- package/dist/Separator.main.js.map +1 -1
- package/dist/Separator.mjs +4 -2
- package/dist/Separator.module.js +4 -2
- package/dist/Separator.module.js.map +1 -1
- package/dist/SharedElementTransition.main.js +3 -2
- package/dist/SharedElementTransition.main.js.map +1 -1
- package/dist/SharedElementTransition.mjs +4 -3
- package/dist/SharedElementTransition.module.js +4 -3
- package/dist/SharedElementTransition.module.js.map +1 -1
- package/dist/Slider.main.js +6 -5
- package/dist/Slider.main.js.map +1 -1
- package/dist/Slider.mjs +7 -6
- package/dist/Slider.module.js +7 -6
- package/dist/Slider.module.js.map +1 -1
- package/dist/Switch.main.js +1 -1
- package/dist/Switch.main.js.map +1 -1
- package/dist/Switch.mjs +2 -2
- package/dist/Switch.module.js +2 -2
- package/dist/Switch.module.js.map +1 -1
- package/dist/Table.main.js +30 -25
- package/dist/Table.main.js.map +1 -1
- package/dist/Table.mjs +31 -26
- package/dist/Table.module.js +31 -26
- package/dist/Table.module.js.map +1 -1
- package/dist/Tabs.main.js +13 -6
- package/dist/Tabs.main.js.map +1 -1
- package/dist/Tabs.mjs +14 -7
- package/dist/Tabs.module.js +14 -7
- package/dist/Tabs.module.js.map +1 -1
- package/dist/TagGroup.main.js +6 -5
- package/dist/TagGroup.main.js.map +1 -1
- package/dist/TagGroup.mjs +7 -6
- package/dist/TagGroup.module.js +7 -6
- package/dist/TagGroup.module.js.map +1 -1
- package/dist/Text.main.js +2 -1
- package/dist/Text.main.js.map +1 -1
- package/dist/Text.mjs +3 -2
- package/dist/Text.module.js +3 -2
- package/dist/Text.module.js.map +1 -1
- package/dist/TextArea.main.js +1 -1
- package/dist/TextArea.main.js.map +1 -1
- package/dist/TextArea.mjs +2 -2
- package/dist/TextArea.module.js +2 -2
- package/dist/TextArea.module.js.map +1 -1
- package/dist/TextField.main.js +1 -1
- package/dist/TextField.main.js.map +1 -1
- package/dist/TextField.mjs +2 -2
- package/dist/TextField.module.js +2 -2
- package/dist/TextField.module.js.map +1 -1
- package/dist/Toast.main.js +6 -4
- package/dist/Toast.main.js.map +1 -1
- package/dist/Toast.mjs +7 -5
- package/dist/Toast.module.js +7 -5
- package/dist/Toast.module.js.map +1 -1
- package/dist/ToggleButton.main.js +5 -2
- package/dist/ToggleButton.main.js.map +1 -1
- package/dist/ToggleButton.mjs +6 -3
- package/dist/ToggleButton.module.js +6 -3
- package/dist/ToggleButton.module.js.map +1 -1
- package/dist/ToggleButtonGroup.main.js +1 -1
- package/dist/ToggleButtonGroup.main.js.map +1 -1
- package/dist/ToggleButtonGroup.mjs +2 -2
- package/dist/ToggleButtonGroup.module.js +2 -2
- package/dist/ToggleButtonGroup.module.js.map +1 -1
- package/dist/Toolbar.main.js +1 -1
- package/dist/Toolbar.main.js.map +1 -1
- package/dist/Toolbar.mjs +2 -2
- package/dist/Toolbar.module.js +2 -2
- package/dist/Toolbar.module.js.map +1 -1
- package/dist/Tooltip.main.js +1 -1
- package/dist/Tooltip.main.js.map +1 -1
- package/dist/Tooltip.mjs +2 -2
- package/dist/Tooltip.module.js +2 -2
- package/dist/Tooltip.module.js.map +1 -1
- package/dist/Tree.main.js +6 -6
- package/dist/Tree.main.js.map +1 -1
- package/dist/Tree.mjs +7 -7
- package/dist/Tree.module.js +7 -7
- package/dist/Tree.module.js.map +1 -1
- package/dist/types.d.ts +121 -62
- package/dist/types.d.ts.map +1 -1
- package/dist/utils.main.js +41 -3
- package/dist/utils.main.js.map +1 -1
- package/dist/utils.mjs +42 -5
- package/dist/utils.module.js +42 -5
- package/dist/utils.module.js.map +1 -1
- package/package.json +24 -24
- package/src/Breadcrumbs.tsx +9 -6
- package/src/Button.tsx +4 -3
- package/src/Calendar.tsx +26 -20
- package/src/Checkbox.tsx +7 -6
- package/src/ColorArea.tsx +3 -2
- package/src/ColorField.tsx +18 -3
- package/src/ColorSlider.tsx +2 -1
- package/src/ColorSwatch.tsx +2 -1
- package/src/ColorSwatchPicker.tsx +2 -0
- package/src/ColorThumb.tsx +3 -3
- package/src/ColorWheel.tsx +4 -3
- package/src/ComboBox.tsx +3 -2
- package/src/DateField.tsx +5 -4
- package/src/DatePicker.tsx +3 -2
- package/src/Dialog.tsx +5 -4
- package/src/Disclosure.tsx +7 -6
- package/src/DropZone.tsx +5 -5
- package/src/Form.tsx +4 -4
- package/src/GridList.tsx +30 -23
- package/src/Group.tsx +10 -9
- package/src/Header.tsx +7 -5
- package/src/Heading.tsx +4 -4
- package/src/HiddenDateInput.tsx +10 -3
- package/src/Input.tsx +3 -2
- package/src/Keyboard.tsx +4 -2
- package/src/Label.tsx +4 -3
- package/src/Link.tsx +15 -12
- package/src/ListBox.tsx +23 -22
- package/src/Menu.tsx +32 -17
- package/src/Meter.tsx +3 -2
- package/src/Modal.tsx +5 -4
- package/src/NumberField.tsx +2 -1
- package/src/OverlayArrow.tsx +3 -2
- package/src/Popover.tsx +5 -4
- package/src/ProgressBar.tsx +3 -2
- package/src/RadioGroup.tsx +6 -5
- package/src/SearchField.tsx +3 -2
- package/src/Select.tsx +6 -5
- package/src/Separator.tsx +8 -5
- package/src/SharedElementTransition.tsx +4 -3
- package/src/Slider.tsx +9 -7
- package/src/Switch.tsx +11 -10
- package/src/Table.tsx +47 -36
- package/src/Tabs.tsx +23 -18
- package/src/TagGroup.tsx +16 -13
- package/src/Text.tsx +4 -3
- package/src/TextArea.tsx +3 -2
- package/src/TextField.tsx +4 -3
- package/src/Toast.tsx +15 -11
- package/src/ToggleButton.tsx +5 -4
- package/src/ToggleButtonGroup.tsx +3 -2
- package/src/Toolbar.tsx +3 -2
- package/src/Tooltip.tsx +3 -2
- package/src/Tree.tsx +18 -17
- package/src/utils.tsx +96 -10
package/dist/types.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AriaLabelingProps, RefObject, DOMProps as _DOMProps1, GlobalDOMAttributes, ValidationResult, HoverEvents as _HoverEvents1, InputDOMProps, FocusableElement, FocusEvents, KeyboardEvents, Node, ValueBase, CollectionBase, DropTargetDelegate, ItemDropTarget, Key, LayoutDelegate, DraggableCollectionProps, DroppableCollectionProps, LinkDOMProps, PressEvents, MultipleSelection, Orientation as _Orientation2, DisabledBehavior as _DisabledBehavior1, Expandable, SelectionMode as _SelectionMode2 } from "@react-types/shared";
|
|
2
|
-
import React, { Context, CSSProperties, ForwardedRef, JSX, ReactNode, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes,
|
|
2
|
+
import React, { AnchorHTMLAttributes, Context, CSSProperties, DetailedHTMLProps, ForwardedRef, JSX, ReactElement, ReactNode, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, TextareaHTMLAttributes } from "react";
|
|
3
3
|
import { FormProps as _FormProps1 } from "@react-types/form";
|
|
4
4
|
import { AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, AriaColorAreaProps, HoverProps, AriaColorFieldProps, AriaSliderProps, AriaSliderThumbProps, Orientation, AriaColorSliderProps, AriaColorWheelOptions, AriaLinkOptions, AriaBreadcrumbsProps, AriaProgressBarProps, AriaButtonProps, AriaCalendarProps, AriaRangeCalendarProps, DateValue, AriaColorSwatchProps, DropIndicatorProps as _DropIndicatorProps1, DraggableCollectionOptions, DraggableItemProps, DraggableItemResult, DragItem, DragPreview, DropIndicatorAria, DroppableCollectionOptions, DroppableCollectionResult, DroppableItemOptions, DroppableItemResult, DropTarget, DropTargetDelegate as _DropTargetDelegate1, ListDropTargetDelegate, SeparatorProps as _SeparatorProps1, AriaListBoxProps, PlacementAxis, AriaPopoverProps, PositionProps, AriaMenuProps, AriaDialogProps, AriaComboBoxProps, AriaDateFieldProps, AriaTimeFieldProps, TimeValue, AriaDatePickerProps, AriaDateRangePickerProps, AriaDisclosureProps, LabelAriaProps, DropOptions, AriaGridListProps, AriaMeterProps, AriaModalOverlayProps, AriaNumberFieldProps, AriaRadioGroupProps, AriaRadioProps, AriaSearchFieldProps, AriaSelectProps, AriaSwitchProps, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaTextFieldProps as _AriaTextFieldProps1, AriaToastProps, AriaToastRegionProps, AriaToggleButtonGroupProps, AriaToggleButtonProps, AriaPositionProps, Placement, AriaTreeItemOptions, AriaTreeProps } from "react-aria";
|
|
5
5
|
import { CheckboxGroupState, Color, ColorAreaState, ColorChannel, ColorFieldState, ColorSpace, SliderState, ColorSliderState, ColorWheelState, Collection, Node as _Node1, SelectionBehavior, SelectionMode as _SelectionMode1, SectionProps as _SectionProps1, CalendarState, RangeCalendarState, DraggableCollectionState, DraggableCollectionStateOptions, DroppableCollectionState, DroppableCollectionStateOptions, ListState, Orientation as _Orientation1, ColorPickerState, ColorPickerProps as _ColorPickerProps1, OverlayTriggerProps, MenuTriggerProps as _MenuTriggerProps1, RootMenuTriggerState, TreeState, OverlayTriggerState, ComboBoxState, DateFieldState, DateSegmentType, DateSegment as _DateSegment1, TimeFieldState, DatePickerState, DatePickerStateOptions, DateRangePickerState, DateRangePickerStateOptions, DisclosureGroupState, DisclosureState, DisclosureGroupProps as _DisclosureGroupProps1, NumberFieldState, RadioGroupState, SearchFieldState, SelectState, ToggleState, DisabledBehavior, SortDirection, TableState, TabListState, QueuedToast, ToastQueue, ToastState, ToggleGroupState, TooltipTriggerProps, TooltipTriggerState } from "react-stately";
|
|
@@ -43,7 +43,7 @@ type ClassNameOrFunction<T> = string | ((values: T & {
|
|
|
43
43
|
type StyleOrFunction<T> = CSSProperties | ((values: T & {
|
|
44
44
|
defaultStyle: CSSProperties;
|
|
45
45
|
}) => CSSProperties | undefined);
|
|
46
|
-
export interface StyleRenderProps<T> {
|
|
46
|
+
export interface StyleRenderProps<T, E extends keyof React.JSX.IntrinsicElements = 'div'> extends DOMRenderProps<E, T> {
|
|
47
47
|
/** The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state. */
|
|
48
48
|
className?: ClassNameOrFunction<T>;
|
|
49
49
|
/** The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the element. A function may be provided to compute the style based on component state. */
|
|
@@ -52,23 +52,24 @@ export interface StyleRenderProps<T> {
|
|
|
52
52
|
type ChildrenOrFunction<T> = ReactNode | ((values: T & {
|
|
53
53
|
defaultChildren: ReactNode | undefined;
|
|
54
54
|
}) => ReactNode);
|
|
55
|
-
export interface RenderProps<T> extends StyleRenderProps<T> {
|
|
55
|
+
export interface RenderProps<T, E extends keyof React.JSX.IntrinsicElements = 'div'> extends StyleRenderProps<T, E> {
|
|
56
56
|
/** The children of the component. A function may be provided to alter the children based on component state. */
|
|
57
57
|
children?: ChildrenOrFunction<T>;
|
|
58
58
|
}
|
|
59
|
-
interface RenderPropsHookOptions<T> extends RenderProps<T>, _DOMProps1, AriaLabelingProps {
|
|
59
|
+
interface RenderPropsHookOptions<T, E extends keyof React.JSX.IntrinsicElements> extends RenderProps<T, E>, _DOMProps1, AriaLabelingProps {
|
|
60
60
|
values: T;
|
|
61
61
|
defaultChildren?: ReactNode;
|
|
62
62
|
defaultClassName?: string;
|
|
63
63
|
defaultStyle?: CSSProperties;
|
|
64
64
|
}
|
|
65
|
-
interface RenderPropsHookRetVal {
|
|
65
|
+
interface RenderPropsHookRetVal<T, E extends keyof React.JSX.IntrinsicElements> {
|
|
66
66
|
className?: string;
|
|
67
67
|
style?: CSSProperties;
|
|
68
68
|
children?: ReactNode;
|
|
69
69
|
'data-rac': string;
|
|
70
|
+
render?: DOMRenderFunction<E, T>;
|
|
70
71
|
}
|
|
71
|
-
export function useRenderProps<T>(props: RenderPropsHookOptions<T>): RenderPropsHookRetVal
|
|
72
|
+
export function useRenderProps<T, E extends keyof React.JSX.IntrinsicElements>(props: RenderPropsHookOptions<T, E>): RenderPropsHookRetVal<T, E>;
|
|
72
73
|
/**
|
|
73
74
|
* A helper function that accepts a user-provided render prop value (either a static value or a function),
|
|
74
75
|
* and combines it with another value to create a final result.
|
|
@@ -95,7 +96,39 @@ interface RACValidation {
|
|
|
95
96
|
*/
|
|
96
97
|
validationBehavior?: 'native' | 'aria';
|
|
97
98
|
}
|
|
98
|
-
|
|
99
|
+
type DOMRenderFunction<E extends keyof React.JSX.IntrinsicElements, T> = (props: React.JSX.IntrinsicElements[E], renderProps: T) => ReactElement;
|
|
100
|
+
interface DOMRenderProps<E extends keyof React.JSX.IntrinsicElements, T> {
|
|
101
|
+
/**
|
|
102
|
+
* Overrides the default DOM element with a custom render function.
|
|
103
|
+
* This allows rendering existing components with built-in styles and behaviors
|
|
104
|
+
* such as router links, animation libraries, and pre-styled components.
|
|
105
|
+
*
|
|
106
|
+
* Requirements:
|
|
107
|
+
*
|
|
108
|
+
* * You must render the expected element type (e.g. if `<button>` is expected, you cannot render an `<a>`).
|
|
109
|
+
* * Only a single root DOM element can be rendered (no fragments).
|
|
110
|
+
* * You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.
|
|
111
|
+
*/
|
|
112
|
+
render?: DOMRenderFunction<E, T>;
|
|
113
|
+
}
|
|
114
|
+
type LinkWithRequiredHref = Required<Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>> & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;
|
|
115
|
+
interface PossibleLinkDOMRenderProps<Fallback extends keyof React.JSX.IntrinsicElements, T> {
|
|
116
|
+
/**
|
|
117
|
+
* Overrides the default DOM element with a custom render function.
|
|
118
|
+
* This allows rendering existing components with built-in styles and behaviors
|
|
119
|
+
* such as router links, animation libraries, and pre-styled components.
|
|
120
|
+
*
|
|
121
|
+
* Note: You can check if `'href' in props` in order to tell whether to render an `<a>` element.
|
|
122
|
+
*
|
|
123
|
+
* Requirements:
|
|
124
|
+
*
|
|
125
|
+
* * You must render the expected element type (e.g. if `<a>` is expected, you cannot render a `<button>`).
|
|
126
|
+
* * Only a single root DOM element can be rendered (no fragments).
|
|
127
|
+
* * You must pass through props and ref to the underlying DOM element, merging with your own prop as appropriate.
|
|
128
|
+
*/
|
|
129
|
+
render?: (props: DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement> | React.JSX.IntrinsicElements[Fallback], renderProps: T) => ReactElement;
|
|
130
|
+
}
|
|
131
|
+
export interface TextProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<any, any> {
|
|
99
132
|
elementType?: string;
|
|
100
133
|
}
|
|
101
134
|
export const TextContext: React.Context<ContextValue<TextProps, HTMLElement>>;
|
|
@@ -114,7 +147,7 @@ export interface FieldErrorProps extends RenderProps<FieldErrorRenderProps>, _DO
|
|
|
114
147
|
* A FieldError displays validation errors for a form field.
|
|
115
148
|
*/
|
|
116
149
|
export const FieldError: React.ForwardRefExoticComponent<FieldErrorProps & React.RefAttributes<HTMLElement>>;
|
|
117
|
-
export interface FormProps extends _FormProps1, DOMProps, GlobalDOMAttributes<HTMLFormElement> {
|
|
150
|
+
export interface FormProps extends _FormProps1, DOMProps, DOMRenderProps<'form', undefined>, GlobalDOMAttributes<HTMLFormElement> {
|
|
118
151
|
/**
|
|
119
152
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
120
153
|
* @default 'react-aria-Form'
|
|
@@ -134,19 +167,19 @@ export const FormContext: React.Context<ContextValue<FormProps, HTMLFormElement>
|
|
|
134
167
|
* with support for providing field validation errors.
|
|
135
168
|
*/
|
|
136
169
|
export const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
|
|
137
|
-
export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
|
|
170
|
+
export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, DOMRenderProps<'label', undefined> {
|
|
138
171
|
elementType?: string;
|
|
139
172
|
}
|
|
140
173
|
export const LabelContext: React.Context<ContextValue<LabelProps, HTMLLabelElement>>;
|
|
141
174
|
export const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
|
|
142
|
-
export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
175
|
+
export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
143
176
|
/**
|
|
144
177
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
145
178
|
* @default 'react-aria-CheckboxGroup'
|
|
146
179
|
*/
|
|
147
180
|
className?: ClassNameOrFunction<CheckboxGroupRenderProps>;
|
|
148
181
|
}
|
|
149
|
-
export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
182
|
+
export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, HoverEvents, RACValidation, RenderProps<CheckboxRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
150
183
|
/**
|
|
151
184
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
152
185
|
* @default 'react-aria-Checkbox'
|
|
@@ -338,7 +371,7 @@ export interface GroupRenderProps {
|
|
|
338
371
|
*/
|
|
339
372
|
isInvalid: boolean;
|
|
340
373
|
}
|
|
341
|
-
export interface GroupProps extends AriaLabelingProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'role' | 'slot'>, _DOMProps1, HoverProps, RenderProps<GroupRenderProps>, SlotProps {
|
|
374
|
+
export interface GroupProps extends AriaLabelingProps, Omit<HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'render' | 'role' | 'slot'>, _DOMProps1, HoverProps, RenderProps<GroupRenderProps>, SlotProps {
|
|
342
375
|
/**
|
|
343
376
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
344
377
|
* @default 'react-aria-Group'
|
|
@@ -391,7 +424,7 @@ export interface InputRenderProps {
|
|
|
391
424
|
*/
|
|
392
425
|
isInvalid: boolean;
|
|
393
426
|
}
|
|
394
|
-
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps> {
|
|
427
|
+
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps, 'input'> {
|
|
395
428
|
/**
|
|
396
429
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
397
430
|
* @default 'react-aria-Input'
|
|
@@ -419,6 +452,16 @@ export interface ColorFieldRenderProps {
|
|
|
419
452
|
* @selector [data-invalid]
|
|
420
453
|
*/
|
|
421
454
|
isInvalid: boolean;
|
|
455
|
+
/**
|
|
456
|
+
* Whether the color field is read only.
|
|
457
|
+
* @selector [data-readonly]
|
|
458
|
+
*/
|
|
459
|
+
isReadOnly: boolean;
|
|
460
|
+
/**
|
|
461
|
+
* Whether the color field is required.
|
|
462
|
+
* @selector [data-required]
|
|
463
|
+
*/
|
|
464
|
+
isRequired: boolean;
|
|
422
465
|
/**
|
|
423
466
|
* The color channel that this field edits, or "hex" if no `channel` prop is set.
|
|
424
467
|
* @selector [data-channel="hex | hue | saturation | ..."]
|
|
@@ -486,7 +529,7 @@ export interface SliderRenderProps {
|
|
|
486
529
|
* A slider allows a user to select one or more values within a range.
|
|
487
530
|
*/
|
|
488
531
|
export const Slider: <T extends number | number[]>(props: SliderProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
489
|
-
export interface SliderOutputProps extends RenderProps<SliderRenderProps>, GlobalDOMAttributes<HTMLOutputElement> {
|
|
532
|
+
export interface SliderOutputProps extends RenderProps<SliderRenderProps, 'output'>, GlobalDOMAttributes<HTMLOutputElement> {
|
|
490
533
|
/**
|
|
491
534
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
492
535
|
* @default 'react-aria-SliderOutput'
|
|
@@ -632,7 +675,7 @@ export const ColorWheelTrackContext: React.Context<ContextValue<ColorWheelTrackC
|
|
|
632
675
|
* A color wheel track renders a circular gradient track.
|
|
633
676
|
*/
|
|
634
677
|
export const ColorWheelTrack: React.ForwardRefExoticComponent<ColorWheelTrackProps & React.RefAttributes<HTMLDivElement>>;
|
|
635
|
-
export interface HeadingProps extends HTMLAttributes<HTMLElement> {
|
|
678
|
+
export interface HeadingProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'h1', undefined> {
|
|
636
679
|
level?: number;
|
|
637
680
|
}
|
|
638
681
|
export const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -769,7 +812,7 @@ export interface CollectionRenderer {
|
|
|
769
812
|
}
|
|
770
813
|
export const DefaultCollectionRenderer: CollectionRenderer;
|
|
771
814
|
export const CollectionRendererContext: React.Context<CollectionRenderer>;
|
|
772
|
-
export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEvents, RenderProps<LinkRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLAnchorElement>, 'onClick'> {
|
|
815
|
+
export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEvents, Omit<RenderProps<LinkRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'span', LinkRenderProps>, SlotProps, _DOMProps1, Omit<GlobalDOMAttributes<HTMLAnchorElement>, 'onClick'> {
|
|
773
816
|
/**
|
|
774
817
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
775
818
|
* @default 'react-aria-Link'
|
|
@@ -814,7 +857,7 @@ export const LinkContext: React.Context<ContextValue<LinkProps, HTMLAnchorElemen
|
|
|
814
857
|
* or application.
|
|
815
858
|
*/
|
|
816
859
|
export const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
|
|
817
|
-
export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLOListElement> {
|
|
860
|
+
export interface BreadcrumbsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, AriaBreadcrumbsProps, StyleProps, SlotProps, AriaLabelingProps, DOMRenderProps<'ol', undefined>, GlobalDOMAttributes<HTMLOListElement> {
|
|
818
861
|
/**
|
|
819
862
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
820
863
|
* @default 'react-aria-Breadcrumbs'
|
|
@@ -842,7 +885,7 @@ export interface BreadcrumbRenderProps {
|
|
|
842
885
|
*/
|
|
843
886
|
isDisabled: boolean;
|
|
844
887
|
}
|
|
845
|
-
export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps>, AriaLabelingProps, GlobalDOMAttributes<HTMLLIElement> {
|
|
888
|
+
export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps, 'li'>, AriaLabelingProps, GlobalDOMAttributes<HTMLLIElement> {
|
|
846
889
|
/**
|
|
847
890
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
848
891
|
* @default 'react-aria-Breadcrumb'
|
|
@@ -916,7 +959,7 @@ export interface ButtonRenderProps {
|
|
|
916
959
|
*/
|
|
917
960
|
isPending: boolean;
|
|
918
961
|
}
|
|
919
|
-
export interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps>, Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {
|
|
962
|
+
export interface ButtonProps extends Omit<AriaButtonProps, 'children' | 'href' | 'target' | 'rel' | 'elementType'>, HoverEvents, SlotProps, RenderProps<ButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLButtonElement>, 'onClick'> {
|
|
920
963
|
/**
|
|
921
964
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
922
965
|
* @default 'react-aria-Button'
|
|
@@ -958,7 +1001,7 @@ export interface RangeCalendarRenderProps extends Omit<CalendarRenderProps, 'sta
|
|
|
958
1001
|
*/
|
|
959
1002
|
state: RangeCalendarState;
|
|
960
1003
|
}
|
|
961
|
-
export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1004
|
+
export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
962
1005
|
/**
|
|
963
1006
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
964
1007
|
* @default 'react-aria-Calendar'
|
|
@@ -976,7 +1019,7 @@ export interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarPro
|
|
|
976
1019
|
*/
|
|
977
1020
|
createCalendar?: (identifier: CalendarIdentifier) => _Calendar1;
|
|
978
1021
|
}
|
|
979
|
-
export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1022
|
+
export interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
980
1023
|
/**
|
|
981
1024
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
982
1025
|
* @default 'react-aria-RangeCalendar'
|
|
@@ -1086,7 +1129,7 @@ export interface CalendarCellRenderProps {
|
|
|
1086
1129
|
*/
|
|
1087
1130
|
isToday: boolean;
|
|
1088
1131
|
}
|
|
1089
|
-
export interface CalendarGridProps extends StyleProps, GlobalDOMAttributes<HTMLTableElement> {
|
|
1132
|
+
export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', undefined>, GlobalDOMAttributes<HTMLTableElement> {
|
|
1090
1133
|
/**
|
|
1091
1134
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1092
1135
|
* @default 'react-aria-CalendarGrid'
|
|
@@ -1116,7 +1159,7 @@ export interface CalendarGridProps extends StyleProps, GlobalDOMAttributes<HTMLT
|
|
|
1116
1159
|
* can be keyboard navigated and selected by the user.
|
|
1117
1160
|
*/
|
|
1118
1161
|
export const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement | null;
|
|
1119
|
-
export interface CalendarGridHeaderProps extends StyleProps, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
1162
|
+
export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'thead', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
1120
1163
|
/**
|
|
1121
1164
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1122
1165
|
* @default 'react-aria-CalendarGridHeader'
|
|
@@ -1129,7 +1172,7 @@ export interface CalendarGridHeaderProps extends StyleProps, GlobalDOMAttributes
|
|
|
1129
1172
|
* A calendar grid header displays a row of week day names at the top of a month.
|
|
1130
1173
|
*/
|
|
1131
1174
|
export const CalendarGridHeader: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
1132
|
-
export interface CalendarHeaderCellProps extends DOMProps, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
|
|
1175
|
+
export interface CalendarHeaderCellProps extends DOMProps, DOMRenderProps<'th', undefined>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
|
|
1133
1176
|
/**
|
|
1134
1177
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1135
1178
|
* @default 'react-aria-CalendarHeaderCell'
|
|
@@ -1140,7 +1183,7 @@ export interface CalendarHeaderCellProps extends DOMProps, GlobalDOMAttributes<H
|
|
|
1140
1183
|
* A calendar header cell displays a week day name at the top of a column within a calendar.
|
|
1141
1184
|
*/
|
|
1142
1185
|
export const CalendarHeaderCell: React.ForwardRefExoticComponent<CalendarHeaderCellProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
1143
|
-
export interface CalendarGridBodyProps extends StyleProps, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
1186
|
+
export interface CalendarGridBodyProps extends StyleProps, DOMRenderProps<'tbody', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
1144
1187
|
/**
|
|
1145
1188
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1146
1189
|
* @default 'react-aria-CalendarGridBody'
|
|
@@ -1153,7 +1196,7 @@ export interface CalendarGridBodyProps extends StyleProps, GlobalDOMAttributes<H
|
|
|
1153
1196
|
* A calendar grid body displays a grid of calendar cells within a month.
|
|
1154
1197
|
*/
|
|
1155
1198
|
export const CalendarGridBody: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
1156
|
-
export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps>, _HoverEvents1, GlobalDOMAttributes<HTMLTableCellElement> {
|
|
1199
|
+
export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps, 'div'>, _HoverEvents1, GlobalDOMAttributes<HTMLTableCellElement> {
|
|
1157
1200
|
/**
|
|
1158
1201
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
1159
1202
|
* @default 'react-aria-CalendarCell'
|
|
@@ -1268,8 +1311,10 @@ interface DropIndicatorContextValue {
|
|
|
1268
1311
|
* A DropIndicator is rendered between items in a collection to indicate where dropped data will be inserted.
|
|
1269
1312
|
*/
|
|
1270
1313
|
export const DropIndicator: React.ForwardRefExoticComponent<DropIndicatorProps & React.RefAttributes<HTMLElement>>;
|
|
1271
|
-
|
|
1272
|
-
|
|
1314
|
+
interface HeaderProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'header', undefined> {
|
|
1315
|
+
}
|
|
1316
|
+
export const HeaderContext: React.Context<ContextValue<HeaderProps, HTMLElement>>;
|
|
1317
|
+
export const Header: (props: HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
1273
1318
|
export interface SharedElementTransitionProps {
|
|
1274
1319
|
children: ReactNode;
|
|
1275
1320
|
}
|
|
@@ -1313,7 +1358,7 @@ export const SelectionIndicatorContext: React.Context<ContextValue<SelectionIndi
|
|
|
1313
1358
|
* An animated indicator of selection state within a group of items.
|
|
1314
1359
|
*/
|
|
1315
1360
|
export const SelectionIndicator: React.ForwardRefExoticComponent<SelectionIndicatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
1316
|
-
export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps, GlobalDOMAttributes<HTMLElement> {
|
|
1361
|
+
export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps, DOMRenderProps<'hr' | 'div', undefined>, GlobalDOMAttributes<HTMLElement> {
|
|
1317
1362
|
/**
|
|
1318
1363
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1319
1364
|
* @default 'react-aria-Separator'
|
|
@@ -1389,7 +1434,7 @@ export const ListStateContext: React.Context<ListState<any> | null>;
|
|
|
1389
1434
|
* A listbox displays a list of options and allows a user to select one or more of them.
|
|
1390
1435
|
*/
|
|
1391
1436
|
export const ListBox: <T extends object>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
1392
|
-
export interface ListBoxSectionProps<T> extends SectionProps<T> {
|
|
1437
|
+
export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<'section', undefined> {
|
|
1393
1438
|
/**
|
|
1394
1439
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1395
1440
|
* @default 'react-aria-ListBoxSection'
|
|
@@ -1402,7 +1447,7 @@ export interface ListBoxSectionProps<T> extends SectionProps<T> {
|
|
|
1402
1447
|
export const ListBoxSection: <T extends object>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
1403
1448
|
export interface ListBoxItemRenderProps extends ItemRenderProps {
|
|
1404
1449
|
}
|
|
1405
|
-
export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
1450
|
+
export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
1406
1451
|
/**
|
|
1407
1452
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
1408
1453
|
* @default 'react-aria-ListBoxItem'
|
|
@@ -1428,7 +1473,7 @@ export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRen
|
|
|
1428
1473
|
* A ListBoxItem represents an individual option in a ListBox.
|
|
1429
1474
|
*/
|
|
1430
1475
|
export const ListBoxItem: <T extends object>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
1431
|
-
export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
1476
|
+
export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
1432
1477
|
/**
|
|
1433
1478
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1434
1479
|
* @default 'react-aria-ListBoxLoadMoreItem'
|
|
@@ -1496,7 +1541,7 @@ export const ColorPickerStateContext: React.Context<ColorPickerState | null>;
|
|
|
1496
1541
|
* It simplifies building color pickers with customizable layouts via composition.
|
|
1497
1542
|
*/
|
|
1498
1543
|
export function ColorPicker(props: ColorPickerProps): JSX.Element;
|
|
1499
|
-
export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children'>, RenderProps<OverlayArrowRenderProps>, _DOMProps1 {
|
|
1544
|
+
export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'render' | 'children'>, RenderProps<OverlayArrowRenderProps>, _DOMProps1 {
|
|
1500
1545
|
/**
|
|
1501
1546
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
1502
1547
|
* @default 'react-aria-OverlayArrow'
|
|
@@ -1627,17 +1672,21 @@ export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, Collec
|
|
|
1627
1672
|
className?: ClassNameOrFunction<MenuRenderProps>;
|
|
1628
1673
|
/** Provides content to display when there are no items in the list. */
|
|
1629
1674
|
renderEmptyState?: () => ReactNode;
|
|
1675
|
+
/** Whether the menu should close when the menu item is selected. */
|
|
1676
|
+
shouldCloseOnSelect?: boolean;
|
|
1630
1677
|
}
|
|
1631
1678
|
/**
|
|
1632
1679
|
* A menu displays a list of actions or options that a user can choose.
|
|
1633
1680
|
*/
|
|
1634
1681
|
export const Menu: <T extends object>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1635
|
-
export interface MenuSectionProps<T> extends SectionProps<T>, MultipleSelection {
|
|
1682
|
+
export interface MenuSectionProps<T> extends SectionProps<T>, MultipleSelection, DOMRenderProps<'section', undefined> {
|
|
1636
1683
|
/**
|
|
1637
1684
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1638
1685
|
* @default 'react-aria-MenuSection'
|
|
1639
1686
|
*/
|
|
1640
1687
|
className?: string;
|
|
1688
|
+
/** Whether the menu should close when the menu item is selected. */
|
|
1689
|
+
shouldCloseOnSelect?: boolean;
|
|
1641
1690
|
}
|
|
1642
1691
|
/**
|
|
1643
1692
|
* A MenuSection represents a section within a Menu.
|
|
@@ -1657,7 +1706,7 @@ export interface MenuItemRenderProps extends ItemRenderProps {
|
|
|
1657
1706
|
*/
|
|
1658
1707
|
isOpen: boolean;
|
|
1659
1708
|
}
|
|
1660
|
-
export interface MenuItemProps<T = object> extends RenderProps<MenuItemRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
1709
|
+
export interface MenuItemProps<T = object> extends Omit<RenderProps<MenuItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', MenuItemRenderProps>, LinkDOMProps, _HoverEvents1, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
1661
1710
|
/**
|
|
1662
1711
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
1663
1712
|
* @default 'react-aria-MenuItem'
|
|
@@ -1675,6 +1724,8 @@ export interface MenuItemProps<T = object> extends RenderProps<MenuItemRenderPro
|
|
|
1675
1724
|
isDisabled?: boolean;
|
|
1676
1725
|
/** Handler that is called when the item is selected. */
|
|
1677
1726
|
onAction?: () => void;
|
|
1727
|
+
/** Whether the menu should close when the menu item is selected. */
|
|
1728
|
+
shouldCloseOnSelect?: boolean;
|
|
1678
1729
|
}
|
|
1679
1730
|
/**
|
|
1680
1731
|
* A MenuItem represents an individual action in a Menu.
|
|
@@ -1686,7 +1737,7 @@ export interface DialogTriggerProps extends OverlayTriggerProps {
|
|
|
1686
1737
|
export interface DialogRenderProps {
|
|
1687
1738
|
close: () => void;
|
|
1688
1739
|
}
|
|
1689
|
-
export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps, GlobalDOMAttributes<HTMLElement> {
|
|
1740
|
+
export interface DialogProps extends AriaDialogProps, StyleProps, SlotProps, DOMRenderProps<'section', undefined>, GlobalDOMAttributes<HTMLElement> {
|
|
1690
1741
|
/**
|
|
1691
1742
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
1692
1743
|
* @default 'react-aria-Dialog'
|
|
@@ -1880,7 +1931,7 @@ export interface DateSegmentRenderProps extends Omit<_DateSegment1, 'isEditable'
|
|
|
1880
1931
|
*/
|
|
1881
1932
|
type: DateSegmentType;
|
|
1882
1933
|
}
|
|
1883
|
-
export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps>, HoverEvents, GlobalDOMAttributes<HTMLSpanElement> {
|
|
1934
|
+
export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps, 'span'>, HoverEvents, GlobalDOMAttributes<HTMLSpanElement> {
|
|
1884
1935
|
/**
|
|
1885
1936
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
1886
1937
|
* @default 'react-aria-DateSegment'
|
|
@@ -2207,7 +2258,7 @@ export interface GridListItemProps<T = object> extends RenderProps<GridListItemR
|
|
|
2207
2258
|
* A GridListItem represents an individual item in a GridList.
|
|
2208
2259
|
*/
|
|
2209
2260
|
export const GridListItem: <T extends object>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2210
|
-
export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2261
|
+
export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
2211
2262
|
/**
|
|
2212
2263
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
2213
2264
|
* @default 'react-aria-GridListLoadMoreItem'
|
|
@@ -2223,7 +2274,7 @@ export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, '
|
|
|
2223
2274
|
isLoading?: boolean;
|
|
2224
2275
|
}
|
|
2225
2276
|
export const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2226
|
-
export interface GridListSectionProps<T> extends SectionProps<T> {
|
|
2277
|
+
export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {
|
|
2227
2278
|
/**
|
|
2228
2279
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
2229
2280
|
* @default 'react-aria-GridListSection'
|
|
@@ -2234,8 +2285,10 @@ export interface GridListSectionProps<T> extends SectionProps<T> {
|
|
|
2234
2285
|
* A GridListSection represents a section within a GridList.
|
|
2235
2286
|
*/
|
|
2236
2287
|
export const GridListSection: <T extends object>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2237
|
-
|
|
2238
|
-
|
|
2288
|
+
interface GridListHeaderProps extends DOMRenderProps<'div', undefined>, DOMProps, GlobalDOMAttributes<HTMLElement> {
|
|
2289
|
+
}
|
|
2290
|
+
export const GridListHeaderContext: React.Context<ContextValue<GridListHeaderProps, HTMLDivElement>>;
|
|
2291
|
+
export const GridListHeader: (props: GridListHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2239
2292
|
export interface MeterProps extends Omit<AriaMeterProps, 'label'>, RenderProps<MeterRenderProps>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2240
2293
|
/**
|
|
2241
2294
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
@@ -2346,7 +2399,7 @@ export interface RadioGroupProps extends Omit<AriaRadioGroupProps, 'children' |
|
|
|
2346
2399
|
*/
|
|
2347
2400
|
className?: ClassNameOrFunction<RadioGroupRenderProps>;
|
|
2348
2401
|
}
|
|
2349
|
-
export interface RadioProps extends Omit<AriaRadioProps, 'children'>, HoverEvents, RenderProps<RadioRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
2402
|
+
export interface RadioProps extends Omit<AriaRadioProps, 'children'>, HoverEvents, RenderProps<RadioRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
2350
2403
|
/**
|
|
2351
2404
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
2352
2405
|
* @default 'react-aria-Radio'
|
|
@@ -2558,7 +2611,7 @@ export interface SelectValueRenderProps<T> {
|
|
|
2558
2611
|
/** The state of the select. */
|
|
2559
2612
|
state: SelectState<T, 'single' | 'multiple'>;
|
|
2560
2613
|
}
|
|
2561
|
-
export interface SelectValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<SelectValueRenderProps<T
|
|
2614
|
+
export interface SelectValueProps<T extends object> extends Omit<HTMLAttributes<HTMLElement>, keyof RenderProps<unknown>>, RenderProps<SelectValueRenderProps<T>, 'span'> {
|
|
2562
2615
|
/**
|
|
2563
2616
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
2564
2617
|
* @default 'react-aria-SelectValue'
|
|
@@ -2571,7 +2624,7 @@ export const SelectValueContext: React.Context<ContextValue<SelectValueProps<any
|
|
|
2571
2624
|
* It is usually placed within the button element.
|
|
2572
2625
|
*/
|
|
2573
2626
|
export const SelectValue: <T extends object>(props: SelectValueProps<T> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement | null;
|
|
2574
|
-
export interface SwitchProps extends Omit<AriaSwitchProps, 'children'>, HoverEvents, RenderProps<SwitchRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
2627
|
+
export interface SwitchProps extends Omit<AriaSwitchProps, 'children'>, HoverEvents, RenderProps<SwitchRenderProps, 'label'>, SlotProps, Omit<GlobalDOMAttributes<HTMLLabelElement>, 'onClick'> {
|
|
2575
2628
|
/**
|
|
2576
2629
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
2577
2630
|
* @default 'react-aria-Switch'
|
|
@@ -2628,7 +2681,7 @@ export const SwitchContext: React.Context<ContextValue<SwitchProps, HTMLLabelEle
|
|
|
2628
2681
|
* A switch allows a user to turn a setting on or off.
|
|
2629
2682
|
*/
|
|
2630
2683
|
export const Switch: (props: SwitchProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
|
|
2631
|
-
export interface ResizableTableContainerProps extends DOMProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
2684
|
+
export interface ResizableTableContainerProps extends DOMProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
2632
2685
|
/**
|
|
2633
2686
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
2634
2687
|
* @default 'react-aria-ResizableTableContainer'
|
|
@@ -2675,7 +2728,7 @@ export interface TableRenderProps {
|
|
|
2675
2728
|
*/
|
|
2676
2729
|
state: TableState<unknown>;
|
|
2677
2730
|
}
|
|
2678
|
-
export interface TableProps extends Omit<_TableProps1<any>, 'children'>, StyleRenderProps<TableRenderProps>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLTableElement> {
|
|
2731
|
+
export interface TableProps extends Omit<_TableProps1<any>, 'children'>, StyleRenderProps<TableRenderProps, 'table' | 'div'>, SlotProps, AriaLabelingProps, GlobalDOMAttributes<HTMLTableElement> {
|
|
2679
2732
|
/**
|
|
2680
2733
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
2681
2734
|
* @default 'react-aria-Table'
|
|
@@ -2724,7 +2777,7 @@ interface TableHeaderRenderProps {
|
|
|
2724
2777
|
*/
|
|
2725
2778
|
isHovered: boolean;
|
|
2726
2779
|
}
|
|
2727
|
-
export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderProps>, _HoverEvents1, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
2780
|
+
export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderProps, 'thead' | 'div'>, _HoverEvents1, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
2728
2781
|
/**
|
|
2729
2782
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
2730
2783
|
* @default 'react-aria-TableHeader'
|
|
@@ -2786,7 +2839,7 @@ export interface ColumnRenderProps {
|
|
|
2786
2839
|
*/
|
|
2787
2840
|
startResize(): void;
|
|
2788
2841
|
}
|
|
2789
|
-
export interface ColumnProps extends RenderProps<ColumnRenderProps>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
|
|
2842
|
+
export interface ColumnProps extends RenderProps<ColumnRenderProps, 'th' | 'div'>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
|
|
2790
2843
|
/**
|
|
2791
2844
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
2792
2845
|
* @default 'react-aria-Column'
|
|
@@ -2862,7 +2915,7 @@ export interface TableBodyRenderProps {
|
|
|
2862
2915
|
*/
|
|
2863
2916
|
isDropTarget: boolean;
|
|
2864
2917
|
}
|
|
2865
|
-
export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps>, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
2918
|
+
export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TableBodyRenderProps, 'tbody' | 'div'>, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
2866
2919
|
/**
|
|
2867
2920
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
2868
2921
|
* @default 'react-aria-TableBody'
|
|
@@ -2881,7 +2934,7 @@ export interface RowRenderProps extends ItemRenderProps {
|
|
|
2881
2934
|
/** The unique id of the row. */
|
|
2882
2935
|
id?: Key;
|
|
2883
2936
|
}
|
|
2884
|
-
export interface RowProps<T> extends StyleRenderProps<RowRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLTableRowElement>, 'onClick'> {
|
|
2937
|
+
export interface RowProps<T> extends StyleRenderProps<RowRenderProps, 'tr' | 'div'>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLTableRowElement>, 'onClick'> {
|
|
2885
2938
|
/**
|
|
2886
2939
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
2887
2940
|
* @default 'react-aria-Row'
|
|
@@ -2941,8 +2994,12 @@ export interface CellRenderProps {
|
|
|
2941
2994
|
* The unique id of the cell.
|
|
2942
2995
|
**/
|
|
2943
2996
|
id?: Key;
|
|
2997
|
+
/**
|
|
2998
|
+
* The index of the column that this cell belongs to. Respects col spanning.
|
|
2999
|
+
*/
|
|
3000
|
+
columnIndex?: number | null;
|
|
2944
3001
|
}
|
|
2945
|
-
export interface CellProps extends RenderProps<CellRenderProps>, GlobalDOMAttributes<HTMLTableCellElement> {
|
|
3002
|
+
export interface CellProps extends RenderProps<CellRenderProps, 'td' | 'div'>, GlobalDOMAttributes<HTMLTableCellElement> {
|
|
2946
3003
|
/**
|
|
2947
3004
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
2948
3005
|
* @default 'react-aria-Cell'
|
|
@@ -2959,7 +3016,7 @@ export interface CellProps extends RenderProps<CellRenderProps>, GlobalDOMAttrib
|
|
|
2959
3016
|
* A cell within a table row.
|
|
2960
3017
|
*/
|
|
2961
3018
|
export const Cell: (props: CellProps & React.RefAttributes<HTMLDivElement | HTMLTableCellElement>) => ReactElement | null;
|
|
2962
|
-
export interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, GlobalDOMAttributes<HTMLTableRowElement> {
|
|
3019
|
+
export interface TableLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'tr' | 'div', undefined>, GlobalDOMAttributes<HTMLTableRowElement> {
|
|
2963
3020
|
/**
|
|
2964
3021
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
2965
3022
|
* @default 'react-aria-TableLoadMoreItem'
|
|
@@ -3032,7 +3089,7 @@ export interface TabListRenderProps {
|
|
|
3032
3089
|
*/
|
|
3033
3090
|
state: TabListState<unknown>;
|
|
3034
3091
|
}
|
|
3035
|
-
export interface TabProps extends RenderProps<TabRenderProps>, AriaLabelingProps, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3092
|
+
export interface TabProps extends Omit<RenderProps<TabRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', TabRenderProps>, AriaLabelingProps, LinkDOMProps, _HoverEvents1, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3036
3093
|
/**
|
|
3037
3094
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
3038
3095
|
* @default 'react-aria-Tab'
|
|
@@ -3135,7 +3192,7 @@ export const TabList: <T extends object>(props: TabListProps<T> & React.RefAttri
|
|
|
3135
3192
|
* A Tab provides a title for an individual item within a TabList.
|
|
3136
3193
|
*/
|
|
3137
3194
|
export const Tab: (props: TabProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3138
|
-
export interface TabPanelsProps<T> extends CollectionProps<T>, StyleProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
3195
|
+
export interface TabPanelsProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3139
3196
|
/**
|
|
3140
3197
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
3141
3198
|
* @default 'react-aria-TabPanels'
|
|
@@ -3150,7 +3207,7 @@ export const TabPanels: <T extends object>(props: TabPanelsProps<T> & React.RefA
|
|
|
3150
3207
|
* A TabPanel provides the content for a tab.
|
|
3151
3208
|
*/
|
|
3152
3209
|
export const TabPanel: (props: TabPanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3153
|
-
export interface TagGroupProps extends Omit<AriaTagGroupProps<unknown>, 'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'>, DOMProps, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
3210
|
+
export interface TagGroupProps extends Omit<AriaTagGroupProps<unknown>, 'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'>, DOMProps, SlotProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3154
3211
|
/**
|
|
3155
3212
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.
|
|
3156
3213
|
* @default 'react-aria-TagGroup'
|
|
@@ -3178,7 +3235,7 @@ export interface TagListRenderProps {
|
|
|
3178
3235
|
*/
|
|
3179
3236
|
state: ListState<unknown>;
|
|
3180
3237
|
}
|
|
3181
|
-
export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TagListRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3238
|
+
export interface TagListProps<T> extends Omit<CollectionProps<T>, 'disabledKeys'>, StyleRenderProps<TagListRenderProps, 'div'>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3182
3239
|
/**
|
|
3183
3240
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
3184
3241
|
* @default 'react-aria-TagList'
|
|
@@ -3204,7 +3261,7 @@ export interface TagRenderProps extends Omit<ItemRenderProps, 'allowsDragging' |
|
|
|
3204
3261
|
*/
|
|
3205
3262
|
allowsRemoving: boolean;
|
|
3206
3263
|
}
|
|
3207
|
-
export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _HoverEvents1, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3264
|
+
export interface TagProps extends RenderProps<TagRenderProps, 'div'>, LinkDOMProps, _HoverEvents1, FocusEvents, PressEvents, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3208
3265
|
/**
|
|
3209
3266
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
3210
3267
|
* @default 'react-aria-Tag'
|
|
@@ -3224,7 +3281,7 @@ export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _Ho
|
|
|
3224
3281
|
* A Tag is an individual item within a TagList.
|
|
3225
3282
|
*/
|
|
3226
3283
|
export const Tag: (props: TagProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
3227
|
-
export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps> {
|
|
3284
|
+
export interface TextAreaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'style'>, HoverEvents, StyleRenderProps<InputRenderProps, 'textarea'> {
|
|
3228
3285
|
/**
|
|
3229
3286
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
3230
3287
|
* @default 'react-aria-TextArea'
|
|
@@ -3258,7 +3315,7 @@ export interface TextFieldRenderProps {
|
|
|
3258
3315
|
*/
|
|
3259
3316
|
isRequired: boolean;
|
|
3260
3317
|
}
|
|
3261
|
-
export interface TextFieldProps extends Omit<_AriaTextFieldProps1, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, Omit<DOMProps, 'style' | 'className' | 'children'>, SlotProps, RenderProps<TextFieldRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3318
|
+
export interface TextFieldProps extends Omit<_AriaTextFieldProps1, 'label' | 'placeholder' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, Omit<DOMProps, 'style' | 'className' | 'render' | 'children'>, SlotProps, RenderProps<TextFieldRenderProps>, GlobalDOMAttributes<HTMLDivElement> {
|
|
3262
3319
|
/**
|
|
3263
3320
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
3264
3321
|
* @default 'react-aria-TextField'
|
|
@@ -3309,7 +3366,7 @@ export interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderPr
|
|
|
3309
3366
|
* A ToastRegion displays one or more toast notifications.
|
|
3310
3367
|
*/
|
|
3311
3368
|
export const UNSTABLE_ToastRegion: <T>(props: ToastRegionProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
3312
|
-
export interface ToastListProps<T> extends Omit<ToastRegionProps<T>, 'queue' | 'children'
|
|
3369
|
+
export interface ToastListProps<T> extends Omit<ToastRegionProps<T>, 'queue' | 'children' | 'render'>, DOMRenderProps<'ol', ToastRegionRenderProps<T>> {
|
|
3313
3370
|
/** A function to render each toast. */
|
|
3314
3371
|
children: (renderProps: {
|
|
3315
3372
|
toast: QueuedToast<T>;
|
|
@@ -3343,10 +3400,12 @@ export interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRende
|
|
|
3343
3400
|
* A Toast displays a brief, temporary notification of actions, errors, or other events in an application.
|
|
3344
3401
|
*/
|
|
3345
3402
|
export const UNSTABLE_Toast: <T>(props: ToastProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
3403
|
+
interface ToastContentProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'div', undefined> {
|
|
3404
|
+
}
|
|
3346
3405
|
/**
|
|
3347
3406
|
* ToastContent wraps the main content of a toast notification.
|
|
3348
3407
|
*/
|
|
3349
|
-
export const UNSTABLE_ToastContent: React.ForwardRefExoticComponent<
|
|
3408
|
+
export const UNSTABLE_ToastContent: React.ForwardRefExoticComponent<ToastContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
3350
3409
|
export interface ToggleButtonGroupRenderProps {
|
|
3351
3410
|
/**
|
|
3352
3411
|
* The orientation of the toggle button group.
|
|
@@ -3387,7 +3446,7 @@ export interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPend
|
|
|
3387
3446
|
*/
|
|
3388
3447
|
state: ToggleState;
|
|
3389
3448
|
}
|
|
3390
|
-
export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3449
|
+
export interface ToggleButtonProps extends Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>, HoverEvents, SlotProps, RenderProps<ToggleButtonRenderProps, 'button'>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
3391
3450
|
/**
|
|
3392
3451
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.
|
|
3393
3452
|
* @default 'react-aria-ToggleButton'
|