@carbon/react 1.27.0-rc.0 → 1.28.0-rc.0

package/lib/components/Menu/Menu.js

@@ -26,60 +26,42 @@ var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["children", "className", "label", "onClose", "onOpen", "open", "size", "target", "x", "y"];
-var spacing = 8; // distance to keep to window edges, in px
-
-var Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_ref, forwardRef) {
-  var _cx;
-
-  var children = _ref.children,
-      className = _ref.className,
-      label = _ref.label,
-      onClose = _ref.onClose,
-      onOpen = _ref.onOpen,
-      open = _ref.open,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'sm' : _ref$size,
-      _ref$target = _ref.target,
-      target = _ref$target === void 0 ? document.body : _ref$target,
-      _ref$x = _ref.x,
-      x = _ref$x === void 0 ? 0 : _ref$x,
-      _ref$y = _ref.y,
-      y = _ref$y === void 0 ? 0 : _ref$y,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var focusReturn = React.useRef(null);
-  var context = React.useContext(MenuContext.MenuContext);
-  var isRoot = context.state.isRoot;
-  var menuSize = isRoot ? size : context.state.size;
-
-  var _useReducer = React.useReducer(MenuContext.menuReducer, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, context.state), {}, {
+const spacing = 8; // distance to keep to window edges, in px
+
+const Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_ref, forwardRef) {
+  let {
+    children,
+    className,
+    label,
+    onClose,
+    onOpen,
+    open,
+    size = 'sm',
+    target = document.body,
+    x = 0,
+    y = 0,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const focusReturn = React.useRef(null);
+  const context = React.useContext(MenuContext.MenuContext);
+  const isRoot = context.state.isRoot;
+  const menuSize = isRoot ? size : context.state.size;
+  const [childState, childDispatch] = React.useReducer(MenuContext.menuReducer, { ...context.state,
     isRoot: false,
-    size: size,
+    size,
     requestCloseRoot: isRoot ? handleClose : context.state.requestCloseRoot
-  })),
-      _useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_useReducer, 2),
-      childState = _useReducer2[0],
-      childDispatch = _useReducer2[1];
-
-  var childContext = React.useMemo(function () {
+  });
+  const childContext = React.useMemo(() => {
     return {
       state: childState,
       dispatch: childDispatch
     };
   }, [childState, childDispatch]);
-  var menu = React.useRef();
-  var ref = useMergedRefs.useMergedRefs([forwardRef, menu]);
-
-  var _useState = React.useState([-1, -1]),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      position = _useState2[0],
-      setPosition = _useState2[1];
-
-  var focusableItems = childContext.state.items.filter(function (item) {
-    return !item.disabled && item.ref.current;
-  });
+  const menu = React.useRef();
+  const ref = useMergedRefs.useMergedRefs([forwardRef, menu]);
+  const [position, setPosition] = React.useState([-1, -1]);
+  const focusableItems = childContext.state.items.filter(item => !item.disabled && item.ref.current);
 
   function returnFocus() {
     if (focusReturn.current) {
@@ -90,9 +72,9 @@ var Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_ref,
   function handleOpen() {
     if (menu.current) {
       focusReturn.current = document.activeElement;
-      var pos = calculatePosition();
-      menu.current.style.left = "".concat(pos[0], "px");
-      menu.current.style.top = "".concat(pos[1], "px");
+      const pos = calculatePosition();
+      menu.current.style.left = `${pos[0]}px`;
+      menu.current.style.top = `${pos[1]}px`;
       setPosition(pos);
       menu.current.focus();
 
@@ -132,10 +114,8 @@ var Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_ref,
   }
 
   function focusItem(e) {
-    var currentItem = focusableItems.findIndex(function (item) {
-      return item.ref.current.contains(document.activeElement);
-    });
-    var indexToFocus = currentItem; // if currentItem is -1, no menu item is focused yet.
+    const currentItem = focusableItems.findIndex(item => item.ref.current.contains(document.activeElement));
+    let indexToFocus = currentItem; // if currentItem is -1, no menu item is focused yet.
     // in this case, the first item should receive focus.
 
     if (currentItem === -1) {
@@ -159,7 +139,7 @@ var Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_ref,
     }
 
     if (indexToFocus !== currentItem) {
-      var nodeToFocus = focusableItems[indexToFocus];
+      const nodeToFocus = focusableItems[indexToFocus];
       nodeToFocus.ref.current.focus();
     }
   }
@@ -171,12 +151,12 @@ var Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_ref,
   }
 
   function fitValue(range, axis) {
-    var _menu$current$getBoun = menu.current.getBoundingClientRect(),
-        width = _menu$current$getBoun.width,
-        height = _menu$current$getBoun.height;
-
-    var alignment = isRoot ? 'vertical' : 'horizontal';
-    var axes = {
+    const {
+      width,
+      height
+    } = menu.current.getBoundingClientRect();
+    const alignment = isRoot ? 'vertical' : 'horizontal';
+    const axes = {
       x: {
         max: window.innerWidth,
         size: width,
@@ -193,28 +173,27 @@ var Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_ref,
 
       }
     };
-    var _axes$axis = axes[axis],
-        max = _axes$axis.max,
-        size = _axes$axis.size,
-        anchor = _axes$axis.anchor,
-        reversedAnchor = _axes$axis.reversedAnchor,
-        offset = _axes$axis.offset; // get values for different scenarios, set to false if they don't work
-
-    var options = [// towards max (preferred)
+    const {
+      max,
+      size,
+      anchor,
+      reversedAnchor,
+      offset
+    } = axes[axis]; // get values for different scenarios, set to false if they don't work
+
+    const options = [// towards max (preferred)
     max - spacing - size - anchor >= 0 ? anchor - offset : false, // towards min / reversed (first fallback)
     reversedAnchor - size >= 0 ? reversedAnchor - size + offset : false, // align at max (second fallback)
     max - spacing - size];
-    var bestOption = options.find(function (option) {
-      return option !== false;
-    });
+    const bestOption = options.find(option => option !== false);
     return bestOption >= spacing ? bestOption : spacing;
   }
 
   function calculatePosition() {
     if (menu.current) {
-      var ranges = {
-        x: _rollupPluginBabelHelpers["typeof"](x) === 'object' && x.length === 2 ? x : [x, x],
-        y: _rollupPluginBabelHelpers["typeof"](y) === 'object' && y.length === 2 ? y : [y, y]
+      const ranges = {
+        x: typeof x === 'object' && x.length === 2 ? x : [x, x],
+        y: typeof y === 'object' && y.length === 2 ? y : [y, y]
       };
       return [fitValue(ranges.x, 'x'), fitValue(ranges.y, 'y')];
     }
@@ -222,13 +201,13 @@ var Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_ref,
     return [-1, -1];
   }
 
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (open && focusableItems.length > 0) {
       focusItem();
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [open, focusableItems]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (open) {
       handleOpen();
     } else {
@@ -238,8 +217,16 @@ var Menu = /*#__PURE__*/React__default["default"].forwardRef(function Menu(_ref,
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [open]);
-  var classNames = cx__default["default"](className, "".concat(prefix, "--menu"), "".concat(prefix, "--menu--").concat(menuSize), (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--menu--open"), open), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--menu--shown"), position[0] >= 0 && position[1] >= 0), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--menu--with-icons"), childContext.state.hasIcons), _cx));
-  var rendered = /*#__PURE__*/React__default["default"].createElement(MenuContext.MenuContext.Provider, {
+  const classNames = cx__default["default"](className, `${prefix}--menu`, `${prefix}--menu--${menuSize}`, {
+    // --open sets visibility and --shown sets opacity.
+    // visibility is needed for focusing elements.
+    // opacity is only set once the position has been set correctly
+    // to avoid a flicker effect when opening.
+    [`${prefix}--menu--open`]: open,
+    [`${prefix}--menu--shown`]: position[0] >= 0 && position[1] >= 0,
+    [`${prefix}--menu--with-icons`]: childContext.state.hasIcons
+  });
+  const rendered = /*#__PURE__*/React__default["default"].createElement(MenuContext.MenuContext.Provider, {
     value: childContext
   }, /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: classNames,

package/lib/components/Menu/MenuContext.js

@@ -9,41 +9,38 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var menuDefaultState = {
+const menuDefaultState = {
   isRoot: true,
   hasIcons: false,
   size: null,
   items: [],
-  requestCloseRoot: function requestCloseRoot() {}
+  requestCloseRoot: () => {}
 };
 
 function menuReducer(state, action) {
   switch (action.type) {
     case 'enableIcons':
-      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+      return { ...state,
         hasIcons: true
-      });
+      };
 
     case 'registerItem':
-      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
-        items: [].concat(_rollupPluginBabelHelpers.toConsumableArray(state.items), [action.payload]).filter(function (item) {
-          return item.ref.current !== null;
-        })
-      });
+      return { ...state,
+        items: [...state.items, action.payload].filter(item => item.ref.current !== null)
+      };
   }
 }
 
-var MenuContext = /*#__PURE__*/React__default["default"].createContext({
+const MenuContext = /*#__PURE__*/React__default["default"].createContext({
   state: menuDefaultState,
   // 'dispatch' is populated by the root menu
-  dispatch: function dispatch() {}
+  dispatch: () => {}
 });
 
 exports.MenuContext = MenuContext;

package/lib/components/Menu/MenuItem.js

@@ -29,51 +29,33 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var _CaretRight;
-
-var _excluded = ["children", "className", "disabled", "kind", "label", "onClick", "renderIcon", "shortcut"],
-    _excluded2 = ["className", "defaultSelected", "label", "onChange", "selected"],
-    _excluded3 = ["children", "className", "label"],
-    _excluded4 = ["className", "defaultSelectedItem", "items", "itemToString", "label", "onChange", "selectedItem"],
-    _excluded5 = ["className"];
-var hoverIntentDelay = 150; // in ms
-
-var MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function MenuItem(_ref, forwardRef) {
-  var _cx;
-
-  var children = _ref.children,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      _ref$kind = _ref.kind,
-      kind = _ref$kind === void 0 ? 'default' : _ref$kind,
-      label = _ref.label,
-      onClick = _ref.onClick,
-      IconElement = _ref.renderIcon,
-      shortcut = _ref.shortcut,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix.usePrefix();
-  var context = React.useContext(MenuContext.MenuContext);
-  var menuItem = React.useRef();
-  var ref = useMergedRefs.useMergedRefs([forwardRef, menuItem]);
-
-  var _useState = React.useState({
+const hoverIntentDelay = 150; // in ms
+
+const MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function MenuItem(_ref, forwardRef) {
+  let {
+    children,
+    className,
+    disabled,
+    kind = 'default',
+    label,
+    onClick,
+    renderIcon: IconElement,
+    shortcut,
+    ...rest
+  } = _ref;
+  const prefix = usePrefix.usePrefix();
+  const context = React.useContext(MenuContext.MenuContext);
+  const menuItem = React.useRef();
+  const ref = useMergedRefs.useMergedRefs([forwardRef, menuItem]);
+  const [boundaries, setBoundaries] = React.useState({
     x: -1,
     y: -1
-  }),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      boundaries = _useState2[0],
-      setBoundaries = _useState2[1];
-
-  var hasChildren = Boolean(children);
-
-  var _useState3 = React.useState(false),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      submenuOpen = _useState4[0],
-      setSubmenuOpen = _useState4[1];
-
-  var hoverIntentTimeout = React.useRef(null);
-  var isDisabled = disabled && !hasChildren;
-  var isDanger = kind === 'danger' && !hasChildren;
+  });
+  const hasChildren = Boolean(children);
+  const [submenuOpen, setSubmenuOpen] = React.useState(false);
+  const hoverIntentTimeout = React.useRef(null);
+  const isDisabled = disabled && !hasChildren;
+  const isDanger = kind === 'danger' && !hasChildren;
 
   function registerItem() {
     context.dispatch({
@@ -86,12 +68,12 @@ var MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function MenuIt
   }
 
   function openSubmenu() {
-    var _menuItem$current$get = menuItem.current.getBoundingClientRect(),
-        x = _menuItem$current$get.x,
-        y = _menuItem$current$get.y,
-        width = _menuItem$current$get.width,
-        height = _menuItem$current$get.height;
-
+    const {
+      x,
+      y,
+      width,
+      height
+    } = menuItem.current.getBoundingClientRect();
     setBoundaries({
       x: [x, x + width],
       y: [y, y + height]
@@ -122,7 +104,7 @@ var MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function MenuIt
   }
 
   function handleMouseEnter() {
-    hoverIntentTimeout.current = setTimeout(function () {
+    hoverIntentTimeout.current = setTimeout(() => {
       openSubmenu();
     }, hoverIntentDelay);
   }
@@ -148,10 +130,13 @@ var MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function MenuIt
     }
   }
 
-  var classNames = cx__default["default"](className, "".concat(prefix, "--menu-item"), (_cx = {}, _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--menu-item--disabled"), isDisabled), _rollupPluginBabelHelpers.defineProperty(_cx, "".concat(prefix, "--menu-item--danger"), isDanger), _cx)); // on first render, register this menuitem in the context's state
+  const classNames = cx__default["default"](className, `${prefix}--menu-item`, {
+    [`${prefix}--menu-item--disabled`]: isDisabled,
+    [`${prefix}--menu-item--danger`]: isDanger
+  }); // on first render, register this menuitem in the context's state
   // (used for keyboard navigation)
 
-  React.useEffect(function () {
+  React.useEffect(() => {
     registerItem(); // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
@@ -168,17 +153,17 @@ var MenuItem = /*#__PURE__*/React__default["default"].forwardRef(function MenuIt
     onMouseLeave: hasChildren ? handleMouseLeave : null,
     onKeyDown: handleKeyDown
   }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--menu-item__icon")
+    className: `${prefix}--menu-item__icon`
   }, IconElement && /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--menu-item__label")
+    className: `${prefix}--menu-item__label`
   }, label), shortcut && !hasChildren && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--menu-item__shortcut")
+    className: `${prefix}--menu-item__shortcut`
   }, shortcut), hasChildren && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(prefix, "--menu-item__shortcut")
+    className: `${prefix}--menu-item__shortcut`
   }, _CaretRight || (_CaretRight = /*#__PURE__*/React__default["default"].createElement(icons.CaretRight, null))), /*#__PURE__*/React__default["default"].createElement(Menu.Menu, {
     label: label,
     open: submenuOpen,
-    onClose: function onClose() {
+    onClose: () => {
       closeSubmenu();
       menuItem.current.focus();
     },
@@ -227,25 +212,22 @@ MenuItem.propTypes = {
    */
   shortcut: PropTypes__default["default"].string
 };
-var MenuItemSelectable = /*#__PURE__*/React__default["default"].forwardRef(function MenuItemSelectable(_ref2, forwardRef) {
-  var className = _ref2.className,
-      defaultSelected = _ref2.defaultSelected,
-      label = _ref2.label,
-      onChange = _ref2.onChange,
-      selected = _ref2.selected,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-
-  var prefix = usePrefix.usePrefix();
-  var context = React.useContext(MenuContext.MenuContext);
-
-  var _useControllableState = useControllableState.useControllableState({
+const MenuItemSelectable = /*#__PURE__*/React__default["default"].forwardRef(function MenuItemSelectable(_ref2, forwardRef) {
+  let {
+    className,
+    defaultSelected,
+    label,
+    onChange,
+    selected,
+    ...rest
+  } = _ref2;
+  const prefix = usePrefix.usePrefix();
+  const context = React.useContext(MenuContext.MenuContext);
+  const [checked, setChecked] = useControllableState.useControllableState({
     value: selected,
-    onChange: onChange,
-    defaultValue: defaultSelected !== null && defaultSelected !== void 0 ? defaultSelected : false
-  }),
-      _useControllableState2 = _rollupPluginBabelHelpers.slicedToArray(_useControllableState, 2),
-      checked = _useControllableState2[0],
-      setChecked = _useControllableState2[1];
+    onChange,
+    defaultValue: defaultSelected ?? false
+  });
 
   function handleClick(e) {
     setChecked(!checked);
@@ -255,14 +237,14 @@ var MenuItemSelectable = /*#__PURE__*/React__default["default"].forwardRef(funct
     }
   }
 
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!context.state.hasIcons) {
       context.dispatch({
         type: 'enableIcons'
       });
     }
   }, [context.state.hasIcons, context]);
-  var classNames = cx__default["default"](className, "".concat(prefix, "--menu-item-selectable--selected"));
+  const classNames = cx__default["default"](className, `${prefix}--menu-item-selectable--selected`);
   return /*#__PURE__*/React__default["default"].createElement(MenuItem, _rollupPluginBabelHelpers["extends"]({}, rest, {
     ref: forwardRef,
     label: label,
@@ -299,14 +281,15 @@ MenuItemSelectable.propTypes = {
    */
   selected: PropTypes__default["default"].bool
 };
-var MenuItemGroup = /*#__PURE__*/React__default["default"].forwardRef(function MenuItemGroup(_ref3, forwardRef) {
-  var children = _ref3.children,
-      className = _ref3.className,
-      label = _ref3.label,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded3);
-
-  var prefix = usePrefix.usePrefix();
-  var classNames = cx__default["default"](className, "".concat(prefix, "--menu-item-group"));
+const MenuItemGroup = /*#__PURE__*/React__default["default"].forwardRef(function MenuItemGroup(_ref3, forwardRef) {
+  let {
+    children,
+    className,
+    label,
+    ...rest
+  } = _ref3;
+  const prefix = usePrefix.usePrefix();
+  const classNames = cx__default["default"](className, `${prefix}--menu-item-group`);
   return /*#__PURE__*/React__default["default"].createElement("li", {
     className: classNames,
     role: "none",
@@ -332,30 +315,24 @@ MenuItemGroup.propTypes = {
    */
   label: PropTypes__default["default"].string.isRequired
 };
-var MenuItemRadioGroup = /*#__PURE__*/React__default["default"].forwardRef(function MenuItemRadioGroup(_ref4, forwardRef) {
-  var className = _ref4.className,
-      defaultSelectedItem = _ref4.defaultSelectedItem,
-      items = _ref4.items,
-      _ref4$itemToString = _ref4.itemToString,
-      itemToString = _ref4$itemToString === void 0 ? function (item) {
-    return item.toString();
-  } : _ref4$itemToString,
-      label = _ref4.label,
-      onChange = _ref4.onChange,
-      selectedItem = _ref4.selectedItem,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded4);
-
-  var prefix = usePrefix.usePrefix();
-  var context = React.useContext(MenuContext.MenuContext);
-
-  var _useControllableState3 = useControllableState.useControllableState({
+const MenuItemRadioGroup = /*#__PURE__*/React__default["default"].forwardRef(function MenuItemRadioGroup(_ref4, forwardRef) {
+  let {
+    className,
+    defaultSelectedItem,
+    items,
+    itemToString = item => item.toString(),
+    label,
+    onChange,
+    selectedItem,
+    ...rest
+  } = _ref4;
+  const prefix = usePrefix.usePrefix();
+  const context = React.useContext(MenuContext.MenuContext);
+  const [selection, setSelection] = useControllableState.useControllableState({
     value: selectedItem,
-    onChange: onChange,
+    onChange,
     defaultValue: defaultSelectedItem
-  }),
-      _useControllableState4 = _rollupPluginBabelHelpers.slicedToArray(_useControllableState3, 2),
-      selection = _useControllableState4[0],
-      setSelection = _useControllableState4[1];
+  });
 
   function handleClick(item, e) {
     setSelection(item);
@@ -365,14 +342,14 @@ var MenuItemRadioGroup = /*#__PURE__*/React__default["default"].forwardRef(funct
     }
   }
 
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (!context.state.hasIcons) {
       context.dispatch({
         type: 'enableIcons'
       });
     }
   }, [context.state.hasIcons, context]);
-  var classNames = cx__default["default"](className, "".concat(prefix, "--menu-item-radio-group"));
+  const classNames = cx__default["default"](className, `${prefix}--menu-item-radio-group`);
   return /*#__PURE__*/React__default["default"].createElement("li", {
     className: classNames,
     role: "none",
@@ -380,18 +357,16 @@ var MenuItemRadioGroup = /*#__PURE__*/React__default["default"].forwardRef(funct
   }, /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, rest, {
     role: "group",
     "aria-label": label
-  }), items.map(function (item, i) {
-    return /*#__PURE__*/React__default["default"].createElement(MenuItem, {
-      key: i,
-      label: itemToString(item),
-      role: "menuitemradio",
-      "aria-checked": item === selection,
-      renderIcon: item === selection && icons.Checkmark,
-      onClick: function onClick(e) {
-        handleClick(item, e);
-      }
-    });
-  })));
+  }), items.map((item, i) => /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+    key: i,
+    label: itemToString(item),
+    role: "menuitemradio",
+    "aria-checked": item === selection,
+    renderIcon: item === selection && icons.Checkmark,
+    onClick: e => {
+      handleClick(item, e);
+    }
+  }))));
 });
 MenuItemRadioGroup.propTypes = {
   /**
@@ -429,12 +404,13 @@ MenuItemRadioGroup.propTypes = {
    */
   selectedItem: PropTypes__default["default"].any
 };
-var MenuItemDivider = /*#__PURE__*/React__default["default"].forwardRef(function MenuItemDivider(_ref5, forwardRef) {
-  var className = _ref5.className,
-      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref5, _excluded5);
-
-  var prefix = usePrefix.usePrefix();
-  var classNames = cx__default["default"](className, "".concat(prefix, "--menu-item-divider"));
+const MenuItemDivider = /*#__PURE__*/React__default["default"].forwardRef(function MenuItemDivider(_ref5, forwardRef) {
+  let {
+    className,
+    ...rest
+  } = _ref5;
+  const prefix = usePrefix.usePrefix();
+  const classNames = cx__default["default"](className, `${prefix}--menu-item-divider`);
   return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {
     className: classNames,
     role: "separator",