@carbon/ibm-products 2.43.2-canary.3 → 2.43.2-canary.300

package/lib/components/Datagrid/useSelectRows.js

@@ -18,11 +18,6 @@ var commonColumnIds = require('./common-column-ids.js');
 var settings = require('../../settings.js');
 var stateReducer = require('./Datagrid/addons/stateReducer.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 = ["onChange", "title"];
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var checkboxClass = "".concat(settings.pkg.prefix, "--datagrid__checkbox-cell");
@@ -56,10 +51,10 @@ var useSelectRows = function useSelectRows(hooks) {
     return [].concat(_rollupPluginBabelHelpers.toConsumableArray(expanderColumnIndex > -1 && expanderCol && expanderCol.length ? expanderCol : []), [{
       id: commonColumnIds.selectionColumnId,
       Header: function Header(gridState) {
-        return /*#__PURE__*/React__default["default"].createElement(DatagridSelectAll.SelectAll, gridState);
+        return /*#__PURE__*/React.createElement(DatagridSelectAll.SelectAll, gridState);
       },
       Cell: function Cell(gridState) {
-        return /*#__PURE__*/React__default["default"].createElement(SelectRow, gridState);
+        return /*#__PURE__*/React.createElement(SelectRow, gridState);
       }
     }], _rollupPluginBabelHelpers.toConsumableArray(newColOrder));
   });
@@ -70,7 +65,7 @@ var useHighlightSelection = function useHighlightSelection(hooks) {
     var _row$getToggleRowSele = row.getToggleRowSelectedProps(),
       checked = _row$getToggleRowSele.checked;
     return [props, {
-      className: cx__default["default"](["".concat(blockClass, "__carbon-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(settings.carbon.prefix, "--data-table--selected"), checked), "".concat(blockClass, "__active-row"), checked)])
+      className: cx(["".concat(blockClass, "__carbon-row"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(settings.carbon.prefix, "--data-table--selected"), checked), "".concat(blockClass, "__active-row"), checked)])
     }];
   };
   hooks.getRowProps.push(getRowProps);
@@ -90,11 +85,12 @@ var SelectRow = function SelectRow(datagridState) {
     withStickyColumn = datagridState.withStickyColumn,
     dispatch = datagridState.dispatch,
     getRowId = datagridState.getRowId;
-  var _useState = React.useState(typeof window !== 'undefined' ? window.innerWidth : ''),
+  var _useState = React.useState(),
     _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
     windowSize = _useState2[0],
     setWindowSize = _useState2[1];
   React.useLayoutEffect(function () {
+    setWindowSize(window.innerWidth);
     function updateSize() {
       setWindowSize(window.innerWidth);
     }
@@ -103,24 +99,45 @@ var SelectRow = function SelectRow(datagridState) {
       return window.removeEventListener('resize', updateSize);
     };
   }, []);
-  var onSelectHandler = function onSelectHandler(event) {
-    event.stopPropagation(); // avoid triggering onRowClick
-    if (radio) {
-      toggleAllRowsSelected(false);
-      if (onRadioSelect) {
-        onRadioSelect(row);
-      }
-    }
-    onChange(event);
-    onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, event);
-    stateReducer.handleToggleRowSelected({
-      dispatch: dispatch,
-      rowData: row,
-      isChecked: event.target.checked,
-      getRowId: getRowId,
-      selectAll: null
-    });
-  };
+  var onSelectHandler = /*#__PURE__*/function () {
+    var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(event) {
+      var _document$activeEleme, _document, _document2;
+      var activeElement;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            event.stopPropagation(); // avoid triggering onRowClick
+            if (radio) {
+              toggleAllRowsSelected(false);
+              if (onRadioSelect) {
+                onRadioSelect(row);
+              }
+            }
+            onChange(event);
+            onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, event);
+            stateReducer.handleToggleRowSelected({
+              dispatch: dispatch,
+              rowData: row,
+              isChecked: event.target.checked,
+              getRowId: getRowId,
+              selectAll: null
+            });
+            // focus the radio / checkbox if lost
+            activeElement = (_document$activeEleme = (_document = document) === null || _document === void 0 || (_document = _document.activeElement) === null || _document === void 0 ? void 0 : _document.id) !== null && _document$activeEleme !== void 0 ? _document$activeEleme : '';
+            _context.next = 8;
+            return undefined;
+          case 8:
+            (_document2 = document) === null || _document2 === void 0 || (_document2 = _document2.getElementById(activeElement)) === null || _document2 === void 0 || _document2.focus();
+          case 9:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function onSelectHandler(_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   var selectDisabled = isFetching || row.getRowProps().disabled;
   var _row$getToggleRowSele2 = row.getToggleRowSelectedProps(),
     onChange = _row$getToggleRowSele2.onChange,
@@ -131,18 +148,17 @@ var SelectRow = function SelectRow(datagridState) {
   var rowId = "".concat(tableId, "-").concat(row.id, "-").concat(row.index);
   var key = cellProps.key,
     _cellProps = cellProps._cellProps;
-  return /*#__PURE__*/React__default["default"].createElement(react.TableSelectRow, _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(react.TableSelectRow, _rollupPluginBabelHelpers.extends({
     key: key
   }, _cellProps, selectProps, {
     radio: radio,
     onSelect: onSelectHandler,
     id: rowId,
     name: "".concat(rowId, "-name"),
-    className: cx__default["default"]([checkboxClass, cellProps.className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(checkboxClass, "-sticky-left"), isFirstColumnStickyLeft && Number(windowSize) > 671)]),
+    className: cx([checkboxClass, cellProps.className, _rollupPluginBabelHelpers.defineProperty({}, "".concat(checkboxClass, "-sticky-left"), isFirstColumnStickyLeft && Number(windowSize) > 671)]),
     ariaLabel: title,
     disabled: selectDisabled
   }));
 };
-var useSelectRows$1 = useSelectRows;
 
-exports["default"] = useSelectRows$1;
+exports.default = useSelectRows;

package/lib/components/Datagrid/useSkeletonRows.js

@@ -46,4 +46,4 @@ var useSkeletons = function useSkeletons(hooks) {
 };
 var useSkeletonRows = useSkeletons;
 
-exports["default"] = useSkeletonRows;
+exports.default = useSkeletonRows;

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

@@ -5,9 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { Hooks } from 'react-table';
-export declare const getNewSortOrder: (sortOrder?: boolean | string) => {
-    newSortDesc: boolean;
-    newOrder: string;
-};
+interface Order {
+    newOrder: 'ASC' | 'DESC' | 'NONE';
+    newSortDesc: undefined | boolean;
+}
+export declare const getNewSortOrder: (currentOrder?: boolean | string) => Order;
 declare const useSortableColumns: (hooks: Hooks) => void;
 export default useSortableColumns;

package/lib/components/Datagrid/useSortableColumns.js

@@ -18,29 +18,29 @@ 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 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;
 };
@@ -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,
@@ -131,16 +141,20 @@ 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));
           },
-          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,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");
@@ -27,12 +22,13 @@ 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 _useState = React.useState(),
     _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,29 +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,
   /**
-   * Determines the theme of the component.
+   * 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
 };