From a2f67e7fc90bcbe8ef5a4728545670c1a82c2c92 Mon Sep 17 00:00:00 2001 From: Danni Date: Wed, 4 Jun 2025 15:35:11 -0400 Subject: [PATCH 01/12] initial release notes --- .storybook-s2/docs/Release Notes.mdx | 5 +- .../dev/docs/pages/releases/2025-06-06.mdx | 82 +++++++++++++++++++ 2 files changed, 86 insertions(+), 1 deletion(-) create mode 100644 packages/dev/docs/pages/releases/2025-06-06.mdx diff --git a/.storybook-s2/docs/Release Notes.mdx b/.storybook-s2/docs/Release Notes.mdx index c1781498c7b..e208fe64ff8 100644 --- a/.storybook-s2/docs/Release Notes.mdx +++ b/.storybook-s2/docs/Release Notes.mdx @@ -3,6 +3,9 @@ import {MDXLayout} from './MDXLayout'; export default MDXLayout; # Release Notes +## v0.10.0 + +### Updates ## v0.9.0 @@ -24,7 +27,7 @@ We strongly discourage using `UNSAFE_className` because it results in inconsiste ### Style macro updates -We have made significant changes to the way our Style Macro generates class names in an effort to make them stable between version. While we work to stabilize the style macro class names, we have added a postfix based on the version number so that class names don't conflict with any prior or future version. +We have made significant changes to the way our Style Macro generates class names in an effort to make them stable between versions. While we work to stabilize the style macro class names, we have added a postfix based on the version number so that class names don't conflict with any prior or future version. We also made some changes to the available style macro values. diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx new file mode 100644 index 00000000000..c1446f9f218 --- /dev/null +++ b/packages/dev/docs/pages/releases/2025-06-06.mdx @@ -0,0 +1,82 @@ +{/* Copyright 2025 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. */} + +import {BlogPostLayout, Hero, Image} from '@react-spectrum/docs'; +export default BlogPostLayout; + +--- +description: Drop everything: drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our previous blog post on drag and drop to learn about the interactions, and our new Tree drag and drop documentation. This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. + +date: 2025-06-06 +--- + +# June 6, 2025 Release + +Drop everything: drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our previous blog post on drag and drop to learn about the interactions, and our new Tree drag and drop documentation. + +This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. + +As always, thank you to our community for their support and contributions! + +## Enhancements + + +## Fixes + + +## Docs +- Clear up relative position documentation - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) + + +## Released packages + +``` + +``` + + + + +* fix: Remove @types/node patch - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8258) +* Merge branch 'main' of github.com:adobe/react-spectrum - Devon Govett +* fix: Fix crash on defaultItems in S2 Combobox - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8259) +* Merge branch 'main' of github.com:adobe/react-spectrum - Devon Govett +* Update style-macro snapshots - Devon Govett +* fix: 0 decimals treated as zero when parsing with exceptZero - [@shahbazianep](https://github.com/shahbazianep) - [PR](https://github.com/adobe/react-spectrum/pull/8236) +* Revert "fix: Revert "feat(RAC): Tree drag and drop (#7692)" (#8243)" - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) +* docs: clear up relative position confusion - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) +* fix: suppress focusable warning for disabled Pressable - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/8261) +* fix: pass `loadingState` to `useAsyncList`'s `load` function - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/7955) +* fix: Expose State types from react-stately in react-aria-components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157) +* fix: RadioGroup should not validate on form reset - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8212) +* Fix Select autoFocus - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) +* feat: expose shouldFocusOnHover prop for ListBox - [@lucasweng](https://github.com/lucasweng) - [PR](https://github.com/adobe/react-spectrum/pull/8171) +* fix: Improve tree dnd keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) +* docs: fix broken links and styling - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292) +* chore: Enable package.json exports support - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8294) +* fix: Use scrollbar-gutter: stable instead of padding in usePreventScroll - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8297) +* fix: Don't crash on unknown segment types in DateField - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8284) +* fix: Set a placeholder time when closing a DateRangePicker with time granularity - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8278) +* fix: Tapping outside overlay triggers elements behind underlay on Android - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8275) +* fix: invalid date parsing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8265) +* fix: Do not move backward through DateField segments when pressing Enter - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8279) +* feat: focus loading indicator in rac tree - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8270) +* fix: prevent combobox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301) +* fix: apply scrollbar-gutter only when scrollbar is present to prevent layout shift - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8303) +* fix: Clear contexts inside popovers - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8321) +* fix: Virtualizer with useIsSSR - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8320) +* update popover size to match spectrum width - [@dannify](https://github.com/dannify) - [PR](https://github.com/adobe/react-spectrum/pull/8318) +* fix: update bar bellow the tab when text changes - [@andreipavel102222](https://github.com/andreipavel102222) - [PR](https://github.com/adobe/react-spectrum/pull/8311) +* Revert "feat: focus loading indicator in rac tree (#8270)" - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8336) +* fix: Height adjustment for Virtualized layout - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8333) +* fix: TreeView inadvertent focus trap - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8277) +* feat: Icon builder to library - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8203) +* chore: propagate user provided dependecies for S2 Combobox and Picker - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8340) +* fix: clear selection when using form reset in RAC CheckboxGroup - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8316) +* add Menu to "integrated" components. - [@meesvandongen](https://github.com/meesvandongen) - [PR](https://github.com/adobe/react-spectrum/pull/8331) From b8aa8205bb22377459c8a1508d80e9a6a2bb2e24 Mon Sep 17 00:00:00 2001 From: Danni Date: Wed, 4 Jun 2025 17:05:04 -0400 Subject: [PATCH 02/12] format some commits --- .../dev/docs/pages/releases/2025-06-06.mdx | 63 +++++++++++-------- 1 file changed, 38 insertions(+), 25 deletions(-) diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx index c1446f9f218..0cca6dbbab1 100644 --- a/packages/dev/docs/pages/releases/2025-06-06.mdx +++ b/packages/dev/docs/pages/releases/2025-06-06.mdx @@ -25,13 +25,43 @@ This release also includes some highly requested bug fixes, including scrollbar As always, thank you to our community for their support and contributions! ## Enhancements +Collections +* Add `loadingState` to `useAsyncList`'s `load` function - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/7955) +* Add `shouldFocusOnHover` prop for ListBox - [@lucasweng](https://github.com/lucasweng) - [PR](https://github.com/adobe/react-spectrum/pull/8171) ## Fixes +Internationalized +* Update number parsing in internationalized to handle 0 decimals parsing with exceptZero - [@shahbazianep](https://github.com/shahbazianep) - [PR](https://github.com/adobe/react-spectrum/pull/8236) +TypeScript +* Expose state types from react-stately in React Aria Components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157) + +Form +* Fix RadioGroup to not validate on form reset - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8212) + +ComboBox +* Prevent ComboBox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301) + +Focus +* Suppress focusable warning for disabled Pressable - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/8261) +* Fix autofocus to React Aria Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) +* fix: prevent combobox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301) + +Overlays +* Fix additional scrollbar padding in usePreventScroll when an overlay is open - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8297) +* Fix tapping outside overlay triggers elements behind underlay on Android issue - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8275) + +Date Time +* Fix crashing on unknown segment types in DateField - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8284) +* Fix setting a placeholder time when closing a DateRangePicker with time granularity - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8278) +* Fix invalid date parsing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8265) +* Fix moving backward through DateField segments when pressing Enter - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8279) + ## Docs - Clear up relative position documentation - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) +* Fix broken links in Menu/Combobox - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292) ## Released packages @@ -40,34 +70,17 @@ As always, thank you to our community for their support and contributions! ``` +??* fix: Remove @types/node patch - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8258) +s2 * fix: Fix crash on defaultItems in S2 Combobox - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8259) + +?? * Revert "fix: Revert "feat(RAC): Tree drag and drop (#7692)" (#8243)" - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) + +??* fix: Improve tree dnd keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) + +To Do... -* fix: Remove @types/node patch - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8258) -* Merge branch 'main' of github.com:adobe/react-spectrum - Devon Govett -* fix: Fix crash on defaultItems in S2 Combobox - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8259) -* Merge branch 'main' of github.com:adobe/react-spectrum - Devon Govett -* Update style-macro snapshots - Devon Govett -* fix: 0 decimals treated as zero when parsing with exceptZero - [@shahbazianep](https://github.com/shahbazianep) - [PR](https://github.com/adobe/react-spectrum/pull/8236) -* Revert "fix: Revert "feat(RAC): Tree drag and drop (#7692)" (#8243)" - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) -* docs: clear up relative position confusion - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) -* fix: suppress focusable warning for disabled Pressable - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/8261) -* fix: pass `loadingState` to `useAsyncList`'s `load` function - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/7955) -* fix: Expose State types from react-stately in react-aria-components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157) -* fix: RadioGroup should not validate on form reset - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8212) -* Fix Select autoFocus - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) -* feat: expose shouldFocusOnHover prop for ListBox - [@lucasweng](https://github.com/lucasweng) - [PR](https://github.com/adobe/react-spectrum/pull/8171) -* fix: Improve tree dnd keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) -* docs: fix broken links and styling - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292) -* chore: Enable package.json exports support - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8294) -* fix: Use scrollbar-gutter: stable instead of padding in usePreventScroll - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8297) -* fix: Don't crash on unknown segment types in DateField - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8284) -* fix: Set a placeholder time when closing a DateRangePicker with time granularity - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8278) -* fix: Tapping outside overlay triggers elements behind underlay on Android - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8275) -* fix: invalid date parsing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8265) -* fix: Do not move backward through DateField segments when pressing Enter - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8279) -* feat: focus loading indicator in rac tree - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8270) -* fix: prevent combobox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301) * fix: apply scrollbar-gutter only when scrollbar is present to prevent layout shift - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8303) * fix: Clear contexts inside popovers - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8321) * fix: Virtualizer with useIsSSR - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8320) From 8e651d8c5a232be4f79923057ce4016518f8d39c Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 4 Jun 2025 14:37:35 -0700 Subject: [PATCH 03/12] add commits --- .storybook-s2/docs/Release Notes.mdx | 9 ++ .../dev/docs/pages/releases/2025-06-06.mdx | 87 ++++++++----------- 2 files changed, 44 insertions(+), 52 deletions(-) diff --git a/.storybook-s2/docs/Release Notes.mdx b/.storybook-s2/docs/Release Notes.mdx index e208fe64ff8..ad5edf1c4f0 100644 --- a/.storybook-s2/docs/Release Notes.mdx +++ b/.storybook-s2/docs/Release Notes.mdx @@ -5,6 +5,15 @@ export default MDXLayout; # Release Notes ## v0.10.0 + +S2: +* Icon builder to library - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8203) +* chore: propagate user provided dependecies for S2 Combobox and Picker - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8340) +* update bar bellow the tab when text changes - [@andreipavel102222](https://github.com/andreipavel102222) - [PR](https://github.com/adobe/react-spectrum/pull/8311) +* update popover size to match spectrum width - [@dannify](https://github.com/dannify) - [PR](https://github.com/adobe/react-spectrum/pull/8318) + + + ### Updates ## v0.9.0 diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx index 0cca6dbbab1..5e801a4cc4a 100644 --- a/packages/dev/docs/pages/releases/2025-06-06.mdx +++ b/packages/dev/docs/pages/releases/2025-06-06.mdx @@ -25,43 +25,49 @@ This release also includes some highly requested bug fixes, including scrollbar As always, thank you to our community for their support and contributions! ## Enhancements -Collections -* Add `loadingState` to `useAsyncList`'s `load` function - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/7955) -* Add `shouldFocusOnHover` prop for ListBox - [@lucasweng](https://github.com/lucasweng) - [PR](https://github.com/adobe/react-spectrum/pull/8171) +* ListBox + * Expose `shouldFocusOnHover` prop for ListBox - [@lucasweng](https://github.com/lucasweng) - [PR](https://github.com/adobe/react-spectrum/pull/8171) +* Select + * Support `autoFocus` in Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) +* Tree + * Tree drag and drop - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) + * Improve tree drag and drop keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) +* Miscellaneous + * Expose state types in React Aria Components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157) ## Fixes -Internationalized -* Update number parsing in internationalized to handle 0 decimals parsing with exceptZero - [@shahbazianep](https://github.com/shahbazianep) - [PR](https://github.com/adobe/react-spectrum/pull/8236) +* ComboBox + * Prevent ComboBox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301) +* Date/Time + * Fix setting a placeholder time when closing a DateRangePicker with time granularity - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8278) + * Fix moving backward through DateField segments when pressing Enter - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8279) + * Fix crashing on unknown segment types in DateField - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8284) + * Fix invalid date parsing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8265) +* Focus + * Suppress focusable warning for disabled Pressable - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/8261) + * Fix `autofocus` to React Aria Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) +* Form + * RadioGroup should not validate on form reset - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8212) + * Clear selection when using form reset in RAC CheckboxGroup - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8316) +* Internationalized + * Update number parsing in internationalized to handle 0 decimals parsing with `exceptZero` - [@shahbazianep](https://github.com/shahbazianep) - [PR](https://github.com/adobe/react-spectrum/pull/8236) +* Overlays + * Fix additional scrollbar padding in `usePreventScroll` when an overlay is open - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8297) + * Fix tapping outside overlay triggers elements behind underlay on Android issue - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8275) + * Clear contexts inside popovers - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8321) +* Tree + * Prevent focus trap in TreeView - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8277) +* Virtualizer + * Height adjustment for Virtualized layout - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8333) + * Virtualizer with `useIsSSR` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8320) -TypeScript -* Expose state types from react-stately in React Aria Components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157) - -Form -* Fix RadioGroup to not validate on form reset - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8212) - -ComboBox -* Prevent ComboBox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301) - -Focus -* Suppress focusable warning for disabled Pressable - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/8261) -* Fix autofocus to React Aria Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) -* fix: prevent combobox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301) - -Overlays -* Fix additional scrollbar padding in usePreventScroll when an overlay is open - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8297) -* Fix tapping outside overlay triggers elements behind underlay on Android issue - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8275) - -Date Time -* Fix crashing on unknown segment types in DateField - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8284) -* Fix setting a placeholder time when closing a DateRangePicker with time granularity - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8278) -* Fix invalid date parsing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8265) -* Fix moving backward through DateField segments when pressing Enter - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8279) ## Docs -- Clear up relative position documentation - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) +* Clear up relative position documentation - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) * Fix broken links in Menu/Combobox - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292) +* Add Menu as part of the integrated components in Virtualizer - [@meesvandongen](https://github.com/meesvandongen) - [PR](https://github.com/adobe/react-spectrum/pull/8331) ## Released packages @@ -70,26 +76,3 @@ Date Time ``` -??* fix: Remove @types/node patch - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8258) - -s2 * fix: Fix crash on defaultItems in S2 Combobox - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8259) - -?? * Revert "fix: Revert "feat(RAC): Tree drag and drop (#7692)" (#8243)" - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) - -??* fix: Improve tree dnd keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) - -To Do... - - -* fix: apply scrollbar-gutter only when scrollbar is present to prevent layout shift - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8303) -* fix: Clear contexts inside popovers - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8321) -* fix: Virtualizer with useIsSSR - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8320) -* update popover size to match spectrum width - [@dannify](https://github.com/dannify) - [PR](https://github.com/adobe/react-spectrum/pull/8318) -* fix: update bar bellow the tab when text changes - [@andreipavel102222](https://github.com/andreipavel102222) - [PR](https://github.com/adobe/react-spectrum/pull/8311) -* Revert "feat: focus loading indicator in rac tree (#8270)" - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8336) -* fix: Height adjustment for Virtualized layout - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8333) -* fix: TreeView inadvertent focus trap - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8277) -* feat: Icon builder to library - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8203) -* chore: propagate user provided dependecies for S2 Combobox and Picker - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8340) -* fix: clear selection when using form reset in RAC CheckboxGroup - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8316) -* add Menu to "integrated" components. - [@meesvandongen](https://github.com/meesvandongen) - [PR](https://github.com/adobe/react-spectrum/pull/8331) From b49888814e39587270fbb9310977155a27f13296 Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 4 Jun 2025 14:44:40 -0700 Subject: [PATCH 04/12] add new commits --- .storybook-s2/docs/Release Notes.mdx | 3 +-- packages/dev/docs/pages/releases/2025-06-06.mdx | 8 ++++++++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/.storybook-s2/docs/Release Notes.mdx b/.storybook-s2/docs/Release Notes.mdx index ad5edf1c4f0..aabd3cee3d2 100644 --- a/.storybook-s2/docs/Release Notes.mdx +++ b/.storybook-s2/docs/Release Notes.mdx @@ -11,8 +11,7 @@ S2: * chore: propagate user provided dependecies for S2 Combobox and Picker - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8340) * update bar bellow the tab when text changes - [@andreipavel102222](https://github.com/andreipavel102222) - [PR](https://github.com/adobe/react-spectrum/pull/8311) * update popover size to match spectrum width - [@dannify](https://github.com/dannify) - [PR](https://github.com/adobe/react-spectrum/pull/8318) - - +* fix: Fix S2 button/taggroup coloring so they apply on keyboard focus only - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8342) ### Updates diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx index 5e801a4cc4a..2001b516805 100644 --- a/packages/dev/docs/pages/releases/2025-06-06.mdx +++ b/packages/dev/docs/pages/releases/2025-06-06.mdx @@ -30,9 +30,13 @@ As always, thank you to our community for their support and contributions! * Expose `shouldFocusOnHover` prop for ListBox - [@lucasweng](https://github.com/lucasweng) - [PR](https://github.com/adobe/react-spectrum/pull/8171) * Select * Support `autoFocus` in Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) +* Test Utils + * Support selectionMode="replace" in grid collection test utils - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8028) * Tree * Tree drag and drop - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) * Improve tree drag and drop keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) + * Support multiple level loading in Tree - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8299) + * Tree DnD Docs - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8302) * Miscellaneous * Expose state types in React Aria Components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157) @@ -59,6 +63,8 @@ As always, thank you to our community for their support and contributions! * Clear contexts inside popovers - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8321) * Tree * Prevent focus trap in TreeView - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8277) +* Typescript + * Fix TypeScript types colliding with globals - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8346) * Virtualizer * Height adjustment for Virtualized layout - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8333) * Virtualizer with `useIsSSR` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8320) @@ -76,3 +82,5 @@ As always, thank you to our community for their support and contributions! ``` + + From 95d4e715971e327e717825bc1839cfbdf47e9208 Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 4 Jun 2025 15:13:43 -0700 Subject: [PATCH 05/12] add s2 release notes --- .storybook-s2/docs/Release Notes.mdx | 17 ++++---- .storybook-s2/docs/Release030Intro.jsx | 43 +++++++++++++++++++ .../dev/docs/pages/releases/2025-06-06.mdx | 2 +- 3 files changed, 53 insertions(+), 9 deletions(-) diff --git a/.storybook-s2/docs/Release Notes.mdx b/.storybook-s2/docs/Release Notes.mdx index aabd3cee3d2..1b945846391 100644 --- a/.storybook-s2/docs/Release Notes.mdx +++ b/.storybook-s2/docs/Release Notes.mdx @@ -1,19 +1,20 @@ -import {Release030Intro} from './Release030Intro.jsx'; +import {Release030Intro, Release0100Intro} from './Release030Intro.jsx'; import {MDXLayout} from './MDXLayout'; export default MDXLayout; # Release Notes + ## v0.10.0 +### Updates +* [Button](?path=/docs/button--docs): Fix focus visible styles from being applied on standard focus +* [Popover](?path=/docs/popover--docs): Update width to match Spectrum designs +* [Tabs](?path=/docs/tabs--docs): Update selection indicator when tab text changes +* [TagGroup](?path=/docs/taggroup--docs): Fix focus visible styles from being applied on standard focus -S2: -* Icon builder to library - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8203) -* chore: propagate user provided dependecies for S2 Combobox and Picker - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8340) -* update bar bellow the tab when text changes - [@andreipavel102222](https://github.com/andreipavel102222) - [PR](https://github.com/adobe/react-spectrum/pull/8311) -* update popover size to match spectrum width - [@dannify](https://github.com/dannify) - [PR](https://github.com/adobe/react-spectrum/pull/8318) -* fix: Fix S2 button/taggroup coloring so they apply on keyboard focus only - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8342) +### Icon Builder Updates -### Updates + ## v0.9.0 diff --git a/.storybook-s2/docs/Release030Intro.jsx b/.storybook-s2/docs/Release030Intro.jsx index b65b6837727..69db098f3a3 100644 --- a/.storybook-s2/docs/Release030Intro.jsx +++ b/.storybook-s2/docs/Release030Intro.jsx @@ -16,3 +16,46 @@ export function Release030Intro() { ) } + +export function Release0100Intro() { + return ( + <> +

