@atlaskit/menu 8.2.0 → 8.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/button-item/package.json +1 -1
- package/custom-item/package.json +1 -1
- package/dist/cjs/menu-item/button-item.js +4 -1
- package/dist/es2019/menu-item/button-item.js +4 -1
- package/dist/esm/menu-item/button-item.js +4 -1
- package/heading-item/package.json +1 -1
- package/link-item/package.json +1 -1
- package/menu-group/package.json +1 -1
- package/package.json +7 -7
- package/popup-menu-group/package.json +1 -1
- package/section/package.json +1 -1
- package/skeleton-heading-item/package.json +1 -1
- package/skeleton-item/package.json +1 -1
- package/types/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/menu
|
|
2
2
|
|
|
3
|
+
## 8.3.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 8.3.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#200326](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/200326)
|
|
14
|
+
[`f520c88226d22`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f520c88226d22) -
|
|
15
|
+
Reimplementing these changes due to a revert.
|
|
16
|
+
|
|
17
|
+
ButtonItem will convey its selected state to screen readers when `isSelected`. This is done
|
|
18
|
+
through the `aria-current` attribute.
|
|
19
|
+
|
|
20
|
+
This change is behind a feature flag, which will be removed in a future release.
|
|
21
|
+
|
|
3
22
|
## 8.2.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
package/button-item/package.json
CHANGED
package/custom-item/package.json
CHANGED
|
@@ -71,6 +71,10 @@ var ButtonItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
|
|
|
71
71
|
className = _ref.className;
|
|
72
72
|
return /*#__PURE__*/React.createElement("button", (0, _extends2.default)({
|
|
73
73
|
"data-testid": testId
|
|
74
|
+
// This is intentionally placed before the `...rest` spread to prevent overriding existing usages of `aria-current`,
|
|
75
|
+
// which are already being passed to the button element.
|
|
76
|
+
,
|
|
77
|
+
"aria-current": isSelected && (0, _platformFeatureFlags.fg)('platform_dst_menu_item_button_aria_current') ? 'true' : undefined
|
|
74
78
|
}, rest, {
|
|
75
79
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
76
80
|
className: className,
|
|
@@ -78,7 +82,6 @@ var ButtonItem = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardR
|
|
|
78
82
|
disabled: isDisabled,
|
|
79
83
|
onClick: handleClick,
|
|
80
84
|
onMouseDown: onMouseDownHandler,
|
|
81
|
-
"aria-current": isSelected && (0, _platformFeatureFlags.fg)('platform_dst_menu_item_button_aria_current') ? 'true' : undefined,
|
|
82
85
|
type: "button"
|
|
83
86
|
}), children);
|
|
84
87
|
});
|
|
@@ -60,6 +60,10 @@ const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
60
60
|
className
|
|
61
61
|
}) => /*#__PURE__*/React.createElement("button", _extends({
|
|
62
62
|
"data-testid": testId
|
|
63
|
+
// This is intentionally placed before the `...rest` spread to prevent overriding existing usages of `aria-current`,
|
|
64
|
+
// which are already being passed to the button element.
|
|
65
|
+
,
|
|
66
|
+
"aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined
|
|
63
67
|
}, rest, {
|
|
64
68
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
65
69
|
className: className,
|
|
@@ -67,7 +71,6 @@ const ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
67
71
|
disabled: isDisabled,
|
|
68
72
|
onClick: handleClick,
|
|
69
73
|
onMouseDown: onMouseDownHandler,
|
|
70
|
-
"aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined,
|
|
71
74
|
type: "button"
|
|
72
75
|
}), children));
|
|
73
76
|
}));
|
|
@@ -62,6 +62,10 @@ var ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
|
|
|
62
62
|
className = _ref.className;
|
|
63
63
|
return /*#__PURE__*/React.createElement("button", _extends({
|
|
64
64
|
"data-testid": testId
|
|
65
|
+
// This is intentionally placed before the `...rest` spread to prevent overriding existing usages of `aria-current`,
|
|
66
|
+
// which are already being passed to the button element.
|
|
67
|
+
,
|
|
68
|
+
"aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined
|
|
65
69
|
}, rest, {
|
|
66
70
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
67
71
|
className: className,
|
|
@@ -69,7 +73,6 @@ var ButtonItem = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function (props, ref
|
|
|
69
73
|
disabled: isDisabled,
|
|
70
74
|
onClick: handleClick,
|
|
71
75
|
onMouseDown: onMouseDownHandler,
|
|
72
|
-
"aria-current": isSelected && fg('platform_dst_menu_item_button_aria_current') ? 'true' : undefined,
|
|
73
76
|
type: "button"
|
|
74
77
|
}), children);
|
|
75
78
|
});
|
package/link-item/package.json
CHANGED
package/menu-group/package.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/menu",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.3.1",
|
|
4
4
|
"description": "A list of options to help users navigate, or perform actions.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -44,9 +44,9 @@
|
|
|
44
44
|
"@atlaskit/css": "^0.12.0",
|
|
45
45
|
"@atlaskit/interaction-context": "^3.0.0",
|
|
46
46
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
47
|
-
"@atlaskit/primitives": "^14.
|
|
48
|
-
"@atlaskit/theme": "^
|
|
49
|
-
"@atlaskit/tokens": "^6.
|
|
47
|
+
"@atlaskit/primitives": "^14.12.0",
|
|
48
|
+
"@atlaskit/theme": "^20.0.0",
|
|
49
|
+
"@atlaskit/tokens": "^6.1.0",
|
|
50
50
|
"@babel/runtime": "^7.0.0",
|
|
51
51
|
"@compiled/react": "^0.18.3"
|
|
52
52
|
},
|
|
@@ -58,14 +58,14 @@
|
|
|
58
58
|
"@af/accessibility-testing": "workspace:^",
|
|
59
59
|
"@af/integration-testing": "workspace:^",
|
|
60
60
|
"@af/visual-regression": "workspace:^",
|
|
61
|
-
"@atlaskit/button": "^23.
|
|
61
|
+
"@atlaskit/button": "^23.4.0",
|
|
62
62
|
"@atlaskit/docs": "^11.0.0",
|
|
63
63
|
"@atlaskit/ds-lib": "^5.0.0",
|
|
64
|
-
"@atlaskit/icon": "^
|
|
64
|
+
"@atlaskit/icon": "^28.1.0",
|
|
65
65
|
"@atlaskit/icon-file-type": "^7.0.0",
|
|
66
66
|
"@atlaskit/icon-object": "^7.2.0",
|
|
67
67
|
"@atlaskit/link": "^3.2.0",
|
|
68
|
-
"@atlaskit/section-message": "^8.
|
|
68
|
+
"@atlaskit/section-message": "^8.6.0",
|
|
69
69
|
"@atlassian/feature-flags-test-utils": "^0.3.0",
|
|
70
70
|
"@testing-library/react": "^13.4.0",
|
|
71
71
|
"ast-types": "^0.13.3",
|
package/section/package.json
CHANGED