December 20, 2023 Release

Welcome to the last release of the year! In this release, we’re promoting React Aria Components from RC to GA 🎉, promoting React Spectrum's DropZone to RC, adding an option to optimize our included translation files, shipping a storybook based on all our React Aria Components with a starter theme, and fixing plenty of bugs.

As always, huge thanks to everyone in our community for their feedback and contributions to make this release and this year possible!

As a parting holiday gift, check out our new landing page for React Aria Components, replete with interactive examples! Happy coding and see you in the new year! ☃️

React Aria Components API updates#

In this release, we made a few last API updates to React Aria Components as they move along to GA.

  • Temporarily removed nested column support in Tables due to instability.
  • Our Collections have come a long ways since we started RAC, please see the new page, React Aria Collections for more information.
  • Hover and Focus are now distinct states in ListBox.
  • Hover state has been added to Column Headers in Tables when sorting is allowed.
  • All refs given to a component now go to their outer most element. If you need a ref to the input, you can attach it directly.
  • Styles for Popover, Tooltip, and OverlayArrow are now merged in a different order to allow overriding our default styles.
  • Added a dependency array to help manage the item cache with columns in Tables.

We've also added a new package and starter project to help people get started with RAC. The starter project can be found on our getting started page. And we have a new package with a starter theme as based on our docs examples @react-aria/example-theme.

Enhancements#

  • Improve behavior of usePreventScroll on iOS - @devongovett - PR
  • Add data-trigger to Popover to style based on trigger component - @devongovett - PR
  • Add menuWidth & expose align props in ComboBox and SearchAutocomplete - @sookmax - PR
  • RAC Menu button and popover can have same width - @ktabors - PR
  • Generate a starter storybook from the docs - @devongovett - PR
  • Add directory support for FileTrigger - @ryo-manba - PR
  • Provide access to portalContainer of react-aria-components popover element - @BenBeattieHood - PR
  • Add capitalization settings support for useTextField - @ryo-manba - PR
  • Add build plugins to optimize translated strings for unsupported languages - @devongovett - PR
  • Render children in DropIndicators - @devongovett - PR
  • Add support for onScroll event to RAC collection components - @devongovett - PR
  • Add hover state to TableColumnHeader when 'allowSorting' is true - @sookmax - PR
  • Use owner document in FocusScope - @slye-stripe - PR
  • Add 'use client' to components in build for Next.js app directory - @devongovett - PR
  • Support for Avatar in ListBox, Picker, ComboBox, and SearchAutocomplete - @reidbarber - PR

Fixes#

Docs#

Under construction#

Fixes to pre-released components are listed below. Please feel free to try them out, and report any issues you encounter.

React Spectrum Submenus (Alpha)

React Spectrum Steplist (Alpha)

Released packages#