@carbon/ibm-products 2.50.0 → 2.51.0

package/lib/components/BigNumbers/BigNumbers.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -20,11 +18,6 @@ var react = require('@carbon/react');
 var constants = require('./constants.js');
 var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _Information;
 var _excluded = ["className", "forceShowTotal", "fractionDigits", "iconButton", "loading", "label", "locale", "percentage", "size", "tooltipDescription", "total", "trending", "truncate", "value"],
   _excluded2 = ["className", "size"];
@@ -59,7 +52,7 @@ var defaults = {
  * of a button as well as tool tip functionality.
  * The default locale is English (`en-US`) if one is not provided or if the provided one is not supported.
  */
-exports.BigNumbers = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.BigNumbers = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _formatValue, _formatValue2;
   var className = _ref.className,
     _ref$forceShowTotal = _ref.forceShowTotal,
@@ -86,48 +79,48 @@ exports.BigNumbers = /*#__PURE__*/React__default["default"].forwardRef(function
     _ref$value = _ref.value,
     value = _ref$value === void 0 ? defaults.value : _ref$value,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var BigNumbersClasses = cx__default["default"](className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(blockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
+  var BigNumbersClasses = cx(className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(blockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
   var supportedLocale = constants.getSupportedLocale(locale);
   var truncatedValue = (_formatValue = constants.formatValue(supportedLocale, value, fractionDigits, truncate)) !== null && _formatValue !== void 0 ? _formatValue : constants.Characters.Dash;
   var truncatedTotal = (_formatValue2 = constants.formatValue(supportedLocale, total, fractionDigits, truncate)) !== null && _formatValue2 !== void 0 ? _formatValue2 : 'Unknown';
   var shouldDisplayDenominator = !percentage && total > value && truncatedValue !== truncatedTotal || forceShowTotal && total > 0;
   if (loading) {
-    return /*#__PURE__*/React__default["default"].createElement(SkeletonBigNumbers, _rollupPluginBabelHelpers["extends"]({}, rest, {
+    return /*#__PURE__*/React.createElement(SkeletonBigNumbers, _rollupPluginBabelHelpers.extends({}, rest, {
       ref: ref,
       className: className,
       size: size
     }, devtools.getDevtoolsProps(componentName)));
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, BigNumbersClasses, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, BigNumbersClasses, className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__row")
-  }, /*#__PURE__*/React__default["default"].createElement("h4", {
+  }, /*#__PURE__*/React.createElement("h4", {
     className: "".concat(blockClass, "__label")
-  }, label), tooltipDescription && /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
+  }, label), tooltipDescription && /*#__PURE__*/React.createElement(react.Tooltip, {
     description: tooltipDescription,
     align: "right",
     className: "".concat(blockClass, "__info")
-  }, /*#__PURE__*/React__default["default"].createElement(TooltipTrigger.TooltipTrigger, {
+  }, /*#__PURE__*/React.createElement(TooltipTrigger.TooltipTrigger, {
     className: "".concat(blockClass, "__tooltip-trigger")
-  }, _Information || (_Information = /*#__PURE__*/React__default["default"].createElement(icons.Information, {
+  }, _Information || (_Information = /*#__PURE__*/React.createElement(icons.Information, {
     size: 16
-  }))))), /*#__PURE__*/React__default["default"].createElement("span", {
+  }))))), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__row"),
     role: "math"
-  }, trending && /*#__PURE__*/React__default["default"].createElement(icons.ArrowUp, {
+  }, trending && /*#__PURE__*/React.createElement(icons.ArrowUp, {
     className: "".concat(blockClass, "__trend"),
     size: constants.getIconSize(size)
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__value")
-  }, percentage ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, percentage ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__percentage")
-  }, truncatedValue, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, truncatedValue, /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__percentage-mark")
-  }, "%")) : truncatedValue), shouldDisplayDenominator && /*#__PURE__*/React__default["default"].createElement("span", {
+  }, "%")) : truncatedValue), shouldDisplayDenominator && /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__total")
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, constants.Characters.Slash, truncatedTotal)), iconButton));
+  }, /*#__PURE__*/React.createElement("span", null, constants.Characters.Slash, truncatedTotal)), iconButton));
 });
 
 // Return a placeholder if not released and not enabled by feature flag
