@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/ListBox/ListBoxPropTypes.js

@@ -7,18 +7,12 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var PropTypes = require('prop-types');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 const listBoxTypes = ['default', 'inline'];
 const listBoxSizes = ['sm', 'md', 'lg'];
-const ListBoxTypePropType = PropTypes__default["default"].oneOf(listBoxTypes);
-const ListBoxSizePropType = PropTypes__default["default"].oneOf(listBoxSizes);
+const ListBoxTypePropType = PropTypes.oneOf(listBoxTypes);
+const ListBoxSizePropType = PropTypes.oneOf(listBoxSizes);
 
 exports.ListBoxSizePropType = ListBoxSizePropType;
 exports.ListBoxTypePropType = ListBoxTypePropType;

package/lib/components/ListBox/ListBoxSelection.js

@@ -15,12 +15,6 @@ var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 var _Close, _Close2;
 const translationIds = {
   'clear.all': 'clear.all',
@@ -51,7 +45,7 @@ const ListBoxSelection = ({
   readOnly
 }) => {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--list-box__selection`, {
+  const className = cx(`${prefix}--list-box__selection`, {
     [`${prefix}--tag--filter`]: selectionCount,
     [`${prefix}--list-box__selection--multi`]: selectionCount
   });
@@ -66,17 +60,17 @@ const ListBoxSelection = ({
     }
   };
   const description = selectionCount ? t('clear.all') : t('clear.selection');
-  const tagClasses = cx__default["default"](`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, {
+  const tagClasses = cx(`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, {
     [`${prefix}--tag--disabled`]: disabled
   });
 
   /* eslint-disable jsx-a11y/click-events-have-key-events */
-  return selectionCount ? /*#__PURE__*/React__default["default"].createElement("div", {
+  return selectionCount ? /*#__PURE__*/React.createElement("div", {
     className: tagClasses
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: `${prefix}--tag__label`,
     title: `${selectionCount}`
-  }, selectionCount), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, selectionCount), /*#__PURE__*/React.createElement("div", {
     role: "button",
     tabIndex: -1,
     className: `${prefix}--tag__close-icon`,
@@ -84,46 +78,46 @@ const ListBoxSelection = ({
     "aria-label": t('clear.all'),
     title: description,
     "aria-disabled": readOnly ? true : undefined
-  }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null)))) : /*#__PURE__*/React__default["default"].createElement("div", {
+  }, _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, null)))) : /*#__PURE__*/React.createElement("div", {
     role: "button",
     className: className,
     tabIndex: -1,
     onClick: handleOnClick,
     "aria-label": description,
     title: description
-  }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null)));
+  }, selectionCount, _Close2 || (_Close2 = /*#__PURE__*/React.createElement(iconsReact.Close, null)));
 };
 ListBoxSelection.propTypes = {
   /**
    * Specify a function to be invoked when a user interacts with the clear
    * selection element.
    */
-  clearSelection: PropTypes__default["default"].func.isRequired,
+  clearSelection: PropTypes.func.isRequired,
   /**
    * Specify whether or not the clear selection element should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify an optional `onClearSelection` handler that is called when the underlying
    * element is cleared
    */
-  onClearSelection: PropTypes__default["default"].func,
+  onClearSelection: PropTypes.func,
   /**
    * Whether or not the Dropdown is readonly
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * Specify an optional `selectionCount` value that will be used to determine
    * whether the selection should display a badge or a single clear icon.
    */
-  selectionCount: PropTypes__default["default"].number,
+  selectionCount: PropTypes.number,
   /**
    * i18n hook used to provide the appropriate description for the given menu
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes__default["default"].func
+  translateWithId: PropTypes.func
 };
 
-exports["default"] = ListBoxSelection;
+exports.default = ListBoxSelection;
 exports.translationIds = translationIds;

package/lib/components/ListBox/index.js

@@ -17,14 +17,14 @@ var ListBoxMenuIcon = require('./ListBoxMenuIcon.js');
 var ListBoxMenuItem = require('./ListBoxMenuItem.js');
 var ListBoxSelection = require('./ListBoxSelection.js');
 
-const ListBox = Object.assign(ListBox$1["default"], {
-  Field: ListBoxField["default"],
-  Menu: ListBoxMenu["default"],
-  MenuIcon: ListBoxMenuIcon["default"],
-  MenuItem: ListBoxMenuItem["default"],
-  Selection: ListBoxSelection["default"]
+const ListBox = Object.assign(ListBox$1.default, {
+  Field: ListBoxField.default,
+  Menu: ListBoxMenu.default,
+  MenuIcon: ListBoxMenuIcon.default,
+  MenuItem: ListBoxMenuItem.default,
+  Selection: ListBoxSelection.default
 });
 
 exports.ListBoxSizePropType = ListBoxPropTypes.ListBoxSizePropType;
 exports.ListBoxTypePropType = ListBoxPropTypes.ListBoxTypePropType;
-exports["default"] = ListBox;
+exports.default = ListBox;

package/lib/components/ListBox/next/ListBoxSelection.js

@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 var _Close, _Close2;
 const defaultTranslations = {
   'clear.all': 'Clear all selected items',
@@ -40,12 +34,12 @@ function ListBoxSelection({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](`${prefix}--list-box__selection`, {
+  const className = cx(`${prefix}--list-box__selection`, {
     [`${prefix}--tag--filter`]: selectionCount,
     [`${prefix}--list-box__selection--multi`]: selectionCount
   });
   const description = selectionCount ? t('clear.all') : t('clear.selection');
-  const tagClasses = cx__default["default"](`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, {
+  const tagClasses = cx(`${prefix}--tag`, `${prefix}--tag--filter`, `${prefix}--tag--high-contrast`, {
     [`${prefix}--tag--disabled`]: disabled
   });
   function onClick(event) {
@@ -59,12 +53,12 @@ function ListBoxSelection({
     }
   }
   if (selectionCount) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: tagClasses
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: `${prefix}--tag__label`,
       title: selectionCount?.toString()
-    }, selectionCount), /*#__PURE__*/React__default["default"].createElement("button", {
+    }, selectionCount), /*#__PURE__*/React.createElement("button", {
       "aria-label": description,
       className: `${prefix}--tag__close-icon`,
       disabled: disabled || readOnly,
@@ -73,9 +67,9 @@ function ListBoxSelection({
       title: description,
       type: "button",
       "aria-disabled": readOnly ? true : undefined
-    }, _Close || (_Close = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null))));
+    }, _Close || (_Close = /*#__PURE__*/React.createElement(iconsReact.Close, null))));
   }
