@atlaskit/dropdown-menu 16.8.5 → 16.8.7

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @atlaskit/dropdown-menu
 
+## 16.8.7
+
+### Patch Changes
+
+- Updated dependencies
+
+## 16.8.6
+
+### Patch Changes
+
+- [`02483200273ec`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/02483200273ec) -
+  Enrol all Design System UI packages into the React Compiler with platform gating via
+  isReactCompilerActivePlatform.
+- Updated dependencies
+
 ## 16.8.5
 
 ### Patch Changes

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

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FocusManagerContext = void 0;
+var _react = require("react");
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+/**
+ * __Focus manager context__
+ *
+ * A context that stores dropdown menu item refs and provides a way to register
+ * them for focus management within the dropdown menu.
+ */
+var FocusManagerContext = exports.FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
+  menuItemRefs: [],
+  registerRef: _noop.default
+});

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

@@ -5,27 +5,14 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.FocusManagerContext = void 0;
+exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _bindEventListener = require("bind-event-listener");
-var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
 var _layering = require("@atlaskit/layering");
 var _handleFocus = _interopRequireDefault(require("../utils/handle-focus"));
+var _focusManagerContext = require("./focus-manager-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- *
- *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navigation of the menu.
- *
- */
-var FocusManagerContext = exports.FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
-  menuItemRefs: [],
-  registerRef: _noop.default
-});
-
 /**
  * Focus manager logic.
  */
@@ -85,7 +72,7 @@ var FocusManager = function FocusManager(_ref) {
     menuItemRefs: menuItemRefs.current,
     registerRef: registerRef
   };
-  return /*#__PURE__*/_react.default.createElement(FocusManagerContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_focusManagerContext.FocusManagerContext.Provider, {
     value: contextValue
   }, children);
 };

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

@@ -17,7 +17,7 @@ var _compiled = require("@atlaskit/primitives/compiled");
 var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
 var _isCheckboxItem = _interopRequireDefault(require("../utils/is-checkbox-item"));
 var _isRadioItem = _interopRequireDefault(require("../utils/is-radio-item"));
