@atlaskit/dropdown-menu 11.14.4 → 12.0.0

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

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

@@ -21,7 +21,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * __Radio group context__
  * Context provider that wraps each DropdownItemRadioGroup
  */
-var RadioGroupContext = /*#__PURE__*/(0, _react.createContext)({
+var RadioGroupContext = exports.RadioGroupContext = /*#__PURE__*/(0, _react.createContext)({
   id: '',
   radioGroupState: {},
   selectRadioItem: _noop.default
@@ -33,10 +33,15 @@ var RadioGroupContext = /*#__PURE__*/(0, _react.createContext)({
  *  across mount and unmounts.
  *
  */
-exports.RadioGroupContext = RadioGroupContext;
-var DropdownItemRadioGroup = function DropdownItemRadioGroup(props) {
-  var children = props.children,
-    id = props.id;
+var DropdownItemRadioGroup = function DropdownItemRadioGroup(_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;
   var _useContext = (0, _react.useContext)(_selectionStore.SelectionStoreContext),
     setGroupState = _useContext.setGroupState,
     getGroupState = _useContext.getGroupState;
@@ -62,7 +67,16 @@ var DropdownItemRadioGroup = function DropdownItemRadioGroup(props) {
       radioGroupState: radioGroupState,
       selectRadioItem: selectRadioItem
     }
-  }, /*#__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 = DropdownItemRadioGroup;
-exports.default = _default;
+var _default = exports.default = DropdownItemRadioGroup;

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

@@ -6,19 +6,15 @@ 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");
 var _buttonItem = _interopRequireDefault(require("@atlaskit/menu/button-item"));
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _radioIcon = _interopRequireDefault(require("../internal/components/radio-icon"));
 var _useRadioState3 = _interopRequireDefault(require("../internal/hooks/use-radio-state"));
 var _useRegisterItemWithFocusManager = _interopRequireDefault(require("../internal/hooks/use-register-item-with-focus-manager"));
 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; }
 /**
@@ -30,17 +26,21 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/usage)
  */
-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.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 DropdownItemRadio = function DropdownItemRadio(_ref) {
+  var children = _ref.children,
+    defaultSelected = _ref.defaultSelected,
+    testId = _ref.testId,
+    id = _ref.id,
+    title = _ref.title,
+    description = _ref.description,
+    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;
   if (typeof process !== 'undefined' && 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.");
@@ -62,20 +62,22 @@ var DropdownItemRadio = function DropdownItemRadio(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: (0, _isVoiceOverSupported.default)() ? 'radio' : 'menuitemradio',
+  }, /*#__PURE__*/_react.default.createElement(_buttonItem.default, {
     "aria-checked": selected,
-    shouldTitleWrap: shouldTitleWrap,
-    shouldDescriptionWrap: shouldDescriptionWrap,
+    children: children,
+    description: description,
     iconBefore: /*#__PURE__*/_react.default.createElement(_radioIcon.default, {
       checked: selected
     }),
-    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)));
+    id: id,
+    isDisabled: isDisabled,
+    isSelected: selected,
+    onClick: onClickHandler,
+    ref: itemRef,
+    role: (0, _isVoiceOverSupported.default)() ? 'radio' : 'menuitemradio',
+    shouldDescriptionWrap: shouldDescriptionWrap,
+    shouldTitleWrap: shouldTitleWrap,
+    testId: testId
+  }));
 };
-var _default = DropdownItemRadio;
-exports.default = _default;
+var _default = exports.default = DropdownItemRadio;

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

@@ -7,13 +7,28 @@ import { CheckboxGroupContext } from '../internal/context/checkbox-group-context
  * A wrapping element for dropdown menu checkbox items.
  *
  */
-const DropdownItemCheckboxGroup = props => {
-  const {
-    children,
-    id
-  } = props;
+const DropdownItemCheckboxGroup = ({
+  children,
+  hasSeparator,
+  id,
+  isList,
+  isScrollable,
+  overrides,
+  testId,
+  title
+}) => {
   return /*#__PURE__*/React.createElement(CheckboxGroupContext.Provider, {
     value: id
-  }, /*#__PURE__*/React.createElement(Section, props, children));
+  }, /*#__PURE__*/React.createElement(Section, {
+    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));
 };
 export default DropdownItemCheckboxGroup;

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

@@ -1,9 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
 import ButtonItem from '@atlaskit/menu/button-item';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import CheckboxIcon from '../internal/components/checkbox-icon';
 import useCheckboxState from '../internal/hooks/use-checkbox-state';
 import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -16,16 +14,18 @@ import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item
  * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-checkbox/usage)
  */
-const DropdownItemCheckbox = props => {
-  const {
-    id,
-    isSelected,
-    defaultSelected,
-    onClick: providedOnClick = noop,
-    shouldTitleWrap = true,
-    shouldDescriptionWrap = true,
-    ...rest
-  } = props;
+const DropdownItemCheckbox = ({
+  children,
+  defaultSelected,
+  description,
+  id,
+  isDisabled,
+  isSelected,
+  onClick: providedOnClick = noop,
+  shouldDescriptionWrap = true,
+  shouldTitleWrap = true,
+  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.");
@@ -42,19 +42,21 @@ const DropdownItemCheckbox = props => {
   const itemRef = useRegisterItemWithFocusManager();
   return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
     value: "none"
-  }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
-    id: id,
-    onClick: onClickHandler,
-    role: "menuitemcheckbox",
+  }, /*#__PURE__*/React.createElement(ButtonItem, {
     "aria-checked": selected,
-    shouldTitleWrap: shouldTitleWrap,
-    shouldDescriptionWrap: shouldDescriptionWrap,
+    description: description,
     iconBefore: /*#__PURE__*/React.createElement(CheckboxIcon, {
       checked: selected
     }),
-    isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
-    ref: itemRef
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, rest)));
+    id: id,
+    isDisabled: isDisabled,
+    isSelected: selected,
+    onClick: onClickHandler,
+    ref: itemRef,
+    role: "menuitemcheckbox",
+    shouldDescriptionWrap: shouldDescriptionWrap,
+    shouldTitleWrap: shouldTitleWrap,
+    testId: testId
+  }, children));
 };
 export default DropdownItemCheckbox;

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