-  return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-label": description,
     className: className,
     disabled: disabled || readOnly,
@@ -84,53 +78,53 @@ function ListBoxSelection({
     title: description,
     type: "button",
     "aria-disabled": readOnly ? true : undefined
-  }), _Close2 || (_Close2 = /*#__PURE__*/React__default["default"].createElement(iconsReact.Close, null)));
+  }), _Close2 || (_Close2 = /*#__PURE__*/React.createElement(iconsReact.Close, null)));
 }
 ListBoxSelection.propTypes = {
   /**
    * Specify a function to be invoked when a user interacts with the clear
    * selection element.
    */
-  clearSelection: PropTypes__default["default"].func.isRequired,
+  clearSelection: PropTypes.func.isRequired,
   /**
    * Specify whether or not the clear selection element should be disabled
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Whether or not the listbox is readonly
    */
-  readOnly: PropTypes__default["default"].bool,
+  readOnly: PropTypes.bool,
   /**
    * Specify an optional `onClearSelection` handler that is called when the underlying
    * element is cleared
    */
-  onClearSelection: PropTypes__default["default"].func,
+  onClearSelection: PropTypes.func,
   /**
    * Specify an optional `onClick` handler that is called when the underlying
    * clear selection element is clicked
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * Specify an optional `onClick` handler that is called when the underlying
    * clear selection element is clicked
    */
-  onMouseUp: PropTypes__default["default"].func,
+  onMouseUp: PropTypes.func,
   /**
    * Specify an optional `onKeyDown` handler that is called when the underlying
    * clear selection element fires a keydown event
    */
-  onKeyDown: PropTypes__default["default"].func,
+  onKeyDown: PropTypes.func,
   /**
    * Specify an optional `selectionCount` value that will be used to determine
    * whether the selection should display a badge or a single clear icon.
    */
-  selectionCount: PropTypes__default["default"].number,
+  selectionCount: PropTypes.number,
   /**
    * i18n hook used to provide the appropriate description for the given menu
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes__default["default"].func
+  translateWithId: PropTypes.func
 };
 
-exports["default"] = ListBoxSelection;
+exports.default = ListBoxSelection;

package/lib/components/ListBox/next/ListBoxTrigger.js

@@ -16,12 +16,6 @@ var PropTypes = require('prop-types');
 var iconsReact = require('@carbon/icons-react');
 var usePrefix = require('../../../internal/usePrefix.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-
 var _ChevronDown;
 const translationIds = {
   'close.menu': 'close.menu',
@@ -37,39 +31,39 @@ const defaultTranslateWithId = id => defaultTranslations[id];
  * state of the menu for a given `ListBox`
  */
 
-const ListBoxTrigger = /*#__PURE__*/React__default["default"].forwardRef(function ListBoxTrigger({
+const ListBoxTrigger = /*#__PURE__*/React.forwardRef(function ListBoxTrigger({
   isOpen,
   translateWithId: t = defaultTranslateWithId,
   ...rest
 }, ref) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"]({
+  const className = cx({
     [`${prefix}--list-box__menu-icon`]: true,
     [`${prefix}--list-box__menu-icon--open`]: isOpen
   });
   const description = isOpen ? t('close.menu') : t('open.menu');
-  return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-label": description,
     title: description,
     className: className,
     type: "button",
     tabIndex: -1,
     ref: ref
-  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React__default["default"].createElement(iconsReact.ChevronDown, null)));
+  }), _ChevronDown || (_ChevronDown = /*#__PURE__*/React.createElement(iconsReact.ChevronDown, null)));
 });
 ListBoxTrigger.propTypes = {
   /**
    * Specify whether the menu is currently open, which will influence the
    * direction of the menu icon
    */
-  isOpen: PropTypes__default["default"].bool.isRequired,
+  isOpen: PropTypes.bool.isRequired,
   /**
    * i18n hook used to provide the appropriate description for the given menu
    * icon. This function takes in an id defined in `translationIds` and should
    * return a string message for that given message id.
    */
-  translateWithId: PropTypes__default["default"].func
+  translateWithId: PropTypes.func
 };
 
