react-aria-components 1.8.0 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Autocomplete.main.js.map +1 -1
- package/dist/Autocomplete.module.js.map +1 -1
- package/dist/ColorPicker.main.js.map +1 -1
- package/dist/ColorPicker.module.js.map +1 -1
- package/dist/Dialog.main.js +15 -1
- package/dist/Dialog.main.js.map +1 -1
- package/dist/Dialog.mjs +17 -3
- package/dist/Dialog.module.js +17 -3
- package/dist/Dialog.module.js.map +1 -1
- package/dist/GridList.main.js +59 -4
- package/dist/GridList.main.js.map +1 -1
- package/dist/GridList.mjs +60 -6
- package/dist/GridList.module.js +60 -6
- package/dist/GridList.module.js.map +1 -1
- package/dist/ListBox.main.js +61 -3
- package/dist/ListBox.main.js.map +1 -1
- package/dist/ListBox.mjs +62 -5
- package/dist/ListBox.module.js +62 -5
- package/dist/ListBox.module.js.map +1 -1
- package/dist/Menu.main.js.map +1 -1
- package/dist/Menu.module.js.map +1 -1
- package/dist/Select.main.js.map +1 -1
- package/dist/Select.module.js.map +1 -1
- package/dist/Table.main.js +42 -10
- package/dist/Table.main.js.map +1 -1
- package/dist/Table.mjs +43 -11
- package/dist/Table.module.js +43 -11
- package/dist/Table.module.js.map +1 -1
- package/dist/TagGroup.main.js +1 -1
- package/dist/TagGroup.main.js.map +1 -1
- package/dist/TagGroup.mjs +1 -1
- package/dist/TagGroup.module.js +1 -1
- package/dist/TagGroup.module.js.map +1 -1
- package/dist/Tooltip.main.js.map +1 -1
- package/dist/Tooltip.module.js.map +1 -1
- package/dist/Virtualizer.main.js +0 -1
- package/dist/Virtualizer.main.js.map +1 -1
- package/dist/Virtualizer.mjs +0 -1
- package/dist/Virtualizer.module.js +0 -1
- package/dist/Virtualizer.module.js.map +1 -1
- package/dist/import.mjs +5 -5
- package/dist/main.js +4 -1
- package/dist/main.js.map +1 -1
- package/dist/module.js +5 -5
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +93 -45
- package/dist/types.d.ts.map +1 -1
- package/package.json +22 -22
- package/src/Autocomplete.tsx +2 -2
- package/src/ColorPicker.tsx +2 -2
- package/src/Dialog.tsx +18 -4
- package/src/GridList.tsx +69 -7
- package/src/ListBox.tsx +70 -6
- package/src/Menu.tsx +2 -1
- package/src/Select.tsx +7 -1
- package/src/Table.tsx +44 -16
- package/src/TagGroup.tsx +1 -1
- package/src/Tooltip.tsx +2 -2
- package/src/Virtualizer.tsx +2 -6
- package/src/index.ts +5 -5
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,+EAA+E;AAC/E,0EAA0E","sources":["packages/react-aria-components/src/index.ts"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Mark as a client only package. This will cause a build time error if you try\n// to import it from a React Server Component in a framework like Next.js.\nimport 'client-only';\n\nexport {CheckboxContext, ColorAreaContext, ColorFieldContext, ColorSliderContext, ColorWheelContext, HeadingContext} from './RSPContexts';\n\nexport {Autocomplete, AutocompleteContext, AutocompleteStateContext} from './Autocomplete';\nexport {Breadcrumbs, BreadcrumbsContext, Breadcrumb} from './Breadcrumbs';\nexport {Button, ButtonContext} from './Button';\nexport {Calendar, CalendarGrid, CalendarGridHeader, CalendarGridBody, CalendarHeaderCell, CalendarCell, RangeCalendar, CalendarContext, RangeCalendarContext, CalendarStateContext, RangeCalendarStateContext} from './Calendar';\nexport {Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupStateContext} from './Checkbox';\nexport {ColorArea, ColorAreaStateContext} from './ColorArea';\nexport {ColorField, ColorFieldStateContext} from './ColorField';\nexport {ColorPicker, ColorPickerContext, ColorPickerStateContext} from './ColorPicker';\nexport {ColorSlider, ColorSliderStateContext} from './ColorSlider';\nexport {ColorSwatch, ColorSwatchContext} from './ColorSwatch';\nexport {ColorSwatchPicker, ColorSwatchPickerItem, ColorSwatchPickerContext} from './ColorSwatchPicker';\nexport {ColorThumb} from './ColorThumb';\nexport {ColorWheel, ColorWheelTrack, ColorWheelTrackContext, ColorWheelStateContext} from './ColorWheel';\nexport {ComboBox, ComboBoxContext, ComboBoxStateContext} from './ComboBox';\nexport {composeRenderProps, DEFAULT_SLOT, Provider, useContextProps, useSlottedContext} from './utils';\nexport {DateField, DateInput, DateSegment, TimeField, DateFieldContext, TimeFieldContext, DateFieldStateContext, TimeFieldStateContext} from './DateField';\nexport {DatePicker, DateRangePicker, DatePickerContext, DateRangePickerContext, DatePickerStateContext, DateRangePickerStateContext} from './DatePicker';\nexport {DialogTrigger, Dialog, DialogContext, OverlayTriggerStateContext} from './Dialog';\nexport {Disclosure, DisclosureGroup, DisclosureGroupStateContext, DisclosurePanel, DisclosureStateContext, DisclosureContext} from './Disclosure';\nexport {DropZone, DropZoneContext} from './DropZone';\nexport {FieldError, FieldErrorContext} from './FieldError';\nexport {FileTrigger} from './FileTrigger';\nexport {Form, FormContext} from './Form';\nexport {GridList, GridListItem, GridListContext} from './GridList';\nexport {Group, GroupContext} from './Group';\nexport {Header, HeaderContext} from './Header';\nexport {Heading} from './Heading';\nexport {Input, InputContext} from './Input';\nexport {Section, CollectionRendererContext, DefaultCollectionRenderer} from './Collection';\nexport {Collection, createLeafComponent as UNSTABLE_createLeafComponent, createBranchComponent as UNSTABLE_createBranchComponent, CollectionBuilder as UNSTABLE_CollectionBuilder} from '@react-aria/collections';\nexport {Keyboard, KeyboardContext} from './Keyboard';\nexport {Label, LabelContext} from './Label';\nexport {Link, LinkContext} from './Link';\nexport {ListBox, ListBoxItem, ListBoxSection, ListBoxContext, ListStateContext} from './ListBox';\nexport {Menu, MenuItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger} from './Menu';\nexport {Meter, MeterContext} from './Meter';\nexport {Modal, ModalOverlay, ModalContext} from './Modal';\nexport {NumberField, NumberFieldContext, NumberFieldStateContext} from './NumberField';\nexport {OverlayArrow} from './OverlayArrow';\nexport {Popover, PopoverContext} from './Popover';\nexport {ProgressBar, ProgressBarContext} from './ProgressBar';\nexport {RadioGroup, Radio, RadioGroupContext, RadioContext, RadioGroupStateContext} from './RadioGroup';\nexport {SearchField, SearchFieldContext} from './SearchField';\nexport {Select, SelectValue, SelectContext, SelectValueContext, SelectStateContext} from './Select';\nexport {Separator, SeparatorContext} from './Separator';\nexport {Slider, SliderOutput, SliderTrack, SliderThumb, SliderContext, SliderOutputContext, SliderTrackContext, SliderStateContext} from './Slider';\nexport {Switch, SwitchContext} from './Switch';\nexport {UNSTABLE_TableLoadingIndicator, Table, Row, Cell, Column, ColumnResizer, TableHeader, TableBody, TableContext, ResizableTableContainer, useTableOptions, TableStateContext, TableColumnResizeStateContext} from './Table';\nexport {TableLayout} from './TableLayout';\nexport {Tabs, TabList, TabPanel, Tab, TabsContext, TabListStateContext} from './Tabs';\nexport {TagGroup, TagGroupContext, TagList, TagListContext, Tag} from './TagGroup';\nexport {Text, TextContext} from './Text';\nexport {TextArea, TextAreaContext} from './TextArea';\nexport {TextField, TextFieldContext} from './TextField';\nexport {Toast as UNSTABLE_Toast, ToastList as UNSTABLE_ToastList, ToastRegion as UNSTABLE_ToastRegion, ToastContent as UNSTABLE_ToastContent, ToastStateContext as UNSTABLE_ToastStateContext} from './Toast';\nexport {ToggleButton, ToggleButtonContext} from './ToggleButton';\nexport {ToggleButtonGroup, ToggleButtonGroupContext, ToggleGroupStateContext} from './ToggleButtonGroup';\nexport {Toolbar, ToolbarContext} from './Toolbar';\nexport {TooltipTrigger, Tooltip, TooltipTriggerStateContext, TooltipContext} from './Tooltip';\nexport {UNSTABLE_TreeLoadingIndicator, Tree, TreeItem, TreeContext, TreeItemContent, TreeStateContext} from './Tree';\nexport {useDragAndDrop} from './useDragAndDrop';\nexport {DropIndicator, DropIndicatorContext, DragAndDropContext} from './DragAndDrop';\nexport {Virtualizer} from './Virtualizer';\nexport {DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider, useLocale, useFilter, Pressable, Focusable} from 'react-aria';\nexport {FormValidationContext, parseColor, getColorChannels, ToastQueue as UNSTABLE_ToastQueue} from 'react-stately';\nexport {ListLayout, GridLayout, WaterfallLayout} from '@react-stately/layout';\nexport {Layout, LayoutInfo, Size, Rect, Point} from '@react-stately/virtualizer';\n\nexport type {AutocompleteProps} from './Autocomplete';\nexport type {BreadcrumbsProps, BreadcrumbProps, BreadcrumbRenderProps} from './Breadcrumbs';\nexport type {ButtonProps, ButtonRenderProps} from './Button';\nexport type {CalendarCellProps, CalendarProps, CalendarRenderProps, CalendarGridProps, CalendarGridHeaderProps, CalendarGridBodyProps, CalendarHeaderCellProps, CalendarCellRenderProps, RangeCalendarProps, RangeCalendarRenderProps} from './Calendar';\nexport type {CheckboxGroupProps, CheckboxGroupRenderProps, CheckboxRenderProps, CheckboxProps} from './Checkbox';\nexport type {ColorAreaProps, ColorAreaRenderProps} from './ColorArea';\nexport type {ColorFieldProps, ColorFieldRenderProps} from './ColorField';\nexport type {ColorSliderProps, ColorSliderRenderProps} from './ColorSlider';\nexport type {ColorSwatchProps, ColorSwatchRenderProps} from './ColorSwatch';\nexport type {ColorSwatchPickerProps, ColorSwatchPickerRenderProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemRenderProps} from './ColorSwatchPicker';\nexport type {ColorThumbProps, ColorThumbRenderProps} from './ColorThumb';\nexport type {ColorPickerProps, ColorPickerRenderProps} from './ColorPicker';\nexport type {ColorWheelProps, ColorWheelRenderProps, ColorWheelTrackProps, ColorWheelTrackRenderProps} from './ColorWheel';\nexport type {ComboBoxProps, ComboBoxRenderProps} from './ComboBox';\nexport type {DateFieldProps, DateFieldRenderProps, DateInputProps, DateInputRenderProps, DateSegmentProps, DateSegmentRenderProps, TimeFieldProps} from './DateField';\nexport type {DatePickerProps, DatePickerRenderProps, DateRangePickerProps, DateRangePickerRenderProps} from './DatePicker';\nexport type {DialogProps, DialogTriggerProps, DialogRenderProps} from './Dialog';\nexport type {DisclosureProps, DisclosureRenderProps, DisclosurePanelProps, DisclosurePanelRenderProps, DisclosureGroupProps, DisclosureGroupRenderProps} from './Disclosure';\nexport type {DropZoneProps, DropZoneRenderProps} from './DropZone';\nexport type {FieldErrorProps, FieldErrorRenderProps} from './FieldError';\nexport type {FileTriggerProps} from './FileTrigger';\nexport type {FormProps} from './Form';\nexport type {GridListProps, GridListRenderProps, GridListItemProps, GridListItemRenderProps} from './GridList';\nexport type {GroupProps, GroupRenderProps} from './Group';\nexport type {HeadingProps} from './Heading';\nexport type {InputProps, InputRenderProps} from './Input';\nexport type {SectionProps, CollectionRenderer} from './Collection';\nexport type {LabelProps} from './Label';\nexport type {LinkProps, LinkRenderProps} from './Link';\nexport type {ListBoxProps, ListBoxRenderProps, ListBoxItemProps, ListBoxItemRenderProps, ListBoxSectionProps} from './ListBox';\nexport type {MenuProps, MenuItemProps, MenuItemRenderProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps} from './Menu';\nexport type {MeterProps, MeterRenderProps} from './Meter';\nexport type {ModalOverlayProps, ModalRenderProps} from './Modal';\nexport type {NumberFieldProps, NumberFieldRenderProps} from './NumberField';\nexport type {OverlayArrowProps, OverlayArrowRenderProps} from './OverlayArrow';\nexport type {PopoverProps, PopoverRenderProps} from './Popover';\nexport type {ProgressBarProps, ProgressBarRenderProps} from './ProgressBar';\nexport type {RadioGroupProps, RadioGroupRenderProps, RadioProps, RadioRenderProps} from './RadioGroup';\nexport type {SearchFieldProps, SearchFieldRenderProps} from './SearchField';\nexport type {SelectProps, SelectValueProps, SelectValueRenderProps, SelectRenderProps} from './Select';\nexport type {SeparatorProps} from './Separator';\nexport type {SliderOutputProps, SliderProps, SliderRenderProps, SliderThumbProps, SliderTrackProps, SliderTrackRenderProps, SliderThumbRenderProps} from './Slider';\nexport type {SwitchProps, SwitchRenderProps} from './Switch';\nexport type {TableProps, TableRenderProps, TableHeaderProps, TableBodyProps, TableBodyRenderProps, ResizableTableContainerProps, ColumnProps, ColumnRenderProps, ColumnResizerProps, ColumnResizerRenderProps, RowProps, RowRenderProps, CellProps, CellRenderProps} from './Table';\nexport type {TabListProps, TabListRenderProps, TabPanelProps, TabPanelRenderProps, TabProps, TabsProps, TabRenderProps, TabsRenderProps} from './Tabs';\nexport type {TagGroupProps, TagListProps, TagListRenderProps, TagProps, TagRenderProps} from './TagGroup';\nexport type {TextAreaProps} from './TextArea';\nexport type {TextFieldProps, TextFieldRenderProps} from './TextField';\nexport type {TextProps} from './Text';\nexport type {ToastRegionProps, ToastListProps, ToastRegionRenderProps, ToastProps, ToastRenderProps} from './Toast';\nexport type {ToggleButtonProps, ToggleButtonRenderProps} from './ToggleButton';\nexport type {ToggleButtonGroupProps, ToggleButtonGroupRenderProps} from './ToggleButtonGroup';\nexport type {ToolbarProps, ToolbarRenderProps} from './Toolbar';\nexport type {TooltipProps, TooltipRenderProps, TooltipTriggerComponentProps} from './Tooltip';\nexport type {TreeProps, TreeRenderProps, TreeItemProps, TreeItemRenderProps, TreeItemContentProps, TreeItemContentRenderProps} from './Tree';\nexport type {DragAndDropHooks, DragAndDropOptions} from './useDragAndDrop';\nexport type {DropIndicatorProps, DropIndicatorRenderProps} from './DragAndDrop';\nexport type {ContextValue, SlotProps} from './utils';\nexport type {VirtualizerProps} from './Virtualizer';\n\nexport type {DateValue, DateRange, TimeValue} from 'react-aria';\nexport type {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-aria';\nexport type {Color, ColorSpace, ColorFormat, Key, QueuedToast, Selection, SortDescriptor, SortDirection, SelectionMode, ToastOptions} from 'react-stately';\nexport type {ValidationResult, RouterConfig} from '@react-types/shared';\nexport type {ListLayoutOptions, GridLayoutOptions, WaterfallLayoutOptions} from '@react-stately/layout';\n"],"names":[],"version":3,"file":"module.js.map"}
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,+EAA+E;AAC/E,0EAA0E","sources":["packages/react-aria-components/src/index.ts"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Mark as a client only package. This will cause a build time error if you try\n// to import it from a React Server Component in a framework like Next.js.\nimport 'client-only';\n\nexport {CheckboxContext, ColorAreaContext, ColorFieldContext, ColorSliderContext, ColorWheelContext, HeadingContext} from './RSPContexts';\n\nexport {Autocomplete, AutocompleteContext, AutocompleteStateContext} from './Autocomplete';\nexport {Breadcrumbs, BreadcrumbsContext, Breadcrumb} from './Breadcrumbs';\nexport {Button, ButtonContext} from './Button';\nexport {Calendar, CalendarGrid, CalendarGridHeader, CalendarGridBody, CalendarHeaderCell, CalendarCell, RangeCalendar, CalendarContext, RangeCalendarContext, CalendarStateContext, RangeCalendarStateContext} from './Calendar';\nexport {Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupStateContext} from './Checkbox';\nexport {ColorArea, ColorAreaStateContext} from './ColorArea';\nexport {ColorField, ColorFieldStateContext} from './ColorField';\nexport {ColorPicker, ColorPickerContext, ColorPickerStateContext} from './ColorPicker';\nexport {ColorSlider, ColorSliderStateContext} from './ColorSlider';\nexport {ColorSwatch, ColorSwatchContext} from './ColorSwatch';\nexport {ColorSwatchPicker, ColorSwatchPickerItem, ColorSwatchPickerContext} from './ColorSwatchPicker';\nexport {ColorThumb} from './ColorThumb';\nexport {ColorWheel, ColorWheelTrack, ColorWheelTrackContext, ColorWheelStateContext} from './ColorWheel';\nexport {ComboBox, ComboBoxContext, ComboBoxStateContext} from './ComboBox';\nexport {composeRenderProps, DEFAULT_SLOT, Provider, useContextProps, useRenderProps, useSlottedContext} from './utils';\nexport {DateField, DateInput, DateSegment, TimeField, DateFieldContext, TimeFieldContext, DateFieldStateContext, TimeFieldStateContext} from './DateField';\nexport {DatePicker, DateRangePicker, DatePickerContext, DateRangePickerContext, DatePickerStateContext, DateRangePickerStateContext} from './DatePicker';\nexport {DialogTrigger, Dialog, DialogContext, OverlayTriggerStateContext} from './Dialog';\nexport {Disclosure, DisclosureGroup, DisclosureGroupStateContext, DisclosurePanel, DisclosureStateContext, DisclosureContext} from './Disclosure';\nexport {DropZone, DropZoneContext} from './DropZone';\nexport {FieldError, FieldErrorContext} from './FieldError';\nexport {FileTrigger} from './FileTrigger';\nexport {Form, FormContext} from './Form';\nexport {UNSTABLE_GridListLoadingSentinel, GridList, GridListItem, GridListContext} from './GridList';\nexport {Group, GroupContext} from './Group';\nexport {Header, HeaderContext} from './Header';\nexport {Heading} from './Heading';\nexport {Input, InputContext} from './Input';\nexport {Section, CollectionRendererContext, DefaultCollectionRenderer} from './Collection';\nexport {Collection, createLeafComponent as UNSTABLE_createLeafComponent, createBranchComponent as UNSTABLE_createBranchComponent, CollectionBuilder as UNSTABLE_CollectionBuilder} from '@react-aria/collections';\nexport {Keyboard, KeyboardContext} from './Keyboard';\nexport {Label, LabelContext} from './Label';\nexport {Link, LinkContext} from './Link';\nexport {UNSTABLE_ListBoxLoadingSentinel, ListBox, ListBoxItem, ListBoxSection, ListBoxContext, ListStateContext} from './ListBox';\nexport {Menu, MenuItem, MenuTrigger, MenuSection, MenuContext, MenuStateContext, RootMenuTriggerStateContext, SubmenuTrigger} from './Menu';\nexport {Meter, MeterContext} from './Meter';\nexport {Modal, ModalOverlay, ModalContext} from './Modal';\nexport {NumberField, NumberFieldContext, NumberFieldStateContext} from './NumberField';\nexport {OverlayArrow} from './OverlayArrow';\nexport {Popover, PopoverContext} from './Popover';\nexport {ProgressBar, ProgressBarContext} from './ProgressBar';\nexport {RadioGroup, Radio, RadioGroupContext, RadioContext, RadioGroupStateContext} from './RadioGroup';\nexport {SearchField, SearchFieldContext} from './SearchField';\nexport {Select, SelectValue, SelectContext, SelectValueContext, SelectStateContext} from './Select';\nexport {Separator, SeparatorContext} from './Separator';\nexport {Slider, SliderOutput, SliderTrack, SliderThumb, SliderContext, SliderOutputContext, SliderTrackContext, SliderStateContext} from './Slider';\nexport {Switch, SwitchContext} from './Switch';\nexport {UNSTABLE_TableLoadingSentinel, Table, Row, Cell, Column, ColumnResizer, TableHeader, TableBody, TableContext, ResizableTableContainer, useTableOptions, TableStateContext, TableColumnResizeStateContext} from './Table';\nexport {TableLayout} from './TableLayout';\nexport {Tabs, TabList, TabPanel, Tab, TabsContext, TabListStateContext} from './Tabs';\nexport {TagGroup, TagGroupContext, TagList, TagListContext, Tag} from './TagGroup';\nexport {Text, TextContext} from './Text';\nexport {TextArea, TextAreaContext} from './TextArea';\nexport {TextField, TextFieldContext} from './TextField';\nexport {Toast as UNSTABLE_Toast, ToastList as UNSTABLE_ToastList, ToastRegion as UNSTABLE_ToastRegion, ToastContent as UNSTABLE_ToastContent, ToastStateContext as UNSTABLE_ToastStateContext} from './Toast';\nexport {ToggleButton, ToggleButtonContext} from './ToggleButton';\nexport {ToggleButtonGroup, ToggleButtonGroupContext, ToggleGroupStateContext} from './ToggleButtonGroup';\nexport {Toolbar, ToolbarContext} from './Toolbar';\nexport {TooltipTrigger, Tooltip, TooltipTriggerStateContext, TooltipContext} from './Tooltip';\nexport {UNSTABLE_TreeLoadingIndicator, Tree, TreeItem, TreeContext, TreeItemContent, TreeStateContext} from './Tree';\nexport {useDragAndDrop} from './useDragAndDrop';\nexport {DropIndicator, DropIndicatorContext, DragAndDropContext} from './DragAndDrop';\nexport {Virtualizer} from './Virtualizer';\nexport {DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider, useLocale, useFilter, Pressable, Focusable} from 'react-aria';\nexport {FormValidationContext, parseColor, getColorChannels, ToastQueue as UNSTABLE_ToastQueue} from 'react-stately';\nexport {ListLayout, GridLayout, WaterfallLayout} from '@react-stately/layout';\nexport {Layout, LayoutInfo, Size, Rect, Point} from '@react-stately/virtualizer';\n\nexport type {AutocompleteProps} from './Autocomplete';\nexport type {BreadcrumbsProps, BreadcrumbProps, BreadcrumbRenderProps} from './Breadcrumbs';\nexport type {ButtonProps, ButtonRenderProps} from './Button';\nexport type {CalendarCellProps, CalendarProps, CalendarRenderProps, CalendarGridProps, CalendarGridHeaderProps, CalendarGridBodyProps, CalendarHeaderCellProps, CalendarCellRenderProps, RangeCalendarProps, RangeCalendarRenderProps} from './Calendar';\nexport type {CheckboxGroupProps, CheckboxGroupRenderProps, CheckboxRenderProps, CheckboxProps} from './Checkbox';\nexport type {ColorAreaProps, ColorAreaRenderProps} from './ColorArea';\nexport type {ColorFieldProps, ColorFieldRenderProps} from './ColorField';\nexport type {ColorSliderProps, ColorSliderRenderProps} from './ColorSlider';\nexport type {ColorSwatchProps, ColorSwatchRenderProps} from './ColorSwatch';\nexport type {ColorSwatchPickerProps, ColorSwatchPickerRenderProps, ColorSwatchPickerItemProps, ColorSwatchPickerItemRenderProps} from './ColorSwatchPicker';\nexport type {ColorThumbProps, ColorThumbRenderProps} from './ColorThumb';\nexport type {ColorPickerProps, ColorPickerRenderProps} from './ColorPicker';\nexport type {ColorWheelProps, ColorWheelRenderProps, ColorWheelTrackProps, ColorWheelTrackRenderProps} from './ColorWheel';\nexport type {ComboBoxProps, ComboBoxRenderProps} from './ComboBox';\nexport type {DateFieldProps, DateFieldRenderProps, DateInputProps, DateInputRenderProps, DateSegmentProps, DateSegmentRenderProps, TimeFieldProps} from './DateField';\nexport type {DatePickerProps, DatePickerRenderProps, DateRangePickerProps, DateRangePickerRenderProps} from './DatePicker';\nexport type {DialogProps, DialogTriggerProps, DialogRenderProps} from './Dialog';\nexport type {DisclosureProps, DisclosureRenderProps, DisclosurePanelProps, DisclosurePanelRenderProps, DisclosureGroupProps, DisclosureGroupRenderProps} from './Disclosure';\nexport type {DropZoneProps, DropZoneRenderProps} from './DropZone';\nexport type {FieldErrorProps, FieldErrorRenderProps} from './FieldError';\nexport type {FileTriggerProps} from './FileTrigger';\nexport type {FormProps} from './Form';\nexport type {GridListProps, GridListRenderProps, GridListItemProps, GridListItemRenderProps} from './GridList';\nexport type {GroupProps, GroupRenderProps} from './Group';\nexport type {HeadingProps} from './Heading';\nexport type {InputProps, InputRenderProps} from './Input';\nexport type {SectionProps, CollectionRenderer} from './Collection';\nexport type {LabelProps} from './Label';\nexport type {LinkProps, LinkRenderProps} from './Link';\nexport type {ListBoxProps, ListBoxRenderProps, ListBoxItemProps, ListBoxItemRenderProps, ListBoxSectionProps} from './ListBox';\nexport type {MenuProps, MenuItemProps, MenuItemRenderProps, MenuTriggerProps, SubmenuTriggerProps, MenuSectionProps} from './Menu';\nexport type {MeterProps, MeterRenderProps} from './Meter';\nexport type {ModalOverlayProps, ModalRenderProps} from './Modal';\nexport type {NumberFieldProps, NumberFieldRenderProps} from './NumberField';\nexport type {OverlayArrowProps, OverlayArrowRenderProps} from './OverlayArrow';\nexport type {PopoverProps, PopoverRenderProps} from './Popover';\nexport type {ProgressBarProps, ProgressBarRenderProps} from './ProgressBar';\nexport type {RadioGroupProps, RadioGroupRenderProps, RadioProps, RadioRenderProps} from './RadioGroup';\nexport type {SearchFieldProps, SearchFieldRenderProps} from './SearchField';\nexport type {SelectProps, SelectValueProps, SelectValueRenderProps, SelectRenderProps} from './Select';\nexport type {SeparatorProps} from './Separator';\nexport type {SliderOutputProps, SliderProps, SliderRenderProps, SliderThumbProps, SliderTrackProps, SliderTrackRenderProps, SliderThumbRenderProps} from './Slider';\nexport type {SwitchProps, SwitchRenderProps} from './Switch';\nexport type {TableProps, TableRenderProps, TableHeaderProps, TableBodyProps, TableBodyRenderProps, ResizableTableContainerProps, ColumnProps, ColumnRenderProps, ColumnResizerProps, ColumnResizerRenderProps, RowProps, RowRenderProps, CellProps, CellRenderProps} from './Table';\nexport type {TabListProps, TabListRenderProps, TabPanelProps, TabPanelRenderProps, TabProps, TabsProps, TabRenderProps, TabsRenderProps} from './Tabs';\nexport type {TagGroupProps, TagListProps, TagListRenderProps, TagProps, TagRenderProps} from './TagGroup';\nexport type {TextAreaProps} from './TextArea';\nexport type {TextFieldProps, TextFieldRenderProps} from './TextField';\nexport type {TextProps} from './Text';\nexport type {ToastRegionProps, ToastListProps, ToastRegionRenderProps, ToastProps, ToastRenderProps} from './Toast';\nexport type {ToggleButtonProps, ToggleButtonRenderProps} from './ToggleButton';\nexport type {ToggleButtonGroupProps, ToggleButtonGroupRenderProps} from './ToggleButtonGroup';\nexport type {ToolbarProps, ToolbarRenderProps} from './Toolbar';\nexport type {TooltipProps, TooltipRenderProps, TooltipTriggerComponentProps} from './Tooltip';\nexport type {TreeProps, TreeRenderProps, TreeItemProps, TreeItemRenderProps, TreeItemContentProps, TreeItemContentRenderProps} from './Tree';\nexport type {DragAndDropHooks, DragAndDropOptions} from './useDragAndDrop';\nexport type {DropIndicatorProps, DropIndicatorRenderProps} from './DragAndDrop';\nexport type {ContextValue, RenderProps, SlotProps, StyleRenderProps} from './utils';\nexport type {VirtualizerProps} from './Virtualizer';\n\nexport type {DateValue, DateRange, TimeValue} from 'react-aria';\nexport type {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-aria';\nexport type {Color, ColorSpace, ColorFormat, Key, QueuedToast, Selection, SortDescriptor, SortDirection, SelectionMode, ToastOptions} from 'react-stately';\nexport type {ValidationResult, RouterConfig} from '@react-types/shared';\nexport type {ListLayoutOptions, GridLayoutOptions, WaterfallLayoutOptions} from '@react-stately/layout';\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { RefObject, DOMProps as _DOMProps1, ValidationResult, HoverEvents as _HoverEvents1, InputDOMProps,
|
|
1
|
+
import { AriaLabelingProps, RefObject, DOMProps as _DOMProps1, ValidationResult, HoverEvents as _HoverEvents1, InputDOMProps, CollectionBase, DropTargetDelegate, ItemDropTarget, Key, LayoutDelegate, DraggableCollectionProps, DroppableCollectionProps, LinkDOMProps, ValueBase, MultipleSelection, Node as _Node1, Orientation as _Orientation2, DisabledBehavior as _DisabledBehavior1, Expandable } from "@react-types/shared";
|
|
2
2
|
import React, { Context, CSSProperties, ForwardedRef, JSX, ReactNode, UIEvent, HTMLAttributes, LabelHTMLAttributes, InputHTMLAttributes, OutputHTMLAttributes, TextareaHTMLAttributes, ReactElement } from "react";
|
|
3
3
|
import { FormProps as _FormProps1 } from "@react-types/form";
|
|
4
4
|
import { AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, AriaColorAreaProps, AriaColorFieldProps, AriaSliderProps, AriaSliderThumbProps, Orientation, AriaColorSliderProps, AriaColorWheelOptions, AriaProgressBarProps, AriaButtonProps, HoverProps, AriaSearchFieldProps, AriaTextFieldProps, AriaLinkOptions, AriaBreadcrumbsProps, 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, DropOptions, AriaGridListProps, AriaMeterProps, AriaModalOverlayProps, AriaNumberFieldProps, AriaRadioGroupProps, AriaRadioProps, AriaSelectProps, AriaSwitchProps, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaToastProps, AriaToastRegionProps, AriaToggleButtonGroupProps, AriaToggleButtonProps, AriaPositionProps, Placement, AriaTreeItemOptions, AriaTreeProps } from "react-aria";
|
|
@@ -6,6 +6,7 @@ import { CheckboxGroupState, Color, ColorAreaState, ColorChannel, ColorFieldStat
|
|
|
6
6
|
import { AriaAutocompleteProps } from "@react-aria/autocomplete";
|
|
7
7
|
import { AutocompleteState } from "@react-stately/autocomplete";
|
|
8
8
|
import { CalendarDate, CalendarIdentifier, DateDuration, Calendar as _Calendar1 } from "@internationalized/date";
|
|
9
|
+
import { LoadMoreSentinelProps } from "@react-aria/utils";
|
|
9
10
|
import { TableColumnResizeState } from "@react-stately/table";
|
|
10
11
|
import { ColumnSize, ColumnStaticSize, TableProps as _TableProps1 } from "@react-types/table";
|
|
11
12
|
import { Layout } from "@react-stately/virtualizer";
|
|
@@ -38,7 +39,7 @@ interface ScrollableProps<T extends Element> {
|
|
|
38
39
|
/** Handler that is called when a user scrolls. See [MDN](https://developer.mozilla.org/en-US/docs/Web/API/Element/scroll_event). */
|
|
39
40
|
onScroll?: (e: UIEvent<T>) => void;
|
|
40
41
|
}
|
|
41
|
-
interface StyleRenderProps<T> {
|
|
42
|
+
export interface StyleRenderProps<T> {
|
|
42
43
|
/** 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. */
|
|
43
44
|
className?: string | ((values: T & {
|
|
44
45
|
defaultClassName: string | undefined;
|
|
@@ -48,12 +49,25 @@ interface StyleRenderProps<T> {
|
|
|
48
49
|
defaultStyle: CSSProperties;
|
|
49
50
|
}) => CSSProperties | undefined);
|
|
50
51
|
}
|
|
51
|
-
interface RenderProps<T> extends StyleRenderProps<T> {
|
|
52
|
+
export interface RenderProps<T> extends StyleRenderProps<T> {
|
|
52
53
|
/** The children of the component. A function may be provided to alter the children based on component state. */
|
|
53
54
|
children?: ReactNode | ((values: T & {
|
|
54
55
|
defaultChildren: ReactNode | undefined;
|
|
55
56
|
}) => ReactNode);
|
|
56
57
|
}
|
|
58
|
+
interface RenderPropsHookOptions<T> extends RenderProps<T>, _DOMProps1, AriaLabelingProps {
|
|
59
|
+
values: T;
|
|
60
|
+
defaultChildren?: ReactNode;
|
|
61
|
+
defaultClassName?: string;
|
|
62
|
+
defaultStyle?: CSSProperties;
|
|
63
|
+
}
|
|
64
|
+
interface RenderPropsHookRetVal {
|
|
65
|
+
className?: string;
|
|
66
|
+
style?: CSSProperties;
|
|
67
|
+
children?: ReactNode;
|
|
68
|
+
'data-rac': string;
|
|
69
|
+
}
|
|
70
|
+
export function useRenderProps<T>(props: RenderPropsHookOptions<T>): RenderPropsHookRetVal;
|
|
57
71
|
/**
|
|
58
72
|
* A helper function that accepts a user-provided render prop value (either a static value or a function),
|
|
59
73
|
* and combines it with another value to create a final result.
|
|
@@ -706,7 +720,7 @@ export const AutocompleteStateContext: React.Context<AutocompleteState | null>;
|
|
|
706
720
|
/**
|
|
707
721
|
* An autocomplete combines a TextField or SearchField with a Menu or ListBox, allowing users to search or filter a list of suggestions.
|
|
708
722
|
*/
|
|
709
|
-
export function Autocomplete(props: AutocompleteProps):
|
|
723
|
+
export function Autocomplete(props: AutocompleteProps): JSX.Element;
|
|
710
724
|
interface CollectionProps<T> extends Omit<CollectionBase<T>, 'children'> {
|
|
711
725
|
/** The contents of the collection. */
|
|
712
726
|
children?: ReactNode | ((item: T) => ReactNode);
|
|
@@ -782,7 +796,7 @@ export interface SectionProps<T> extends Omit<_SectionProps1<T>, 'children' | 't
|
|
|
782
796
|
dependencies?: ReadonlyArray<any>;
|
|
783
797
|
}
|
|
784
798
|
/** @deprecated */
|
|
785
|
-
export const Section: <T extends object>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) =>
|
|
799
|
+
export const Section: <T extends object>(props: SectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
|
|
786
800
|
interface CollectionBranchProps {
|
|
787
801
|
/** The collection of items to render. */
|
|
788
802
|
collection: Collection<Node<unknown>>;
|
|
@@ -885,7 +899,7 @@ export interface BreadcrumbProps extends RenderProps<BreadcrumbRenderProps> {
|
|
|
885
899
|
/**
|
|
886
900
|
* A Breadcrumb represents an individual item in a `<Breadcrumbs>` list.
|
|
887
901
|
*/
|
|
888
|
-
export const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<object>) => React.
|
|
902
|
+
export const Breadcrumb: (props: BreadcrumbProps & React.RefAttributes<object>) => React.ReactElement | null;
|
|
889
903
|
export interface CalendarRenderProps {
|
|
890
904
|
/**
|
|
891
905
|
* Whether the calendar is disabled.
|
|
@@ -941,11 +955,11 @@ export const RangeCalendarStateContext: React.Context<RangeCalendarState | null>
|
|
|
941
955
|
/**
|
|
942
956
|
* A calendar displays one or more date grids and allows users to select a single date.
|
|
943
957
|
*/
|
|
944
|
-
export const Calendar: <T extends DateValue>(props: CalendarProps<T> & React.RefAttributes<HTMLDivElement>) =>
|
|
958
|
+
export const Calendar: <T extends DateValue>(props: CalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
945
959
|
/**
|
|
946
960
|
* A range calendar displays one or more date grids and allows users to select a contiguous range of dates.
|
|
947
961
|
*/
|
|
948
|
-
export const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) =>
|
|
962
|
+
export const RangeCalendar: <T extends DateValue>(props: RangeCalendarProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
949
963
|
export interface CalendarCellRenderProps {
|
|
950
964
|
/** The date that the cell represents. */
|
|
951
965
|
date: CalendarDate;
|
|
@@ -1045,7 +1059,7 @@ export interface CalendarGridProps extends StyleProps {
|
|
|
1045
1059
|
* A calendar grid displays a single grid of days within a calendar or range calendar which
|
|
1046
1060
|
* can be keyboard navigated and selected by the user.
|
|
1047
1061
|
*/
|
|
1048
|
-
export const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) =>
|
|
1062
|
+
export const CalendarGrid: (props: CalendarGridProps & React.RefAttributes<HTMLTableElement>) => ReactElement | null;
|
|
1049
1063
|
export interface CalendarGridHeaderProps extends StyleProps {
|
|
1050
1064
|
/** A function to render a `<CalendarHeaderCell>` for a weekday name. */
|
|
1051
1065
|
children: (day: string) => ReactElement;
|
|
@@ -1053,7 +1067,7 @@ export interface CalendarGridHeaderProps extends StyleProps {
|
|
|
1053
1067
|
/**
|
|
1054
1068
|
* A calendar grid header displays a row of week day names at the top of a month.
|
|
1055
1069
|
*/
|
|
1056
|
-
export const CalendarGridHeader: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) =>
|
|
1070
|
+
export const CalendarGridHeader: (props: CalendarGridHeaderProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
1057
1071
|
export interface CalendarHeaderCellProps extends DOMProps {
|
|
1058
1072
|
}
|
|
1059
1073
|
/**
|
|
@@ -1067,7 +1081,7 @@ export interface CalendarGridBodyProps extends StyleProps {
|
|
|
1067
1081
|
/**
|
|
1068
1082
|
* A calendar grid body displays a grid of calendar cells within a month.
|
|
1069
1083
|
*/
|
|
1070
|
-
export const CalendarGridBody: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) =>
|
|
1084
|
+
export const CalendarGridBody: (props: CalendarGridBodyProps & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
1071
1085
|
export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps>, _HoverEvents1 {
|
|
1072
1086
|
/** The date to render in the cell. */
|
|
1073
1087
|
date: CalendarDate;
|
|
@@ -1075,7 +1089,7 @@ export interface CalendarCellProps extends RenderProps<CalendarCellRenderProps>,
|
|
|
1075
1089
|
/**
|
|
1076
1090
|
* A calendar cell displays a date cell within a calendar grid which can be selected by the user.
|
|
1077
1091
|
*/
|
|
1078
|
-
export const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) =>
|
|
1092
|
+
export const CalendarCell: (props: CalendarCellProps & React.RefAttributes<HTMLTableCellElement>) => ReactElement | null;
|
|
1079
1093
|
export interface ColorSwatchRenderProps {
|
|
1080
1094
|
/** The color of the swatch. */
|
|
1081
1095
|
color: Color;
|
|
@@ -1161,11 +1175,11 @@ interface DropIndicatorContextValue {
|
|
|
1161
1175
|
*/
|
|
1162
1176
|
export const DropIndicator: React.ForwardRefExoticComponent<DropIndicatorProps & React.RefAttributes<HTMLElement>>;
|
|
1163
1177
|
export const HeaderContext: React.Context<ContextValue<React.HTMLAttributes<HTMLElement>, HTMLElement>>;
|
|
1164
|
-
export const Header: (props: React.HTMLAttributes<HTMLElement> & React.RefAttributes<object>) => React.
|
|
1178
|
+
export const Header: (props: React.HTMLAttributes<HTMLElement> & React.RefAttributes<object>) => React.ReactElement | null;
|
|
1165
1179
|
export interface SeparatorProps extends _SeparatorProps1, StyleProps, SlotProps {
|
|
1166
1180
|
}
|
|
1167
1181
|
export const SeparatorContext: React.Context<ContextValue<SeparatorProps, HTMLElement>>;
|
|
1168
|
-
export const Separator: (props: SeparatorProps & React.RefAttributes<object>) => React.
|
|
1182
|
+
export const Separator: (props: SeparatorProps & React.RefAttributes<object>) => React.ReactElement | null;
|
|
1169
1183
|
export interface ListBoxRenderProps {
|
|
1170
1184
|
/**
|
|
1171
1185
|
* Whether the listbox has no items and should display its empty state.
|
|
@@ -1227,7 +1241,7 @@ export interface ListBoxSectionProps<T> extends SectionProps<T> {
|
|
|
1227
1241
|
/**
|
|
1228
1242
|
* A ListBoxSection represents a section within a ListBox.
|
|
1229
1243
|
*/
|
|
1230
|
-
export const ListBoxSection: <T extends object>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.
|
|
1244
|
+
export const ListBoxSection: <T extends object>(props: ListBoxSectionProps<T> & React.RefAttributes<HTMLElement>) => React.ReactElement | null;
|
|
1231
1245
|
export interface ListBoxItemRenderProps extends ItemRenderProps {
|
|
1232
1246
|
}
|
|
1233
1247
|
export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRenderProps>, LinkDOMProps, _HoverEvents1 {
|
|
@@ -1250,7 +1264,18 @@ export interface ListBoxItemProps<T = object> extends RenderProps<ListBoxItemRen
|
|
|
1250
1264
|
/**
|
|
1251
1265
|
* A ListBoxItem represents an individual option in a ListBox.
|
|
1252
1266
|
*/
|
|
1253
|
-
export const ListBoxItem: <T extends object>(props: ListBoxItemProps<T> & React.RefAttributes<T>) => React.
|
|
1267
|
+
export const ListBoxItem: <T extends object>(props: ListBoxItemProps<T> & React.RefAttributes<T>) => React.ReactElement | null;
|
|
1268
|
+
interface ListBoxLoadingSentinelProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps {
|
|
1269
|
+
/**
|
|
1270
|
+
* The load more spinner to render when loading additional items.
|
|
1271
|
+
*/
|
|
1272
|
+
children?: ReactNode;
|
|
1273
|
+
/**
|
|
1274
|
+
* Whether or not the loading spinner should be rendered or not.
|
|
1275
|
+
*/
|
|
1276
|
+
isLoading?: boolean;
|
|
1277
|
+
}
|
|
1278
|
+
export const UNSTABLE_ListBoxLoadingSentinel: <T extends object>(props: ListBoxLoadingSentinelProps & React.RefAttributes<T>) => React.ReactElement | null;
|
|
1254
1279
|
export interface ColorSwatchPickerRenderProps extends Omit<ListBoxRenderProps, 'isDropTarget'> {
|
|
1255
1280
|
}
|
|
1256
1281
|
export interface ColorSwatchPickerProps extends ValueBase<string | Color, Color>, AriaLabelingProps, StyleRenderProps<ColorSwatchPickerRenderProps> {
|
|
@@ -1290,7 +1315,7 @@ export const ColorPickerStateContext: React.Context<ColorPickerState | null>;
|
|
|
1290
1315
|
* A ColorPicker synchronizes a color value between multiple React Aria color components.
|
|
1291
1316
|
* It simplifies building color pickers with customizable layouts via composition.
|
|
1292
1317
|
*/
|
|
1293
|
-
export function ColorPicker(props: ColorPickerProps):
|
|
1318
|
+
export function ColorPicker(props: ColorPickerProps): JSX.Element;
|
|
1294
1319
|
export interface OverlayArrowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'children'>, RenderProps<OverlayArrowRenderProps>, _DOMProps1 {
|
|
1295
1320
|
}
|
|
1296
1321
|
export interface OverlayArrowRenderProps {
|
|
@@ -1375,7 +1400,7 @@ export const RootMenuTriggerStateContext: React.Context<RootMenuTriggerState | n
|
|
|
1375
1400
|
export interface MenuTriggerProps extends _MenuTriggerProps1 {
|
|
1376
1401
|
children: ReactNode;
|
|
1377
1402
|
}
|
|
1378
|
-
export function MenuTrigger(props: MenuTriggerProps):
|
|
1403
|
+
export function MenuTrigger(props: MenuTriggerProps): JSX.Element;
|
|
1379
1404
|
export interface SubmenuTriggerProps {
|
|
1380
1405
|
/**
|
|
1381
1406
|
* The contents of the SubmenuTrigger. The first child should be an Item (the trigger) and the second child should be the Popover (for the submenu).
|
|
@@ -1392,7 +1417,7 @@ export interface SubmenuTriggerProps {
|
|
|
1392
1417
|
*
|
|
1393
1418
|
* @version alpha
|
|
1394
1419
|
*/
|
|
1395
|
-
export const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) =>
|
|
1420
|
+
export const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1396
1421
|
interface MenuRenderProps {
|
|
1397
1422
|
/**
|
|
1398
1423
|
* Whether the menu has no items and should display its empty state.
|
|
@@ -1407,13 +1432,13 @@ export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, Collec
|
|
|
1407
1432
|
/**
|
|
1408
1433
|
* A menu displays a list of actions or options that a user can choose.
|
|
1409
1434
|
*/
|
|
1410
|
-
export const Menu: <T extends object>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) =>
|
|
1435
|
+
export const Menu: <T extends object>(props: MenuProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1411
1436
|
export interface MenuSectionProps<T> extends SectionProps<T>, MultipleSelection {
|
|
1412
1437
|
}
|
|
1413
1438
|
/**
|
|
1414
1439
|
* A MenuSection represents a section within a Menu.
|
|
1415
1440
|
*/
|
|
1416
|
-
export const MenuSection: <T extends object>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) =>
|
|
1441
|
+
export const MenuSection: <T extends object>(props: MenuSectionProps<T> & React.RefAttributes<HTMLElement>) => ReactElement | null;
|
|
1417
1442
|
export interface MenuItemRenderProps extends ItemRenderProps {
|
|
1418
1443
|
/**
|
|
1419
1444
|
* Whether the item has a submenu.
|
|
@@ -1445,7 +1470,7 @@ export interface MenuItemProps<T = object> extends RenderProps<MenuItemRenderPro
|
|
|
1445
1470
|
/**
|
|
1446
1471
|
* A MenuItem represents an individual action in a Menu.
|
|
1447
1472
|
*/
|
|
1448
|
-
export const MenuItem: <T extends object>(props: MenuItemProps<T> & React.RefAttributes<T>) =>
|
|
1473
|
+
export const MenuItem: <T extends object>(props: MenuItemProps<T> & React.RefAttributes<T>) => ReactElement | null;
|
|
1449
1474
|
export interface DialogTriggerProps extends OverlayTriggerProps {
|
|
1450
1475
|
children: ReactNode;
|
|
1451
1476
|
}
|
|
@@ -1461,7 +1486,7 @@ export const OverlayTriggerStateContext: React.Context<OverlayTriggerState | nul
|
|
|
1461
1486
|
/**
|
|
1462
1487
|
* A DialogTrigger opens a dialog when a trigger element is pressed.
|
|
1463
1488
|
*/
|
|
1464
|
-
export function DialogTrigger(props: DialogTriggerProps):
|
|
1489
|
+
export function DialogTrigger(props: DialogTriggerProps): JSX.Element;
|
|
1465
1490
|
/**
|
|
1466
1491
|
* A dialog is an overlay shown above other content in an application.
|
|
1467
1492
|
*/
|
|
@@ -1534,12 +1559,12 @@ export const TimeFieldStateContext: React.Context<TimeFieldState | null>;
|
|
|
1534
1559
|
* A date field allows users to enter and edit date and time values using a keyboard.
|
|
1535
1560
|
* Each part of a date value is displayed in an individually editable segment.
|
|
1536
1561
|
*/
|
|
1537
|
-
export const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) =>
|
|
1562
|
+
export const DateField: <T extends DateValue>(props: DateFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1538
1563
|
/**
|
|
1539
1564
|
* A time field allows users to enter and edit time values using a keyboard.
|
|
1540
1565
|
* Each part of a time value is displayed in an individually editable segment.
|
|
1541
1566
|
*/
|
|
1542
|
-
export const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) =>
|
|
1567
|
+
export const TimeField: <T extends TimeValue>(props: TimeFieldProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1543
1568
|
export interface DateInputRenderProps {
|
|
1544
1569
|
/**
|
|
1545
1570
|
* Whether the date input is currently hovered with a mouse.
|
|
@@ -1573,7 +1598,7 @@ export interface DateInputProps extends SlotProps, StyleRenderProps<DateInputRen
|
|
|
1573
1598
|
/**
|
|
1574
1599
|
* A date input groups the editable date segments within a date field.
|
|
1575
1600
|
*/
|
|
1576
|
-
export const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) =>
|
|
1601
|
+
export const DateInput: (props: DateInputProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1577
1602
|
export interface DateSegmentRenderProps extends Omit<_DateSegment1, 'isEditable'> {
|
|
1578
1603
|
/**
|
|
1579
1604
|
* Whether the segment is currently hovered with a mouse.
|
|
@@ -1623,7 +1648,7 @@ export interface DateSegmentProps extends RenderProps<DateSegmentRenderProps>, H
|
|
|
1623
1648
|
* A date segment displays an individual unit of a date and time, and allows users to edit
|
|
1624
1649
|
* the value by typing or using the arrow keys to increment and decrement.
|
|
1625
1650
|
*/
|
|
1626
|
-
export const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLDivElement>) =>
|
|
1651
|
+
export const DateSegment: (props: DateSegmentProps & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
1627
1652
|
export interface DatePickerRenderProps {
|
|
1628
1653
|
/**
|
|
1629
1654
|
* Whether an element within the date picker is focused, either via a mouse or keyboard.
|
|
@@ -1889,7 +1914,18 @@ export interface GridListItemProps<T = object> extends RenderProps<GridListItemR
|
|
|
1889
1914
|
/**
|
|
1890
1915
|
* A GridListItem represents an individual item in a GridList.
|
|
1891
1916
|
*/
|
|
1892
|
-
export const GridListItem: <T extends object>(props: GridListItemProps<T> & React.RefAttributes<T>) => React.
|
|
1917
|
+
export const GridListItem: <T extends object>(props: GridListItemProps<T> & React.RefAttributes<T>) => React.ReactElement | null;
|
|
1918
|
+
interface GridListLoadingSentinelProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps {
|
|
1919
|
+
/**
|
|
1920
|
+
* The load more spinner to render when loading additional items.
|
|
1921
|
+
*/
|
|
1922
|
+
children?: ReactNode;
|
|
1923
|
+
/**
|
|
1924
|
+
* Whether or not the loading spinner should be rendered or not.
|
|
1925
|
+
*/
|
|
1926
|
+
isLoading?: boolean;
|
|
1927
|
+
}
|
|
1928
|
+
export const UNSTABLE_GridListLoadingSentinel: <T extends object>(props: GridListLoadingSentinelProps & React.RefAttributes<T>) => React.ReactElement | null;
|
|
1893
1929
|
export interface MeterProps extends Omit<AriaMeterProps, 'label'>, RenderProps<MeterRenderProps>, SlotProps {
|
|
1894
1930
|
}
|
|
1895
1931
|
export interface MeterRenderProps {
|
|
@@ -2108,6 +2144,11 @@ export interface SelectRenderProps {
|
|
|
2108
2144
|
isRequired: boolean;
|
|
2109
2145
|
}
|
|
2110
2146
|
export interface SelectProps<T extends object = {}> extends Omit<AriaSelectProps<T>, 'children' | 'label' | 'description' | 'errorMessage' | 'validationState' | 'validationBehavior' | 'items'>, RACValidation, RenderProps<SelectRenderProps>, SlotProps {
|
|
2147
|
+
/**
|
|
2148
|
+
* Temporary text that occupies the select when it is empty.
|
|
2149
|
+
* @default 'Select an item' (localized)
|
|
2150
|
+
*/
|
|
2151
|
+
placeholder?: string;
|
|
2111
2152
|
}
|
|
2112
2153
|
export const SelectContext: React.Context<ContextValue<SelectProps<any>, HTMLDivElement>>;
|
|
2113
2154
|
export const SelectStateContext: React.Context<SelectState<unknown> | null>;
|
|
@@ -2283,7 +2324,7 @@ export interface TableHeaderProps<T> extends StyleRenderProps<TableHeaderRenderP
|
|
|
2283
2324
|
/**
|
|
2284
2325
|
* A header within a `<Table>`, containing the table columns.
|
|
2285
2326
|
*/
|
|
2286
|
-
export const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<HTMLTableSectionElement>) =>
|
|
2327
|
+
export const TableHeader: <T extends object>(props: TableHeaderProps<T> & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
2287
2328
|
export interface ColumnRenderProps {
|
|
2288
2329
|
/**
|
|
2289
2330
|
* Whether the item is currently hovered with a mouse.
|
|
@@ -2345,7 +2386,7 @@ export interface ColumnProps extends RenderProps<ColumnRenderProps> {
|
|
|
2345
2386
|
/**
|
|
2346
2387
|
* A column within a `<Table>`.
|
|
2347
2388
|
*/
|
|
2348
|
-
export const Column: (props: ColumnProps & React.RefAttributes<object>) =>
|
|
2389
|
+
export const Column: (props: ColumnProps & React.RefAttributes<object>) => ReactElement | null;
|
|
2349
2390
|
export interface ColumnResizerRenderProps {
|
|
2350
2391
|
/**
|
|
2351
2392
|
* Whether the resizer is currently hovered with a mouse.
|
|
@@ -2397,7 +2438,7 @@ export interface TableBodyProps<T> extends Omit<CollectionProps<T>, 'disabledKey
|
|
|
2397
2438
|
/**
|
|
2398
2439
|
* The body of a `<Table>`, containing the table rows.
|
|
2399
2440
|
*/
|
|
2400
|
-
export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<HTMLTableSectionElement>) =>
|
|
2441
|
+
export const TableBody: <T extends object>(props: TableBodyProps<T> & React.RefAttributes<HTMLTableSectionElement>) => ReactElement | null;
|
|
2401
2442
|
export interface RowRenderProps extends ItemRenderProps {
|
|
2402
2443
|
/** Whether the row's children have keyboard focus. */
|
|
2403
2444
|
isFocusVisibleWithin: boolean;
|
|
@@ -2428,7 +2469,7 @@ export interface RowProps<T> extends StyleRenderProps<RowRenderProps>, LinkDOMPr
|
|
|
2428
2469
|
/**
|
|
2429
2470
|
* A row within a `<Table>`.
|
|
2430
2471
|
*/
|
|
2431
|
-
export const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<HTMLTableRowElement>) =>
|
|
2472
|
+
export const Row: <T extends object>(props: RowProps<T> & React.RefAttributes<HTMLTableRowElement>) => ReactElement | null;
|
|
2432
2473
|
export interface CellRenderProps {
|
|
2433
2474
|
/**
|
|
2434
2475
|
* Whether the cell is currently in a pressed state.
|
|
@@ -2466,11 +2507,18 @@ export interface CellProps extends RenderProps<CellRenderProps> {
|
|
|
2466
2507
|
/**
|
|
2467
2508
|
* A cell within a table row.
|
|
2468
2509
|
*/
|
|
2469
|
-
export const Cell: (props: CellProps & React.RefAttributes<object>) =>
|
|
2470
|
-
interface
|
|
2510
|
+
export const Cell: (props: CellProps & React.RefAttributes<object>) => ReactElement | null;
|
|
2511
|
+
interface TableLoadingSentinelProps extends Omit<LoadMoreSentinelProps, 'collection'>, StyleProps {
|
|
2512
|
+
/**
|
|
2513
|
+
* The load more spinner to render when loading additional items.
|
|
2514
|
+
*/
|
|
2471
2515
|
children?: ReactNode;
|
|
2516
|
+
/**
|
|
2517
|
+
* Whether or not the loading spinner should be rendered or not.
|
|
2518
|
+
*/
|
|
2519
|
+
isLoading?: boolean;
|
|
2472
2520
|
}
|
|
2473
|
-
export const
|
|
2521
|
+
export const UNSTABLE_TableLoadingSentinel: <T extends object>(props: TableLoadingSentinelProps & React.RefAttributes<T>) => ReactElement | null;
|
|
2474
2522
|
interface LayoutOptionsDelegate<O> {
|
|
2475
2523
|
useLayoutOptions?(): O;
|
|
2476
2524
|
}
|
|
@@ -2492,7 +2540,7 @@ export interface VirtualizerProps<O> {
|
|
|
2492
2540
|
* It supports very large collections by only rendering visible items to the DOM, reusing
|
|
2493
2541
|
* them as the user scrolls.
|
|
2494
2542
|
*/
|
|
2495
|
-
export function Virtualizer<O>(props: VirtualizerProps<O>):
|
|
2543
|
+
export function Virtualizer<O>(props: VirtualizerProps<O>): JSX.Element;
|
|
2496
2544
|
export class TableLayout<T, O extends TableLayoutProps = TableLayoutProps> extends _TableLayout1<T, O> implements LayoutOptionsDelegate<TableLayoutProps> {
|
|
2497
2545
|
useLayoutOptions(): TableLayoutProps;
|
|
2498
2546
|
}
|
|
@@ -2600,7 +2648,7 @@ export const TabList: <T extends object>(props: TabListProps<T> & React.RefAttri
|
|
|
2600
2648
|
/**
|
|
2601
2649
|
* A Tab provides a title for an individual item within a TabList.
|
|
2602
2650
|
*/
|
|
2603
|
-
export const Tab: (props: TabProps & React.RefAttributes<object>) => React.
|
|
2651
|
+
export const Tab: (props: TabProps & React.RefAttributes<object>) => React.ReactElement | null;
|
|
2604
2652
|
/**
|
|
2605
2653
|
* A TabPanel provides the content for a tab.
|
|
2606
2654
|
*/
|
|
@@ -2663,7 +2711,7 @@ export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _Ho
|
|
|
2663
2711
|
/**
|
|
2664
2712
|
* A Tag is an individual item within a TagList.
|
|
2665
2713
|
*/
|
|
2666
|
-
export const Tag: (props: TagProps & React.RefAttributes<object>) => React.
|
|
2714
|
+
export const Tag: (props: TagProps & React.RefAttributes<object>) => React.ReactElement | null;
|
|
2667
2715
|
export const UNSTABLE_ToastStateContext: React.Context<ToastState<any> | null>;
|
|
2668
2716
|
export interface ToastRegionRenderProps<T> {
|
|
2669
2717
|
/** A list of all currently visible toasts. */
|
|
@@ -2695,14 +2743,14 @@ export interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderPr
|
|
|
2695
2743
|
/**
|
|
2696
2744
|
* A ToastRegion displays one or more toast notifications.
|
|
2697
2745
|
*/
|
|
2698
|
-
export const UNSTABLE_ToastRegion: <T>(props: ToastRegionProps<T> & React.RefAttributes<HTMLDivElement>) =>
|
|
2746
|
+
export const UNSTABLE_ToastRegion: <T>(props: ToastRegionProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
2699
2747
|
export interface ToastListProps<T> extends Omit<ToastRegionProps<T>, 'queue' | 'children'> {
|
|
2700
2748
|
/** A function to render each toast. */
|
|
2701
2749
|
children: (renderProps: {
|
|
2702
2750
|
toast: QueuedToast<T>;
|
|
2703
2751
|
}) => ReactElement;
|
|
2704
2752
|
}
|
|
2705
|
-
export const UNSTABLE_ToastList: <T>(props: ToastListProps<T> & React.RefAttributes<HTMLOListElement>) =>
|
|
2753
|
+
export const UNSTABLE_ToastList: <T>(props: ToastListProps<T> & React.RefAttributes<HTMLOListElement>) => ReactElement | null;
|
|
2706
2754
|
export interface ToastRenderProps<T> {
|
|
2707
2755
|
/**
|
|
2708
2756
|
* The toast object to display.
|
|
@@ -2724,7 +2772,7 @@ export interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRende
|
|
|
2724
2772
|
/**
|
|
2725
2773
|
* A Toast displays a brief, temporary notification of actions, errors, or other events in an application.
|
|
2726
2774
|
*/
|
|
2727
|
-
export const UNSTABLE_Toast: <T>(props: ToastProps<T> & React.RefAttributes<HTMLDivElement>) =>
|
|
2775
|
+
export const UNSTABLE_Toast: <T>(props: ToastProps<T> & React.RefAttributes<HTMLDivElement>) => ReactElement | null;
|
|
2728
2776
|
/**
|
|
2729
2777
|
* ToastContent wraps the main content of a toast notification.
|
|
2730
2778
|
*/
|
|
@@ -2841,7 +2889,7 @@ export const TooltipContext: React.Context<ContextValue<TooltipProps, HTMLDivEle
|
|
|
2841
2889
|
* the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
|
|
2842
2890
|
* relative to the trigger.
|
|
2843
2891
|
*/
|
|
2844
|
-
export function TooltipTrigger(props: TooltipTriggerComponentProps):
|
|
2892
|
+
export function TooltipTrigger(props: TooltipTriggerComponentProps): JSX.Element;
|
|
2845
2893
|
/**
|
|
2846
2894
|
* A tooltip displays a description of an element on hover or focus.
|
|
2847
2895
|
*/
|
|
@@ -2917,7 +2965,7 @@ export interface TreeItemContentRenderProps extends TreeItemRenderProps {
|
|
|
2917
2965
|
}
|
|
2918
2966
|
export interface TreeItemContentProps extends Pick<RenderProps<TreeItemContentRenderProps>, 'children'> {
|
|
2919
2967
|
}
|
|
2920
|
-
export const TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<object>) => React.
|
|
2968
|
+
export const TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<object>) => React.ReactElement | null;
|
|
2921
2969
|
export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRenderProps>, LinkDOMProps, _HoverEvents1, Pick<AriaTreeItemOptions, 'hasChildItems'> {
|
|
2922
2970
|
/** The unique id of the tree row. */
|
|
2923
2971
|
id?: Key;
|
|
@@ -2940,7 +2988,7 @@ export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRend
|
|
|
2940
2988
|
/**
|
|
2941
2989
|
* A TreeItem represents an individual item in a Tree.
|
|
2942
2990
|
*/
|
|
2943
|
-
export const TreeItem: <T extends object>(props: TreeItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.
|
|
2991
|
+
export const TreeItem: <T extends object>(props: TreeItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2944
2992
|
interface UNSTABLE_TreeLoadingIndicatorRenderProps {
|
|
2945
2993
|
/**
|
|
2946
2994
|
* What level the tree item has within the tree.
|
|
@@ -2950,7 +2998,7 @@ interface UNSTABLE_TreeLoadingIndicatorRenderProps {
|
|
|
2950
2998
|
}
|
|
2951
2999
|
interface TreeLoaderProps extends RenderProps<UNSTABLE_TreeLoadingIndicatorRenderProps>, StyleRenderProps<UNSTABLE_TreeLoadingIndicatorRenderProps> {
|
|
2952
3000
|
}
|
|
2953
|
-
export const UNSTABLE_TreeLoadingIndicator: <T extends object>(props: TreeLoaderProps & React.RefAttributes<T>) => React.
|
|
3001
|
+
export const UNSTABLE_TreeLoadingIndicator: <T extends object>(props: TreeLoaderProps & React.RefAttributes<T>) => React.ReactElement | null;
|
|
2954
3002
|
export { Collection, createLeafComponent as UNSTABLE_createLeafComponent, createBranchComponent as UNSTABLE_createBranchComponent, CollectionBuilder as UNSTABLE_CollectionBuilder } from '@react-aria/collections';
|
|
2955
3003
|
export { DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider, useLocale, useFilter, Pressable, Focusable } from 'react-aria';
|
|
2956
3004
|
export { FormValidationContext, parseColor, getColorChannels, ToastQueue as UNSTABLE_ToastQueue } from 'react-stately';
|