@atlaskit/dropdown-menu 11.10.5 → 11.10.6

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 CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/dropdown-menu
2
2
 
3
+ ## 11.10.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [`2e2ebbe71fc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e2ebbe71fc) - Fix keyboard arrow controls for dropdown item custom component.
8
+
3
9
  ## 11.10.5
4
10
 
5
11
  ### Patch Changes
@@ -42,6 +42,7 @@ var DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
42
42
  component: component,
43
43
  iconBefore: elemBefore,
44
44
  iconAfter: elemAfter,
45
+ ref: (0, _mergeRefs.default)([ref, itemRef]),
45
46
  shouldTitleWrap: shouldTitleWrap,
46
47
  shouldDescriptionWrap: shouldDescriptionWrap
47
48
  }, rest), children);
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "11.10.5",
3
+ "version": "11.10.6",
4
4
  "sideEffects": false
5
5
  }
@@ -30,6 +30,7 @@ const DropdownMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
30
30
  component: component,
31
31
  iconBefore: elemBefore,
32
32
  iconAfter: elemAfter,
33
+ ref: mergeRefs([ref, itemRef]),
33
34
  shouldTitleWrap: shouldTitleWrap,
34
35
  shouldDescriptionWrap: shouldDescriptionWrap
35
36
  }, rest), children);
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "11.10.5",
3
+ "version": "11.10.6",
4
4
  "sideEffects": false
5
5
  }
@@ -32,6 +32,7 @@ var DropdownMenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
32
32
  component: component,
33
33
  iconBefore: elemBefore,
34
34
  iconAfter: elemAfter,
35
+ ref: mergeRefs([ref, itemRef]),
35
36
  shouldTitleWrap: shouldTitleWrap,
36
37
  shouldDescriptionWrap: shouldDescriptionWrap
37
38
  }, rest), children);
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "11.10.5",
3
+ "version": "11.10.6",
4
4
  "sideEffects": false
5
5
  }
@@ -134,6 +134,7 @@ export interface DropdownItemProps {
134
134
  children: React.ReactNode;
135
135
  /**
136
136
  * Custom component to render as an item.
137
+ * Should be wrapped in `forwardRef` to avoid accessibility issues when controlling keyboard focus.
137
138
  */
138
139
  component?: CustomItemProps['component'];
139
140
  /**
@@ -134,6 +134,7 @@ export interface DropdownItemProps {
134
134
  children: React.ReactNode;
135
135
  /**
136
136
  * Custom component to render as an item.
137
+ * Should be wrapped in `forwardRef` to avoid accessibility issues when controlling keyboard focus.
137
138
  */
138
139
  component?: CustomItemProps['component'];
139
140
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dropdown-menu",
3
- "version": "11.10.5",
3
+ "version": "11.10.6",
4
4
  "description": "A dropdown menu displays a list of actions or options to a user.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
41
41
  "@atlaskit/primitives": "^1.0.0",
42
42
  "@atlaskit/spinner": "^15.5.0",
43
43
  "@atlaskit/theme": "^12.5.0",
44
- "@atlaskit/tokens": "^1.11.0",
44
+ "@atlaskit/tokens": "^1.12.0",
45
45
  "@atlaskit/visually-hidden": "^1.2.0",
46
46
  "@babel/runtime": "^7.0.0",
47
47
  "@emotion/react": "^11.7.1",