-exports["default"] = ListBoxTrigger;
+exports.default = ListBoxTrigger;
 exports.translationIds = translationIds;

package/lib/components/ListItem/ListItem.js

@@ -17,20 +17,14 @@ var usePrefix = require('../../internal/usePrefix.js');
 require('../Text/index.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 function ListItem({
   className,
   children,
   ...other
 }) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](`${prefix}--list__item`, className);
-  return /*#__PURE__*/React__default["default"].createElement(Text.Text, _rollupPluginBabelHelpers["extends"]({
+  const classNames = cx(`${prefix}--list__item`, className);
+  return /*#__PURE__*/React.createElement(Text.Text, _rollupPluginBabelHelpers.extends({
     as: "li",
     className: classNames
   }, other), children);
@@ -39,11 +33,11 @@ ListItem.propTypes = {
   /**
    * Specify the content for the ListItem
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to apply to the underlying `<li>` node
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
-exports["default"] = ListItem;
+exports.default = ListItem;

package/lib/components/Loading/Loading.js

@@ -16,12 +16,6 @@ var React = require('react');
 var usePrefix = require('../../internal/usePrefix.js');
 var deprecate = require('../../prop-types/deprecate.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 function Loading({
   active = true,
   className: customClassName,
@@ -31,34 +25,34 @@ function Loading({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const loadingClassName = cx__default["default"](customClassName, {
+  const loadingClassName = cx(customClassName, {
     [`${prefix}--loading`]: true,
     [`${prefix}--loading--small`]: small,
     [`${prefix}--loading--stop`]: !active
   });
-  const overlayClassName = cx__default["default"]({
+  const overlayClassName = cx({
     [`${prefix}--loading-overlay`]: true,
     [`${prefix}--loading-overlay--stop`]: !active
   });
-  const loading = /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  const loading = /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-atomic": "true",
     "aria-live": active ? 'assertive' : 'off',
     className: loadingClassName
-  }), /*#__PURE__*/React__default["default"].createElement("svg", {
+  }), /*#__PURE__*/React.createElement("svg", {
     className: `${prefix}--loading__svg`,
     viewBox: "0 0 100 100"
-  }, /*#__PURE__*/React__default["default"].createElement("title", null, description), small ? /*#__PURE__*/React__default["default"].createElement("circle", {
+  }, /*#__PURE__*/React.createElement("title", null, description), small ? /*#__PURE__*/React.createElement("circle", {
     className: `${prefix}--loading__background`,
     cx: "50%",
     cy: "50%",
     r: "42"
-  }) : null, /*#__PURE__*/React__default["default"].createElement("circle", {
+  }) : null, /*#__PURE__*/React.createElement("circle", {
     className: `${prefix}--loading__stroke`,
     cx: "50%",
     cy: "50%",
     r: small ? '42' : '44'
   })));
-  return withOverlay ? /*#__PURE__*/React__default["default"].createElement("div", {
+  return withOverlay ? /*#__PURE__*/React.createElement("div", {
     className: overlayClassName
   }, loading) : loading;
 }
@@ -66,27 +60,27 @@ Loading.propTypes = {
   /**
    * Specify whether you want the loading indicator to be spinning or not
    */
-  active: PropTypes__default["default"].bool,
+  active: PropTypes.bool,
   /**
    * Provide an optional className to be applied to the containing node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify a description that would be used to best describe the loading state
    */
-  description: PropTypes__default["default"].string,
+  description: PropTypes.string,
   /**
    * Provide an `id` to uniquely identify the label
    */
-  id: deprecate.deprecate(PropTypes__default["default"].string, `\nThe prop \`id\` is no longer needed.`),
+  id: deprecate.deprecate(PropTypes.string, `\nThe prop \`id\` is no longer needed.`),
   /**
    * Specify whether you would like the small variant of <Loading>
    */
-  small: PropTypes__default["default"].bool,
+  small: PropTypes.bool,
   /**
    * Specify whether you want the loader to be applied with an overlay
    */
-  withOverlay: PropTypes__default["default"].bool
+  withOverlay: PropTypes.bool
 };
 
-exports["default"] = Loading;
+exports.default = Loading;

package/lib/components/Loading/index.js

@@ -13,5 +13,5 @@ var Loading = require('./Loading.js');
 
 
 
-exports.Loading = Loading["default"];
-exports["default"] = Loading["default"];
+exports.Loading = Loading.default;
+exports.default = Loading.default;

package/lib/components/Menu/Menu.d.ts

@@ -36,7 +36,9 @@ export interface MenuProps extends React.HTMLAttributes<HTMLUListElement> {
      */
     mode?: 'full' | 'basic';
     /**
-     * Provide an optional function to be called when the Menu should be closed.
+     * Provide an optional function to be called when the Menu should be closed,
+     * including if the Menu is blurred, the user presses escape, or the Menu is
+     * a submenu and the user presses ArrowLeft.
      */
     onClose?: () => void;
     /**

package/lib/components/Menu/Menu.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var cx = require('classnames');
 var PropTypes = require('prop-types');
@@ -24,12 +22,6 @@ require('../LayoutDirection/LayoutDirection.js');
 var useLayoutDirection = require('../LayoutDirection/useLayoutDirection.js');
 var environment = require('../../internal/environment.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 const spacing = 8; // distance to keep to window edges, in px
 
 const Menu = /*#__PURE__*/React.forwardRef(function Menu({
@@ -274,7 +266,7 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu({
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [open]);
-  const classNames = cx__default["default"](className, `${prefix}--menu`, `${prefix}--menu--${menuSize}`, {
+  const classNames = cx(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
@@ -286,9 +278,9 @@ const Menu = /*#__PURE__*/React.forwardRef(function Menu({
     [`${prefix}--menu--with-selectable-items`]: childContext.state.hasSelectableItems,
     [`${prefix}--autoalign`]: !legacyAutoalign
   });
-  const rendered = /*#__PURE__*/React__default["default"].createElement(MenuContext.MenuContext.Provider, {
+  const rendered = /*#__PURE__*/React.createElement(MenuContext.MenuContext.Provider, {
     value: childContext
-  }, /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.extends({}, rest, {
     className: classNames,
     role: "menu",
     ref: ref,
@@ -306,20 +298,20 @@ Menu.propTypes = {
   /**
    * A collection of MenuItems to be rendered within this Menu.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * A label describing the Menu.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  label: PropTypes__default["default"].string,
+  label: PropTypes.string,
   /**
    * Specify how the menu should align with the button element
    */
-  menuAlignment: PropTypes__default["default"].string,
+  menuAlignment: PropTypes.string,
   /**
    * **Deprecated**: Menus now always support both icons as well as selectable items and nesting.
    * The mode of this menu. Defaults to full.
@@ -328,38 +320,40 @@ Menu.propTypes = {
    *
    * **This prop is not intended for use and will be set by the respective implementation (like useContextMenu, MenuButton, and ComboButton).**
    */
-  mode: deprecate.deprecate(PropTypes__default["default"].oneOf(['full', 'basic']), 'Menus now always support both icons as well as selectable items and nesting.'),
+  mode: deprecate.deprecate(PropTypes.oneOf(['full', 'basic']), 'Menus now always support both icons as well as selectable items and nesting.'),
   /**
-   * Provide an optional function to be called when the Menu should be closed.
+   * Provide an optional function to be called when the Menu should be closed,
+   * including if the Menu is blurred, the user presses escape, or the Menu is
+   * a submenu and the user presses ArrowLeft.
    */
-  onClose: PropTypes__default["default"].func,
+  onClose: PropTypes.func,
   /**
    * Provide an optional function to be called when the Menu is opened.
    */
-  onOpen: PropTypes__default["default"].func,
+  onOpen: PropTypes.func,
   /**
    * Whether the Menu is open or not.
    */
-  open: PropTypes__default["default"].bool,
+  open: PropTypes.bool,
   /**
    * Specify the size of the Menu.
    */
-  size: PropTypes__default["default"].oneOf(['xs', 'sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['xs', 'sm', 'md', 'lg']),
   /**
    * Specify a DOM node where the Menu should be rendered in. Defaults to document.body.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  target: PropTypes__default["default"].object,
+  target: PropTypes.object,
   /**
    * Specify the x position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([x1, x2])
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  x: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].arrayOf(PropTypes__default["default"].number)]),
+  x: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),
   /**
    * Specify the y position of the Menu. Either pass a single number or an array with two numbers describing your activator's boundaries ([y1, y2])
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  y: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].arrayOf(PropTypes__default["default"].number)])
+  y: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)])
 };
 
 exports.Menu = Menu;

package/lib/components/Menu/MenuContext.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 const menuDefaultState = {