@atlaskit/dropdown-menu 11.5.8 → 11.5.9

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/dropdown-menu
 
+## 11.5.9
+
+### Patch Changes
+
+- [`c9b09094bfe`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c9b09094bfe) - Wrap DropdownMenu > MenuWrapper setInitialFocusRef call in useEffect to resolve React console error
+
 ## 11.5.8
 
 ### Patch Changes

package/dist/cjs/internal/components/menu-wrapper.js

@@ -89,7 +89,9 @@ var MenuWrapper = function MenuWrapper(_ref2) {
   (0, _react.useLayoutEffect)(function () {
     onUpdate();
   }, [isLoading, onUpdate]);
-  setInitialFocusRef && setInitialFocusRef(menuItemRefs[0]);
+  (0, _react.useEffect)(function () {
+    setInitialFocusRef === null || setInitialFocusRef === void 0 ? void 0 : setInitialFocusRef(menuItemRefs[0]);
+  }, [menuItemRefs, setInitialFocusRef]);
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     (0, _react2.jsx)(_menuGroup.default, (0, _extends2.default)({
       role: "menu",

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.5.8",
+	"version": "11.5.9",
 	"sideEffects": false
 }

package/dist/es2019/internal/components/menu-wrapper.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 
 /** @jsx jsx */
-import { useContext, useLayoutEffect } from 'react';
+import { useContext, useEffect, useLayoutEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import MenuGroup from '@atlaskit/menu/menu-group';
 import Spinner from '@atlaskit/spinner';
@@ -68,7 +68,9 @@ const MenuWrapper = ({
   useLayoutEffect(() => {
     onUpdate();
   }, [isLoading, onUpdate]);
-  setInitialFocusRef && setInitialFocusRef(menuItemRefs[0]);
+  useEffect(() => {
+    setInitialFocusRef === null || setInitialFocusRef === void 0 ? void 0 : setInitialFocusRef(menuItemRefs[0]);
+  }, [menuItemRefs, setInitialFocusRef]);
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     jsx(MenuGroup, _extends({
       role: "menu",

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.5.8",
+	"version": "11.5.9",
 	"sideEffects": false
 }

package/dist/esm/internal/components/menu-wrapper.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["onClose", "onUpdate", "isLoading", "statusLabel", "setInitialFocusRef", "children"];
 
 /** @jsx jsx */
-import { useContext, useLayoutEffect } from 'react';
+import { useContext, useEffect, useLayoutEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import MenuGroup from '@atlaskit/menu/menu-group';
 import Spinner from '@atlaskit/spinner';
@@ -72,7 +72,9 @@ var MenuWrapper = function MenuWrapper(_ref2) {
   useLayoutEffect(function () {
     onUpdate();
   }, [isLoading, onUpdate]);
-  setInitialFocusRef && setInitialFocusRef(menuItemRefs[0]);
+  useEffect(function () {
+    setInitialFocusRef === null || setInitialFocusRef === void 0 ? void 0 : setInitialFocusRef(menuItemRefs[0]);
+  }, [menuItemRefs, setInitialFocusRef]);
   return (// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     jsx(MenuGroup, _extends({
       role: "menu",

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "11.5.8",
+	"version": "11.5.9",
 	"sideEffects": false
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/dropdown-menu",
-  "version": "11.5.8",
+  "version": "11.5.9",
   "description": "A dropdown menu displays a list of actions or options to a user.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -47,7 +47,7 @@
     "@atlaskit/docs": "*",
     "@atlaskit/ds-explorations": "^1.6.0",
     "@atlaskit/heading": "^1.0.0",
-    "@atlaskit/lozenge": "11.3.4",
+    "@atlaskit/lozenge": "11.3.5",
     "@atlaskit/modal-dialog": "^12.4.0",
     "@atlaskit/section-message": "^6.3.0",
     "@atlaskit/ssr": "*",

package/report.api.md

@@ -1,4 +1,4 @@
-<!-- API Report Version: 2.2 -->
+<!-- API Report Version: 2.3 -->
 
 ## API Report File for "@atlaskit/dropdown-menu"
 
@@ -18,7 +18,6 @@
 
 import type { CustomItemProps } from '@atlaskit/menu/types';
 import { default as DropdownItemGroup } from '@atlaskit/menu/section';
-import { jsx } from '@emotion/react';
 import { KeyboardEvent as KeyboardEvent_2 } from 'react';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { ReactElement } from 'react';
@@ -124,7 +123,7 @@ interface DropdownItemRadioProps {
 // @public
 const DropdownMenu: <T extends HTMLElement = HTMLElement>(
   props: DropdownMenuProps<T>,
-) => jsx.JSX.Element;
+) => JSX.Element;
 export default DropdownMenu;
 
 // @public (undocumented)