|
| 1 | +<!-- Copyright 2020 Adobe. All rights reserved. |
| 2 | +This file is licensed to you under the Apache License, Version 2.0 (the "License"); |
| 3 | +you may not use this file except in compliance with the License. You may obtain a copy |
| 4 | +of the License at http://www.apache.org/licenses/LICENSE-2.0 |
| 5 | +Unless required by applicable law or agreed to in writing, software distributed under |
| 6 | +the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS |
| 7 | +OF ANY KIND, either express or implied. See the License for the specific language |
| 8 | +governing permissions and limitations under the License. --> |
| 9 | + |
| 10 | +import {BlogPostLayout, Hero} from '@react-spectrum/docs'; |
| 11 | +export default BlogPostLayout; |
| 12 | + |
| 13 | +--- |
| 14 | +description: After a small break, we are back with another release. This one is jam packed with fixes and new features. We have improved Picker, Tooltip, ComboBox and updated a number of our aria hooks. Also check out our new components currently under construction including a Color package. A special thanks to all of our contributors for a very active new year. |
| 15 | +date: 2021-02-17 |
| 16 | +--- |
| 17 | + |
| 18 | +# February 17, 2021 Release |
| 19 | + |
| 20 | +After a small break, we are back with another release. This one is jam packed with fixes and new features. We have improved `Picker`, `Tooltip`, `ComboBox` and updated a number of our aria hooks. Also check out our new components currently under construction including a `Color` package. A special thanks to all of our contributors for a very active new year. |
| 21 | + |
| 22 | +## New features |
| 23 | +- Add `useUnwrapDOMRef` hook - [@tomsontom](https://github.com/tomsontom) - [PR](https://github.com/adobe/react-spectrum/pull/1322) |
| 24 | +- Add autofocus to `Picker` - [@tomsontom](https://github.com/tomsontom) - [PR](https://github.com/adobe/react-spectrum/pull/1250) |
| 25 | +- Add `order` to `styleProps` - [@renancleyson-dev](https://github.com/renancleyson-dev) - [PR](https://github.com/adobe/react-spectrum/pull/1351) |
| 26 | +- Update component scaffolding - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/1364) |
| 27 | +- Keep `Tooltip` open when hovered - [@Andarist](https://github.com/Andarist) - [PR](https://github.com/adobe/react-spectrum/pull/1377) |
| 28 | +- Support left/right key in `useSelect` - [@tomsontom](https://github.com/tomsontom) - [PR](https://github.com/adobe/react-spectrum/pull/1299) |
| 29 | +- Add filtering to `useAsyncList` hook - [@LFDanLu](https://github.com/LFDanLu) - [Docs](https://react-spectrum.adobe.com/react-stately/useAsyncList.html#filtering) |
| 30 | +- Async support for `ComboBox` - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/1335) - [Docs](https://react-spectrum.adobe.com/react-spectrum/ComboBox.html#asynchronous-loading) |
| 31 | +- Update validation icon position in `TextArea` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/1543) |
| 32 | + |
| 33 | + |
| 34 | +## Fixed |
| 35 | +- Add resize observing to `Picker` after initial render - [@tomsontom](https://github.com/tomsontom) - [PR](https://github.com/adobe/react-spectrum/pull/1284) |
| 36 | +- Add `BreadcrumbItem` type interface - [@stefanprobst](https://github.com/stefanprobst) - [PR](https://github.com/adobe/react-spectrum/pull/1317) |
| 37 | +- Update translation in `Picker` - [@RafalFilipek](https://github.com/RafalFilipek) - [PR](https://github.com/adobe/react-spectrum/pull/1309) |
| 38 | +- Add resize observing to `ComboBox` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/1333) |
| 39 | +- Use `documentElement` instead for `useInteractOutside` - [@stefanprobst](https://github.com/stefanprobst) - [PR](https://github.com/adobe/react-spectrum/pull/1369) |
| 40 | +- Update types for `Tooltip` hooks - [@Andarist](https://github.com/Andarist) - [PR](https://github.com/adobe/react-spectrum/pull/1372) |
| 41 | +- Use `aria-readonly` in `CheckboxGroup` and `Radio` - [@intergalacticspacehighway](https://github.com/intergalacticspacehighway) - [PR](https://github.com/adobe/react-spectrum/pull/1414) |
| 42 | +- Update required type for `CheckboxGroup` - [@stefanprobst](https://github.com/stefanprobst) - [PR](https://github.com/adobe/react-spectrum/pull/1337) |
| 43 | +- Update `Button` type definition - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/1361) |
| 44 | +- Use `aria-readonly` in `RadioGroup` - [@intergalacticspacehighway](https://github.com/intergalacticspacehighway) - [PR](https://github.com/adobe/react-spectrum/pull/1424) |
| 45 | +- Clean up deprecated test usage - [@matamatanot](https://github.com/matamatanot) - [PR](https://github.com/adobe/react-spectrum/pull/1430) |
| 46 | +- Adjusted width of `Tooltip` - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/1451) |
| 47 | +- Prevent extra `onChange` calls from `useControlledState` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/1480) |
| 48 | +- Update flex styles on `Tabs` - [@tomsontom](https://github.com/tomsontom) - [PR](https://github.com/adobe/react-spectrum/pull/1473) |
| 49 | +- Update `usePreventScroll` for SSR - [@dferber90](https://github.com/dferber90) - [PR](https://github.com/adobe/react-spectrum/pull/1315) |
| 50 | +- Remove autocorrect from `ComboBox` - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/1502) |
| 51 | +- Fix label css to grow with component height - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/1575) |
| 52 | +- Update `ComboBox` design - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/1492) |
| 53 | +- Fix `TextArea` when inside a flex - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/1531) |
| 54 | +- Retain `ComboBox` selected key `onBlur` if value matches - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/1541) |
| 55 | +- Prevent left/right arrow keys from scrolling containers in `Picker` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/1540) |
| 56 | +- Add check for ref in `useSelectableList` - [@AndyOGo](https://github.com/AndyOGo) - [PR](https://github.com/adobe/react-spectrum/pull/1550) |
| 57 | + |
| 58 | + |
| 59 | +## Docs |
| 60 | +- Fix typo in contribution guide - [@stefanprobst](https://github.com/stefanprobst) - [PR](https://github.com/adobe/react-spectrum/pull/1319) |
| 61 | +- Add the default for `level` prop in `Heading` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/1349) |
| 62 | +- Add example of passing a ref to `useButton` - [@toshi1127](https://github.com/toshi1127) - [PR](https://github.com/adobe/react-spectrum/pull/1298) |
| 63 | +- Improve `useCheckboxGroupItem` examples - [@stefanprobst](https://github.com/stefanprobst) - [PR](https://github.com/adobe/react-spectrum/pull/1336) |
| 64 | +- Update links for `TextArea` guidelines - [@matthewdeutsch](https://github.com/matthewdeutsch) - [PR](https://github.com/adobe/react-spectrum/pull/1357) |
| 65 | +- Fix typo in `IllustratedMessage` example - [@travigd](https://github.com/travigd) - [PR](https://github.com/adobe/react-spectrum/pull/1410) |
| 66 | +- Update example in `useRadio` to include a ref - [@matamatanot](https://github.com/matamatanot) - [PR](https://github.com/adobe/react-spectrum/pull/1370) |
| 67 | +- Add anatomy diagrams to aria hooks - [@devongovett](https://github.com/devongovett) - [PR](https://github.com/adobe/react-spectrum/pull/1452) |
| 68 | +- Update prop description in `useMenuSection` - [@snowystinger](https://github.com/snowystinger) - [PR](https://github.com/adobe/react-spectrum/pull/1461) |
| 69 | +- Fix error in storybook - [@tomsontom](https://github.com/tomsontom) - [PR](https://github.com/adobe/react-spectrum/pull/1491) |
| 70 | +- Add `useComboBox` hook documentation to react-aria - [@LFDanLu](https://github.com/LFDanLu) - [PR](https://github.com/adobe/react-spectrum/pull/1276) |
| 71 | + |
| 72 | + |
| 73 | +## Under construction |
| 74 | + |
| 75 | +Pre-release versions of the following components have been released. Please feel free to try them out, and report any issues you encounter. |
| 76 | + |
| 77 | +- NumberField - [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/NumberField.html), [React Aria](https://react-spectrum.adobe.com/react-aria/useNumberField.html) |
| 78 | +- ColorWheel - [React Aria](https://react-spectrum.adobe.com/react-aria/useColorWheel.html) |
| 79 | +- ColorSlider - [React Aria](https://react-spectrum.adobe.com/react-aria/useColorSlider.html) |
| 80 | +- ColorField - [React Aria](https://react-spectrum.adobe.com/react-aria/useColorField.html) |
| 81 | +- ComboBox - [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/ComboBox.html), [React Aria](https://react-spectrum.adobe.com/react-aria/useComboBox.html) |
| 82 | + |
| 83 | +## Released packages |
| 84 | +``` |
| 85 | +- @adobe/react-spectrum@3.8.0 |
| 86 | +- @internationalized/message@3.0.0-alpha.0 |
| 87 | +- @internationalized/number@3.0.0-alpha.0 |
| 88 | +- @react-aria/button@3.3.1 |
| 89 | +- @react-aria/color@3.0.0-alpha.0 |
| 90 | +- @react-aria/combobox@3.0.0-alpha.1 |
| 91 | +- @react-aria/i18n@3.3.0 |
| 92 | +- @react-aria/interactions@3.3.3 |
| 93 | +- @react-aria/listbox@3.2.4 |
| 94 | +- @react-aria/menu@3.1.4 |
| 95 | +- @react-aria/numberfield@3.0.0-alpha.0 |
| 96 | +- @react-aria/overlays@3.6.1 |
| 97 | +- @react-aria/radio@3.1.3 |
| 98 | +- @react-aria/select@3.3.0 |
| 99 | +- @react-aria/selection@3.3.2 |
| 100 | +- @react-aria/slider@3.0.1 |
| 101 | +- @react-aria/spinbutton@3.0.0-alpha.0 |
| 102 | +- @react-aria/tabs@3.0.0-alpha.3 |
| 103 | +- @react-aria/toggle@3.1.2 |
| 104 | +- @react-aria/tooltip@3.1.1 |
| 105 | +- @react-aria/utils@3.6.0 |
| 106 | +- @react-spectrum/button@3.4.0 |
| 107 | +- @react-spectrum/checkbox@3.2.2 |
| 108 | +- @react-spectrum/color@3.0.0-alpha.0 |
| 109 | +- @react-spectrum/combobox@3.0.0-alpha.1 |
| 110 | +- @react-spectrum/label@3.3.1 |
| 111 | +- @react-spectrum/numberfield@3.0.0-alpha.0 |
| 112 | +- @react-spectrum/picker@3.2.2 |
| 113 | +- @react-spectrum/radio@3.1.2 |
| 114 | +- @react-spectrum/searchfield@3.1.3 |
| 115 | +- @react-spectrum/slider@3.0.1 |
| 116 | +- @react-spectrum/statuslight@3.2.0 |
| 117 | +- @react-spectrum/tabs@3.0.0-alpha.4 |
| 118 | +- @react-spectrum/textfield@3.1.5 |
| 119 | +- @react-spectrum/tooltip@3.1.1 |
| 120 | +- @react-spectrum/utils@3.5.1 |
| 121 | +- @react-stately/color@3.0.0-alpha.0 |
| 122 | +- @react-stately/combobox@3.0.0-alpha.1 |
| 123 | +- @react-stately/data@3.2.0 |
| 124 | +- @react-stately/numberfield@3.0.0-alpha.0 |
| 125 | +- @react-stately/radio@3.3.0 |
| 126 | +- @react-stately/slider@3.0.1 |
| 127 | +- @react-stately/tabs@3.0.0-alpha.1 |
| 128 | +- @react-stately/tooltip@3.0.2 |
| 129 | +- @react-stately/utils@3.2.0 |
| 130 | +- @react-types/button@3.3.1 |
| 131 | +- @react-types/checkbox@3.2.2 |
| 132 | +- @react-types/color@3.0.0-alpha.0 |
| 133 | +- @react-types/combobox@3.0.0-alpha.1 |
| 134 | +- @react-types/label@3.4.0 |
| 135 | +- @react-types/numberfield@3.0.0-alpha.0 |
| 136 | +- @react-types/select@3.2.0 |
| 137 | +- @react-types/shared@3.4.0 |
| 138 | +- @react-types/slider@3.0.1 |
| 139 | +- @react-types/text@3.1.2 |
| 140 | +- @react-types/tooltip@3.1.1 |
| 141 | +- @spectrum-icons/color@3.3.0 |
| 142 | +- react-aria@3.4.0 |
| 143 | +- react-stately@3.3.0 |
| 144 | +``` |
0 commit comments