Releases: adobe/react-spectrum
Release list
React Aria Components v1.21.0
We're excited to welcome a brand new component to the family! The new NavigationTree component displays a hierarchical set of links, perfect for building sidebars and complex app navigation. It comes fully loaded with keyboard navigation, and support for nested routes.
Menu also gets a big upgrade this release: it now supports async loading and empty states! Load menu items from an API as the user scrolls with the new MenuLoadMoreItem and use renderEmptyState to show an indicator when data is loading or when the menu is empty.
React Spectrum S2 v1.7.0
We are excited to announce the first preview of React Spectrum's AI components to help build AI-powered experiences! Developed in close partnership with Spectrum design, this first batch of components covers the core of a chat interface, along with documentation to help you get started.
React Aria Components v1.20.0
This release includes many new components and features!
- The new PreviewTrigger component shows a Popover on hover, focus, or long press. Unlike Tooltip, it may include interactive content, useful for hoverable link previews.
- TokenField (alpha) allows users to enter text with inline tokens. Use it to build AI prompt fields, tag inputs, structured search fields, mention inputs, and multi-select comboboxes.
- MenuTrigger now supports trigger="contextMenu", enabling accessible context menus via mouse, keyboard, and touch input.
- A simpler API to implement keyboard shortcuts to useKeyboard.
- Support for interactive components like textfields inside Table rows.
Finally, the React Aria and React Stately hook documentation has been completely rewritten! The new docs use the same styles as our React Aria Components examples, and show how to use both components and hooks together.
React Spectrum S2 v1.6.0
This release introduces the new SideNav component for building app navigation sidebars, adds trigger="contextMenu" support to MenuTrigger, and lets TableView cells hold interactive content like TextFields.
React Aria Components v1.19.0
This release adds support for full interaction with embedded text fields and other interactive elements in GridList and Tree with the keyboardNavigationBehavior prop. Autocomplete and Popover gain several improvements to support inline completions, including a new getTargetRect prop on Popover for positioning overlays relative to arbitrary character positions. Menu's onAction callback now provides both the item key and value, and DragTypes.has() accepts multiple MIME types and wildcards.
React Spectrum S2 v1.5.0
This release adds support for full interaction with embedded text fields and other interactive elements in ListView and TreeView with the new keyboardNavigationBehavior prop. Menu exposes a dependencies prop for dynamic item collections, and CenterBaseline is now exported from Spectrum 2 to help make custom styles even easier.
React Aria Components v1.18.0
This release packs in several new features! Calendar now supports multiple date selection, as well as new CalendarHeading, CalendarMonthPicker, and CalendarYearPicker components that allow the user to jump to a different month or year. RangeCalendar now supports determining the available dates based on the first date a user selects. We have also added a TableFooter component, description and error messages for Checkbox, Radio, and Switch, and a SliderFill component that simplifies the process of styling the fill portion in a Slider.
React Spectrum S2 v1.4.0
This release brings long awaited drag and drop support to ListView, TableView, and TreeView! TableView now also supports highlight selection and a new TableFooter component. Form components such as ComboBox and TextField now allow custom prefixes, and the new LabeledValue can be used to display non-editable values. In addition, description and error messages can be configured for Checkbox, Radio, and Switch. Last but not least, Calendar now supports multiple date selection.
React Aria Components v1.17.0
This release brings support for several long-awaited features, including support for expandable rows in Table, and window scrolling in Virtualizer. Expandable rows enable macOS Finder-like file trees by designating a treeColumn and rendering a chevron button within its cells. Window scrolling in Virtualizer enables virtualized collections to automatically scroll with the rest of the page. We've also added support for horizontally virtualized GridLists and ListBoxes! Finally, we significantly improved how we manage our dependencies – see the full release notes for details.
React Spectrum S2 v1.3.0
In this release we are excited to announce support for expandable rows in TableView, highlight selection in TreeView, and window scrolling in collection components! Window scrolling enables virtualized collections to automatically scroll with the rest of the page – no height needed. In addition, we've updated the set of available workflow icons, and reduced the number of dependencies installed when using S2 by over 90% – see the full release notes for details.
To help assist with migrations from S1 to S2, we've added a new end to end migration Agent skill that you can use with your agent of choice. Our existing S2 Agent skill has also been updated to greatly improve its ability to select the proper S2 component to use from context, so be sure to update.