@atlaskit/react-select 2.6.0 → 2.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,12 +1,20 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 2.6.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#159414](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/159414)
8
+ [`51ab2e7b0a12d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/51ab2e7b0a12d) -
9
+ Added aria label for options dialog
10
+
3
11
  ## 2.6.0
4
12
 
5
13
  ### Minor Changes
6
14
 
7
15
  - [#158127](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158127)
8
16
  [`b7989ac128aef`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b7989ac128aef) -
9
- Added "shouldOmitDefaultDescription" prop for <Select> to omit default description being set for
17
+ Added "shouldOmitDefaultDescription" prop for `Select` to omit default description being set for
10
18
  "aria-describedby" attribute
11
19
 
12
20
  ## 2.5.0
@@ -22,7 +22,7 @@ var styles = {
22
22
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
23
23
  focusedInvalid: "_16qsq049",
24
24
  disabled: "_1h6dsyzs _lcxvglyw _bfhksyzs _1u6llkwx",
25
- focused: "_1h6d1p6i _bfhkr01l _1u6lq049 _4cvx1p6i _irr3r01l",
25
+ focused: "_1h6d1p6i _bfhkr01l _16qsq049 _1u6lq049 _4cvx1p6i _irr3r01l",
26
26
  subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
27
27
  subtleFocused: "_bfhkvuon",
28
28
  none: "_1h6d1j28 _bfhk1j28 _1u6l3sij _4cvx1j28 _irr31j28"
@@ -1676,6 +1676,7 @@ var Select = exports.default = /*#__PURE__*/function (_Component) {
1676
1676
  },
1677
1677
  innerProps: _objectSpread(_objectSpread({
1678
1678
  role: _this4.props['UNSAFE_is_experimental_generic'] ? 'dialog' : 'listbox',
1679
+ 'aria-label': _this4.props['UNSAFE_is_experimental_generic'] ? "".concat(_this4.props['aria-label'] || label, "-dialog") : null,
1679
1680
  'aria-multiselectable': (_this4.isVoiceOver || !commonProps.isMulti) && (0, _platformFeatureFlags.fg)('design_system_select-a11y-improvement') || _this4.props['UNSAFE_is_experimental_generic'] ? undefined : commonProps.isMulti,
1680
1681
  id: _this4.getElementId('listbox')
1681
1682
  }, testId && {
@@ -13,7 +13,7 @@ const styles = {
13
13
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
14
14
  focusedInvalid: "_16qsq049",
15
15
  disabled: "_1h6dsyzs _lcxvglyw _bfhksyzs _1u6llkwx",
16
- focused: "_1h6d1p6i _bfhkr01l _1u6lq049 _4cvx1p6i _irr3r01l",
16
+ focused: "_1h6d1p6i _bfhkr01l _16qsq049 _1u6lq049 _4cvx1p6i _irr3r01l",
17
17
  subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
18
18
  subtleFocused: "_bfhkvuon",
19
19
  none: "_1h6d1j28 _bfhk1j28 _1u6l3sij _4cvx1j28 _irr31j28"
@@ -1709,6 +1709,7 @@ export default class Select extends Component {
1709
1709
  },
1710
1710
  innerProps: {
1711
1711
  role: this.props['UNSAFE_is_experimental_generic'] ? 'dialog' : 'listbox',
1712
+ 'aria-label': this.props['UNSAFE_is_experimental_generic'] ? `${this.props['aria-label'] || label}-dialog` : null,
1712
1713
  'aria-multiselectable': (this.isVoiceOver || !commonProps.isMulti) && fg('design_system_select-a11y-improvement') || this.props['UNSAFE_is_experimental_generic'] ? undefined : commonProps.isMulti,
1713
1714
  id: this.getElementId('listbox'),
1714
1715
  ...(testId && {
@@ -13,7 +13,7 @@ var styles = {
13
13
  invalid: "_1h6d1bqt _16qsizbr _1u6lizbr _4cvx1bqt",
14
14
  focusedInvalid: "_16qsq049",
15
15
  disabled: "_1h6dsyzs _lcxvglyw _bfhksyzs _1u6llkwx",
16
- focused: "_1h6d1p6i _bfhkr01l _1u6lq049 _4cvx1p6i _irr3r01l",
16
+ focused: "_1h6d1p6i _bfhkr01l _16qsq049 _1u6lq049 _4cvx1p6i _irr3r01l",
17
17
  subtle: "_1h6d1j28 _bfhk1j28 _1u6l3sij",
18
18
  subtleFocused: "_bfhkvuon",
19
19
  none: "_1h6d1j28 _bfhk1j28 _1u6l3sij _4cvx1j28 _irr31j28"
@@ -1667,6 +1667,7 @@ var Select = /*#__PURE__*/function (_Component) {
1667
1667
  },
1668
1668
  innerProps: _objectSpread(_objectSpread({
1669
1669
  role: _this4.props['UNSAFE_is_experimental_generic'] ? 'dialog' : 'listbox',
1670
+ 'aria-label': _this4.props['UNSAFE_is_experimental_generic'] ? "".concat(_this4.props['aria-label'] || label, "-dialog") : null,
1670
1671
  'aria-multiselectable': (_this4.isVoiceOver || !commonProps.isMulti) && fg('design_system_select-a11y-improvement') || _this4.props['UNSAFE_is_experimental_generic'] ? undefined : commonProps.isMulti,
1671
1672
  id: _this4.getElementId('listbox')
1672
1673
  }, testId && {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "2.6.0",
3
+ "version": "2.6.1",
4
4
  "description": "A forked version of react-select to only be used in atlaskit/select",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -30,7 +30,7 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@atlaskit/ds-lib": "^4.0.0",
33
- "@atlaskit/icon": "^26.1.0",
33
+ "@atlaskit/icon": "^26.3.0",
34
34
  "@atlaskit/layering": "^2.1.0",
35
35
  "@atlaskit/platform-feature-flags": "^1.1.0",
36
36
  "@atlaskit/primitives": "^14.8.0",