@@ -1,4 +1,3 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { forwardRef } from 'react';
 import mergeRefs from '@atlaskit/ds-lib/merge-refs';
 import ButtonItem from '@atlaskit/menu/button-item';
@@ -14,45 +13,68 @@ import useRegisterItemWithFocusManager from './internal/hooks/use-register-item-
  * - [Code](https://atlassian.design/components/dropdown-item/code)
  * - [Usage](https://atlassian.design/components/dropdown-item/usage)
  */
-const DropdownMenuItem = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    component,
-    elemBefore,
-    elemAfter,
-    shouldTitleWrap = true,
-    shouldDescriptionWrap = true,
-    children,
-    ...rest
-  } = props;
+const DropdownMenuItem = /*#__PURE__*/forwardRef(({
+  children,
+  component,
+  description,
+  elemAfter,
+  elemBefore,
+  href,
+  isDisabled,
+  isSelected,
+  onClick,
+  rel,
+  shouldDescriptionWrap = true,
+  shouldTitleWrap = true,
+  target,
+  testId
+}, ref) => {
   const itemRef = useRegisterItemWithFocusManager();
   if (component) {
-    return /*#__PURE__*/React.createElement(CustomItem, _extends({
+    return /*#__PURE__*/React.createElement(CustomItem, {
       component: component,
-      iconBefore: elemBefore,
+      description: description,
       iconAfter: elemAfter,
+      iconBefore: elemBefore,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      onClick: onClick,
       ref: mergeRefs([ref, itemRef]),
+      shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
-      shouldDescriptionWrap: shouldDescriptionWrap
-    }, rest), children);
-  } else if (props.href) {
-    return /*#__PURE__*/React.createElement(LinkItem, _extends({
-      href: props.href,
-      iconBefore: elemBefore,
+      testId: testId
+    }, children);
+  } else if (href) {
+    return /*#__PURE__*/React.createElement(LinkItem, {
+      description: description,
+      href: href,
       iconAfter: elemAfter,
-      role: "menuitem",
+      iconBefore: elemBefore,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      onClick: onClick,
       ref: mergeRefs([ref, itemRef]),
+      rel: rel,
+      role: "menuitem",
+      shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
-      shouldDescriptionWrap: shouldDescriptionWrap
-    }, rest), children);
+      target: target,
+      testId: testId
+    }, children);
   } else {
-    return /*#__PURE__*/React.createElement(ButtonItem, _extends({
-      role: "menuitem",
-      iconBefore: elemBefore,
+    return /*#__PURE__*/React.createElement(ButtonItem, {
+      description: description,
       iconAfter: elemAfter,
+      iconBefore: elemBefore,
+      isDisabled: isDisabled,
+      isSelected: isSelected,
+      onClick: onClick,
       ref: mergeRefs([ref, itemRef]),
+      role: "menuitem",
+      shouldDescriptionWrap: shouldDescriptionWrap,
       shouldTitleWrap: shouldTitleWrap,
-      shouldDescriptionWrap: shouldDescriptionWrap
-    }, rest), children);
+      testId: testId
+    }, children);
   }
 });
 export default DropdownMenuItem;

package/dist/es2019/dropdown-menu.js

@@ -57,23 +57,22 @@ const getFallbackPlacements = placement => {
  * - [Code](https://atlassian.design/components/dropdown-menu/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/usage)
  */
-const DropdownMenu = props => {
-  const {
-    defaultOpen = false,
-    isOpen,
-    onOpenChange = noop,
-    children,
-    placement = 'bottom-start',
-    trigger,
-    spacing,
-    shouldFlip = true,
-    shouldRenderToParent = false,
-    isLoading = false,
-    autoFocus = false,
-    testId,
-    statusLabel,
-    zIndex = layers.modal()
-  } = props;
+const DropdownMenu = ({
+  autoFocus = false,
+  children,
+  defaultOpen = false,
+  isLoading = false,
+  isOpen,
+  onOpenChange = noop,
+  placement = 'bottom-start',
+  shouldFlip = true,
+  shouldRenderToParent = false,
+  spacing,
+  statusLabel,
+  testId,
+  trigger,
+  zIndex = layers.modal()
+}) => {
   const [isLocalOpen, setLocalIsOpen] = useControlledState(isOpen, () => defaultOpen);
   const [isTriggeredUsingKeyboard, setTriggeredUsingKeyboard] = useState(false);
   const fallbackPlacements = useMemo(() => getFallbackPlacements(placement), [placement]);
@@ -158,14 +157,17 @@ const DropdownMenu = props => {
     testId: testId && `${testId}--content`,
     shouldUseCaptureOnOutsideClick: true,
     shouldRenderToParent: shouldRenderToParent,
-    trigger: triggerProps => {
+    trigger: ({
+      ref,
+      'aria-controls': ariaControls,
+      'aria-expanded': ariaExpanded,
+      'aria-haspopup': ariaHasPopup
+    }) => {
       if (typeof trigger === 'function') {
-        const {
-          ref,
-          ...providedProps
-        } = triggerProps;
         return trigger({
-          ...providedProps,
+          'aria-controls': ariaControls,
+          'aria-expanded': ariaExpanded,
+          'aria-haspopup': ariaHasPopup,
           ...bindFocus,
           triggerRef: mergeRefs([ref, itemRef]),
           isSelected: isLocalOpen,
@@ -180,18 +182,18 @@ const DropdownMenu = props => {
         }),
         onFocus: bindFocus.onFocus,
         onBlur: bindFocus.onBlur,
-        ref: mergeRefs([triggerProps.ref, itemRef]),
-        "aria-controls": triggerProps['aria-controls'],
-        "aria-expanded": triggerProps['aria-expanded'],
-        "aria-haspopup": triggerProps['aria-haspopup'],
+        ref: mergeRefs([ref, itemRef]),
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-haspopup": ariaHasPopup,
         isSelected: isLocalOpen,
         onClick: handleTriggerClicked,
         testId: testId && `${testId}--trigger`
       }, trigger) : /*#__PURE__*/React.createElement(Button, _extends({}, bindFocus, {
-        ref: mergeRefs([triggerProps.ref, itemRef]),
-        "aria-controls": triggerProps['aria-controls'],
-        "aria-expanded": triggerProps['aria-expanded'],
-        "aria-haspopup": triggerProps['aria-haspopup'],
+        ref: mergeRefs([ref, itemRef]),
+        "aria-controls": ariaControls,
+        "aria-expanded": ariaExpanded,
+        "aria-haspopup": ariaHasPopup,
         isSelected: isLocalOpen,
         iconAfter: /*#__PURE__*/React.createElement(ExpandIcon, {
           size: "medium",

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

@@ -19,11 +19,16 @@ export const RadioGroupContext = /*#__PURE__*/createContext({
  *  across mount and unmounts.
  *
  */
-const DropdownItemRadioGroup = props => {
-  const {
-    children,
-    id
-  } = props;
+const DropdownItemRadioGroup = ({
+  children,
+  hasSeparator,
+  id,
+  isList,
+  isScrollable,
+  overrides,
+  testId,
+  title
+}) => {
   const {
     setGroupState,
     getGroupState
@@ -48,6 +53,16 @@ const DropdownItemRadioGroup = props => {
       radioGroupState,
       selectRadioItem
     }
-  }, /*#__PURE__*/React.createElement(Section, props, children));
+  }, /*#__PURE__*/React.createElement(Section, {
+    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));
 };
 export default DropdownItemRadioGroup;

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

@@ -1,9 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
 import React, { useCallback } from 'react';
 import noop from '@atlaskit/ds-lib/noop';
 import { SELECTION_STYLE_CONTEXT_DO_NOT_USE } from '@atlaskit/menu';
 import ButtonItem from '@atlaskit/menu/button-item';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import RadioIcon from '../internal/components/radio-icon';
 import useRadioState from '../internal/hooks/use-radio-state';
 import useRegisterItemWithFocusManager from '../internal/hooks/use-register-item-with-focus-manager';
@@ -17,16 +15,19 @@ import isVoiceOverSupported from '../internal/utils/is-voice-over-supported';
  * - [Code](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/code)
  * - [Usage](https://atlassian.design/components/dropdown-menu/dropdown-item-radio/usage)
  */
-const DropdownItemRadio = props => {
-  const {
-    id,
-    isSelected,
-    defaultSelected,
-    onClick: providedOnClick = noop,
-    shouldTitleWrap = true,
-    shouldDescriptionWrap = true,
-    ...rest
-  } = props;
+const DropdownItemRadio = ({
+  children,
+  defaultSelected,
+  testId,
+  id,
+  title,
+  description,
+  isDisabled,
+  isSelected,
+  onClick: providedOnClick = noop,
+  shouldDescriptionWrap = true,
+  shouldTitleWrap = true
+}) => {
   if (typeof process !== 'undefined' && 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.");
@@ -43,19 +44,22 @@ const DropdownItemRadio = props => {
   const itemRef = useRegisterItemWithFocusManager();
   return /*#__PURE__*/React.createElement(SELECTION_STYLE_CONTEXT_DO_NOT_USE.Provider, {
     value: "none"
-  }, /*#__PURE__*/React.createElement(ButtonItem, _extends({
-    id: id,
-    onClick: onClickHandler,
-    role: isVoiceOverSupported() ? 'radio' : 'menuitemradio',
+  }, /*#__PURE__*/React.createElement(ButtonItem, {
     "aria-checked": selected,
-    shouldTitleWrap: shouldTitleWrap,
-    shouldDescriptionWrap: shouldDescriptionWrap,
+    children: children,
+    description: description,
     iconBefore: /*#__PURE__*/React.createElement(RadioIcon, {
       checked: selected
     }),
-    isSelected: selected && getBooleanFF('platform.design-system-team.menu-selected-state-change_0see9'),
-    ref: itemRef
-    // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
-  }, rest)));
+    id: id,
+    isDisabled: isDisabled,
+    isSelected: selected,
+    onClick: onClickHandler,
+    ref: itemRef,
+    role: isVoiceOverSupported() ? 'radio' : 'menuitemradio',
+    shouldDescriptionWrap: shouldDescriptionWrap,
+    shouldTitleWrap: shouldTitleWrap,
+    testId: testId
+  }));
 };
 export default DropdownItemRadio;

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

@@ -7,11 +7,27 @@ import { CheckboxGroupContext } from '../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.createElement(CheckboxGroupContext.Provider, {
     value: id
-  }, /*#__PURE__*/React.createElement(Section, props, children));
+  }, /*#__PURE__*/React.createElement(Section, {
+    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));
 };
 export default DropdownItemCheckboxGroup;