rsuite 5.76.2 → 6.0.0-canary-20250103

package/cjs/internals/Menu/Menu.js

@@ -6,7 +6,6 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
 var _useMenu = _interopRequireDefault(require("./useMenu"));
@@ -14,16 +13,16 @@ var _hooks = require("../hooks");
 var _constants = require("../constants");
 var _CustomProvider = require("../../CustomProvider");
 var _utils = require("../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var defaultOpenMenuOn = ['click'];
+const defaultOpenMenuOn = ['click'];
 function getMenuItemTarget(event) {
   var _event$currentTarget;
-  var target = event.target;
+  const target = event.target;
   if (target.getAttribute('role') === 'menuitem') {
     return target;
   }
-  return Array.from((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.querySelectorAll('[role="menuitem"]')).find(function (item) {
+  return Array.from((_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.querySelectorAll('[role="menuitem"]')).find(item => {
     return item.contains(target);
   });
 }
@@ -34,37 +33,39 @@ function getMenuItemTarget(event) {
  */
 function Menu(_ref) {
   var _items$activeItemInde;
-  var disabled = _ref.disabled,
-    children = _ref.children,
-    _ref$openMenuOn = _ref.openMenuOn,
-    openMenuOn = _ref$openMenuOn === void 0 ? defaultOpenMenuOn : _ref$openMenuOn,
-    _ref$defaultOpen = _ref.defaultOpen,
-    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen,
-    openProp = _ref.open,
-    menuButtonText = _ref.menuButtonText,
-    renderMenuButton = _ref.renderMenuButton,
-    renderMenuPopup = _ref.renderMenuPopup,
-    onToggleMenu = _ref.onToggleMenu;
-  var buttonElementRef = (0, _react.useRef)(null);
-  var menuElementRef = (0, _react.useRef)(null);
-  var parentMenu = (0, _react.useContext)(_MenuContext.default);
-  var isSubmenu = !!parentMenu;
-  var menu = (0, _useMenu.default)({
+  let {
+    disabled,
+    children,
+    openMenuOn = defaultOpenMenuOn,
+    defaultOpen = false,
+    open: openProp,
+    menuButtonText,
+    renderMenuButton,
+    renderMenuPopup,
+    onToggleMenu
+  } = _ref;
+  const buttonElementRef = (0, _react.useRef)(null);
+  const menuElementRef = (0, _react.useRef)(null);
+  const parentMenu = (0, _react.useContext)(_MenuContext.default);
+  const isSubmenu = !!parentMenu;
+  const menu = (0, _useMenu.default)({
     open: defaultOpen
   });
-  var _menu$ = menu[0],
-    openState = _menu$.open,
-    items = _menu$.items,
-    activeItemIndex = _menu$.activeItemIndex,
-    dispatch = menu[1];
-  var openControlled = typeof openProp !== 'undefined';
-  var open = openControlled ? openProp : openState;
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    rtl = _useCustom.rtl;
-  var activeItem = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
-  var _useFocus = (0, _hooks.useFocus)(menuElementRef),
-    grabFocus = _useFocus.grab;
-  var openMenu = (0, _react.useCallback)(function (event) {
+  const [{
+    open: openState,
+    items,
+    activeItemIndex
+  }, dispatch] = menu;
+  const openControlled = typeof openProp !== 'undefined';
+  const open = openControlled ? openProp : openState;
+  const {
+    rtl
+  } = (0, _CustomProvider.useCustom)();
+  const activeItem = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = items[activeItemIndex]) === null || _items$activeItemInde === void 0 ? void 0 : _items$activeItemInde.element;
+  const {
+    grab: grabFocus
+  } = (0, _hooks.useFocus)(menuElementRef);
+  const openMenu = (0, _react.useCallback)(event => {
     dispatch({
       type: _MenuContext.MenuActionTypes.OpenMenu
     });
@@ -77,7 +78,7 @@ function Menu(_ref) {
     onToggleMenu === null || onToggleMenu === void 0 || onToggleMenu(true, event);
     grabFocus();
   }, [dispatch, onToggleMenu, grabFocus]);
-  var closeMenu = (0, _react.useCallback)(function (event, returnFocusToButton) {
+  const closeMenu = (0, _react.useCallback)(function (event, returnFocusToButton) {
     if (returnFocusToButton === void 0) {
       returnFocusToButton = true;
     }
@@ -96,7 +97,7 @@ function Menu(_ref) {
       });
     }
   }, [dispatch, onToggleMenu, buttonElementRef]);
-  var toggleMenu = (0, _react.useCallback)(function (event) {
+  const toggleMenu = (0, _react.useCallback)(event => {
     if (!open) {
       openMenu(event);
     } else {
@@ -105,21 +106,19 @@ function Menu(_ref) {
   }, [open, openMenu, closeMenu]);
   (0, _hooks.useClickOutside)({
     enabled: open,
-    isOutside: function isOutside(event) {
+    isOutside: event => {
       var _buttonElementRef$cur2, _menuElementRef$curre;
       return !((_buttonElementRef$cur2 = buttonElementRef.current) !== null && _buttonElementRef$cur2 !== void 0 && _buttonElementRef$cur2.contains(event.target)) && !((_menuElementRef$curre = menuElementRef.current) !== null && _menuElementRef$curre !== void 0 && _menuElementRef$curre.contains(event.target));
     },
     // fixme if clicking on a focusable element, don't move focus to menu button
-    handle: function handle(event) {
-      return closeMenu(event, !(0, _utils.isFocusableElement)(event.target));
-    }
+    handle: event => closeMenu(event, !(0, _utils.isFocusableElement)(event.target))
   });
 
   /**
    * Keyboard interaction on menu button
    * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-13
    */
-  var handleButtonKeydown = (0, _react.useCallback)(function (e) {
+  const handleButtonKeydown = (0, _react.useCallback)(e => {
     switch (e.key) {
       // Open the menu
       case _constants.KEY_VALUES.ENTER:
@@ -151,13 +150,13 @@ function Menu(_ref) {
         break;
     }
   }, [open, openMenu, closeMenu, dispatch]);
-  var handleButtonClick = (0, _react.useCallback)(function (event) {
+  const handleButtonClick = (0, _react.useCallback)(event => {
     if (disabled) {
       return;
     }
     toggleMenu(event);
   }, [disabled, toggleMenu]);
-  var handleButtonContextMenu = (0, _react.useCallback)(function (event) {
+  const handleButtonContextMenu = (0, _react.useCallback)(event => {
     // prevents default contextmenu
     event.preventDefault();
 
@@ -166,8 +165,8 @@ function Menu(_ref) {
     if (disabled) return;
     openMenu(event);
   }, [open, disabled, openMenu]);
-  var buttonEventHandlers = (0, _react.useMemo)(function () {
-    var buttonEventHandlers = {
+  const buttonEventHandlers = (0, _react.useMemo)(() => {
+    const buttonEventHandlers = {
       onKeyDown: handleButtonKeydown
     };
 
@@ -183,9 +182,9 @@ function Menu(_ref) {
     }
     return buttonEventHandlers;
   }, [openMenuOn, handleButtonKeydown, handleButtonClick, handleButtonContextMenu]);
-  var buttonId = (0, _hooks.useUniqueId)('menubutton-');
-  var menuId = (0, _hooks.useUniqueId)('menu-');
-  var buttonAriaAttributes = (0, _react.useMemo)(function () {
+  const buttonId = (0, _hooks.useUniqueId)('menubutton-');
+  const menuId = (0, _hooks.useUniqueId)('menu-');
+  const buttonAriaAttributes = (0, _react.useMemo)(() => {
     // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-14
     return {
       role: 'button',
@@ -195,18 +194,19 @@ function Menu(_ref) {
       'aria-controls': menuId
     };
   }, [open, menuId]);
-  var buttonProps = (0, _react.useMemo)(function () {
-    return (0, _extends2.default)({
-      id: buttonId
-    }, buttonAriaAttributes, buttonEventHandlers, {
+  const buttonProps = (0, _react.useMemo)(() => {
+    return {
+      id: buttonId,
+      ...buttonAriaAttributes,
+      ...buttonEventHandlers,
       // render props
-      open: open
-    });
+      open
+    };
   }, [buttonId, buttonAriaAttributes, buttonEventHandlers, open]);
-  var customMenuButton = (0, _react.useMemo)(function () {
+  const customMenuButton = (0, _react.useMemo)(() => {
     return renderMenuButton === null || renderMenuButton === void 0 ? void 0 : renderMenuButton(buttonProps, buttonElementRef);
   }, [renderMenuButton, buttonProps, buttonElementRef]);
-  var buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
+  const buttonElement = customMenuButton !== null && customMenuButton !== void 0 ? customMenuButton : /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
     ref: buttonElementRef
   }, buttonProps), menuButtonText);
 
@@ -214,7 +214,7 @@ function Menu(_ref) {
    * Keyboard interaction on menu
    * @see https://www.w3.org/TR/wai-aria-practices-1.2/#keyboard-interaction-12
    */
-  var handleMenuKeydown = (0, _react.useCallback)(function (e) {
+  const handleMenuKeydown = (0, _react.useCallback)(e => {
     switch (e.key) {
       // Move focus to previous item
       case _constants.KEY_VALUES.UP:
@@ -300,8 +300,8 @@ function Menu(_ref) {
   }, [dispatch, activeItem, isSubmenu, rtl, closeMenu]);
 
   // Only used for clicks bubbling from child `menuitem`s.
-  var handleMenuClick = (0, _react.useCallback)(function (event) {
-    var target = getMenuItemTarget(event);
+  const handleMenuClick = (0, _react.useCallback)(event => {
+    const target = getMenuItemTarget(event);
     if (!target) return;
 
     // Only handle clicks on `menuitem`s
@@ -316,68 +316,68 @@ function Menu(_ref) {
   }, [closeMenu, isSubmenu]);
 
   // Ref: https://www.w3.org/TR/wai-aria-practices-1.2/#wai-aria-roles-states-and-properties-13
-  var menuAriaAttributes = {
+  const menuAriaAttributes = {
     role: 'menu',
     'aria-labelledby': buttonId,
     'aria-activedescendant': activeItem === null || activeItem === void 0 ? void 0 : activeItem.id
   };
-  var menuEventHandlers = {
+  const menuEventHandlers = {
     onClick: handleMenuClick,
     onKeyDown: handleMenuKeydown
   };
-  var menuProps = (0, _extends2.default)({
-    id: menuId
-  }, menuAriaAttributes, menuEventHandlers, {
+  const menuProps = {
+    id: menuId,
+    ...menuAriaAttributes,
+    ...menuEventHandlers,
     tabIndex: 0
-  });
-  var customMenuPopup = renderMenuPopup === null || renderMenuPopup === void 0 ? void 0 : renderMenuPopup((0, _extends2.default)({}, menuProps, {
-    open: open
-  }), menuElementRef);
+  };
+  const customMenuPopup = renderMenuPopup === null || renderMenuPopup === void 0 ? void 0 : renderMenuPopup({
+    ...menuProps,
+    open
+  }, menuElementRef);
 
   // fixme Wrong children here
-  var menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
+  const menuElement = customMenuPopup !== null && customMenuPopup !== void 0 ? customMenuPopup : /*#__PURE__*/_react.default.createElement("ul", (0, _extends2.default)({
     ref: menuElementRef
   }, menuProps, {
     hidden: !open
   }), children);
-  var handleMouseEnter = (0, _react.useCallback)(function (e) {
+  const handleMouseEnter = (0, _react.useCallback)(e => {
     if (!disabled) {
       openMenu(e);
     }
   }, [disabled, openMenu]);
-  var handleMouseLeave = (0, _react.useCallback)(function (e) {
+  const handleMouseLeave = (0, _react.useCallback)(e => {
     if (!disabled) {
       closeMenu(e);
     }
   }, [disabled, closeMenu]);
-  var rootElementRef = (0, _react.useRef)(null);
-  var handleContainerBlur = (0, _react.useCallback)(function (event) {
+  const rootElementRef = (0, _react.useRef)(null);
+  const handleContainerBlur = (0, _react.useCallback)(event => {
     /* istanbul ignore else */
     if ((0, _utils.isFocusLeaving)(event)) {
       closeMenu(event, false);
     }
   }, [closeMenu]);
-  var rootEventHandlers = {
+  const rootEventHandlers = {
     onBlur: handleContainerBlur
   };
   if (openMenuOn !== null && openMenuOn !== void 0 && openMenuOn.includes('mouseover')) {
     rootEventHandlers.onMouseEnter = handleMouseEnter;
     rootEventHandlers.onMouseLeave = handleMouseLeave;
   }
-  var rootProps = (0, _extends2.default)({}, rootEventHandlers, {
+  const rootProps = {
+    ...rootEventHandlers,
     children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, buttonElement, /*#__PURE__*/_react.default.createElement(_MenuContext.default.Provider, {
       value: menu
     }, menuElement)),
     // render props
-    open: open
-  });
+    open
+  };
   if (isSubmenu) {
     rootProps.role = 'none presentation';
   }
   return children(rootProps, rootElementRef);
 }
 Menu.displayName = 'Menu';
-Menu.propTypes = {
-  children: _propTypes.default.func.isRequired
-};
 var _default = exports.default = Menu;

package/cjs/internals/Menu/MenuContext.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = exports.MoveFocusTo = exports.MenuActionTypes = void 0;
 var _react = _interopRequireDefault(require("react"));
-var MenuActionTypes = exports.MenuActionTypes = /*#__PURE__*/function (MenuActionTypes) {
+let MenuActionTypes = exports.MenuActionTypes = /*#__PURE__*/function (MenuActionTypes) {
   MenuActionTypes[MenuActionTypes["RegisterItem"] = 0] = "RegisterItem";
   MenuActionTypes[MenuActionTypes["UnregisterItem"] = 1] = "UnregisterItem";
   MenuActionTypes[MenuActionTypes["OpenMenu"] = 2] = "OpenMenu";
@@ -13,7 +13,7 @@ var MenuActionTypes = exports.MenuActionTypes = /*#__PURE__*/function (MenuActio
   MenuActionTypes[MenuActionTypes["MoveFocus"] = 4] = "MoveFocus";
   return MenuActionTypes;
 }({});
-var MoveFocusTo = exports.MoveFocusTo = /*#__PURE__*/function (MoveFocusTo) {
+let MoveFocusTo = exports.MoveFocusTo = /*#__PURE__*/function (MoveFocusTo) {
   MoveFocusTo[MoveFocusTo["Next"] = 0] = "Next";
   MoveFocusTo[MoveFocusTo["Prev"] = 1] = "Prev";
   MoveFocusTo[MoveFocusTo["Last"] = 2] = "Last";
@@ -23,6 +23,6 @@ var MoveFocusTo = exports.MoveFocusTo = /*#__PURE__*/function (MoveFocusTo) {
   return MoveFocusTo;
 }({});
 // Defaults to null for checking whether a Menu is inside another menu
-var MenuContext = /*#__PURE__*/_react.default.createContext(null);
+const MenuContext = /*#__PURE__*/_react.default.createContext(null);
 MenuContext.displayName = 'MenuContext';
 var _default = exports.default = MenuContext;

package/cjs/internals/Menu/MenuItem.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 export interface MenuItemProps {
     /** Active the current option */
     selected?: boolean;
@@ -21,11 +20,5 @@ export interface MenuitemRenderProps {
 declare function MenuItem(props: MenuItemProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 declare namespace MenuItem {
     var displayName: string;
-    var propTypes: {
-        selected: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        children: PropTypes.Validator<(...args: any[]) => any>;
-        onActivate: PropTypes.Requireable<(...args: any[]) => any>;
-    };
 }
 export default MenuItem;

package/cjs/internals/Menu/MenuItem.js

@@ -5,11 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _hooks = require("../hooks");
 var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Headless ARIA `menuitem`
@@ -17,24 +16,23 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 function MenuItem(props) {
   var _menuState$items$menu;
-  var children = props.children,
-    _props$selected = props.selected,
-    selected = _props$selected === void 0 ? false : _props$selected,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? false : _props$disabled,
-    onActivate = props.onActivate;
-  var menuitemRef = (0, _react.useRef)(null);
-  var menuitemId = (0, _hooks.useUniqueId)('menuitem-');
-  var menu = (0, _react.useContext)(_MenuContext.default);
+  const {
+    children,
+    selected = false,
+    disabled = false,
+    onActivate
+  } = props;
+  const menuitemRef = (0, _react.useRef)(null);
+  const menuitemId = (0, _hooks.useUniqueId)('menuitem-');
+  const menu = (0, _react.useContext)(_MenuContext.default);
   if (!menu) {
     throw new Error('<MenuItem> must be rendered within a <Menu>');
   }
-  var menuState = menu[0],
-    dispatch = menu[1];
+  const [menuState, dispatch] = menu;
 
   // Whether this menuitem has focus (indicated by `aria-activedescendant` from parent menu)
-  var hasFocus = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(menuState.activeItemIndex) && ((_menuState$items$menu = menuState.items[menuState.activeItemIndex]) === null || _menuState$items$menu === void 0 ? void 0 : _menuState$items$menu.element) === menuitemRef.current;
-  var handleClick = (0, _react.useCallback)(function (event) {
+  const hasFocus = !(0, _isNil.default)(menuitemRef.current) && !(0, _isNil.default)(menuState.activeItemIndex) && ((_menuState$items$menu = menuState.items[menuState.activeItemIndex]) === null || _menuState$items$menu === void 0 ? void 0 : _menuState$items$menu.element) === menuitemRef.current;
+  const handleClick = (0, _react.useCallback)(event => {
     if (disabled) {
       return;
     }
@@ -43,7 +41,7 @@ function MenuItem(props) {
 
   // Gain/release focus on mousedown in `menubar`
 
-  var handleMouseDown = (0, _react.useCallback)(function () {
+  const handleMouseDown = (0, _react.useCallback)(() => {
     if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {
       dispatch({
         type: _MenuContext.MenuActionTypes.MoveFocus,
@@ -54,7 +52,7 @@ function MenuItem(props) {
   }, [dispatch, hasFocus]);
 
   // Gain/release focus on mouseenter/mouseleave in `menu`
-  var handleMouseMove = (0, _react.useCallback)(function () {
+  const handleMouseMove = (0, _react.useCallback)(() => {
     if (!(0, _isNil.default)(menuitemRef.current) && !hasFocus) {
       dispatch({
         type: _MenuContext.MenuActionTypes.MoveFocus,
@@ -63,23 +61,23 @@ function MenuItem(props) {
       });
     }
   }, [hasFocus, dispatch]);
-  var handleMouseLeave = (0, _react.useCallback)(function () {
+  const handleMouseLeave = (0, _react.useCallback)(() => {
     dispatch({
       type: _MenuContext.MenuActionTypes.MoveFocus,
       to: _MenuContext.MoveFocusTo.None
     });
   }, [dispatch]);
-  (0, _react.useEffect)(function () {
-    var menuitemElement = menuitemRef.current;
+  (0, _react.useEffect)(() => {
+    const menuitemElement = menuitemRef.current;
     if (menuitemElement) {
       dispatch({
         type: _MenuContext.MenuActionTypes.RegisterItem,
         element: menuitemElement,
         props: {
-          disabled: disabled
+          disabled
         }
       });
-      return function () {
+      return () => {
         dispatch({
           type: _MenuContext.MenuActionTypes.UnregisterItem,
           id: menuitemElement.id
@@ -87,7 +85,7 @@ function MenuItem(props) {
       };
     }
   }, [menuitemRef, disabled, dispatch]);
-  var menuitemProps = {
+  const menuitemProps = {
     id: menuitemId,
     role: 'menuitem',
     // fixme Only use `aria-checked` on menuitemradio and menuitemcheckbox
@@ -97,7 +95,7 @@ function MenuItem(props) {
     onClick: handleClick,
     // render props
 
-    selected: selected,
+    selected,
     active: hasFocus
   };
 
@@ -114,10 +112,4 @@ function MenuItem(props) {
   return children(menuitemProps, menuitemRef);
 }
 MenuItem.displayName = 'MenuItem';
-MenuItem.propTypes = {
-  selected: _propTypes.default.bool,
-  disabled: _propTypes.default.bool,
-  children: _propTypes.default.func.isRequired,
-  onActivate: _propTypes.default.func
-};
 var _default = exports.default = MenuItem;

package/cjs/internals/Menu/Menubar.js

@@ -11,7 +11,7 @@ var _MenuContext = _interopRequireWildcard(require("./MenuContext"));
 var _constants = require("../constants");
 var _CustomProvider = require("../../CustomProvider");
 var _utils = require("../utils");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 // Headless ARIA `menubar`
 
@@ -20,19 +20,20 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  */
 function Menubar(_ref) {
   var _items$activeItemInde3;
-  var _ref$vertical = _ref.vertical,
-    vertical = _ref$vertical === void 0 ? false : _ref$vertical,
-    children = _ref.children,
-    onActivateItem = _ref.onActivateItem;
-  var menubar = (0, _useMenu.default)({
+  let {
+    vertical = false,
+    children,
+    onActivateItem
+  } = _ref;
+  const menubar = (0, _useMenu.default)({
     role: 'menubar'
   });
-  var _menubar$ = menubar[0],
-    items = _menubar$.items,
-    activeItemIndex = _menubar$.activeItemIndex,
-    dispatch = menubar[1];
-  var menubarElementRef = (0, _react.useRef)(null);
-  var onFocus = (0, _react.useCallback)(function (event) {
+  const [{
+    items,
+    activeItemIndex
+  }, dispatch] = menubar;
+  const menubarElementRef = (0, _react.useRef)(null);
+  const onFocus = (0, _react.useCallback)(event => {
     // Focus moves inside Menubar
     if ((0, _utils.isFocusEntering)(event) &&
     // Skip if focus is moving to a focusable element within this menu
@@ -45,7 +46,7 @@ function Menubar(_ref) {
       }
     }
   }, [activeItemIndex, dispatch]);
-  var onBlur = (0, _react.useCallback)(function (event) {
+  const onBlur = (0, _react.useCallback)(event => {
     // Focus moves outside of Menubar
     if ((0, _utils.isFocusLeaving)(event)) {
       dispatch({
@@ -54,11 +55,12 @@ function Menubar(_ref) {
       });
     }
   }, [dispatch]);
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    rtl = _useCustom.rtl;
-  var onKeyDown = (0, _react.useCallback)(function (event) {
+  const {
+    rtl
+  } = (0, _CustomProvider.useCustom)();
+  const onKeyDown = (0, _react.useCallback)(event => {
     var _items$activeItemInde, _items$activeItemInde2;
-    var activeItemElement = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = (_items$activeItemInde2 = items[activeItemIndex]) === null || _items$activeItemInde2 === void 0 ? void 0 : _items$activeItemInde2.element) !== null && _items$activeItemInde !== void 0 ? _items$activeItemInde : null;
+    const activeItemElement = (0, _isNil.default)(activeItemIndex) ? null : (_items$activeItemInde = (_items$activeItemInde2 = items[activeItemIndex]) === null || _items$activeItemInde2 === void 0 ? void 0 : _items$activeItemInde2.element) !== null && _items$activeItemInde !== void 0 ? _items$activeItemInde : null;
     switch (true) {
       case !vertical && !rtl && event.key === _constants.KEY_VALUES.RIGHT:
       case !vertical && rtl && event.key === _constants.KEY_VALUES.LEFT:
@@ -116,10 +118,8 @@ function Menubar(_ref) {
 
   // Only used for handling click events bubbling from children
   // Which indicates that a child menuitem is being activated
-  var onClick = (0, _react.useCallback)(function (event) {
-    if (items.some(function (item) {
-      return item.element === event.target;
-    })) {
+  const onClick = (0, _react.useCallback)(event => {
+    if (items.some(item => item.element === event.target)) {
       onActivateItem === null || onActivateItem === void 0 || onActivateItem(event);
     }
   }, [items, onActivateItem]);
@@ -128,10 +128,10 @@ function Menubar(_ref) {
   }, children({
     role: 'menubar',
     tabIndex: 0,
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onKeyDown: onKeyDown,
-    onClick: onClick,
+    onFocus,
+    onBlur,
+    onKeyDown,
+    onClick,
     'aria-activedescendant': (0, _isNil.default)(activeItemIndex) ? undefined : (_items$activeItemInde3 = items[activeItemIndex]) === null || _items$activeItemInde3 === void 0 ? void 0 : _items$activeItemInde3.element.id,
     'aria-orientation': vertical ? 'vertical' : undefined // implicitly set 'horizontal'
   }, menubarElementRef));