@carbon/ibm-products 2.43.2-canary.33 → 2.43.2-canary.330

package/lib/components/Datagrid/useSortableColumns.js

@@ -16,31 +16,31 @@ var settings = require('../../settings.js');
 var react = require('@carbon/react');
 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 DatagridAiLabel = require('./Datagrid/addons/AiLabel/DatagridAiLabel.js');
 
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
-var ordering = {
-  ASC: 'ASC',
-  DESC: 'DESC',
-  NONE: 'NONE'
-};
-var getNewSortOrder = function getNewSortOrder(sortOrder) {
+var getNewSortOrder = function getNewSortOrder(currentOrder) {
   var order = {
-    newSortDesc: false,
-    newOrder: ordering.NONE
+    newOrder: 'NONE',
+    newSortDesc: undefined
   };
-  if (sortOrder === false || sortOrder === ordering.DESC) {
-    order.newOrder = ordering.DESC;
+
+  // NONE => ASC
+  if (currentOrder === undefined) {
+    order.newOrder = 'ASC';
+    order.newSortDesc = false;
+  }
+
+  // ACS => DESC
+  if (currentOrder === false || currentOrder === 'DESC') {
+    order.newOrder = 'DESC';
     order.newSortDesc = true;
   }
-  if (sortOrder === undefined || sortOrder === ordering.ASC) {
-    order.newOrder = ordering.ASC;
-    order.newSortDesc = false;
+
+  // DESC => NONE
+  if (currentOrder === true || currentOrder === 'ASC') {
+    order.newOrder = 'NONE';
+    order.newSortDesc = undefined;
   }
   return order;
 };
@@ -82,9 +82,9 @@ var useSortableColumns = function useSortableColumns(hooks) {
       descendingSortableLabelText = instance.descendingSortableLabelText,
       defaultSortableLabelText = instance.defaultSortableLabelText;
     var onSortClick = function onSortClick(event, column) {
-      var slug = event.target.classList.contains("".concat(settings.carbon.prefix, "--slug")) || event.target.closest(".".concat(settings.carbon.prefix, "--slug"));
+      var aiLabel = event.target.classList.contains("".concat(settings.carbon.prefix, "--slug")) || event.target.closest(".".concat(settings.carbon.prefix, "--slug"));
       // Do not continue with sorting if we find a slug
-      if (slug) {
+      if (aiLabel) {
         event.stopPropagation();
         return;
       }
@@ -99,6 +99,7 @@ var useSortableColumns = function useSortableColumns(hooks) {
       instance.toggleSortBy(key, newSortDesc, false);
     };
     var sortableColumns = visibleColumns.map(function (column) {
+      var _column$minWidth;
       var icon = function icon(col, props) {
         var iconProps = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({
           size: 16
@@ -108,17 +109,26 @@ 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;
+        if (key === 'Enter') {
+          setTimeout(function () {
+            var _document$getElementB;
+            return (_document$getElementB = document.getElementById(columnId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
+          }, 0);
+        }
       };
       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,
@@ -130,17 +140,21 @@ 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, {
-              slug: headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.slug
+            var _headerProp$column, _headerProp$column2;
+            return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DatagridAiLabel.DatagridAILabel, {
+              aiLabel: (headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.aiLabel) || (headerProp === null || headerProp === void 0 || (_headerProp$column2 = headerProp.column) === null || _headerProp$column2 === void 0 ? void 0 : _headerProp$column2.slug)
             }), icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props));
           },
-          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))
+          id: column === null || column === void 0 ? void 0 : column.id,
+          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);
+          }
         }, column.Header);
       };
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, column), {}, {
         Header: Header,
-        minWidth: column.disableSortBy === true ? 0 : column.minWidth ? column.minWidth : 90
+        minWidth: column.disableSortBy ? 0 : (_column$minWidth = column.minWidth) !== null && _column$minWidth !== void 0 ? _column$minWidth : column.isAction ? 50 : 90
       });
     });
     return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== void 0 && _instance$customizeCo.isTearsheetOpen ? visibleColumns : _rollupPluginBabelHelpers.toConsumableArray(sortableColumns);
