@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.
- package/CHANGELOG.md +61 -55
- package/dist/cjs/components/avatar-group-item.js +1 -2
- package/dist/cjs/components/avatar-group.js +1 -2
- package/dist/cjs/components/grid.js +1 -2
- 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/esm/components/internal/components/popup-avatar-group.js +1 -1
- package/package.json +5 -6
- 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,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;
|
|
@@ -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
|
+
};
|
|
@@ -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.
|
|
28
|
+
"@atlaskit/menu": "^2.0.0",
|
|
29
|
+
"@atlaskit/popup": "^1.10.0",
|
|
30
30
|
"@atlaskit/theme": "^12.6.0",
|
|
31
|
-
"@atlaskit/tokens": "^1.
|
|
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
|
-
```
|