@carbon/ibm-products 2.43.2-canary.255 → 2.43.2-canary.260

package/lib/components/StatusIndicator/StatusIndicator.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 settings = require('../../settings.js');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 
-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 _Restart;
 var _excluded = ["children", "className", "onRetry", "retryLabel", "showRetry", "title"];
 
@@ -37,7 +30,7 @@ var defaults = {
 /**
  * A list of icon/description pairs used to show multiple states of progress.
  */
-exports.StatusIndicator = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.StatusIndicator = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     onRetry = _ref.onRetry,
@@ -47,20 +40,20 @@ exports.StatusIndicator = /*#__PURE__*/React__default["default"].forwardRef(func
     showRetry = _ref$showRetry === void 0 ? defaults.showRetry : _ref$showRetry,
     title = _ref.title,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), title && /*#__PURE__*/React__default["default"].createElement("h1", {
+  }, devtools.getDevtoolsProps(componentName)), title && /*#__PURE__*/React.createElement("h1", {
     className: "".concat(blockClass, "__title")
-  }, title), /*#__PURE__*/React__default["default"].createElement("ul", {
+  }, title), /*#__PURE__*/React.createElement("ul", {
     className: "".concat(blockClass, "__list")
-  }, children), showRetry && onRetry && retryLabel && /*#__PURE__*/React__default["default"].createElement(react.Button, {
+  }, children), showRetry && onRetry && retryLabel && /*#__PURE__*/React.createElement(react.Button, {
     className: "".concat(blockClass, "__button"),
     kind: "ghost",
     onClick: onRetry,
     onKeyUp: onRetry,
     renderIcon: function renderIcon() {
-      return _Restart || (_Restart = /*#__PURE__*/React__default["default"].createElement(icons.Restart, {
+      return _Restart || (_Restart = /*#__PURE__*/React.createElement(icons.Restart, {
         size: 16
       }));
     }
@@ -81,27 +74,27 @@ exports.StatusIndicator.propTypes = {
   /**
    * Provide the contents of the StatusIndicator.
    */
-  children: index["default"].node.isRequired,
+  children: index.default.node.isRequired,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Optional callback function for the retry button.
    */
-  onRetry: index["default"].func,
+  onRetry: index.default.func,
   /**
    * The text for the retry button.
    */
-  retryLabel: index["default"].string,
+  retryLabel: index.default.string,
   /**
    * Set to `true` to show the retry button.
    *
    * `retryLabel` and `onRetry` must also be defined.
    */
-  showRetry: index["default"].bool,
+  showRetry: index.default.bool,
   /**
    * The title that appears at the top of the list.
    */
-  title: index["default"].node
+  title: index.default.node
 };

package/lib/components/StatusIndicator/StatusIndicatorStep.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 settings = require('../../settings.js');
 var react = require('@carbon/react');
 var icons = require('@carbon/react/icons');
 
-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 _CircleStroke, _InlineLoading, _ErrorOutline, _CheckmarkOutline;
 var _excluded = ["className", "description", "errorMessage", "status"];
 
@@ -36,30 +29,30 @@ var defaults = {
 /**
  * An icon/description pair that describes one step of the `StatusIndicator`.
  */
-exports.StatusIndicatorStep = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.StatusIndicatorStep = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     description = _ref.description,
     errorMessage = _ref.errorMessage,
     _ref$status = _ref.status,
     status = _ref$status === void 0 ? defaults.status : _ref$status,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement("li", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, "".concat(blockClass, "--").concat(status)),
+  return /*#__PURE__*/React.createElement("li", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, "".concat(blockClass, "--").concat(status)),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, devtools.getDevtoolsProps(componentName)), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__details")
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__icon")
-  }, status === 'inactive' && (_CircleStroke || (_CircleStroke = /*#__PURE__*/React__default["default"].createElement(icons.CircleStroke, {
+  }, status === 'inactive' && (_CircleStroke || (_CircleStroke = /*#__PURE__*/React.createElement(icons.CircleStroke, {
     size: 16,
     viewBox: "1 1 14 14"
-  }))), status === 'active' && (_InlineLoading || (_InlineLoading = /*#__PURE__*/React__default["default"].createElement(react.InlineLoading, null))), status === 'error' && (_ErrorOutline || (_ErrorOutline = /*#__PURE__*/React__default["default"].createElement(icons.ErrorOutline, {
+  }))), status === 'active' && (_InlineLoading || (_InlineLoading = /*#__PURE__*/React.createElement(react.InlineLoading, null))), status === 'error' && (_ErrorOutline || (_ErrorOutline = /*#__PURE__*/React.createElement(icons.ErrorOutline, {
     size: 16
-  }))), status === 'finished' && (_CheckmarkOutline || (_CheckmarkOutline = /*#__PURE__*/React__default["default"].createElement(icons.CheckmarkOutline, {
+  }))), status === 'finished' && (_CheckmarkOutline || (_CheckmarkOutline = /*#__PURE__*/React.createElement(icons.CheckmarkOutline, {
     size: 16
-  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__text")
-  }, description)), status === 'error' && errorMessage && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, description)), status === 'error' && errorMessage && /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__error-message")
   }, errorMessage));
 });
@@ -78,17 +71,17 @@ exports.StatusIndicatorStep.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The text associated with the icon.
    */
-  description: index["default"].string.isRequired,
+  description: index.default.string.isRequired,
   /**
    * This message will appear below the description if the `status` is "error".
    */
-  errorMessage: index["default"].string,
+  errorMessage: index.default.string,
   /**
    * Each `status` represents a different icon..
    */
-  status: index["default"].oneOf(['inactive', 'active', 'error', 'finished']).isRequired
+  status: index.default.oneOf(['inactive', 'active', 'error', 'finished']).isRequired
 };

package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var lottie = require('lottie-web');
@@ -18,13 +16,6 @@ var cx = require('classnames');
 var devtools = require('../../global/js/utils/devtools.js');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var lottie__default = /*#__PURE__*/_interopDefaultLegacy(lottie);
-var clamp__default = /*#__PURE__*/_interopDefaultLegacy(clamp);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["className", "playStep", "filePaths"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -40,7 +31,7 @@ var defaults = {
 /**
  * The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
  */
-var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var SteppedAnimatedMedia = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$playStep = _ref.playStep,
     playStep = _ref$playStep === void 0 ? defaults.playStep : _ref$playStep,
@@ -103,10 +94,10 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(fun
     if (localRefValue) {
       var _animRef$current, _animRef$current2, _animRef$current3;
       (_animRef$current = animRef.current) === null || _animRef$current === void 0 || _animRef$current.destroy();
-      animRef.current = lottie__default["default"].loadAnimation({
+      animRef.current = lottie.loadAnimation({
         container: localRefValue,
         renderer: 'svg',
-        animationData: jsonData[clamp__default["default"](playStep, 0, jsonData.length - 1)],
+        animationData: jsonData[clamp(playStep, 0, jsonData.length - 1)],
         loop: false,
         autoplay: false,
         rendererSettings: {
@@ -123,8 +114,8 @@ var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(fun
   if (!jsonData) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     role: "img",
     ref: localRef
   }, devtools.getDevtoolsProps(componentName)));
@@ -134,16 +125,16 @@ SteppedAnimatedMedia.propTypes = {
   /**
    * Optional class name for this component.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The file path(s) to json formatted Lottie animation files.
    */
   /**@ts-ignore*/
-  filePaths: index["default"].arrayOf(index["default"].string).isRequired,
+  filePaths: index.default.arrayOf(index.default.string).isRequired,
   /**
    * Which animation step from the filePaths array to play.
    */
-  playStep: index["default"].number
+  playStep: index.default.number
 };
 
 exports.SteppedAnimatedMedia = SteppedAnimatedMedia;

package/lib/components/StringFormatter/StringFormatter.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');
@@ -19,11 +17,6 @@ var react = require('@carbon/react');
 var enums = require('./utils/enums.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 = ["className", "lines", "tooltipDirection", "truncate", "width", "value"];
 var blockClass = "".concat(settings.pkg.prefix, "--string-formatter");
 var componentName = 'StringFormatter';
@@ -38,7 +31,7 @@ var defaults = {
  * StringFormatter allows for truncating text while displaying a tooltip
  * overlay on hover or focus with the entirety of the provided copy.
  */
-exports.StringFormatter = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.StringFormatter = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$lines = _ref.lines,
     lines = _ref$lines === void 0 ? defaults.lines : _ref$lines,
@@ -50,17 +43,17 @@ exports.StringFormatter = /*#__PURE__*/React__default["default"].forwardRef(func
     width = _ref$width === void 0 ? defaults.width : _ref$width,
     value = _ref.value,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
-  var stringFormatterContent = /*#__PURE__*/React__default["default"].createElement("span", {
-    className: cx__default["default"]("".concat(blockClass, "--content"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--truncate"), truncate)),
+  var stringFormatterContent = /*#__PURE__*/React.createElement("span", {
+    className: cx("".concat(blockClass, "--content"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--truncate"), truncate)),
     style: {
       maxWidth: width,
       WebkitLineClamp: lines
     }
   }, value);
-  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className),
+  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className),
     ref: ref
-  }, devtools.getDevtoolsProps(componentName)), truncate ? /*#__PURE__*/React__default["default"].createElement(react.DefinitionTooltip, {
+  }, devtools.getDevtoolsProps(componentName)), truncate ? /*#__PURE__*/React.createElement(react.DefinitionTooltip, {
     className: "".concat(blockClass, "__tooltip"),
     align: tooltipDirection,
     definition: value,
@@ -83,15 +76,15 @@ exports.StringFormatter.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /** Number of lines to clamp value. */
-  lines: index["default"].number,
+  lines: index.default.number,
   /** Specify the direction of the tooltip. Can be either top or bottom. */
-  tooltipDirection: propsHelper.allPropTypes([exports.StringFormatter.validateAlignment(), index["default"].oneOf(Object.values(enums.deprecated_StringFormatterAlignment), Object.values(enums.StringFormatterAlignment))]),
+  tooltipDirection: propsHelper.allPropTypes([exports.StringFormatter.validateAlignment(), index.default.oneOf(Object.values(enums.deprecated_StringFormatterAlignment), Object.values(enums.StringFormatterAlignment))]),
   /** Whether or not the value should be truncated. */
-  truncate: index["default"].bool,
+  truncate: index.default.bool,
   /** Value to format. */
-  value: index["default"].string.isRequired,
+  value: index.default.string.isRequired,
   /** Maximum width of value which should include */
-  width: index["default"].string
+  width: index.default.string
 };

package/lib/components/StringFormatter/utils/enums.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 
 /**

package/lib/components/TagOverflow/TagOverflow.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 var react = require('@carbon/react');
@@ -22,11 +20,6 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
 var useResizeObserver = require('../../global/js/hooks/useResizeObserver.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 = ["align", "allTagsModalSearchLabel", "allTagsModalSearchPlaceholderText", "allTagsModalTarget", "allTagsModalTitle", "autoAlign", "className", "containingElementRef", "items", "maxVisible", "measurementOffset", "multiline", "overflowAlign", "overflowClassName", "overflowType", "onOverflowTagChange", "showAllTagsLabel", "tagComponent"],
   _excluded2 = ["className", "id"],
   _excluded3 = ["tagType"],
@@ -147,7 +140,7 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
       other = _rollupPluginBabelHelpers.objectWithoutProperties(item, _excluded2);
     return /*#__PURE__*/React.createElement(tagComponent, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, other), {}, {
       key: id,
-      className: cx__default["default"]("".concat(blockClass, "__item"), className),
+      className: cx("".concat(blockClass, "__item"), className),
       ref: function ref(node) {
         return itemRefHandler(id, node);
       }
@@ -177,8 +170,8 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
       setPopoverOpen(false);
     }
   }, [visibleItems]);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](blockClass, className, "".concat(blockClass, "--align-").concat(align), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--multiline"), multiline)),
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(blockClass, className, "".concat(blockClass, "--align-").concat(align), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--multiline"), multiline)),
     ref: containerRef
   }, devtools.getDevtoolsProps(componentName)), (visibleItems === null || visibleItems === void 0 ? void 0 : visibleItems.length) > 0 && visibleItems.map(function (item, index) {
     // Render custom components
@@ -191,15 +184,15 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
         _onClose = item.onClose,
         other = _rollupPluginBabelHelpers.objectWithoutProperties(item, _excluded4);
       // If there is no template prop, then render items as Tags
-      return /*#__PURE__*/React__default["default"].createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         ref: function ref(node) {
           return itemRefHandler(id, node);
         },
         key: id
-      }, /*#__PURE__*/React__default["default"].createElement(react.Tooltip, {
+      }, /*#__PURE__*/React.createElement(react.Tooltip, {
         align: overflowAlign,
         label: label
-      }, /*#__PURE__*/React__default["default"].createElement(react.Tag, _rollupPluginBabelHelpers["extends"]({}, other, {
+      }, /*#__PURE__*/React.createElement(react.Tag, _rollupPluginBabelHelpers.extends({}, other, {
         className: "".concat(blockClass, "__item--tag"),
         type: tagType,
         onClose: function onClose() {
@@ -207,10 +200,10 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }
       }), label)));
     }
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__indicator"),
     ref: overflowRef
-  }, (overflowItems === null || overflowItems === void 0 ? void 0 : overflowItems.length) > 0 && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TagOverflowPopover.TagOverflowPopover, {
+  }, (overflowItems === null || overflowItems === void 0 ? void 0 : overflowItems.length) > 0 && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TagOverflowPopover.TagOverflowPopover, {
     allTagsModalSearchThreshold: allTagsModalSearchThreshold,
     className: overflowClassName,
     onShowAllClick: handleShowAllClick,
@@ -223,7 +216,7 @@ exports.TagOverflow = /*#__PURE__*/React.forwardRef(function (props, ref) {
     popoverOpen: popoverOpen,
     setPopoverOpen: setPopoverOpen,
     autoAlign: autoAlign
-  }), /*#__PURE__*/React__default["default"].createElement(TagOverflowModal.TagOverflowModal, {
+  }), /*#__PURE__*/React.createElement(TagOverflowModal.TagOverflowModal, {
     allTags: items,
     open: showAllModalOpen,
     title: allTagsModalTitle,
@@ -247,7 +240,7 @@ var tagTypes = Object.keys(constants.TYPES);
  * The strings shown in the showAllModal are only shown if we have more than allTagsModalSearchLThreshold
  * @returns null if no problems
  */
-var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index["default"].string, function (_ref2) {
+var string_required_if_more_than_10_tags = propsHelper.isRequiredIf(index.default.string, function (_ref2) {
   var items = _ref2.items;
   return (items === null || items === void 0 ? void 0 : items.length) > allTagsModalSearchThreshold;
 });
@@ -259,7 +252,7 @@ exports.TagOverflow.propTypes = {
   /**
    * align the Tags displayed by the TagSet. Default start.
    */
-  align: index["default"].oneOf(['start', 'center', 'end']),
+  align: index.default.oneOf(['start', 'center', 'end']),
   /**
    * label text for the show all search. **Note: Required if more than 10 tags**
    */
@@ -271,7 +264,7 @@ exports.TagOverflow.propTypes = {
   /**
    * portal target for the all tags modal
    */
-  allTagsModalTarget: index["default"].node,
+  allTagsModalTarget: index.default.node,
   /**
    * title for the show all modal. **Note: Required if more than 10 tags**
    */
@@ -279,11 +272,11 @@ exports.TagOverflow.propTypes = {
   /**
    * Will auto-align the popover on first render if it is not visible. This prop is currently experimental and is subject to future changes.
    */
-  autoAlign: index["default"].bool,
+  autoAlign: index.default.bool,
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * The items to be shown in the TagOverflow. Each item is specified as an object with properties:
    * **label**\* (required) to supply the content,
@@ -295,40 +288,40 @@ exports.TagOverflow.propTypes = {
    * then pass the props required for your custom component as the properties of item object
    */
   //@ts-ignore
-  items: index["default"].arrayOf(index["default"].shape({
-    id: index["default"].string.isRequired,
-    label: index["default"].string.isRequired,
-    tagType: index["default"].oneOf(tagTypes)
+  items: index.default.arrayOf(index.default.shape({
+    id: index.default.string.isRequired,
+    label: index.default.string.isRequired,
+    tagType: index.default.oneOf(tagTypes)
   }).isRequired),
   /**
    * maximum visible items
    */
-  maxVisible: index["default"].number,
+  maxVisible: index.default.number,
   /**
    * Specify offset amount for measure available space, only used when `containingElementSelector`
    * is also provided
    */
-  measurementOffset: index["default"].number,
+  measurementOffset: index.default.number,
   /**
    * display items in multiple lines
    */
-  multiline: index["default"].bool,
+  multiline: index.default.bool,
   /**
    * Handler to get overflow tags
    */
-  onOverflowTagChange: index["default"].func,
+  onOverflowTagChange: index.default.func,
   /**
    * overflowAlign from the standard tooltip. Default center.
    */
-  overflowAlign: index["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
+  overflowAlign: index.default.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
   /**
    * overflowClassName for the tooltip popup
    */
-  overflowClassName: index["default"].string,
+  overflowClassName: index.default.string,
   /**
    * Type of rendering displayed inside of the tag overflow component
    */
-  overflowType: index["default"].oneOf(['default', 'tag']),
+  overflowType: index.default.oneOf(['default', 'tag']),
   /**
    * label for the overflow show all tags link.
    *
@@ -339,7 +332,7 @@ exports.TagOverflow.propTypes = {
    * If this is not passed, items will be rendered as Tag component
    */
   //@ts-ignore
-  tagComponent: index["default"].elementType
+  tagComponent: index.default.elementType
 };
 
 exports.string_required_if_more_than_10_tags = string_required_if_more_than_10_tags;

package/lib/components/TagOverflow/TagOverflowModal.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 settings = require('../../settings.js');
 var propsHelper = require('../../global/js/utils/props-helper.js');
 var usePortalTarget = require('../../global/js/hooks/usePortalTarget.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 = ["allTags", "className", "title", "onClose", "open", "overflowType", "portalTarget", "searchLabel", "searchPlaceholder"];
 var componentName = 'TagOverflowModal';
 var blockClass = "".concat(settings.pkg.prefix, "--tag-overflow-modal");
@@ -61,25 +54,25 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
   var handleSearch = function handleSearch(evt) {
     setSearch(evt.target.value || '');
   };
-  return renderPortalUse( /*#__PURE__*/React__default["default"].createElement(react.ComposedModal, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return renderPortalUse( /*#__PURE__*/React.createElement(react.ComposedModal, _rollupPluginBabelHelpers.extends({}, rest, {
     containerClassName: "".concat(blockClass, "__container"),
-    className: cx__default["default"](className, blockClass),
+    className: cx(className, blockClass),
     size: "sm",
     "aria-label": "Search all",
     open: open,
     onClose: onClose
-  }), /*#__PURE__*/React__default["default"].createElement(react.ModalHeader, {
+  }), /*#__PURE__*/React.createElement(react.ModalHeader, {
     className: "".concat(blockClass, "__header"),
     closeModal: onClose,
     title: title
-  }, /*#__PURE__*/React__default["default"].createElement(react.Search, {
+  }, /*#__PURE__*/React.createElement(react.Search, {
     "data-modal-primary-focus": true,
     className: "".concat(blockClass, "__search"),
     labelText: searchLabel,
     placeholder: searchPlaceholder,
     onChange: handleSearch,
     size: "lg"
-  })), /*#__PURE__*/React__default["default"].createElement(react.ModalBody, {
+  })), /*#__PURE__*/React.createElement(react.ModalBody, {
     className: "".concat(blockClass, "__body"),
     hasForm: true
   }, getFilteredItems().map(function (_ref2) {
@@ -87,26 +80,26 @@ var TagOverflowModal = function TagOverflowModal(_ref) {
       id = _ref2.id,
       filter = _ref2.filter;
     var isFilterable = overflowType === 'tag' ? filter : false;
-    return /*#__PURE__*/React__default["default"].createElement(react.Tag, {
+    return /*#__PURE__*/React.createElement(react.Tag, {
       key: id,
       filter: isFilterable
     }, label);
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
     className: "".concat(blockClass, "__fade")
   })));
 };
 TagOverflowModal.propTypes = {
-  allTags: index["default"].arrayOf(index["default"].shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
-    label: index["default"].string.isRequired
+  allTags: index.default.arrayOf(index.default.shape(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, propsHelper.prepareProps(react.Tag.propTypes, 'filter')), {}, {
+    label: index.default.string.isRequired
   }))),
-  className: index["default"].string,
-  onClose: index["default"].func,
-  open: index["default"].bool,
-  overflowType: index["default"].oneOf(['default', 'tag']),
-  portalTarget: index["default"].node,
-  searchLabel: index["default"].string,
-  searchPlaceholder: index["default"].string,
-  title: index["default"].string
+  className: index.default.string,
+  onClose: index.default.func,
+  open: index.default.bool,
+  overflowType: index.default.oneOf(['default', 'tag']),
+  portalTarget: index.default.node,
+  searchLabel: index.default.string,
+  searchPlaceholder: index.default.string,
+  title: index.default.string
 };
 TagOverflowModal.displayName = componentName;