@atlaskit/avatar-group 9.4.2 → 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.
- package/CHANGELOG.md +66 -54
- package/dist/cjs/components/avatar-group-item.js +1 -2
- package/dist/cjs/components/avatar-group.js +3 -4
- package/dist/cjs/components/grid.js +4 -11
- package/dist/cjs/components/internal/components/focus-manager.js +2 -4
- package/dist/cjs/components/internal/components/popup-avatar-group.js +2 -3
- package/dist/cjs/components/internal/hooks/use-register-item-with-focus-manager.js +1 -2
- package/dist/cjs/components/more-indicator.js +1 -2
- package/dist/cjs/components/stack.js +1 -2
- package/dist/cjs/components/utils.js +2 -3
- package/dist/es2019/components/grid.js +3 -9
- package/dist/esm/components/avatar-group.js +2 -2
- package/dist/esm/components/grid.js +3 -9
- package/dist/esm/components/internal/components/popup-avatar-group.js +1 -1
- package/package.json +6 -7
- package/dist/types-ts4.5/components/avatar-group-item.d.ts +0 -12
- package/dist/types-ts4.5/components/avatar-group.d.ts +0 -110
- package/dist/types-ts4.5/components/grid.d.ts +0 -8
- package/dist/types-ts4.5/components/internal/components/focus-manager.d.ts +0 -21
- package/dist/types-ts4.5/components/internal/components/popup-avatar-group.d.ts +0 -7
- package/dist/types-ts4.5/components/internal/hooks/use-register-item-with-focus-manager.d.ts +0 -4
- package/dist/types-ts4.5/components/internal/utiles/handle-focus.d.ts +0 -2
- package/dist/types-ts4.5/components/more-indicator.d.ts +0 -13
- package/dist/types-ts4.5/components/stack.d.ts +0 -8
- package/dist/types-ts4.5/components/types.d.ts +0 -27
- package/dist/types-ts4.5/components/utils.d.ts +0 -2
- package/dist/types-ts4.5/index.d.ts +0 -3
- package/tmp/api-report-tmp.d.ts +0 -80
package/CHANGELOG.md
CHANGED
|
@@ -1,65 +1,77 @@
|
|
|
1
1
|
# @atlaskit/avatar-group
|
|
2
2
|
|
|
3
|
+
## 9.4.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 9.4.3
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
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.
|
|
14
|
+
|
|
3
15
|
## 9.4.2
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
6
18
|
|
|
7
|
-
- [`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`.
|
|
8
20
|
|
|
9
21
|
## 9.4.1
|
|
10
22
|
|
|
11
23
|
### Patch Changes
|
|
12
24
|
|
|
13
|
-
- [`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
|
|
14
26
|
- Updated dependencies
|
|
15
27
|
|
|
16
28
|
## 9.4.0
|
|
17
29
|
|
|
18
30
|
### Minor Changes
|
|
19
31
|
|
|
20
|
-
- [`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
|
|
21
33
|
|
|
22
34
|
## 9.3.6
|
|
23
35
|
|
|
24
36
|
### Patch Changes
|
|
25
37
|
|
|
26
|
-
- [`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
|
|
27
39
|
|
|
28
40
|
## 9.3.5
|
|
29
41
|
|
|
30
42
|
### Patch Changes
|
|
31
43
|
|
|
32
|
-
- [`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.
|
|
33
45
|
|
|
34
46
|
## 9.3.4
|
|
35
47
|
|
|
36
48
|
### Patch Changes
|
|
37
49
|
|
|
38
|
-
- [`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
|
|
39
51
|
|
|
40
52
|
## 9.3.3
|
|
41
53
|
|
|
42
54
|
### Patch Changes
|
|
43
55
|
|
|
44
|
-
- [`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.
|
|
45
57
|
|
|
46
58
|
## 9.3.2
|
|
47
59
|
|
|
48
60
|
### Patch Changes
|
|
49
61
|
|
|
50
|
-
- [`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
|
|
51
63
|
|
|
52
64
|
## 9.3.1
|
|
53
65
|
|
|
54
66
|
### Patch Changes
|
|
55
67
|
|
|
56
|
-
- [`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`
|
|
57
69
|
|
|
58
70
|
## 9.3.0
|
|
59
71
|
|
|
60
72
|
### Minor Changes
|
|
61
73
|
|
|
62
|
-
- [`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
|
|
63
75
|
|
|
64
76
|
### Patch Changes
|
|
65
77
|
|
|
@@ -69,7 +81,7 @@
|
|
|
69
81
|
|
|
70
82
|
### Patch Changes
|
|
71
83
|
|
|
72
|
-
- [`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.
|
|
73
85
|
- Updated dependencies
|
|
74
86
|
|
|
75
87
|
## 9.2.3
|
|
@@ -82,19 +94,19 @@
|
|
|
82
94
|
|
|
83
95
|
### Patch Changes
|
|
84
96
|
|
|
85
|
-
- [`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.
|
|
86
98
|
|
|
87
99
|
## 9.2.1
|
|
88
100
|
|
|
89
101
|
### Patch Changes
|
|
90
102
|
|
|
91
|
-
- [`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.
|
|
92
104
|
|
|
93
105
|
## 9.2.0
|
|
94
106
|
|
|
95
107
|
### Minor Changes
|
|
96
108
|
|
|
97
|
-
- [`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.
|
|
98
110
|
|
|
99
111
|
## 9.1.4
|
|
100
112
|
|
|
@@ -118,13 +130,13 @@
|
|
|
118
130
|
|
|
119
131
|
### Patch Changes
|
|
120
132
|
|
|
121
|
-
- [`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.
|
|
122
134
|
|
|
123
135
|
## 9.1.0
|
|
124
136
|
|
|
125
137
|
### Minor Changes
|
|
126
138
|
|
|
127
|
-
- [`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.
|
|
128
140
|
|
|
129
141
|
### Patch Changes
|
|
130
142
|
|
|
@@ -134,32 +146,32 @@
|
|
|
134
146
|
|
|
135
147
|
### Patch Changes
|
|
136
148
|
|
|
137
|
-
- [`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`
|
|
138
150
|
|
|
139
151
|
## 9.0.3
|
|
140
152
|
|
|
141
153
|
### Patch Changes
|
|
142
154
|
|
|
143
|
-
- [`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.
|
|
144
156
|
- Updated dependencies
|
|
145
157
|
|
|
146
158
|
## 9.0.2
|
|
147
159
|
|
|
148
160
|
### Patch Changes
|
|
149
161
|
|
|
150
|
-
- [`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`.
|
|
151
163
|
|
|
152
164
|
## 9.0.1
|
|
153
165
|
|
|
154
166
|
### Patch Changes
|
|
155
167
|
|
|
156
|
-
- [`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.
|
|
157
169
|
|
|
158
170
|
## 9.0.0
|
|
159
171
|
|
|
160
172
|
### Major Changes
|
|
161
173
|
|
|
162
|
-
- [`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.
|
|
163
175
|
|
|
164
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.
|
|
165
177
|
|
|
@@ -174,7 +186,7 @@
|
|
|
174
186
|
|
|
175
187
|
### Patch Changes
|
|
176
188
|
|
|
177
|
-
- [`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
|
|
178
190
|
|
|
179
191
|
## 8.5.14
|
|
180
192
|
|
|
@@ -186,7 +198,7 @@
|
|
|
186
198
|
|
|
187
199
|
### Patch Changes
|
|
188
200
|
|
|
189
|
-
- [`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
|
|
190
202
|
|
|
191
203
|
## 8.5.12
|
|
192
204
|
|
|
@@ -198,7 +210,7 @@
|
|
|
198
210
|
|
|
199
211
|
### Patch Changes
|
|
200
212
|
|
|
201
|
-
- [`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.
|
|
202
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.
|
|
203
215
|
- Updated dependencies
|
|
204
216
|
|
|
@@ -212,7 +224,7 @@
|
|
|
212
224
|
|
|
213
225
|
### Patch Changes
|
|
214
226
|
|
|
215
|
-
- [`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.
|
|
216
228
|
|
|
217
229
|
## 8.5.8
|
|
218
230
|
|
|
@@ -231,27 +243,27 @@
|
|
|
231
243
|
|
|
232
244
|
### Patch Changes
|
|
233
245
|
|
|
234
|
-
- [`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
|
|
235
247
|
|
|
236
248
|
## 8.5.5
|
|
237
249
|
|
|
238
250
|
### Patch Changes
|
|
239
251
|
|
|
240
|
-
- [`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.
|
|
241
253
|
- Updated dependencies
|
|
242
254
|
|
|
243
255
|
## 8.5.4
|
|
244
256
|
|
|
245
257
|
### Patch Changes
|
|
246
258
|
|
|
247
|
-
- [`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`.
|
|
248
260
|
- Updated dependencies
|
|
249
261
|
|
|
250
262
|
## 8.5.3
|
|
251
263
|
|
|
252
264
|
### Patch Changes
|
|
253
265
|
|
|
254
|
-
- [`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.
|
|
255
267
|
|
|
256
268
|
## 8.5.2
|
|
257
269
|
|
|
@@ -269,7 +281,7 @@
|
|
|
269
281
|
|
|
270
282
|
### Minor Changes
|
|
271
283
|
|
|
272
|
-
- [`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.
|
|
273
285
|
|
|
274
286
|
### Patch Changes
|
|
275
287
|
|
|
@@ -279,7 +291,7 @@
|
|
|
279
291
|
|
|
280
292
|
### Minor Changes
|
|
281
293
|
|
|
282
|
-
- [`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.
|
|
283
295
|
|
|
284
296
|
### Patch Changes
|
|
285
297
|
|
|
@@ -290,7 +302,7 @@
|
|
|
290
302
|
|
|
291
303
|
### Patch Changes
|
|
292
304
|
|
|
293
|
-
- [`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.
|
|
294
306
|
- [`9a84a3ceb82`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9a84a3ceb82) - Internal code changes.
|
|
295
307
|
- Updated dependencies
|
|
296
308
|
|
|
@@ -298,13 +310,13 @@
|
|
|
298
310
|
|
|
299
311
|
### Patch Changes
|
|
300
312
|
|
|
301
|
-
- [`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`.
|
|
302
314
|
|
|
303
315
|
## 8.3.0
|
|
304
316
|
|
|
305
317
|
### Minor Changes
|
|
306
318
|
|
|
307
|
-
- [`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.
|
|
308
320
|
|
|
309
321
|
To change the label of a list you can use `label` props.
|
|
310
322
|
|
|
@@ -318,7 +330,7 @@
|
|
|
318
330
|
|
|
319
331
|
### Minor Changes
|
|
320
332
|
|
|
321
|
-
- [`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.
|
|
322
334
|
|
|
323
335
|
### Patch Changes
|
|
324
336
|
|
|
@@ -334,7 +346,7 @@
|
|
|
334
346
|
|
|
335
347
|
### Minor Changes
|
|
336
348
|
|
|
337
|
-
- [`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.
|
|
338
350
|
|
|
339
351
|
### Patch Changes
|
|
340
352
|
|
|
@@ -344,13 +356,13 @@
|
|
|
344
356
|
|
|
345
357
|
### Patch Changes
|
|
346
358
|
|
|
347
|
-
- [`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
|
|
348
360
|
|
|
349
361
|
## 8.0.14
|
|
350
362
|
|
|
351
363
|
### Patch Changes
|
|
352
364
|
|
|
353
|
-
- [`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.
|
|
354
366
|
|
|
355
367
|
## 8.0.13
|
|
356
368
|
|
|
@@ -362,19 +374,19 @@
|
|
|
362
374
|
|
|
363
375
|
### Patch Changes
|
|
364
376
|
|
|
365
|
-
- [`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
|
|
366
378
|
|
|
367
379
|
## 8.0.11
|
|
368
380
|
|
|
369
381
|
### Patch Changes
|
|
370
382
|
|
|
371
|
-
- [`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.
|
|
372
384
|
|
|
373
385
|
## 8.0.10
|
|
374
386
|
|
|
375
387
|
### Patch Changes
|
|
376
388
|
|
|
377
|
-
- [`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.
|
|
378
390
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
379
391
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
380
392
|
|
|
@@ -388,7 +400,7 @@
|
|
|
388
400
|
|
|
389
401
|
### Patch Changes
|
|
390
402
|
|
|
391
|
-
- [`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
|
|
392
404
|
|
|
393
405
|
## 8.0.7
|
|
394
406
|
|
|
@@ -400,7 +412,7 @@
|
|
|
400
412
|
|
|
401
413
|
### Patch Changes
|
|
402
414
|
|
|
403
|
-
- [`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
|
|
404
416
|
|
|
405
417
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
406
418
|
to prevent duplicates of tslib being bundled.
|
|
@@ -409,14 +421,14 @@
|
|
|
409
421
|
|
|
410
422
|
### Patch Changes
|
|
411
423
|
|
|
412
|
-
- [`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
|
|
413
425
|
- Updated dependencies
|
|
414
426
|
|
|
415
427
|
## 8.0.4
|
|
416
428
|
|
|
417
429
|
### Patch Changes
|
|
418
430
|
|
|
419
|
-
- [`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.
|
|
420
432
|
|
|
421
433
|
## 8.0.3
|
|
422
434
|
|
|
@@ -428,19 +440,19 @@
|
|
|
428
440
|
|
|
429
441
|
### Patch Changes
|
|
430
442
|
|
|
431
|
-
- [`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
|
|
432
444
|
|
|
433
445
|
## 8.0.1
|
|
434
446
|
|
|
435
447
|
### Patch Changes
|
|
436
448
|
|
|
437
|
-
- [`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
|
|
438
450
|
|
|
439
451
|
## 8.0.0
|
|
440
452
|
|
|
441
453
|
### Major Changes
|
|
442
454
|
|
|
443
|
-
- [`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.
|
|
444
456
|
|
|
445
457
|
**Change summary:**
|
|
446
458
|
|
|
@@ -468,13 +480,13 @@
|
|
|
468
480
|
|
|
469
481
|
### Patch Changes
|
|
470
482
|
|
|
471
|
-
- [`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.
|
|
472
484
|
|
|
473
485
|
## 7.0.0
|
|
474
486
|
|
|
475
487
|
### Major Changes
|
|
476
488
|
|
|
477
|
-
- [`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.
|
|
478
490
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
479
491
|
|
|
480
492
|
### Patch Changes
|
|
@@ -485,25 +497,25 @@
|
|
|
485
497
|
|
|
486
498
|
### Patch Changes
|
|
487
499
|
|
|
488
|
-
- [`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
|
|
489
501
|
|
|
490
502
|
## 6.0.2
|
|
491
503
|
|
|
492
504
|
### Patch Changes
|
|
493
505
|
|
|
494
|
-
- [`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
|
|
495
507
|
|
|
496
508
|
## 6.0.1
|
|
497
509
|
|
|
498
510
|
### Patch Changes
|
|
499
511
|
|
|
500
|
-
- [`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
|
|
501
513
|
|
|
502
514
|
## 6.0.0
|
|
503
515
|
|
|
504
516
|
### Major Changes
|
|
505
517
|
|
|
506
|
-
- [`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.
|
|
507
519
|
|
|
508
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.
|
|
509
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;
|
|
@@ -26,8 +26,8 @@ var _popupAvatarGroup = _interopRequireDefault(require("./internal/components/po
|
|
|
26
26
|
var _moreIndicator = _interopRequireDefault(require("./more-indicator"));
|
|
27
27
|
var _stack = _interopRequireDefault(require("./stack"));
|
|
28
28
|
var _utils = require("./utils");
|
|
29
|
-
function ownKeys(
|
|
30
|
-
function _objectSpread(
|
|
29
|
+
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; }
|
|
30
|
+
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) { (0, _defineProperty2.default)(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; } /** @jsx jsx */
|
|
31
31
|
var MAX_COUNT = {
|
|
32
32
|
grid: 11,
|
|
33
33
|
stack: 5
|
|
@@ -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;
|
|
@@ -6,21 +6,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
|
-
var _constants = require("@atlaskit/theme/constants");
|
|
10
9
|
/** @jsx jsx */
|
|
11
10
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var gridSize = (0, _constants.gridSize)();
|
|
15
|
-
var gutter = gridSize / 2;
|
|
11
|
+
var gutter = "var(--ds-space-negative-050, -4px)";
|
|
16
12
|
var listStyles = (0, _react2.css)({
|
|
17
13
|
// removes default ul styles. Needs !important to override contextual styles in product.
|
|
18
14
|
display: 'flex',
|
|
19
15
|
margin: "var(--ds-space-0, 0px)",
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
23
|
-
marginLeft: -gutter,
|
|
16
|
+
marginRight: gutter,
|
|
17
|
+
marginLeft: gutter,
|
|
24
18
|
padding: "var(--ds-space-0, 0px)",
|
|
25
19
|
justifyContent: 'flex-start',
|
|
26
20
|
flexWrap: 'wrap',
|
|
@@ -49,5 +43,4 @@ var Grid = function Grid(_ref) {
|
|
|
49
43
|
};
|
|
50
44
|
|
|
51
45
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
52
|
-
var _default = Grid;
|
|
53
|
-
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
|
|
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;
|
|
@@ -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;
|
|
@@ -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
|
+
};
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { Children } from 'react';
|
|
3
3
|
import { css, jsx } from '@emotion/react';
|
|
4
|
-
|
|
5
|
-
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
6
|
-
import { gridSize as getGridSize } from '@atlaskit/theme/constants';
|
|
7
|
-
const gridSize = getGridSize();
|
|
8
|
-
const gutter = gridSize / 2;
|
|
4
|
+
const gutter = "var(--ds-space-negative-050, -4px)";
|
|
9
5
|
const listStyles = css({
|
|
10
6
|
// removes default ul styles. Needs !important to override contextual styles in product.
|
|
11
7
|
display: 'flex',
|
|
12
8
|
margin: "var(--ds-space-0, 0px)",
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
16
|
-
marginLeft: -gutter,
|
|
9
|
+
marginRight: gutter,
|
|
10
|
+
marginLeft: gutter,
|
|
17
11
|
padding: "var(--ds-space-0, 0px)",
|
|
18
12
|
justifyContent: 'flex-start',
|
|
19
13
|
flexWrap: 'wrap',
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
function ownKeys(
|
|
5
|
-
function _objectSpread(
|
|
4
|
+
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; }
|
|
5
|
+
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; }
|
|
6
6
|
/** @jsx jsx */
|
|
7
7
|
import { useCallback, useEffect, useState } from 'react';
|
|
8
8
|
import { jsx } from '@emotion/react';
|
|
@@ -1,19 +1,13 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { Children } from 'react';
|
|
3
3
|
import { css, jsx } from '@emotion/react';
|
|
4
|
-
|
|
5
|
-
// eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
6
|
-
import { gridSize as getGridSize } from '@atlaskit/theme/constants';
|
|
7
|
-
var gridSize = getGridSize();
|
|
8
|
-
var gutter = gridSize / 2;
|
|
4
|
+
var gutter = "var(--ds-space-negative-050, -4px)";
|
|
9
5
|
var listStyles = css({
|
|
10
6
|
// removes default ul styles. Needs !important to override contextual styles in product.
|
|
11
7
|
display: 'flex',
|
|
12
8
|
margin: "var(--ds-space-0, 0px)",
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
16
|
-
marginLeft: -gutter,
|
|
9
|
+
marginRight: gutter,
|
|
10
|
+
marginLeft: gutter,
|
|
17
11
|
padding: "var(--ds-space-0, 0px)",
|
|
18
12
|
justifyContent: 'flex-start',
|
|
19
13
|
flexWrap: 'wrap',
|
|
@@ -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
|
|
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
|
+
"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.
|
|
26
|
+
"@atlaskit/avatar": "^21.4.0",
|
|
27
27
|
"@atlaskit/ds-lib": "^2.1.0",
|
|
28
|
-
"@atlaskit/menu": "^
|
|
29
|
-
"@atlaskit/popup": "^1.
|
|
30
|
-
"@atlaskit/theme": "^12.
|
|
31
|
-
"@atlaskit/tokens": "^1.
|
|
28
|
+
"@atlaskit/menu": "^2.0.0",
|
|
29
|
+
"@atlaskit/popup": "^1.10.0",
|
|
30
|
+
"@atlaskit/theme": "^12.6.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,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,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,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
|
-
}
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -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
|
-
```
|