@depup/react-aria-components 1.19.0-depup.27 → 1.21.0-depup.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/NavigationTree/package.json +5 -0
- package/PreviewTrigger/package.json +5 -0
- package/README.md +2 -2
- package/TokenField/package.json +5 -0
- package/changes.json +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/Menu.cjs +1 -0
- package/dist/exports/Menu.cjs.map +1 -1
- package/dist/exports/Menu.js +2 -2
- package/dist/exports/Menu.js.map +1 -1
- package/dist/exports/Menu.mjs +2 -2
- package/dist/exports/Menu.mjs.map +1 -1
- package/dist/exports/NavigationTree.cjs +37 -0
- package/dist/exports/NavigationTree.cjs.map +1 -0
- package/dist/exports/NavigationTree.js +25 -0
- package/dist/exports/NavigationTree.js.map +1 -0
- package/dist/exports/NavigationTree.mjs +25 -0
- package/dist/exports/NavigationTree.mjs.map +1 -0
- package/dist/exports/PreviewTrigger.cjs +26 -0
- package/dist/exports/PreviewTrigger.cjs.map +1 -0
- package/dist/exports/PreviewTrigger.js +21 -0
- package/dist/exports/PreviewTrigger.js.map +1 -0
- package/dist/exports/PreviewTrigger.mjs +21 -0
- package/dist/exports/PreviewTrigger.mjs.map +1 -0
- package/dist/exports/TokenField.cjs +31 -0
- package/dist/exports/TokenField.cjs.map +1 -0
- package/dist/exports/TokenField.js +21 -0
- package/dist/exports/TokenField.js.map +1 -0
- package/dist/exports/TokenField.mjs +21 -0
- package/dist/exports/TokenField.mjs.map +1 -0
- 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/index.cjs +25 -0
- package/dist/exports/index.cjs.map +1 -1
- package/dist/exports/index.js +12 -2
- package/dist/exports/index.js.map +1 -1
- package/dist/exports/index.mjs +12 -2
- package/dist/exports/index.mjs.map +1 -1
- package/dist/private/Checkbox.cjs.map +1 -1
- package/dist/private/Checkbox.js.map +1 -1
- package/dist/private/Checkbox.mjs.map +1 -1
- package/dist/private/ComboBox.cjs +21 -2
- package/dist/private/ComboBox.cjs.map +1 -1
- package/dist/private/ComboBox.js +21 -2
- package/dist/private/ComboBox.js.map +1 -1
- package/dist/private/ComboBox.mjs +21 -2
- package/dist/private/ComboBox.mjs.map +1 -1
- package/dist/private/Dialog.cjs +21 -1
- package/dist/private/Dialog.cjs.map +1 -1
- package/dist/private/Dialog.js +21 -1
- package/dist/private/Dialog.js.map +1 -1
- package/dist/private/Dialog.mjs +21 -1
- package/dist/private/Dialog.mjs.map +1 -1
- package/dist/private/DragAndDrop.cjs +1 -0
- package/dist/private/DragAndDrop.cjs.map +1 -1
- package/dist/private/DragAndDrop.js +1 -0
- package/dist/private/DragAndDrop.js.map +1 -1
- package/dist/private/DragAndDrop.mjs +1 -0
- package/dist/private/DragAndDrop.mjs.map +1 -1
- package/dist/private/DropZone.cjs +5 -2
- package/dist/private/DropZone.cjs.map +1 -1
- package/dist/private/DropZone.js +5 -3
- package/dist/private/DropZone.js.map +1 -1
- package/dist/private/DropZone.mjs +5 -2
- package/dist/private/DropZone.mjs.map +1 -1
- package/dist/private/FileTrigger.cjs +1 -0
- package/dist/private/FileTrigger.cjs.map +1 -1
- package/dist/private/FileTrigger.js +1 -0
- package/dist/private/FileTrigger.js.map +1 -1
- package/dist/private/FileTrigger.mjs +1 -0
- package/dist/private/FileTrigger.mjs.map +1 -1
- package/dist/private/GridLayout.cjs +3 -1
- package/dist/private/GridLayout.cjs.map +1 -1
- package/dist/private/GridLayout.js +3 -1
- package/dist/private/GridLayout.js.map +1 -1
- package/dist/private/GridLayout.mjs +3 -1
- package/dist/private/GridLayout.mjs.map +1 -1
- package/dist/private/GridList.cjs +12 -1
- package/dist/private/GridList.cjs.map +1 -1
- package/dist/private/GridList.js +12 -1
- package/dist/private/GridList.js.map +1 -1
- package/dist/private/GridList.mjs +12 -1
- package/dist/private/GridList.mjs.map +1 -1
- package/dist/private/ListBox.cjs +9 -1
- package/dist/private/ListBox.cjs.map +1 -1
- package/dist/private/ListBox.js +9 -1
- package/dist/private/ListBox.js.map +1 -1
- package/dist/private/ListBox.mjs +9 -1
- package/dist/private/ListBox.mjs.map +1 -1
- package/dist/private/Menu.cjs +59 -2
- package/dist/private/Menu.cjs.map +1 -1
- package/dist/private/Menu.js +60 -4
- package/dist/private/Menu.js.map +1 -1
- package/dist/private/Menu.mjs +60 -4
- package/dist/private/Menu.mjs.map +1 -1
- package/dist/private/Meter.cjs +2 -1
- package/dist/private/Meter.cjs.map +1 -1
- package/dist/private/Meter.js +2 -1
- package/dist/private/Meter.js.map +1 -1
- package/dist/private/Meter.mjs +2 -1
- package/dist/private/Meter.mjs.map +1 -1
- package/dist/private/Modal.cjs +2 -0
- package/dist/private/Modal.cjs.map +1 -1
- package/dist/private/Modal.js +2 -0
- package/dist/private/Modal.js.map +1 -1
- package/dist/private/Modal.mjs +2 -0
- package/dist/private/Modal.mjs.map +1 -1
- package/dist/private/NavigationTree.cjs +272 -0
- package/dist/private/NavigationTree.cjs.map +1 -0
- package/dist/private/NavigationTree.js +258 -0
- package/dist/private/NavigationTree.js.map +1 -0
- package/dist/private/NavigationTree.mjs +257 -0
- package/dist/private/NavigationTree.mjs.map +1 -0
- package/dist/private/Popover.cjs +34 -9
- package/dist/private/Popover.cjs.map +1 -1
- package/dist/private/Popover.js +34 -9
- package/dist/private/Popover.js.map +1 -1
- package/dist/private/Popover.mjs +34 -9
- package/dist/private/Popover.mjs.map +1 -1
- package/dist/private/PreviewTrigger.cjs +88 -0
- package/dist/private/PreviewTrigger.cjs.map +1 -0
- package/dist/private/PreviewTrigger.js +80 -0
- package/dist/private/PreviewTrigger.js.map +1 -0
- package/dist/private/PreviewTrigger.mjs +79 -0
- package/dist/private/PreviewTrigger.mjs.map +1 -0
- package/dist/private/ProgressBar.cjs +6 -1
- package/dist/private/ProgressBar.cjs.map +1 -1
- package/dist/private/ProgressBar.js +6 -1
- package/dist/private/ProgressBar.js.map +1 -1
- package/dist/private/ProgressBar.mjs +6 -1
- package/dist/private/ProgressBar.mjs.map +1 -1
- package/dist/private/RadioGroup.cjs.map +1 -1
- package/dist/private/RadioGroup.js.map +1 -1
- package/dist/private/RadioGroup.mjs.map +1 -1
- package/dist/private/Select.cjs.map +1 -1
- package/dist/private/Select.js.map +1 -1
- package/dist/private/Select.mjs.map +1 -1
- package/dist/private/Switch.cjs +8 -2
- package/dist/private/Switch.cjs.map +1 -1
- package/dist/private/Switch.js +9 -3
- package/dist/private/Switch.js.map +1 -1
- package/dist/private/Switch.mjs +9 -3
- package/dist/private/Switch.mjs.map +1 -1
- package/dist/private/Table.cjs +26 -14
- package/dist/private/Table.cjs.map +1 -1
- package/dist/private/Table.js +26 -14
- package/dist/private/Table.js.map +1 -1
- package/dist/private/Table.mjs +26 -14
- package/dist/private/Table.mjs.map +1 -1
- package/dist/private/TableLayout.cjs +3 -1
- package/dist/private/TableLayout.cjs.map +1 -1
- package/dist/private/TableLayout.js +3 -1
- package/dist/private/TableLayout.js.map +1 -1
- package/dist/private/TableLayout.mjs +3 -1
- package/dist/private/TableLayout.mjs.map +1 -1
- package/dist/private/TagGroup.cjs +1 -0
- package/dist/private/TagGroup.cjs.map +1 -1
- package/dist/private/TagGroup.js +1 -0
- package/dist/private/TagGroup.js.map +1 -1
- package/dist/private/TagGroup.mjs +1 -0
- package/dist/private/TagGroup.mjs.map +1 -1
- package/dist/private/Text.cjs +3 -1
- package/dist/private/Text.cjs.map +1 -1
- package/dist/private/Text.js +4 -2
- package/dist/private/Text.js.map +1 -1
- package/dist/private/Text.mjs +4 -2
- package/dist/private/Text.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/TokenField.cjs +235 -0
- package/dist/private/TokenField.cjs.map +1 -0
- package/dist/private/TokenField.js +225 -0
- package/dist/private/TokenField.js.map +1 -0
- package/dist/private/TokenField.mjs +223 -0
- package/dist/private/TokenField.mjs.map +1 -0
- package/dist/private/Tooltip.cjs +10 -2
- package/dist/private/Tooltip.cjs.map +1 -1
- package/dist/private/Tooltip.js +10 -2
- package/dist/private/Tooltip.js.map +1 -1
- package/dist/private/Tooltip.mjs +10 -2
- package/dist/private/Tooltip.mjs.map +1 -1
- package/dist/private/Tree.cjs +11 -1
- package/dist/private/Tree.cjs.map +1 -1
- package/dist/private/Tree.js +11 -1
- package/dist/private/Tree.js.map +1 -1
- package/dist/private/Tree.mjs +11 -1
- package/dist/private/Tree.mjs.map +1 -1
- package/dist/private/TreeDropTargetDelegate.cjs +11 -6
- package/dist/private/TreeDropTargetDelegate.cjs.map +1 -1
- package/dist/private/TreeDropTargetDelegate.js +11 -6
- package/dist/private/TreeDropTargetDelegate.js.map +1 -1
- package/dist/private/TreeDropTargetDelegate.mjs +11 -6
- package/dist/private/TreeDropTargetDelegate.mjs.map +1 -1
- package/dist/private/Virtualizer.cjs +18 -16
- package/dist/private/Virtualizer.cjs.map +1 -1
- package/dist/private/Virtualizer.js +18 -16
- package/dist/private/Virtualizer.js.map +1 -1
- package/dist/private/Virtualizer.mjs +18 -16
- package/dist/private/Virtualizer.mjs.map +1 -1
- package/dist/private/useDragAndDrop.cjs +7 -0
- package/dist/private/useDragAndDrop.cjs.map +1 -1
- package/dist/private/useDragAndDrop.js +7 -0
- package/dist/private/useDragAndDrop.js.map +1 -1
- package/dist/private/useDragAndDrop.mjs +7 -0
- 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/GridList.d.ts +1 -1
- package/dist/types/exports/Menu.d.ts +2 -2
- package/dist/types/exports/NavigationTree.d.ts +8 -0
- package/dist/types/exports/PreviewTrigger.d.ts +3 -0
- package/dist/types/exports/TokenField.d.ts +5 -0
- package/dist/types/exports/Tree.d.ts +1 -1
- package/dist/types/exports/index.d.ts +14 -5
- package/dist/types/src/Breadcrumbs.d.ts +2 -2
- package/dist/types/src/Button.d.ts +1 -1
- package/dist/types/src/Calendar.d.ts +6 -6
- package/dist/types/src/Checkbox.d.ts +8 -8
- package/dist/types/src/Collection.d.ts +1 -1
- package/dist/types/src/ComboBox.d.ts +6 -3
- package/dist/types/src/DateField.d.ts +4 -4
- package/dist/types/src/DatePicker.d.ts +2 -2
- package/dist/types/src/Dialog.d.ts +2 -2
- package/dist/types/src/Disclosure.d.ts +2 -2
- package/dist/types/src/GridList.d.ts +18 -7
- package/dist/types/src/Group.d.ts +1 -1
- package/dist/types/src/Header.d.ts +1 -1
- package/dist/types/src/Input.d.ts +1 -1
- package/dist/types/src/Label.d.ts +1 -1
- package/dist/types/src/Link.d.ts +1 -1
- package/dist/types/src/ListBox.d.ts +6 -6
- package/dist/types/src/Menu.d.ts +25 -6
- package/dist/types/src/Meter.d.ts +1 -1
- package/dist/types/src/Modal.d.ts +2 -2
- package/dist/types/src/NavigationTree.d.ts +80 -0
- package/dist/types/src/NumberField.d.ts +1 -1
- package/dist/types/src/OverlayArrow.d.ts +1 -1
- package/dist/types/src/Popover.d.ts +8 -1
- package/dist/types/src/PreviewTrigger.d.ts +23 -0
- package/dist/types/src/RadioGroup.d.ts +8 -8
- package/dist/types/src/SearchField.d.ts +1 -1
- package/dist/types/src/Select.d.ts +3 -3
- package/dist/types/src/Separator.d.ts +1 -1
- package/dist/types/src/Slider.d.ts +5 -5
- package/dist/types/src/Switch.d.ts +7 -7
- package/dist/types/src/Table.d.ts +32 -8
- package/dist/types/src/Tabs.d.ts +5 -5
- package/dist/types/src/TagGroup.d.ts +3 -3
- package/dist/types/src/Text.d.ts +1 -1
- package/dist/types/src/TextField.d.ts +1 -1
- package/dist/types/src/Toast.d.ts +3 -3
- package/dist/types/src/ToggleButton.d.ts +1 -1
- package/dist/types/src/ToggleButtonGroup.d.ts +1 -1
- package/dist/types/src/TokenField.d.ts +111 -0
- package/dist/types/src/Toolbar.d.ts +1 -1
- package/dist/types/src/Tooltip.d.ts +1 -1
- package/dist/types/src/Tree.d.ts +12 -10
- package/dist/types/src/Virtualizer.d.ts +4 -0
- package/dist/types/src/utils.d.ts +19 -5
- package/i18n/ar-AE.js +1 -1
- package/i18n/ar-AE.mjs +1 -1
- package/i18n/bg-BG.js +1 -1
- package/i18n/bg-BG.mjs +1 -1
- package/i18n/cs-CZ.js +1 -1
- package/i18n/cs-CZ.mjs +1 -1
- package/i18n/da-DK.js +1 -1
- package/i18n/da-DK.mjs +1 -1
- package/i18n/de-DE.js +1 -1
- package/i18n/de-DE.mjs +1 -1
- package/i18n/el-GR.js +1 -1
- package/i18n/el-GR.mjs +1 -1
- package/i18n/en-US.js +1 -1
- package/i18n/en-US.mjs +1 -1
- package/i18n/es-ES.js +1 -1
- package/i18n/es-ES.mjs +1 -1
- package/i18n/et-EE.js +1 -1
- package/i18n/et-EE.mjs +1 -1
- package/i18n/fi-FI.js +1 -1
- package/i18n/fi-FI.mjs +1 -1
- package/i18n/fr-FR.js +1 -1
- package/i18n/fr-FR.mjs +1 -1
- package/i18n/he-IL.js +1 -1
- package/i18n/he-IL.mjs +1 -1
- package/i18n/hr-HR.js +1 -1
- package/i18n/hr-HR.mjs +1 -1
- package/i18n/hu-HU.js +1 -1
- package/i18n/hu-HU.mjs +1 -1
- package/i18n/it-IT.js +1 -1
- package/i18n/it-IT.mjs +1 -1
- package/i18n/ja-JP.js +1 -1
- package/i18n/ja-JP.mjs +1 -1
- package/i18n/ko-KR.js +1 -1
- package/i18n/ko-KR.mjs +1 -1
- package/i18n/lt-LT.js +1 -1
- package/i18n/lt-LT.mjs +1 -1
- package/i18n/lv-LV.js +1 -1
- package/i18n/lv-LV.mjs +1 -1
- package/i18n/nb-NO.js +1 -1
- package/i18n/nb-NO.mjs +1 -1
- package/i18n/nl-NL.js +1 -1
- package/i18n/nl-NL.mjs +1 -1
- package/i18n/pl-PL.js +1 -1
- package/i18n/pl-PL.mjs +1 -1
- package/i18n/pt-BR.js +1 -1
- package/i18n/pt-BR.mjs +1 -1
- package/i18n/pt-PT.js +1 -1
- package/i18n/pt-PT.mjs +1 -1
- package/i18n/ro-RO.js +1 -1
- package/i18n/ro-RO.mjs +1 -1
- package/i18n/ru-RU.js +1 -1
- package/i18n/ru-RU.mjs +1 -1
- package/i18n/sk-SK.js +1 -1
- package/i18n/sk-SK.mjs +1 -1
- package/i18n/sl-SI.js +1 -1
- package/i18n/sl-SI.mjs +1 -1
- package/i18n/sr-SP.js +1 -1
- package/i18n/sr-SP.mjs +1 -1
- package/i18n/sv-SE.js +1 -1
- package/i18n/sv-SE.mjs +1 -1
- package/i18n/tr-TR.js +1 -1
- package/i18n/tr-TR.mjs +1 -1
- package/i18n/uk-UA.js +1 -1
- package/i18n/uk-UA.mjs +1 -1
- package/i18n/zh-CN.js +1 -1
- package/i18n/zh-CN.mjs +1 -1
- package/i18n/zh-TW.js +1 -1
- package/i18n/zh-TW.mjs +1 -1
- package/package.json +33 -31
|
@@ -33,8 +33,9 @@ export { createLeafComponent, createBranchComponent, CollectionBuilder } from 'r
|
|
|
33
33
|
export { Keyboard, KeyboardContext } from '../src/Keyboard';
|
|
34
34
|
export { Label, LabelContext } from '../src/Label';
|
|
35
35
|
export { Link, LinkContext } from '../src/Link';
|
|
36
|
+
export { PreviewTrigger } from '../src/PreviewTrigger';
|
|
36
37
|
export { ListBoxLoadMoreItem, ListBox, ListBoxItem, ListBoxSection, ListBoxContext, ListStateContext } from '../src/ListBox';
|
|
37
|
-
export { Menu, MenuItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger } from '../src/Menu';
|
|
38
|
+
export { Menu, MenuItem, MenuLoadMoreItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger } from '../src/Menu';
|
|
38
39
|
export { Meter, MeterContext } from '../src/Meter';
|
|
39
40
|
export { Modal, ModalOverlay, ModalContext } from '../src/Modal';
|
|
40
41
|
export { NumberField, NumberFieldContext, NumberFieldStateContext } from '../src/NumberField';
|
|
@@ -56,11 +57,14 @@ export { TagGroup, TagGroupContext, TagList, TagListContext, Tag } from '../src/
|
|
|
56
57
|
export { Text, TextContext } from '../src/Text';
|
|
57
58
|
export { TextArea, TextAreaContext } from '../src/TextArea';
|
|
58
59
|
export { TextField, TextFieldContext } from '../src/TextField';
|
|
60
|
+
export { TokenField, TokenInput, Token, TokenFieldContext } from '../src/TokenField';
|
|
61
|
+
export { TokenFieldValue } from 'react-stately/useTokenFieldState';
|
|
59
62
|
export { UNSTABLE_Toast, UNSTABLE_ToastList, UNSTABLE_ToastRegion, UNSTABLE_ToastContent, UNSTABLE_ToastStateContext } from '../src/Toast';
|
|
60
63
|
export { ToggleButton, ToggleButtonContext } from '../src/ToggleButton';
|
|
61
64
|
export { ToggleButtonGroup, ToggleButtonGroupContext, ToggleGroupStateContext } from '../src/ToggleButtonGroup';
|
|
62
65
|
export { Toolbar, ToolbarContext } from '../src/Toolbar';
|
|
63
66
|
export { TooltipTrigger, Tooltip, TooltipTriggerStateContext, TooltipContext } from '../src/Tooltip';
|
|
67
|
+
export { NavigationTree, NavigationTreeItem, NavigationTreeItemContent, NavigationTreeSection, NavigationTreeHeader, NavigationTreeContext, NavigationTreeItemStateContext } from '../src/NavigationTree';
|
|
64
68
|
export { TreeLoadMoreItem, Tree, TreeItem, TreeContext, TreeItemContent, TreeHeader, TreeSection, TreeStateContext } from '../src/Tree';
|
|
65
69
|
export { useDrag } from 'react-aria/useDrag';
|
|
66
70
|
export { useDrop, DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem } from 'react-aria/useDrop';
|
|
@@ -75,6 +79,7 @@ export { Focusable } from 'react-aria/Focusable';
|
|
|
75
79
|
export { VisuallyHidden } from 'react-aria/VisuallyHidden';
|
|
76
80
|
export { FormValidationContext } from 'react-stately/private/form/useFormValidationState';
|
|
77
81
|
export { parseColor, getColorChannels } from 'react-stately/Color';
|
|
82
|
+
export { setInteractionModality } from 'react-aria/useFocusVisible';
|
|
78
83
|
export { ToastQueue as UNSTABLE_ToastQueue } from 'react-stately/useToastState';
|
|
79
84
|
export { useListData } from 'react-stately/useListData';
|
|
80
85
|
export { useTreeData } from 'react-stately/useTreeData';
|
|
@@ -108,7 +113,7 @@ export type { DropZoneProps, DropZoneRenderProps } from '../src/DropZone';
|
|
|
108
113
|
export type { FieldErrorProps, FieldErrorRenderProps } from '../src/FieldError';
|
|
109
114
|
export type { FileTriggerProps } from '../src/FileTrigger';
|
|
110
115
|
export type { FormProps } from '../src/Form';
|
|
111
|
-
export type { GridListProps, GridListRenderProps, GridListItemProps, GridListItemRenderProps, GridListLoadMoreItemProps, GridListSectionProps } from '../src/GridList';
|
|
116
|
+
export type { GridListHeaderProps, GridListProps, GridListRenderProps, GridListItemProps, GridListItemRenderProps, GridListLoadMoreItemProps, GridListSectionProps } from '../src/GridList';
|
|
112
117
|
export type { GroupProps, GroupRenderProps } from '../src/Group';
|
|
113
118
|
export type { HeaderProps } from '../src/Header';
|
|
114
119
|
export type { HeadingProps } from '../src/Heading';
|
|
@@ -116,8 +121,9 @@ export type { InputProps, InputRenderProps } from '../src/Input';
|
|
|
116
121
|
export type { SectionProps, CollectionRenderer } from '../src/Collection';
|
|
117
122
|
export type { LabelProps } from '../src/Label';
|
|
118
123
|
export type { LinkProps, LinkRenderProps } from '../src/Link';
|
|
124
|
+
export type { PreviewTriggerProps } from '../src/PreviewTrigger';
|
|
119
125
|
export type { ListBoxProps, ListBoxRenderProps, ListBoxItemProps, ListBoxItemRenderProps, ListBoxSectionProps, ListBoxLoadMoreItemProps } from '../src/ListBox';
|
|
120
|
-
export type { MenuProps, MenuItemProps, MenuItemRenderProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps } from '../src/Menu';
|
|
126
|
+
export type { MenuProps, MenuItemProps, MenuItemRenderProps, MenuLoadMoreItemProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps } from '../src/Menu';
|
|
121
127
|
export type { MeterProps, MeterRenderProps } from '../src/Meter';
|
|
122
128
|
export type { ModalOverlayProps, ModalRenderProps } from '../src/Modal';
|
|
123
129
|
export type { NumberFieldProps, NumberFieldRenderProps } from '../src/NumberField';
|
|
@@ -137,21 +143,23 @@ export type { TabListProps, TabListRenderProps, TabPanelsProps, TabPanelProps, T
|
|
|
137
143
|
export type { TagGroupProps, TagListProps, TagListRenderProps, TagProps, TagRenderProps } from '../src/TagGroup';
|
|
138
144
|
export type { TextAreaProps } from '../src/TextArea';
|
|
139
145
|
export type { TextFieldProps, TextFieldRenderProps } from '../src/TextField';
|
|
146
|
+
export type { TokenFieldProps, TokenFieldRenderProps, TokenInputProps, TokenInputRenderProps, TokenProps, TokenRenderProps } from '../src/TokenField';
|
|
140
147
|
export type { TextProps } from '../src/Text';
|
|
141
148
|
export type { ToastRegionProps, ToastListProps, ToastRegionRenderProps, ToastProps, ToastRenderProps } from '../src/Toast';
|
|
142
149
|
export type { ToggleButtonProps, ToggleButtonRenderProps } from '../src/ToggleButton';
|
|
143
150
|
export type { ToggleButtonGroupProps, ToggleButtonGroupRenderProps } from '../src/ToggleButtonGroup';
|
|
144
151
|
export type { ToolbarProps, ToolbarRenderProps } from '../src/Toolbar';
|
|
145
152
|
export type { TooltipProps, TooltipRenderProps, TooltipTriggerComponentProps } from '../src/Tooltip';
|
|
153
|
+
export type { NavigationTreeProps, NavigationTreeRenderProps, NavigationTreeItemProps, NavigationTreeItemRenderProps, NavigationTreeItemContentProps, NavigationTreeItemContentRenderProps, NavigationTreeSectionProps, NavigationTreeHeaderProps } from '../src/NavigationTree';
|
|
146
154
|
export type { TreeProps, TreeRenderProps, TreeEmptyStateRenderProps, TreeItemProps, TreeItemRenderProps, TreeItemContentProps, TreeItemContentRenderProps, TreeLoadMoreItemProps, TreeLoadMoreItemRenderProps } from '../src/Tree';
|
|
147
155
|
export type { DragOptions, DragResult } from 'react-aria/useDrag';
|
|
148
156
|
export type { DragAndDropHooks, DragAndDropOptions, DropIndicatorProps, DropIndicatorRenderProps } from '../src/useDragAndDrop';
|
|
149
|
-
export type { ContextValue, RenderProps, SlotProps, StyleRenderProps } from '../src/utils';
|
|
157
|
+
export type { ContextValue, RenderProps, SlotProps, StyleRenderProps, DOMRenderProps, PossibleLinkDOMRenderProps, DOMRenderFunction, ClassNameOrFunction, StyleOrFunction, ChildrenOrFunction } from '../src/utils';
|
|
150
158
|
export type { VirtualizerProps } from '../src/Virtualizer';
|
|
151
159
|
export type { DateValue } from 'react-stately/useDateFieldState';
|
|
152
160
|
export type { DateRange } from 'react-stately/useDateRangePickerState';
|
|
153
161
|
export type { TimeValue } from 'react-stately/useTimeFieldState';
|
|
154
|
-
export type { Key, Selection, SortDescriptor, SortDirection, SelectionMode, DirectoryDropItem, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DragPreviewRenderer, DragTypes, DropItem, DropOperation, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionMoveEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, DropPosition, DropTarget, FileDropItem, ItemDropTarget, RootDropTarget, TextDropItem, PressEvent } from '@react-types/shared';
|
|
162
|
+
export type { Key, Selection, SortDescriptor, SortDirection, SelectionMode, DirectoryDropItem, DraggableCollectionEndEvent, DraggableCollectionMoveEvent, DraggableCollectionStartEvent, DragPreviewRenderer, DragTypes, DropItem, DropOperation, DroppableCollectionDropEvent, DroppableCollectionEnterEvent, DroppableCollectionExitEvent, DroppableCollectionInsertDropEvent, DroppableCollectionMoveEvent, DroppableCollectionOnItemDropEvent, DroppableCollectionReorderEvent, DroppableCollectionRootDropEvent, DropPosition, DropTarget, FileDropItem, ItemDropTarget, RootDropTarget, TextDropItem, PressEvent, FocusableElement, HoverEvent, KeyboardEvent } from '@react-types/shared';
|
|
155
163
|
export type { CalendarState } from 'react-stately/useCalendarState';
|
|
156
164
|
export type { RangeCalendarState } from 'react-stately/useRangeCalendarState';
|
|
157
165
|
export type { CheckboxGroupState } from 'react-stately/useCheckboxGroupState';
|
|
@@ -168,6 +176,7 @@ export type { DateRangePickerState } from 'react-stately/useDateRangePickerState
|
|
|
168
176
|
export type { DisclosureState } from 'react-stately/useDisclosureState';
|
|
169
177
|
export type { DisclosureGroupState } from 'react-stately/useDisclosureGroupState';
|
|
170
178
|
export type { ListState } from 'react-stately/useListState';
|
|
179
|
+
export type { Modality } from 'react-aria/useFocusVisible';
|
|
171
180
|
export type { NumberFieldState } from 'react-stately/useNumberFieldState';
|
|
172
181
|
export type { OverlayTriggerState } from 'react-stately/useOverlayTriggerState';
|
|
173
182
|
export type { QueuedToast, ToastOptions, ToastState } from 'react-stately/useToastState';
|
|
@@ -20,7 +20,7 @@ export declare const BreadcrumbsContext: React.Context<ContextValue<BreadcrumbsP
|
|
|
20
20
|
/**
|
|
21
21
|
* Breadcrumbs display a hierarchy of links to the current page or resource in an application.
|
|
22
22
|
*/
|
|
23
|
-
export declare const Breadcrumbs: <T>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactElement
|
|
23
|
+
export declare const Breadcrumbs: <T>(props: BreadcrumbsProps<T> & React.RefAttributes<HTMLOListElement>) => React.ReactElement | null;
|
|
24
24
|
export interface BreadcrumbRenderProps {
|
|
25
25
|
/**
|
|
26
26
|
* Whether the breadcrumb is for the current page.
|
|
@@ -52,4 +52,4 @@ export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps, 'li'
|
|
|
52
52
|
/**
|
|
53
53
|
* A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
|
|
54
54
|
*/
|
|
55
|
-
export declare const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<HTMLLIElement>) => React.ReactElement
|
|
55
|
+
export declare const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<HTMLLIElement>) => React.ReactElement | null;
|
|
@@ -62,5 +62,5 @@ export declare const ButtonContext: React.Context<ContextValue<ButtonContextValu
|
|
|
62
62
|
/**
|
|
63
63
|
* A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
|
|
64
64
|
*/
|
|
65
|
-
export declare const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement
|
|
65
|
+
export declare const Button: (props: ButtonProps & React.RefAttributes<HTMLButtonElement>) => React.ReactElement | null;
|
|
66
66
|
export {};
|
|
@@ -83,12 +83,12 @@ export declare const RangeCalendarStateContext: React.Context<RangeCalendarState
|
|
|
83
83
|
/**
|
|
84
84
|
* A calendar displays one or more date grids and allows users to select a single date.
|
|
85
85
|
*/
|
|
86
|
-
export declare const Calendar: <T extends DateValue, M extends CalendarSelectionMode = "single">(props: CalendarProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
86
|
+
export declare const Calendar: <T extends DateValue, M extends CalendarSelectionMode = "single">(props: CalendarProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
87
87
|
/**
|
|
88
88
|
* A range calendar displays one or more date grids and allows users to select a contiguous range of
|
|
89
89
|
* dates.
|
|
90
90
|
*/
|
|
91
|
-
export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
91
|
+
export declare const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
92
92
|
export interface CalendarCellRenderProps {
|
|
93
93
|
/** The date that the cell represents. */
|
|
94
94
|
date: CalendarDate;
|
|
@@ -214,7 +214,7 @@ export interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', u
|
|
|
214
214
|
* A calendar grid displays a single grid of days within a calendar or range calendar which
|
|
215
215
|
* can be keyboard navigated and selected by the user.
|
|
216
216
|
*/
|
|
217
|
-
export declare const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement
|
|
217
|
+
export declare const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement | null;
|
|
218
218
|
export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'thead', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {
|
|
219
219
|
/**
|
|
220
220
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
@@ -229,7 +229,7 @@ export interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'the
|
|
|
229
229
|
/**
|
|
230
230
|
* A calendar grid header displays a row of week day names at the top of a month.
|
|
231
231
|
*/
|
|
232
|
-
declare const CalendarGridHeaderForwardRef: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement
|
|
232
|
+
declare const CalendarGridHeaderForwardRef: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
233
233
|
export { CalendarGridHeaderForwardRef as CalendarGridHeader };
|
|
234
234
|
export interface CalendarHeaderCellProps extends DOMProps, DOMRenderProps<'th', undefined>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {
|
|
235
235
|
/**
|
|
@@ -259,7 +259,7 @@ export interface CalendarGridBodyProps extends StyleProps, DOMRenderProps<'tbody
|
|
|
259
259
|
/**
|
|
260
260
|
* A calendar grid body displays a grid of calendar cells within a month.
|
|
261
261
|
*/
|
|
262
|
-
declare const CalendarGridBodyForwardRef: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement
|
|
262
|
+
declare const CalendarGridBodyForwardRef: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
263
263
|
export { CalendarGridBodyForwardRef as CalendarGridBody };
|
|
264
264
|
export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps, 'div'>, HoverEvents, GlobalDOMAttributes<HTMLTableCellElement> {
|
|
265
265
|
/**
|
|
@@ -275,7 +275,7 @@ export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps,
|
|
|
275
275
|
/**
|
|
276
276
|
* A calendar cell displays a date cell within a calendar grid which can be selected by the user.
|
|
277
277
|
*/
|
|
278
|
-
export declare const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement
|
|
278
|
+
export declare const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement | null;
|
|
279
279
|
export interface CalendarYearPickerProps extends AriaCalendarYearPickerProps {
|
|
280
280
|
/**
|
|
281
281
|
* A function to render the year picker.
|
|
@@ -2,9 +2,9 @@ import { AriaCheckboxGroupProps } from 'react-aria/useCheckboxGroup';
|
|
|
2
2
|
import { AriaCheckboxProps } from 'react-aria/useCheckbox';
|
|
3
3
|
import { CheckboxGroupState } from 'react-stately/useCheckboxGroupState';
|
|
4
4
|
import { ClassNameOrFunction, ContextValue, RACValidation, RenderProps, SlotProps } from './utils';
|
|
5
|
-
import { GlobalDOMAttributes
|
|
5
|
+
import { GlobalDOMAttributes } from '@react-types/shared';
|
|
6
6
|
import { HoverEvents } from '@react-types/shared';
|
|
7
|
-
import React from 'react';
|
|
7
|
+
import React, { Ref } from 'react';
|
|
8
8
|
export interface CheckboxGroupProps extends Omit<AriaCheckboxGroupProps, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxGroupRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {
|
|
9
9
|
/**
|
|
10
10
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
@@ -25,7 +25,7 @@ export interface CheckboxProps extends Omit<AriaCheckboxProps, 'children' | 'val
|
|
|
25
25
|
/**
|
|
26
26
|
* A ref for the HTML input element.
|
|
27
27
|
*/
|
|
28
|
-
inputRef?:
|
|
28
|
+
inputRef?: Ref<HTMLInputElement | null>;
|
|
29
29
|
}
|
|
30
30
|
export interface CheckboxFieldProps extends Omit<AriaCheckboxProps, 'children' | 'validationState' | 'validationBehavior'>, RACValidation, RenderProps<CheckboxFieldRenderProps>, SlotProps, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
31
31
|
/**
|
|
@@ -38,7 +38,7 @@ export interface CheckboxFieldProps extends Omit<AriaCheckboxProps, 'children' |
|
|
|
38
38
|
/**
|
|
39
39
|
* A ref for the HTML input element.
|
|
40
40
|
*/
|
|
41
|
-
inputRef?:
|
|
41
|
+
inputRef?: Ref<HTMLInputElement | null>;
|
|
42
42
|
}
|
|
43
43
|
export interface CheckboxButtonProps extends HoverEvents, RenderProps<CheckboxButtonRenderProps, 'label'>, SlotProps, GlobalDOMAttributes<HTMLLabelElement> {
|
|
44
44
|
/**
|
|
@@ -188,19 +188,19 @@ export declare const CheckboxGroupStateContext: React.Context<CheckboxGroupState
|
|
|
188
188
|
/**
|
|
189
189
|
* A checkbox group allows a user to select multiple items from a list of options.
|
|
190
190
|
*/
|
|
191
|
-
export declare const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
191
|
+
export declare const CheckboxGroup: (props: CheckboxGroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
192
192
|
/**
|
|
193
193
|
* A checkbox allows a user to select an item, with support for validation and help text.
|
|
194
194
|
*/
|
|
195
|
-
export declare const CheckboxField: (props: CheckboxFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
195
|
+
export declare const CheckboxField: (props: CheckboxFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
196
196
|
/**
|
|
197
197
|
* A checkbox allows a user to select multiple items from a list of individual items, or
|
|
198
198
|
* to mark one individual item as selected.
|
|
199
199
|
*
|
|
200
200
|
* @deprecated Use CheckboxField + CheckboxButton instead.
|
|
201
201
|
*/
|
|
202
|
-
export declare const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement
|
|
202
|
+
export declare const Checkbox: (props: CheckboxProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
|
|
203
203
|
/**
|
|
204
204
|
* A checkbox button is the clickable area of a checkbox, including the indicator and label.
|
|
205
205
|
*/
|
|
206
|
-
export declare const CheckboxButton: (props: CheckboxButtonProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement
|
|
206
|
+
export declare const CheckboxButton: (props: CheckboxButtonProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
|
|
@@ -95,7 +95,7 @@ interface SectionContextValue {
|
|
|
95
95
|
}
|
|
96
96
|
export declare const SectionContext: React.Context<SectionContextValue | null>;
|
|
97
97
|
/** @deprecated */
|
|
98
|
-
export declare const Section: <T extends unknown>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement
|
|
98
|
+
export declare const Section: <T extends unknown>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
|
|
99
99
|
export interface CollectionBranchProps {
|
|
100
100
|
/** The collection of items to render. */
|
|
101
101
|
collection: ICollection<Node<unknown>>;
|
|
@@ -44,7 +44,10 @@ export interface ComboBoxProps<T, M extends SelectionMode = 'single'> extends Om
|
|
|
44
44
|
* @default 'react-aria-ComboBox'
|
|
45
45
|
*/
|
|
46
46
|
className?: ClassNameOrFunction<ComboBoxRenderProps>;
|
|
47
|
-
/**
|
|
47
|
+
/**
|
|
48
|
+
* The filter function used to determine if an option should be included in the combo box list.
|
|
49
|
+
* By default, a language-sensitive "contains" filter from `useFilter` is used.
|
|
50
|
+
*/
|
|
48
51
|
defaultFilter?: (textValue: string, inputValue: string) => boolean;
|
|
49
52
|
/**
|
|
50
53
|
* Whether the text or key of the selected item is submitted as part of an HTML form. When
|
|
@@ -62,7 +65,7 @@ export declare const ComboBoxStateContext: React.Context<ComboBoxState<any, Sele
|
|
|
62
65
|
* A combo box combines a text input with a listbox, allowing users to filter a list of options to
|
|
63
66
|
* items matching a query.
|
|
64
67
|
*/
|
|
65
|
-
export declare const ComboBox: <T, M extends SelectionMode = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
68
|
+
export declare const ComboBox: <T, M extends SelectionMode = "single">(props: ComboBoxProps<T, M> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
66
69
|
export interface ComboBoxValueRenderProps<T> {
|
|
67
70
|
/**
|
|
68
71
|
* Whether the value is a placeholder.
|
|
@@ -94,5 +97,5 @@ export declare const ComboBoxValueContext: React.Context<ContextValue<ComboBoxVa
|
|
|
94
97
|
* selected. By default, the items are rendered as a comma separated list. Use the render function
|
|
95
98
|
* to customize this.
|
|
96
99
|
*/
|
|
97
|
-
export declare const ComboBoxValue: <T>(props: ComboBoxValueProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
100
|
+
export declare const ComboBoxValue: <T>(props: ComboBoxValueProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
98
101
|
export {};
|
|
@@ -63,12 +63,12 @@ export declare const TimeFieldStateContext: React.Context<TimeFieldState | null>
|
|
|
63
63
|
* A date field allows users to enter and edit date and time values using a keyboard.
|
|
64
64
|
* Each part of a date value is displayed in an individually editable segment.
|
|
65
65
|
*/
|
|
66
|
-
export declare const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
66
|
+
export declare const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
67
67
|
/**
|
|
68
68
|
* A time field allows users to enter and edit time values using a keyboard.
|
|
69
69
|
* Each part of a time value is displayed in an individually editable segment.
|
|
70
70
|
*/
|
|
71
|
-
export declare const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
71
|
+
export declare const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
72
72
|
export interface DateInputRenderProps {
|
|
73
73
|
/**
|
|
74
74
|
* Whether the date input is currently hovered with a mouse.
|
|
@@ -114,7 +114,7 @@ export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRen
|
|
|
114
114
|
/**
|
|
115
115
|
* A date input groups the editable date segments within a date field.
|
|
116
116
|
*/
|
|
117
|
-
export declare const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
117
|
+
export declare const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
118
118
|
export interface DateSegmentRenderProps extends Omit<IDateSegment, 'isEditable'> {
|
|
119
119
|
/**
|
|
120
120
|
* Whether the segment is currently hovered with a mouse.
|
|
@@ -179,4 +179,4 @@ export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps, 's
|
|
|
179
179
|
* A date segment displays an individual unit of a date and time, and allows users to edit
|
|
180
180
|
* the value by typing or using the arrow keys to increment and decrement.
|
|
181
181
|
*/
|
|
182
|
-
export declare const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLSpanElement>) => ReactElement
|
|
182
|
+
export declare const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLSpanElement>) => ReactElement | null;
|
|
@@ -85,9 +85,9 @@ export declare const DateRangePickerStateContext: React.Context<DateRangePickerS
|
|
|
85
85
|
* A date picker combines a DateField and a Calendar popover to allow users to enter or select a
|
|
86
86
|
* date and time value.
|
|
87
87
|
*/
|
|
88
|
-
export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
88
|
+
export declare const DatePicker: <T extends DateValue>(props: DatePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
89
89
|
/**
|
|
90
90
|
* A date range picker combines two DateFields and a RangeCalendar popover to allow
|
|
91
91
|
* users to enter or select a date and time range.
|
|
92
92
|
*/
|
|
93
|
-
export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
93
|
+
export declare const DateRangePicker: <T extends DateValue>(props: DateRangePickerProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
@@ -25,8 +25,8 @@ export declare const OverlayTriggerStateContext: React.Context<OverlayTriggerSta
|
|
|
25
25
|
/**
|
|
26
26
|
* A DialogTrigger opens a dialog when a trigger element is pressed.
|
|
27
27
|
*/
|
|
28
|
-
export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element;
|
|
28
|
+
export declare function DialogTrigger(props: DialogTriggerProps): JSX.Element | null;
|
|
29
29
|
/**
|
|
30
30
|
* A dialog is an overlay shown above other content in an application.
|
|
31
31
|
*/
|
|
32
|
-
export declare const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement
|
|
32
|
+
export declare const Dialog: (props: DialogProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
@@ -76,7 +76,7 @@ export declare const DisclosureStateContext: React.Context<DisclosureState | nul
|
|
|
76
76
|
* A disclosure is a collapsible section of content. It is composed of a a header with a heading and
|
|
77
77
|
* trigger button, and a panel that contains the content.
|
|
78
78
|
*/
|
|
79
|
-
export declare const Disclosure: (props: DisclosureProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
79
|
+
export declare const Disclosure: (props: DisclosureProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
80
80
|
export interface DisclosurePanelRenderProps {
|
|
81
81
|
/**
|
|
82
82
|
* Whether keyboard focus is within the disclosure panel.
|
|
@@ -107,4 +107,4 @@ export interface DisclosurePanelProps extends RenderProps<DisclosurePanelRenderP
|
|
|
107
107
|
/**
|
|
108
108
|
* A DisclosurePanel provides the content for a disclosure.
|
|
109
109
|
*/
|
|
110
|
-
export declare const DisclosurePanel: (props: DisclosurePanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
110
|
+
export declare const DisclosurePanel: (props: DisclosurePanelProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
@@ -102,7 +102,7 @@ export declare const GridListContext: React.Context<ContextValue<GridListProps<a
|
|
|
102
102
|
* A grid list displays a list of interactive items, with support for keyboard navigation,
|
|
103
103
|
* single or multiple selection, and row actions.
|
|
104
104
|
*/
|
|
105
|
-
export declare const GridList: <T>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
105
|
+
export declare const GridList: <T>(props: GridListProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
106
106
|
export interface GridListItemRenderProps extends ItemRenderProps {
|
|
107
107
|
/** The unique id of the item. */
|
|
108
108
|
id?: Key;
|
|
@@ -141,17 +141,28 @@ export interface GridListItemProps<T = object> extends RenderProps<GridListItemR
|
|
|
141
141
|
* on the collection's `selectionBehavior` prop and the interaction modality.
|
|
142
142
|
*/
|
|
143
143
|
onAction?: () => void;
|
|
144
|
+
/**
|
|
145
|
+
* Whether the row or its first focusable child element should be focused when navigating
|
|
146
|
+
* to the row. Defaults to 'row'.
|
|
147
|
+
*/
|
|
148
|
+
focusMode?: 'child' | 'row';
|
|
149
|
+
/**
|
|
150
|
+
* Whether the row should support arrow key navigation even when the containing collection uses
|
|
151
|
+
* tab keyboard navigation. Allows users to navigate between rows with arrow keys while
|
|
152
|
+
* focus is on an interactive child element within the row.
|
|
153
|
+
*/
|
|
154
|
+
allowsArrowNavigation?: boolean;
|
|
144
155
|
}
|
|
145
156
|
/**
|
|
146
157
|
* A GridListItem represents an individual item in a GridList.
|
|
147
158
|
*/
|
|
148
|
-
export declare const GridListItem: <T>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
149
|
-
export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
159
|
+
export declare const GridListItem: <T>(props: GridListItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
160
|
+
export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection' | 'direction'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
150
161
|
/**
|
|
151
162
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
152
163
|
* element.
|
|
153
164
|
*
|
|
154
|
-
* @default 'react-aria-
|
|
165
|
+
* @default 'react-aria-GridListLoadingIndicator'
|
|
155
166
|
*/
|
|
156
167
|
className?: string;
|
|
157
168
|
/**
|
|
@@ -163,7 +174,7 @@ export interface GridListLoadMoreItemProps extends Omit<LoadMoreSentinelProps, '
|
|
|
163
174
|
*/
|
|
164
175
|
isLoading?: boolean;
|
|
165
176
|
}
|
|
166
|
-
export declare const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
177
|
+
export declare const GridListLoadMoreItem: (props: GridListLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
167
178
|
export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps<'div', undefined> {
|
|
168
179
|
/**
|
|
169
180
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
@@ -176,9 +187,9 @@ export interface GridListSectionProps<T> extends SectionProps<T>, DOMRenderProps
|
|
|
176
187
|
/**
|
|
177
188
|
* A GridListSection represents a section within a GridList.
|
|
178
189
|
*/
|
|
179
|
-
export declare const GridListSection: <T extends unknown>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
190
|
+
export declare const GridListSection: <T extends unknown>(props: GridListSectionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
180
191
|
export interface GridListHeaderProps extends DOMRenderProps<'div', undefined>, DOMProps, GlobalDOMAttributes<HTMLElement> {
|
|
181
192
|
}
|
|
182
193
|
export declare const GridListHeaderContext: React.Context<ContextValue<GridListHeaderProps, HTMLDivElement>>;
|
|
183
194
|
export declare const GridListHeaderInnerContext: React.Context<HTMLAttributes<HTMLElement> | null>;
|
|
184
|
-
export declare const GridListHeader: (props: GridListHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
195
|
+
export declare const GridListHeader: (props: GridListHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
@@ -62,4 +62,4 @@ export declare const GroupContext: React.Context<ContextValue<GroupProps, HTMLDi
|
|
|
62
62
|
/**
|
|
63
63
|
* A group represents a set of related UI controls, and supports interactive states for styling.
|
|
64
64
|
*/
|
|
65
|
-
export declare const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
65
|
+
export declare const Group: (props: GroupProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
@@ -3,4 +3,4 @@ import React, { HTMLAttributes } from 'react';
|
|
|
3
3
|
export interface HeaderProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<'header', undefined> {
|
|
4
4
|
}
|
|
5
5
|
export declare const HeaderContext: React.Context<ContextValue<HeaderProps, HTMLElement>>;
|
|
6
|
-
export declare const Header: (props: HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement
|
|
6
|
+
export declare const Header: (props: HeaderProps & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
@@ -51,4 +51,4 @@ export declare const InputContext: React.Context<ContextValue<InputProps, HTMLIn
|
|
|
51
51
|
/**
|
|
52
52
|
* An input allows a user to input text.
|
|
53
53
|
*/
|
|
54
|
-
export declare const Input: (props: InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement
|
|
54
|
+
export declare const Input: (props: InputProps & React.RefAttributes<HTMLInputElement>) => React.ReactElement | null;
|
|
@@ -4,4 +4,4 @@ export interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement>, DOMRe
|
|
|
4
4
|
elementType?: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const LabelContext: React.Context<ContextValue<LabelProps, HTMLLabelElement>>;
|
|
7
|
-
export declare const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement
|
|
7
|
+
export declare const Label: (props: LabelProps & React.RefAttributes<HTMLLabelElement>) => React.ReactElement | null;
|
package/dist/types/src/Link.d.ts
CHANGED
|
@@ -55,4 +55,4 @@ export declare const LinkContext: React.Context<ContextValue<LinkProps, HTMLAnch
|
|
|
55
55
|
* A link allows a user to navigate to another page or resource within a web page
|
|
56
56
|
* or application.
|
|
57
57
|
*/
|
|
58
|
-
export declare const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement
|
|
58
|
+
export declare const Link: (props: LinkProps & React.RefAttributes<HTMLAnchorElement>) => React.ReactElement | null;
|
|
@@ -89,7 +89,7 @@ export declare const ListStateContext: React.Context<ListState<any> | null>;
|
|
|
89
89
|
/**
|
|
90
90
|
* A listbox displays a list of options and allows a user to select one or more of them.
|
|
91
91
|
*/
|
|
92
|
-
export declare const ListBox: <T>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
92
|
+
export declare const ListBox: <T>(props: ListBoxProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
93
93
|
export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<'section', undefined> {
|
|
94
94
|
/**
|
|
95
95
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
@@ -102,7 +102,7 @@ export interface ListBoxSectionProps<T> extends SectionProps<T>, DOMRenderProps<
|
|
|
102
102
|
/**
|
|
103
103
|
* A ListBoxSection represents a section within a ListBox.
|
|
104
104
|
*/
|
|
105
|
-
export declare const ListBoxSection: <T>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement
|
|
105
|
+
export declare const ListBoxSection: <T>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
106
106
|
export interface ListBoxItemRenderProps extends ItemRenderProps {
|
|
107
107
|
}
|
|
108
108
|
export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxItemRenderProps>, 'render'>, PossibleLinkDOMRenderProps<'div', ListBoxItemRenderProps>, LinkDOMProps, HoverEvents, PressEvents, KeyboardEvents, FocusEvents<HTMLDivElement>, Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {
|
|
@@ -135,13 +135,13 @@ export interface ListBoxItemProps<T = object> extends Omit<RenderProps<ListBoxIt
|
|
|
135
135
|
/**
|
|
136
136
|
* A ListBoxItem represents an individual option in a ListBox.
|
|
137
137
|
*/
|
|
138
|
-
export declare const ListBoxItem: <T>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
139
|
-
export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
138
|
+
export declare const ListBoxItem: <T>(props: ListBoxItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
139
|
+
export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection' | 'direction'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
140
140
|
/**
|
|
141
141
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
142
142
|
* element.
|
|
143
143
|
*
|
|
144
|
-
* @default 'react-aria-
|
|
144
|
+
* @default 'react-aria-ListBoxLoadingIndicator'
|
|
145
145
|
*/
|
|
146
146
|
className?: string;
|
|
147
147
|
/**
|
|
@@ -153,4 +153,4 @@ export interface ListBoxLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'c
|
|
|
153
153
|
*/
|
|
154
154
|
isLoading?: boolean;
|
|
155
155
|
}
|
|
156
|
-
export declare const ListBoxLoadMoreItem: (props: ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
156
|
+
export declare const ListBoxLoadMoreItem: (props: ListBoxLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
package/dist/types/src/Menu.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { AriaMenuProps } from 'react-aria/useMenu';
|
|
2
2
|
import { MenuTriggerProps as BaseMenuTriggerProps, RootMenuTriggerState } from 'react-stately/useMenuTriggerState';
|
|
3
|
-
import { ClassNameOrFunction, ContextValue, DOMRenderProps, PossibleLinkDOMRenderProps, RenderProps, SlotProps, StyleRenderProps } from './utils';
|
|
3
|
+
import { ClassNameOrFunction, ContextValue, DOMRenderProps, PossibleLinkDOMRenderProps, RenderProps, SlotProps, StyleProps, StyleRenderProps } from './utils';
|
|
4
4
|
import { CollectionProps, ItemRenderProps, SectionProps } from './Collection';
|
|
5
5
|
import { FocusEvents, GlobalDOMAttributes, HoverEvents, Key, LinkDOMProps, MultipleSelection, PressEvents } from '@react-types/shared';
|
|
6
|
+
import { LoadMoreSentinelProps } from 'react-aria/private/utils/useLoadMoreSentinel';
|
|
6
7
|
import React, { JSX, ReactElement, ReactNode } from 'react';
|
|
7
8
|
import { TreeState } from 'react-stately/useTreeState';
|
|
8
9
|
export declare const MenuContext: React.Context<ContextValue<MenuProps<any>, HTMLDivElement>>;
|
|
@@ -30,7 +31,7 @@ export interface SubmenuTriggerProps {
|
|
|
30
31
|
*
|
|
31
32
|
* @version alpha
|
|
32
33
|
*/
|
|
33
|
-
export declare const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
34
|
+
export declare const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
34
35
|
export interface MenuRenderProps {
|
|
35
36
|
/**
|
|
36
37
|
* Whether the menu has no items and should display its empty state.
|
|
@@ -47,7 +48,7 @@ export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, Collec
|
|
|
47
48
|
* @default 'react-aria-Menu'
|
|
48
49
|
*/
|
|
49
50
|
className?: ClassNameOrFunction<MenuRenderProps>;
|
|
50
|
-
/** Provides content to display when there are no items in the
|
|
51
|
+
/** Provides content to display when there are no items in the menu. */
|
|
51
52
|
renderEmptyState?: () => ReactNode;
|
|
52
53
|
/** Whether the menu should close when the menu item is selected. */
|
|
53
54
|
shouldCloseOnSelect?: boolean;
|
|
@@ -55,7 +56,7 @@ export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, Collec
|
|
|
55
56
|
/**
|
|
56
57
|
* A menu displays a list of actions or options that a user can choose.
|
|
57
58
|
*/
|
|
58
|
-
export declare const Menu: <T>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
59
|
+
export declare const Menu: <T>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
59
60
|
export interface MenuSectionProps<T> extends SectionProps<T>, Omit<MultipleSelection, 'disabledKeys'>, DOMRenderProps<'section', undefined> {
|
|
60
61
|
/**
|
|
61
62
|
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
@@ -70,7 +71,7 @@ export interface MenuSectionProps<T> extends SectionProps<T>, Omit<MultipleSelec
|
|
|
70
71
|
/**
|
|
71
72
|
* A MenuSection represents a section within a Menu.
|
|
72
73
|
*/
|
|
73
|
-
export declare const MenuSection: <T>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement
|
|
74
|
+
export declare const MenuSection: <T>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
|
|
74
75
|
export interface MenuItemRenderProps extends ItemRenderProps {
|
|
75
76
|
/**
|
|
76
77
|
* Whether the item has a submenu.
|
|
@@ -114,4 +115,22 @@ export interface MenuItemProps<T = object> extends Omit<RenderProps<MenuItemRend
|
|
|
114
115
|
/**
|
|
115
116
|
* A MenuItem represents an individual action in a Menu.
|
|
116
117
|
*/
|
|
117
|
-
export declare const MenuItem: <T>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement
|
|
118
|
+
export declare const MenuItem: <T>(props: MenuItemProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
119
|
+
export interface MenuLoadMoreItemProps extends Omit<LoadMoreSentinelProps, 'collection' | 'direction'>, StyleProps, DOMRenderProps<'div', undefined>, GlobalDOMAttributes<HTMLDivElement> {
|
|
120
|
+
/**
|
|
121
|
+
* The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the
|
|
122
|
+
* element.
|
|
123
|
+
*
|
|
124
|
+
* @default 'react-aria-MenuLoadingIndicator'
|
|
125
|
+
*/
|
|
126
|
+
className?: string;
|
|
127
|
+
/**
|
|
128
|
+
* The load more spinner to render when loading additional items.
|
|
129
|
+
*/
|
|
130
|
+
children?: ReactNode;
|
|
131
|
+
/**
|
|
132
|
+
* Whether or not the loading spinner should be rendered or not.
|
|
133
|
+
*/
|
|
134
|
+
isLoading?: boolean;
|
|
135
|
+
}
|
|
136
|
+
export declare const MenuLoadMoreItem: (props: MenuLoadMoreItemProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
@@ -27,4 +27,4 @@ export declare const MeterContext: React.Context<ContextValue<MeterProps, HTMLDi
|
|
|
27
27
|
/**
|
|
28
28
|
* A meter represents a quantity within a known range, or a fractional value.
|
|
29
29
|
*/
|
|
30
|
-
export declare const Meter: (props: MeterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
30
|
+
export declare const Meter: (props: MeterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
@@ -50,8 +50,8 @@ export interface ModalRenderProps {
|
|
|
50
50
|
/**
|
|
51
51
|
* A modal is an overlay element which blocks interaction with elements outside it.
|
|
52
52
|
*/
|
|
53
|
-
export declare const Modal: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
53
|
+
export declare const Modal: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
54
54
|
/**
|
|
55
55
|
* A ModalOverlay is a wrapper for a Modal which allows customizing the backdrop element.
|
|
56
56
|
*/
|
|
57
|
-
export declare const ModalOverlay: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement
|
|
57
|
+
export declare const ModalOverlay: (props: ModalOverlayProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|