@carbon/react 1.86.0 → 1.87.0

package/lib/components/ContainedList/ContainedList.js

@@ -20,12 +20,6 @@ var ContainedListItem = require('./ContainedListItem/ContainedListItem.js');
 var Search = require('../Search/Search.js');
 require('../Search/Search.Skeleton.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 variants = ['on-page', 'disclosed'];
 function filterChildren(children) {
   if (Array.isArray(children)) {
@@ -39,13 +33,13 @@ function filterChildren(children) {
 function renderChildren(children) {
   if (Array.isArray(children)) {
     children.map((child, index) => {
-      if (index === 0 && child.type === Search["default"]) {
+      if (index === 0 && child.type === Search.default) {
         return child;
       }
       return child;
     });
   }
-  if (children && children.type === Search["default"]) {
+  if (children && children.type === Search.default) {
     return children;
   }
   return children;
@@ -62,7 +56,7 @@ const ContainedList = ({
 }) => {
   const labelId = `${useId.useId('contained-list')}-header`;
   const prefix = usePrefix.usePrefix();
-  const classes = cx__default["default"](`${prefix}--contained-list`, {
+  const classes = cx(`${prefix}--contained-list`, {
     [`${prefix}--contained-list--inset-rulers`]: isInset,
     [`${prefix}--contained-list--${size}`]: size,
     // TODO: V12 - Remove this class
@@ -70,7 +64,7 @@ const ContainedList = ({
   }, `${prefix}--contained-list--${kind}`, className);
   const filteredChildren = filterChildren(children);
   function isSearchAction(action) {
-    if (! /*#__PURE__*/React__default["default"].isValidElement(action)) {
+    if (! /*#__PURE__*/React.isValidElement(action)) {
       return false;
     }
     const actionTypes = ['Search', 'ExpandableSearch'];
@@ -84,14 +78,14 @@ const ContainedList = ({
   }
   const isActionSearch = isSearchAction(action);
   const renderedChildren = renderChildren(children);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     className: classes
-  }, rest), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, rest), label && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--contained-list__header`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     id: labelId,
     className: `${prefix}--contained-list__label`
-  }, label), /*#__PURE__*/React__default["default"].createElement(index.LayoutConstraint, {
+  }, label), /*#__PURE__*/React.createElement(index.LayoutConstraint, {
     size: {
       min: 'sm',
       max: 'xl'
@@ -107,41 +101,41 @@ const ContainedList = ({
    * Ref https://bugs.webkit.org/show_bug.cgi?id=170179#c1
    */
   // eslint-disable-next-line jsx-a11y/no-redundant-roles
-  React__default["default"].createElement("ul", {
+  React.createElement("ul", {
     role: "list",
-    "aria-labelledby": labelId
+    "aria-labelledby": label ? labelId : undefined
   }, isActionSearch ? filteredChildren : renderedChildren));
 };
 ContainedList.propTypes = {
   /**
    * A slot for a possible interactive element to render.
    */
-  action: PropTypes__default["default"].node,
+  action: PropTypes.node,
   /**
    * A collection of ContainedListItems to be rendered in the ContainedList
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify whether the dividing lines in between list items should be inset.
    */
-  isInset: PropTypes__default["default"].bool,
+  isInset: PropTypes.bool,
   /**
    * The kind of ContainedList you want to display
    */
-  kind: PropTypes__default["default"].oneOf(variants),
+  kind: PropTypes.oneOf(variants),
   /**
    * A label describing the contained list.
    */
-  label: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].node]).isRequired,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
   /**
    * Specify the size of the contained list.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg', 'xl'])
+  size: PropTypes.oneOf(['sm', 'md', 'lg', 'xl'])
 };
-ContainedList.ContainedListItem = ContainedListItem["default"];
+ContainedList.ContainedListItem = ContainedListItem.default;
 
-exports["default"] = ContainedList;
+exports.default = ContainedList;

package/lib/components/ContainedList/ContainedListItem/ContainedListItem.js

@@ -16,12 +16,6 @@ var cx = require('classnames');
 var index = require('../../Layout/index.js');
 var usePrefix = require('../../../internal/usePrefix.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 ContainedListItem = ({
   action,
   children,
@@ -33,24 +27,24 @@ const ContainedListItem = ({
 }) => {
   const prefix = usePrefix.usePrefix();
   const isClickable = onClick !== undefined;
-  const classes = cx__default["default"](`${prefix}--contained-list-item`, className, {
+  const classes = cx(`${prefix}--contained-list-item`, className, {
     [`${prefix}--contained-list-item--clickable`]: isClickable,
     [`${prefix}--contained-list-item--with-icon`]: IconElement,
     [`${prefix}--contained-list-item--with-action`]: action
   });
-  const content = /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, IconElement && /*#__PURE__*/React__default["default"].createElement("div", {
+  const content = /*#__PURE__*/React.createElement(React.Fragment, null, IconElement && /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--contained-list-item__icon`
-  }, /*#__PURE__*/React__default["default"].createElement(IconElement, null)), /*#__PURE__*/React__default["default"].createElement("div", null, children));
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(IconElement, null)), /*#__PURE__*/React.createElement("div", null, children));
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({
     className: classes
-  }, rest), isClickable ? /*#__PURE__*/React__default["default"].createElement("button", {
+  }, rest), isClickable ? /*#__PURE__*/React.createElement("button", {
     className: `${prefix}--contained-list-item__content`,
     type: "button",
     disabled: disabled,
     onClick: onClick
-  }, content) : /*#__PURE__*/React__default["default"].createElement("div", {
+  }, content) : /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--contained-list-item__content`
-  }, content), action && /*#__PURE__*/React__default["default"].createElement(index.LayoutConstraint, {
+  }, content), action && /*#__PURE__*/React.createElement(index.LayoutConstraint, {
     size: {
       min: 'sm',
       max: 'lg'
@@ -62,27 +56,27 @@ ContainedListItem.propTypes = {
   /**
    * A slot for a possible interactive element to render within the item.
    */
-  action: PropTypes__default["default"].node,
+  action: PropTypes.node,
   /**
    * The content of this item. Must not contain any interactive elements. Use props.action to include those.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Additional CSS class names.
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Whether this item is disabled.
    */
-  disabled: PropTypes__default["default"].bool,
+  disabled: PropTypes.bool,
   /**
    * Provide an optional function to be called when the item is clicked.
    */
-  onClick: PropTypes__default["default"].func,
+  onClick: PropTypes.func,
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object])
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 };
 
-exports["default"] = ContainedListItem;
+exports.default = ContainedListItem;

package/lib/components/ContainedList/ContainedListItem/index.js

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

package/lib/components/ContainedList/index.js

@@ -13,11 +13,11 @@ var deprecateFieldOnObject = require('../../internal/deprecateFieldOnObject.js')
 var ContainedList = require('./ContainedList.js');
 var ContainedListItem = require('./ContainedListItem/ContainedListItem.js');
 
-ContainedList["default"].ContainedListItem = ContainedListItem["default"];
+ContainedList.default.ContainedListItem = ContainedListItem.default;
 if (process.env.NODE_ENV !== 'production') {
-  deprecateFieldOnObject.deprecateFieldOnObject(ContainedList["default"], 'ContainedListItem', ContainedListItem["default"]);
+  deprecateFieldOnObject.deprecateFieldOnObject(ContainedList.default, 'ContainedListItem', ContainedListItem.default);
 }
 
-exports.ContainedList = ContainedList["default"];
-exports["default"] = ContainedList["default"];
-exports.ContainedListItem = ContainedListItem["default"];
+exports.ContainedList = ContainedList.default;
+exports.default = ContainedList.default;
+exports.ContainedListItem = ContainedListItem.default;

package/lib/components/ContentSwitcher/ContentSwitcher.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -24,12 +22,6 @@ var noopFn = require('../../internal/noopFn.js');
 require('../Switch/Switch.js');
 var IconSwitch = require('../Switch/IconSwitch.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);
-
 const ContentSwitcher = ({
   children,
   className,
@@ -92,9 +84,9 @@ const ContentSwitcher = ({
     }
   };
   const isIconOnly = React.Children.map(children, child => {
-    return /*#__PURE__*/React.isValidElement(child) ? child.type === IconSwitch["default"] : null;
+    return /*#__PURE__*/React.isValidElement(child) ? child.type === IconSwitch.default : null;
   })?.every(val => val === true);
-  const classes = cx__default["default"](`${prefix}--content-switcher`, className, {
+  const classes = cx(`${prefix}--content-switcher`, className, {
     [`${prefix}--content-switcher--light`]: light,
     [`${prefix}--content-switcher--${size}`]: size,
     // TODO: V12 - Remove this class
@@ -102,7 +94,7 @@ const ContentSwitcher = ({
     [`${prefix}--content-switcher--icon-only`]: isIconOnly,
     [`${prefix}--content-switcher--low-contrast`]: lowContrast
   });
-  return /*#__PURE__*/React__default["default"].createElement(index.LayoutConstraint, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(index.LayoutConstraint, _rollupPluginBabelHelpers.extends({
     size: {
       default: 'md',
       min: 'sm',
@@ -126,36 +118,36 @@ ContentSwitcher.propTypes = {
   /**
    * Pass in Switch components to be rendered in the ContentSwitcher
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be added to the container node
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * `true` to use the light variant.
    */
-  light: deprecate.deprecate(PropTypes__default["default"].bool, 'The `light` prop for `ContentSwitcher` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
+  light: deprecate.deprecate(PropTypes.bool, 'The `light` prop for `ContentSwitcher` is no longer needed and has ' + 'been deprecated. It will be removed in the next major release.'),
   /**
    * `true` to use the low contrast version.
    */
-  lowContrast: PropTypes__default["default"].bool,
+  lowContrast: PropTypes.bool,
   /**
    * Specify an `onChange` handler that is called whenever the ContentSwitcher
    * changes which item is selected
    */
-  onChange: PropTypes__default["default"].func.isRequired,
+  onChange: PropTypes.func.isRequired,
   /**
    * Specify a selected index for the initially selected content
    */
-  selectedIndex: PropTypes__default["default"].number,
+  selectedIndex: PropTypes.number,
   /**
    * Choose whether or not to automatically change selection on focus when left/right arrow pressed. Defaults to 'automatic'
    */
-  selectionMode: PropTypes__default["default"].oneOf(['automatic', 'manual']),
+  selectionMode: PropTypes.oneOf(['automatic', 'manual']),
   /**
    * Specify the size of the Content Switcher. Currently supports either `sm`, `md` (default) or `lg` as an option.
    */
-  size: PropTypes__default["default"].oneOf(['sm', 'md', 'lg'])
+  size: PropTypes.oneOf(['sm', 'md', 'lg'])
 };
 
 exports.ContentSwitcher = ContentSwitcher;

package/lib/components/ContextMenu/useContextMenu.js

@@ -48,4 +48,4 @@ function useContextMenu(trigger = document) {
   };
 }
 
-exports["default"] = useContextMenu;
+exports.default = useContextMenu;

package/lib/components/Copy/Copy.js

@@ -19,13 +19,7 @@ var index = require('../IconButton/index.js');
 var noopFn = require('../../internal/noopFn.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
 var mapPopoverAlign = require('../../tools/mapPopoverAlign.js');
-var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.mjs.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);
+var debounce = require('../../node_modules/es-toolkit/dist/compat/function/debounce.js');
 
 function Copy({
   align = 'bottom',
@@ -40,7 +34,7 @@ function Copy({
 }) {
   const [animation, setAnimation] = React.useState('');
   const prefix = usePrefix.usePrefix();
-  const classNames = cx__default["default"](className, `${prefix}--copy`, {
+  const classNames = cx(className, `${prefix}--copy`, {
     [`${prefix}--copy-btn--animating`]: animation,
     [`${prefix}--copy-btn--${animation}`]: animation
   });
@@ -61,7 +55,7 @@ function Copy({
     handleFadeOut.cancel();
   }, [handleFadeOut]);
   const initialLabel = other['aria-label'] ?? '';
-  return /*#__PURE__*/React__default["default"].createElement(index.IconButton, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(index.IconButton, _rollupPluginBabelHelpers.extends({
     closeOnActivation: false,
     align: align,
     autoAlign: autoAlign,
@@ -77,7 +71,7 @@ Copy.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead
@@ -102,34 +96,34 @@ Copy.propTypes = {
   /**
    * **Experimental**: Will attempt to automatically align the tooltip
    */
-  autoAlign: PropTypes__default["default"].bool,
+  autoAlign: PropTypes.bool,
   /**
    * Pass in content to be rendered in the underlying `<button>`
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the underlying `<button>`
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the string that is displayed when the button is clicked and the
    * content is copied
    */
-  feedback: PropTypes__default["default"].string,
+  feedback: PropTypes.string,
   /**
    * Specify the time it takes for the feedback message to timeout
    */
-  feedbackTimeout: PropTypes__default["default"].number,
+  feedbackTimeout: PropTypes.number,
   /**
    * Specify an optional `onAnimationEnd` handler that is called when the underlying
    * animation ends
    */
-  onAnimationEnd: PropTypes__default["default"].func,
+  onAnimationEnd: PropTypes.func,
   /**
    * Specify an optional `onClick` handler that is called when the underlying
    * `<button>` is clicked
    */
-  onClick: PropTypes__default["default"].func
+  onClick: PropTypes.func
 };
 
-exports["default"] = Copy;
+exports.default = Copy;

package/lib/components/Copy/index.js

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

package/lib/components/CopyButton/CopyButton.js

@@ -21,12 +21,6 @@ var noopFn = require('../../internal/noopFn.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
 var mapPopoverAlign = require('../../tools/mapPopoverAlign.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 CopyButton({
   align = 'bottom',
   autoAlign = false,
@@ -38,20 +32,20 @@ function CopyButton({
   ...other
 }) {
   const prefix = usePrefix.usePrefix();
-  return /*#__PURE__*/React__default["default"].createElement(index.LayoutConstraint, {
+  return /*#__PURE__*/React.createElement(index.LayoutConstraint, {
     size: {
       default: 'md',
       max: 'lg'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Copy["default"], _rollupPluginBabelHelpers["extends"]({
+  }, /*#__PURE__*/React.createElement(Copy.default, _rollupPluginBabelHelpers.extends({
     feedback: feedback,
     feedbackTimeout: feedbackTimeout,
     onClick: onClick,
     align: align,
     autoAlign: autoAlign,
-    className: cx__default["default"](className, `${prefix}--copy-btn`),
+    className: cx(className, `${prefix}--copy-btn`),
     "aria-label": iconDescription
-  }, other), /*#__PURE__*/React__default["default"].createElement(iconsReact.Copy, {
+  }, other), /*#__PURE__*/React.createElement(iconsReact.Copy, {
     className: `${prefix}--snippet__icon`
   })));
 }
@@ -59,7 +53,7 @@ CopyButton.propTypes = {
   /**
    * Specify how the trigger should align with the tooltip
    */
-  align: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['top', 'top-left',
+  align: deprecateValuesWithin.default(PropTypes.oneOf(['top', 'top-left',
   // deprecated use top-start instead
   'top-right',
   // deprecated use top-end instead
@@ -84,30 +78,30 @@ CopyButton.propTypes = {
   /**
    * **Experimental**: Will attempt to automatically align the tooltip
    */
-  autoAlign: PropTypes__default["default"].bool,
+  autoAlign: PropTypes.bool,
   /**
    * Specify an optional className to be applied to the underlying `<button>`
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the string that is displayed when the button is clicked and the
    * content is copied
    */
-  feedback: PropTypes__default["default"].string,
+  feedback: PropTypes.string,
   /**
    * Specify the time it takes for the feedback message to timeout
    */
-  feedbackTimeout: PropTypes__default["default"].number,
+  feedbackTimeout: PropTypes.number,
   /**
    * Provide a description for the icon representing the copy action that can
    * be read by screen readers
    */
-  iconDescription: PropTypes__default["default"].string,
+  iconDescription: PropTypes.string,
   /**
    * Specify an optional `onClick` handler that is called when the underlying
    * `<button>` is clicked
    */
-  onClick: PropTypes__default["default"].func
+  onClick: PropTypes.func
 };
 
-exports["default"] = CopyButton;
+exports.default = CopyButton;

package/lib/components/CopyButton/index.js

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

package/lib/components/DangerButton/DangerButton.js

@@ -14,12 +14,8 @@ var React = require('react');
 var Button = require('../Button/Button.js');
 require('../Button/Button.Skeleton.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const DangerButton = props => /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({}, props, {
+const DangerButton = props => /*#__PURE__*/React.createElement(Button.default, _rollupPluginBabelHelpers.extends({}, props, {
   kind: "danger"
 }));
 
-exports["default"] = DangerButton;
+exports.default = DangerButton;