@@ -156,7 +170,6 @@ var useSortableColumns = function useSortableColumns(hooks) {
   hooks.visibleColumns.push(sortableVisibleColumns);
   hooks.useInstance.push(sortInstanceProps);
 };
-var useSortableColumns$1 = useSortableColumns;
 
-exports["default"] = useSortableColumns$1;
+exports.default = useSortableColumns;
 exports.getNewSortOrder = getNewSortOrder;

package/lib/components/Datagrid/useStickyColumn.d.ts

@@ -1,2 +1,9 @@
+/**
+ * Copyright IBM Corp. 2021, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { Hooks } from 'react-table';
+declare const useStickyColumn: (hooks: Hooks) => void;
 export default useStickyColumn;
-declare function useStickyColumn(hooks: any): void;

package/lib/components/Datagrid/useStickyColumn.js

@@ -15,24 +15,20 @@ 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");
 var OFFSET_SCROLL_CLASS = "".concat(styleClassPrefix, "-offset-scroll");
 var useStickyColumn = function useStickyColumn(hooks) {
-  var tableBodyRef = React.useRef();
-  var stickyHeaderCellRef = React.useRef();
-  var _useState = React.useState(null),
+  var tableBodyRef = React.useRef(undefined);
+  var stickyHeaderCellRef = React.useRef(undefined);
+  var _useState = React.useState(undefined),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     windowSize = _useState2[0],
     setWindowSize = _useState2[1];
   React.useEffect(function () {
-    setWindowSize(window.innerWidth);
+    var _window;
+    setWindowSize((_window = window) === null || _window === void 0 ? void 0 : _window.innerWidth);
   }, []);
   React.useLayoutEffect(function () {
     /* istanbul ignore next */
@@ -58,12 +54,13 @@ var useStickyColumn = function useStickyColumn(hooks) {
   var useEventListener = function useEventListener(instance) {
     React.useEffect(function () {
       var tableBodyElement = tableBodyRef.current;
-      var headerCellElement = stickyHeaderCellRef.current;
+      var headerCellElement = stickyHeaderCellRef === null || stickyHeaderCellRef === void 0 ? void 0 : stickyHeaderCellRef.current;
       /* istanbul ignore next */
       if (hasVertScroll(tableBodyElement) && headerCellElement) {
-        headerCellElement.classList.add(OFFSET_SCROLL_CLASS);
+        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);
@@ -83,7 +80,7 @@ var useStickyColumn = function useStickyColumn(hooks) {
       };
       toggleStickyShadow(tableBodyElement, headerCellElement);
       if (tableBodyElement) {
-        tableBodyElement.addEventListener('scroll', listener);
+        tableBodyElement === null || tableBodyElement === void 0 || tableBodyElement.addEventListener('scroll', listener);
       }
       return function () {
         if (tableBodyElement) {
@@ -147,18 +144,19 @@ var addTableBodyProps = function addTableBodyProps(tableBodyRef, props) {
   }];
 };
 var changeProps = function changeProps(elementName, headerCellRef, windowSize, props, data) {
-  var column = data.column || data.cell.column;
-  if (column.sticky === 'right') {
+  var _data$cell;
+  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
     })];
   }
-  if (column.sticky === 'left') {
+  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 > 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 > 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
     })];
@@ -198,6 +196,5 @@ var hasVertScroll = function hasVertScroll(element) {
     clientHeight = element.clientHeight;
   return scrollHeight > clientHeight;
 };
-var useStickyColumn$1 = useStickyColumn;
 
-exports["default"] = useStickyColumn$1;
+exports.default = useStickyColumn;

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,28 +7,22 @@
 
 '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');
+var index = require('../../_virtual/index.js');
 var devtools = require('../../global/js/utils/devtools.js');
 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,21 +7,14 @@
 
 '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');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 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,21 +7,14 @@
 
 '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');
+var index = require('../../_virtual/index.js');
 var cx = require('classnames');
 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';