@atlaskit/avatar-group 9.4.3 → 9.4.4

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 +61 -55
  2. package/dist/cjs/components/avatar-group-item.js +1 -2
  3. package/dist/cjs/components/avatar-group.js +1 -2
  4. package/dist/cjs/components/grid.js +1 -2
  5. package/dist/cjs/components/internal/components/focus-manager.js +2 -4
  6. package/dist/cjs/components/internal/components/popup-avatar-group.js +2 -3
  7. package/dist/cjs/components/internal/hooks/use-register-item-with-focus-manager.js +1 -2
  8. package/dist/cjs/components/more-indicator.js +1 -2
  9. package/dist/cjs/components/stack.js +1 -2
  10. package/dist/cjs/components/utils.js +2 -3
  11. package/dist/esm/components/internal/components/popup-avatar-group.js +1 -1
  12. package/package.json +5 -6
  13. package/dist/types-ts4.5/components/avatar-group-item.d.ts +0 -12
  14. package/dist/types-ts4.5/components/avatar-group.d.ts +0 -110
  15. package/dist/types-ts4.5/components/grid.d.ts +0 -8
  16. package/dist/types-ts4.5/components/internal/components/focus-manager.d.ts +0 -21
  17. package/dist/types-ts4.5/components/internal/components/popup-avatar-group.d.ts +0 -7
  18. package/dist/types-ts4.5/components/internal/hooks/use-register-item-with-focus-manager.d.ts +0 -4
  19. package/dist/types-ts4.5/components/internal/utiles/handle-focus.d.ts +0 -2
  20. package/dist/types-ts4.5/components/more-indicator.d.ts +0 -13
  21. package/dist/types-ts4.5/components/stack.d.ts +0 -8
  22. package/dist/types-ts4.5/components/types.d.ts +0 -27
  23. package/dist/types-ts4.5/components/utils.d.ts +0 -2
  24. package/dist/types-ts4.5/index.d.ts +0 -3
  25. package/tmp/api-report-tmp.d.ts +0 -80
package/CHANGELOG.md CHANGED
@@ -1,71 +1,77 @@
1
1
  # @atlaskit/avatar-group
2
2
 
3
+ ## 9.4.4
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
3
9
  ## 9.4.3
4
10
 
5
11
  ### Patch Changes
6
12
 