@@ -145,69 +138,69 @@ exports.BigNumbers.propTypes = {
    * Optional class name.
    * @type number
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Display the `total` even when the `value` is equal to
    * the `total` when `forceShowTotal` prop is true on the
    * condition that the `total` is greater than 0.
    * @type bool
    */
-  forceShowTotal: index["default"].bool,
+  forceShowTotal: index.default.bool,
   /**
    * Optional value to control the maximum fraction digits
    * used when truncating the value and total.
    * @type number
    */
-  fractionDigits: index["default"].number,
+  fractionDigits: index.default.number,
   /** Displays an iconButton next to the BigNumbers value
    * @type node
    */
-  iconButton: index["default"].node,
+  iconButton: index.default.node,
   /**
    * Text label for BigNumbers.
    * @type string
    */
-  label: index["default"].string.isRequired,
+  label: index.default.string.isRequired,
   /** Specify if the BigNumbers is in a loading state
    * @type bool
    */
-  loading: index["default"].bool,
+  loading: index.default.bool,
   /**
    * Locale value to determine approach to formatting numbers.
    * @type string
    */
-  locale: index["default"].string,
+  locale: index.default.string,
   /**
    * Format number to percentage when `percentage` prop is true.
    * @type bool
    */
-  percentage: index["default"].bool,
+  percentage: index.default.bool,
   /** The size of the BigNumbers.
    * @type string
    */
-  size: index["default"].oneOf(Object.values(constants.BigNumbersSize)),
+  size: index.default.oneOf(Object.values(constants.BigNumbersSize)),
   /** Label applied to a Tooltip - marked with the Information icon.
    * @type string
    */
-  tooltipDescription: index["default"].string,
+  tooltipDescription: index.default.string,
   /**
    * Total value that the main BigNumbers value is a subset of.
    * @type number
    */
-  total: index["default"].number,
+  total: index.default.number,
   /** Display trending icon.
    * @type boolean
    */
-  trending: index["default"].bool,
+  trending: index.default.bool,
   /** Specify whether or not the values should be truncated.
    * @type boolean
    */
-  truncate: index["default"].bool,
+  truncate: index.default.bool,
   /**
    * The main BigNumbers value to display
    * @type number
    */
-  value: index["default"].number
+  value: index.default.number
 };
 
 /**
@@ -216,17 +209,17 @@ exports.BigNumbers.propTypes = {
  *
  * Note: This component is only used within BigNumbers.
  */
-var SkeletonBigNumbers = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
+var SkeletonBigNumbers = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
   var className = _ref2.className,
     size = _ref2.size,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded2);
