@atlaskit/dropdown-menu 11.5.10 → 11.5.12

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/dropdown-menu
 
+## 11.5.12
+
+### Patch Changes
+
+- [`22b754d311f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/22b754d311f) - Updates usage of removed design token `utilities.UNSAFE_util.transparent` in favour of its replacement `utilities.UNSAFE.transparent`
+- Updated dependencies
+
+## 11.5.11
+
+### Patch Changes
+
+- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
+
 ## 11.5.10
 
 ### Patch Changes

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

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
-
 var _checkboxGroupContext = require("../internal/context/checkbox-group-context");
-
 /**
  * __Dropdown item checkbox group__
  *
@@ -21,11 +16,10 @@ var _checkboxGroupContext = require("../internal/context/checkbox-group-context"
  */
 var DropdownItemCheckboxGroup = function DropdownItemCheckboxGroup(props) {
   var children = props.children,
-      id = props.id;
+    id = props.id;
   return /*#__PURE__*/_react.default.createElement(_checkboxGroupContext.CheckboxGroupContext.Provider, {
     value: id
   }, /*#__PURE__*/_react.default.createElement(_section.default, props, children));
 };
-
 var _default = DropdownItemCheckboxGroup;
 exports.default = _default;

package/dist/cjs/checkbox/dropdown-item-checkbox.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _checkbox = _interopRequireDefault(require("@atlaskit/icon/glyph/checkbox"));
-
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
-
 var _useCheckboxState3 = _interopRequireDefault(require("../internal/hooks/use-checkbox-state"));
-
 var _useRegisterItemWithFocusManager = _interopRequireDefault(require("../internal/hooks/use-register-item-with-focus-manager"));
-
 var _getIconColors = _interopRequireDefault(require("../internal/utils/get-icon-colors"));
-
 var _isVoiceOverSupported = _interopRequireDefault(require("../internal/utils/is-voice-over-supported"));
-
 var _excluded = ["id", "isSelected", "defaultSelected", "onClick", "shouldTitleWrap", "shouldDescriptionWrap"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  * __Dropdown item checkbox__
  *
@@ -48,35 +31,31 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
   var id = props.id,
-      isSelected = props.isSelected,
-      defaultSelected = props.defaultSelected,
-      _props$onClick = props.onClick,
-      providedOnClick = _props$onClick === void 0 ? _noop.default : _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 = (0, _objectWithoutProperties2.default)(props, _excluded);
-
+    isSelected = props.isSelected,
+    defaultSelected = props.defaultSelected,
+    _props$onClick = props.onClick,
+    providedOnClick = _props$onClick === void 0 ? _noop.default : _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 = (0, _objectWithoutProperties2.default)(props, _excluded);
   if (process.env.NODE_ENV !== 'production' && typeof isSelected !== 'undefined' && typeof defaultSelected !== 'undefined') {
     // eslint-disable-next-line no-console
     console.warn("[DropdownItemCheckbox] 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 _useCheckboxState = (0, _useCheckboxState3.default)({
-    id: id,
-    isSelected: isSelected,
-    defaultSelected: defaultSelected
-  }),
-      _useCheckboxState2 = (0, _slicedToArray2.default)(_useCheckboxState, 2),
-      selected = _useCheckboxState2[0],
-      setSelected = _useCheckboxState2[1];
-
+      id: id,
+      isSelected: isSelected,
+      defaultSelected: defaultSelected
+    }),
+    _useCheckboxState2 = (0, _slicedToArray2.default)(_useCheckboxState, 2),
+    selected = _useCheckboxState2[0],
+    setSelected = _useCheckboxState2[1];
   var _useState = (0, _react.useState)((0, _getIconColors.default)(defaultSelected)),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      iconColors = _useState2[0],
-      setIconColors = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    iconColors = _useState2[0],
+    setIconColors = _useState2[1];
   var onClickHandler = (0, _react.useCallback)(function (event) {
     setSelected(function (selected) {
       return !selected;
@@ -100,10 +79,9 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(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));
 };
-
 var _default = DropdownItemCheckbox;
 exports.default = _default;

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

@@ -1,14 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
-
 /**
  * __Section__
  *

package/dist/cjs/dropdown-menu-item.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
-
 var _customItem = _interopRequireDefault(require("@atlaskit/menu/custom-item"));
-
 var _linkItem = _interopRequireDefault(require("@atlaskit/menu/link-item"));
-
 var _useRegisterItemWithFocusManager = _interopRequireDefault(require("./internal/hooks/use-register-item-with-focus-manager"));
-
 var _excluded = ["component", "elemBefore", "elemAfter", "shouldTitleWrap", "shouldDescriptionWrap"];
-
 /**
  * __Dropdown menu item__
  *
@@ -34,15 +24,14 @@ var _excluded = ["component", "elemBefore", "elemAfter", "shouldTitleWrap", "sho
  */
 var DropdownMenuItem = function DropdownMenuItem(props) {
   var component = props.component,
-      elemBefore = props.elemBefore,
-      elemAfter = props.elemAfter,
-      _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 = (0, _objectWithoutProperties2.default)(props, _excluded);
+    elemBefore = props.elemBefore,
+    elemAfter = props.elemAfter,
+    _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 = (0, _objectWithoutProperties2.default)(props, _excluded);
   var itemRef = (0, _useRegisterItemWithFocusManager.default)();
-
   if (component) {
     return /*#__PURE__*/_react.default.createElement(_customItem.default, (0, _extends2.default)({
       component: component,
@@ -72,6 +61,5 @@ var DropdownMenuItem = function DropdownMenuItem(props) {
     }, rest));
   }
 };
-
 var _default = DropdownMenuItem;
 exports.default = _default;

package/dist/cjs/dropdown-menu.js

@@ -1,60 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _bindEventListener = require("bind-event-listener");
-
 var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button"));
-
 var _keycodes = require("@atlaskit/ds-lib/keycodes");
-
 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/glyph/chevron-down"));
-
 var _popup = _interopRequireDefault(require("@atlaskit/popup"));
-
 var _constants = require("@atlaskit/theme/constants");
-
 var _focusManager = _interopRequireDefault(require("./internal/components/focus-manager"));
-
 var _menuWrapper = _interopRequireDefault(require("./internal/components/menu-wrapper"));
-
 var _selectionStore = _interopRequireDefault(require("./internal/context/selection-store"));
-
 var _useGeneratedId = _interopRequireDefault(require("./internal/utils/use-generated-id"));
-
 var _excluded = ["ref"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2.default)(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 gridSize = (0, _constants.gridSize)();
 var MAX_HEIGHT = "calc(100vh - ".concat(gridSize * 2, "px)");
 var opposites = {
@@ -66,14 +40,16 @@ var opposites = {
   auto: 'auto',
   end: 'start'
 };
-
 var getFallbackPlacements = function getFallbackPlacements(placement) {
   var placementPieces = placement.split('-');
-  var mainAxis = placementPieces[0]; // Left, right and auto placements can rely on standard popper sliding behaviour
+  var mainAxis = placementPieces[0];
 
+  // Left, right and auto placements can rely on standard popper sliding behaviour
   if (!['top', 'bottom'].includes(mainAxis)) {
     return undefined;
-  } // Top and bottom placements need to flip to the right/left to ensure
+  }
+
+  // Top and bottom placements need to flip to the right/left to ensure
   // long lists don't extend off the screen
   else if (placementPieces.length === 2 && ['start', 'end'].includes(placementPieces[1])) {
     var crossAxis = placementPieces[1];
@@ -82,6 +58,7 @@ var getFallbackPlacements = function getFallbackPlacements(placement) {
     return ["".concat(mainAxis, "-start"), "".concat(mainAxis, "-end"), "".concat(opposites[mainAxis]), "".concat(opposites[mainAxis], "-start"), "".concat(opposites[mainAxis], "-end"), "auto"];
   }
 };
+
 /**
  * __Dropdown menu__
  *
@@ -91,45 +68,41 @@ var getFallbackPlacements = function getFallbackPlacements(placement) {
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
-
-
 var DropdownMenu = function DropdownMenu(props) {
   var _props$defaultOpen = props.defaultOpen,
-      defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
-      isOpen = props.isOpen,
-      _props$onOpenChange = props.onOpenChange,
-      onOpenChange = _props$onOpenChange === void 0 ? _noop.default : _props$onOpenChange,
-      children = props.children,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
-      _trigger = props.trigger,
-      _props$shouldFlip = props.shouldFlip,
-      shouldFlip = _props$shouldFlip === void 0 ? true : _props$shouldFlip,
-      _props$isLoading = props.isLoading,
-      isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
-      _props$autoFocus = props.autoFocus,
-      autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
-      testId = props.testId,
-      statusLabel = props.statusLabel,
-      _props$zIndex = props.zIndex,
-      zIndex = _props$zIndex === void 0 ? _constants.layers.modal() : _props$zIndex;
-
+    defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
+    isOpen = props.isOpen,
+    _props$onOpenChange = props.onOpenChange,
+    onOpenChange = _props$onOpenChange === void 0 ? _noop.default : _props$onOpenChange,
+    children = props.children,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottom-start' : _props$placement,
+    _trigger = props.trigger,
+    _props$shouldFlip = props.shouldFlip,
+    shouldFlip = _props$shouldFlip === void 0 ? true : _props$shouldFlip,
+    _props$isLoading = props.isLoading,
+    isLoading = _props$isLoading === void 0 ? false : _props$isLoading,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? false : _props$autoFocus,
+    testId = props.testId,
+    statusLabel = props.statusLabel,
+    _props$zIndex = props.zIndex,
+    zIndex = _props$zIndex === void 0 ? _constants.layers.modal() : _props$zIndex;
   var _useControlledState = (0, _useControlled.default)(isOpen, function () {
-    return defaultOpen;
-  }),
-      _useControlledState2 = (0, _slicedToArray2.default)(_useControlledState, 2),
-      isLocalOpen = _useControlledState2[0],
-      setLocalIsOpen = _useControlledState2[1];
-
+      return defaultOpen;
+    }),
+    _useControlledState2 = (0, _slicedToArray2.default)(_useControlledState, 2),
+    isLocalOpen = _useControlledState2[0],
+    setLocalIsOpen = _useControlledState2[1];
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isTriggeredUsingKeyboard = _useState2[0],
-      setTriggeredUsingKeyboard = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isTriggeredUsingKeyboard = _useState2[0],
+    setTriggeredUsingKeyboard = _useState2[1];
   var fallbackPlacements = (0, _react.useMemo)(function () {
     return getFallbackPlacements(placement);
   }, [placement]);
-  var handleTriggerClicked = (0, _react.useCallback)( // TODO: event is an `any` and is being cast incorrectly
+  var handleTriggerClicked = (0, _react.useCallback)(
+  // TODO: event is an `any` and is being cast incorrectly
   // This means that the public type for `onOpenChange` is incorrect
   // current: (event: React.MouseEvent | React.KeyboardEvent) => void;
   // correct: (event: React.MouseEvent | KeyboardEvent) => void;
@@ -137,9 +110,8 @@ var DropdownMenu = function DropdownMenu(props) {
   function (event) {
     var newValue = !isLocalOpen;
     var clientX = event.clientX,
-        clientY = event.clientY,
-        type = event.type;
-
+      clientY = event.clientY,
+      type = event.type;
     if (type === 'keydown') {
       setTriggeredUsingKeyboard(true);
     } else if (clientX === 0 || clientY === 0) {
@@ -147,7 +119,6 @@ var DropdownMenu = function DropdownMenu(props) {
       // with both clientX and clientY === 0
       setTriggeredUsingKeyboard(true);
     }
-
     setLocalIsOpen(newValue);
     onOpenChange({
       isOpen: newValue,
@@ -162,25 +133,23 @@ var DropdownMenu = function DropdownMenu(props) {
       event: event
     });
   }, [onOpenChange, setLocalIsOpen]);
-
   var _useFocus = (0, _useFocusEvent.default)(),
-      isFocused = _useFocus.isFocused,
-      bindFocus = _useFocus.bindFocus; // When a trigger is focused, we want to open the dropdown if
-  // the user presses the DownArrow
-
+    isFocused = _useFocus.isFocused,
+    bindFocus = _useFocus.bindFocus;
 
+  // When a trigger is focused, we want to open the dropdown if
+  // the user presses the DownArrow
   (0, _react.useEffect)(function () {
     // Only need to listen for keydown when focused
     if (!isFocused) {
       return _noop.default;
-    } // Being safe: we don't want to open the dropdown if it is already open
-    // Note: This shouldn't happen as the trigger should not be able to get focus
-
+    }
 
+    // Being safe: we don't want to open the dropdown if it is already open
+    // Note: This shouldn't happen as the trigger should not be able to get focus
     if (isLocalOpen) {
       return _noop.default;
     }
-
     return (0, _bindEventListener.bind)(window, {
       type: 'keydown',
       listener: function openOnKeyDown(e) {
@@ -206,7 +175,7 @@ var DropdownMenu = function DropdownMenu(props) {
     trigger: function trigger(triggerProps) {
       if (typeof _trigger === 'function') {
         var ref = triggerProps.ref,
-            providedProps = (0, _objectWithoutProperties2.default)(triggerProps, _excluded);
+          providedProps = (0, _objectWithoutProperties2.default)(triggerProps, _excluded);
         return _trigger(_objectSpread(_objectSpread(_objectSpread({}, providedProps), bindFocus), {}, {
           triggerRef: ref,
           isSelected: isLocalOpen,
@@ -214,7 +183,6 @@ var DropdownMenu = function DropdownMenu(props) {
           testId: testId && "".concat(testId, "--trigger")
         }));
       }
-
       return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({}, bindFocus, {
         ref: triggerProps.ref,
         "aria-controls": triggerProps['aria-controls'],
@@ -231,7 +199,7 @@ var DropdownMenu = function DropdownMenu(props) {
     },
     content: function content(_ref) {
       var setInitialFocusRef = _ref.setInitialFocusRef,
-          update = _ref.update;
+        update = _ref.update;
       return /*#__PURE__*/_react.default.createElement(_focusManager.default, null, /*#__PURE__*/_react.default.createElement(_menuWrapper.default, {
         maxHeight: MAX_HEIGHT,
         maxWidth: 800,
@@ -244,6 +212,5 @@ var DropdownMenu = function DropdownMenu(props) {
     }
   }));
 };
-
 var _default = DropdownMenu;
 exports.default = _default;

package/dist/cjs/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -47,17 +46,10 @@ Object.defineProperty(exports, "default", {
     return _dropdownMenu.default;
   }
 });
-
 var _dropdownMenu = _interopRequireDefault(require("./dropdown-menu"));
-
 var _dropdownMenuItemGroup = _interopRequireDefault(require("./dropdown-menu-item-group"));
-
 var _dropdownMenuItem = _interopRequireDefault(require("./dropdown-menu-item"));
-
 var _dropdownItemCheckbox = _interopRequireDefault(require("./checkbox/dropdown-item-checkbox"));
-
 var _dropdownItemCheckboxGroup = _interopRequireDefault(require("./checkbox/dropdown-item-checkbox-group"));
-
 var _dropdownItemRadio = _interopRequireDefault(require("./radio/dropdown-item-radio"));
-
 var _dropdownItemRadioGroup = _interopRequireDefault(require("./radio/dropdown-item-radio-group"));

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

@@ -1,26 +1,17 @@
 "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.FocusManagerContext = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _bindEventListener = require("bind-event-listener");
-
 var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
-
 var _handleFocus = _interopRequireDefault(require("../utils/handle-focus"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /**
  *
  *
@@ -33,12 +24,11 @@ var FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
   menuItemRefs: [],
   registerRef: _noop.default
 });
+
 /**
  * Focus manager logic
  */
-
 exports.FocusManagerContext = FocusManagerContext;
-
 var FocusManager = function FocusManager(_ref) {
   var children = _ref.children;
   var menuItemRefs = (0, _react.useRef)([]);
@@ -46,8 +36,9 @@ var FocusManager = function FocusManager(_ref) {
     if (ref && !menuItemRefs.current.includes(ref)) {
       menuItemRefs.current.push(ref);
     }
-  }, []); // Intentionally rebinding on each render
+  }, []);
 
+  // Intentionally rebinding on each render
   (0, _react.useEffect)(function () {
     return (0, _bindEventListener.bind)(window, {
       type: 'keydown',
@@ -62,6 +53,5 @@ var FocusManager = function FocusManager(_ref) {
     value: contextValue
   }, children);
 };
-
 var _default = FocusManager;
 exports.default = _default;