7
- - [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
13
+ - [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787) [`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal changes to use space tokens. There is no expected visual or behaviour change.
8
14
 
9
15
  ## 9.4.2
10
16
 
11
17
  ### Patch Changes
12
18
 
13
- - [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`.
19
+ - [#39128](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39128) [`3c114ea4257`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3c114ea4257) - Update type definitions to conform to inherited changes from `@types/react@16.14.15`.
14
20
 
15
21
  ## 9.4.1
16
22
 
17
23
  ### Patch Changes
18
24
 
19
- - [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
25
+ - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
20
26
  - Updated dependencies
21
27
 
22
28
  ## 9.4.0
23
29
 
24
30
  ### Minor Changes
25
31
 
26
- - [`da7b6be2540`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da7b6be2540) - Fixed keyboard support for the interactive element. Changed span to button for avatar-group
32
+ - [#38166](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38166) [`da7b6be2540`](https://bitbucket.org/atlassian/atlassian-frontend/commits/da7b6be2540) - Fixed keyboard support for the interactive element. Changed span to button for avatar-group
27
33
 
28
34
  ## 9.3.6
29
35
 
30
36
  ### Patch Changes
31
37
 
32
- - [`71b58da4e00`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71b58da4e00) - set focus to the first avatar when popup is open
38
+ - [#36809](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36809) [`71b58da4e00`](https://bitbucket.org/atlassian/atlassian-frontend/commits/71b58da4e00) - set focus to the first avatar when popup is open
33
39
 
34
40
  ## 9.3.5
35
41
 
36
42
  ### Patch Changes
37
43
 
38
- - [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
44
+ - [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
39
45
 
40
46
  ## 9.3.4
41
47
 
42
48
  ### Patch Changes
43
49
 
44
- - [`cb7033c5b72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb7033c5b72) - keyboard arrow (UP and DOWN) support in avatar-group popup component
50
+ - [#33250](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33250) [`cb7033c5b72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb7033c5b72) - keyboard arrow (UP and DOWN) support in avatar-group popup component
45
51
 
46
52
  ## 9.3.3
47
53
 
48
54
  ### Patch Changes
49
55
 
50
- - [`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.
56
+ - [#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.
51
57
 
52
58
  ## 9.3.2
53
59
 
54
60
  ### Patch Changes
55
61
 
56
- - [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
62
+ - [#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
57
63
 
58
64
  ## 9.3.1
59
65
 
60
66
  ### Patch Changes
61
67
 
62
- - [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
68
+ - [#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`
63
69
 
64
70
  ## 9.3.0
65
71
 
66
72
  ### Minor Changes
67
73
 
68
- - [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
74
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
69
75
 
70
76
  ### Patch Changes
71
77
 
@@ -75,7 +81,7 @@
75
81
 
76
82
  ### Patch Changes
77
83
 
78
- - [`a8a1fe824b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a8a1fe824b0) - Removed unused prop `enableTooltip` and fixed tooltip toggle in examples.
84
+ - [#30248](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30248) [`a8a1fe824b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a8a1fe824b0) - Removed unused prop `enableTooltip` and fixed tooltip toggle in examples.
79
85
  - Updated dependencies
80
86
 
81
87
  ## 9.2.3
@@ -88,19 +94,19 @@
88
94
 
89
95
  ### Patch Changes
90
96
 
91
- - [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
97
+ - [#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.
92
98
 
93
99
  ## 9.2.1
94
100
 
95
101
  ### Patch Changes
96
102
 
97
- - [`b0f6dd0bc35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b0f6dd0bc35) - Updated to use typography tokens. There is no expected behaviour or visual change.
103
+ - [#28064](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28064) [`b0f6dd0bc35`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b0f6dd0bc35) - Updated to use typography tokens. There is no expected behaviour or visual change.
98
104
 
99
105
  ## 9.2.0
100
106
 
101
107
  ### Minor Changes
102
108
 
103
- - [`3f8f08a1888`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f8f08a1888) - Updating Avatar-group component to position the tooltip either to top or bottom based on configuration.
109
+ - [#28090](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28090) [`3f8f08a1888`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3f8f08a1888) - Updating Avatar-group component to position the tooltip either to top or bottom based on configuration.
104
110
 
105
111
  ## 9.1.4
106
112
 
@@ -124,13 +130,13 @@
124
130
 
125
131
  ### Patch Changes
126
132
 
127
- - [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
133
+ - [#26488](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26488) [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
128
134
 
129
135
  ## 9.1.0
130
136
 
131
137
  ### Minor Changes
132
138
 
133
- - [`110fb3a5f19`](https://bitbucket.org/atlassian/atlassian-frontend/commits/110fb3a5f19) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behaviour change.
139
+ - [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`110fb3a5f19`](https://bitbucket.org/atlassian/atlassian-frontend/commits/110fb3a5f19) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behaviour change.
134
140
 
135
141
  ### Patch Changes
136
142
 
@@ -140,32 +146,32 @@
140
146
 
141
147
  ### Patch Changes
142
148
 
143
- - [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
149
+ - [#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`
144
150
 
145
151
  ## 9.0.3
146
152
 
147
153
  ### Patch Changes
148
154
 
149
- - [`4bc286406f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4bc286406f2) - [ux] Update more indicator icon to use new design tokens and remove the unnecessary use of the :after element with regards to the consumption of the Avatar component.
155
+ - [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`4bc286406f2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4bc286406f2) - [ux] Update more indicator icon to use new design tokens and remove the unnecessary use of the :after element with regards to the consumption of the Avatar component.
150
156
  - Updated dependencies
151
157
 
152
158
  ## 9.0.2
153
159
 
154
160
  ### Patch Changes
155
161
 
156
- - [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
162
+ - [#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`.
157
163
 
158
164
  ## 9.0.1
159
165
 
160
166
  ### Patch Changes
161
167
 
162
- - [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
168
+ - [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642) [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
163
169
 
164
170
  ## 9.0.0
165
171
 
166
172
  ### Major Changes
167
173
 
168
- - [`92bb02bc46b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92bb02bc46b) - [ux] There are **no code changes required** to consume this major, but you should be aware that internal changes have been made to how `@atlaskit/avatar` loads images.
174
+ - [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`92bb02bc46b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/92bb02bc46b) - [ux] There are **no code changes required** to consume this major, but you should be aware that internal changes have been made to how `@atlaskit/avatar` loads images.
169
175
 
170
176
  Before, the image loading behaviour was written in JS. Now, it leans on a standard HTML `img` tag if you provide a `src` prop, allowing it to rely on the browser to optimise the loading. These changes should result in faster image loading and an improved server-side rendering story.
171
177
 
@@ -180,7 +186,7 @@
180
186
 
181
187
  ### Patch Changes
182
188
 
183
- - [`efa50ac72ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efa50ac72ba) - Adjusts jsdoc strings to improve prop documentation
189
+ - [#21545](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21545) [`efa50ac72ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/efa50ac72ba) - Adjusts jsdoc strings to improve prop documentation
184
190
 
185
191
  ## 8.5.14
186
192
 
@@ -192,7 +198,7 @@
192
198
 
193
199
  ### Patch Changes
194
200
 
195
- - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
201
+ - [#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
196
202
 
197
203
  ## 8.5.12
198
204
 
@@ -204,7 +210,7 @@
204
210
 
205
211
  ### Patch Changes
206
212
 
207
- - [`b2f8af359cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2f8af359cf) - Rewrite dynamic styles to be static to aid compiled migration.
213
+ - [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`b2f8af359cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b2f8af359cf) - Rewrite dynamic styles to be static to aid compiled migration.
208
214
  - [`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.
209
215
  - Updated dependencies
210
216
 
@@ -218,7 +224,7 @@
218
224
 
219
225
  ### Patch Changes
220
226
 
221
- - [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
227
+ - [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`58884c2f6c1`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58884c2f6c1) - Internal code change turning on a new linting rule.
222
228
 
223
229
  ## 8.5.8
224
230
 
@@ -237,27 +243,27 @@
237
243
 
238
244
  ### Patch Changes
239
245
 
240
- - [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
246
+ - [#17475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17475) [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
241
247
 
242
248
  ## 8.5.5
243
249
 
244
250
  ### Patch Changes
245
251
 
246
- - [`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.
252
+ - [#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.
247
253
  - Updated dependencies
248
254
 
249
255
  ## 8.5.4
250
256
 
251
257
  ### Patch Changes
252
258
 
253
- - [`2b98dfda0a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b98dfda0a6) - Removes `@emotion/styled` in favour of `@emotion/core`.
259
+ - [#14777](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14777) [`2b98dfda0a6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2b98dfda0a6) - Removes `@emotion/styled` in favour of `@emotion/core`.
254
260
  - Updated dependencies
255
261
 
256
262
  ## 8.5.3
257
263
 
258
264
  ### Patch Changes
259
265
 
260
- - [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
266
+ - [#15632](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15632) [`34282240102`](https://bitbucket.org/atlassian/atlassian-frontend/commits/34282240102) - Adds explicit type to button usages components.
261
267
 
262
268
  ## 8.5.2
263
269
 
@@ -275,7 +281,7 @@
275
281
 
276
282
  ### Minor Changes
277
283
 
278
- - [`016d19b8038`](https://bitbucket.org/atlassian/atlassian-frontend/commits/016d19b8038) - [ux] When avatar's are disabled their tooltip will no longer be displayed.
284
+ - [#13864](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13864) [`016d19b8038`](https://bitbucket.org/atlassian/atlassian-frontend/commits/016d19b8038) - [ux] When avatar's are disabled their tooltip will no longer be displayed.
279
285
 
280
286
  ### Patch Changes
281
287
 
@@ -285,7 +291,7 @@
285
291
 
286
292
  ### Minor Changes
287
293
 
288
- - [`c79bc186958`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c79bc186958) - [ux] Colors are now sourced through tokens.
294
+ - [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`c79bc186958`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c79bc186958) - [ux] Colors are now sourced through tokens.
289
295
 
290
296
  ### Patch Changes
291
297
 
@@ -296,7 +302,7 @@
296
302
 
297
303
  ### Patch Changes
298
304
 
299
- - [`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects eslint supressions.
305
+ - [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`0d0ecc6e790`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0d0ecc6e790) - Corrects eslint supressions.
300
306
  - [`9a84a3ceb82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a84a3ceb82) - Internal code changes.
301
307
  - Updated dependencies
302
308
 
@@ -304,13 +310,13 @@
304
310
 
305
311
  ### Patch Changes
306
312
 
307
- - [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
313
+ - [#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`.
308
314
 
309
315
  ## 8.3.0
310
316
 
311
317
  ### Minor Changes
312
318
 
313
- - [`5ba523fc937`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ba523fc937) - Now the `AvatarGroup` is marked with ul and li elements. This makes it easier for users with assistive technologies to distinguish `AvatarGroup` ( which is a list of avatars ) among other page components. The default label that the screen reader announces when a user selects the AvatarGroup is `list avatar group x items`. When one of AvatarGroupItems is selected screen reader announcement is `[avatar label], i of n` where `i` - index of a selected item, `n` - the length of the list.
319
+ - [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328) [`5ba523fc937`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5ba523fc937) - Now the `AvatarGroup` is marked with ul and li elements. This makes it easier for users with assistive technologies to distinguish `AvatarGroup` ( which is a list of avatars ) among other page components. The default label that the screen reader announces when a user selects the AvatarGroup is `list avatar group x items`. When one of AvatarGroupItems is selected screen reader announcement is `[avatar label], i of n` where `i` - index of a selected item, `n` - the length of the list.
314
320
 
315
321
  To change the label of a list you can use `label` props.
316
322
 
@@ -324,7 +330,7 @@
324
330
 
325
331
  ### Minor Changes
326
332
 
327
- - [`8f84c89cad5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f84c89cad5) - [ux] The styles of overflow button of avatar group has been aligned with default button styles. Also, contrast issue of the button has been fixed.
333
+ - [#11113](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/11113) [`8f84c89cad5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8f84c89cad5) - [ux] The styles of overflow button of avatar group has been aligned with default button styles. Also, contrast issue of the button has been fixed.
328
334
 
329
335
  ### Patch Changes
330
336
 
@@ -340,7 +346,7 @@
340
346
 
341
347
  ### Minor Changes
342
348
 
343
- - [`c40dcf42d93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c40dcf42d93) - [ux] Added passing an empty name prop to Avatar in the AvararGroupItem that is used for overflow dropdown menu. Screen reader does not announce name twice now.
349
+ - [#10230](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/10230) [`c40dcf42d93`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c40dcf42d93) - [ux] Added passing an empty name prop to Avatar in the AvararGroupItem that is used for overflow dropdown menu. Screen reader does not announce name twice now.
344
350
 
345
351
  ### Patch Changes
346
352
 
@@ -350,13 +356,13 @@
350
356
 
351
357
  ### Patch Changes
352
358
 
353
- - [`dd0ddc74ee4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd0ddc74ee4) - Support onClick handlers on anchor elements in Avatar Group
359
+ - [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`dd0ddc74ee4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dd0ddc74ee4) - Support onClick handlers on anchor elements in Avatar Group
354
360
 
355
361
  ## 8.0.14
356
362
 
357
363
  ### Patch Changes
358
364
 
359
- - [`952019cfd39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/952019cfd39) - Removed extraneous/unnecessary dependencies for design system components.
365
+ - [#7762](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/7762) [`952019cfd39`](https://bitbucket.org/atlassian/atlassian-frontend/commits/952019cfd39) - Removed extraneous/unnecessary dependencies for design system components.
360
366
 
361
367
  ## 8.0.13
362
368
 
@@ -368,19 +374,19 @@
368
374
 
369
375
  ### Patch Changes
370
376
 
371
- - [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
377
+ - [#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
372
378
 
373
379
  ## 8.0.11
374
380
 
375
381
  ### Patch Changes
376
382
 
377
- - [`07fcbf76b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07fcbf76b3) - [ux] `avatar-group` now renders properly when used in a `modal-dialog`. The overflow menu is visible above the modal content.
383
+ - [#5620](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5620) [`07fcbf76b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/07fcbf76b3) - [ux] `avatar-group` now renders properly when used in a `modal-dialog`. The overflow menu is visible above the modal content.
378
384
 
379
385
  ## 8.0.10
380
386
 
381
387
  ### Patch Changes
382
388
 
383
- - [`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.
389
+ - [#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.
384
390
  This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
385
391
  Also add `typescript` to `devDependencies` to denote version that the package was built with.
386
392
 
@@ -394,7 +400,7 @@
394
400
 
395
401
  ### Patch Changes
396
402
 
397
- - [`19d7d96007`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d7d96007) - [ux] Now AvatarGroup wouldn't create non-interactive buttons in case there is no action provided
403
+ - [#4749](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4749) [`19d7d96007`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d7d96007) - [ux] Now AvatarGroup wouldn't create non-interactive buttons in case there is no action provided
398
404
 
399
405
  ## 8.0.7
400
406
 
@@ -406,7 +412,7 @@
406
412
 
407
413
  ### Patch Changes
408
414
 
409
- - [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
415
+ - [#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
410
416
 
411
417
  Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
412
418
  to prevent duplicates of tslib being bundled.
@@ -415,14 +421,14 @@
415
421
 
416
422
  ### Patch Changes
417
423
 
418
- - [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
424
+ - [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
419
425
  - Updated dependencies
420
426
 
421
427
  ## 8.0.4
422
428
 
423
429
  ### Patch Changes
424
430
 
425
- - [`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.
431
+ - [#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.
426
432
 
427
433
  ## 8.0.3
428
434
 
@@ -434,19 +440,19 @@
434
440
 
435
441
  ### Patch Changes
436
442
 
437
- - [`3a919f4263`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a919f4263) - Fixed .name being used as a key for AvatarGroup Tooltip's
443
+ - [#3048](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3048) [`3a919f4263`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3a919f4263) - Fixed .name being used as a key for AvatarGroup Tooltip's
438
444
 
439
445
  ## 8.0.1
440
446
 
441
447
  ### Patch Changes
442
448
 
443
- - [`ab9503b252`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab9503b252) - Ensure moreButtonProps is passed through to the MoreButton
449
+ - [#3804](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3804) [`ab9503b252`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ab9503b252) - Ensure moreButtonProps is passed through to the MoreButton
444
450
 
445
451
  ## 8.0.0
446
452
 
447
453
  ### Major Changes
448
454
 
449
- - [`cde426961a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cde426961a) - `AvatarGroup` has been migrated to **lite-mode**. Users should see performance improvements and reduced bundlesize.
455
+ - [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`cde426961a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cde426961a) - `AvatarGroup` has been migrated to **lite-mode**. Users should see performance improvements and reduced bundlesize.
450
456
 
451
457
  **Change summary:**
452
458
 
@@ -474,13 +480,13 @@
474
480
 
475
481
  ### Patch Changes
476
482
 
477
- - [`ae57cd8744`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae57cd8744) - Assignment of key for AvatarGroup children made user driven now and using Array.index as a fallback, which fixes the unique key issue in AvaratGroup.
483
+ - [#3363](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3363) [`ae57cd8744`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ae57cd8744) - Assignment of key for AvatarGroup children made user driven now and using Array.index as a fallback, which fixes the unique key issue in AvaratGroup.
478
484
 
479
485
  ## 7.0.0
480
486
 
481
487
  ### Major Changes
482
488
 
483
- - [`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.
489
+ - [#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.
484
490
  For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
485
491
 
486
492
  ### Patch Changes
@@ -491,25 +497,25 @@
491
497
 
492
498
  ### Patch Changes
493
499
 
494
- - [`e91d934e94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e91d934e94) - Using avatar.name + index as key for AvatarGroup
500
+ - [#2443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2443) [`e91d934e94`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e91d934e94) - Using avatar.name + index as key for AvatarGroup
495
501
 
496
502
  ## 6.0.2
497
503
 
498
504
  ### Patch Changes
499
505
 
500
- - [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
506
+ - [#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
501
507
 
502
508
  ## 6.0.1
503
509
 
504
510
  ### Patch Changes
505
511
 
506
- - [`2daf5b6054`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2daf5b6054) - AvatarGroup will now send the index of the clicked item via the onAvatarClick event handler
512
+ - [#2794](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2794) [`2daf5b6054`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2daf5b6054) - AvatarGroup will now send the index of the clicked item via the onAvatarClick event handler
507
513
 
508
514
  ## 6.0.0
509
515
 
510
516
  ### Major Changes
511
517
 
512
- - [`a7ca7039c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7ca7039c7) - AvatarGroup previously depended heavily on Avatar internals such as styles, `getProps` and `withPseudoState`. These have been moved directly into AvatarGroup to finally decouple the two components. We will revisit this when we convert AvatarGroup to lite-mode and most likely remove them entirely.
518
+ - [#2137](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2137) [`a7ca7039c7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a7ca7039c7) - AvatarGroup previously depended heavily on Avatar internals such as styles, `getProps` and `withPseudoState`. These have been moved directly into AvatarGroup to finally decouple the two components. We will revisit this when we convert AvatarGroup to lite-mode and most likely remove them entirely.
513
519
 
514
520
  Previously, it was possible to pass arbritray props to the underlying Avatar via the `data` prop. This is no longer supported. Please pass props directly to the custom avatar / presence / status components.
515
521
 
@@ -77,5 +77,4 @@ var AvatarGroupItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
77
77
  });
78
78
 
79
79
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
80
- var _default = AvatarGroupItem;
81
- exports.default = _default;
80
+ var _default = exports.default = AvatarGroupItem;
@@ -244,5 +244,4 @@ var AvatarGroup = function AvatarGroup(_ref) {
244
244
  }, finalAvatar) : finalAvatar;
245
245
  }), renderMoreDropdown(+maxAvatar, total));
246
246
  };
247
- var _default = AvatarGroup;
248
- exports.default = _default;
247
+ var _default = exports.default = AvatarGroup;
@@ -43,5 +43,4 @@ var Grid = function Grid(_ref) {
43
43
  };
44
44
 
45
45
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
46
- var _default = Grid;
47
- exports.default = _default;
46
+ var _default = exports.default = Grid;
@@ -20,7 +20,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
20
20
  * This list drives the keyboard navgation of the menu.
21
21
  *
22
22
  */
23
- var FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
23
+ var FocusManagerContext = exports.FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
24
24
  menuItemRefs: [],
25
25
  registerRef: _noop.default
26
26
  });
@@ -28,7 +28,6 @@ var FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
28
28
  /**
29
29
  * Focus manager logic
30
30
  */
31
- exports.FocusManagerContext = FocusManagerContext;
32
31
  var FocusManager = function FocusManager(_ref) {
33
32
  var children = _ref.children;
34
33
  var menuItemRefs = (0, _react.useRef)([]);
@@ -60,5 +59,4 @@ var FocusManager = function FocusManager(_ref) {
60
59
  value: contextValue
61
60
  }, children);
62
61
  };
63
- var _default = FocusManager;
64
- exports.default = _default;
62
+ var _default = exports.default = FocusManager;
@@ -26,7 +26,7 @@ var PopupAvatarGroup = function PopupAvatarGroup(_ref) {
26
26
  var _useContext = (0, _react.useContext)(_focusManager.FocusManagerContext),
27
27
  menuItemRefs = _useContext.menuItemRefs;
28
28
  (0, _react.useEffect)(function () {
29
- setInitialFocusRef === null || setInitialFocusRef === void 0 ? void 0 : setInitialFocusRef(menuItemRefs[0]);
29
+ setInitialFocusRef === null || setInitialFocusRef === void 0 || setInitialFocusRef(menuItemRefs[0]);
30
30
  }, [menuItemRefs, setInitialFocusRef]);
31
31
  return (
32
32
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -36,5 +36,4 @@ var PopupAvatarGroup = function PopupAvatarGroup(_ref) {
36
36
  }, rest))
37
37
  );
38
38
  };
39
- var _default = PopupAvatarGroup;
40
- exports.default = _default;
39
+ var _default = exports.default = PopupAvatarGroup;
@@ -19,5 +19,4 @@ function useRegisterItemWithFocusManager() {
19
19
  }, [registerRef]);
20
20
  return itemRef;
21
21
  }
22
- var _default = useRegisterItemWithFocusManager;
23
- exports.default = _default;
22
+ var _default = exports.default = useRegisterItemWithFocusManager;
@@ -118,5 +118,4 @@ var MoreIndicator = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
118
118
  MoreIndicator.displayName = 'MoreIndicator';
119
119
 
120
120
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
121
- var _default = MoreIndicator;
122
- exports.default = _default;
121
+ var _default = exports.default = MoreIndicator;
@@ -43,5 +43,4 @@ var Stack = function Stack(_ref) {
43
43
  };
44
44
 
45
45
  // eslint-disable-next-line @repo/internal/react/require-jsdoc
46
- var _default = Stack;
47
- exports.default = _default;
46
+ var _default = exports.default = Stack;
@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.composeUniqueKey = void 0;
7
- var composeUniqueKey = function composeUniqueKey(props, index) {
7
+ var composeUniqueKey = exports.composeUniqueKey = function composeUniqueKey(props, index) {
8
8
  if (props.key) {
9
9
  return props.key;
10
10
  }
11
11
  return index;
12
- };
13
- exports.composeUniqueKey = composeUniqueKey;
12
+ };
@@ -20,7 +20,7 @@ var PopupAvatarGroup = function PopupAvatarGroup(_ref) {
20
20
  var _useContext = useContext(FocusManagerContext),
21
21
  menuItemRefs = _useContext.menuItemRefs;
22
22
  useEffect(function () {
23
- setInitialFocusRef === null || setInitialFocusRef === void 0 ? void 0 : setInitialFocusRef(menuItemRefs[0]);
23
+ setInitialFocusRef === null || setInitialFocusRef === void 0 || setInitialFocusRef(menuItemRefs[0]);
24
24
  }, [menuItemRefs, setInitialFocusRef]);
25
25
  return (
26
26
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/avatar-group",
3
- "version": "9.4.3",
3
+ "version": "9.4.4",
4
4
  "description": "An avatar group displays a number of avatars grouped together in a stack or grid.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -23,12 +23,12 @@
23
23
  }
24
24
  },
25
25
  "dependencies": {
26
- "@atlaskit/avatar": "^21.3.0",
26
+ "@atlaskit/avatar": "^21.4.0",
27
27
  "@atlaskit/ds-lib": "^2.1.0",
28
- "@atlaskit/menu": "^1.10.0",
29
- "@atlaskit/popup": "^1.9.0",
28
+ "@atlaskit/menu": "^2.0.0",
29
+ "@atlaskit/popup": "^1.10.0",
30
30
  "@atlaskit/theme": "^12.6.0",
31
- "@atlaskit/tokens": "^1.21.0",
31
+ "@atlaskit/tokens": "^1.25.0",
32
32
  "@atlaskit/tooltip": "^17.8.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@emotion/react": "^11.7.1",
@@ -41,7 +41,6 @@
41
41
  "@af/accessibility-testing": "*",
42
42
  "@af/visual-regression": "*",
43
43
  "@atlaskit/analytics-next": "^9.1.0",
44
- "@atlaskit/ds-lib": "^2.2.0",
45
44
  "@atlaskit/ssr": "*",
46
45
  "@atlaskit/visual-regression": "*",
47
46
  "@atlaskit/webdriver-runner": "*",
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { AvatarProps, onAvatarClickHandler } from './types';
3
- export interface AvatarGroupItemProps {
4
- avatar: AvatarProps;
5
- isActive?: boolean;
6
- isHover?: boolean;
7
- index: number;
8
- onAvatarClick?: onAvatarClickHandler;
9
- testId?: string;
10
- }
11
- declare const AvatarGroupItem: React.ForwardRefExoticComponent<AvatarGroupItemProps & React.RefAttributes<HTMLElement>>;
12
- export default AvatarGroupItem;
@@ -1,110 +0,0 @@
1
- /** @jsx jsx */
2
- import { ElementType, MouseEventHandler } from 'react';
3
- import { jsx } from '@emotion/react';
4
- import Avatar, { SizeType } from '@atlaskit/avatar';
5
- import { PositionType } from '@atlaskit/tooltip';
6
- import { AvatarGroupOverrides, AvatarProps, onAvatarClickHandler } from './types';
7
- export interface AvatarGroupProps {
8
- /**
9
- * Indicates the layout of the avatar-group.
10
- * Avatars will either be overlapped in a stack, or
11
- * laid out in an even grid formation
12
- * Defaults to "stack".
13
- */
14
- appearance?: 'grid' | 'stack';
15
- /**
16
- * Component used to render each avatar
17
- */
18
- avatar?: typeof Avatar | ElementType<AvatarProps>;
19
- /**
20
- * The maximum number of avatars allowed in the list.
21
- * Defaults to 5 when displayed as a stack,
22
- * and 11 when displayed as a grid.
23
- */
24
- maxCount?: number;
25
- /**
26
- * Defines the size of the avatar.
27
- * Defaults to "medium".
28
- */
29
- size?: SizeType;
30
- /**
31
- * Typically the background color that the avatar is presented on.
32
- * Accepts any color argument that the CSS border-color property accepts.
33
- */
34
- borderColor?: string;
35
- /**
36
- * Array of avatar data passed to each `avatar` component.
37
- * These props will be spread on to the component passed into avatar.
38
- */
39
- data: Array<AvatarProps>;
40
- /**
41
- * Handle the click event on the avatar item.
42
- * Note that if an onClick prop is provided as part of avatar data, it will take precedence over onAvatarClick.
43
- */
44
- onAvatarClick?: onAvatarClickHandler;
45
- /**
46
- * Take control of the click event on the more indicator.
47
- * This will cancel the default dropdown behavior.
48
- */
49
- onMoreClick?: MouseEventHandler;
50
- /**
51
- * Provide additional props to the MoreButton.
52
- * Example use cases: altering tab order by providing tabIndex;
53
- * adding onClick behaviour without losing the default dropdown
54
- */
55
- showMoreButtonProps?: Partial<React.HTMLAttributes<HTMLElement>>;
56
- /**
57
- * Element the overflow popup should be attached to.
58
- * Defaults to "viewport".
59
- */
60
- boundariesElement?: 'viewport' | 'window' | 'scrollParent';
61
- /**
62
- * A `testId` prop is provided for specified elements,
63
- * which is a unique string that appears as a data attribute `data-testid` in the rendered code,
64
- * serving as a hook for automated tests.
65
- */
66
- /**
67
- * Will set these elements when defined:
68
- * - Container element - `{testId}--avatar-group`
69
- * - Avatar items - `{testId}--avatar-{index}`
70
- * - Overflow menu button - `{testId}--overflow-menu--trigger`
71
- * - Overflow menu content - `{testId}--overflow-menu--content`
72
- */
73
- testId?: string;
74
- /**
75
- * Custom overrides for the composed components.
76
- */
77
- overrides?: AvatarGroupOverrides;
78
- /**
79
- *
80
- * Where the tooltip should appear relative to its target.
81
- * Defaults to tooltip position "bottom".
82
- */
83
- tooltipPosition?: Extract<PositionType, 'bottom' | 'top'>;
84
- /**
85
- * Disables tooltips
86
- */
87
- isTooltipDisabled?: boolean;
88
- /**
89
- * Text to be used as aria-label for the list of avatars.
90
- * Screen reader announcement with default label, which is `avatar group`, is `list, avatar group, X items`.
91
- *
92
- * The label should describe the `AvatarGroup`'s entities, for instance:
93
- * - `label="team members"`, screen reader announcement would be `list team members, X items`
94
- * - `label="reviewers"` screen reader announcement would be `list reviewers, X items`
95
- *
96
- * When there are several AvatarGroups on the page you should use a unique label to let users distinguish different lists.
97
- */
98
- label?: string;
99
- }
100
- /**
101
- * __Avatar group__
102
- *
103
- * An avatar group displays a number of avatars grouped together in a stack or grid.
104
- *
105
- * - [Examples](https://atlassian.design/components/avatar-group/examples)
106
- * - [Code](https://atlassian.design/components/avatar-group/code)
107
- * - [Usage](https://atlassian.design/components/avatar-group/usage)
108
- */
109
- declare const AvatarGroup: ({ appearance, avatar, borderColor, boundariesElement, data, isTooltipDisabled, maxCount, onAvatarClick, onMoreClick, overrides, showMoreButtonProps, size, testId, label, tooltipPosition, }: AvatarGroupProps) => jsx.JSX.Element;
110
- export default AvatarGroup;
@@ -1,8 +0,0 @@
1
- /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
3
- declare const Grid: FC<{
4
- children: ReactNode;
5
- testId?: string;
6
- 'aria-label': string;
7
- }>;
8
- export default Grid;
@@ -1,21 +0,0 @@
1
- import React, { FC, ReactNode } from 'react';
2
- import { FocusableElement } from '../../types';
3
- /**
4
- *
5
- *
6
- * Context provider which maintains the list of focusable elements and a method to
7
- * register new menu items.
8
- * This list drives the keyboard navgation of the menu.
9
- *
10
- */
11
- export declare const FocusManagerContext: React.Context<{
12
- menuItemRefs: FocusableElement[];
13
- registerRef: (ref: FocusableElement) => void;
14
- }>;
15
- /**
16
- * Focus manager logic
17
- */
18
- declare const FocusManager: FC<{
19
- children: ReactNode;
20
- }>;
21
- export default FocusManager;
@@ -1,7 +0,0 @@
1
- import { jsx } from '@emotion/react';
2
- import { PopupAvatarGroupProps } from '../../types';
3
- /**
4
- * It sets focus to the first avatar when popup is open.
5
- */
6
- declare const PopupAvatarGroup: ({ maxWidth, minWidth, setInitialFocusRef, ...rest }: PopupAvatarGroupProps) => jsx.JSX.Element;
7
- export default PopupAvatarGroup;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { FocusableElement } from '../../types';
3
- declare function useRegisterItemWithFocusManager(): import("react").RefObject<FocusableElement>;
4
- export default useRegisterItemWithFocusManager;
@@ -1,2 +0,0 @@
1
- import { FocusableElement } from '../../types';
2
- export default function handleFocus(refs: Array<FocusableElement>): (e: KeyboardEvent) => void;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import { AvatarClickEventHandler, AvatarPropTypes } from '@atlaskit/avatar';
3
- export interface MoreIndicatorProps extends AvatarPropTypes {
4
- count: number;
5
- 'aria-controls'?: string;
6
- 'aria-expanded'?: boolean;
7
- 'aria-haspopup'?: boolean;
8
- buttonProps: Partial<React.HTMLAttributes<HTMLElement>>;
9
- onClick: AvatarClickEventHandler;
10
- isActive: boolean;
11
- }
12
- declare const MoreIndicator: import("react").ForwardRefExoticComponent<MoreIndicatorProps & import("react").RefAttributes<HTMLButtonElement>>;
13
- export default MoreIndicator;
@@ -1,8 +0,0 @@
1
- /** @jsx jsx */
2
- import { FC, ReactNode } from 'react';
3
- declare const Stack: FC<{
4
- children: ReactNode;
5
- testId?: string;
6
- 'aria-label': string;
7
- }>;
8
- export default Stack;
@@ -1,27 +0,0 @@
1
- import type { ElementType, ReactNode } from 'react';
2
- import type { AnalyticsEvent } from '@atlaskit/analytics-next';
3
- import { default as Avatar, type AvatarPropTypes } from '@atlaskit/avatar';
4
- import { MenuGroupProps } from '@atlaskit/menu';
5
- import { ContentProps } from '@atlaskit/popup';
6
- import type { AvatarGroupItemProps } from './avatar-group-item';
7
- export type DeepRequired<T> = {
8
- [P in keyof T]-?: Required<T[P]>;
9
- };
10
- export type AvatarProps = AvatarPropTypes & {
11
- name: string;
12
- key?: string | number;
13
- };
14
- export interface AvatarGroupOverrides {
15
- AvatarGroupItem?: {
16
- render?: (Component: ElementType<AvatarGroupItemProps>, props: AvatarGroupItemProps, index: number) => ReactNode;
17
- };
18
- Avatar?: {
19
- render?: (Component: typeof Avatar | ElementType<AvatarProps>, props: AvatarProps, index: number) => ReactNode;
20
- };
21
- }
22
- export type onAvatarClickHandler = (event: React.MouseEvent, analyticsEvent: AnalyticsEvent | undefined, index: number) => void;
23
- export type FocusableElement = HTMLAnchorElement | HTMLButtonElement;
24
- export type Action = 'next' | 'prev' | 'first' | 'last';
25
- export interface PopupAvatarGroupProps extends MenuGroupProps {
26
- setInitialFocusRef?: ContentProps['setInitialFocusRef'];
27
- }
@@ -1,2 +0,0 @@
1
- import { AvatarProps } from './types';
2
- export declare const composeUniqueKey: (props: AvatarProps, index: number) => string | number;
@@ -1,3 +0,0 @@
1
- export { default } from './components/avatar-group';
2
- export type { AvatarGroupProps } from './components/avatar-group';
3
- export type { AvatarProps } from './components/types';
@@ -1,80 +0,0 @@
1
- ## API Report File for "@atlaskit/avatar-group"
2
-
3
- > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
4
-
5
- ```ts
6
-
7
- import type { AnalyticsEvent } from '@atlaskit/analytics-next';
8
- import Avatar from '@atlaskit/avatar';
9
- import { AvatarPropTypes } from '@atlaskit/avatar';
10
- import { default as default_2 } from '@atlaskit/avatar';
11
- import { ElementType } from 'react';
12
- import { jsx } from '@emotion/react';
13
- import { MouseEventHandler } from 'react';
14
- import { PositionType } from '@atlaskit/tooltip';
15
- import type { ReactNode } from 'react';
16
- import { SizeType } from '@atlaskit/avatar';
17
-
18
- // @public
19
- const AvatarGroup: ({ appearance, avatar, borderColor, boundariesElement, data, isTooltipDisabled, maxCount, onAvatarClick, onMoreClick, overrides, showMoreButtonProps, size, testId, label, tooltipPosition, }: AvatarGroupProps) => jsx.JSX.Element;
20
- export default AvatarGroup;
21
-
22
- // @public (undocumented)
23
- interface AvatarGroupItemProps {
24
- // (undocumented)
25
- avatar: AvatarProps;
26
- // (undocumented)
27
- index: number;
28
- // (undocumented)
29
- isActive?: boolean;
30
- // (undocumented)
31
- isHover?: boolean;
32
- // (undocumented)
33
- onAvatarClick?: onAvatarClickHandler;
34
- // (undocumented)
35
- testId?: string;
36
- }
37
-
38
- // @public (undocumented)
39
- interface AvatarGroupOverrides {
40
- // (undocumented)
41
- Avatar?: {
42
- render?: (Component: ElementType<AvatarProps> | typeof default_2, props: AvatarProps, index: number) => ReactNode;
43
- };
44
- // (undocumented)
45
- AvatarGroupItem?: {
46
- render?: (Component: ElementType<AvatarGroupItemProps>, props: AvatarGroupItemProps, index: number) => ReactNode;
47
- };
48
- }
49
-
50
- // @public (undocumented)
51
- export interface AvatarGroupProps {
52
- appearance?: 'grid' | 'stack';
53
- avatar?: ElementType<AvatarProps> | typeof Avatar;
54
- borderColor?: string;
55
- boundariesElement?: 'scrollParent' | 'viewport' | 'window';
56
- data: Array<AvatarProps>;
57
- isTooltipDisabled?: boolean;
58
- label?: string;
59
- maxCount?: number;
60
- onAvatarClick?: onAvatarClickHandler;
61
- onMoreClick?: MouseEventHandler;
62
- overrides?: AvatarGroupOverrides;
63
- showMoreButtonProps?: Partial<React.HTMLAttributes<HTMLElement>>;
64
- size?: SizeType;
65
- testId?: string;
66
- tooltipPosition?: Extract<PositionType, 'bottom' | 'top'>;
67
- }
68
-
69
- // @public (undocumented)
70
- export type AvatarProps = AvatarPropTypes & {
71
- name: string;
72
- key?: number | string;
73
- };
74
-
75
- // @public (undocumented)
76
- type onAvatarClickHandler = (event: React.MouseEvent, analyticsEvent: AnalyticsEvent | undefined, index: number) => void;
77
-
78
- // (No @packageDocumentation comment for this package)
79
-
80
- ```