Skip to content

Feb 2023 release notes #4113

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.

Sign up for GitHub

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 7 commits into from
Feb 24, 2023
Merged

Feb 2023 release notes #4113

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
aab3f77
feb release draft notes
dannify Feb 23, 2023
668ea81
Intro notes
dannify Feb 24, 2023
289845c
Intro notes
dannify Feb 24, 2023
691442f
Intro notes
dannify Feb 24, 2023
6006475
Merge branch 'main' into feb-release
dannify Feb 24, 2023
4697b08
add notes
dannify Feb 24, 2023
f00f19b
Merge branch 'feb-release' of github.com:adobe/react-spectrum into fe…
dannify Feb 24, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
276 changes: 276 additions & 0 deletions packages/dev/docs/pages/releases/2023-02-23.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,276 @@
{/* Copyright 2023 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} from '@react-spectrum/docs';
export default BlogPostLayout;

---
description: In this release, we have added support for Node ESM to all of our packages. We have also been busy at work on our pre-releases and improving our focus management in collections.
date: 2023-02-23
---

# February 23, 2023 Release


In this release, we have added support for Node ESM to all of our packages. We have also been busy at work on our pre-releases. New beta versions with documentation have been released for [ActionBar](https://react-spectrum.adobe.com/react-spectrum/ActionBar.html), [Avatar](https://react-spectrum.adobe.com/react-spectrum/Avatar.html), [TableView column resizing](https://react-spectrum.adobe.com/react-spectrum/TableView.html#column-resizing), and [TagGroup](https://react-spectrum.adobe.com/react-spectrum/TagGroup.html). The TagGroup beta includes new goodies such as labels, help text, contextual help, max rows, and actions. The new Toast 🍞 component is in it’s first alpha and includes both [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/Toast.html) and [React Aria](https://react-spectrum.adobe.com/react-aria/useToast.html) documentation. 🥳

The release also contains improvements to focus management when a focused item is removed from a collection component such as TableView and ListView. Collection components will now also automatically scroll into view when navigating with a keyboard.

Finally, we have also been continuing to work on support for React strict mode. Thank you to all our contributors for their help with the latest update! 🤩


## Enhancements
- Add support for Node ESM - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4038)
- Add `parseDuration` functionality to `@internationalized/date` - [@adobesamr](https://github.com/adobesamr) - [PR](https://github.com/adobe/react-spectrum/pull/3766)
- Remove `findDOMNode` usages to support strict mode - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/3865)
- Support TS strict mode in `ActionGroup` and `Breadcrumbs` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/3929)
- Fix FocusScope strict mode issues - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/3878)
- Fix `useId` hydration error in strict mode - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/3980)

## Fixes
- Update `onBlur` return type to `undefined` - [@majornista](https://github.com/majornista) - [PR](https://github.com/adobe/react-spectrum/pull/3801)
- Fix `LiveAnnouncer` styles causing page shift - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/3807)
- `DialogTrigger` now uses screen width to determine mobile state - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/3921)
- Improve cleanup of animation frames in `FocusScope` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/3908)
- Fix `useComboBoxState` selection on close - [@alirezamirian](https://github.com/alirezamirian) - [PR](https://github.com/adobe/react-spectrum/pull/3912)
- Resolve `useInteractOutside` false positive error - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/3935)
- Update `Tabs` to ensure styled tab line resizes - [@tywayne](https://github.com/tywayne) - [PR](https://github.com/adobe/react-spectrum/pull/3688)
- Add fallback value for `HiddenSelect` - [@omacranger](https://github.com/omacranger) - [PR](https://github.com/adobe/react-spectrum/pull/3928)
- Support Windows High Contrast in `TableView` & `ListView` - [@majornista](https://github.com/majornista) - [PR](https://github.com/adobe/react-spectrum/pull/3827)
- Fix offset bug for old dates in `getTimeZoneOffset` - [@tomfa](https://github.com/tomfa) - [PR](https://github.com/adobe/react-spectrum/pull/3960)
- Address `TableView` focus ring clipping - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/3934)
- Fully scroll collection elements into view when keyboard navigating - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/3899)
- Handle focus in `useGrid` when a focused item is removed - [@majornista](https://github.com/majornista) - [PR](https://github.com/adobe/react-spectrum/pull/3885)
- Fix `Checkbox` in WHCM - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/4030)
- Prevent flicker when closing `ComboBox` via blur - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/4060)
- Better definition for `ComboBox` focus event types - [@joshuajaco](https://github.com/joshuajaco) - [PR](https://github.com/adobe/react-spectrum/pull/4039)
- Remove unneeded `aria-expanded` in mobile `ComboBox` - [@majornista](https://github.com/majornista) - [PR](https://github.com/adobe/react-spectrum/pull/4079)
- Remove duplicate id in `useDatePicker` - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/4085)
- Fix various type issues found in docs - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/4090)
## Docs
- Change `ComboBox` example to be more inclusive - [@cgood92](https://github.com/cgood92) - [PR](https://github.com/adobe/react-spectrum/pull/3866)
- Add prose for quiet `Link` and when it can be used - [@jnurthen](https://github.com/jnurthen) - [PR](https://github.com/adobe/react-spectrum/pull/3989)
- Add description for `onSubmit` in `SearchAutocomplete` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/3993)
- Add docs for custom icons - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/3942)
- Update `ActionBar` docs - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/2777)

## Under construction

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

- Add `useTagGroupState` and fix focus issues - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/3798)
- Avatar support in `TagGroup` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/3937)
- Add `maxRows` support to `TagGroup` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/3759)
- Add Field support to `TagGroup` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/3938)
- Support custom action in `TagGroup` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/3893)
- Toast alpha 🍞 - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/3868)
- Support landmark navigation and toasts across iframes - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/3892)
- Add LandmarkController API - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/3939)
- Align column headers correctly when using resizing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/3907)
- Remove `onColumnResize/Start/End` from `useTableColumnResizeState` - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/3971)
- Improve column resize performance - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/3890)
- Update `SearchAutocomplete` to call `onClear` - [@reidbarber](https://github.com/reidbarber) - [PR](https://github.com/adobe/react-spectrum/pull/4000)
- Support constrained flex in column sizing - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/3879)
- Center the table in the viewport if resizer is out of view - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/4018)


## Released packages
```
- @adobe/[email protected]
- @internationalized/[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-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-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]
- @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]
- [email protected]
- [email protected]
```