@atlaskit/dropdown-menu 11.5.10 → 11.5.11

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

@@ -1,7 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["onClose", "onUpdate", "isLoading", "statusLabel", "setInitialFocusRef", "children"];
-
 /** @jsx jsx */
 import { useContext, useEffect, useLayoutEffect } from 'react';
 import { css, jsx } from '@emotion/react';
@@ -14,14 +13,14 @@ import isRadioItem from '../utils/is-radio-item';
 var spinnerContainerStyles = css({
   display: 'flex',
   minWidth: '160px',
-  padding: "var(--ds-scale-250, 20px)",
+  padding: "var(--ds-space-250, 20px)",
   justifyContent: 'center'
 });
-
 var LoadingIndicator = function LoadingIndicator(_ref) {
   var _ref$statusLabel = _ref.statusLabel,
-      statusLabel = _ref$statusLabel === void 0 ? 'Loading' : _ref$statusLabel;
-  return (// eslint-disable-next-line @repo/internal/react/use-primitives
+    statusLabel = _ref$statusLabel === void 0 ? 'Loading' : _ref$statusLabel;
+  return (
+    // eslint-disable-next-line @repo/internal/react/use-primitives
     jsx("div", {
       css: spinnerContainerStyles
     }, jsx(Spinner, {
@@ -38,44 +37,42 @@ var LoadingIndicator = function LoadingIndicator(_ref) {
  * if a CheckboxItem or RadioItem is clicked.
  * It also sets focus to the first menu item when opened.
  */
-
-
 var MenuWrapper = function MenuWrapper(_ref2) {
   var onClose = _ref2.onClose,
-      onUpdate = _ref2.onUpdate,
-      isLoading = _ref2.isLoading,
-      statusLabel = _ref2.statusLabel,
-      setInitialFocusRef = _ref2.setInitialFocusRef,
-      children = _ref2.children,
-      props = _objectWithoutProperties(_ref2, _excluded);
-
+    onUpdate = _ref2.onUpdate,
+    isLoading = _ref2.isLoading,
+    statusLabel = _ref2.statusLabel,
+    setInitialFocusRef = _ref2.setInitialFocusRef,
+    children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded);
   var _useContext = useContext(FocusManagerContext),
-      menuItemRefs = _useContext.menuItemRefs;
-
+    menuItemRefs = _useContext.menuItemRefs;
   var closeOnMenuItemClick = function closeOnMenuItemClick(e) {
     var isTargetMenuItemOrDecendant = menuItemRefs.some(function (menuItem) {
       var isCheckboxOrRadio = isCheckboxItem(menuItem) || isRadioItem(menuItem);
       return menuItem.contains(e.target) && !isCheckboxOrRadio;
-    }); // Close menu if the click is triggered from a MenuItem or
+    });
+
+    // Close menu if the click is triggered from a MenuItem or
     // its descendant. Don't close the menu if the click is triggered
     // from a MenuItemRadio or MenuItemCheckbox so that the user can
     // select multiple items.
-
     if (isTargetMenuItemOrDecendant && onClose) {
       onClose(e);
     }
-  }; // Using useEffect here causes a flicker.
+  };
+
+  // Using useEffect here causes a flicker.
   // useLayoutEffect ensures that the update and render happen in the same
   // rAF tick.
-
-
   useLayoutEffect(function () {
     onUpdate();
   }, [isLoading, onUpdate]);
   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
+  return (
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
     jsx(MenuGroup, _extends({
       role: "menu",
       onClick: closeOnMenuItemClick
@@ -84,5 +81,4 @@ var MenuWrapper = function MenuWrapper(_ref2) {
     }) : children)
   );
 };
-
 export default MenuWrapper;

package/dist/esm/internal/context/checkbox-group-context.js

@@ -1,6 +1,6 @@
 import { createContext } from 'react';
+
 /**
  * Holds the unique identifier for the checkbox group.
  */
-
 export var CheckboxGroupContext = /*#__PURE__*/createContext('');

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

@@ -1,6 +1,5 @@
 import React, { createContext, useMemo, useRef } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
-
 /**
  *
  * SelectionStoreContext maintains the state of the selected items
@@ -17,7 +16,6 @@ export var SelectionStoreContext = /*#__PURE__*/createContext({
     return {};
   }
 });
-
 /**
  * Selection store will persist data as long as it remains mounted.
  * It handles the uncontrolled story for dropdown menu when the menu
@@ -32,14 +30,12 @@ var SelectionStore = function SelectionStore(props) {
         if (!store.current[group]) {
           store.current[group] = {};
         }
-
         store.current[group][id] = value;
       },
       getItemState: function getItemState(group, id) {
         if (!store.current[group]) {
           return undefined;
         }
-
         return store.current[group][id];
       },
       setGroupState: function setGroupState(group, value) {
@@ -54,5 +50,4 @@ var SelectionStore = function SelectionStore(props) {
     value: context
   }, children);
 };
-
 export default SelectionStore;

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

@@ -2,7 +2,6 @@ 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';
-
 /**
  * Custom hook to handle checkbox state for dropdown menu.
  * It works in tandem with the selection store context when the
@@ -10,46 +9,43 @@ import { SelectionStoreContext } from '../context/selection-store';
  */
 var useCheckboxState = function useCheckboxState(_ref) {
   var isSelected = _ref.isSelected,
-      id = _ref.id,
-      defaultSelected = _ref.defaultSelected;
-
+    id = _ref.id,
+    defaultSelected = _ref.defaultSelected;
   var _useContext = useContext(SelectionStoreContext),
-      setItemState = _useContext.setItemState,
-      getItemState = _useContext.getItemState;
-
+    setItemState = _useContext.setItemState,
+    getItemState = _useContext.getItemState;
   var groupId = useContext(CheckboxGroupContext);
   var persistedIsSelected = getItemState(groupId, id);
-
-  var _useState = useState( // Initial state is set depending on value being defined or not.
-  // This state is only utilised if the checkbox is uncontrolled.
-  function () {
-    return persistedIsSelected !== undefined ? persistedIsSelected : defaultSelected || false;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      localIsSelected = _useState2[0],
-      setLocalIsSelected = _useState2[1];
-
+  var _useState = useState(
+    // Initial state is set depending on value being defined or not.
+    // This state is only utilised if the checkbox is uncontrolled.
+    function () {
+      return persistedIsSelected !== undefined ? persistedIsSelected : defaultSelected || false;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    localIsSelected = _useState2[0],
+    setLocalIsSelected = _useState2[1];
   var setLocalState = useCallback(function (newValue) {
     var nextValue = newValue(persistedIsSelected);
     setLocalIsSelected(nextValue);
     setItemState(groupId, id, nextValue);
-  }, [setItemState, persistedIsSelected, groupId, id]); // Checkbox is controlled - do nothing!
+  }, [setItemState, persistedIsSelected, groupId, id]);
 
+  // Checkbox is controlled - do nothing!
   if (typeof isSelected === 'boolean') {
     return [isSelected, function () {
       return false;
     }];
-  } // Checkbox is going through its first render pass!
-
+  }
 
+  // Checkbox is going through its first render pass!
   if (persistedIsSelected === undefined) {
     // Set the item so we have this state to access next time the checkbox renders (either by mounting or re-rendering!)
     setItemState(groupId, id, defaultSelected || false);
-  } // Return the value and setter!
-  // Remember this flow is only returned if the checkbox is uncontrolled.
-
+  }
 
+  // Return the value and setter!
+  // Remember this flow is only returned if the checkbox is uncontrolled.
   return [localIsSelected, setLocalState];
 };
-
 export default useCheckboxState;

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

@@ -1,38 +1,29 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import { useCallback, useContext, useEffect, useState } from 'react';
 import { RadioGroupContext } from '../../radio/dropdown-item-radio-group';
 import { SelectionStoreContext } from '../context/selection-store';
 import resetOptionsInGroup from '../utils/reset-options-in-group';
-
 function useRadioState(_ref) {
   var id = _ref.id,
-      isSelected = _ref.isSelected,
-      defaultSelected = _ref.defaultSelected;
-
+    isSelected = _ref.isSelected,
+    defaultSelected = _ref.defaultSelected;
   var _useContext = useContext(SelectionStoreContext),
-      setGroupState = _useContext.setGroupState,
-      getGroupState = _useContext.getGroupState;
-
+    setGroupState = _useContext.setGroupState,
+    getGroupState = _useContext.getGroupState;
   var _useContext2 = useContext(RadioGroupContext),
-      group = _useContext2.id,
-      radioGroupState = _useContext2.radioGroupState,
-      selectRadioItem = _useContext2.selectRadioItem;
-
+    group = _useContext2.id,
+    radioGroupState = _useContext2.radioGroupState,
+    selectRadioItem = _useContext2.selectRadioItem;
   var persistedIsSelected = radioGroupState[id];
-
   var _useState = useState(function () {
-    return persistedIsSelected !== undefined ? persistedIsSelected : defaultSelected || false;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      localIsSelected = _useState2[0],
-      setLocalIsSelected = _useState2[1];
-
+      return persistedIsSelected !== undefined ? persistedIsSelected : defaultSelected || false;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    localIsSelected = _useState2[0],
+    setLocalIsSelected = _useState2[1];
   var setLocalState = useCallback(function (newValue) {
     if (!persistedIsSelected) {
       var nextValue = newValue(persistedIsSelected);
@@ -40,31 +31,27 @@ function useRadioState(_ref) {
       setLocalIsSelected(nextValue);
     }
   }, [persistedIsSelected, id, selectRadioItem]);
+
   /**
    * - radio state changes any time a radio child is changed
    * - when it changes we want all radio buttons to update their local state
    * - it takes the value from radio group state and applies it locally if it exists which it will only exist, if it is selected
    */
-
   useEffect(function () {
     setLocalIsSelected(function () {
       var existing = radioGroupState[id];
       return existing !== undefined ? existing : defaultSelected || false;
     });
   }, [radioGroupState, group, id, defaultSelected]);
-
   if (typeof isSelected === 'boolean') {
     return [isSelected, function () {
       return false;
     }];
   }
-
   if (persistedIsSelected === undefined) {
     var existing = getGroupState(group);
     setGroupState(group, _objectSpread(_objectSpread({}, resetOptionsInGroup(existing || {})), {}, _defineProperty({}, id, defaultSelected || false)));
   }
-
   return [localIsSelected, setLocalState];
 }
-
 export default useRadioState;

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

@@ -1,12 +1,12 @@
 import { useContext, useEffect, useRef } from 'react';
-import { FocusManagerContext } from '../components/focus-manager'; // This function is called whenever a MenuItem mounts.
+import { FocusManagerContext } from '../components/focus-manager';
+
+// This function is called whenever a MenuItem mounts.
 // The refs stored in the context are used to programatically
 // control focus on a user navigates using the keyboard.
-
 function useRegisterItemWithFocusManager() {
   var _useContext = useContext(FocusManagerContext),
-      registerRef = _useContext.registerRef;
-
+    registerRef = _useContext.registerRef;
   var itemRef = useRef(null);
   useEffect(function () {
     if (itemRef.current !== null) {
@@ -15,5 +15,4 @@ function useRegisterItemWithFocusManager() {
   }, [registerRef]);
   return itemRef;
 }
-
 export default useRegisterItemWithFocusManager;

package/dist/esm/internal/utils/get-icon-colors.js

@@ -1,5 +1,4 @@
 import { B400, N40 } from '@atlaskit/theme/colors';
-
 var getIconColors = function getIconColors(isSelected) {
   if (isSelected) {
     return {
@@ -7,11 +6,9 @@ var getIconColors = function getIconColors(isSelected) {
       secondary: "var(--ds-icon-inverse, ".concat(N40, ")")
     };
   }
-
   return {
     primary: "var(--ds-background-neutral, ".concat(N40, ")"),
     secondary: "var(--ds-UNSAFE_util-transparent, ".concat(N40, ")")
   };
 };
-
 export default getIconColors;

package/dist/esm/internal/utils/handle-focus.js

@@ -1,93 +1,73 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 var _actionMap;
-
 import { KEY_DOWN, KEY_END, KEY_HOME, KEY_UP } from '@atlaskit/ds-lib/keycodes';
 var actionMap = (_actionMap = {}, _defineProperty(_actionMap, KEY_DOWN, 'next'), _defineProperty(_actionMap, KEY_UP, 'prev'), _defineProperty(_actionMap, KEY_HOME, 'first'), _defineProperty(_actionMap, KEY_END, 'last'), _actionMap);
+
 /**
  * currentFocusedIdx + 1 will not work if the next focusable element
  * is disabled. So, we need to iterate through the following menu items
  * to find one that isn't disabled. If all following elements are disabled,
  * return undefined.
  */
-
 var getNextFocusableElement = function getNextFocusableElement(refs, currentFocusedIdx) {
   while (currentFocusedIdx + 1 < refs.length) {
     var isDisabled = refs[currentFocusedIdx + 1].getAttribute('disabled') !== null;
-
     if (!isDisabled) {
       return refs[currentFocusedIdx + 1];
     }
-
     currentFocusedIdx++;
   }
 };
+
 /**
  * currentFocusedIdx - 1 will not work if the prev focusable element
  * is disabled. So, we need to iterate through the previous menu items
  * to find one that isn't disabled. If all previous elements are disabled,
  * return undefined.
  */
-
-
 var getPrevFocusableElement = function getPrevFocusableElement(refs, currentFocusedIdx) {
   while (currentFocusedIdx > 0) {
     var isDisabled = refs[currentFocusedIdx - 1].getAttribute('disabled') !== null;
-
     if (!isDisabled) {
       return refs[currentFocusedIdx - 1];
     }
-
     currentFocusedIdx--;
   }
 };
-
 export default function handleFocus(refs) {
   return function (e) {
     var currentFocusedIdx = refs.findIndex(function (el) {
       var _document$activeEleme;
-
       return (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.isSameNode(el);
     });
     var action = actionMap[e.key];
-
     switch (action) {
       case 'next':
         if (currentFocusedIdx < refs.length - 1) {
           e.preventDefault();
-
           var _nextFocusableElement = getNextFocusableElement(refs, currentFocusedIdx);
-
           _nextFocusableElement && _nextFocusableElement.focus();
         }
-
         break;
-
       case 'prev':
         if (currentFocusedIdx > 0) {
           e.preventDefault();
-
           var _prevFocusableElement = getPrevFocusableElement(refs, currentFocusedIdx);
-
           _prevFocusableElement && _prevFocusableElement.focus();
         }
-
         break;
-
       case 'first':
-        e.preventDefault(); // Search for first non-disabled element if first element is disabled
-
+        e.preventDefault();
+        // Search for first non-disabled element if first element is disabled
         var nextFocusableElement = getNextFocusableElement(refs, -1);
         nextFocusableElement && nextFocusableElement.focus();
         break;
-
       case 'last':
-        e.preventDefault(); // Search for last non-disabled element if last element is disabled
-
+        e.preventDefault();
+        // Search for last non-disabled element if last element is disabled
         var prevFocusableElement = getPrevFocusableElement(refs, refs.length);
         prevFocusableElement && prevFocusableElement.focus();
         break;
-
       default:
         return;
     }

package/dist/esm/internal/utils/is-voice-over-supported.js

@@ -1,15 +1,13 @@
 var canUseDOM = function canUseDOM() {
   return Boolean(typeof window !== 'undefined' && window.document && window.document.createElement);
 };
+
 /*
  * Making sure we can fallback to browsers doesn't support voice over -
  * we would using menuitemcheckbox / menuitemradio for these that supports voice over, and
  * will fallback to checkbox / radio for these doesn't
  */
-
-
 var isVoiceOverSupported = function isVoiceOverSupported() {
   return /Mac OS X/.test(canUseDOM() ? navigator.userAgent : '');
 };
-
 export default isVoiceOverSupported;

package/dist/esm/internal/utils/reset-options-in-group.js

@@ -1,13 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var resetOptionsInGroup = function resetOptionsInGroup(group) {
   return Object.keys(group || {}).reduce(function (accumulator, current) {
     return _objectSpread(_objectSpread({}, accumulator), {}, _defineProperty({}, current, typeof group[current] === 'undefined' ? undefined : false));
   }, {});
 };
-
 export default resetOptionsInGroup;

package/dist/esm/internal/utils/use-generated-id.js

@@ -1,6 +1,5 @@
 import { useRef } from 'react';
 var PREFIX = 'ds--dropdown--';
-
 var generateRandomString = function generateRandomString() {
   return (// This string is used only on client side usually triggered after a user interaction.
     // Therefore, so there is no risk of mismatch
@@ -9,12 +8,11 @@ var generateRandomString = function generateRandomString() {
     "".concat(PREFIX).concat(Math.random().toString(16).substr(2, 8))
   );
 };
+
 /**
  * useGeneratedId generates a random string which remains constant across
  * renders when called without any parameter.
  */
-
-
 export default function useGeneratedId() {
   var cachedId = useRef(generateRandomString());
   return cachedId.current;

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

@@ -1,16 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { createContext, useContext, useState } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import Section from '@atlaskit/menu/section';
 import { SelectionStoreContext } from '../internal/context/selection-store';
 import resetOptionsInGroup from '../internal/utils/reset-options-in-group';
-
 /**
  * __Radio group context__
  * Context provider that wraps each DropdownItemRadioGroup
@@ -20,40 +16,35 @@ export var RadioGroupContext = /*#__PURE__*/createContext({
   radioGroupState: {},
   selectRadioItem: noop
 });
+
 /**
  * __Dropdown item radio group__
  *  Store which manages the selection state for each DropdownItemRadio
  *  across mount and unmounts.
  *
  */
-
 var DropdownItemRadioGroup = function DropdownItemRadioGroup(props) {
   var children = props.children,
-      id = props.id;
-
+    id = props.id;
   var _useContext = useContext(SelectionStoreContext),
-      setGroupState = _useContext.setGroupState,
-      getGroupState = _useContext.getGroupState;
+    setGroupState = _useContext.setGroupState,
+    getGroupState = _useContext.getGroupState;
+
   /**
    *  - initially `radioGroupState` is from selection store, so it's safe to update without re-rendering
    *  - we flush a render by updating this local radio group state
    */
-
-
   var _useState = useState(function () {
-    return getGroupState(id);
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      radioGroupState = _useState2[0],
-      setRadioGroupState = _useState2[1];
-
+      return getGroupState(id);
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    radioGroupState = _useState2[0],
+    setRadioGroupState = _useState2[1];
   var selectRadioItem = function selectRadioItem(childId, value) {
     var newValue = _objectSpread(_objectSpread({}, resetOptionsInGroup(getGroupState(id))), {}, _defineProperty({}, childId, value));
-
     setRadioGroupState(newValue);
     setGroupState(id, newValue);
   };
-
   return /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
     value: {
       id: id,
@@ -62,5 +53,4 @@ var DropdownItemRadioGroup = function DropdownItemRadioGroup(props) {
     }
   }, /*#__PURE__*/React.createElement(Section, props, children));
 };
-
 export default DropdownItemRadioGroup;

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

@@ -10,7 +10,6 @@ import useRadioState from '../internal/hooks/use-radio-state';
 import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
 import getIconColors from '../internal/utils/get-icon-colors';
 import isVoiceOverSupported from '../internal/utils/is-voice-over-supported';
-
 /**
  * __Dropdown item radio__
  *
@@ -22,35 +21,31 @@ import isVoiceOverSupported from '../internal/utils/is-voice-over-supported';
  */
 var DropdownItemRadio = function DropdownItemRadio(props) {
   var id = props.id,
-      isSelected = props.isSelected,
-      defaultSelected = props.defaultSelected,
-      _props$onClick = props.onClick,
-      providedOnClick = _props$onClick === void 0 ? noop : _props$onClick,
-      _props$shouldTitleWra = props.shouldTitleWrap,
-      shouldTitleWrap = _props$shouldTitleWra === void 0 ? true : _props$shouldTitleWra,
-      _props$shouldDescript = props.shouldDescriptionWrap,
-      shouldDescriptionWrap = _props$shouldDescript === void 0 ? true : _props$shouldDescript,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    isSelected = props.isSelected,
+    defaultSelected = props.defaultSelected,
+    _props$onClick = props.onClick,
+    providedOnClick = _props$onClick === void 0 ? noop : _props$onClick,
+    _props$shouldTitleWra = props.shouldTitleWrap,
+    shouldTitleWrap = _props$shouldTitleWra === void 0 ? true : _props$shouldTitleWra,
+    _props$shouldDescript = props.shouldDescriptionWrap,
+    shouldDescriptionWrap = _props$shouldDescript === void 0 ? true : _props$shouldDescript,
+    rest = _objectWithoutProperties(props, _excluded);
   if (process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
     // eslint-disable-next-line no-console
     console.warn("[DropdownItemRadio] You've used both `defaultSelected` and `isSelected` props. This is dangerous and can lead to unexpected results. Use one or the other depending if you want to control the components state yourself.");
   }
-
   var _useRadioState = useRadioState({
-    id: id,
-    isSelected: isSelected,
-    defaultSelected: defaultSelected
-  }),
-      _useRadioState2 = _slicedToArray(_useRadioState, 2),
-      selected = _useRadioState2[0],
-      setSelected = _useRadioState2[1];
-
+      id: id,
+      isSelected: isSelected,
+      defaultSelected: defaultSelected
+    }),
+    _useRadioState2 = _slicedToArray(_useRadioState, 2),
+    selected = _useRadioState2[0],
+    setSelected = _useRadioState2[1];
   var _useState = useState(getIconColors(defaultSelected)),
-      _useState2 = _slicedToArray(_useState, 2),
-      iconColors = _useState2[0],
-      setIconColors = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    iconColors = _useState2[0],
+    setIconColors = _useState2[1];
   var onClickHandler = useCallback(function (event) {
     setSelected(function (selected) {
       return !selected;
@@ -74,9 +69,8 @@ var DropdownItemRadio = function DropdownItemRadio(props) {
       primaryColor: iconColors.primary,
       secondaryColor: iconColors.secondary
     }),
-    ref: itemRef // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-
+    ref: itemRef
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
   }, rest));
 };
-
 export default DropdownItemRadio;

package/dist/esm/version.json

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