-  var BigNumbersSkeletonClasses = cx__default["default"](className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(skeletonBlockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(skeletonBlockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](className, skeletonBlockClass, BigNumbersSkeletonClasses),
+  var BigNumbersSkeletonClasses = cx(className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(skeletonBlockClass, "--lg"), size === constants.BigNumbersSize.Large), "".concat(skeletonBlockClass, "--xl"), size === constants.BigNumbersSize.XLarge));
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(className, skeletonBlockClass, BigNumbersSkeletonClasses),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement(react.SkeletonText, {
     className: "".concat(skeletonBlockClass, "__label")
-  }), /*#__PURE__*/React__default["default"].createElement(react.SkeletonText, {
+  }), /*#__PURE__*/React.createElement(react.SkeletonText, {
     heading: true,
     className: "".concat(skeletonBlockClass, "__value"),
     width: "80%"
@@ -237,9 +230,9 @@ SkeletonBigNumbers.propTypes = {
    * Optional class name.
    * @type number
    */
-  className: index["default"].string,
+  className: index.default.string,
   /** The size of the BigNumbers.
    * @type string
    */
-  size: index["default"].oneOf(Object.values(constants.BigNumbersSize))
+  size: index.default.oneOf(Object.values(constants.BigNumbersSize))
 };

package/lib/components/BigNumbers/constants.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 /* **************************** | CONSTANTS | ***************************** */
 
 var BigNumbersSize = {

package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -21,11 +19,6 @@ var uuidv4 = require('../../global/js/utils/uuidv4.js');
 require('../../global/js/utils/props-helper.js');
 var TooltipTrigger = require('../TooltipTrigger/TooltipTrigger.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _TooltipTrigger;
 var _excluded = ["breadcrumbs", "className", "maxVisible", "noTrailingSlash", "overflowAriaLabel", "overflowTooltipAlign"],
   _excluded2 = ["label", "key", "title", "id", "shortTitle"],
@@ -60,7 +53,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     setDisplayedBreadcrumbItems = _useState4[1];
   var breadcrumbItemWithOverflow = React.useRef(null);
   var sizingContainerRef = React.useRef(null);
-  var internalId = React.useRef(uuidv4["default"]());
+  var internalId = React.useRef(uuidv4.default());
   var _useState5 = React.useState([]),
     _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
     hiddenSizingItems = _useState6[0],
@@ -69,15 +62,15 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   // eslint-disable-next-line react/prop-types
   var BreadcrumbOverflowMenu = function BreadcrumbOverflowMenu(_ref2) {
     var overflowItems = _ref2.overflowItems;
-    return /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, {
+    return /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
       key: "breadcrumb-overflow-".concat(internalId.current)
-    }, /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
+    }, /*#__PURE__*/React.createElement(react.OverflowMenu, {
       align: overflowTooltipAlign,
       "aria-label": overflowAriaLabel,
       iconDescription: overflowAriaLabel // also needs setting to avoid a11y "Accessible name does not match or contain the visible label text"
       ,
       renderIcon: function renderIcon(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.OverflowMenuHorizontal, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.OverflowMenuHorizontal, _rollupPluginBabelHelpers.extends({
           size: 32
         }, props));
       },
@@ -86,7 +79,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
     },
     // eslint-disable-next-line react/prop-types
     overflowItems.map(function (item, index) {
-      return /*#__PURE__*/React__default["default"].createElement(react.OverflowMenuItem, {
+      return /*#__PURE__*/React.createElement(react.OverflowMenuItem, {
         key: "breadcrumb-overflow-menu-item-".concat(internalId.current, "-").concat(index),
         href: item.props.href,
         onClick: item.props.onClick,
@@ -98,16 +91,16 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   // create hidden sizing items
   React.useEffect(function () {
     // Hidden action bar and items used to calculate sizes
-    setHiddenSizingItems( /*#__PURE__*/React__default["default"].createElement("div", {
+    setHiddenSizingItems( /*#__PURE__*/React.createElement("div", {
       className: "".concat(blockClass, "__breadcrumb-container ").concat(blockClass, "__breadcrumb-container--hidden"),
       "aria-hidden": true,
       ref: sizingContainerRef
-    }, /*#__PURE__*/React__default["default"].createElement(react.Breadcrumb, null, /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, {
+    }, /*#__PURE__*/React.createElement(react.Breadcrumb, null, /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
       key: "".concat(blockClass, "-hidden-overflow-").concat(internalId)
-    }, /*#__PURE__*/React__default["default"].createElement(react.OverflowMenu, {
+    }, /*#__PURE__*/React.createElement(react.OverflowMenu, {
       "aria-label": overflowAriaLabel,
       renderIcon: function renderIcon(props) {
-        return /*#__PURE__*/React__default["default"].createElement(icons.OverflowMenuHorizontal, _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React.createElement(icons.OverflowMenuHorizontal, _rollupPluginBabelHelpers.extends({
           size: 32
         }, props));
       }
@@ -118,7 +111,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
         id = _ref3.id;
         _ref3.shortTitle;
         var rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded2);
-      return /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(react.BreadcrumbItem, _rollupPluginBabelHelpers.extends({
         key: key
       }, rest, {
         // ensure id is not duplicated
@@ -141,9 +134,9 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
         shortTitle = _ref4.shortTitle,
         title = _ref4.title,
         rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded3);
-      return /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, _rollupPluginBabelHelpers["extends"]({
+      return /*#__PURE__*/React.createElement(react.BreadcrumbItem, _rollupPluginBabelHelpers.extends({
         key: key,
-        className: index > 0 || displayCount > 1 ? cx__default["default"]([className, "".concat(blockClass, "__displayed-breadcrumb")]) : className,
+        className: index > 0 || displayCount > 1 ? cx([className, "".concat(blockClass, "__displayed-breadcrumb")]) : className,
         title: index + 1 === breadcrumbs.length ? title : null
       }, rest), shortTitle || label);
     });
@@ -159,7 +152,7 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 
     // if needed add overflow menu
     if (newOverflowBreadcrumbItems.length) {
-      newDisplayedBreadcrumbItems.splice(overflowPosition, 0, /*#__PURE__*/React__default["default"].createElement(BreadcrumbOverflowMenu, {
+      newDisplayedBreadcrumbItems.splice(overflowPosition, 0, /*#__PURE__*/React.createElement(BreadcrumbOverflowMenu, {
         overflowItems: newOverflowBreadcrumbItems,
         key: "displayed-breadcrumb-".concat(internalId, "-overflow")
       }));
@@ -262,24 +255,24 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
   useResizeObserver.useResizeObserver(sizingContainerRef, handleResize);
   // item resize
   useResizeObserver.useResizeObserver(breadcrumbItemWithOverflow, handleResize);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__with-items"), displayedBreadcrumbItems.length > 1)),
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__with-items"), displayedBreadcrumbItems.length > 1)),
     ref: breadcrumbItemWithOverflow
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"](["".concat(blockClass, "__space")])
-  }, hiddenSizingItems, /*#__PURE__*/React__default["default"].createElement(react.Breadcrumb, _rollupPluginBabelHelpers["extends"]({
-    className: cx__default["default"]("".concat(blockClass, "__breadcrumb-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__breadcrumb-container-with-items"), displayedBreadcrumbItems.length > 1)),
+  }, /*#__PURE__*/React.createElement("div", {
+    className: cx(["".concat(blockClass, "__space")])
+  }, hiddenSizingItems, /*#__PURE__*/React.createElement(react.Breadcrumb, _rollupPluginBabelHelpers.extends({
+    className: cx("".concat(blockClass, "__breadcrumb-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__breadcrumb-container-with-items"), displayedBreadcrumbItems.length > 1)),
     noTrailingSlash: noTrailingSlash
-  }, other), ((_backItem = backItem) === null || _backItem === void 0 ? void 0 : _backItem.href) && (((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.label) || ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title)) && /*#__PURE__*/React__default["default"].createElement(react.BreadcrumbItem, {
-    className: cx__default["default"]("".concat(blockClass, "__breadcrumb-back"))
-  }, /*#__PURE__*/React__default["default"].createElement(react.Link, {
+  }, other), ((_backItem = backItem) === null || _backItem === void 0 ? void 0 : _backItem.href) && (((_backItem2 = backItem) === null || _backItem2 === void 0 ? void 0 : _backItem2.label) || ((_backItem3 = backItem) === null || _backItem3 === void 0 ? void 0 : _backItem3.title)) && /*#__PURE__*/React.createElement(react.BreadcrumbItem, {
+    className: cx("".concat(blockClass, "__breadcrumb-back"))
+  }, /*#__PURE__*/React.createElement(react.Link, {
     href: backItem.href,
     renderIcon: function renderIcon() {
-      return /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
+      return /*#__PURE__*/React.createElement(react.Tooltip, {
         align: "right",
         label: backItem.title || backItem.label,
         className: "".concat(blockClass, "__back__button ").concat(carbonPrefix, "--icon-tooltip")
-      }, _TooltipTrigger || (_TooltipTrigger = /*#__PURE__*/React__default["default"].createElement(TooltipTrigger.TooltipTrigger, null, /*#__PURE__*/React__default["default"].createElement(icons.ArrowLeft, {
+      }, _TooltipTrigger || (_TooltipTrigger = /*#__PURE__*/React.createElement(TooltipTrigger.TooltipTrigger, null, /*#__PURE__*/React.createElement(icons.ArrowLeft, {
         size: 16
       }))));
     }
@@ -289,31 +282,31 @@ exports.BreadcrumbWithOverflow = function BreadcrumbWithOverflow(_ref) {
 // Return a placeholder if not released and not enabled by feature flag
 exports.BreadcrumbWithOverflow = settings.pkg.checkComponentEnabled(exports.BreadcrumbWithOverflow, componentName);
 exports.BreadcrumbWithOverflow.propTypes = {
-  breadcrumbs: index["default"].arrayOf(index["default"].shape({
+  breadcrumbs: index.default.arrayOf(index.default.shape({
     /**
      * Optional string representing the link location for the BreadcrumbItem
      */
-    href: index["default"].string,
+    href: index.default.string,
     /**
      * Provide if this breadcrumb item represents the current page
      */
-    isCurrentPage: index["default"].bool,
+    isCurrentPage: index.default.bool,
     /**
      * Key required to render array efficiently
      */
-    key: index["default"].string.isRequired,
+    key: index.default.string.isRequired,
     /**
      * Pass in content that will be inside of the BreadcrumbItem
      */
-    label: index["default"].node,
+    label: index.default.node,
     /**
      * An optional title label for extra long breadcrumb
      */
-    shortTitle: index["default"].string,
+    shortTitle: index.default.string,
     /**
      * A string based alternative to the children, required only if children is not of type string
      */
-    title: index["default"].string.isRequired.if(function (_ref5) {
+    title: index.default.string.isRequired.if(function (_ref5) {
       var label = _ref5.label;
       return typeof label !== 'string';
     })
@@ -321,19 +314,19 @@ exports.BreadcrumbWithOverflow.propTypes = {
   /**
    * className
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * maxVisible: maximum visible breadcrumb-items before overflow is used (values less than 1 are treated as 1)
    */
-  maxVisible: index["default"].number,
+  maxVisible: index.default.number,
   /**
    * noTrailing slash - same as for Carbon
    */
-  noTrailingSlash: index["default"].bool,
+  noTrailingSlash: index.default.bool,
   /**
    * overflowAriaLabel label for open close button overflow used for breadcrumb items that do not fit.
    */
-  overflowAriaLabel: index["default"].string.isRequired.if(function (_ref6) {
+  overflowAriaLabel: index.default.string.isRequired.if(function (_ref6) {
     var breadcrumbs = _ref6.breadcrumbs;
     return breadcrumbs.length > 1;
   }),

package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var index = require('../../node_modules/prop-types/index.js');
@@ -18,11 +16,6 @@ var react = require('@carbon/react');
 var settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["isHidden", "buttons"],
   _excluded2 = ["label", "key", "kind", "id"],
   _excluded3 = ["buttons"],
@@ -98,12 +91,12 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
     checkFullyVisibleItems();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [buttons]);
-  var AButtonSet = /*#__PURE__*/React__default["default"].forwardRef(function (_ref2, ref) {
+  var AButtonSet = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     var _ref2$isHidden = _ref2.isHidden,
       isHidden = _ref2$isHidden === void 0 ? false : _ref2$isHidden,
       buttons = _ref2.buttons,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref2, _excluded);
-    return /*#__PURE__*/React__default["default"].createElement(react.ButtonSet, _rollupPluginBabelHelpers["extends"]({}, rest, {
+    return /*#__PURE__*/React.createElement(react.ButtonSet, _rollupPluginBabelHelpers.extends({}, rest, {
       ref: ref
     }), buttons.map(function (_ref3) {
       var label = _ref3.label,
@@ -112,7 +105,7 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
         id = _ref3.id,
         other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref3, _excluded2);
       var kindFix = kind === 'default' ? 'primary' : kind;
-      return /*#__PURE__*/React__default["default"].createElement(react.Button, _rollupPluginBabelHelpers["extends"]({}, other, {
+      return /*#__PURE__*/React.createElement(react.Button, _rollupPluginBabelHelpers.extends({}, other, {
         key: key && "button-set-".concat(key),
         size: buttonSize,
         type: "button",
@@ -126,12 +119,12 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
      *  isHidden - Used to conditionally change id if one is passed to the `AButtonSet` component
      *  in order to avoid duplicate ids between the visible and hidden button set buttons
      */
-    isHidden: index["default"].bool
+    isHidden: index.default.bool
   };
-  var AButtonMenu = /*#__PURE__*/React__default["default"].forwardRef(function (_ref4, ref) {
+  var AButtonMenu = /*#__PURE__*/React.forwardRef(function (_ref4, ref) {
     var buttons = _ref4.buttons,
       rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref4, _excluded3);
-    return /*#__PURE__*/React__default["default"].createElement(react.MenuButton, _rollupPluginBabelHelpers["extends"]({}, rest, {
+    return /*#__PURE__*/React.createElement(react.MenuButton, _rollupPluginBabelHelpers.extends({}, rest, {
       ref: ref,
       label: buttonSetOverflowLabel
     }), buttons.map(function (_ref5) {
@@ -140,7 +133,7 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
         other = _rollupPluginBabelHelpers.objectWithoutProperties(_ref5, _excluded4);
       // menu items only come in default and danger flavors
       var kindFix = kind === 'danger' ? 'danger' : 'default';
-      return /*#__PURE__*/React__default["default"].createElement(react.MenuItem, _rollupPluginBabelHelpers["extends"]({}, propsHelper.prepareProps(other, ['iconDescription', 'renderIcon']), {
+      return /*#__PURE__*/React.createElement(react.MenuItem, _rollupPluginBabelHelpers.extends({}, propsHelper.prepareProps(other, ['iconDescription', 'renderIcon']), {
         key: key && "button-menu-".concat(key),
         kind: kindFix
       }));
@@ -149,32 +142,32 @@ var ButtonSetWithOverflow = function ButtonSetWithOverflow(_ref) {
   useResizeObserver.useResizeObserver(sizingContainerRefSet, checkFullyVisibleItems);
   useResizeObserver.useResizeObserver(sizingContainerRefCombo, checkFullyVisibleItems);
   useResizeObserver.useResizeObserver(spaceAvailableRef, checkFullyVisibleItems);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: cx__default["default"]([blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--right"), rightAlign)]),
+  return /*#__PURE__*/React.createElement("div", {
+    className: cx([blockClass, className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--right"), rightAlign)]),
     ref: spaceAvailableRef
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__button-container ").concat(blockClass, "__button-container--hidden")
-  }, /*#__PURE__*/React__default["default"].createElement(AButtonSet, {
+  }, /*#__PURE__*/React.createElement(AButtonSet, {
     "aria-hidden": true,
     ref: sizingContainerRefSet,
     size: buttonSize,
     buttons: buttons,
     isHidden: true
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__button-container ").concat(blockClass, "__button-container--hidden"),
     "aria-hidden": true
-  }, /*#__PURE__*/React__default["default"].createElement(AButtonMenu, {
+  }, /*#__PURE__*/React.createElement(AButtonMenu, {
     className: menuOptionsClass,
     ref: sizingContainerRefCombo,
     buttons: buttons,
     size: buttonSize
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__button-container ").concat(blockClass, "__button-container--visible")
-  }, showAsOverflow ? /*#__PURE__*/React__default["default"].createElement(AButtonMenu, {
+  }, showAsOverflow ? /*#__PURE__*/React.createElement(AButtonMenu, {
     buttons: buttons,
     size: buttonSize,
     className: menuOptionsClass
-  }) : /*#__PURE__*/React__default["default"].createElement(AButtonSet, {
+  }) : /*#__PURE__*/React.createElement(AButtonSet, {
     className: "".concat(blockClass, "__button-container"),
     size: buttonSize,
     buttons: buttons
@@ -184,30 +177,30 @@ ButtonSetWithOverflow.propTypes = {
   /**
    *  buttonSetOverflowLabel - used when button set is shown as combo button
    */
-  buttonSetOverflowLabel: index["default"].node.isRequired,
+  buttonSetOverflowLabel: index.default.node.isRequired,
   /**
    * Specifies the buttons for the ButtonSetWithOverflow. Each item is specified as an object
    * with the properties of a Carbon Button plus a label.
    *
    * Carbon Button API https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
    */
-  buttons: index["default"].array.isRequired,
+  buttons: index.default.array.isRequired,
   /**
    * className
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * class name applied to the overflow options
    */
-  menuOptionsClass: index["default"].string,
+  menuOptionsClass: index.default.string,
   /**
    * onResize reports maxSize on resize
    */
-  onWidthChange: index["default"].func,
+  onWidthChange: index.default.func,
   /**
    * align buttons to right of available space
    */
-  rightAlign: index["default"].bool
+  rightAlign: index.default.bool
 };
 ButtonSetWithOverflow.displayName = componentName;