+ We have a new option to our icon builder so that users can build a library of icons more easily using the same processing we apply to our own S2 Icon library. +

+

+ To run the new option, create a new npm project with an appropriate package.json, such as +

+
{highlight(`{
+  "name": "<>",
+  "version": "<>",
+  "exports": {
+    "./*": {
+      "types": "./*.d.ts",
+      "module": "./*.mjs",
+      "import": "./*.mjs",
+      "require": "./*.cjs"
+    }
+  },
+  "peerDependencies": {
+    "@react-spectrum/s2": ">=0.8.0",
+    "react": "^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^18.0.0 || ^19.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@react-spectrum/s2-icon-builder": ">=0.2.3",
+    "@react-spectrum/s2": "latest",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  }
+}`)}
+

Copy your svg icons into a src directory in the project.

+

Then run:

+
{
+      highlight(`yarn install --no-immutable
+yarn transform-icons -i './src/*.svg' -o ./ --isLibrary`)}
+      
+ + ) +} + diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx index 2001b516805..392c8f56cf5 100644 --- a/packages/dev/docs/pages/releases/2025-06-06.mdx +++ b/packages/dev/docs/pages/releases/2025-06-06.mdx @@ -11,7 +11,7 @@ import {BlogPostLayout, Hero, Image} from '@react-spectrum/docs'; export default BlogPostLayout; --- -description: Drop everything: drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our previous blog post on drag and drop to learn about the interactions, and our new Tree drag and drop documentation. This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. +description: Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our previous blog post on drag and drop to learn about the interactions, and our new Tree drag and drop documentation. This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. date: 2025-06-06 --- From 624ea3663fc4ef2168b5090f1ed540eff556799a Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 4 Jun 2025 15:17:53 -0700 Subject: [PATCH 06/12] remove icon builder info --- .storybook-s2/docs/Release Notes.mdx | 6 +--- .storybook-s2/docs/Release030Intro.jsx | 45 +------------------------- 2 files changed, 2 insertions(+), 49 deletions(-) diff --git a/.storybook-s2/docs/Release Notes.mdx b/.storybook-s2/docs/Release Notes.mdx index 1b945846391..fd18c07ae96 100644 --- a/.storybook-s2/docs/Release Notes.mdx +++ b/.storybook-s2/docs/Release Notes.mdx @@ -1,4 +1,4 @@ -import {Release030Intro, Release0100Intro} from './Release030Intro.jsx'; +import {Release030Intro} from './Release030Intro.jsx'; import {MDXLayout} from './MDXLayout'; export default MDXLayout; @@ -12,10 +12,6 @@ export default MDXLayout; * [Tabs](?path=/docs/tabs--docs): Update selection indicator when tab text changes * [TagGroup](?path=/docs/taggroup--docs): Fix focus visible styles from being applied on standard focus -### Icon Builder Updates - - - ## v0.9.0 ### Updates diff --git a/.storybook-s2/docs/Release030Intro.jsx b/.storybook-s2/docs/Release030Intro.jsx index 69db098f3a3..6d862136649 100644 --- a/.storybook-s2/docs/Release030Intro.jsx +++ b/.storybook-s2/docs/Release030Intro.jsx @@ -15,47 +15,4 @@ export function Release030Intro() {

