@atlaskit/dropdown-menu 11.14.4 → 11.14.5

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/dropdown-menu
 
+## 11.14.5
+
+### Patch Changes
+
+- [#41067](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41067) [`5a9ed67f8f5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5a9ed67f8f5) - Expand rest props for more explicit function data flow.
+
 ## 11.14.4
 
 ### Patch Changes

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

@@ -14,12 +14,27 @@ var _checkboxGroupContext = require("../internal/context/checkbox-group-context"
  * A wrapping element for dropdown menu checkbox items.
  *
  */
-var DropdownItemCheckboxGroup = function DropdownItemCheckboxGroup(props) {
-  var children = props.children,
-    id = props.id;
+var DropdownItemCheckboxGroup = function DropdownItemCheckboxGroup(_ref) {
+  var children = _ref.children,
+    hasSeparator = _ref.hasSeparator,
+    id = _ref.id,
+    isList = _ref.isList,
+    isScrollable = _ref.isScrollable,
+    overrides = _ref.overrides,
+    testId = _ref.testId,
+    title = _ref.title;
   return /*#__PURE__*/_react.default.createElement(_checkboxGroupContext.CheckboxGroupContext.Provider, {
     value: id
-  }, /*#__PURE__*/_react.default.createElement(_section.default, props, children));
+  }, /*#__PURE__*/_react.default.createElement(_section.default, {
+    hasSeparator: hasSeparator,
+    id: id,
+    isList: isList,
+    isScrollable: isScrollable
+    // eslint-disable-next-line @repo/internal/react/no-unsafe-overrides
+    ,
+    overrides: overrides,
+    testId: testId,
+    title: title
+  }, children));
 };
-var _default = DropdownItemCheckboxGroup;
-exports.default = _default;
+var _default = exports.default = DropdownItemCheckboxGroup;

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

@@ -6,9 +6,7 @@ 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 _menu = require("@atlaskit/menu");
@@ -17,7 +15,6 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _checkboxIcon = _interopRequireDefault(require("../internal/components/checkbox-icon"));
 var _useCheckboxState3 = _interopRequireDefault(require("../internal/hooks/use-checkbox-state"));
 var _useRegisterItemWithFocusManager = _interopRequireDefault(require("../internal/hooks/use-register-item-with-focus-manager"));
-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; }
 /**
@@ -29,17 +26,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/usage)
  */
-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);
+var DropdownItemCheckbox = function DropdownItemCheckbox(_ref) {
+  var children = _ref.children,
+    defaultSelected = _ref.defaultSelected,
+    description = _ref.description,
+    id = _ref.id,
+    isDisabled = _ref.isDisabled,
+    isSelected = _ref.isSelected,
+    _ref$onClick = _ref.onClick,
+    providedOnClick = _ref$onClick === void 0 ? _noop.default : _ref$onClick,
+    _ref$shouldDescriptio = _ref.shouldDescriptionWrap,
+    shouldDescriptionWrap = _ref$shouldDescriptio === void 0 ? true : _ref$shouldDescriptio,
+    _ref$shouldTitleWrap = _ref.shouldTitleWrap,
+    shouldTitleWrap = _ref$shouldTitleWrap === void 0 ? true : _ref$shouldTitleWrap,
+    testId = _ref.testId;
   if (typeof process !== 'undefined' && 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.");
@@ -61,20 +61,21 @@ var DropdownItemCheckbox = function DropdownItemCheckbox(props) {
   var itemRef = (0, _useRegisterItemWithFocusManager.default)();
   return /*#__PURE__*/_react.default.createElement(_menu.SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
     value: "none"
-  }, /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
-    id: id,
-    onClick: onClickHandler,
-    role: "menuitemcheckbox",
+  }, /*#__PURE__*/_react.default.createElement(_buttonItem.default, {
     "aria-checked": selected,
-    shouldTitleWrap: shouldTitleWrap,
-    shouldDescriptionWrap: shouldDescriptionWrap,
+    description: description,
     iconBefore: /*#__PURE__*/_react.default.createElement(_checkboxIcon.default, {
       checked: selected
     }),
+    id: id,
+    isDisabled: isDisabled,
     isSelected: selected && (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.menu-selected-state-change_0see9'),
-    ref: itemRef
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, rest)));
+    onClick: onClickHandler,
+    ref: itemRef,
+    role: "menuitemcheckbox",
+    shouldDescriptionWrap: shouldDescriptionWrap,
+    shouldTitleWrap: shouldTitleWrap,
+    testId: testId
+  }, children));
 };
