@atlaskit/select 16.6.0 → 16.7.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.
Files changed (25) hide show
  1. package/CHANGELOG.md +93 -81
  2. package/dist/cjs/AsyncCreatableSelect.js +1 -2
  3. package/dist/cjs/AsyncSelect.js +1 -2
  4. package/dist/cjs/CheckboxSelect.js +1 -2
  5. package/dist/cjs/CountrySelect.js +1 -2
  6. package/dist/cjs/CreatableSelect.js +1 -2
  7. package/dist/cjs/PopupSelect/PopupSelect.js +17 -7
  8. package/dist/cjs/PopupSelect/components.js +5 -7
  9. package/dist/cjs/RadioSelect.js +1 -2
  10. package/dist/cjs/Select.js +4 -6
  11. package/dist/cjs/components/index.js +2 -4
  12. package/dist/cjs/components/indicators.js +4 -7
  13. package/dist/cjs/components/input-aria-describedby.js +2 -3
  14. package/dist/cjs/components/input-options.js +3 -5
  15. package/dist/cjs/data/countries.js +3 -5
  16. package/dist/cjs/utils/grouped-options-announcement.js +2 -3
  17. package/dist/es2019/PopupSelect/PopupSelect.js +11 -0
  18. package/dist/es2019/Select.js +1 -1
  19. package/dist/esm/PopupSelect/PopupSelect.js +16 -5
  20. package/dist/esm/Select.js +1 -1
  21. package/dist/types/PopupSelect/PopupSelect.d.ts +7 -1
  22. package/dist/types-ts4.5/PopupSelect/PopupSelect.d.ts +7 -1
  23. package/package.json +4 -4
  24. package/report.api.md +6 -0
  25. package/tmp/api-report-tmp.d.ts +6 -1
package/CHANGELOG.md CHANGED
@@ -1,71 +1,83 @@
1
1
  # @atlaskit/select
2
2
 
