@atlaskit/dropdown-menu 16.3.7 → 16.3.9

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/dropdown-menu
 
+## 16.3.9
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.3.8
+
+### Patch Changes
+
+- [`cdb2b90aee75b`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cdb2b90aee75b) -
+  Fixes accessibility violation of submenus not being either a `role='group'` or a `role='menuitem'`
+  when opened
+
 ## 16.3.7
 
 ### Patch Changes

package/dist/cjs/dropdown-menu.js

@@ -19,6 +19,8 @@ var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _useControlled = _interopRequireDefault(require("@atlaskit/ds-lib/use-controlled"));
 var _useFocusEvent = _interopRequireDefault(require("@atlaskit/ds-lib/use-focus-event"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/migration/chevron-down"));
+var _layering = require("@atlaskit/layering");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
 var _constants = require("@atlaskit/theme/constants");
 var _focusManager = _interopRequireDefault(require("./internal/components/focus-manager"));
@@ -114,6 +116,8 @@ var DropdownMenu = function DropdownMenu(_ref) {
     setTriggeredUsingKeyboard = _useState2[1];
   var id = (0, _useGeneratedId.default)();
   var itemRef = (0, _useRegisterItemWithFocusManager.default)();
+  var _useLayering = (0, _layering.useLayering)(),
+    currentLevel = _useLayering.currentLevel;
   var fallbackPlacements = (0, _react.useMemo)(function () {
     return getFallbackPlacements(placement);
   }, [placement]);
@@ -271,6 +275,7 @@ var DropdownMenu = function DropdownMenu(_ref) {
     onClose: handleOnClose,
     zIndex: zIndex,
     placement: placement,
+    role: shouldRenderToParent && currentLevel > 0 && (0, _platformFeatureFlags.fg)('platform-dst-nested-dropdown-menu-role') ? 'group' : undefined,
     fallbackPlacements: fallbackPlacements,
     testId: testId && "".concat(testId, "--content"),
     shouldUseCaptureOnOutsideClick: true

package/dist/es2019/dropdown-menu.js

@@ -8,6 +8,8 @@ import noop from '@atlaskit/ds-lib/noop';
 import useControlledState from '@atlaskit/ds-lib/use-controlled';
 import useFocus from '@atlaskit/ds-lib/use-focus-event';
 import ExpandIcon from '@atlaskit/icon/core/migration/chevron-down';
+import { useLayering } from '@atlaskit/layering';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { layers } from '@atlaskit/theme/constants';
@@ -84,6 +86,9 @@ const DropdownMenu = ({
   const [isTriggeredUsingKeyboard, setTriggeredUsingKeyboard] = useState(false);
   const id = useGeneratedId();
   const itemRef = useRegisterItemWithFocusManager();
+  const {
+    currentLevel
+  } = useLayering();
   const fallbackPlacements = useMemo(() => getFallbackPlacements(placement), [placement]);
   const handleTriggerClicked = useCallback(
   // TODO: event is an `any` and is being cast incorrectly
@@ -242,6 +247,7 @@ const DropdownMenu = ({
     onClose: handleOnClose,
     zIndex: zIndex,
     placement: placement,
+    role: shouldRenderToParent && currentLevel > 0 && fg('platform-dst-nested-dropdown-menu-role') ? 'group' : undefined,
     fallbackPlacements: fallbackPlacements,
     testId: testId && `${testId}--content`,
     shouldUseCaptureOnOutsideClick: true

package/dist/esm/dropdown-menu.js

@@ -14,6 +14,8 @@ import noop from '@atlaskit/ds-lib/noop';
 import useControlledState from '@atlaskit/ds-lib/use-controlled';
 import useFocus from '@atlaskit/ds-lib/use-focus-event';
 import ExpandIcon from '@atlaskit/icon/core/migration/chevron-down';
+import { useLayering } from '@atlaskit/layering';
+import { fg } from '@atlaskit/platform-feature-flags';
 import Popup from '@atlaskit/popup';
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 import { layers } from '@atlaskit/theme/constants';
@@ -106,6 +108,8 @@ var DropdownMenu = function DropdownMenu(_ref) {
     setTriggeredUsingKeyboard = _useState2[1];
   var id = useGeneratedId();
   var itemRef = useRegisterItemWithFocusManager();
+  var _useLayering = useLayering(),
+    currentLevel = _useLayering.currentLevel;
   var fallbackPlacements = useMemo(function () {
     return getFallbackPlacements(placement);
   }, [placement]);
@@ -263,6 +267,7 @@ var DropdownMenu = function DropdownMenu(_ref) {
     onClose: handleOnClose,
     zIndex: zIndex,
     placement: placement,
+    role: shouldRenderToParent && currentLevel > 0 && fg('platform-dst-nested-dropdown-menu-role') ? 'group' : undefined,
     fallbackPlacements: fallbackPlacements,
     testId: testId && "".concat(testId, "--content"),
     shouldUseCaptureOnOutsideClick: true

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "16.3.7",
+	"version": "16.3.9",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,17 +25,17 @@
 	},
 	"dependencies": {
 		"@atlaskit/button": "^23.4.0",
-		"@atlaskit/css": "^0.12.0",
+		"@atlaskit/css": "^0.13.0",
 		"@atlaskit/ds-lib": "^5.0.0",
 		"@atlaskit/icon": "^28.1.0",
 		"@atlaskit/layering": "^3.0.0",
-		"@atlaskit/menu": "^8.3.0",
+		"@atlaskit/menu": "^8.4.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.3.0",
-		"@atlaskit/primitives": "^14.12.0",
+		"@atlaskit/primitives": "^14.13.0",
 		"@atlaskit/spinner": "^19.0.0",
 		"@atlaskit/theme": "^20.0.0",
-		"@atlaskit/tokens": "^6.1.0",
+		"@atlaskit/tokens": "^6.2.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
@@ -53,12 +53,12 @@
 		"@atlaskit/avatar": "^25.1.0",
 		"@atlaskit/checkbox": "^17.1.0",
 		"@atlaskit/docs": "^11.0.0",
-		"@atlaskit/form": "^12.2.0",
+		"@atlaskit/form": "^12.4.0",
 		"@atlaskit/heading": "^5.2.0",
 		"@atlaskit/link": "^3.2.0",
 		"@atlaskit/lozenge": "^13.0.0",
 		"@atlaskit/modal-dialog": "^14.3.0",
-		"@atlaskit/section-message": "^8.6.0",
+		"@atlaskit/section-message": "^8.7.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/toggle": "^15.1.0",
 		"@atlassian/feature-flags-test-utils": "^0.3.0",
@@ -90,6 +90,9 @@
 		},
 		"platform_dst_dropdown_radio_default_selected_fix": {
 			"type": "boolean"
+		},
+		"platform-dst-nested-dropdown-menu-role": {
+			"type": "boolean"
 		}
 	},
 	"techstack": {
@@ -123,9 +126,5 @@
 			]
 		}
 	},
-	"af:exports": {
-		".": "./src/index.tsx",
-		"./types": "./src/types.tsx"
-	},
 	"homepage": "https://atlassian.design/components/dropdown-menu/"
 }