-var _default = DropdownItemCheckbox;
-exports.default = _default;
+var _default = exports.default = DropdownItemCheckbox;

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

@@ -15,5 +15,4 @@ var _section = _interopRequireDefault(require("@atlaskit/menu/section"));
  * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-group/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-group/usage)
  */
-var _default = _section.default;
-exports.default = _default;
+var _default = exports.default = _section.default;

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

@@ -6,15 +6,12 @@ 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 = _interopRequireWildcard(require("react"));
 var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs"));
 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", "children"];
 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; }
 /**
@@ -26,46 +23,69 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * - [Code](https://atlassian.design/components/dropdown-item/code)
  * - [Usage](https://atlassian.design/components/dropdown-item/usage)
  */
-var DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  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,
-    children = props.children,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+var DropdownMenuItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var children = _ref.children,
+    component = _ref.component,
+    description = _ref.description,
+    elemAfter = _ref.elemAfter,
+    elemBefore = _ref.elemBefore,
+    href = _ref.href,
+    isDisabled = _ref.isDisabled,
+    isSelected = _ref.isSelected,
+    onClick = _ref.onClick,
+    rel = _ref.rel,
+    _ref$shouldDescriptio = _ref.shouldDescriptionWrap,
+    shouldDescriptionWrap = _ref$shouldDescriptio === void 0 ? true : _ref$shouldDescriptio,
+    _ref$shouldTitleWrap = _ref.shouldTitleWrap,
+    shouldTitleWrap = _ref$shouldTitleWrap === void 0 ? true : _ref$shouldTitleWrap,
+    target = _ref.target,
+    testId = _ref.testId;
   var itemRef = (0, _useRegisterItemWithFocusManager.default)();
   if (component) {
-    return /*#__PURE__*/_react.default.createElement(_customItem.default, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(_customItem.default, {
       component: component,
-      iconBefore: elemBefore,
+      description: description,
       iconAfter: elemAfter,
+      iconBefore: elemBefore,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      onClick: onClick,
       ref: (0, _mergeRefs.default)([ref, itemRef]),
+      shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
-      shouldDescriptionWrap: shouldDescriptionWrap
-    }, rest), children);
-  } else if (props.href) {
-    return /*#__PURE__*/_react.default.createElement(_linkItem.default, (0, _extends2.default)({
-      href: props.href,
-      iconBefore: elemBefore,
+      testId: testId
+    }, children);
+  } else if (href) {
+    return /*#__PURE__*/_react.default.createElement(_linkItem.default, {
+      description: description,
+      href: href,
       iconAfter: elemAfter,
-      role: "menuitem",
+      iconBefore: elemBefore,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      onClick: onClick,
       ref: (0, _mergeRefs.default)([ref, itemRef]),
+      rel: rel,
+      role: "menuitem",
+      shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
-      shouldDescriptionWrap: shouldDescriptionWrap
-    }, rest), children);
+      target: target,
+      testId: testId
+    }, children);
   } else {
-    return /*#__PURE__*/_react.default.createElement(_buttonItem.default, (0, _extends2.default)({
-      role: "menuitem",
-      iconBefore: elemBefore,
+    return /*#__PURE__*/_react.default.createElement(_buttonItem.default, {
+      description: description,
       iconAfter: elemAfter,
+      iconBefore: elemBefore,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      onClick: onClick,
       ref: (0, _mergeRefs.default)([ref, itemRef]),
+      role: "menuitem",
+      shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
-      shouldDescriptionWrap: shouldDescriptionWrap
-    }, rest), children);
+      testId: testId
+    }, children);
   }
 });