-var _focusManager = require("./focus-manager");
+var _focusManagerContext = require("./focus-manager-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var styles = {
   spinnerContainer: "_1e0c1txw _1ul91lit _1bah1h6o _1q51v47k _y4tiv47k _85i5v47k _bozgv47k"
@@ -57,7 +57,7 @@ var MenuWrapper = function MenuWrapper(_ref2) {
     isTriggeredUsingKeyboard = _ref2.isTriggeredUsingKeyboard,
     autoFocus = _ref2.autoFocus,
     menuLabel = _ref2.menuLabel;
-  var _useContext = (0, _react.useContext)(_focusManager.FocusManagerContext),
+  var _useContext = (0, _react.useContext)(_focusManagerContext.FocusManagerContext),
     menuItemRefs = _useContext.menuItemRefs;
   var closeOnMenuItemClick = function closeOnMenuItemClick(e) {
     var isTargetMenuItemOrDescendant = menuItemRefs.some(function (menuItemRef) {

package/dist/cjs/internal/context/selection-store-context.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectionStoreContext = void 0;
+var _react = require("react");
+var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+/**
+ * __Selection store context__
+ *
+ * A context that stores the selection state of the dropdown menu items.
+ */
+var SelectionStoreContext = exports.SelectionStoreContext = /*#__PURE__*/(0, _react.createContext)({
+  setItemState: _noop.default,
+  getItemState: function getItemState() {
+    return undefined;
+  },
+  setGroupState: _noop.default,
+  getGroupState: function getGroupState() {
+    return {};
+  }
+});

package/dist/cjs/internal/context/selection-store.js

@@ -1,30 +1,13 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.SelectionStoreContext = void 0;
+exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
+var _selectionStoreContext = require("./selection-store-context");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-/**
- *
- * SelectionStoreContext maintains the state of the selected items
- * and getter setters.
- *
- */
-var SelectionStoreContext = exports.SelectionStoreContext = /*#__PURE__*/(0, _react.createContext)({
-  setItemState: _noop.default,
-  getItemState: function getItemState() {
-    return undefined;
-  },
-  setGroupState: _noop.default,
-  getGroupState: function getGroupState() {
-    return {};
-  }
-});
 /**
  * Selection store will persist data as long as it remains mounted.
  * It handles the uncontrolled story for dropdown menu when the menu
@@ -55,7 +38,7 @@ var SelectionStore = function SelectionStore(props) {
       }
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement(SelectionStoreContext.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_selectionStoreContext.SelectionStoreContext.Provider, {
     value: context
   }, children);
 };

package/dist/cjs/internal/hooks/use-checkbox-state.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _checkboxGroupContext = require("../context/checkbox-group-context");
-var _selectionStore = require("../context/selection-store");
+var _selectionStoreContext = require("../context/selection-store-context");
 /**
  * Custom hook to handle checkbox state for dropdown menu.
  * It works in tandem with the selection store context when the
@@ -18,7 +18,7 @@ var useCheckboxState = function useCheckboxState(_ref) {
   var isSelected = _ref.isSelected,
     id = _ref.id,
     defaultSelected = _ref.defaultSelected;
-  var _useContext = (0, _react.useContext)(_selectionStore.SelectionStoreContext),
+  var _useContext = (0, _react.useContext)(_selectionStoreContext.SelectionStoreContext),
     setItemState = _useContext.setItemState,
     getItemState = _useContext.getItemState;
   var groupId = (0, _react.useContext)(_checkboxGroupContext.CheckboxGroupContext);

package/dist/cjs/internal/hooks/use-radio-state.js

@@ -9,14 +9,14 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _radioGroupContext = require("../../radio/radio-group-context");
-var _selectionStore = require("../context/selection-store");
+var _selectionStoreContext = require("../context/selection-store-context");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function useRadioState(_ref) {
   var id = _ref.id,
     isSelected = _ref.isSelected,
     defaultSelected = _ref.defaultSelected;
-  var _useContext = (0, _react.useContext)(_selectionStore.SelectionStoreContext),
+  var _useContext = (0, _react.useContext)(_selectionStoreContext.SelectionStoreContext),
     setGroupState = _useContext.setGroupState,
     getGroupState = _useContext.getGroupState;
   var _useContext2 = (0, _react.useContext)(_radioGroupContext.RadioGroupContext),

package/dist/cjs/internal/hooks/use-register-item-with-focus-manager.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
-var _focusManager = require("../components/focus-manager");
+var _focusManagerContext = require("../components/focus-manager-context");
 // eslint-disable-next-line sort-imports
 
 // This function is called whenever a MenuItem mounts.
@@ -14,7 +14,7 @@ var _focusManager = require("../components/focus-manager");
 // control focus on a user navigates using the keyboard.
 function useRegisterItemWithFocusManager() {
   var hasPopup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var _useContext = (0, _react.useContext)(_focusManager.FocusManagerContext),
+  var _useContext = (0, _react.useContext)(_focusManagerContext.FocusManagerContext),
     registerRef = _useContext.registerRef;
   var itemRef = (0, _react.useRef)(null);
   (0, _react.useEffect)(function () {

package/dist/cjs/radio/dropdown-item-radio-group.js

@@ -14,7 +14,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _useId = require("@atlaskit/ds-lib/use-id");
 var _menu = require("@atlaskit/menu");
 var _groupTitle = _interopRequireDefault(require("../internal/components/group-title"));
-var _selectionStore = require("../internal/context/selection-store");
+var _selectionStoreContext = require("../internal/context/selection-store-context");
 var _resetOptionsInGroup = _interopRequireDefault(require("../internal/utils/reset-options-in-group"));
 var _radioGroupContext = require("./radio-group-context");
 var _excluded = ["children", "hasSeparator", "id", "isList", "isScrollable", "testId", "title"];
@@ -36,7 +36,7 @@ var DropdownItemRadioGroup = function DropdownItemRadioGroup(_ref) {
     testId = _ref.testId,
     title = _ref.title,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useContext = (0, _react.useContext)(_selectionStore.SelectionStoreContext),
+  var _useContext = (0, _react.useContext)(_selectionStoreContext.SelectionStoreContext),
     setGroupState = _useContext.setGroupState,
     getGroupState = _useContext.getGroupState;
   var uid = (0, _useId.useId)();

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

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+import __noop from '@atlaskit/ds-lib/noop';
+/**
+ * __Focus manager context__
+ *
+ * A context that stores dropdown menu item refs and provides a way to register
+ * them for focus management within the dropdown menu.
+ */
+export const FocusManagerContext = /*#__PURE__*/createContext({
+  menuItemRefs: [],
+  registerRef: __noop
+});

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

@@ -1,21 +1,8 @@
-import React, { createContext, useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
-import __noop from '@atlaskit/ds-lib/noop';
 import { useLayering } from '@atlaskit/layering';
 import handleFocus from '../utils/handle-focus';
-
-/**
- *
- *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navigation of the menu.
- *
- */
-export const FocusManagerContext = /*#__PURE__*/createContext({
-  menuItemRefs: [],
-  registerRef: __noop
-});
+import { FocusManagerContext } from './focus-manager-context';
 
 /**
  * Focus manager logic.

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

@@ -9,7 +9,7 @@ import { Box } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import isCheckboxItem from '../utils/is-checkbox-item';
 import isRadioItem from '../utils/is-radio-item';
-import { FocusManagerContext } from './focus-manager';
+import { FocusManagerContext } from './focus-manager-context';
 const styles = {
   spinnerContainer: "_1e0c1txw _1ul91lit _1bah1h6o _1q51v47k _y4tiv47k _85i5v47k _bozgv47k"
 };

package/dist/es2019/internal/context/selection-store-context.js

@@ -0,0 +1,13 @@
+import { createContext } from 'react';
+import noop from '@atlaskit/ds-lib/noop';
+/**
+ * __Selection store context__
+ *
+ * A context that stores the selection state of the dropdown menu items.
+ */
+export const SelectionStoreContext = /*#__PURE__*/createContext({
+  setItemState: noop,
+  getItemState: () => undefined,
+  setGroupState: noop,
+  getGroupState: () => ({})
+});

package/dist/es2019/internal/context/selection-store.js

@@ -1,17 +1,5 @@
-import React, { createContext, useMemo, useRef } from 'react';
-import noop from '@atlaskit/ds-lib/noop';
-/**
- *
- * SelectionStoreContext maintains the state of the selected items
- * and getter setters.
- *
- */
-export const SelectionStoreContext = /*#__PURE__*/createContext({
-  setItemState: noop,
-  getItemState: () => undefined,
-  setGroupState: noop,
-  getGroupState: () => ({})
-});
+import React, { useMemo, useRef } from 'react';
+import { SelectionStoreContext } from './selection-store-context';
 /**
  * Selection store will persist data as long as it remains mounted.
  * It handles the uncontrolled story for dropdown menu when the menu

package/dist/es2019/internal/hooks/use-checkbox-state.js

@@ -1,6 +1,6 @@
 import { useCallback, useContext, useState } from 'react';
 import { CheckboxGroupContext } from '../context/checkbox-group-context';
-import { SelectionStoreContext } from '../context/selection-store';
+import { SelectionStoreContext } from '../context/selection-store-context';
 /**
  * Custom hook to handle checkbox state for dropdown menu.
  * It works in tandem with the selection store context when the

package/dist/es2019/internal/hooks/use-radio-state.js

@@ -1,6 +1,6 @@
 import { useCallback, useContext, useEffect, useState } from 'react';
 import { RadioGroupContext } from '../../radio/radio-group-context';
-import { SelectionStoreContext } from '../context/selection-store';
+import { SelectionStoreContext } from '../context/selection-store-context';
 function useRadioState({
   id,
   isSelected,

package/dist/es2019/internal/hooks/use-register-item-with-focus-manager.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line sort-imports
 import { useContext, useEffect, useRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { FocusManagerContext } from '../components/focus-manager';
+import { FocusManagerContext } from '../components/focus-manager-context';
 // This function is called whenever a MenuItem mounts.
 // The refs stored in the context are used to programmatically
 // control focus on a user navigates using the keyboard.

package/dist/es2019/radio/dropdown-item-radio-group.js

@@ -3,7 +3,7 @@ import React, { useContext, useState } from 'react';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { Section } from '@atlaskit/menu';
 import GroupTitle from '../internal/components/group-title';
-import { SelectionStoreContext } from '../internal/context/selection-store';
+import { SelectionStoreContext } from '../internal/context/selection-store-context';
 import resetOptionsInGroup from '../internal/utils/reset-options-in-group';
 import { RadioGroupContext } from './radio-group-context';
 /**

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

@@ -0,0 +1,12 @@
+import { createContext } from 'react';
+import __noop from '@atlaskit/ds-lib/noop';
+/**
+ * __Focus manager context__
+ *
+ * A context that stores dropdown menu item refs and provides a way to register
+ * them for focus management within the dropdown menu.
+ */
+export var FocusManagerContext = /*#__PURE__*/createContext({
+  menuItemRefs: [],
+  registerRef: __noop
+});

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

@@ -1,22 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { createContext, useCallback, useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { bind } from 'bind-event-listener';
-import __noop from '@atlaskit/ds-lib/noop';
 import { useLayering } from '@atlaskit/layering';
 import handleFocus from '../utils/handle-focus';
-
-/**
- *
- *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navigation of the menu.
- *
- */
-export var FocusManagerContext = /*#__PURE__*/createContext({
-  menuItemRefs: [],
-  registerRef: __noop
-});
+import { FocusManagerContext } from './focus-manager-context';
 
 /**
  * Focus manager logic.

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

@@ -9,7 +9,7 @@ import { Box } from '@atlaskit/primitives/compiled';
 import Spinner from '@atlaskit/spinner';
 import isCheckboxItem from '../utils/is-checkbox-item';
 import isRadioItem from '../utils/is-radio-item';
-import { FocusManagerContext } from './focus-manager';
+import { FocusManagerContext } from './focus-manager-context';
 var styles = {
   spinnerContainer: "_1e0c1txw _1ul91lit _1bah1h6o _1q51v47k _y4tiv47k _85i5v47k _bozgv47k"
 };

package/dist/esm/internal/context/selection-store-context.js

@@ -0,0 +1,17 @@
+import { createContext } from 'react';
+import noop from '@atlaskit/ds-lib/noop';
+/**
+ * __Selection store context__
+ *
+ * A context that stores the selection state of the dropdown menu items.
+ */
+export var SelectionStoreContext = /*#__PURE__*/createContext({
+  setItemState: noop,
+  getItemState: function getItemState() {
+    return undefined;
+  },
+  setGroupState: noop,
+  getGroupState: function getGroupState() {
+    return {};
+  }
+});

package/dist/esm/internal/context/selection-store.js

@@ -1,21 +1,5 @@
-import React, { createContext, useMemo, useRef } from 'react';
-import noop from '@atlaskit/ds-lib/noop';
-/**
- *
- * SelectionStoreContext maintains the state of the selected items
- * and getter setters.
- *
- */
-export var SelectionStoreContext = /*#__PURE__*/createContext({
-  setItemState: noop,
-  getItemState: function getItemState() {
-    return undefined;
-  },
-  setGroupState: noop,
-  getGroupState: function getGroupState() {
-    return {};
-  }
-});
+import React, { useMemo, useRef } from 'react';
+import { SelectionStoreContext } from './selection-store-context';
 /**
  * Selection store will persist data as long as it remains mounted.
  * It handles the uncontrolled story for dropdown menu when the menu

package/dist/esm/internal/hooks/use-checkbox-state.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useCallback, useContext, useState } from 'react';
 import { CheckboxGroupContext } from '../context/checkbox-group-context';
-import { SelectionStoreContext } from '../context/selection-store';
+import { SelectionStoreContext } from '../context/selection-store-context';
 /**
  * Custom hook to handle checkbox state for dropdown menu.
  * It works in tandem with the selection store context when the

package/dist/esm/internal/hooks/use-radio-state.js

@@ -4,7 +4,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { useCallback, useContext, useEffect, useState } from 'react';
 import { RadioGroupContext } from '../../radio/radio-group-context';
-import { SelectionStoreContext } from '../context/selection-store';
+import { SelectionStoreContext } from '../context/selection-store-context';
 function useRadioState(_ref) {
   var id = _ref.id,
     isSelected = _ref.isSelected,

package/dist/esm/internal/hooks/use-register-item-with-focus-manager.js

@@ -1,7 +1,7 @@
 // eslint-disable-next-line sort-imports
 import { useContext, useEffect, useRef } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { FocusManagerContext } from '../components/focus-manager';
+import { FocusManagerContext } from '../components/focus-manager-context';
 // This function is called whenever a MenuItem mounts.
 // The refs stored in the context are used to programmatically
 // control focus on a user navigates using the keyboard.

package/dist/esm/radio/dropdown-item-radio-group.js

@@ -9,7 +9,7 @@ import React, { useContext, useState } from 'react';
 import { useId } from '@atlaskit/ds-lib/use-id';
 import { Section } from '@atlaskit/menu';
 import GroupTitle from '../internal/components/group-title';
-import { SelectionStoreContext } from '../internal/context/selection-store';
+import { SelectionStoreContext } from '../internal/context/selection-store-context';
 import resetOptionsInGroup from '../internal/utils/reset-options-in-group';
 import { RadioGroupContext } from './radio-group-context';
 /**

package/dist/types/internal/components/focus-manager-context.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FocusableElementRef } from '../../types';
+/**
+ * __Focus manager context__
+ *
+ * A context that stores dropdown menu item refs and provides a way to register
+ * them for focus management within the dropdown menu.
+ */
+export declare const FocusManagerContext: React.Context<{
+    menuItemRefs: FocusableElementRef[];
+    registerRef(ref: FocusableElementRef): void;
+}>;

package/dist/types/internal/components/focus-manager.d.ts

@@ -1,17 +1,4 @@
-import React, { type FC, type ReactNode } from 'react';
-import { type FocusableElementRef } from '../../types';
-/**
- *
- *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navigation of the menu.
- *
- */
-export declare const FocusManagerContext: React.Context<{
-    menuItemRefs: FocusableElementRef[];
-    registerRef(ref: FocusableElementRef): void;
-}>;
+import { type FC, type ReactNode } from 'react';
 /**
  * Focus manager logic.
  */

package/dist/types/internal/context/selection-store-context.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type OptionsInGroup = {
+    [key: string]: boolean | undefined;
+};
+export type SelectionStoreContextProps = {
+    setItemState: (group: string, id: string, value: boolean | undefined) => void;
+    getItemState: (group: string, id: string) => boolean | undefined;
+    setGroupState: (group: string, value: OptionsInGroup) => void;
+    getGroupState: (group: string) => OptionsInGroup;
+};
+/**
+ * __Selection store context__
+ *
+ * A context that stores the selection state of the dropdown menu items.
+ */
+export declare const SelectionStoreContext: React.Context<SelectionStoreContextProps>;

package/dist/types/internal/context/selection-store.d.ts

@@ -1,20 +1,4 @@
 import React from 'react';
-type OptionsInGroup = {
-    [key: string]: boolean | undefined;
-};
-type SelectionStoreContextProps = {
-    setItemState: (group: string, id: string, value: boolean | undefined) => void;
-    getItemState: (group: string, id: string) => boolean | undefined;
-    setGroupState: (group: string, value: OptionsInGroup) => void;
-    getGroupState: (group: string) => OptionsInGroup;
-};
-/**
- *
- * SelectionStoreContext maintains the state of the selected items
- * and getter setters.
- *
- */
-export declare const SelectionStoreContext: React.Context<SelectionStoreContextProps>;
 type SelectionStoreProps = {
     children: React.ReactNode;
 };

package/dist/types-ts4.5/internal/components/focus-manager-context.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { type FocusableElementRef } from '../../types';
+/**
+ * __Focus manager context__
+ *
+ * A context that stores dropdown menu item refs and provides a way to register
+ * them for focus management within the dropdown menu.
+ */
+export declare const FocusManagerContext: React.Context<{
+    menuItemRefs: FocusableElementRef[];
+    registerRef(ref: FocusableElementRef): void;
+}>;

package/dist/types-ts4.5/internal/components/focus-manager.d.ts

@@ -1,17 +1,4 @@
-import React, { type FC, type ReactNode } from 'react';
-import { type FocusableElementRef } from '../../types';
-/**
- *
- *
- * Context provider which maintains the list of focusable elements and a method to
- * register new menu items.
- * This list drives the keyboard navigation of the menu.
- *
- */
-export declare const FocusManagerContext: React.Context<{
-    menuItemRefs: FocusableElementRef[];
-    registerRef(ref: FocusableElementRef): void;
-}>;
+import { type FC, type ReactNode } from 'react';
 /**
  * Focus manager logic.
  */

package/dist/types-ts4.5/internal/context/selection-store-context.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export type OptionsInGroup = {
+    [key: string]: boolean | undefined;
+};
+export type SelectionStoreContextProps = {
+    setItemState: (group: string, id: string, value: boolean | undefined) => void;
+    getItemState: (group: string, id: string) => boolean | undefined;
+    setGroupState: (group: string, value: OptionsInGroup) => void;
+    getGroupState: (group: string) => OptionsInGroup;
+};
+/**
+ * __Selection store context__
+ *
+ * A context that stores the selection state of the dropdown menu items.
+ */
+export declare const SelectionStoreContext: React.Context<SelectionStoreContextProps>;

package/dist/types-ts4.5/internal/context/selection-store.d.ts

@@ -1,20 +1,4 @@
 import React from 'react';
-type OptionsInGroup = {
-    [key: string]: boolean | undefined;
-};
-type SelectionStoreContextProps = {
-    setItemState: (group: string, id: string, value: boolean | undefined) => void;
-    getItemState: (group: string, id: string) => boolean | undefined;
-    setGroupState: (group: string, value: OptionsInGroup) => void;
-    getGroupState: (group: string) => OptionsInGroup;
-};
-/**
- *
- * SelectionStoreContext maintains the state of the selected items
- * and getter setters.
- *
- */
-export declare const SelectionStoreContext: React.Context<SelectionStoreContextProps>;
 type SelectionStoreProps = {
     children: React.ReactNode;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "16.8.5",
+	"version": "16.8.7",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -17,6 +17,13 @@
 	],
 	"atlaskit:src": "src/index.tsx",
 	"atlassian": {
+		"react-compiler": {
+			"enabled": true,
+			"gating": {
+				"source": "@atlassian/react-compiler-gating",
+				"importSpecifierName": "isReactCompilerActivePlatform"
+			}
+		},
 		"team": "Design System Team",
 		"website": {
 			"name": "Dropdown menu",
@@ -24,7 +31,7 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/button": "^23.10.0",
+		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^6.0.0",
 		"@atlaskit/icon": "^34.0.0",
@@ -33,8 +40,8 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/popup": "^4.16.0",
 		"@atlaskit/primitives": "^18.1.0",
-		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/theme": "^22.0.0",
+		"@atlaskit/spinner": "^19.1.0",
+		"@atlaskit/theme": "^23.0.0",
 		"@atlaskit/tokens": "^11.4.0",
 		"@atlaskit/visually-hidden": "^3.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -54,15 +61,16 @@
 		"@atlaskit/checkbox": "^17.3.0",
 		"@atlaskit/docs": "^11.7.0",
 		"@atlaskit/form": "^15.5.0",
-		"@atlaskit/heading": "^5.3.0",
-		"@atlaskit/link": "^3.3.0",
+		"@atlaskit/heading": "^5.4.0",
+		"@atlaskit/link": "^3.4.0",
 		"@atlaskit/lozenge": "^13.5.0",
 		"@atlaskit/modal-dialog": "^14.14.0",
 		"@atlaskit/section-message": "^8.12.0",
-		"@atlaskit/textfield": "^8.2.0",
-		"@atlaskit/toggle": "^15.2.0",
+		"@atlaskit/textfield": "^8.3.0",
+		"@atlaskit/toggle": "^15.3.0",
 		"@atlassian/a11y-jest-testing": "^0.11.0",
 		"@atlassian/feature-flags-test-utils": "^1.0.0",
+		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",
 		"@testing-library/react": "^16.3.0",
 		"@testing-library/user-event": "^14.4.3",