@atlaskit/dropdown-menu 13.0.5 → 13.1.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/dropdown-menu
 
+## 13.1.0
+
+### Minor Changes
+
+- [#134128](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/134128)
+  [`8255a77865aac`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8255a77865aac) -
+  Added support for an optional role attribute on dropdown items to allow customization of ARIA
+  roles. Defaults to menuitem.
+
+## 13.0.6
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 13.0.5
 
 ### Patch Changes

package/dist/cjs/dropdown-menu-item.js

@@ -15,7 +15,7 @@ var _customItem = _interopRequireDefault(require("@atlaskit/menu/custom-item"));
 var _linkItem = _interopRequireDefault(require("@atlaskit/menu/link-item"));
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _useRegisterItemWithFocusManager = _interopRequireDefault(require("./internal/hooks/use-register-item-with-focus-manager"));
-var _excluded = ["children", "component", "description", "elemAfter", "elemBefore", "href", "isDisabled", "isSelected", "onClick", "rel", "shouldDescriptionWrap", "shouldTitleWrap", "target", "testId", "UNSAFE_shouldDisableRouterLink", "returnFocusRef", "interactionName"];
+var _excluded = ["children", "component", "description", "elemAfter", "elemBefore", "href", "isDisabled", "isSelected", "onClick", "rel", "shouldDescriptionWrap", "shouldTitleWrap", "target", "testId", "UNSAFE_shouldDisableRouterLink", "returnFocusRef", "interactionName", "role"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -47,6 +47,7 @@ var DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
     UNSAFE_shouldDisableRouterLink = _ref.UNSAFE_shouldDisableRouterLink,
     returnFocusRef = _ref.returnFocusRef,
     interactionName = _ref.interactionName,
+    role = _ref.role,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // if the dropdown item has aria-haspopup, we won't register with focus manager
   // since it is a nested trigger, we have registered inside dropdown-menu
@@ -111,7 +112,7 @@ var DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
       isSelected: isSelected,
       onClick: handleItemClick,
       ref: (0, _mergeRefs.default)([ref, itemRef]),
-      role: "menuitem",
+      role: role || 'menuitem',
       shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
       testId: testId

package/dist/es2019/dropdown-menu-item.js

@@ -33,6 +33,7 @@ const DropdownMenuItem = /*#__PURE__*/forwardRef(({
   UNSAFE_shouldDisableRouterLink,
   returnFocusRef,
   interactionName,
+  role,
   ...rest
 }, ref) => {
   // if the dropdown item has aria-haspopup, we won't register with focus manager
@@ -98,7 +99,7 @@ const DropdownMenuItem = /*#__PURE__*/forwardRef(({
       isSelected: isSelected,
       onClick: handleItemClick,
       ref: mergeRefs([ref, itemRef]),
-      role: "menuitem",
+      role: role || 'menuitem',
       shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
       testId: testId

package/dist/esm/dropdown-menu-item.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "component", "description", "elemAfter", "elemBefore", "href", "isDisabled", "isSelected", "onClick", "rel", "shouldDescriptionWrap", "shouldTitleWrap", "target", "testId", "UNSAFE_shouldDisableRouterLink", "returnFocusRef", "interactionName"];
+var _excluded = ["children", "component", "description", "elemAfter", "elemBefore", "href", "isDisabled", "isSelected", "onClick", "rel", "shouldDescriptionWrap", "shouldTitleWrap", "target", "testId", "UNSAFE_shouldDisableRouterLink", "returnFocusRef", "interactionName", "role"];
 import React, { forwardRef, useCallback } from 'react';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import ButtonItem from '@atlaskit/menu/button-item';
@@ -37,6 +37,7 @@ var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     UNSAFE_shouldDisableRouterLink = _ref.UNSAFE_shouldDisableRouterLink,
     returnFocusRef = _ref.returnFocusRef,
     interactionName = _ref.interactionName,
+    role = _ref.role,
     rest = _objectWithoutProperties(_ref, _excluded);
   // if the dropdown item has aria-haspopup, we won't register with focus manager
   // since it is a nested trigger, we have registered inside dropdown-menu
@@ -101,7 +102,7 @@ var DropdownMenuItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
       isSelected: isSelected,
       onClick: handleItemClick,
       ref: mergeRefs([ref, itemRef]),
-      role: "menuitem",
+      role: role || 'menuitem',
       shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
       testId: testId

package/dist/types/types.d.ts

@@ -272,6 +272,13 @@ export interface DropdownItemProps {
      * An optional boolean value used to indicate if the dropdown item has popup or not.
      */
     'aria-haspopup'?: boolean | 'dialog';
+    /**
+     * An optional string value that specifies the role of the dropdown item.
+     * Use this to indicate whether the item is
+     * or presentational (e.g., 'presentation') for accessibility purposes.
+     * If not specified, it defaults to role="menuitem".
+     */
+    role?: string;
 }
 export interface DropdownItemCheckboxProps {
     /**

package/dist/types-ts4.5/types.d.ts

@@ -272,6 +272,13 @@ export interface DropdownItemProps {
      * An optional boolean value used to indicate if the dropdown item has popup or not.
      */
     'aria-haspopup'?: boolean | 'dialog';
+    /**
+     * An optional string value that specifies the role of the dropdown item.
+     * Use this to indicate whether the item is
+     * or presentational (e.g., 'presentation') for accessibility purposes.
+     * If not specified, it defaults to role="menuitem".
+     */
+    role?: string;
 }
 export interface DropdownItemCheckboxProps {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "13.0.5",
+	"version": "13.1.0",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,12 +25,12 @@
 		"runReact18": true
 	},
 	"dependencies": {
-		"@atlaskit/button": "^21.1.0",
+		"@atlaskit/button": "^22.0.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/ds-lib": "^4.0.0",
-		"@atlaskit/icon": "^25.2.0",
+		"@atlaskit/icon": "^25.3.0",
 		"@atlaskit/layering": "^2.0.0",
-		"@atlaskit/menu": "^3.1.0",
+		"@atlaskit/menu": "^3.2.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^3.0.0",
 		"@atlaskit/primitives": "^14.2.0",
@@ -56,7 +56,7 @@
 		"@atlaskit/docs": "^10.0.0",
 		"@atlaskit/form": "^12.0.0",
 		"@atlaskit/heading": "^5.1.0",
-		"@atlaskit/link": "^3.0.0",
+		"@atlaskit/link": "^3.1.0",
 		"@atlaskit/lozenge": "^12.2.0",
 		"@atlaskit/modal-dialog": "^14.0.0",
 		"@atlaskit/section-message": "^8.2.0",