-
Notifications
You must be signed in to change notification settings - Fork 1.3k
docs: April release notes #8062
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
Changes from all commits
Commits
Show all changes
10 commits
Select commit
Hold shift + click to select a range
bb962fa
initialize release notes
yihuiliao cef9e2d
Merge branch 'main' into apr-release-notes
yihuiliao f260550
update
yihuiliao b38a0cd
remove notifcation badge from autodocs
yihuiliao 91b4140
update release notes
yihuiliao 71cea89
Merge branch 'main' into apr-release-notes
yihuiliao f702d7f
update s2 release notes
yihuiliao 5b24d87
add intro and description
LFDanLu 7fb16f3
adding released packages
LFDanLu debd6a9
Update 2025-04-14.mdx
devongovett File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,287 @@ | ||
{/* 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: In today's release we are excited to announce custom calendar support across all React Spectrum libraries! We have also added enhanced support for React Suspense and performance optimizations for collections in React Aria Components, reduced the bundle sizes of our libraries as a whole, and now support `onClick` as an alias for `onPress`. | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Be sure to review this, just added it |
||
date: 2025-04-11 | ||
--- | ||
|
||
# April 11, 2025 Release | ||
|
||
In today’s release, we are excited to announce custom calendar support across all React Spectrum libraries! This feature allows you to create your own calendar that implements custom business logic, such as a [4-5-4 fiscal calendar](https://nrf.com/resources/4-5-4-calendar), either by extending an existing Calendar implementation or building from scratch. Please see the [React Spectrum docs](../react-spectrum/Calendar.html#custom-calendar-systems) for an example implementation. A special shout out to [@ToyWalrus](https://github.com/ToyWalrus) for all the hard work that went into this contribution! | ||
|
||
This release also includes several updates for collections in React Aria Components. These include enhanced support for React Suspense and optimizations for large collections. These changes should result in much more performant collections when fetching and rendering large amounts of data. | ||
|
||
We have also reduced the bundle sizes of our libraries by moving some console warnings to development only, and removing old browser fallbacks for pointer events. For example, `@react-aria/interactions`, which powers most of our components, is now 22% smaller! | ||
|
||
Lastly, we have decided to handle `onClick` as an alias for `onPress`. This improves interoperability with other dependencies that use `onClick` events. Please note that `onPress` is still preferred over `onClick` as it standardizes behavior across a variety of platforms. | ||
|
||
A huge thank you once again to everyone in the community for all of your feedback and contributions! | ||
|
||
|
||
## Enhancements | ||
|
||
- Calendar | ||
- Custom calendar support - [@ToyWalrus](https://github.com/ToyWalrus) - [PR](https://github.com/adobe/react-spectrum/pull/7803) | ||
- Collections | ||
- Add `escapeKeyBehavior` to GridList/ListBox/Menu/Table/Tree - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/7974) | ||
- Toast | ||
- Pass data attributes through on Toast - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/7923) | ||
- Miscellaneous | ||
- Support `onClick` as an alias for `onPress` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/7891) | ||
- Reduce production bundle sizes - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/7977), [PR](https://github.com/adobe/react-spectrum/pull/8046) | ||
- Support React 19 and remove Jest reliance in test utils - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/7686) | ||
|
||
## Fixes | ||
|
||
- Collections | ||
- Support React Suspense in collections - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/7912) | ||
- Improve collection update performance - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/7905), [PR](https://github.com/adobe/react-spectrum/pull/8052) | ||
- Date/Time | ||
- Add `data-disabled` CSS selector to DateField - [@suyash5053](https://github.com/suyash5053) - [PR](https://github.com/adobe/react-spectrum/pull/7896) | ||
- Exclude `isEditable` from DateSegment render props - [@Persists](https://github.com/Persists) - [PR](https://github.com/adobe/react-spectrum/pull/7961) | ||
- Separator | ||
- Pass aria labeling props in RAC Separator - [@yihuiliao](https://github.com/yihuiliao) - [PR](https://github.com/adobe/react-spectrum/pull/7881) | ||
- Table | ||
- Ensure table typeahead does honor row `textValue` - [@nwidynski](https://github.com/nwidynski) - [PR](https://github.com/adobe/react-spectrum/pull/7857) | ||
- Add Table Cell `id` prop back into the Cell types - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/7983) | ||
- Toast | ||
- Pass `wrapUpdate` through `useToastState` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/7910) | ||
- Export QueuedToast - [@lukpsaxo](https://github.com/lukpsaxo) - [PR](https://github.com/adobe/react-spectrum/pull/7944) | ||
- Miscellaneous | ||
- Update yarn peer dependencies - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/7932) | ||
- Fix French number parsing ambiguity - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/7966) | ||
- Restore focus after a Select closes on mobile - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/7904) | ||
- Apply `touch-action` by default in `usePress` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/8047) | ||
|
||
|
||
## Docs | ||
- Remove defaults from `BoxAlignmentStyleProps` - [@dsmmcken](https://github.com/dsmmcken) - [PR](https://github.com/adobe/react-spectrum/pull/7982) | ||
- Fix typo in CalendarDate docs - [@DarkstarXDD](https://github.com/DarkstarXDD) - [PR](https://github.com/adobe/react-spectrum/pull/8043) | ||
|
||
## Under Construction | ||
|
||
- Allow configurations to the Toast PortalProvider - [@armandabric](https://github.com/armandabric) - [PR](https://github.com/adobe/react-spectrum/pull/7907), [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/7976) | ||
|
||
## Released packages | ||
|
||
``` | ||
- @adobe/[email protected] | ||
- @internationalized/[email protected] | ||
- @internationalized/[email protected] | ||
- @internationalized/[email protected] | ||
- @internationalized/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-stately/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @react-types/[email protected] | ||
- @spectrum-icons/[email protected] | ||
- @spectrum-icons/[email protected] | ||
- @spectrum-icons/[email protected] | ||
- @spectrum-icons/[email protected] | ||
- @spectrum-icons/[email protected] | ||
- @react-spectrum/[email protected] | ||
- @react-aria/[email protected] | ||
- @react-spectrum/[email protected] | ||
- [email protected] | ||
- [email protected] | ||
- [email protected] | ||
``` |
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Uh oh!
There was an error while loading. Please reload this page.