To help teams kickstart their migrations from v3 to Spectrum 2, we've also added a migration wizard. Please read the migration documentation for more information.

) -} - -export function Release0100Intro() { - return ( - <> -

- We have a new option to our icon builder so that users can build a library of icons more easily using the same processing we apply to our own S2 Icon library. -

-

- To run the new option, create a new npm project with an appropriate package.json, such as -

-
{highlight(`{
-  "name": "<>",
-  "version": "<>",
-  "exports": {
-    "./*": {
-      "types": "./*.d.ts",
-      "module": "./*.mjs",
-      "import": "./*.mjs",
-      "require": "./*.cjs"
-    }
-  },
-  "peerDependencies": {
-    "@react-spectrum/s2": ">=0.8.0",
-    "react": "^18.0.0 || ^19.0.0-rc.1",
-    "react-dom": "^18.0.0 || ^19.0.0-rc.1"
-  },
-  "devDependencies": {
-    "@react-spectrum/s2-icon-builder": ">=0.2.3",
-    "@react-spectrum/s2": "latest",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  }
-}`)}
-

Copy your svg icons into a src directory in the project.

-

Then run:

-
{
-      highlight(`yarn install --no-immutable
-yarn transform-icons -i './src/*.svg' -o ./ --isLibrary`)}
-      
- - ) -} - +} \ No newline at end of file From 11a93fa4d5ad3ea3b69027a54a5fb97945dabed2 Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 4 Jun 2025 15:31:44 -0700 Subject: [PATCH 07/12] review comments --- .storybook-s2/docs/Release030Intro.jsx | 2 +- packages/dev/docs/pages/releases/2025-06-06.mdx | 14 +++++++------- 2 files changed, 8 insertions(+), 8 deletions(-) diff --git a/.storybook-s2/docs/Release030Intro.jsx b/.storybook-s2/docs/Release030Intro.jsx index 6d862136649..b65b6837727 100644 --- a/.storybook-s2/docs/Release030Intro.jsx +++ b/.storybook-s2/docs/Release030Intro.jsx @@ -15,4 +15,4 @@ export function Release030Intro() {

To help teams kickstart their migrations from v3 to Spectrum 2, we've also added a migration wizard. Please read the migration documentation for more information.

) -} \ No newline at end of file +} diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx index 392c8f56cf5..5a2a1d4a5ed 100644 --- a/packages/dev/docs/pages/releases/2025-06-06.mdx +++ b/packages/dev/docs/pages/releases/2025-06-06.mdx @@ -18,7 +18,7 @@ date: 2025-06-06 # June 6, 2025 Release -Drop everything: drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our previous blog post on drag and drop to learn about the interactions, and our new Tree drag and drop documentation. +Drop everything: drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our [previous blog post](../blog/drag-and-drop.html on drag and drop to learn about the interactions, and our new [Tree drag and drop documentation](../react-aria/Tree.html#drag-and-drop). This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. @@ -32,11 +32,6 @@ As always, thank you to our community for their support and contributions! * Support `autoFocus` in Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) * Test Utils * Support selectionMode="replace" in grid collection test utils - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8028) -* Tree - * Tree drag and drop - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) - * Improve tree drag and drop keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) - * Support multiple level loading in Tree - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8299) - * Tree DnD Docs - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8302) * Miscellaneous * Expose state types in React Aria Components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157) @@ -71,10 +66,15 @@ As always, thank you to our community for their support and contributions! ## Docs -* Clear up relative position documentation - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) +* Document `position: relative` requirement for `VisuallyHidden` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) * Fix broken links in Menu/Combobox - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292) * Add Menu as part of the integrated components in Virtualizer - [@meesvandongen](https://github.com/meesvandongen) - [PR](https://github.com/adobe/react-spectrum/pull/8331) +## Under Construction +* Tree + * Tree drag and drop - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) + * Improve tree drag and drop keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) + * Tree DnD Docs - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8302), [PR](https://github.com/adobe/react-spectrum/pull/8347) ## Released packages From 28c16fb8bb0a7062cee5dc52016dc2340e41ec10 Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 4 Jun 2025 15:42:29 -0700 Subject: [PATCH 08/12] fixes --- .storybook-s2/docs/Release Notes.mdx | 4 ++-- packages/dev/docs/pages/releases/2025-06-06.mdx | 4 +++- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/.storybook-s2/docs/Release Notes.mdx b/.storybook-s2/docs/Release Notes.mdx index fd18c07ae96..fb767e6fa31 100644 --- a/.storybook-s2/docs/Release Notes.mdx +++ b/.storybook-s2/docs/Release Notes.mdx @@ -4,11 +4,11 @@ export default MDXLayout; # Release Notes -## v0.10.0 +## v0.9.1 ### Updates * [Button](?path=/docs/button--docs): Fix focus visible styles from being applied on standard focus -* [Popover](?path=/docs/popover--docs): Update width to match Spectrum designs +* [ContextualHelp](?path=/docs/contextualhelp--docs): Update width to match Spectrum designs * [Tabs](?path=/docs/tabs--docs): Update selection indicator when tab text changes * [TagGroup](?path=/docs/taggroup--docs): Fix focus visible styles from being applied on standard focus diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx index 5a2a1d4a5ed..c4b1ba19cbf 100644 --- a/packages/dev/docs/pages/releases/2025-06-06.mdx +++ b/packages/dev/docs/pages/releases/2025-06-06.mdx @@ -18,7 +18,7 @@ date: 2025-06-06 # June 6, 2025 Release -Drop everything: drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our [previous blog post](../blog/drag-and-drop.html on drag and drop to learn about the interactions, and our new [Tree drag and drop documentation](../react-aria/Tree.html#drag-and-drop). +Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our [previous blog post](../blog/drag-and-drop.html on drag and drop to learn about the interactions, and our new [Tree drag and drop documentation](../react-aria/Tree.html#drag-and-drop). This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. @@ -66,11 +66,13 @@ As always, thank you to our community for their support and contributions! ## Docs + * Document `position: relative` requirement for `VisuallyHidden` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) * Fix broken links in Menu/Combobox - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292) * Add Menu as part of the integrated components in Virtualizer - [@meesvandongen](https://github.com/meesvandongen) - [PR](https://github.com/adobe/react-spectrum/pull/8331) ## Under Construction + * Tree * Tree drag and drop - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) * Improve tree drag and drop keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) From 1d220bb6a1a0a6a46736adb787a39c47d251a9f7 Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 4 Jun 2025 15:50:05 -0700 Subject: [PATCH 09/12] add missing commit --- packages/dev/docs/pages/releases/2025-06-06.mdx | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx index c4b1ba19cbf..d8227c6033e 100644 --- a/packages/dev/docs/pages/releases/2025-06-06.mdx +++ b/packages/dev/docs/pages/releases/2025-06-06.mdx @@ -70,6 +70,7 @@ As always, thank you to our community for their support and contributions! * Document `position: relative` requirement for `VisuallyHidden` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) * Fix broken links in Menu/Combobox - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292) * Add Menu as part of the integrated components in Virtualizer - [@meesvandongen](https://github.com/meesvandongen) - [PR](https://github.com/adobe/react-spectrum/pull/8331) +* Update `ToOptions` in TanStack Router docs - [@jvliwanag](https://github.com/jvliwanag) - [PR](https://github.com/adobe/react-spectrum/pull/8218) ## Under Construction From 99d16eca3a5a1a4c9344275e53a3111be62e4aeb Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 4 Jun 2025 15:50:44 -0700 Subject: [PATCH 10/12] update blog post date --- packages/dev/docs/pages/blog/rtl-date-time.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/dev/docs/pages/blog/rtl-date-time.mdx b/packages/dev/docs/pages/blog/rtl-date-time.mdx index 6d3ca1cf43b..b415d34d36e 100644 --- a/packages/dev/docs/pages/blog/rtl-date-time.mdx +++ b/packages/dev/docs/pages/blog/rtl-date-time.mdx @@ -20,7 +20,7 @@ import keyboardVideoURL from 'url:../assets/rtl-keyboard.mp4'; keywords: [date picker, date, time, calendar, components, accessibility, react spectrum, react, spectrum] description: Internationalization is a core feature of our Date and Time components. We support 13 different calendar systems as well as locale-specific formatting, number systems, and 12 and 24 hour time. However, we identified an issue with our right-to-left support where in some right-to-left (RTL) languages, the format of the date and time fields was incorrect. While investigating this bug, we faced several challenges in ensuring proper date and time representation in RTL languages and implemented various strategies that we’d like to share. -date: 2025-05-30 +date: 2025-06-06 author: '[Yihui Liao](https://github.com/yihuiliao)' --- From 357441366c708dec1533e303fe583f9f7bec0ff3 Mon Sep 17 00:00:00 2001 From: Yihui Liao <44729383+yihuiliao@users.noreply.github.com> Date: Wed, 4 Jun 2025 16:14:12 -0700 Subject: [PATCH 11/12] fix link --- packages/dev/docs/pages/releases/2025-06-06.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx index d8227c6033e..cf29c903c9a 100644 --- a/packages/dev/docs/pages/releases/2025-06-06.mdx +++ b/packages/dev/docs/pages/releases/2025-06-06.mdx @@ -18,7 +18,7 @@ date: 2025-06-06 # June 6, 2025 Release -Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our [previous blog post](../blog/drag-and-drop.html on drag and drop to learn about the interactions, and our new [Tree drag and drop documentation](../react-aria/Tree.html#drag-and-drop). +Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our [previous blog post](../blog/drag-and-drop.html) on drag and drop to learn about the interactions, and our new [Tree drag and drop documentation](../react-aria/Tree.html#drag-and-drop). This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. From f401637b35d37f42e2bfc6e1063197dd289b0542 Mon Sep 17 00:00:00 2001 From: Devon Govett Date: Wed, 4 Jun 2025 17:35:58 -0700 Subject: [PATCH 12/12] add versions and update date --- .../dev/docs/pages/releases/2025-06-05.mdx | 294 ++++++++++++++++++ .../dev/docs/pages/releases/2025-06-06.mdx | 89 ------ 2 files changed, 294 insertions(+), 89 deletions(-) create mode 100644 packages/dev/docs/pages/releases/2025-06-05.mdx delete mode 100644 packages/dev/docs/pages/releases/2025-06-06.mdx diff --git a/packages/dev/docs/pages/releases/2025-06-05.mdx b/packages/dev/docs/pages/releases/2025-06-05.mdx new file mode 100644 index 00000000000..bd874167481 --- /dev/null +++ b/packages/dev/docs/pages/releases/2025-06-05.mdx @@ -0,0 +1,294 @@ +{/* Copyright 2025 Adobe. All rights reserved. +This file is licensed to you under the Apache License, Version 2.0 (the "License"); +you may not use this file except in compliance with the License. You may obtain a copy +of the License at http://www.apache.org/licenses/LICENSE-2.0 +Unless required by applicable law or agreed to in writing, software distributed under +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS +OF ANY KIND, either express or implied. See the License for the specific language +governing permissions and limitations under the License. */} + +import {BlogPostLayout, Hero, Image} from '@react-spectrum/docs'; +export default BlogPostLayout; + +--- +description: Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. + +date: 2025-06-05 +--- + +# June 5, 2025 Release + +Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our [previous blog post](../blog/drag-and-drop.html) on drag and drop to learn about the interactions, and our new [Tree drag and drop documentation](../react-aria/Tree.html#drag-and-drop). + +This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. + +As always, thank you to our community for their support and contributions! + +## Enhancements + +* ListBox + * Expose `shouldFocusOnHover` prop for ListBox - [@lucasweng](https://github.com/lucasweng) - [PR](https://github.com/adobe/react-spectrum/pull/8171) +* Select + * Support `autoFocus` in Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) +* Test Utils + * Support selectionMode="replace" in grid collection test utils - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8028) +* Miscellaneous + * Expose state types in React Aria Components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157) + +## Fixes + +* ComboBox + * Prevent ComboBox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301) +* Date/Time + * Fix setting a placeholder time when closing a DateRangePicker with time granularity - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8278) + * Fix moving backward through DateField segments when pressing Enter - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8279) + * Fix crashing on unknown segment types in DateField - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8284) + * Fix invalid date parsing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8265) +* Focus + * Suppress focusable warning for disabled Pressable - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/8261) + * Fix `autofocus` to React Aria Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) +* Form + * RadioGroup should not validate on form reset - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8212) + * Clear selection when using form reset in RAC CheckboxGroup - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8316) +* Internationalized + * Update number parsing in internationalized to handle 0 decimals parsing with `exceptZero` - [@shahbazianep](https://github.com/shahbazianep) - [PR](https://github.com/adobe/react-spectrum/pull/8236) +* Overlays + * Fix additional scrollbar padding in `usePreventScroll` when an overlay is open - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8297) + * Fix tapping outside overlay triggers elements behind underlay on Android issue - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8275) + * Clear contexts inside popovers - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8321) +* Tree + * Prevent focus trap in TreeView - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8277) +* Typescript + * Fix TypeScript types colliding with globals - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8346) +* Virtualizer + * Height adjustment for Virtualized layout - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8333) + * Virtualizer with `useIsSSR` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8320) + + +## Docs + +* Document `position: relative` requirement for `VisuallyHidden` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) +* Fix broken links in Menu/Combobox - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292) +* Add Menu as part of the integrated components in Virtualizer - [@meesvandongen](https://github.com/meesvandongen) - [PR](https://github.com/adobe/react-spectrum/pull/8331) +* Update `ToOptions` in TanStack Router docs - [@jvliwanag](https://github.com/jvliwanag) - [PR](https://github.com/adobe/react-spectrum/pull/8218) + +## Under Construction + +* Tree + * Tree drag and drop - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) + * Improve tree drag and drop keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) + * Tree DnD Docs - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8302), [PR](https://github.com/adobe/react-spectrum/pull/8347) + +## Released packages + +``` + - @adobe/react-spectrum@3.42.1 + - @internationalized/date@3.8.2 + - @internationalized/message@3.1.8 + - @internationalized/number@3.6.3 + - @internationalized/string@3.2.7 + - @react-aria/actiongroup@3.7.17 + - @react-aria/aria-modal-polyfill@3.7.14 + - @react-aria/autocomplete@3.0.0-beta.4 + - @react-aria/breadcrumbs@3.5.25 + - @react-aria/button@3.13.2 + - @react-aria/calendar@3.8.2 + - @react-aria/checkbox@3.15.6 + - @react-aria/collections@3.0.0-rc.2 + - @react-aria/color@3.0.8 + - @react-aria/combobox@3.12.4 + - @react-aria/datepicker@3.14.4 + - @react-aria/dialog@3.5.26 + - @react-aria/disclosure@3.0.6 + - @react-aria/dnd@3.10.0 + - @react-aria/focus@3.20.4 + - @react-aria/form@3.0.17 + - @react-aria/grid@3.14.1 + - @react-aria/gridlist@3.13.1 + - @react-aria/i18n@3.12.10 + - @react-aria/interactions@3.25.2 + - @react-aria/label@3.7.19 + - @react-aria/landmark@3.0.4 + - @react-aria/link@3.8.2 + - @react-aria/listbox@3.14.5 + - @react-aria/live-announcer@3.4.3 + - @react-aria/menu@3.18.4 + - @react-aria/meter@3.4.24 + - @react-aria/numberfield@3.11.15 + - @react-aria/overlays@3.27.2 + - @react-aria/progress@3.4.24 + - @react-aria/radio@3.11.4 + - @react-aria/searchfield@3.8.5 + - @react-aria/select@3.15.6 + - @react-aria/selection@3.24.2 + - @react-aria/separator@3.4.10 + - @react-aria/slider@3.7.20 + - @react-aria/spinbutton@3.6.16 + - @react-aria/ssr@3.9.9 + - @react-aria/steplist@3.0.0-alpha.18 + - @react-aria/switch@3.7.4 + - @react-aria/table@3.17.4 + - @react-aria/tabs@3.10.4 + - @react-aria/tag@3.6.1 + - @react-aria/test-utils@1.0.0-alpha.8 + - @react-aria/textfield@3.17.4 + - @react-aria/toast@3.0.4 + - @react-aria/toggle@3.11.4 + - @react-aria/toolbar@3.0.0-beta.17 + - @react-aria/tooltip@3.8.4 + - @react-aria/tree@3.1.0 + - @react-aria/utils@3.29.1 + - @react-aria/virtualizer@4.1.6 + - @react-aria/visually-hidden@3.8.24 + - @react-spectrum/accordion@3.0.7 + - @react-spectrum/actionbar@3.6.8 + - @react-spectrum/actiongroup@3.10.16 + - @react-spectrum/autocomplete@3.0.0-alpha.44 + - @react-spectrum/avatar@3.0.23 + - @react-spectrum/badge@3.1.24 + - @react-spectrum/breadcrumbs@3.9.18 + - @react-spectrum/button@3.16.15 + - @react-spectrum/buttongroup@3.6.23 + - @react-spectrum/calendar@3.7.2 + - @react-spectrum/card@3.0.0-alpha.44 + - @react-spectrum/checkbox@3.9.17 + - @react-spectrum/color@3.0.8 + - @react-spectrum/combobox@3.15.4 + - @react-spectrum/contextualhelp@3.6.22 + - @react-spectrum/datepicker@3.14.2 + - @react-spectrum/dialog@3.8.22 + - @react-spectrum/divider@3.5.24 + - @react-spectrum/dnd@3.5.6 + - @react-spectrum/dropzone@3.0.12 + - @react-spectrum/filetrigger@3.0.12 + - @react-spectrum/form@3.7.16 + - @react-spectrum/icon@3.8.6 + - @react-spectrum/illustratedmessage@3.5.11 + - @react-spectrum/image@3.5.12 + - @react-spectrum/inlinealert@3.2.16 + - @react-spectrum/label@3.16.16 + - @react-spectrum/labeledvalue@3.2.4 + - @react-spectrum/layout@3.6.16 + - @react-spectrum/link@3.6.18 + - @react-spectrum/list@3.10.2 + - @react-spectrum/listbox@3.15.2 + - @react-spectrum/menu@3.22.2 + - @react-spectrum/meter@3.5.11 + - @react-spectrum/numberfield@3.9.14 + - @react-spectrum/overlays@5.7.6 + - @react-spectrum/picker@3.15.10 + - @react-spectrum/progress@3.7.17 + - @react-spectrum/provider@3.10.6 + - @react-spectrum/radio@3.7.17 + - @react-spectrum/s2@0.9.1 + - @react-spectrum/searchfield@3.8.17 + - @react-spectrum/slider@3.7.6 + - @react-spectrum/statuslight@3.5.23 + - @react-spectrum/steplist@3.0.0-alpha.16 + - @react-spectrum/switch@3.6.2 + - @react-spectrum/table@3.17.2 + - @react-spectrum/tabs@3.8.21 + - @react-spectrum/tag@3.3.1 + - @react-spectrum/test-utils@1.0.0-alpha.8 + - @react-spectrum/text@3.5.16 + - @react-spectrum/textfield@3.13.4 + - @react-spectrum/theme-dark@3.5.19 + - @react-spectrum/theme-default@3.5.19 + - @react-spectrum/theme-express@3.0.0-alpha.21 + - @react-spectrum/theme-light@3.4.19 + - @react-spectrum/toast@3.0.4 + - @react-spectrum/tooltip@3.7.6 + - @react-spectrum/tree@3.1.2 + - @react-spectrum/utils@3.12.6 + - @react-spectrum/view@3.6.20 + - @react-spectrum/well@3.4.24 + - @react-stately/autocomplete@3.0.0-beta.2 + - @react-stately/calendar@3.8.2 + - @react-stately/checkbox@3.6.15 + - @react-stately/collections@3.12.5 + - @react-stately/color@3.8.6 + - @react-stately/combobox@3.10.6 + - @react-stately/data@3.13.1 + - @react-stately/datepicker@3.14.2 + - @react-stately/disclosure@3.0.5 + - @react-stately/dnd@3.6.0 + - @react-stately/flags@3.1.2 + - @react-stately/form@3.1.5 + - @react-stately/grid@3.11.3 + - @react-stately/layout@4.3.1 + - @react-stately/list@3.12.3 + - @react-stately/menu@3.9.5 + - @react-stately/numberfield@3.9.13 + - @react-stately/overlays@3.6.17 + - @react-stately/radio@3.10.14 + - @react-stately/searchfield@3.5.13 + - @react-stately/select@3.6.14 + - @react-stately/selection@3.20.3 + - @react-stately/slider@3.6.5 + - @react-stately/steplist@3.0.0-alpha.15 + - @react-stately/table@3.14.3 + - @react-stately/tabs@3.8.3 + - @react-stately/toast@3.1.1 + - @react-stately/toggle@3.8.5 + - @react-stately/tooltip@3.5.5 + - @react-stately/tree@3.9.0 + - @react-stately/utils@3.10.7 + - @react-stately/virtualizer@4.4.1 + - @react-types/actionbar@3.1.16 + - @react-types/actiongroup@3.4.18 + - @react-types/autocomplete@3.0.0-alpha.32 + - @react-types/avatar@3.0.16 + - @react-types/badge@3.1.18 + - @react-types/breadcrumbs@3.7.14 + - @react-types/button@3.12.2 + - @react-types/buttongroup@3.3.18 + - @react-types/calendar@3.7.2 + - @react-types/card@3.0.0-alpha.37 + - @react-types/checkbox@3.9.5 + - @react-types/color@3.0.6 + - @react-types/combobox@3.13.6 + - @react-types/contextualhelp@3.2.19 + - @react-types/datepicker@3.12.2 + - @react-types/dialog@3.5.19 + - @react-types/divider@3.3.18 + - @react-types/form@3.7.13 + - @react-types/grid@3.3.3 + - @react-types/illustratedmessage@3.3.18 + - @react-types/image@3.4.10 + - @react-types/label@3.9.12 + - @react-types/layout@3.3.24 + - @react-types/link@3.6.2 + - @react-types/list@3.2.28 + - @react-types/listbox@3.7.1 + - @react-types/menu@3.10.2 + - @react-types/meter@3.4.10 + - @react-types/numberfield@3.8.12 + - @react-types/overlays@3.8.16 + - @react-types/progress@3.5.13 + - @react-types/provider@3.8.10 + - @react-types/radio@3.8.10 + - @react-types/searchfield@3.6.3 + - @react-types/select@3.9.13 + - @react-types/shared@3.30.0 + - @react-types/slider@3.7.12 + - @react-types/statuslight@3.3.18 + - @react-types/switch@3.5.12 + - @react-types/table@3.13.1 + - @react-types/tabs@3.3.16 + - @react-types/text@3.3.18 + - @react-types/textfield@3.12.3 + - @react-types/tooltip@3.4.18 + - @react-types/view@3.4.18 + - @react-types/well@3.3.18 + - @spectrum-icons/color@3.5.23 + - @spectrum-icons/express@3.0.0-alpha.27 + - @spectrum-icons/illustrations@3.6.23 + - @spectrum-icons/ui@3.6.17 + - @spectrum-icons/workflow@4.2.22 + - @react-spectrum/codemods@0.6.1 + - @react-spectrum/parcel-namer-s2@0.3.0 + - @react-spectrum/s2-icon-builder@0.3.0 + - react-aria@3.41.0 + - react-aria-components@1.10.0 + - react-stately@3.39.0 +``` diff --git a/packages/dev/docs/pages/releases/2025-06-06.mdx b/packages/dev/docs/pages/releases/2025-06-06.mdx deleted file mode 100644 index cf29c903c9a..00000000000 --- a/packages/dev/docs/pages/releases/2025-06-06.mdx +++ /dev/null @@ -1,89 +0,0 @@ -{/* Copyright 2025 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. */} - -import {BlogPostLayout, Hero, Image} from '@react-spectrum/docs'; -export default BlogPostLayout; - ---- -description: Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our previous blog post on drag and drop to learn about the interactions, and our new Tree drag and drop documentation. This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. - -date: 2025-06-06 ---- - -# June 6, 2025 Release - -Drop everything! Drag and drop support in React Aria Tree has been released! 🫳🎤 This supports moving items within a tree or between collection components, with full keyboard and screen reader accessibility. It's interoperable with our existing drag and drop support in components like Table and GridList, and with third party apps via native HTML APIs. Check out our [previous blog post](../blog/drag-and-drop.html) on drag and drop to learn about the interactions, and our new [Tree drag and drop documentation](../react-aria/Tree.html#drag-and-drop). - -This release also includes some highly requested bug fixes, including scrollbar layout shifts when opening popovers and modals, date picker interaction improvements, and enhancements to our form components. - -As always, thank you to our community for their support and contributions! - -## Enhancements - -* ListBox - * Expose `shouldFocusOnHover` prop for ListBox - [@lucasweng](https://github.com/lucasweng) - [PR](https://github.com/adobe/react-spectrum/pull/8171) -* Select - * Support `autoFocus` in Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) -* Test Utils - * Support selectionMode="replace" in grid collection test utils - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/8028) -* Miscellaneous - * Expose state types in React Aria Components - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/8157) - -## Fixes - -* ComboBox - * Prevent ComboBox from closing when navigating through items with keyboard - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8301) -* Date/Time - * Fix setting a placeholder time when closing a DateRangePicker with time granularity - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8278) - * Fix moving backward through DateField segments when pressing Enter - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8279) - * Fix crashing on unknown segment types in DateField - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8284) - * Fix invalid date parsing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8265) -* Focus - * Suppress focusable warning for disabled Pressable - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/8261) - * Fix `autofocus` to React Aria Select - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8262) -* Form - * RadioGroup should not validate on form reset - [@chirokas](https://github.com/chirokas) - [PR](https://github.com/adobe/react-spectrum/pull/8212) - * Clear selection when using form reset in RAC CheckboxGroup - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/8316) -* Internationalized - * Update number parsing in internationalized to handle 0 decimals parsing with `exceptZero` - [@shahbazianep](https://github.com/shahbazianep) - [PR](https://github.com/adobe/react-spectrum/pull/8236) -* Overlays - * Fix additional scrollbar padding in `usePreventScroll` when an overlay is open - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8297) - * Fix tapping outside overlay triggers elements behind underlay on Android issue - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8275) - * Clear contexts inside popovers - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8321) -* Tree - * Prevent focus trap in TreeView - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8277) -* Typescript - * Fix TypeScript types colliding with globals - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8346) -* Virtualizer - * Height adjustment for Virtualized layout - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8333) - * Virtualizer with `useIsSSR` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8320) - - -## Docs - -* Document `position: relative` requirement for `VisuallyHidden` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/8102) -* Fix broken links in Menu/Combobox - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8292) -* Add Menu as part of the integrated components in Virtualizer - [@meesvandongen](https://github.com/meesvandongen) - [PR](https://github.com/adobe/react-spectrum/pull/8331) -* Update `ToOptions` in TanStack Router docs - [@jvliwanag](https://github.com/jvliwanag) - [PR](https://github.com/adobe/react-spectrum/pull/8218) - -## Under Construction - -* Tree - * Tree drag and drop - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8264) - * Improve tree drag and drop keyboard navigation - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8271) - * Tree DnD Docs - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/8302), [PR](https://github.com/adobe/react-spectrum/pull/8347) - -## Released packages - -``` - -``` - - -