@atlaskit/dropdown-menu 12.22.0 → 12.22.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/dropdown-menu
 
+## 12.22.2
+
+### Patch Changes
+
+- Updated dependencies
+
+## 12.22.1
+
+### Patch Changes
+
+- [#161638](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/161638)
+  [`d2e5e5ce0053d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d2e5e5ce0053d) -
+  Use new API of layering without UNSAFE prefix
+
 ## 12.22.0
 
 ### Minor Changes

package/dist/cjs/internal/components/focus-manager.js

@@ -64,9 +64,8 @@ var FocusManager = function FocusManager(_ref) {
   },
   // Updating register ref on force reload will cause `useRegisterItemWithFocusManager` to re-register
   [refresh]);
-  var _UNSAFE_useLayering = (0, _layering.UNSAFE_useLayering)(),
-    isLayerDisabled = _UNSAFE_useLayering.isLayerDisabled;
-
+  var _useLayering = (0, _layering.useLayering)(),
+    isLayerDisabled = _useLayering.isLayerDisabled;
   // Intentionally rebinding on each render
   (0, _react.useEffect)(function () {
     if (registerMode.current === 'ordered') {

package/dist/es2019/internal/components/focus-manager.js

@@ -1,7 +1,7 @@
 import React, { createContext, useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import __noop from '@atlaskit/ds-lib/noop';
-import { UNSAFE_useLayering } from '@atlaskit/layering';
+import { useLayering } from '@atlaskit/layering';
 import handleFocus from '../utils/handle-focus';
 
 /**
@@ -54,8 +54,7 @@ const FocusManager = ({
   [refresh]);
   const {
     isLayerDisabled
-  } = UNSAFE_useLayering();
-
+  } = useLayering();
   // Intentionally rebinding on each render
   useEffect(() => {
     if (registerMode.current === 'ordered') {

package/dist/esm/internal/components/focus-manager.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { createContext, useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
 import __noop from '@atlaskit/ds-lib/noop';
-import { UNSAFE_useLayering } from '@atlaskit/layering';
+import { useLayering } from '@atlaskit/layering';
 import handleFocus from '../utils/handle-focus';
 
 /**
@@ -55,9 +55,8 @@ var FocusManager = function FocusManager(_ref) {
   },
   // Updating register ref on force reload will cause `useRegisterItemWithFocusManager` to re-register
   [refresh]);
-  var _UNSAFE_useLayering = UNSAFE_useLayering(),
-    isLayerDisabled = _UNSAFE_useLayering.isLayerDisabled;
-
+  var _useLayering = useLayering(),
+    isLayerDisabled = _useLayering.isLayerDisabled;
   // Intentionally rebinding on each render
   useEffect(function () {
     if (registerMode.current === 'ordered') {

package/dist/types/types.d.ts

@@ -134,6 +134,8 @@ interface InternalDropdownMenuProps<TriggerElement extends HTMLElement = any> {
     /**
      * Controls the initial open state of the dropdown. If provided, the component is considered to be controlled
      * which means that the user is responsible for managing the open and close state of the menu.
+     * Using `defaultOpen` may cause accessiblity issues because it will automatically shift focus to the first menu item; which can be disorienting.
+     * Only use this if action on the menu is required to proceed.
      */
     defaultOpen?: boolean;
     /**

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

@@ -134,6 +134,8 @@ interface InternalDropdownMenuProps<TriggerElement extends HTMLElement = any> {
     /**
      * Controls the initial open state of the dropdown. If provided, the component is considered to be controlled
      * which means that the user is responsible for managing the open and close state of the menu.
+     * Using `defaultOpen` may cause accessiblity issues because it will automatically shift focus to the first menu item; which can be disorienting.
+     * Only use this if action on the menu is required to proceed.
      */
     defaultOpen?: boolean;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "12.22.0",
+	"version": "12.22.2",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -25,16 +25,16 @@
 	"dependencies": {
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
-		"@atlaskit/ds-lib": "^3.1.0",
+		"@atlaskit/ds-lib": "^3.2.0",
 		"@atlaskit/icon": "^22.24.0",
-		"@atlaskit/layering": "^0.7.0",
+		"@atlaskit/layering": "^0.8.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
 		"@atlaskit/popup": "^1.29.0",
-		"@atlaskit/primitives": "^13.0.0",
+		"@atlaskit/primitives": "^13.2.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/theme": "^14.0.0",
-		"@atlaskit/tokens": "^2.0.0",
+		"@atlaskit/tokens": "^2.2.0",
 		"@babel/runtime": "^7.0.0",
 		"@emotion/react": "^11.7.1",
 		"bind-event-listener": "^3.0.0"
@@ -60,7 +60,7 @@
 		"jscodeshift": "^0.13.0",
 		"raf-stub": "^2.0.1",
 		"react-dom": "^16.8.0",
-		"storybook-addon-performance": "^0.16.0",
+		"storybook-addon-performance": "^0.17.3",
 		"tiny-invariant": "^1.2.0",
 		"typescript": "~5.4.2"
 	},