3
+ ## 16.7.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#40647](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40647) [`0de92f17021`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0de92f17021) - Bump react-focus-lock to latest version
8
+
9
+ ## 16.7.0
10
+
11
+ ### Minor Changes
12
+
13
+ - [#40209](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40209) [`31496cc7c8a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/31496cc7c8a) - [ux] Adds accessible name to the search input for popup select components via new `label` prop or `placeholder` prop if `label` is not provided.
14
+
3
15
  ## 16.6.0
4
16
 
5
17
  ### Minor Changes
6
18
 
7
- - [`f03e630c03e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f03e630c03e) - [ux] Adds keydown handler to target spread props for better accessibility for keyboard users.
19
+ - [#40039](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40039) [`f03e630c03e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f03e630c03e) - [ux] Adds keydown handler to target spread props for better accessibility for keyboard users.
8
20
 
9
21
  ## 16.5.14
10
22
 
11
23
  ### Patch Changes
12
24
 
13
- - [`aee1bdd977d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aee1bdd977d) - Update select checkbox and radio icon to have 1px border under FF
25
+ - [#40096](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40096) [`aee1bdd977d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aee1bdd977d) - Update select checkbox and radio icon to have 1px border under FF
14
26
 
15
27
  ## 16.5.13
16
28
 
17
29
  ### Patch Changes
18
30
 
19
- - [`a22d71ff733`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a22d71ff733) - [ux] Select component now respects explicitly passed value set to aria-describedby attribute.
31
+ - [#39015](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39015) [`a22d71ff733`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a22d71ff733) - [ux] Select component now respects explicitly passed value set to aria-describedby attribute.
20
32
 
21
33
  ## 16.5.12
22
34
 
23
35
  ### Patch Changes
24
36
 
25
- - [`872a49e0bd8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/872a49e0bd8) - Fixed color contrast for grouped text label in the Select component
37
+ - [#38708](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38708) [`872a49e0bd8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/872a49e0bd8) - Fixed color contrast for grouped text label in the Select component
26
38
 
27
39
  ## 16.5.11
28
40
 
29
41
  ### Patch Changes
30
42
 
31
- - [`479e6a92e33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/479e6a92e33) - Move css styles out to top-level scope for more consistency.
43
+ - [#38796](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38796) [`479e6a92e33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/479e6a92e33) - Move css styles out to top-level scope for more consistency.
32
44
 
33
45
  ## 16.5.10
34
46
 
35
47
  ### Patch Changes
36
48
 
37
- - [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
49
+ - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
38
50
  - Updated dependencies
39
51
 
40
52
  ## 16.5.9
41
53
 
42
54
  ### Patch Changes
43
55
 
44
- - [`2c77d477cbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2c77d477cbb) - Ensures static linting occurs in the techstack, fixes one example's eslint error.
56
+ - [#38520](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38520) [`2c77d477cbb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2c77d477cbb) - Ensures static linting occurs in the techstack, fixes one example's eslint error.
45
57
 
46
58
  ## 16.5.8
47
59
 
48
60
  ### Patch Changes
49
61
 
50
- - [`5c22f7ade33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c22f7ade33) - Convert CSS tagged templates to explicit function calls with objects.
62
+ - [#38518](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38518) [`5c22f7ade33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5c22f7ade33) - Convert CSS tagged templates to explicit function calls with objects.
51
63
 
52
64
  ## 16.5.7
53
65
 
54
66
  ### Patch Changes
55
67
 
56
- - [`919bf219a91`](https://bitbucket.org/atlassian/atlassian-frontend/commits/919bf219a91) - use border token for border width
68
+ - [#36663](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36663) [`919bf219a91`](https://bitbucket.org/atlassian/atlassian-frontend/commits/919bf219a91) - use border token for border width
57
69
 
58
70
  ## 16.5.6
59
71
 
60
72
  ### Patch Changes
61
73
 
62
- - [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
74
+ - [#35441](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35441) [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
63
75
 
64
76
  ## 16.5.5
65
77
 
66
78
  ### Patch Changes
67
79
 
68
- - [`96ac277d0d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/96ac277d0d7) - [ux] - created custom onFocus function, which overwrites built in onFocus method for ariaLiveMessages;
80
+ - [#35267](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35267) [`96ac277d0d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/96ac277d0d7) - [ux] - created custom onFocus function, which overwrites built in onFocus method for ariaLiveMessages;
69
81
 
70
82
  - function is conditionally invoked only for grouped select options to enable group label announcement with it's group options;
71
83
 
@@ -73,73 +85,73 @@
73
85
 
74
86
  ### Patch Changes
75
87
 
76
- - [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
88
+ - [#35111](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35111) [`8f436f0c301`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f436f0c301) - extend border contrast feature flag to support confluence
77
89
 
78
90
  ## 16.5.3
79
91
 
80
92
  ### Patch Changes
81
93
 
82
- - [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
94
+ - [#34881](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34881) [`774ed69ecef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/774ed69ecef) - Internal changes to use space tokens for spacing values. There is no visual change.
83
95
 
84
96
  ## 16.5.2
85
97
 
86
98
  ### Patch Changes
87
99
 
88
- - [`449ab6d341b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/449ab6d341b) - Clear control keyboard access for Select component
100
+ - [#33774](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33774) [`449ab6d341b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/449ab6d341b) - Clear control keyboard access for Select component
89
101
 
90
102
  ## 16.5.1
91
103
 
92
104
  ### Patch Changes
93
105
 
94
- - [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
106
+ - [#33652](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33652) [`e7ea6832ad2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7ea6832ad2) - Bans the use of React.FC/React.FunctionComponent type in ADS components as part of the React 18 migration work. The change is internal only and should not introduce any changes for the component consumers.
95
107
 
96
108
  ## 16.5.0
97
109
 
98
110
  ### Minor Changes
99
111
 
100
- - [`3c38b01cfd9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c38b01cfd9) - Added screen reader text to announce multi selects support multiple options. This will be announced prior to any placeholder text.
112
+ - [#34303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34303) [`3c38b01cfd9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c38b01cfd9) - Added screen reader text to announce multi selects support multiple options. This will be announced prior to any placeholder text.
101
113
 
102
114
  ## 16.4.0
103
115
 
104
116
  ### Minor Changes
105
117
 
106
- - [`45bcfb68efb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45bcfb68efb) - Testing behind a feature flag: reduce re-renders in `<PopupSelect>` by using an available renderProps to both disable and block scrolling at the right time as well as avoid rendering the `<Select>` to a portal not visible to the user.
118
+ - [#34251](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34251) [`45bcfb68efb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45bcfb68efb) - Testing behind a feature flag: reduce re-renders in `<PopupSelect>` by using an available renderProps to both disable and block scrolling at the right time as well as avoid rendering the `<Select>` to a portal not visible to the user.
107
119
 
108
120
  ## 16.3.1
109
121
 
110
122
  ### Patch Changes
111
123
 
112
- - [`1cd0d824b3c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1cd0d824b3c) - NO-ISSUE Add basic memoization on CheckboxSelect and RadioSelect to avoid unnecessary re-renders with otherwise static references.
124
+ - [#34230](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34230) [`1cd0d824b3c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1cd0d824b3c) - NO-ISSUE Add basic memoization on CheckboxSelect and RadioSelect to avoid unnecessary re-renders with otherwise static references.
113
125
 
114
126
  ## 16.3.0
115
127
 
116
128
  ### Minor Changes
117
129
 
118
- - [`6e51e0d5358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6e51e0d5358) - [ux] update border width from 2px to 1px and add 1px box-shadow when focus or error
130
+ - [#33475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33475) [`6e51e0d5358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6e51e0d5358) - [ux] update border width from 2px to 1px and add 1px box-shadow when focus or error
119
131
 
120
132
  ## 16.2.3
121
133
 
122
134
  ### Patch Changes
123
135
 
124
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
136
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
125
137
 
126
138
  ## 16.2.2
127
139
 
128
140
  ### Patch Changes
129
141
 
130
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
142
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
131
143
 
132
144
  ## 16.2.1
133
145
 
134
146
  ### Patch Changes
135
147
 
136
- - [`ffeeae59446`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ffeeae59446) - Migrates unit tests from enzyme to RTL.
148
+ - [#32947](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32947) [`ffeeae59446`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ffeeae59446) - Migrates unit tests from enzyme to RTL.
137
149
 
138
150
  ## 16.2.0
139
151
 
140
152
  ### Minor Changes
141
153
 
142
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
154
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
143
155
 
144
156
  ### Patch Changes
145
157
 
@@ -149,31 +161,31 @@
149
161
 
150
162
  ### Patch Changes
151
163
 
152
- - [`79ddcb13067`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79ddcb13067) - [ux] style(select): update fallback of select placeholder to N200'
164
+ - [#33004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33004) [`79ddcb13067`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79ddcb13067) - [ux] style(select): update fallback of select placeholder to N200'
153
165
 
154
166
  ## 16.1.8
155
167
 
156
168
  ### Patch Changes
157
169
 
158
- - [`8a8aac2b848`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a8aac2b848) - [ux] Adds proper disabled styling to the isMulti component.
170
+ - [#31299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31299) [`8a8aac2b848`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a8aac2b848) - [ux] Adds proper disabled styling to the isMulti component.
159
171
 
160
172
  ## 16.1.7
161
173
 
162
174
  ### Patch Changes
163
175
 
164
- - [`c3a92e0b058`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c3a92e0b058) - Export placeholder props from figma plugin
176
+ - [#31495](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31495) [`c3a92e0b058`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c3a92e0b058) - Export placeholder props from figma plugin
165
177
 
166
178
  ## 16.1.6
167
179
 
168
180
  ### Patch Changes
169
181
 
170
- - [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
182
+ - [#31338](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31338) [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
171
183
 
172
184
  ## 16.1.5
173
185
 
174
186
  ### Patch Changes
175
187
 
176
- - [`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) - Introduce shape tokens to some packages.
188
+ - [#30125](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30125) [`7f5f23dcb68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7f5f23dcb68) - Introduce shape tokens to some packages.
177
189
 
178
190
  ## 16.1.4
179
191
 
@@ -185,26 +197,26 @@
185
197
 
186
198
  ### Patch Changes
187
199
 
188
- - [`22b754d311f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22b754d311f) - Updates usage of removed design token `utilities.UNSAFE_util.transparent` in favour of its replacement `utilities.UNSAFE.transparent`
200
+ - [#27634](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27634) [`22b754d311f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22b754d311f) - Updates usage of removed design token `utilities.UNSAFE_util.transparent` in favour of its replacement `utilities.UNSAFE.transparent`
189
201
  - Updated dependencies
190
202
 
191
203
  ## 16.1.2
192
204
 
193
205
  ### Patch Changes
194
206
 
195
- - [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
207
+ - [#29390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29390) [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
196
208
 
197
209
  ## 16.1.1
198
210
 
199
211
  ### Patch Changes
200
212
 
201
- - [`81bb765f055`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81bb765f055) - Missing export for type MultiValueRemoveProps added
213
+ - [#29396](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29396) [`81bb765f055`](https://bitbucket.org/atlassian/atlassian-frontend/commits/81bb765f055) - Missing export for type MultiValueRemoveProps added
202
214
 
203
215
  ## 16.1.0
204
216
 
205
217
  ### Minor Changes
206
218
 
207
- - [`017e3dccdf3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/017e3dccdf3) - Add SelectInstance for export
219
+ - [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`017e3dccdf3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/017e3dccdf3) - Add SelectInstance for export
208
220
  - [`2368982b4d2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2368982b4d2) - Add MultiValueRemoveProps, SelectInstance to export
209
221
 
210
222
  ### Patch Changes
@@ -227,7 +239,7 @@
227
239
 
228
240
  ### Patch Changes
229
241
 
230
- - [`e7046ed0fb1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7046ed0fb1) - - Add MultiValueRemoveProps to export
242
+ - [#27813](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27813) [`e7046ed0fb1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e7046ed0fb1) - - Add MultiValueRemoveProps to export
231
243
  - Add SelectInstance for export
232
244
  - Revert the onOpen and onClose logic in PopupSelect
233
245
 
@@ -235,7 +247,7 @@
235
247
 
236
248
  ### Major Changes
237
249
 
238
- - [`95b3630e9b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95b3630e9b5) - Update `@atlaskit/select` to use react-select v5, and update types
250
+ - [#26712](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26712) [`95b3630e9b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/95b3630e9b5) - Update `@atlaskit/select` to use react-select v5, and update types
239
251
 
240
252
  Use forwardRef for all wrapped components - this means that if you were accessing anything on the Select instance using a ref, the ref will now reference the internal Select directly (see below for how to upgrade)
241
253
 
@@ -334,7 +346,7 @@
334
346
 
335
347
  ### Patch Changes
336
348
 
337
- - [`8048ae661df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8048ae661df) - [ux] Fixed bug where consumers extending the styles of PopupSelect would not receive the correct base styles in their custom styles functions.
349
+ - [#27523](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27523) [`8048ae661df`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8048ae661df) - [ux] Fixed bug where consumers extending the styles of PopupSelect would not receive the correct base styles in their custom styles functions.
338
350
 
339
351
  ## 15.7.6
340
352
 
@@ -346,38 +358,38 @@
346
358
 
347
359
  ### Patch Changes
348
360
 
349
- - [`a0bf7e532ff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a0bf7e532ff) - Fix validationState taking precedent over isInvalid
361
+ - [#25860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25860) [`a0bf7e532ff`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a0bf7e532ff) - Fix validationState taking precedent over isInvalid
350
362
  - Updated dependencies
351
363
 
352
364
  ## 15.7.4
353
365
 
354
366
  ### Patch Changes
355
367
 
356
- - [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
368
+ - [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303) [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
357
369
 
358
370
  ## 15.7.3
359
371
 
360
372
  ### Patch Changes
361
373
 
362
- - [`5e578b89178`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5e578b89178) - Fixed an issue in PopupSelect that caused the page to scroll to the top.
374
+ - [#25307](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25307) [`5e578b89178`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5e578b89178) - Fixed an issue in PopupSelect that caused the page to scroll to the top.
363
375
 
364
376
  ## 15.7.2
365
377
 
366
378
  ### Patch Changes
367
379
 
368
- - [`bedbdec0e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bedbdec0e82) - Update hover state appearance of subtle Textarea, Textfield and Select components to match the hover states of their default counterparts.
380
+ - [#25314](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25314) [`bedbdec0e82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bedbdec0e82) - Update hover state appearance of subtle Textarea, Textfield and Select components to match the hover states of their default counterparts.
369
381
 
370
382
  ## 15.7.1
371
383
 
372
384
  ### Patch Changes
373
385
 
374
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
386
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
375
387
 
376
388
  ## 15.7.0
377
389
 
378
390
  ### Minor Changes
379
391
 
380
- - [`0fbb2840aba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fbb2840aba) - Add isInvalid prop to `@atlastkit/Select`. The prop indicates whether if the component is in the error state. If true, it visually shows a red border around the input.
392
+ - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`0fbb2840aba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0fbb2840aba) - Add isInvalid prop to `@atlastkit/Select`. The prop indicates whether if the component is in the error state. If true, it visually shows a red border around the input.
381
393
 
382
394
  This replaces validationState to make Select more consistent like other components that uses isInvalid prop.
383
395
 
@@ -395,25 +407,25 @@
395
407
 
396
408
  ### Patch Changes
397
409
 
398
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
410
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
399
411
 
400
412
  ## 15.6.1
401
413
 
402
414
  ### Patch Changes
403
415
 
404
- - [`d9f112c7b09`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9f112c7b09) - Reverts change to multiSelect's remove behaviour when using tokens, fixing issue with a pointer-events: none style
416
+ - [#24436](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24436) [`d9f112c7b09`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d9f112c7b09) - Reverts change to multiSelect's remove behaviour when using tokens, fixing issue with a pointer-events: none style
405
417
 
406
418
  ## 15.6.0
407
419
 
408
420
  ### Minor Changes
409
421
 
410
- - [`68cc8008851`](https://bitbucket.org/atlassian/atlassian-frontend/commits/68cc8008851) - [ux] Introduces appearance prop to component, with 'default', 'subtle' and 'none' variants
422
+ - [#24008](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24008) [`68cc8008851`](https://bitbucket.org/atlassian/atlassian-frontend/commits/68cc8008851) - [ux] Introduces appearance prop to component, with 'default', 'subtle' and 'none' variants
411
423
 
412
424
  ## 15.5.0
413
425
 
414
426
  ### Minor Changes
415
427
 
416
- - [`c17c6943be2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c17c6943be2) - Updated appearance of multi-select tags; when delete button is hovered, the appearance now matches @atlaskit/tag. The change is only visible with design token CSS enabled (in light or dark mode)
428
+ - [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`c17c6943be2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c17c6943be2) - Updated appearance of multi-select tags; when delete button is hovered, the appearance now matches @atlaskit/tag. The change is only visible with design token CSS enabled (in light or dark mode)
417
429
  - [`45cae79ec0f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45cae79ec0f) - [ux] Internal changes to <CountrySelect /> to no longer override container and menu width. The behaviour is now the same as the default Select component. Visual changes are possible if the <CountrySelect /> is being used in an unconstrained container (it will now expand to fill as is the default).
418
430
 
419
431
  Component now also uses the correct types (previously set to `any`). Props are still passed through so there is no runtime effect, but this may effect compilation for users providing props that are unsupported by the runtime.
@@ -430,26 +442,26 @@
430
442
 
431
443
  ### Minor Changes
432
444
 
433
- - [`4609a8a733a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4609a8a733a) - Made SelectWithoutAnalytics component and InputActionMeta type available from @atlaskit/select
445
+ - [#22818](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22818) [`4609a8a733a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4609a8a733a) - Made SelectWithoutAnalytics component and InputActionMeta type available from @atlaskit/select
434
446
 
435
447
  ## 15.3.2
436
448
 
437
449
  ### Patch Changes
438
450
 
439
- - [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
451
+ - [#22614](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22614) [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
440
452
 
441
453
  ## 15.3.1
442
454
 
443
455
  ### Patch Changes
444
456
 
445
- - [`8f6f225ac11`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f6f225ac11) - Updated prop types for Popup Select
457
+ - [#22029](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22029) [`8f6f225ac11`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f6f225ac11) - Updated prop types for Popup Select
446
458
  - [`e4b612d1c48`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e4b612d1c48) - Internal migration to bind-event-listener for safer DOM Event cleanup
447
459
 
448
460
  ## 15.3.0
449
461
 
450
462
  ### Minor Changes
451
463
 
452
- - [`145c9cea461`](https://bitbucket.org/atlassian/atlassian-frontend/commits/145c9cea461) - [ux] Added 2 new props for controlling the open state of PopupSelect:
464
+ - [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`145c9cea461`](https://bitbucket.org/atlassian/atlassian-frontend/commits/145c9cea461) - [ux] Added 2 new props for controlling the open state of PopupSelect:
453
465
 
454
466
  - `isOpen` controls whether the popup is open (controlled)
455
467
  - `defaultIsOpen` controls whether the popup is initially open on mount (uncontrolled)
@@ -470,7 +482,7 @@
470
482
 
471
483
  ### Patch Changes
472
484
 
473
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
485
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
474
486
  - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Updated types for @atlaskit/select to support Typescript 4.2.4
475
487
 
476
488
  ## 15.2.11
@@ -483,7 +495,7 @@
483
495
 
484
496
  ### Patch Changes
485
497
 
486
- - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
498
+ - [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
487
499
  - Updated dependencies
488
500
 
489
501
  ## 15.2.9
@@ -496,7 +508,7 @@
496
508
 
497
509
  ### Patch Changes
498
510
 
499
- - [`b2c25c19e38`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2c25c19e38) - PopupSelect now uses `@atlaskit/visually-hidden` under the hood.
511
+ - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`b2c25c19e38`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2c25c19e38) - PopupSelect now uses `@atlaskit/visually-hidden` under the hood.
500
512
  - Updated dependencies
501
513
 
502
514
  ## 15.2.7
@@ -518,27 +530,27 @@
518
530
 
519
531
  ### Patch Changes
520
532
 
521
- - [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
533
+ - [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
522
534
  - Updated dependencies
523
535
 
524
536
  ## 15.2.4
525
537
 
526
538
  ### Patch Changes
527
539
 
528
- - [`401179b652b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/401179b652b) - PopupSelect now returns focus to the "trigger" element on close.
540
+ - [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777) [`401179b652b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/401179b652b) - PopupSelect now returns focus to the "trigger" element on close.
529
541
  - Updated dependencies
530
542
 
531
543
  ## 15.2.3
532
544
 
533
545
  ### Patch Changes
534
546
 
535
- - [`b85e7ce12cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b85e7ce12cd) - Internal upgrade of memoize-one to 6.0.0
547
+ - [#15694](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15694) [`b85e7ce12cd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b85e7ce12cd) - Internal upgrade of memoize-one to 6.0.0
536
548
 
537
549
  ## 15.2.2
538
550
 
539
551
  ### Patch Changes
540
552
 
541
- - [`6fb4421c4c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6fb4421c4c1) - Fixed the validation token for Select in the Dark theme.
553
+ - [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319) [`6fb4421c4c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6fb4421c4c1) - Fixed the validation token for Select in the Dark theme.
542
554
  - Updated dependencies
543
555
 
544
556
  ## 15.2.1
@@ -551,7 +563,7 @@
551
563
 
552
564
  ### Minor Changes
553
565
 
554
- - [`f7cbc6631cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7cbc6631cf) - Instrumented select with the new theming package, `@atlaskit/tokens`.
566
+ - [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864) [`f7cbc6631cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f7cbc6631cf) - Instrumented select with the new theming package, `@atlaskit/tokens`.
555
567
 
556
568
  New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
557
569
 
@@ -566,26 +578,26 @@
566
578
 
567
579
  ### Minor Changes
568
580
 
569
- - [`1dfc276fa55`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1dfc276fa55) - Expose InputActionMeta in atlaskit/select. Convert withSmarts from class to function component. Fix analytics.
581
+ - [#13477](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13477) [`1dfc276fa55`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1dfc276fa55) - Expose InputActionMeta in atlaskit/select. Convert withSmarts from class to function component. Fix analytics.
570
582
 
571
583
  ## 15.0.2
572
584
 
573
585
  ### Patch Changes
574
586
 
575
- - [`ce350569ced`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ce350569ced) - The `aria-live` prop is now `assertive` by default to help option selection to stay in sync with screen reader announcements.
587
+ - [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`ce350569ced`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ce350569ced) - The `aria-live` prop is now `assertive` by default to help option selection to stay in sync with screen reader announcements.
576
588
  - Updated dependencies
577
589
 
578
590
  ## 15.0.1
579
591
 
580
592
  ### Patch Changes
581
593
 
582
- - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
594
+ - [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
583
595
 
584
596
  ## 15.0.0
585
597
 
586
598
  ### Major Changes
587
599
 
588
- - [`8c9055949d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c9055949d4) - [ux] Options and Placeholders are now easier to see for users with low vision. We have also improved the experience in Windows High Contrast Mode.
600
+ - [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328) [`8c9055949d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c9055949d4) - [ux] Options and Placeholders are now easier to see for users with low vision. We have also improved the experience in Windows High Contrast Mode.
589
601
 
590
602
  ### Patch Changes
591
603
 
@@ -596,7 +608,7 @@
596
608
 
597
609
  ### Minor Changes
598
610
 
599
- - [`1ffa16e7d54`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ffa16e7d54) - [ux] An argument of `PopupSelect`'s `target` render props was extended with `aria-haspopup`, `aria-expanded`, and `aria-controls` fields . You should pass this fields to custom trigger like `({isOpen, ...triggerProps}) => <button {...triggerProps}>Trigger</button>`. Provided aria attributes help users who use assistive technologies understand a component better.
611
+ - [#11649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11649) [`1ffa16e7d54`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1ffa16e7d54) - [ux] An argument of `PopupSelect`'s `target` render props was extended with `aria-haspopup`, `aria-expanded`, and `aria-controls` fields . You should pass this fields to custom trigger like `({isOpen, ...triggerProps}) => <button {...triggerProps}>Trigger</button>`. Provided aria attributes help users who use assistive technologies understand a component better.
600
612
 
601
613
  ### Patch Changes
602
614
 
@@ -606,13 +618,13 @@
606
618
 
607
619
  ### Patch Changes
608
620
 
609
- - [`76f16d562bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76f16d562bc) - Removed styled-components as a peerDependency
621
+ - [#12205](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12205) [`76f16d562bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76f16d562bc) - Removed styled-components as a peerDependency
610
622
 
611
623
  ## 14.0.0
612
624
 
613
625
  ### Major Changes
614
626
 
615
- - [`1f493e1dc65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f493e1dc65) - Bump `react-select` to v4. This brings some API changes and it uses `emotion` v11.
627
+ - [#11113](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11113) [`1f493e1dc65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1f493e1dc65) - Bump `react-select` to v4. This brings some API changes and it uses `emotion` v11.
616
628
 
617
629
  ### Patch Changes
618
630
 
@@ -623,20 +635,20 @@
623
635
 
624
636
  ### Patch Changes
625
637
 
626
- - [`0e3333cd10a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0e3333cd10a) - Corrects usage of modal dialog types.
638
+ - [#10230](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10230) [`0e3333cd10a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0e3333cd10a) - Corrects usage of modal dialog types.
627
639
  - Updated dependencies
628
640
 
629
641
  ## 13.3.0
630
642
 
631
643
  ### Minor Changes
632
644
 
633
- - [`0115b3b722b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0115b3b722b) - Update PopupSelect dependency `@popperjs/core` to `^2.9.1`, fixing some positioning bugs, such as in parents with `will-change` CSS properties set. For more information on the specific changes, see the popper docs.
645
+ - [#8388](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8388) [`0115b3b722b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0115b3b722b) - Update PopupSelect dependency `@popperjs/core` to `^2.9.1`, fixing some positioning bugs, such as in parents with `will-change` CSS properties set. For more information on the specific changes, see the popper docs.
634
646
 
635
647
  ## 13.2.0
636
648
 
637
649
  ### Minor Changes
638
650
 
639
- - [`c50a63f9f72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c50a63f9f72) - Upgrade `@types/react-select` to `v3.1.2` and fix type breaks
651
+ - [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`c50a63f9f72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c50a63f9f72) - Upgrade `@types/react-select` to `v3.1.2` and fix type breaks
640
652
 
641
653
  ### Patch Changes
642
654
 
@@ -647,19 +659,19 @@
647
659
 
648
660
  ### Patch Changes
649
661
 
650
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
662
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
651
663
 
652
664
  ## 13.1.0
653
665
 
654
666
  ### Minor Changes
655
667
 
656
- - [`c3d2088249`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c3d2088249) - expose GroupedOptionsType type
668
+ - [#6228](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6228) [`c3d2088249`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c3d2088249) - expose GroupedOptionsType type
657
669
 
658
670
  ## 13.0.6
659
671
 
660
672
  ### Patch Changes
661
673
 
662
- - [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
674
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
663
675
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
664
676
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
665
677
 
@@ -673,19 +685,19 @@
673
685
 
674
686
  ### Patch Changes
675
687
 
676
- - [`fc8f6e61f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc8f6e61f3) - Fix codemod utilities being exposed through the codemod cli
688
+ - [#4346](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4346) [`fc8f6e61f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc8f6e61f3) - Fix codemod utilities being exposed through the codemod cli
677
689
 
678
690
  ## 13.0.3
679
691
 
680
692
  ### Patch Changes
681
693
 
682
- - [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
694
+ - [#4707](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4707) [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
683
695
 
684
696
  ## 13.0.2
685
697
 
686
698
  ### Patch Changes
687
699
 
688
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
700
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
689
701
 
690
702
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
691
703
  to prevent duplicates of tslib being bundled.
@@ -694,13 +706,13 @@
694
706
 
695
707
  ### Patch Changes
696
708
 
697
- - [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release
709
+ - [#4393](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4393) [`76165ad82f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/76165ad82f) - Bump required because of conflicts on wadmal release
698
710
 
699
711
  ## 13.0.0
700
712
 
701
713
  ### Major Changes
702
714
 
703
- - [`b85482c030`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b85482c030) - Upgraded Popper JS to version 2.2.3, which comes with bug fixes, performance improvements and a reduced bundle size when combined with @popperjs/core. As a result, PopupSelect has some changes to the values accepted by the `popperProps` prop.
715
+ - [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`b85482c030`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b85482c030) - Upgraded Popper JS to version 2.2.3, which comes with bug fixes, performance improvements and a reduced bundle size when combined with @popperjs/core. As a result, PopupSelect has some changes to the values accepted by the `popperProps` prop.
704
716
 
705
717
  Changes labelled with ⚙️ have codemod support:
706
718
 
@@ -729,7 +741,7 @@
729
741
  `npx @atlaskit/codemod-cli --parser [PARSER] --extensions [FILE_EXTENSIONS] [TARGET_PATH]`
730
742
 
731
743
  Or run `npx @atlaskit/codemod-cli -h` for more details on usage.
732
- For Atlassians, refer to [this doc](https://developer.atlassian.com/cloud/framework/atlassian-frontend/codemods/01-atlassian-codemods/) for more details on the codemod CLI.
744
+ For Atlassians, refer to [this doc](https://hello.atlassian.net/wiki/spaces/AF/pages/2627171992/Codemods) for more details on the codemod CLI.
733
745
 
734
746
  ### Patch Changes
735
747
 
@@ -740,19 +752,19 @@
740
752
 
741
753
  ### Patch Changes
742
754
 
743
- - [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
755
+ - [#3293](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3293) [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
744
756
 
745
757
  ## 12.0.1
746
758
 
747
759
  ### Patch Changes
748
760
 
749
- - [`5ccf97c849`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ccf97c849) - Popup Select click and keydown events would not bubble if parent element stopped propagation. Have changed these events to use capture mode instead.
761
+ - [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`5ccf97c849`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ccf97c849) - Popup Select click and keydown events would not bubble if parent element stopped propagation. Have changed these events to use capture mode instead.
750
762
 
751
763
  ## 12.0.0
752
764
 
753
765
  ### Major Changes
754
766
 
755
- - [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
767
+ - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
756
768
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
757
769
 
758
770
  ### Patch Changes
@@ -769,13 +781,13 @@
769
781
 
770
782
  ### Patch Changes
771
783
 
772
- - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
784
+ - [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
773
785
 
774
786
  ## 11.0.12
775
787
 
776
788
  ### Patch Changes
777
789
 
778
- - [`6aec273747`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6aec273747) - FIX: Dropdown chevron fixed to reflect ADG spec
790
+ - [#2137](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2137) [`6aec273747`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6aec273747) - FIX: Dropdown chevron fixed to reflect ADG spec
779
791
  - Updated dependencies
780
792
 
781
793
  ## 11.0.11
package/dist/cjs/AsyncCreatableSelect.js CHANGED
@@ -7,5 +7,4 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _asyncCreatable = _interopRequireDefault(require("react-select/async-creatable"));
9
9
  var _createSelect = _interopRequireDefault(require("./createSelect"));
10
- var _default = (0, _createSelect.default)(_asyncCreatable.default);
11
- exports.default = _default;
10
+ var _default = exports.default = (0, _createSelect.default)(_asyncCreatable.default);
package/dist/cjs/AsyncSelect.js CHANGED
@@ -7,5 +7,4 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _async = _interopRequireDefault(require("react-select/async"));
9
9
  var _createSelect = _interopRequireDefault(require("./createSelect"));
10
- var _default = (0, _createSelect.default)(_async.default);
11
- exports.default = _default;
10
+ var _default = exports.default = (0, _createSelect.default)(_async.default);
package/dist/cjs/CheckboxSelect.js CHANGED
@@ -33,5 +33,4 @@ var CheckboxSelect = /*#__PURE__*/_react.default.memo(function (_ref) {
33
33
  components: mergedComponents
34
34
  }));
35
35
  });
36
- var _default = CheckboxSelect;
37
- exports.default = _default;
36
+ var _default = exports.default = CheckboxSelect;
package/dist/cjs/CountrySelect.js CHANGED
@@ -82,5 +82,4 @@ var CountrySelect = function CountrySelect(props) {
82
82
  options: _countries.groupedCountries
83
83
  }, props));
84
84
  };
85
- var _default = CountrySelect;
86
- exports.default = _default;
85
+ var _default = exports.default = CountrySelect;
package/dist/cjs/CreatableSelect.js CHANGED
@@ -7,5 +7,4 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = void 0;
8
8
  var _creatable = _interopRequireDefault(require("react-select/creatable"));
9
9
  var _createSelect = _interopRequireDefault(require("./createSelect"));
10
- var _default = (0, _createSelect.default)(_creatable.default);
11
- exports.default = _default;
10
+ var _default = exports.default = (0, _createSelect.default)(_creatable.default);
package/dist/cjs/PopupSelect/PopupSelect.js CHANGED
@@ -29,7 +29,7 @@ var _components = require("./components");
29
29
  var _styles = _interopRequireDefault(require("../styles"));
30
30
  var _bindEventListener = require("bind-event-listener");
31
31
  var _memoizeOne = _interopRequireDefault(require("memoize-one"));
32
- var _excluded = ["footer", "maxMenuWidth", "minMenuWidth", "target", "testId"];
32
+ var _excluded = ["footer", "label", "maxMenuWidth", "minMenuWidth", "placeholder", "target", "testId"];
33
33
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
34
34
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
35
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -69,7 +69,7 @@ var defaultPopperProps = {
69
69
  var isEmpty = function isEmpty(obj) {
70
70
  return Object.keys(obj).length === 0;
71
71
  };
72
- var PopupSelect = /*#__PURE__*/function (_PureComponent) {
72
+ var PopupSelect = exports.default = /*#__PURE__*/function (_PureComponent) {
73
73
  (0, _inherits2.default)(PopupSelect, _PureComponent);
74
74
  var _super = _createSuper(PopupSelect);
75
75
  function PopupSelect() {
@@ -234,7 +234,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
234
234
  if (typeof window === 'undefined') {
235
235
  return;
236
236
  }
237
- (_this$unbindWindowKey = (_this2 = _this).unbindWindowKeydown) === null || _this$unbindWindowKey === void 0 ? void 0 : _this$unbindWindowKey.call(_this2);
237
+ (_this$unbindWindowKey = (_this2 = _this).unbindWindowKeydown) === null || _this$unbindWindowKey === void 0 || _this$unbindWindowKey.call(_this2);
238
238
  _this.unbindWindowKeydown = null;
239
239
  });
240
240
  // Refs
@@ -322,8 +322,10 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
322
322
  (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "renderSelect", function () {
323
323
  var _this$props3 = _this.props,
324
324
  footer = _this$props3.footer,
325
+ label = _this$props3.label,
325
326
  maxMenuWidth = _this$props3.maxMenuWidth,
326
327
  minMenuWidth = _this$props3.minMenuWidth,
328
+ placeholder = _this$props3.placeholder,
327
329
  target = _this$props3.target,
328
330
  testId = _this$props3.testId,
329
331
  props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
@@ -346,11 +348,18 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
346
348
  var selectComponents = (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.popup-select-render-perf_i0s6m') ? _this.getSelectComponents(mergedComponents, showSearchControl) : _objectSpread(_objectSpread({}, mergedComponents), {}, {
347
349
  Control: showSearchControl ? mergedComponents.Control : _components.DummyControl
348
350
  });
351
+ var getLabel = function getLabel() {
352
+ if (label) {
353
+ return label;
354
+ } else if (typeof placeholder === 'string') {
355
+ return placeholder;
356
+ }
357
+ };
349
358
  var popper = /*#__PURE__*/_react.default.createElement(_reactPopper.Popper, (0, _extends2.default)({}, mergedPopperProps, (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.popup-select-render-perf_i0s6m') ? undefined : {
350
359
  onFirstUpdate: function onFirstUpdate(state) {
351
360
  var _mergedPopperProps$on;
352
361
  _this.handleFirstPopperUpdate();
353
- (_mergedPopperProps$on = mergedPopperProps.onFirstUpdate) === null || _mergedPopperProps$on === void 0 ? void 0 : _mergedPopperProps$on.call(mergedPopperProps, state);
362
+ (_mergedPopperProps$on = mergedPopperProps.onFirstUpdate) === null || _mergedPopperProps$on === void 0 || _mergedPopperProps$on.call(mergedPopperProps, state);
354
363
  }
355
364
  }), function (_ref2) {
356
365
  var placement = _ref2.placement,
@@ -383,11 +392,13 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
383
392
  disabled: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.popup-select-render-perf_i0s6m') ? !readyToRenderSelect : !focusLockEnabled,
384
393
  returnFocus: true
385
394
  }, readyToRenderSelect && /*#__PURE__*/_react.default.createElement(_reactSelect.default, (0, _extends2.default)({
395
+ "aria-label": getLabel(),
386
396
  backspaceRemovesValue: false,
387
397
  controlShouldRenderValue: false,
388
398
  isClearable: false,
389
399
  tabSelectsValue: false,
390
400
  menuIsOpen: true,
401
+ placeholder: placeholder,
391
402
  ref: _this.getSelectRef
392
403
  }, props, {
393
404
  isSearchable: showSearchControl,
@@ -422,9 +433,9 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
422
433
  if (typeof window === 'undefined') {
423
434
  return;
424
435
  }
425
- (_this$unbindWindowCli = this.unbindWindowClick) === null || _this$unbindWindowCli === void 0 ? void 0 : _this$unbindWindowCli.call(this);
436
+ (_this$unbindWindowCli = this.unbindWindowClick) === null || _this$unbindWindowCli === void 0 || _this$unbindWindowCli.call(this);
426
437
  this.unbindWindowClick = null;
427
- (_this$unbindWindowKey2 = this.unbindWindowKeydown) === null || _this$unbindWindowKey2 === void 0 ? void 0 : _this$unbindWindowKey2.call(this);
438
+ (_this$unbindWindowKey2 = this.unbindWindowKeydown) === null || _this$unbindWindowKey2 === void 0 || _this$unbindWindowKey2.call(this);
428
439
  this.unbindWindowKeydown = null;
429
440
  }
430
441
  }, {
@@ -485,7 +496,6 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
485
496
  }]);
486
497
  return PopupSelect;
487
498
  }(_react.PureComponent);
488
- exports.default = PopupSelect;
489
499
  (0, _defineProperty2.default)(PopupSelect, "defaultProps", {
490
500
  closeMenuOnSelect: true,
491
501
  components: {},
package/dist/cjs/PopupSelect/components.js CHANGED
@@ -25,7 +25,7 @@ var menuDialogStyles = (0, _react.css)({
25
25
  boxShadow: "var(--ds-shadow-overlay, ".concat("0 0 0 1px ".concat(_colors.N40A, ", 0 4px 11px ").concat(_colors.N40A), ")"),
26
26
  zIndex: _constants.layers.modal()
27
27
  });
28
- var MenuDialog = function MenuDialog(_ref) {
28
+ var MenuDialog = exports.MenuDialog = function MenuDialog(_ref) {
29
29
  var maxWidth = _ref.maxWidth,
30
30
  minWidth = _ref.minWidth,
31
31
  children = _ref.children,
@@ -50,7 +50,7 @@ var MenuDialog = function MenuDialog(_ref) {
50
50
  // ==============================
51
51
  // Custom Components
52
52
  // ==============================
53
- exports.MenuDialog = MenuDialog;
53
+
54
54
  var dropdownStyles = (0, _react.css)({
55
55
  marginRight: "var(--ds-space-025, 2px)",
56
56
  textAlign: 'center',
@@ -77,21 +77,19 @@ var Control = function Control(_ref2) {
77
77
  innerProps: innerProps
78
78
  })));
79
79
  };
80
- var DummyControl = function DummyControl(props) {
80
+ var DummyControl = exports.DummyControl = function DummyControl(props) {
81
81
  return (0, _react.jsx)(_visuallyHidden.default, null, (0, _react.jsx)(_reactSelect.components.Control, props));
82
82
  };
83
83
 
84
84
  // NOTE `props` intentionally omitted from `Fragment`
85
- exports.DummyControl = DummyControl;
86
85
  var Menu = function Menu(_ref3) {
87
86
  var children = _ref3.children,
88
87
  innerProps = _ref3.innerProps,
89
88
  props = (0, _objectWithoutProperties2.default)(_ref3, _excluded2);
90
89
  return (0, _react.jsx)("div", innerProps, children);
91
90
  };
92
- var defaultComponents = {
91
+ var defaultComponents = exports.defaultComponents = {
93
92
  Control: Control,
94
93
  DropdownIndicator: DropdownIndicator,
95
94
  Menu: Menu
96
- };
97
- exports.defaultComponents = defaultComponents;
95
+ };
package/dist/cjs/RadioSelect.js CHANGED
@@ -30,5 +30,4 @@ var RadioSelect = /*#__PURE__*/_react.default.memo(function (_ref) {
30
30
  components: mergedComponents
31
31
  }));
32
32
  });
33
- var _default = RadioSelect;
34
- exports.default = _default;
33
+ var _default = exports.default = RadioSelect;
package/dist/cjs/Select.js CHANGED
@@ -9,11 +9,10 @@ var _reactSelect = _interopRequireDefault(require("react-select"));
9
9
  var _analyticsNext = require("@atlaskit/analytics-next");
10
10
  var _createSelect = _interopRequireDefault(require("./createSelect"));
11
11
  var packageName = "@atlaskit/select";
12
- var packageVersion = "16.6.0";
13
- var SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
14
- exports.SelectWithoutAnalytics = SelectWithoutAnalytics;
12
+ var packageVersion = "16.7.1";
13
+ var SelectWithoutAnalytics = exports.SelectWithoutAnalytics = (0, _createSelect.default)(_reactSelect.default);
15
14
  var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
16
- var _default = (0, _analyticsNext.withAnalyticsContext)({
15
+ var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
17
16
  componentName: 'select',
18
17
  packageName: packageName,
19
18
  packageVersion: packageVersion
@@ -27,5 +26,4 @@ var _default = (0, _analyticsNext.withAnalyticsContext)({
27
26
  packageVersion: packageVersion
28
27
  }
29
28
  })
30
- })(SelectWithoutAnalytics));
31
- exports.default = _default;
29
+ })(SelectWithoutAnalytics));
package/dist/cjs/components/index.js CHANGED
@@ -36,7 +36,7 @@ var disabledStyles = (0, _react.css)({
36
36
  var enabledStyles = (0, _react.css)({
37
37
  display: 'inherit'
38
38
  });
39
- var MultiValueRemove = function MultiValueRemove(props) {
39
+ var MultiValueRemove = exports.MultiValueRemove = function MultiValueRemove(props) {
40
40
  var isDisabled = props.selectProps.isDisabled;
41
41
  return (0, _react.jsx)(_reactSelect.components.MultiValueRemove, props, (0, _react.jsx)("div", {
42
42
  css: isDisabled ? disabledStyles : enabledStyles,
@@ -48,6 +48,4 @@ var MultiValueRemove = function MultiValueRemove(props) {
48
48
  secondaryColor: "inherit"
49
49
  })));
50
50
  };
51
- exports.MultiValueRemove = MultiValueRemove;
52
- var IndicatorSeparator = null;
53
- exports.IndicatorSeparator = IndicatorSeparator;
51
+ var IndicatorSeparator = exports.IndicatorSeparator = null;
package/dist/cjs/components/indicators.js CHANGED
@@ -20,7 +20,7 @@ var iconContainerStyles = (0, _react.css)({
20
20
  display: 'flex',
21
21
  alignItems: 'center'
22
22
  });
23
- var ClearIndicator = function ClearIndicator(props) {
23
+ var ClearIndicator = exports.ClearIndicator = function ClearIndicator(props) {
24
24
  return (0, _react.jsx)(_reactSelect.components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
25
25
  innerProps: _objectSpread(_objectSpread({}, props.innerProps), {}, {
26
26
  'aria-hidden': 'false'
@@ -34,14 +34,12 @@ var ClearIndicator = function ClearIndicator(props) {
34
34
  label: "clear"
35
35
  })));
36
36
  };
37
- exports.ClearIndicator = ClearIndicator;
38
- var DropdownIndicator = function DropdownIndicator(props) {
37
+ var DropdownIndicator = exports.DropdownIndicator = function DropdownIndicator(props) {
39
38
  return (0, _react.jsx)(_reactSelect.components.DropdownIndicator, props, (0, _react.jsx)(_chevronDown.default, {
40
39
  label: "open"
41
40
  }));
42
41
  };
43
- exports.DropdownIndicator = DropdownIndicator;
44
- var LoadingIndicator = function LoadingIndicator(props) {
42
+ var LoadingIndicator = exports.LoadingIndicator = function LoadingIndicator(props) {
45
43
  var loadingStyles = (0, _react.css)(props.getStyles('loadingIndicator', props));
46
44
  return (
47
45
  // This *must* be constructed this way because this is being consumed by
@@ -53,5 +51,4 @@ var LoadingIndicator = function LoadingIndicator(props) {
53
51
  size: "small"
54
52
  }))
55
53
  );
56
- };
57
- exports.LoadingIndicator = LoadingIndicator;
54
+ };
package/dist/cjs/components/input-aria-describedby.js CHANGED
@@ -8,11 +8,10 @@ exports.Input = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _reactSelect = require("react-select");
11
- var Input = function Input(props) {
11
+ var Input = exports.Input = function Input(props) {
12
12
  var passed_describedby = props.selectProps['aria-describedby'];
13
13
  var describedby = props['aria-describedby'] + (passed_describedby ? ' ' + passed_describedby : '');
14
14
  return /*#__PURE__*/_react.default.createElement(_reactSelect.components.Input, (0, _extends2.default)({}, props, {
15
15
  "aria-describedby": describedby
16
16
  }));
17
- };
18
- exports.Input = Input;
17
+ };
package/dist/cjs/components/input-options.js CHANGED
@@ -286,15 +286,13 @@ var ControlOption = /*#__PURE__*/function (_Component) {
286
286
  }]);
287
287
  return ControlOption;
288
288
  }(_react2.Component);
289
- var CheckboxOption = function CheckboxOption(props) {
289
+ var CheckboxOption = exports.CheckboxOption = function CheckboxOption(props) {
290
290
  return (0, _react.jsx)(ControlOption, (0, _extends2.default)({
291
291
  Icon: _checkbox.default
292
292
  }, props));
293
293
  };
294
- exports.CheckboxOption = CheckboxOption;
295
- var RadioOption = function RadioOption(props) {
294
+ var RadioOption = exports.RadioOption = function RadioOption(props) {
296
295
  return (0, _react.jsx)(ControlOption, (0, _extends2.default)({
297
296
  Icon: _radio.default
298
297
  }, props));
299
- };
300
- exports.RadioOption = RadioOption;
298
+ };
package/dist/cjs/data/countries.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.groupedCountries = exports.allCountries = void 0;
7
- var allCountries = [{
7
+ var allCountries = exports.allCountries = [{
8
8
  icon: '🇦🇫',
9
9
  name: 'Afghanistan',
10
10
  abbr: 'AF',
@@ -1253,8 +1253,7 @@ var allCountries = [{
1253
1253
  }];
1254
1254
 
1255
1255
  // separate countries into groups
1256
- exports.allCountries = allCountries;
1257
- var groupedCountries = [{
1256
+ var groupedCountries = exports.groupedCountries = [{
1258
1257
  label: 'Suggested',
1259
1258
  options: allCountries.filter(function (c) {
1260
1259
  return c.suggested;
@@ -1264,5 +1263,4 @@ var groupedCountries = [{
1264
1263
  options: allCountries.filter(function (c) {
1265
1264
  return !c.suggested;
1266
1265
  })
1267
- }];
1268
- exports.groupedCountries = groupedCountries;
1266
+ }];
package/dist/cjs/utils/grouped-options-announcement.js CHANGED
@@ -23,9 +23,8 @@ function onFocus(props) {
23
23
  }
24
24
 
25
25
  // Helper function which identifies if options are grouped.
26
- var isOptionsGrouped = function isOptionsGrouped(arr) {
26
+ var isOptionsGrouped = exports.isOptionsGrouped = function isOptionsGrouped(arr) {
27
27
  return arr === null || arr === void 0 ? void 0 : arr.every(function (obj) {
28
28
  return obj.hasOwnProperty('options');
29
29
  });
30
- };
31
- exports.isOptionsGrouped = isOptionsGrouped;
30
+ };
package/dist/es2019/PopupSelect/PopupSelect.js CHANGED
@@ -298,8 +298,10 @@ export default class PopupSelect extends PureComponent {
298
298
  _defineProperty(this, "renderSelect", () => {
299
299
  const {
300
300
  footer,
301
+ label,
301
302
  maxMenuWidth,
302
303
  minMenuWidth,
304
+ placeholder,
303
305
  target,
304
306
  testId,
305
307
  ...props
@@ -325,6 +327,13 @@ export default class PopupSelect extends PureComponent {
325
327
  ...mergedComponents,
326
328
  Control: showSearchControl ? mergedComponents.Control : DummyControl
327
329
  };
330
+ const getLabel = () => {
331
+ if (label) {
332
+ return label;
333
+ } else if (typeof placeholder === 'string') {
334
+ return placeholder;
335
+ }
336
+ };
328
337
  const popper = /*#__PURE__*/React.createElement(Popper, _extends({}, mergedPopperProps, getBooleanFF('platform.design-system-team.popup-select-render-perf_i0s6m') ? undefined : {
329
338
  onFirstUpdate: state => {
330
339
  var _mergedPopperProps$on;
@@ -363,11 +372,13 @@ export default class PopupSelect extends PureComponent {
363
372
  disabled: getBooleanFF('platform.design-system-team.popup-select-render-perf_i0s6m') ? !readyToRenderSelect : !focusLockEnabled,
364
373
  returnFocus: true
365
374
  }, readyToRenderSelect && /*#__PURE__*/React.createElement(Select, _extends({
375
+ "aria-label": getLabel(),
366
376
  backspaceRemovesValue: false,
367
377
  controlShouldRenderValue: false,
368
378
  isClearable: false,
369
379
  tabSelectsValue: false,
370
380
  menuIsOpen: true,
381
+ placeholder: placeholder,
371
382
  ref: this.getSelectRef
372
383
  }, props, {
373
384
  isSearchable: showSearchControl,
package/dist/es2019/Select.js CHANGED
@@ -2,7 +2,7 @@ import Select from 'react-select';
2
2
  import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
3
3
  import createSelect from './createSelect';
4
4
  const packageName = "@atlaskit/select";
5
- const packageVersion = "16.6.0";
5
+ const packageVersion = "16.7.1";
6
6
  export const SelectWithoutAnalytics = createSelect(Select);
7
7
  const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  export default withAnalyticsContext({
package/dist/esm/PopupSelect/PopupSelect.js CHANGED
@@ -7,7 +7,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
7
7
  import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
8
8
  import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
9
9
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
10
- var _excluded = ["footer", "maxMenuWidth", "minMenuWidth", "target", "testId"];
10
+ var _excluded = ["footer", "label", "maxMenuWidth", "minMenuWidth", "placeholder", "target", "testId"];
11
11
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
12
12
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
13
13
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -224,7 +224,7 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
224
224
  if (typeof window === 'undefined') {
225
225
  return;
226
226
  }
227
- (_this$unbindWindowKey = (_this2 = _this).unbindWindowKeydown) === null || _this$unbindWindowKey === void 0 ? void 0 : _this$unbindWindowKey.call(_this2);
227
+ (_this$unbindWindowKey = (_this2 = _this).unbindWindowKeydown) === null || _this$unbindWindowKey === void 0 || _this$unbindWindowKey.call(_this2);
228
228
  _this.unbindWindowKeydown = null;
229
229
  });
230
230
  // Refs
@@ -312,8 +312,10 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
312
312
  _defineProperty(_assertThisInitialized(_this), "renderSelect", function () {
313
313
  var _this$props3 = _this.props,
314
314
  footer = _this$props3.footer,
315
+ label = _this$props3.label,
315
316
  maxMenuWidth = _this$props3.maxMenuWidth,
316
317
  minMenuWidth = _this$props3.minMenuWidth,
318
+ placeholder = _this$props3.placeholder,
317
319
  target = _this$props3.target,
318
320
  testId = _this$props3.testId,
319
321
  props = _objectWithoutProperties(_this$props3, _excluded);
@@ -336,11 +338,18 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
336
338
  var selectComponents = getBooleanFF('platform.design-system-team.popup-select-render-perf_i0s6m') ? _this.getSelectComponents(mergedComponents, showSearchControl) : _objectSpread(_objectSpread({}, mergedComponents), {}, {
337
339
  Control: showSearchControl ? mergedComponents.Control : DummyControl
338
340
  });
341
+ var getLabel = function getLabel() {
342
+ if (label) {
343
+ return label;
344
+ } else if (typeof placeholder === 'string') {
345
+ return placeholder;
346
+ }
347
+ };
339
348
  var popper = /*#__PURE__*/React.createElement(Popper, _extends({}, mergedPopperProps, getBooleanFF('platform.design-system-team.popup-select-render-perf_i0s6m') ? undefined : {
340
349
  onFirstUpdate: function onFirstUpdate(state) {
341
350
  var _mergedPopperProps$on;
342
351
  _this.handleFirstPopperUpdate();
343
- (_mergedPopperProps$on = mergedPopperProps.onFirstUpdate) === null || _mergedPopperProps$on === void 0 ? void 0 : _mergedPopperProps$on.call(mergedPopperProps, state);
352
+ (_mergedPopperProps$on = mergedPopperProps.onFirstUpdate) === null || _mergedPopperProps$on === void 0 || _mergedPopperProps$on.call(mergedPopperProps, state);
344
353
  }
345
354
  }), function (_ref2) {
346
355
  var placement = _ref2.placement,
@@ -373,11 +382,13 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
373
382
  disabled: getBooleanFF('platform.design-system-team.popup-select-render-perf_i0s6m') ? !readyToRenderSelect : !focusLockEnabled,
374
383
  returnFocus: true
375
384
  }, readyToRenderSelect && /*#__PURE__*/React.createElement(Select, _extends({
385
+ "aria-label": getLabel(),
376
386
  backspaceRemovesValue: false,
377
387
  controlShouldRenderValue: false,
378
388
  isClearable: false,
379
389
  tabSelectsValue: false,
380
390
  menuIsOpen: true,
391
+ placeholder: placeholder,
381
392
  ref: _this.getSelectRef
382
393
  }, props, {
383
394
  isSearchable: showSearchControl,
@@ -412,9 +423,9 @@ var PopupSelect = /*#__PURE__*/function (_PureComponent) {
412
423
  if (typeof window === 'undefined') {
413
424
  return;
414
425
  }
415
- (_this$unbindWindowCli = this.unbindWindowClick) === null || _this$unbindWindowCli === void 0 ? void 0 : _this$unbindWindowCli.call(this);
426
+ (_this$unbindWindowCli = this.unbindWindowClick) === null || _this$unbindWindowCli === void 0 || _this$unbindWindowCli.call(this);
416
427
  this.unbindWindowClick = null;
417
- (_this$unbindWindowKey2 = this.unbindWindowKeydown) === null || _this$unbindWindowKey2 === void 0 ? void 0 : _this$unbindWindowKey2.call(this);
428
+ (_this$unbindWindowKey2 = this.unbindWindowKeydown) === null || _this$unbindWindowKey2 === void 0 || _this$unbindWindowKey2.call(this);
418
429
  this.unbindWindowKeydown = null;
419
430
  }
420
431
  }, {
package/dist/esm/Select.js CHANGED
@@ -2,7 +2,7 @@ import Select from 'react-select';
2
2
  import { withAnalyticsEvents, withAnalyticsContext, createAndFireEvent } from '@atlaskit/analytics-next';
3
3
  import createSelect from './createSelect';
4
4
  var packageName = "@atlaskit/select";
5
- var packageVersion = "16.6.0";
5
+ var packageVersion = "16.7.1";
6
6
  export var SelectWithoutAnalytics = createSelect(Select);
7
7
  var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
8
8
  export default withAnalyticsContext({
package/dist/types/PopupSelect/PopupSelect.d.ts CHANGED
@@ -75,6 +75,8 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
75
75
  validationState?: ValidationState;
76
76
  /** This prop indicates if the component is in an error state */
77
77
  isInvalid?: boolean;
78
+ /** This gives an accessible name to the input for users of assistive technologies */
79
+ label?: string;
78
80
  testId?: string;
79
81
  }
80
82
  interface State<Modifiers = string> {
@@ -175,7 +177,11 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
175
177
  multiValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MultiValueProps<Option, IsMulti, GroupBase<Option>>> | undefined;
176
178
  multiValueLabel?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MultiValueProps<Option, IsMulti, GroupBase<Option>>> | undefined;
177
179
  multiValueRemove?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MultiValueProps<Option, IsMulti, GroupBase<Option>>> | undefined;
178
- noOptionsMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").NoticeProps<Option, IsMulti, GroupBase<Option>>> | undefined;
180
+ noOptionsMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").NoticeProps<Option, IsMulti, GroupBase<Option>>> | undefined; /**
181
+ * TODO: This type should be cleaned up with `platform.design-system-team.popup-select-render-perf_i0s6m`.
182
+ * - If discarded, revert to `focusLockEnabled: boolean`
183
+ * - If kept, delete this type.
184
+ */
179
185
  option?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").OptionProps<Option, IsMulti, GroupBase<Option>>> | undefined;
180
186
  placeholder?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").PlaceholderProps<Option, IsMulti, GroupBase<Option>>> | undefined;
181
187
  singleValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").SingleValueProps<Option, IsMulti, GroupBase<Option>>> | undefined;
package/dist/types-ts4.5/PopupSelect/PopupSelect.d.ts CHANGED
@@ -75,6 +75,8 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
75
75
  validationState?: ValidationState;
76
76
  /** This prop indicates if the component is in an error state */
77
77
  isInvalid?: boolean;
78
+ /** This gives an accessible name to the input for users of assistive technologies */
79
+ label?: string;
78
80
  testId?: string;
79
81
  }
80
82
  interface State<Modifiers = string> {
@@ -175,7 +177,11 @@ export default class PopupSelect<Option = OptionType, IsMulti extends boolean =
175
177
  multiValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MultiValueProps<Option, IsMulti, GroupBase<Option>>> | undefined;
176
178
  multiValueLabel?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MultiValueProps<Option, IsMulti, GroupBase<Option>>> | undefined;
177
179
  multiValueRemove?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").MultiValueProps<Option, IsMulti, GroupBase<Option>>> | undefined;
178
- noOptionsMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").NoticeProps<Option, IsMulti, GroupBase<Option>>> | undefined;
180
+ noOptionsMessage?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").NoticeProps<Option, IsMulti, GroupBase<Option>>> | undefined; /**
181
+ * TODO: This type should be cleaned up with `platform.design-system-team.popup-select-render-perf_i0s6m`.
182
+ * - If discarded, revert to `focusLockEnabled: boolean`
183
+ * - If kept, delete this type.
184
+ */
179
185
  option?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").OptionProps<Option, IsMulti, GroupBase<Option>>> | undefined;
180
186
  placeholder?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").PlaceholderProps<Option, IsMulti, GroupBase<Option>>> | undefined;
181
187
  singleValue?: import("react-select/dist/declarations/src/styles").StylesConfigFunction<import("react-select").SingleValueProps<Option, IsMulti, GroupBase<Option>>> | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/select",
3
- "version": "16.6.0",
3
+ "version": "16.7.1",
4
4
  "description": "Select allows users to make a single selection or multiple selections from a list of options.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -41,9 +41,9 @@
41
41
  "@atlaskit/analytics-next": "^9.1.0",
42
42
  "@atlaskit/icon": "^21.12.0",
43
43
  "@atlaskit/platform-feature-flags": "^0.2.0",
44
- "@atlaskit/spinner": "^15.5.0",
44
+ "@atlaskit/spinner": "^15.6.0",
45
45
  "@atlaskit/theme": "^12.6.0",
46
- "@atlaskit/tokens": "^1.22.0",
46
+ "@atlaskit/tokens": "^1.25.0",
47
47
  "@atlaskit/visually-hidden": "^1.2.0",
48
48
  "@babel/runtime": "^7.0.0",
49
49
  "@emotion/react": "^11.7.1",
@@ -51,7 +51,7 @@
51
51
  "bind-event-listener": "^2.1.1",
52
52
  "memoize-one": "^6.0.0",
53
53
  "react-fast-compare": "^3.2.0",
54
- "react-focus-lock": "^2.5.2",
54
+ "react-focus-lock": "^2.9.5",
55
55
  "react-node-resolver": "^1.0.1",
56
56
  "react-popper": "^2.2.3",
57
57
  "react-select": "^5.4.0",
package/report.api.md CHANGED
@@ -1048,6 +1048,11 @@ export class PopupSelect<
1048
1048
  noOptionsMessage?:
1049
1049
  | StylesConfigFunction<NoticeProps<Option, IsMulti, GroupType<Option>>>
1050
1050
  | undefined;
1051
+ /**
1052
+ * TODO: This type should be cleaned up with `platform.design-system-team.popup-select-render-perf_i0s6m`.
1053
+ * - If discarded, revert to `focusLockEnabled: boolean`
1054
+ * - If kept, delete this type.
1055
+ */
1051
1056
  option?:
1052
1057
  | StylesConfigFunction<
1053
1058
  OptionProps_2<Option, IsMulti, GroupType<Option>>
@@ -1158,6 +1163,7 @@ export interface PopupSelectProps<
1158
1163
  // (undocumented)
1159
1164
  isOpen?: boolean;
1160
1165
  isSearchable?: boolean;
1166
+ label?: string;
1161
1167
  maxMenuWidth?: number | string;
1162
1168
  minMenuWidth?: number | string;
1163
1169
  popperProps?: PopperPropsNoChildren<Modifiers>;
package/tmp/api-report-tmp.d.ts CHANGED
@@ -500,7 +500,11 @@ export class PopupSelect<Option = OptionType, IsMulti extends boolean = false, M
500
500
  multiValue?: StylesConfigFunction<MultiValueProps<Option, IsMulti, GroupType<Option>>> | undefined;
501
501
  multiValueLabel?: StylesConfigFunction<MultiValueProps<Option, IsMulti, GroupType<Option>>> | undefined;
502
502
  multiValueRemove?: StylesConfigFunction<MultiValueProps<Option, IsMulti, GroupType<Option>>> | undefined;
503
- noOptionsMessage?: StylesConfigFunction<NoticeProps<Option, IsMulti, GroupType<Option>>> | undefined;
503
+ noOptionsMessage?: StylesConfigFunction<NoticeProps<Option, IsMulti, GroupType<Option>>> | undefined; /**
504
+ * TODO: This type should be cleaned up with `platform.design-system-team.popup-select-render-perf_i0s6m`.
505
+ * - If discarded, revert to `focusLockEnabled: boolean`
506
+ * - If kept, delete this type.
507
+ */
504
508
  option?: StylesConfigFunction<OptionProps_2<Option, IsMulti, GroupType<Option>>> | undefined;
505
509
  placeholder?: StylesConfigFunction<PlaceholderProps_2<Option, IsMulti, GroupType<Option>>> | undefined;
506
510
  singleValue?: StylesConfigFunction<SingleValueProps<Option, IsMulti, GroupType<Option>>> | undefined;
@@ -575,6 +579,7 @@ export interface PopupSelectProps<Option = OptionType, IsMulti extends boolean =
575
579
  // (undocumented)
576
580
  isOpen?: boolean;
577
581
  isSearchable?: boolean;
582
+ label?: string;
578
583
  maxMenuWidth?: number | string;
579
584
  minMenuWidth?: number | string;
580
585
  popperProps?: PopperPropsNoChildren<Modifiers>;