@carbon/react 1.87.0-rc.0 → 1.87.0

package/lib/components/Menu/MenuItem.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');
@@ -27,12 +25,6 @@ var useLayoutDirection = require('../LayoutDirection/useLayoutDirection.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 cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var _Checkmark, _CaretLeft, _CaretRight;
 const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem({
   children,
@@ -134,7 +126,7 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem({
     }
     pendingKeyboardClick.current = false;
   }
-  const classNames = cx__default["default"](className, `${prefix}--menu-item`, {
+  const classNames = cx(className, `${prefix}--menu-item`, {
     [`${prefix}--menu-item--disabled`]: isDisabled,
     [`${prefix}--menu-item--danger`]: isDanger
   });
@@ -179,11 +171,11 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem({
       }
     });
   }, [floatingStyles, refs.floating]);
-  return /*#__PURE__*/React__default["default"].createElement(react.FloatingFocusManager, {
+  return /*#__PURE__*/React.createElement(react.FloatingFocusManager, {
     context: floatingContext,
     order: ['reference', 'floating'],
     modal: false
-  }, /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
     role: "menuitem"
   }, rest, {
     ref: ref,
@@ -195,19 +187,19 @@ const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem({
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     onKeyUp: handleKeyUp
-  }, getReferenceProps()), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, getReferenceProps()), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__selection-icon`
-  }, rest['aria-checked'] && (_Checkmark || (_Checkmark = /*#__PURE__*/React__default["default"].createElement(iconsReact.Checkmark, null)))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest['aria-checked'] && (_Checkmark || (_Checkmark = /*#__PURE__*/React.createElement(iconsReact.Checkmark, null)))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__icon`
-  }, IconElement && /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, IconElement && /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--menu-item__label`,
     title: label
-  }, label), shortcut && !hasChildren && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, label), shortcut && !hasChildren && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__shortcut`
-  }, shortcut), hasChildren && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, shortcut), hasChildren && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--menu-item__shortcut`
-  }, rtl ? _CaretLeft || (_CaretLeft = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretLeft, null)) : _CaretRight || (_CaretRight = /*#__PURE__*/React__default["default"].createElement(iconsReact.CaretRight, null))), /*#__PURE__*/React__default["default"].createElement(Menu.Menu, _rollupPluginBabelHelpers["extends"]({
+  }, rtl ? _CaretLeft || (_CaretLeft = /*#__PURE__*/React.createElement(iconsReact.CaretLeft, null)) : _CaretRight || (_CaretRight = /*#__PURE__*/React.createElement(iconsReact.CaretRight, null))), /*#__PURE__*/React.createElement(Menu.Menu, _rollupPluginBabelHelpers.extends({
     label: label,
     open: submenuOpen,
     onClose: () => {
@@ -221,38 +213,38 @@ MenuItem.propTypes = {
   /**
    * Optionally provide another Menu to create a submenu. props.children can't be used to specify the content of the MenuItem itself. Use props.label instead.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the MenuItem is disabled or not.
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify the kind of the MenuItem.
    */
-  kind: PropTypes__default["default"].oneOf(['default', 'danger']),
+  kind: PropTypes.oneOf(['default', 'danger']),
   /**
    * A required label titling the MenuItem. Will be rendered as its text content.
    */
-  label: PropTypes__default["default"].string.isRequired,
+  label: PropTypes.string.isRequired,
   /**
    * Provide an optional function to be called when the MenuItem is clicked.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * A component used to render an icon.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Provide a shortcut for the action of this MenuItem. Note that the component will only render it as a hint but not actually register the shortcut.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  shortcut: PropTypes__default["default"].string
+  shortcut: PropTypes.string
 };
 const MenuItemSelectable = /*#__PURE__*/React.forwardRef(function MenuItemSelectable({
   className,
@@ -280,8 +272,8 @@ const MenuItemSelectable = /*#__PURE__*/React.forwardRef(function MenuItemSelect
       });
     }
   }, [context.state.hasSelectableItems, context]);
-  const classNames = cx__default["default"](className, `${prefix}--menu-item-selectable--selected`);
-  return /*#__PURE__*/React__default["default"].createElement(MenuItem, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  const classNames = cx(className, `${prefix}--menu-item-selectable--selected`);
+  return /*#__PURE__*/React.createElement(MenuItem, _rollupPluginBabelHelpers.extends({}, rest, {
     ref: forwardRef,
     label: label,
     className: classNames,
@@ -294,26 +286,26 @@ MenuItemSelectable.propTypes = {
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the option should be selected by default.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  defaultSelected: PropTypes__default["default"].bool,
+  defaultSelected: PropTypes.bool,
   /**
    * A required label titling this option.
    */
-  label: PropTypes__default["default"].string.isRequired,
+  label: PropTypes.string.isRequired,
   /**
    * Provide an optional function to be called when the selection state changes.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Pass a bool to props.selected to control the state of this option.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  selected: PropTypes__default["default"].bool
+  selected: PropTypes.bool
 };
 const MenuItemGroup = /*#__PURE__*/React.forwardRef(function MenuItemGroup({
   children,
@@ -322,12 +314,12 @@ const MenuItemGroup = /*#__PURE__*/React.forwardRef(function MenuItemGroup({
   ...rest
 }, forwardRef) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](className, `${prefix}--menu-item-group`);
-  return /*#__PURE__*/React__default["default"].createElement("li", {
+  const classNames = cx(className, `${prefix}--menu-item-group`);
+  return /*#__PURE__*/React.createElement("li", {
     className: classNames,
     role: "none",
     ref: forwardRef
-  }, /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.extends({}, rest, {
     role: "group",
     "aria-label": label
   }), children));
@@ -336,15 +328,15 @@ MenuItemGroup.propTypes = {
   /**
    * A collection of MenuItems to be rendered within this group.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * A required label titling this group.
    */
-  label: PropTypes__default["default"].string.isRequired
+  label: PropTypes.string.isRequired
 };
 const defaultItemToString = item => item.toString();
 const MenuItemRadioGroup = /*#__PURE__*/React.forwardRef(function MenuItemRadioGroup({
@@ -375,15 +367,15 @@ const MenuItemRadioGroup = /*#__PURE__*/React.forwardRef(function MenuItemRadioG
       });
     }
   }, [context.state.hasSelectableItems, context]);
-  const classNames = cx__default["default"](className, `${prefix}--menu-item-radio-group`);
-  return /*#__PURE__*/React__default["default"].createElement("li", {
+  const classNames = cx(className, `${prefix}--menu-item-radio-group`);
+  return /*#__PURE__*/React.createElement("li", {
     className: classNames,
     role: "none",
     ref: forwardRef
-  }, /*#__PURE__*/React__default["default"].createElement("ul", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  }, /*#__PURE__*/React.createElement("ul", _rollupPluginBabelHelpers.extends({}, rest, {
     role: "group",
     "aria-label": label
-  }), items.map((item, i) => /*#__PURE__*/React__default["default"].createElement(MenuItem, {
+  }), items.map((item, i) => /*#__PURE__*/React.createElement(MenuItem, {
     key: i,
     label: itemToString(item),
     role: "menuitemradio",
@@ -397,42 +389,42 @@ MenuItemRadioGroup.propTypes = {
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the default selected item. Must match the type of props.items.
    */
-  defaultSelectedItem: PropTypes__default["default"].any,
+  defaultSelectedItem: PropTypes.any,
   /**
    * Provide a function to convert an item to the string that will be rendered. Defaults to item.toString().
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  itemToString: PropTypes__default["default"].func,
+  itemToString: PropTypes.func,
   /**
    * Provide the options for this radio group. Can be of any type, as long as you provide an appropriate props.itemToString function.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  items: PropTypes__default["default"].array,
+  items: PropTypes.array,
   /**
    * A required label titling this radio group.
    */
-  label: PropTypes__default["default"].string.isRequired,
+  label: PropTypes.string.isRequired,
   /**
    * Provide an optional function to be called when the selection changes.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  onChange: PropTypes__default["default"].func,
+  onChange: PropTypes.func,
   /**
    * Provide props.selectedItem to control the state of this radio group. Must match the type of props.items.
    */
-  selectedItem: PropTypes__default["default"].any
+  selectedItem: PropTypes.any
 };
 const MenuItemDivider = /*#__PURE__*/React.forwardRef(function MenuItemDivider({
   className,
   ...rest
 }, forwardRef) {
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](className, `${prefix}--menu-item-divider`);
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  const classNames = cx(className, `${prefix}--menu-item-divider`);
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
     className: classNames,
     role: "separator",
     ref: forwardRef
@@ -442,7 +434,7 @@ MenuItemDivider.propTypes = {
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string
+  className: PropTypes.string
 };
 
 exports.MenuItem = MenuItem;

package/lib/components/MenuButton/index.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var PropTypes = require('prop-types');
@@ -25,12 +23,6 @@ var react = require('@floating-ui/react');
 var index = require('../FeatureFlags/index.js');
 var mergeRefs = require('../../tools/mergeRefs.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 const validButtonKinds = ['primary', 'tertiary', 'ghost'];
 const defaultButtonKind = 'primary';
 const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton({
@@ -94,7 +86,7 @@ const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton({
     middleware: middlewares,
     whileElementsMounted: react.autoUpdate
   });
-  const ref = mergeRefs["default"](forwardRef, triggerRef);
+  const ref = mergeRefs.default(forwardRef, triggerRef);
   const {
     open,
     handleClick: hookOnClick,
@@ -117,16 +109,16 @@ const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton({
       hookOnClick();
     }
   }
-  const containerClasses = cx__default["default"](`${prefix}--menu-button__container`, className);
-  const triggerClasses = cx__default["default"](`${prefix}--menu-button__trigger`, {
+  const containerClasses = cx(`${prefix}--menu-button__container`, className);
+  const triggerClasses = cx(`${prefix}--menu-button__trigger`, {
     [`${prefix}--menu-button__trigger--open`]: open
   });
-  const menuClasses = cx__default["default"](`${prefix}--menu-button__${menuAlignment}`);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  const menuClasses = cx(`${prefix}--menu-button__${menuAlignment}`);
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref,
     "aria-owns": open ? id : undefined,
     className: containerClasses
-  }), /*#__PURE__*/React__default["default"].createElement(Button["default"], {
+  }), /*#__PURE__*/React.createElement(Button.default, {
     ref: refs.setReference,
     className: triggerClasses,
     size: size,
@@ -139,7 +131,7 @@ const MenuButton = /*#__PURE__*/React.forwardRef(function MenuButton({
     onClick: handleClick,
     onMouseDown: handleMousedown,
     "aria-controls": open ? id : undefined
-  }, label), /*#__PURE__*/React__default["default"].createElement(Menu.Menu, {
+  }, label), /*#__PURE__*/React.createElement(Menu.Menu, {
     containerRef: triggerRef,
     menuAlignment: menuAlignment,
     className: menuClasses,
@@ -157,43 +149,43 @@ MenuButton.propTypes = {
   /**
    * A collection of MenuItems to be rendered as actions for this MenuButton.
    */
-  children: PropTypes__default["default"].node.isRequired,
+  children: PropTypes.node.isRequired,
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the MenuButton should be disabled, or not.
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Specify the type of button to be used as the base for the trigger button.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  kind: PropTypes__default["default"].oneOf(validButtonKinds),
+  kind: PropTypes.oneOf(validButtonKinds),
   /**
    * Provide the label to be rendered on the trigger button.
    */
-  label: PropTypes__default["default"].string.isRequired,
+  label: PropTypes.string.isRequired,
   /**
    * Experimental property. Specify how the menu should align with the button element
    */
-  menuAlignment: PropTypes__default["default"].oneOf(['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end']),
+  menuAlignment: PropTypes.oneOf(['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end']),
   /**
    * Specify the size of the button and menu.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg']),
+  size: PropTypes.oneOf(['sm', 'md', 'lg']),
   /**
    * Specify the tabIndex of the button.
    */
   // @ts-ignore-next-line -- avoid spurious (?) TS2322 error
-  tabIndex: PropTypes__default["default"].number,
+  tabIndex: PropTypes.number,
   /**
    * Specify a DOM node where the Menu should be rendered in. Defaults to document.body.
    */
 
-  menuTarget: PropTypes__default["default"].instanceOf(typeof Element !== 'undefined' ? Element : Object)
+  menuTarget: PropTypes.instanceOf(typeof Element !== 'undefined' ? Element : Object)
 };
 
 exports.MenuButton = MenuButton;