-var _default = DropdownMenuItem;
-exports.default = _default;
+var _default = exports.default = DropdownMenuItem;

package/dist/cjs/dropdown-menu.js

@@ -8,7 +8,6 @@ Object.defineProperty(exports, "__esModule", {
 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");
@@ -28,11 +27,10 @@ var _menuWrapper = _interopRequireDefault(require("./internal/components/menu-wr
 var _selectionStore = _interopRequireDefault(require("./internal/context/selection-store"));
 var _useRegisterItemWithFocusManager = _interopRequireDefault(require("./internal/hooks/use-register-item-with-focus-manager"));
 var _useGeneratedId = _interopRequireWildcard(require("./internal/utils/use-generated-id"));
-var _excluded = ["ref"]; // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 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(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 _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; } // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
 var gridSize = (0, _constants.gridSize)();
 var MAX_HEIGHT = "calc(100vh - ".concat(gridSize * 2, "px)");
 var opposites = {
@@ -72,29 +70,29 @@ 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,
-    spacing = props.spacing,
-    _props$shouldFlip = props.shouldFlip,
-    shouldFlip = _props$shouldFlip === void 0 ? true : _props$shouldFlip,
-    _props$shouldRenderTo = props.shouldRenderToParent,
-    shouldRenderToParent = _props$shouldRenderTo === void 0 ? false : _props$shouldRenderTo,
-    _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 DropdownMenu = function DropdownMenu(_ref) {
+  var _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? false : _ref$autoFocus,
+    children = _ref.children,
+    _ref$defaultOpen = _ref.defaultOpen,
+    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    isOpen = _ref.isOpen,
+    _ref$onOpenChange = _ref.onOpenChange,
+    onOpenChange = _ref$onOpenChange === void 0 ? _noop.default : _ref$onOpenChange,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom-start' : _ref$placement,
+    _ref$shouldFlip = _ref.shouldFlip,
+    shouldFlip = _ref$shouldFlip === void 0 ? true : _ref$shouldFlip,
+    _ref$shouldRenderToPa = _ref.shouldRenderToParent,
+    shouldRenderToParent = _ref$shouldRenderToPa === void 0 ? false : _ref$shouldRenderToPa,
+    spacing = _ref.spacing,
+    statusLabel = _ref.statusLabel,
+    testId = _ref.testId,
+    _trigger = _ref.trigger,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? _constants.layers.modal() : _ref$zIndex;
   var _useControlledState = (0, _useControlled.default)(isOpen, function () {
       return defaultOpen;
     }),
@@ -186,11 +184,17 @@ var DropdownMenu = function DropdownMenu(props) {
     testId: testId && "".concat(testId, "--content"),
     shouldUseCaptureOnOutsideClick: true,
     shouldRenderToParent: shouldRenderToParent,
-    trigger: function trigger(triggerProps) {
+    trigger: function trigger(_ref2) {
+      var ref = _ref2.ref,
+        ariaControls = _ref2['aria-controls'],
+        ariaExpanded = _ref2['aria-expanded'],
+        ariaHasPopup = _ref2['aria-haspopup'];
       if (typeof _trigger === 'function') {
-        var ref = triggerProps.ref,
-          providedProps = (0, _objectWithoutProperties2.default)(triggerProps, _excluded);
-        return _trigger(_objectSpread(_objectSpread(_objectSpread({}, providedProps), bindFocus), {}, {
+        return _trigger(_objectSpread(_objectSpread({
+          'aria-controls': ariaControls,
+          'aria-expanded': ariaExpanded,
+          'aria-haspopup': ariaHasPopup
+        }, bindFocus), {}, {
           triggerRef: (0, _mergeRefs.default)([ref, itemRef]),
           isSelected: isLocalOpen,
           onClick: handleTriggerClicked,
@@ -204,18 +208,18 @@ var DropdownMenu = function DropdownMenu(props) {
         }),
         onFocus: bindFocus.onFocus,
         onBlur: bindFocus.onBlur,
-        ref: (0, _mergeRefs.default)([triggerProps.ref, itemRef]),
-        "aria-controls": triggerProps['aria-controls'],
-        "aria-expanded": triggerProps['aria-expanded'],
-        "aria-haspopup": triggerProps['aria-haspopup'],
+        ref: (0, _mergeRefs.default)([ref, itemRef]),
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-haspopup": ariaHasPopup,
         isSelected: isLocalOpen,
         onClick: handleTriggerClicked,
         testId: testId && "".concat(testId, "--trigger")
       }, _trigger) : /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({}, bindFocus, {
-        ref: (0, _mergeRefs.default)([triggerProps.ref, itemRef]),
-        "aria-controls": triggerProps['aria-controls'],
-        "aria-expanded": triggerProps['aria-expanded'],
-        "aria-haspopup": triggerProps['aria-haspopup'],
+        ref: (0, _mergeRefs.default)([ref, itemRef]),
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-haspopup": ariaHasPopup,
         isSelected: isLocalOpen,
         iconAfter: /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
           size: "medium",
@@ -225,9 +229,9 @@ var DropdownMenu = function DropdownMenu(props) {
         testId: testId && "".concat(testId, "--trigger")
       }), _trigger);
     },
-    content: function content(_ref) {
-      var setInitialFocusRef = _ref.setInitialFocusRef,
-        update = _ref.update;
+    content: function content(_ref3) {
+      var setInitialFocusRef = _ref3.setInitialFocusRef,
+        update = _ref3.update;
       return /*#__PURE__*/_react.default.createElement(_focusManager.default, null, /*#__PURE__*/_react.default.createElement(_menuWrapper.default, {
         spacing: spacing,
         maxHeight: MAX_HEIGHT,
@@ -242,5 +246,4 @@ var DropdownMenu = function DropdownMenu(props) {
     }
   }));
 };
-var _default = DropdownMenu;
-exports.default = _default;
+var _default = exports.default = DropdownMenu;

package/dist/cjs/internal/components/checkbox-icon.js

@@ -39,5 +39,4 @@ var CheckboxIcon = function CheckboxIcon(_ref) {
     fill: "inherit"
   })));
 };
-var _default = CheckboxIcon;
-exports.default = _default;
+var _default = exports.default = CheckboxIcon;

package/dist/cjs/internal/components/context.js

@@ -15,7 +15,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * Default is 0
  *
  */
-var NestedLevelContext = /*#__PURE__*/(0, _react.createContext)(0);
+var NestedLevelContext = exports.NestedLevelContext = /*#__PURE__*/(0, _react.createContext)(0);
 
 /**
  *
@@ -24,8 +24,7 @@ var NestedLevelContext = /*#__PURE__*/(0, _react.createContext)(0);
  * Default is 0
  *
  */
-exports.NestedLevelContext = NestedLevelContext;
-var TrackMaxLevelContext = /*#__PURE__*/(0, _react.createContext)({
+var TrackMaxLevelContext = exports.TrackMaxLevelContext = /*#__PURE__*/(0, _react.createContext)({
   maxLevelRef: {
     current: 0
   },
@@ -38,8 +37,7 @@ var TrackMaxLevelContext = /*#__PURE__*/(0, _react.createContext)({
  * Context provider which maintains the maximun level of dropdown menu if it is nested
  *
  */
-exports.TrackMaxLevelContext = TrackMaxLevelContext;
-var TrackLevelProvider = function TrackLevelProvider(_ref) {
+var TrackLevelProvider = exports.TrackLevelProvider = function TrackLevelProvider(_ref) {
   var children = _ref.children;
   var maxLevelRef = (0, _react.useRef)(0);
   var value = (0, _react.useMemo)(function () {
@@ -54,5 +52,4 @@ var TrackLevelProvider = function TrackLevelProvider(_ref) {
   return /*#__PURE__*/_react.default.createElement(TrackMaxLevelContext.Provider, {
     value: value
   }, children);
-};
-exports.TrackLevelProvider = TrackLevelProvider;
+};

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

@@ -21,7 +21,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * This list drives the keyboard navgation of the menu.
  *
  */
-var FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
+var FocusManagerContext = exports.FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
   menuItemRefs: [],
   registerRef: _noop.default
 });
@@ -29,7 +29,6 @@ var FocusManagerContext = /*#__PURE__*/(0, _react.createContext)({
 /**
  * Focus manager logic
  */
-exports.FocusManagerContext = FocusManagerContext;
 var FocusManager = function FocusManager(_ref) {
   var children = _ref.children;
   var menuItemRefs = (0, _react.useRef)([]);
@@ -55,5 +54,4 @@ var FocusManager = function FocusManager(_ref) {
     value: contextValue
   }, children);
 };
-var _default = FocusManager;
-exports.default = _default;
+var _default = exports.default = FocusManager;

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

@@ -79,7 +79,7 @@ var MenuWrapper = function MenuWrapper(_ref2) {
     var firstFocusableRef = (_menuItemRefs$find = menuItemRefs.find(function (ref) {
       return !ref.hasAttribute('disabled');
     })) !== null && _menuItemRefs$find !== void 0 ? _menuItemRefs$find : null;
-    setInitialFocusRef === null || setInitialFocusRef === void 0 ? void 0 : setInitialFocusRef(firstFocusableRef);
+    setInitialFocusRef === null || setInitialFocusRef === void 0 || setInitialFocusRef(firstFocusableRef);
   }, [menuItemRefs, setInitialFocusRef]);
   return (0, _react2.jsx)(_menuGroup.default, {
     isLoading: isLoading,
@@ -94,5 +94,4 @@ var MenuWrapper = function MenuWrapper(_ref2) {
     testId: testId && "".concat(testId, "--loading-indicator")
   }) : children);
 };
-var _default = MenuWrapper;
-exports.default = _default;
+var _default = exports.default = MenuWrapper;

package/dist/cjs/internal/components/radio-icon.js

@@ -39,5 +39,4 @@ var RadioIcon = function RadioIcon(_ref) {
     r: "2"
   })));
 };
-var _default = RadioIcon;
-exports.default = _default;
+var _default = exports.default = RadioIcon;

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

@@ -8,5 +8,4 @@ var _react = require("react");
 /**
  * Holds the unique identifier for the checkbox group.
  */
-var CheckboxGroupContext = /*#__PURE__*/(0, _react.createContext)('');
-exports.CheckboxGroupContext = CheckboxGroupContext;
+var CheckboxGroupContext = exports.CheckboxGroupContext = /*#__PURE__*/(0, _react.createContext)('');

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

@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * and getter setters.
  *
  */
-var SelectionStoreContext = /*#__PURE__*/(0, _react.createContext)({
+var SelectionStoreContext = exports.SelectionStoreContext = /*#__PURE__*/(0, _react.createContext)({
   setItemState: _noop.default,
   getItemState: function getItemState() {
     return undefined;
@@ -26,7 +26,6 @@ var SelectionStoreContext = /*#__PURE__*/(0, _react.createContext)({
     return {};
   }
 });
-exports.SelectionStoreContext = SelectionStoreContext;
 /**
  * Selection store will persist data as long as it remains mounted.
  * It handles the uncontrolled story for dropdown menu when the menu
@@ -61,5 +60,4 @@ var SelectionStore = function SelectionStore(props) {
     value: context
   }, children);
 };
-var _default = SelectionStore;
-exports.default = _default;
+var _default = exports.default = SelectionStore;

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

@@ -55,5 +55,4 @@ var useCheckboxState = function useCheckboxState(_ref) {
   // Remember this flow is only returned if the checkbox is uncontrolled.
   return [localIsSelected, setLocalState];
 };
-var _default = useCheckboxState;
-exports.default = _default;
+var _default = exports.default = useCheckboxState;

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

@@ -61,5 +61,4 @@ function useRadioState(_ref) {
   }
   return [localIsSelected, setLocalState];
 }
-var _default = useRadioState;
-exports.default = _default;
+var _default = exports.default = useRadioState;

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

@@ -20,5 +20,4 @@ function useRegisterItemWithFocusManager() {
   }, [registerRef]);
   return itemRef;
 }
-var _default = useRegisterItemWithFocusManager;
-exports.default = _default;
+var _default = exports.default = useRegisterItemWithFocusManager;

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

@@ -59,7 +59,7 @@ function handleFocus(refs, isLayerDisabled) {
         e.preventDefault();
         if (currentFocusedIdx < refs.length - 1) {
           var _nextFocusableElement = getNextFocusableElement(refs, currentFocusedIdx);
-          _nextFocusableElement === null || _nextFocusableElement === void 0 ? void 0 : _nextFocusableElement.focus();
+          _nextFocusableElement === null || _nextFocusableElement === void 0 || _nextFocusableElement.focus();
         }
         break;
       case 'prev':
@@ -67,20 +67,20 @@ function handleFocus(refs, isLayerDisabled) {
         e.preventDefault();
         if (currentFocusedIdx > 0) {
           var _prevFocusableElement = getPrevFocusableElement(refs, currentFocusedIdx);
-          _prevFocusableElement === null || _prevFocusableElement === void 0 ? void 0 : _prevFocusableElement.focus();
+          _prevFocusableElement === null || _prevFocusableElement === void 0 || _prevFocusableElement.focus();
         }
         break;
       case 'first':
         e.preventDefault();
         // Search for first non-disabled element if first element is disabled
         var nextFocusableElement = getNextFocusableElement(refs, -1);
-        nextFocusableElement === null || nextFocusableElement === void 0 ? void 0 : nextFocusableElement.focus();
+        nextFocusableElement === null || nextFocusableElement === void 0 || nextFocusableElement.focus();
         break;
       case 'last':
         e.preventDefault();
         // Search for last non-disabled element if last element is disabled
         var prevFocusableElement = getPrevFocusableElement(refs, refs.length);
-        prevFocusableElement === null || prevFocusableElement === void 0 ? void 0 : prevFocusableElement.focus();
+        prevFocusableElement === null || prevFocusableElement === void 0 || prevFocusableElement.focus();
         break;
       default:
         return;

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

@@ -16,5 +16,4 @@ var canUseDOM = function canUseDOM() {
 var isVoiceOverSupported = function isVoiceOverSupported() {
   return /Mac OS X/.test(canUseDOM() ? navigator.userAgent : '');
 };
-var _default = isVoiceOverSupported;
-exports.default = _default;
+var _default = exports.default = isVoiceOverSupported;

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

@@ -13,5 +13,4 @@ var resetOptionsInGroup = function resetOptionsInGroup(group) {
     return _objectSpread(_objectSpread({}, accumulator), {}, (0, _defineProperty2.default)({}, current, typeof group[current] === 'undefined' ? undefined : false));
   }, {});
 };
-var _default = resetOptionsInGroup;
-exports.default = _default;
+var _default = exports.default = resetOptionsInGroup;

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

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.PREFIX = void 0;
 exports.default = useGeneratedId;
 var _react = require("react");
-var PREFIX = 'ds--dropdown--';
-exports.PREFIX = PREFIX;
+var PREFIX = exports.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