@atlaskit/media-avatar-picker 24.6.2 → 24.6.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 +15 -0
- package/dist/cjs/avatar-list/index.js +2 -1
- package/dist/cjs/predefined-avatar-view/index.js +2 -1
- package/dist/es2019/avatar-list/index.js +2 -1
- package/dist/es2019/predefined-avatar-view/index.js +2 -1
- package/dist/esm/avatar-list/index.js +2 -1
- package/dist/esm/predefined-avatar-view/index.js +2 -1
- package/dist/types/predefined-avatar-view/index.d.ts +1 -1
- package/dist/types-ts4.5/predefined-avatar-view/index.d.ts +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/media-avatar-picker
|
|
2
2
|
|
|
3
|
+
## 24.6.4
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#99695](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/99695)
|
|
8
|
+
[`8b3a1570b50d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b3a1570b50d) -
|
|
9
|
+
Sets avatar list images alt attribute to empty string and adds aria-label attribute to input
|
|
10
|
+
options to make list accessible when navigationg between avatars
|
|
11
|
+
|
|
12
|
+
## 24.6.3
|
|
13
|
+
|
|
14
|
+
### Patch Changes
|
|
15
|
+
|
|
16
|
+
- Updated dependencies
|
|
17
|
+
|
|
3
18
|
## 24.6.2
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
|
@@ -32,12 +32,13 @@ var AvatarList = exports.AvatarList = function AvatarList(_ref) {
|
|
|
32
32
|
type: "radio",
|
|
33
33
|
name: "avatar",
|
|
34
34
|
value: avatar.dataURI,
|
|
35
|
+
"aria-label": avatar.name || undefined,
|
|
35
36
|
checked: avatar === selectedAvatar,
|
|
36
37
|
onChange: createOnItemClickHandler(avatar)
|
|
37
38
|
}), (0, _react.jsx)("img", {
|
|
38
39
|
css: _styles.smallAvatarImageStyles,
|
|
39
40
|
src: avatar.dataURI,
|
|
40
|
-
alt:
|
|
41
|
+
alt: ""
|
|
41
42
|
}));
|
|
42
43
|
});
|
|
43
44
|
return (0, _react.jsx)("div", {
|
|
@@ -37,12 +37,13 @@ var PredefinedAvatarView = exports.PredefinedAvatarView = function PredefinedAva
|
|
|
37
37
|
type: "radio",
|
|
38
38
|
name: "avatar",
|
|
39
39
|
value: avatar.dataURI,
|
|
40
|
+
"aria-label": avatar.name || undefined,
|
|
40
41
|
checked: avatar === selectedAvatar,
|
|
41
42
|
onChange: createOnItemClickHandler(avatar)
|
|
42
43
|
}), (0, _react.jsx)("img", {
|
|
43
44
|
css: _styles.largeAvatarImageStyles,
|
|
44
45
|
src: avatar.dataURI,
|
|
45
|
-
alt:
|
|
46
|
+
alt: ""
|
|
46
47
|
}));
|
|
47
48
|
});
|
|
48
49
|
return (0, _react.jsx)("div", {
|
|
@@ -23,12 +23,13 @@ export const AvatarList = ({
|
|
|
23
23
|
type: "radio",
|
|
24
24
|
name: "avatar",
|
|
25
25
|
value: avatar.dataURI,
|
|
26
|
+
"aria-label": avatar.name || undefined,
|
|
26
27
|
checked: avatar === selectedAvatar,
|
|
27
28
|
onChange: createOnItemClickHandler(avatar)
|
|
28
29
|
}), jsx("img", {
|
|
29
30
|
css: smallAvatarImageStyles,
|
|
30
31
|
src: avatar.dataURI,
|
|
31
|
-
alt:
|
|
32
|
+
alt: ""
|
|
32
33
|
}));
|
|
33
34
|
});
|
|
34
35
|
return jsx("div", {
|
|
@@ -29,12 +29,13 @@ export const PredefinedAvatarView = ({
|
|
|
29
29
|
type: "radio",
|
|
30
30
|
name: "avatar",
|
|
31
31
|
value: avatar.dataURI,
|
|
32
|
+
"aria-label": avatar.name || undefined,
|
|
32
33
|
checked: avatar === selectedAvatar,
|
|
33
34
|
onChange: createOnItemClickHandler(avatar)
|
|
34
35
|
}), jsx("img", {
|
|
35
36
|
css: largeAvatarImageStyles,
|
|
36
37
|
src: avatar.dataURI,
|
|
37
|
-
alt:
|
|
38
|
+
alt: ""
|
|
38
39
|
}));
|
|
39
40
|
});
|
|
40
41
|
return jsx("div", {
|
|
@@ -25,12 +25,13 @@ export var AvatarList = function AvatarList(_ref) {
|
|
|
25
25
|
type: "radio",
|
|
26
26
|
name: "avatar",
|
|
27
27
|
value: avatar.dataURI,
|
|
28
|
+
"aria-label": avatar.name || undefined,
|
|
28
29
|
checked: avatar === selectedAvatar,
|
|
29
30
|
onChange: createOnItemClickHandler(avatar)
|
|
30
31
|
}), jsx("img", {
|
|
31
32
|
css: smallAvatarImageStyles,
|
|
32
33
|
src: avatar.dataURI,
|
|
33
|
-
alt:
|
|
34
|
+
alt: ""
|
|
34
35
|
}));
|
|
35
36
|
});
|
|
36
37
|
return jsx("div", {
|
|
@@ -29,12 +29,13 @@ export var PredefinedAvatarView = function PredefinedAvatarView(_ref) {
|
|
|
29
29
|
type: "radio",
|
|
30
30
|
name: "avatar",
|
|
31
31
|
value: avatar.dataURI,
|
|
32
|
+
"aria-label": avatar.name || undefined,
|
|
32
33
|
checked: avatar === selectedAvatar,
|
|
33
34
|
onChange: createOnItemClickHandler(avatar)
|
|
34
35
|
}), jsx("img", {
|
|
35
36
|
css: largeAvatarImageStyles,
|
|
36
37
|
src: avatar.dataURI,
|
|
37
|
-
alt:
|
|
38
|
+
alt: ""
|
|
38
39
|
}));
|
|
39
40
|
});
|
|
40
41
|
return jsx("div", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-avatar-picker",
|
|
3
|
-
"version": "24.6.
|
|
3
|
+
"version": "24.6.4",
|
|
4
4
|
"description": "A component to select, drag and resize image avatars. It also provides a default list of predefined avatars.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@atlaskit/button": "^17.14.0",
|
|
38
38
|
"@atlaskit/flag": "^15.5.0",
|
|
39
|
-
"@atlaskit/form": "^
|
|
39
|
+
"@atlaskit/form": "^10.0.0",
|
|
40
40
|
"@atlaskit/icon": "^22.1.0",
|
|
41
41
|
"@atlaskit/media-ui": "^25.10.0",
|
|
42
42
|
"@atlaskit/modal-dialog": "^12.13.0",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@atlaskit/spinner": "^16.1.0",
|
|
46
46
|
"@atlaskit/textfield": "^6.3.0",
|
|
47
47
|
"@atlaskit/theme": "^12.8.0",
|
|
48
|
-
"@atlaskit/tokens": "^1.
|
|
48
|
+
"@atlaskit/tokens": "^1.48.0",
|
|
49
49
|
"@atlaskit/visually-hidden": "^1.3.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"exenv": "^1.2.2"
|