react-aria-components 3.0.0-nightly-412a51816-250219 → 3.0.0-nightly-a792c1ad5-250222
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 +20 -10
- package/dist/Autocomplete.main.js.map +1 -1
- package/dist/Autocomplete.mjs +20 -10
- package/dist/Autocomplete.module.js +20 -10
- package/dist/Autocomplete.module.js.map +1 -1
- package/dist/GridList.main.js.map +1 -1
- package/dist/GridList.module.js.map +1 -1
- package/dist/Group.main.js.map +1 -1
- package/dist/Group.module.js.map +1 -1
- package/dist/ListBox.main.js +16 -16
- package/dist/ListBox.main.js.map +1 -1
- package/dist/ListBox.mjs +17 -17
- package/dist/ListBox.module.js +17 -17
- package/dist/ListBox.module.js.map +1 -1
- package/dist/Menu.main.js +72 -7
- package/dist/Menu.main.js.map +1 -1
- package/dist/Menu.mjs +72 -8
- package/dist/Menu.module.js +72 -8
- package/dist/Menu.module.js.map +1 -1
- package/dist/Popover.main.js +38 -14
- package/dist/Popover.main.js.map +1 -1
- package/dist/Popover.mjs +39 -15
- package/dist/Popover.module.js +39 -15
- package/dist/Popover.module.js.map +1 -1
- package/dist/SearchField.main.js +3 -1
- package/dist/SearchField.main.js.map +1 -1
- package/dist/SearchField.mjs +4 -2
- package/dist/SearchField.module.js +4 -2
- package/dist/SearchField.module.js.map +1 -1
- package/dist/Table.main.js +10 -38
- package/dist/Table.main.js.map +1 -1
- package/dist/Table.mjs +10 -38
- package/dist/Table.module.js +10 -38
- package/dist/Table.module.js.map +1 -1
- package/dist/TableLayout.main.js.map +1 -1
- package/dist/TableLayout.module.js.map +1 -1
- package/dist/TextField.main.js +3 -1
- package/dist/TextField.main.js.map +1 -1
- package/dist/TextField.mjs +4 -2
- package/dist/TextField.module.js +4 -2
- package/dist/TextField.module.js.map +1 -1
- package/dist/Toast.main.js +150 -0
- package/dist/Toast.main.js.map +1 -0
- package/dist/Toast.mjs +139 -0
- package/dist/Toast.module.js +139 -0
- package/dist/Toast.module.js.map +1 -0
- package/dist/Tree.main.js +26 -25
- package/dist/Tree.main.js.map +1 -1
- package/dist/Tree.mjs +21 -20
- package/dist/Tree.module.js +21 -20
- package/dist/Tree.module.js.map +1 -1
- package/dist/Virtualizer.main.js +4 -1
- package/dist/Virtualizer.main.js.map +1 -1
- package/dist/Virtualizer.mjs +4 -1
- package/dist/Virtualizer.module.js +4 -1
- package/dist/Virtualizer.module.js.map +1 -1
- package/dist/import.mjs +11 -5
- package/dist/main.js +32 -13
- package/dist/main.js.map +1 -1
- package/dist/module.js +11 -5
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +136 -28
- package/dist/types.d.ts.map +1 -1
- package/i18n/index.js +1 -1
- package/i18n/index.mjs +1 -1
- package/package.json +34 -32
- package/src/Autocomplete.tsx +14 -11
- package/src/GridList.tsx +5 -0
- package/src/Group.tsx +1 -0
- package/src/ListBox.tsx +9 -8
- package/src/Menu.tsx +68 -10
- package/src/Popover.tsx +47 -21
- package/src/SearchField.tsx +3 -3
- package/src/Table.tsx +10 -40
- package/src/TableLayout.ts +1 -1
- package/src/TextField.tsx +3 -3
- package/src/Toast.tsx +185 -0
- package/src/Tree.tsx +50 -37
- package/src/Virtualizer.tsx +18 -3
- package/src/index.ts +13 -7
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 {UNSTABLE_Autocomplete, UNSTABLE_AutocompleteContext, UNSTABLE_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 as UNSTABLE_CollectionRendererContext, DefaultCollectionRenderer as UNSTABLE_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 as UNSTABLE_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 {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, UNSTABLE_Tree, UNSTABLE_TreeItem, UNSTABLE_TreeContext, UNSTABLE_TreeItemContent, UNSTABLE_TreeStateContext} from './Tree';\nexport {useDragAndDrop} from './useDragAndDrop';\nexport {DropIndicator, DropIndicatorContext, DragAndDropContext} from './DragAndDrop';\nexport {Virtualizer as UNSTABLE_Virtualizer} from './Virtualizer';\nexport {DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider, useLocale, useFilter, Pressable, Focusable} from 'react-aria';\nexport {FormValidationContext} from 'react-stately';\nexport {parseColor, getColorChannels} from '@react-stately/color';\nexport {ListLayout as UNSTABLE_ListLayout, GridLayout as UNSTABLE_GridLayout} from '@react-stately/layout';\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 {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 {Key, Selection, SortDescriptor, SortDirection, SelectionMode} from 'react-stately';\nexport type {ValidationResult, RouterConfig} from '@react-types/shared';\nexport type {Color, ColorSpace, ColorFormat} from '@react-types/color';\nexport type {ListLayoutOptions, GridLayoutOptions} 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, 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, SubDialogTrigger as UNSTABLE_SubDialogTrigger} 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, ToastRegion as UNSTABLE_ToastRegion, ToastContent as UNSTABLE_ToastContent} 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 {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} from 'react-stately';\nexport {parseColor, getColorChannels} from '@react-stately/color';\nexport {ListLayout as UNSTABLE_ListLayout, GridLayout as UNSTABLE_GridLayout} from '@react-stately/layout';\nexport {ToastQueue as UNSTABLE_ToastQueue} from '@react-stately/toast';\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, ToastRegionRenderProps, ToastProps, ToastRenderProps} from './Toast';\nexport type {ToastOptions} from '@react-stately/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 {Key, Selection, SortDescriptor, SortDirection, SelectionMode} from 'react-stately';\nexport type {ValidationResult, RouterConfig} from '@react-types/shared';\nexport type {Color, ColorSpace, ColorFormat} from '@react-types/color';\nexport type {ListLayoutOptions, GridLayoutOptions, WaterfallLayoutOptions} from '@react-stately/layout';\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/dist/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RefObject, DOMProps as _DOMProps1, ValidationResult, HoverEvents as _HoverEvents1, InputDOMProps, AriaLabelingProps, 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
|
-
import { AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, AriaSliderProps, AriaSliderThumbProps, Orientation, AriaProgressBarProps, AriaButtonProps, HoverProps, AriaSearchFieldProps, AriaTextFieldProps, AriaLinkOptions, AriaBreadcrumbsProps, AriaCalendarProps, AriaRangeCalendarProps, DateValue, 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, DropOptions, AriaGridListProps, AriaMeterProps, AriaModalOverlayProps, AriaNumberFieldProps, AriaRadioGroupProps, AriaRadioProps, AriaSelectProps, AriaSwitchProps, Key as _Key1, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaToggleButtonGroupProps, AriaToggleButtonProps, AriaPositionProps, Placement } from "react-aria";
|
|
4
|
+
import { AriaCheckboxGroupProps, AriaCheckboxProps, HoverEvents, AriaSliderProps, AriaSliderThumbProps, Orientation, AriaProgressBarProps, AriaButtonProps, HoverProps, AriaSearchFieldProps, AriaTextFieldProps, AriaLinkOptions, AriaBreadcrumbsProps, AriaCalendarProps, AriaRangeCalendarProps, DateValue, 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, DropOptions, AriaGridListProps, AriaMeterProps, AriaModalOverlayProps, AriaNumberFieldProps, AriaRadioGroupProps, AriaRadioProps, AriaSelectProps, AriaSwitchProps, Key as _Key1, AriaTabListProps, AriaTabPanelProps, AriaTagGroupProps, AriaToggleButtonGroupProps, AriaToggleButtonProps, AriaPositionProps, Placement, AriaTreeItemOptions, AriaTreeProps } from "react-aria";
|
|
5
5
|
import { CheckboxGroupState, SliderState, SearchFieldState, Collection, Node, SelectionBehavior, SelectionMode, SectionProps as _SectionProps1, CalendarState, RangeCalendarState, DraggableCollectionState, DraggableCollectionStateOptions, DroppableCollectionState, DroppableCollectionStateOptions, ListState, Orientation as _Orientation1, OverlayTriggerProps, MenuTriggerProps as _MenuTriggerProps1, TreeState, OverlayTriggerState, ComboBoxState, DateFieldState, DateSegmentType, DateSegment as _DateSegment1, TimeFieldState, DatePickerState, DatePickerStateOptions, DateRangePickerState, DateRangePickerStateOptions, NumberFieldState, RadioGroupState, SelectState, ToggleState, DisabledBehavior, SortDirection, TableState, TabListState, ToggleGroupState, TooltipTriggerProps, TooltipTriggerState } from "react-stately";
|
|
6
6
|
import { Color, AriaColorAreaProps, ColorChannel, ColorSpace, AriaColorSliderProps } from "@react-types/color";
|
|
7
7
|
import { ColorAreaState, ColorFieldState, ColorSliderState, ColorWheelState, Color as _Color1, ColorPickerState, ColorPickerProps as _ColorPickerProps1 } from "@react-stately/color";
|
|
@@ -15,9 +15,10 @@ import { DisclosureGroupState, DisclosureState, DisclosureGroupProps as _Disclos
|
|
|
15
15
|
import { TableColumnResizeState } from "@react-stately/table";
|
|
16
16
|
import { ColumnSize, ColumnStaticSize, TableProps as _TableProps1 } from "@react-types/table";
|
|
17
17
|
import { Layout } from "@react-stately/virtualizer";
|
|
18
|
-
import { TableLayout, TableLayoutProps } from "@react-stately/layout";
|
|
18
|
+
import { TableLayout as _TableLayout1, TableLayoutProps } from "@react-stately/layout";
|
|
19
|
+
import { AriaToastProps, AriaToastRegionProps } from "@react-aria/toast";
|
|
20
|
+
import { QueuedToast, ToastQueue } from "@react-stately/toast";
|
|
19
21
|
import { AriaToolbarProps } from "@react-aria/toolbar";
|
|
20
|
-
import { AriaTreeGridListItemOptions, AriaTreeGridListProps } from "@react-aria/tree";
|
|
21
22
|
export const DEFAULT_SLOT: unique symbol;
|
|
22
23
|
interface SlottedValue<T> {
|
|
23
24
|
slots?: Record<string | symbol, T>;
|
|
@@ -708,12 +709,12 @@ export const TextFieldContext: React.Context<ContextValue<TextFieldProps, HTMLDi
|
|
|
708
709
|
export const TextField: (props: TextFieldProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
709
710
|
export interface AutocompleteProps extends AriaAutocompleteProps, SlotProps {
|
|
710
711
|
}
|
|
711
|
-
export const
|
|
712
|
-
export const
|
|
712
|
+
export const AutocompleteContext: React.Context<SlottedContextValue<Partial<AutocompleteProps>>>;
|
|
713
|
+
export const AutocompleteStateContext: React.Context<AutocompleteState | null>;
|
|
713
714
|
/**
|
|
714
|
-
*
|
|
715
|
+
* An autocomplete combines a text input with a menu, allowing users to filter a list of options to items matching a query.
|
|
715
716
|
*/
|
|
716
|
-
export function
|
|
717
|
+
export function Autocomplete(props: AutocompleteProps): React.JSX.Element;
|
|
717
718
|
interface CollectionProps<T> extends Omit<CollectionBase<T>, 'children'> {
|
|
718
719
|
/** The contents of the collection. */
|
|
719
720
|
children?: ReactNode | ((item: T) => ReactNode);
|
|
@@ -820,8 +821,8 @@ export interface CollectionRenderer {
|
|
|
820
821
|
/** A component that renders the child collection items. */
|
|
821
822
|
CollectionBranch: React.ComponentType<CollectionBranchProps>;
|
|
822
823
|
}
|
|
823
|
-
export const
|
|
824
|
-
export const
|
|
824
|
+
export const DefaultCollectionRenderer: CollectionRenderer;
|
|
825
|
+
export const CollectionRendererContext: React.Context<CollectionRenderer>;
|
|
825
826
|
export interface LinkProps extends Omit<AriaLinkOptions, 'elementType'>, HoverEvents, RenderProps<LinkRenderProps>, SlotProps {
|
|
826
827
|
}
|
|
827
828
|
export interface LinkRenderProps {
|
|
@@ -1300,7 +1301,7 @@ export interface OverlayArrowRenderProps {
|
|
|
1300
1301
|
* such as a popover or tooltip such that it aligns with a trigger element.
|
|
1301
1302
|
*/
|
|
1302
1303
|
export const OverlayArrow: (props: OverlayArrowProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
1303
|
-
export interface PopoverProps extends Omit<PositionProps, 'isOpen'>, Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'offset' | 'arrowSize'>, OverlayTriggerProps, RenderProps<PopoverRenderProps>, SlotProps {
|
|
1304
|
+
export interface PopoverProps extends Omit<PositionProps, 'isOpen'>, Omit<AriaPopoverProps, 'popoverRef' | 'triggerRef' | 'groupRef' | 'offset' | 'arrowSize'>, OverlayTriggerProps, RenderProps<PopoverRenderProps>, SlotProps {
|
|
1304
1305
|
/**
|
|
1305
1306
|
* The name of the component that triggered the popover. This is reflected on the element
|
|
1306
1307
|
* as the `data-trigger` attribute, and can be used to provide specific
|
|
@@ -1387,6 +1388,23 @@ export interface SubmenuTriggerProps {
|
|
|
1387
1388
|
* @version alpha
|
|
1388
1389
|
*/
|
|
1389
1390
|
export const SubmenuTrigger: (props: SubmenuTriggerProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
1391
|
+
interface SubDialogTriggerProps {
|
|
1392
|
+
/**
|
|
1393
|
+
* The contents of the SubDialogTrigger. The first child should be an Item (the trigger) and the second child should be the Popover (for the subdialog).
|
|
1394
|
+
*/
|
|
1395
|
+
children: ReactElement[];
|
|
1396
|
+
/**
|
|
1397
|
+
* The delay time in milliseconds for the subdialog to appear after hovering over the trigger.
|
|
1398
|
+
* @default 200
|
|
1399
|
+
*/
|
|
1400
|
+
delay?: number;
|
|
1401
|
+
}
|
|
1402
|
+
/**
|
|
1403
|
+
* A subdialog trigger is used to wrap a subdialog's trigger item and the subdialog itself.
|
|
1404
|
+
*
|
|
1405
|
+
* @version alpha
|
|
1406
|
+
*/
|
|
1407
|
+
export const UNSTABLE_SubDialogTrigger: (props: SubDialogTriggerProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
1390
1408
|
export interface MenuProps<T> extends Omit<AriaMenuProps<T>, 'children'>, CollectionProps<T>, StyleProps, SlotProps, ScrollableProps<HTMLDivElement> {
|
|
1391
1409
|
}
|
|
1392
1410
|
/**
|
|
@@ -1831,6 +1849,11 @@ export interface GridListRenderProps {
|
|
|
1831
1849
|
state: ListState<unknown>;
|
|
1832
1850
|
}
|
|
1833
1851
|
export interface GridListProps<T> extends Omit<AriaGridListProps<T>, 'children'>, CollectionProps<T>, StyleRenderProps<GridListRenderProps>, SlotProps, ScrollableProps<HTMLDivElement> {
|
|
1852
|
+
/**
|
|
1853
|
+
* Whether typeahead navigation is disabled.
|
|
1854
|
+
* @default false
|
|
1855
|
+
*/
|
|
1856
|
+
disallowTypeAhead?: boolean;
|
|
1834
1857
|
/** How multiple selection should behave in the collection. */
|
|
1835
1858
|
selectionBehavior?: SelectionBehavior;
|
|
1836
1859
|
/** The drag and drop hooks returned by `useDragAndDrop` used to enable drag and drop behavior for the GridList. */
|
|
@@ -2444,16 +2467,24 @@ interface LayoutOptionsDelegate<O> {
|
|
|
2444
2467
|
}
|
|
2445
2468
|
interface ILayout<O> extends Layout<_Node1<unknown>, O>, Partial<DropTargetDelegate>, LayoutOptionsDelegate<O> {
|
|
2446
2469
|
}
|
|
2470
|
+
interface LayoutClass<O> {
|
|
2471
|
+
new (): ILayout<O>;
|
|
2472
|
+
}
|
|
2447
2473
|
export interface VirtualizerProps<O> {
|
|
2448
2474
|
/** The child collection to virtualize (e.g. ListBox, GridList, or Table). */
|
|
2449
2475
|
children: ReactNode;
|
|
2450
2476
|
/** The layout object that determines the position and size of the visible elements. */
|
|
2451
|
-
layout: ILayout<O>;
|
|
2477
|
+
layout: LayoutClass<O> | ILayout<O>;
|
|
2452
2478
|
/** Options for the layout. */
|
|
2453
2479
|
layoutOptions?: O;
|
|
2454
2480
|
}
|
|
2455
|
-
|
|
2456
|
-
|
|
2481
|
+
/**
|
|
2482
|
+
* A Virtualizer renders a scrollable collection of data using customizable layouts.
|
|
2483
|
+
* It supports very large collections by only rendering visible items to the DOM, reusing
|
|
2484
|
+
* them as the user scrolls.
|
|
2485
|
+
*/
|
|
2486
|
+
export function Virtualizer<O>(props: VirtualizerProps<O>): React.JSX.Element;
|
|
2487
|
+
export class TableLayout<T, O extends TableLayoutProps = TableLayoutProps> extends _TableLayout1<T, O> implements LayoutOptionsDelegate<TableLayoutProps> {
|
|
2457
2488
|
useLayoutOptions(): {
|
|
2458
2489
|
columnWidths: Map<_Key1, number> | undefined;
|
|
2459
2490
|
};
|
|
@@ -2626,6 +2657,58 @@ export interface TagProps extends RenderProps<TagRenderProps>, LinkDOMProps, _Ho
|
|
|
2626
2657
|
* A Tag is an individual item within a TagList.
|
|
2627
2658
|
*/
|
|
2628
2659
|
export const Tag: (props: TagProps & React.RefAttributes<object>) => React.ReactElement | null;
|
|
2660
|
+
export interface ToastRegionRenderProps<T> {
|
|
2661
|
+
/** A list of all currently visible toasts. */
|
|
2662
|
+
visibleToasts: QueuedToast<T>[];
|
|
2663
|
+
/**
|
|
2664
|
+
* Whether the toast region is currently focused.
|
|
2665
|
+
* @selector [data-focused]
|
|
2666
|
+
*/
|
|
2667
|
+
isFocused: boolean;
|
|
2668
|
+
/**
|
|
2669
|
+
* Whether the toast region is keyboard focused.
|
|
2670
|
+
* @selector [data-focus-visible]
|
|
2671
|
+
*/
|
|
2672
|
+
isFocusVisible: boolean;
|
|
2673
|
+
}
|
|
2674
|
+
export interface ToastRegionProps<T> extends AriaToastRegionProps, StyleRenderProps<ToastRegionRenderProps<T>> {
|
|
2675
|
+
/** The queue of toasts to display. */
|
|
2676
|
+
queue: ToastQueue<T>;
|
|
2677
|
+
/** A function to render each toast. */
|
|
2678
|
+
children: (renderProps: {
|
|
2679
|
+
toast: QueuedToast<T>;
|
|
2680
|
+
}) => ReactElement;
|
|
2681
|
+
}
|
|
2682
|
+
/**
|
|
2683
|
+
* A ToastRegion displays one or more toast notifications.
|
|
2684
|
+
*/
|
|
2685
|
+
export const UNSTABLE_ToastRegion: <T>(props: ToastRegionProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2686
|
+
export interface ToastRenderProps<T> {
|
|
2687
|
+
/**
|
|
2688
|
+
* The toast object to display.
|
|
2689
|
+
*/
|
|
2690
|
+
toast: QueuedToast<T>;
|
|
2691
|
+
/**
|
|
2692
|
+
* Whether the toast is currently focused.
|
|
2693
|
+
* @selector [data-focused]
|
|
2694
|
+
*/
|
|
2695
|
+
isFocused: boolean;
|
|
2696
|
+
/**
|
|
2697
|
+
* Whether the toast is keyboard focused.
|
|
2698
|
+
* @selector [data-focus-visible]
|
|
2699
|
+
*/
|
|
2700
|
+
isFocusVisible: boolean;
|
|
2701
|
+
}
|
|
2702
|
+
export interface ToastProps<T> extends AriaToastProps<T>, RenderProps<ToastRenderProps<T>> {
|
|
2703
|
+
}
|
|
2704
|
+
/**
|
|
2705
|
+
* A Toast displays a brief, temporary notification of actions, errors, or other events in an application.
|
|
2706
|
+
*/
|
|
2707
|
+
export const UNSTABLE_Toast: <T>(props: ToastProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2708
|
+
/**
|
|
2709
|
+
* ToastContent wraps the main content of a toast notification.
|
|
2710
|
+
*/
|
|
2711
|
+
export const UNSTABLE_ToastContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLDivElement>>;
|
|
2629
2712
|
export interface ToggleButtonGroupRenderProps {
|
|
2630
2713
|
/**
|
|
2631
2714
|
* Whether the toggle button group is disabled.
|
|
@@ -2765,7 +2848,7 @@ export interface TreeRenderProps {
|
|
|
2765
2848
|
}
|
|
2766
2849
|
interface TreeEmptyStateRenderProps extends Omit<TreeRenderProps, 'isEmpty'> {
|
|
2767
2850
|
}
|
|
2768
|
-
export interface TreeProps<T> extends Omit<
|
|
2851
|
+
export interface TreeProps<T> extends Omit<AriaTreeProps<T>, 'children'>, MultipleSelection, CollectionProps<T>, StyleRenderProps<TreeRenderProps>, SlotProps, ScrollableProps<HTMLDivElement>, Expandable {
|
|
2769
2852
|
/** How multiple selection should behave in the tree. */
|
|
2770
2853
|
selectionBehavior?: SelectionBehavior;
|
|
2771
2854
|
/** Provides content to display when there are no items in the list. */
|
|
@@ -2776,31 +2859,45 @@ export interface TreeProps<T> extends Omit<AriaTreeGridListProps<T>, 'children'>
|
|
|
2776
2859
|
*/
|
|
2777
2860
|
disabledBehavior?: _DisabledBehavior1;
|
|
2778
2861
|
}
|
|
2779
|
-
export const
|
|
2780
|
-
export const
|
|
2862
|
+
export const TreeContext: React.Context<ContextValue<TreeProps<any>, HTMLDivElement>>;
|
|
2863
|
+
export const TreeStateContext: React.Context<TreeState<any> | null>;
|
|
2781
2864
|
/**
|
|
2782
2865
|
* A tree provides users with a way to navigate nested hierarchical information, with support for keyboard navigation
|
|
2783
2866
|
* and selection.
|
|
2784
2867
|
*/
|
|
2785
|
-
export const
|
|
2868
|
+
export const Tree: <T extends object>(props: TreeProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2786
2869
|
export interface TreeItemRenderProps extends Omit<ItemRenderProps, 'allowsDragging' | 'isDragging' | 'isDropTarget'> {
|
|
2787
|
-
/**
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
}
|
|
2792
|
-
export interface TreeItemContentRenderProps extends ItemRenderProps {
|
|
2870
|
+
/**
|
|
2871
|
+
* Whether the tree item is expanded.
|
|
2872
|
+
* @selector [data-expanded]
|
|
2873
|
+
*/
|
|
2793
2874
|
isExpanded: boolean;
|
|
2875
|
+
/**
|
|
2876
|
+
* Whether the tree item has child tree items.
|
|
2877
|
+
* @selector [data-has-child-items]
|
|
2878
|
+
*/
|
|
2794
2879
|
hasChildItems: boolean;
|
|
2880
|
+
/**
|
|
2881
|
+
* What level the tree item has within the tree.
|
|
2882
|
+
* @selector [data-level="number"]
|
|
2883
|
+
*/
|
|
2795
2884
|
level: number;
|
|
2885
|
+
/**
|
|
2886
|
+
* Whether the tree item's children have keyboard focus.
|
|
2887
|
+
* @selector [data-focus-visible-within]
|
|
2888
|
+
*/
|
|
2796
2889
|
isFocusVisibleWithin: boolean;
|
|
2890
|
+
/** The state of the tree. */
|
|
2797
2891
|
state: TreeState<unknown>;
|
|
2892
|
+
/** The unique id of the tree row. */
|
|
2798
2893
|
id: Key;
|
|
2799
2894
|
}
|
|
2895
|
+
export interface TreeItemContentRenderProps extends TreeItemRenderProps {
|
|
2896
|
+
}
|
|
2800
2897
|
export interface TreeItemContentProps extends Pick<RenderProps<TreeItemContentRenderProps>, 'children'> {
|
|
2801
2898
|
}
|
|
2802
|
-
export const
|
|
2803
|
-
export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRenderProps>, LinkDOMProps, _HoverEvents1, Pick<
|
|
2899
|
+
export const TreeItemContent: (props: TreeItemContentProps & React.RefAttributes<object>) => React.ReactElement | null;
|
|
2900
|
+
export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRenderProps>, LinkDOMProps, _HoverEvents1, Pick<AriaTreeItemOptions, 'hasChildItems'> {
|
|
2804
2901
|
/** The unique id of the tree row. */
|
|
2805
2902
|
id?: Key;
|
|
2806
2903
|
/** The object value that this tree item represents. When using dynamic collections, this is set automatically. */
|
|
@@ -2811,11 +2908,18 @@ export interface TreeItemProps<T = object> extends StyleRenderProps<TreeItemRend
|
|
|
2811
2908
|
'aria-label'?: string;
|
|
2812
2909
|
/** The content of the tree item along with any nested children. Supports static nested tree items or use of a Collection to dynamically render nested tree items. */
|
|
2813
2910
|
children: ReactNode;
|
|
2911
|
+
/** Whether the item is disabled. */
|
|
2912
|
+
isDisabled?: boolean;
|
|
2913
|
+
/**
|
|
2914
|
+
* Handler that is called when a user performs an action on this tree item. The exact user event depends on
|
|
2915
|
+
* the collection's `selectionBehavior` prop and the interaction modality.
|
|
2916
|
+
*/
|
|
2917
|
+
onAction?: () => void;
|
|
2814
2918
|
}
|
|
2815
2919
|
/**
|
|
2816
2920
|
* A TreeItem represents an individual item in a Tree.
|
|
2817
2921
|
*/
|
|
2818
|
-
export const
|
|
2922
|
+
export const TreeItem: <T extends object>(props: TreeItemProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
|
|
2819
2923
|
interface TreeLoadingIndicatorRenderProps {
|
|
2820
2924
|
/**
|
|
2821
2925
|
* What level the tree item has within the tree.
|
|
@@ -2825,17 +2929,21 @@ interface TreeLoadingIndicatorRenderProps {
|
|
|
2825
2929
|
}
|
|
2826
2930
|
interface TreeLoaderProps extends RenderProps<TreeLoadingIndicatorRenderProps>, StyleRenderProps<TreeLoadingIndicatorRenderProps> {
|
|
2827
2931
|
}
|
|
2828
|
-
export const
|
|
2932
|
+
export const TreeLoadingIndicator: <T extends object>(props: TreeLoaderProps & React.RefAttributes<T>) => React.ReactElement | null;
|
|
2829
2933
|
export { Collection, createLeafComponent as UNSTABLE_createLeafComponent, createBranchComponent as UNSTABLE_createBranchComponent, CollectionBuilder as UNSTABLE_CollectionBuilder } from '@react-aria/collections';
|
|
2830
2934
|
export { DIRECTORY_DRAG_TYPE, isDirectoryDropItem, isFileDropItem, isTextDropItem, SSRProvider, RouterProvider, I18nProvider, useLocale, useFilter, Pressable, Focusable } from 'react-aria';
|
|
2831
2935
|
export { FormValidationContext } from 'react-stately';
|
|
2832
2936
|
export { parseColor, getColorChannels } from '@react-stately/color';
|
|
2833
2937
|
export { ListLayout as UNSTABLE_ListLayout, GridLayout as UNSTABLE_GridLayout } from '@react-stately/layout';
|
|
2938
|
+
export { ToastQueue as UNSTABLE_ToastQueue } from '@react-stately/toast';
|
|
2939
|
+
export { ListLayout, GridLayout, WaterfallLayout } from '@react-stately/layout';
|
|
2940
|
+
export { Layout, LayoutInfo, Size, Rect, Point } from '@react-stately/virtualizer';
|
|
2941
|
+
export type { ToastOptions } from '@react-stately/toast';
|
|
2834
2942
|
export type { DateValue, DateRange, TimeValue } from 'react-aria';
|
|
2835
2943
|
export 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';
|
|
2836
2944
|
export type { Key, Selection, SortDescriptor, SortDirection, SelectionMode } from 'react-stately';
|
|
2837
2945
|
export type { ValidationResult, RouterConfig } from '@react-types/shared';
|
|
2838
2946
|
export type { Color, ColorSpace, ColorFormat } from '@react-types/color';
|
|
2839
|
-
export type { ListLayoutOptions, GridLayoutOptions } from '@react-stately/layout';
|
|
2947
|
+
export type { ListLayoutOptions, GridLayoutOptions, WaterfallLayoutOptions } from '@react-stately/layout';
|
|
2840
2948
|
|
|
2841
2949
|
//# sourceMappingURL=types.d.ts.map
|