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

package/lib/components/Datagrid/useSortableColumns.js

@@ -18,11 +18,6 @@ var icons = require('@carbon/react/icons');
 var DatagridSelectAll = require('./Datagrid/DatagridSelectAll.js');
 var DatagridSlug = require('./Datagrid/addons/Slug/DatagridSlug.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 blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var getNewSortOrder = function getNewSortOrder(currentOrder) {
   var order = {
@@ -114,14 +109,14 @@ var useSortableColumns = function useSortableColumns(hooks) {
         if (col !== null && col !== void 0 && col.isSorted) {
           switch (col.isSortedDesc) {
             case false:
-              return /*#__PURE__*/React__default["default"].createElement(icons.ArrowUp, iconProps);
+              return /*#__PURE__*/React.createElement(icons.ArrowUp, iconProps);
             case true:
-              return /*#__PURE__*/React__default["default"].createElement(icons.ArrowDown, iconProps);
+              return /*#__PURE__*/React.createElement(icons.ArrowDown, iconProps);
             default:
-              return /*#__PURE__*/React__default["default"].createElement(icons.ArrowsVertical, iconProps);
+              return /*#__PURE__*/React.createElement(icons.ArrowsVertical, iconProps);
           }
         }
-        return /*#__PURE__*/React__default["default"].createElement(icons.ArrowsVertical, iconProps);
+        return /*#__PURE__*/React.createElement(icons.ArrowsVertical, iconProps);
       };
       var handleKey = function handleKey(e, columnId) {
         var key = e.key;
@@ -133,7 +128,7 @@ var useSortableColumns = function useSortableColumns(hooks) {
         }
       };
       var Header = function Header(headerProp) {
-        return column.disableSortBy === true || column.id === 'datagridSelection' || column.isAction ? column.disableSortBy || column.isAction ? column.Header : /*#__PURE__*/React__default["default"].createElement(DatagridSelectAll.SelectAll, instance) : /*#__PURE__*/React__default["default"].createElement(react.Button, {
+        return column.disableSortBy === true || column.id === 'datagridSelection' || column.isAction ? column.disableSortBy || column.isAction ? column.Header : /*#__PURE__*/React.createElement(DatagridSelectAll.SelectAll, instance) : /*#__PURE__*/React.createElement(react.Button, {
           "aria-sort": getAriaSortValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, {
             ascendingSortableLabelText: ascendingSortableLabelText,
             descendingSortableLabelText: descendingSortableLabelText,
@@ -146,12 +141,12 @@ var useSortableColumns = function useSortableColumns(hooks) {
           kind: "ghost",
           renderIcon: function renderIcon(props) {
             var _headerProp$column;
-            return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(DatagridSlug.DatagridSlug, {
+            return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatagridSlug.DatagridSlug, {
               slug: headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.slug
             }), icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props));
           },
           id: column === null || column === void 0 ? void 0 : column.id,
-          className: cx__default["default"]("".concat(settings.carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false)),
+          className: cx("".concat(settings.carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false)),
           onKeyDown: function onKeyDown(event) {
             return handleKey(event, column.id);
           }
@@ -177,5 +172,5 @@ var useSortableColumns = function useSortableColumns(hooks) {
 };
 var useSortableColumns$1 = useSortableColumns;
 
-exports["default"] = useSortableColumns$1;
+exports.default = useSortableColumns$1;
 exports.getNewSortOrder = getNewSortOrder;

package/lib/components/Datagrid/useStickyColumn.js

@@ -15,11 +15,6 @@ var debounce = require('lodash/debounce');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var styleClassPrefix = "".concat(blockClass, "__right-sticky-column");
 var leftStickyStyleClassPrefix = "".concat(blockClass, "__left-sticky-column");
@@ -65,7 +60,7 @@ var useStickyColumn = function useStickyColumn(hooks) {
         var _headerCellElement$cl;
         headerCellElement === null || headerCellElement === void 0 || (_headerCellElement$cl = headerCellElement.classList) === null || _headerCellElement$cl === void 0 || _headerCellElement$cl.add(OFFSET_SCROLL_CLASS);
       }
-      var boundListener = debounce__default["default"](onBodyResize.bind(null, tableBodyElement, headerCellElement), 250);
+      var boundListener = debounce(onBodyResize.bind(null, tableBodyElement, headerCellElement), 250);
       /* istanbul ignore next */
       if (typeof window !== 'undefined') {
         window.addEventListener('resize', boundListener);
@@ -153,7 +148,7 @@ var changeProps = function changeProps(elementName, headerCellRef, windowSize, p
   var column = data.column || ((_data$cell = data.cell) === null || _data$cell === void 0 ? void 0 : _data$cell.column);
   if ((column === null || column === void 0 ? void 0 : column.sticky) === 'right') {
     return [props, _rollupPluginBabelHelpers.objectSpread2({
-      className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(styleClassPrefix, "-").concat(elementName), true), "".concat(blockClass, "__resizableColumn"), false), "".concat(blockClass, "__sortableColumn"), false))
+      className: cx(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(styleClassPrefix, "-").concat(elementName), true), "".concat(blockClass, "__resizableColumn"), false), "".concat(blockClass, "__sortableColumn"), false))
     }, headerCellRef && {
       ref: headerCellRef
     })];
@@ -161,7 +156,7 @@ var changeProps = function changeProps(elementName, headerCellRef, windowSize, p
   if ((column === null || column === void 0 ? void 0 : column.sticky) === 'left') {
     var _data$instance;
     return [props, _rollupPluginBabelHelpers.objectSpread2({
-      className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(leftStickyStyleClassPrefix, "-").concat(elementName), windowSize && windowSize > 671), "".concat(leftStickyStyleClassPrefix, "-").concat(elementName, "--with-extra-select-column"), (data === null || data === void 0 || (_data$instance = data.instance) === null || _data$instance === void 0 ? void 0 : _data$instance.withSelectRows) && windowSize && windowSize > 671))
+      className: cx(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(leftStickyStyleClassPrefix, "-").concat(elementName), windowSize && windowSize > 671), "".concat(leftStickyStyleClassPrefix, "-").concat(elementName, "--with-extra-select-column"), (data === null || data === void 0 || (_data$instance = data.instance) === null || _data$instance === void 0 ? void 0 : _data$instance.withSelectRows) && windowSize && windowSize > 671))
     }, headerCellRef && {
       ref: headerCellRef
     })];
@@ -203,4 +198,4 @@ var hasVertScroll = function hasVertScroll(element) {
 };
 var useStickyColumn$1 = useStickyColumn;
 
-exports["default"] = useStickyColumn$1;
+exports.default = useStickyColumn$1;

package/lib/components/Datagrid/utils/getAutoSizedColumnWidth.js

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

package/lib/components/Decorator/Decorator.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');
@@ -17,18 +15,14 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
 var DecoratorBase = require('../DecoratorBase/DecoratorBase.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var componentName = 'Decorator';
 
 /**
  * The Decorator groups a key/value pair as a single element. This component is not interactive.
  */
-exports.Decorator = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+exports.Decorator = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['disabled', 'kind', 'onClick', 'onClickLabel', 'onClickValue', 'onContextMenu', 'onContextMenuLabel', 'onContextMenuValue']);
-  return /*#__PURE__*/React__default["default"].createElement(DecoratorBase.DecoratorBase, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(DecoratorBase.DecoratorBase, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, validProps, {
     kind: "default"
@@ -49,21 +43,21 @@ exports.Decorator.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Do not show the icon, regardless of score.
    */
-  hideIcon: index["default"].bool,
+  hideIcon: index.default.bool,
   /**
    * The label for the data.
    */
-  label: index["default"].string,
+  label: index.default.string,
   /**
    * Used in conjunction with `scoreThresholds`, determines the color, shape, and type of magnitude of the icon.
    *
    * If you don't want to show the icon at all, set `hideIcon={true}`.
    */
-  score: index["default"].number,
+  score: index.default.number,
   /**
    * Used in conjunction with `score`, determines the color, shape, and type of magnitude of the icon.
    *
@@ -77,7 +71,7 @@ exports.Decorator.propTypes = {
    * <br/>- `>= 10` "Critical"
    * <br/>- `NaN` "Unknown"
    */
-  scoreThresholds: index["default"].arrayOf(index["default"].number),
+  scoreThresholds: index.default.arrayOf(index.default.number),
   /**
    * Optional callback function for building a more detailed descriptive text.
    * Returns `score`, `scoreThresholds`, `magnitude`.
@@ -89,30 +83,30 @@ exports.Decorator.propTypes = {
    *
    * If not defined, the title will default to the `label` prop.
    */
-  setLabelTitle: index["default"].func,
+  setLabelTitle: index.default.func,
   /**
    * Styled smaller to better fit inline with text.
    */
-  small: index["default"].bool,
+  small: index.default.bool,
   /**
    * Override the default theme of the component.
    * Useful if you want "invert" the component's theme.
    */
-  theme: index["default"].oneOf(['light', 'dark']),
+  theme: index.default.oneOf(['light', 'dark']),
   /**
    * If not defined, it will behave as `display:inline-block`.
    */
-  truncateValue: index["default"].oneOfType([index["default"].oneOf(['end', 'start']), index["default"].shape({
-    maxLength: index["default"].number,
-    front: index["default"].number,
-    back: index["default"].number
+  truncateValue: index.default.oneOfType([index.default.oneOf(['end', 'start']), index.default.shape({
+    maxLength: index.default.number,
+    front: index.default.number,
+    back: index.default.number
   })]),
   /**
    * The value of the data.
    */
-  value: index["default"].string.isRequired,
+  value: index.default.string.isRequired,
   /**
    * Overrides the default title for the Decorator's value.
    */
-  valueTitle: index["default"].string
+  valueTitle: index.default.string
 };

package/lib/components/DecoratorBase/DecoratorBase.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');
@@ -17,11 +15,6 @@ var settings = require('../../settings.js');
 var utils = require('./utils.js');
 var DecoratorIcon = require('./DecoratorIcon.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", "disabled", "hideIcon", "href", "kind", "label", "setLabelTitle", "onClick", "onClickLabel", "onClickValue", "onContextMenu", "onContextMenuLabel", "onContextMenuValue", "score", "scoreThresholds", "small", "theme", "truncateValue", "value", "valueTitle"];
 var blockClass = "".concat(settings.pkg.prefix, "--decorator");
 var componentName = 'DecoratorBase';
@@ -40,7 +33,7 @@ var defaults = {
  *
  * DecoratorBase is for internal use only. Refer to the other Decorator types as components for your app.
  */
-var DecoratorBase = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+var DecoratorBase = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     disabled = _ref.disabled,
     hideIcon = _ref.hideIcon,
@@ -74,7 +67,7 @@ var DecoratorBase = /*#__PURE__*/React__default["default"].forwardRef(function (
   var _value = utils.truncate(value, truncateValue);
 
   // These class names apply to all types of DecoratorBase.
-  var classNames = cx__default["default"](blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--").concat(theme), theme), "".concat(blockClass, "--sm"), small), "".concat(blockClass, "--truncate-end"), truncateValue === 'end'), "".concat(blockClass, "--truncate-start"), truncateValue === 'start'), "".concat(blockClass, "--truncate-midline"), truncateValue === null || truncateValue === void 0 ? void 0 : truncateValue.maxLength));
+  var classNames = cx(blockClass, className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--").concat(theme), theme), "".concat(blockClass, "--sm"), small), "".concat(blockClass, "--truncate-end"), truncateValue === 'end'), "".concat(blockClass, "--truncate-start"), truncateValue === 'start'), "".concat(blockClass, "--truncate-midline"), truncateValue === null || truncateValue === void 0 ? void 0 : truncateValue.maxLength));
 
   // These properties apply to all <DecoratorIcons>.
   var decoratorIconsProps = {
@@ -137,17 +130,17 @@ var DecoratorBase = /*#__PURE__*/React__default["default"].forwardRef(function (
         magnitude: magnitude
       });
     };
-    return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
-      className: cx__default["default"](classNames, "".concat(blockClass, "--dual-button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-disabled"), disabled)),
+    return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+      className: cx(classNames, "".concat(blockClass, "--dual-button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-disabled"), disabled)),
       ref: ref
-    }), /*#__PURE__*/React__default["default"].createElement("button", {
+    }), /*#__PURE__*/React.createElement("button", {
       className: "".concat(blockClass, "__label"),
       disabled: disabled,
       onClick: !disabled && handleOnClickLabel,
       onContextMenu: !disabled && handleOnContextMenuLabel,
       title: _labelTitle || label,
       type: "button"
-    }, !hideIcon && /*#__PURE__*/React__default["default"].createElement(DecoratorIcon.DecoratorIcon, decoratorIconsProps), !!label && label), /*#__PURE__*/React__default["default"].createElement("button", {
+    }, !hideIcon && /*#__PURE__*/React.createElement(DecoratorIcon.DecoratorIcon, decoratorIconsProps), !!label && label), /*#__PURE__*/React.createElement("button", {
       className: "".concat(blockClass, "__value"),
       disabled: disabled,
       onClick: !disabled && handleOnClickValue,
@@ -159,17 +152,17 @@ var DecoratorBase = /*#__PURE__*/React__default["default"].forwardRef(function (
 
   // RETURN SINGLE BUTTON
   if (kind === 'single-button') {
-    return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, rest, {
-      className: cx__default["default"](classNames, "".concat(blockClass, "--single-button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-disabled"), disabled)),
+    return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, rest, {
+      className: cx(classNames, "".concat(blockClass, "--single-button"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-disabled"), disabled)),
       disabled: disabled,
       onClick: !disabled && handleOnClick,
       onContextMenu: !disabled && handleOnContextMenu,
       ref: ref,
       type: "button"
-    }), /*#__PURE__*/React__default["default"].createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "".concat(blockClass, "__label"),
       title: _labelTitle || label
-    }, !hideIcon && /*#__PURE__*/React__default["default"].createElement(DecoratorIcon.DecoratorIcon, decoratorIconsProps), !!label && label), /*#__PURE__*/React__default["default"].createElement("span", {
+    }, !hideIcon && /*#__PURE__*/React.createElement(DecoratorIcon.DecoratorIcon, decoratorIconsProps), !!label && label), /*#__PURE__*/React.createElement("span", {
       className: "".concat(blockClass, "__value"),
       title: valueTitle || value
     }, _value));
@@ -177,29 +170,29 @@ var DecoratorBase = /*#__PURE__*/React__default["default"].forwardRef(function (
 
   // RETURN LINK
   if (kind === 'link') {
-    return /*#__PURE__*/React__default["default"].createElement("a", _rollupPluginBabelHelpers["extends"]({}, rest, {
+    return /*#__PURE__*/React.createElement("a", _rollupPluginBabelHelpers.extends({}, rest, {
       href: href,
-      className: cx__default["default"](classNames, "".concat(blockClass, "--link")),
+      className: cx(classNames, "".concat(blockClass, "--link")),
       onClick: handleOnClick,
       onContextMenu: handleOnContextMenu,
       ref: ref
-    }), /*#__PURE__*/React__default["default"].createElement("span", {
+    }), /*#__PURE__*/React.createElement("span", {
       className: "".concat(blockClass, "__label"),
       title: _labelTitle || label
-    }, !hideIcon && /*#__PURE__*/React__default["default"].createElement(DecoratorIcon.DecoratorIcon, decoratorIconsProps), !!label && label), /*#__PURE__*/React__default["default"].createElement("span", {
+    }, !hideIcon && /*#__PURE__*/React.createElement(DecoratorIcon.DecoratorIcon, decoratorIconsProps), !!label && label), /*#__PURE__*/React.createElement("span", {
       className: "".concat(blockClass, "__value"),
       title: valueTitle || value
     }, _value));
   }
 
   // RETURN DEFAULT (NON-INTERACTIVE)
-  return /*#__PURE__*/React__default["default"].createElement("span", _rollupPluginBabelHelpers["extends"]({}, rest, {
-    className: cx__default["default"](classNames, "".concat(blockClass, "--default")),
+  return /*#__PURE__*/React.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+    className: cx(classNames, "".concat(blockClass, "--default")),
     ref: ref
-  }), /*#__PURE__*/React__default["default"].createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__label"),
     title: _labelTitle || label
-  }, !hideIcon && /*#__PURE__*/React__default["default"].createElement(DecoratorIcon.DecoratorIcon, decoratorIconsProps), !!label && label), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, !hideIcon && /*#__PURE__*/React.createElement(DecoratorIcon.DecoratorIcon, decoratorIconsProps), !!label && label), /*#__PURE__*/React.createElement("span", {
     className: "".concat(blockClass, "__value"),
     title: valueTitle || value
   }, _value));
@@ -208,33 +201,33 @@ DecoratorBase.displayName = componentName;
 
 // See the other Decorator types for detailed, context-specific comments.
 DecoratorBase.propTypes = {
-  className: index["default"].string,
-  disabled: index["default"].bool,
-  hideIcon: index["default"].bool,
-  href: index["default"].string,
+  className: index.default.string,
+  disabled: index.default.bool,
+  hideIcon: index.default.bool,
+  href: index.default.string,
   /**
    * `kind` differentiates between each type of Decorator, and is for internal use only.
    */
-  kind: index["default"].oneOf(['default', 'link', 'single-button', 'dual-button']),
-  label: index["default"].string,
-  onClick: index["default"].func,
-  onClickLabel: index["default"].func,
-  onClickValue: index["default"].func,
-  onContextMenu: index["default"].func,
-  onContextMenuLabel: index["default"].func,
-  onContextMenuValue: index["default"].func,
-  score: index["default"].number,
-  scoreThresholds: index["default"].arrayOf(index["default"].number),
-  setLabelTitle: index["default"].func,
-  small: index["default"].bool,
-  theme: index["default"].oneOf(['light', 'dark']),
-  truncateValue: index["default"].oneOfType([index["default"].oneOf(['end', 'start']), index["default"].shape({
-    maxLength: index["default"].number,
-    front: index["default"].number,
-    back: index["default"].number
+  kind: index.default.oneOf(['default', 'link', 'single-button', 'dual-button']),
+  label: index.default.string,
+  onClick: index.default.func,
+  onClickLabel: index.default.func,
+  onClickValue: index.default.func,
+  onContextMenu: index.default.func,
+  onContextMenuLabel: index.default.func,
+  onContextMenuValue: index.default.func,
+  score: index.default.number,
+  scoreThresholds: index.default.arrayOf(index.default.number),
+  setLabelTitle: index.default.func,
+  small: index.default.bool,
+  theme: index.default.oneOf(['light', 'dark']),
+  truncateValue: index.default.oneOfType([index.default.oneOf(['end', 'start']), index.default.shape({
+    maxLength: index.default.number,
+    front: index.default.number,
+    back: index.default.number
   })]),
-  value: index["default"].string.isRequired,
-  valueTitle: index["default"].string
+  value: index.default.string.isRequired,
+  valueTitle: index.default.string
 };
 
 exports.DecoratorBase = DecoratorBase;

package/lib/components/DecoratorBase/DecoratorIcon.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');
@@ -17,11 +15,6 @@ var icons = require('@carbon/react/icons');
 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 cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var _excluded = ["className", "magnitude", "small"];
 
 // The block part of our conventional BEM class names (blockClass__E--M).
@@ -35,7 +28,7 @@ var defaults = {
 /**
  * The shape and color of the Decorator's icon.
  */
-exports.DecoratorIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
+exports.DecoratorIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$magnitude = _ref.magnitude,
     magnitude = _ref$magnitude === void 0 ? defaults.magnitude : _ref$magnitude,
@@ -63,9 +56,9 @@ exports.DecoratorIcon = /*#__PURE__*/React__default["default"].forwardRef(functi
       Icon = icons.CircleStroke;
       break;
   }
-  return /*#__PURE__*/React__default["default"].createElement(Icon, _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement(Icon, _rollupPluginBabelHelpers.extends({}, rest, {
     "aria-hidden": true,
-    className: cx__default["default"](blockClass, className, "".concat(blockClass, "__magnitude-").concat(magnitude), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--sm"), small)),
+    className: cx(blockClass, className, "".concat(blockClass, "__magnitude-").concat(magnitude), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--sm"), small)),
     focusable: false,
     ref: ref
     // Adding viewBox allows resizing `svg` elements via CSS.
@@ -90,13 +83,13 @@ exports.DecoratorIcon.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * Determines the shape and color of the icon.
    */
-  magnitude: index["default"].oneOf(['unknown', 'benign', 'low', 'medium', 'high', 'critical']),
+  magnitude: index.default.oneOf(['unknown', 'benign', 'low', 'medium', 'high', 'critical']),
   /**
    * Reduce the size of the icon in proportion to a smaller Decorator.
    */
-  small: index["default"].bool
+  small: index.default.bool
 };

package/lib/components/DecoratorBase/utils.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var getMagnitude = function getMagnitude(score, thresholds) {
   if (typeof score !== 'number') {
     return 'Unknown';

package/lib/components/DecoratorDualButton/DecoratorDualButton.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');
@@ -17,18 +15,14 @@ var propsHelper = require('../../global/js/utils/props-helper.js');
 var settings = require('../../settings.js');
 var DecoratorBase = require('../DecoratorBase/DecoratorBase.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var componentName = 'DecoratorDualButton';
 
 /**
  * The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
  */
-exports.DecoratorDualButton = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
+exports.DecoratorDualButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var validProps = propsHelper.prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
-  return /*#__PURE__*/React__default["default"].createElement(DecoratorBase.DecoratorBase, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(DecoratorBase.DecoratorBase, _rollupPluginBabelHelpers.extends({
     ref: ref
   }, validProps, {
     kind: "dual-button"
@@ -49,45 +43,45 @@ exports.DecoratorDualButton.propTypes = {
   /**
    * Provide an optional class to be applied to the containing node.
    */
-  className: index["default"].string,
+  className: index.default.string,
   /**
    * `disabled` only applies if `kind` is "single-button" or "dual-button".
    */
-  disabled: index["default"].bool,
+  disabled: index.default.bool,
   /**
    * Do not show the icon, regardless of score.
    */
-  hideIcon: index["default"].bool,
+  hideIcon: index.default.bool,
   /**
    * The label for the data.
    */
-  label: index["default"].string,
+  label: index.default.string,
   /**
    * Optional callback function.
    * Returns two objects: `event` and `{ score, label, value, magnitude }`
    */
-  onClickLabel: index["default"].func,
+  onClickLabel: index.default.func,
   /**
    * Optional callback function.
    * Returns two objects: `event` and `{ score, label, value, magnitude }`
    */
-  onClickValue: index["default"].func,
+  onClickValue: index.default.func,
   /**
    * Optional callback function.
    * Returns two objects: `event` and `{ score, label, value, magnitude }`
    */
-  onContextMenuLabel: index["default"].func,
+  onContextMenuLabel: index.default.func,
   /**
    * Optional callback function.
    * Returns two objects: `event` and `{ score, label, value, magnitude }`
    */
-  onContextMenuValue: index["default"].func,
+  onContextMenuValue: index.default.func,
   /**
    * Used in conjunction with `scoreThresholds`, determines the color, shape, and type of magnitude of the icon.
    *
    * If you don't want to show the icon at all, set `hideIcon={true}`.
    */
-  score: index["default"].number,
+  score: index.default.number,
   /**
    * Used in conjunction with `score`, determines the color, shape, and type of magnitude of the icon.
    *
@@ -101,7 +95,7 @@ exports.DecoratorDualButton.propTypes = {
    * <br/>- `>= 10` "Critical"
    * <br/>- `NaN` "Unknown"
    */
-  scoreThresholds: index["default"].arrayOf(index["default"].number),
+  scoreThresholds: index.default.arrayOf(index.default.number),
   /**
    * Optional callback function for building a more detailed descriptive text.
    * Returns `score`, `scoreThresholds`, `magnitude`.
@@ -113,30 +107,30 @@ exports.DecoratorDualButton.propTypes = {
    *
    * If not defined, the title will default to the `label` prop.
    */
-  setLabelTitle: index["default"].func,
+  setLabelTitle: index.default.func,
   /**
    * Styled smaller to better fit inline with text.
    */
-  small: index["default"].bool,
+  small: index.default.bool,
   /**
    * Override the default theme of the component.
    * Useful if you want "invert" the component's theme.
    */
-  theme: index["default"].oneOf(['light', 'dark']),
+  theme: index.default.oneOf(['light', 'dark']),
   /**
    * If not defined, it will behave as `display:inline-block`.
    */
-  truncateValue: index["default"].oneOfType([index["default"].oneOf(['end', 'start']), index["default"].shape({
-    maxLength: index["default"].number,
-    front: index["default"].number,
-    back: index["default"].number
+  truncateValue: index.default.oneOfType([index.default.oneOf(['end', 'start']), index.default.shape({
+    maxLength: index.default.number,
+    front: index.default.number,
+    back: index.default.number
   })]),
   /**
    * The value of the data.
    */
-  value: index["default"].string.isRequired,
+  value: index.default.string.isRequired,
   /**
    * Overrides the default title for the Decorator's value.
    */
-  valueTitle: index["default"].string
+  valueTitle: index.default.string
 };