@carbon/ibm-products 2.50.0 → 2.51.0

package/lib/components/Datagrid/useNestedRowExpander.js

@@ -17,11 +17,6 @@ var settings = require('../../settings.js');
 var useFocusRowExpander = require('./useFocusRowExpander.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 blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var useNestedRowExpander = function useNestedRowExpander(hooks) {
   var tempState = React.useRef();
@@ -106,12 +101,12 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
           _ref3$expanderButtonT2 = _ref3.expanderButtonTitleCollapsed,
           expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === void 0 ? 'Expand row' : _ref3$expanderButtonT2;
         var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;
-        return row.canExpand || getAsyncSubRows ? /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+        return row.canExpand || getAsyncSubRows ? /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
           type: "button",
           "aria-label": expanderTitle,
-          className: cx__default["default"]("".concat(blockClass, "__row-expander"), "".concat(settings.carbon.prefix, "--btn"), "".concat(settings.carbon.prefix, "--btn--ghost"))
-        }, expanderButtonProps), /*#__PURE__*/React__default["default"].createElement(icons.ChevronRight, {
-          className: cx__default["default"]("".concat(blockClass, "__expander-icon"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), "".concat(blockClass, "__expander-icon--open"), row.isExpanded))
+          className: cx("".concat(blockClass, "__row-expander"), "".concat(settings.carbon.prefix, "--btn"), "".concat(settings.carbon.prefix, "--btn--ghost"))
+        }, expanderButtonProps), /*#__PURE__*/React.createElement(icons.ChevronRight, {
+          className: cx("".concat(blockClass, "__expander-icon"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__expander-icon--not-open"), !row.isExpanded), "".concat(blockClass, "__expander-icon--open"), row.isExpanded))
         })) : null;
       },
       width: 48,
@@ -126,4 +121,4 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
 };
 var useNestedRowExpander$1 = useNestedRowExpander;
 
-exports["default"] = useNestedRowExpander$1;
+exports.default = useNestedRowExpander$1;

package/lib/components/Datagrid/useNestedRows.js

@@ -15,13 +15,9 @@ var settings = require('../../settings.js');
 var useNestedRowExpander = require('./useNestedRowExpander.js');
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var useNestedRows = function useNestedRows(hooks) {
-  useNestedRowExpander["default"](hooks);
+  useNestedRowExpander.default(hooks);
   var useInstance = function useInstance(instance) {
     React.useEffect(function () {
       var _ref = instance,
@@ -64,7 +60,7 @@ var useNestedRows = function useNestedRows(hooks) {
     var getRowProps = function getRowProps(props, _ref3) {
       var row = _ref3.row;
       return [props, {
-        className: cx__default["default"](_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__carbon-nested-row"), row.depth > 0), "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded))
+        className: cx(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__carbon-nested-row"), row.depth > 0), "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded))
       }];
     };
     var getRowStyles = function getRowStyles(props, _ref4) {
@@ -104,4 +100,4 @@ var useNestedRows = function useNestedRows(hooks) {
 };
 var useNestedRows$1 = useNestedRows;
 
-exports["default"] = useNestedRows$1;
+exports.default = useNestedRows$1;

package/lib/components/Datagrid/useOnRowClick.js

@@ -67,4 +67,4 @@ var useOnRowClick = function useOnRowClick(hooks) {
 };
 var useOnRowClick$1 = useOnRowClick;
 
-exports["default"] = useOnRowClick$1;
+exports.default = useOnRowClick$1;

package/lib/components/Datagrid/useParentDimensions.js

@@ -61,4 +61,4 @@ var useParentDimensions = function useParentDimensions(hooks) {
 };
 var useParentDimensions$1 = useParentDimensions;
 
-exports["default"] = useParentDimensions$1;
+exports.default = useParentDimensions$1;

package/lib/components/Datagrid/useResizeTable.js

@@ -38,4 +38,4 @@ var useResizeTable = function useResizeTable(hooks) {
 };
 var useResizeTable$1 = useResizeTable;
 
-exports["default"] = useResizeTable$1;
+exports.default = useResizeTable$1;

package/lib/components/Datagrid/useRowExpander.js

@@ -16,11 +16,6 @@ var settings = require('../../settings.js');
 var cx = require('classnames');
 var useFocusRowExpander = require('./useFocusRowExpander.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 useRowExpander = function useRowExpander(hooks) {
   var tempState = React.useRef();
@@ -55,13 +50,13 @@ var useRowExpander = function useRowExpander(hooks) {
           _ref2$expanderButtonT2 = _ref2.expanderButtonTitleCollapsed,
           expanderButtonTitleCollapsed = _ref2$expanderButtonT2 === void 0 ? 'Expand row' : _ref2$expanderButtonT2;
         var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;
-        return row.canExpand && /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({
+        return row.canExpand && /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({
           type: "button",
           "aria-label": expanderTitle,
-          className: cx__default["default"]("".concat(blockClass, "__row-expander"), "".concat(settings.carbon.prefix, "--btn"), "".concat(settings.carbon.prefix, "--btn--ghost"))
-        }, expanderButtonProps), row.isExpanded ? /*#__PURE__*/React__default["default"].createElement(icons.ChevronUp, {
+          className: cx("".concat(blockClass, "__row-expander"), "".concat(settings.carbon.prefix, "--btn"), "".concat(settings.carbon.prefix, "--btn--ghost"))
+        }, expanderButtonProps), row.isExpanded ? /*#__PURE__*/React.createElement(icons.ChevronUp, {
           className: "".concat(blockClass, "__row-expander--icon")
-        }) : /*#__PURE__*/React__default["default"].createElement(icons.ChevronDown, {
+        }) : /*#__PURE__*/React.createElement(icons.ChevronDown, {
           className: "".concat(blockClass, "__row-expander--icon")
         }));
       },
@@ -77,4 +72,4 @@ var useRowExpander = function useRowExpander(hooks) {
 };
 var useRowExpander$1 = useRowExpander;
 
-exports["default"] = useRowExpander$1;
+exports.default = useRowExpander$1;

package/lib/components/Datagrid/useRowIsMouseOver.js

@@ -13,10 +13,6 @@ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelper
 var React = require('react');
 var debounce = require('lodash/debounce');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-
 var useRowIsMouseOver = function useRowIsMouseOver(hooks) {
   var useInstance = function useInstance(instance) {
     var _useState = React.useState(),
@@ -53,9 +49,9 @@ var useRowIsMouseOver = function useRowIsMouseOver(hooks) {
 var useDebounce = function useDebounce(fn, wait) {
   return (
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    React.useCallback(debounce__default["default"](fn, wait), [])
+    React.useCallback(debounce(fn, wait), [])
   );
 };
 var useRowIsMouseOver$1 = useRowIsMouseOver;
 
-exports["default"] = useRowIsMouseOver$1;
+exports.default = useRowIsMouseOver$1;

package/lib/components/Datagrid/useRowRenderer.js

@@ -58,7 +58,7 @@ var useRowRenderer = function useRowRenderer(hooks) {
     newRows = (_newRows = newRows) !== null && _newRows !== void 0 ? _newRows : rows;
     var addRowRenderer = function addRowRenderer(row) {
       return Object.assign(row, {
-        RowRenderer: DatagridRow["default"],
+        RowRenderer: DatagridRow.default,
         subRows: (row.subRows || []).map(addRowRenderer)
       });
     };
@@ -71,4 +71,4 @@ var useRowRenderer = function useRowRenderer(hooks) {
 };
 var useRowRenderer$1 = useRowRenderer;
 
-exports["default"] = useRowRenderer$1;
+exports.default = useRowRenderer$1;

package/lib/components/Datagrid/useRowSize.js

@@ -40,7 +40,7 @@ var useRowSize = function useRowSize(hooks) {
         },
         tableId: tableId
       }),
-      RowSizeDropdown: RowSizeDropdown["default"]
+      RowSizeDropdown: RowSizeDropdown.default
     });
   });
   var getTableProps = function getTableProps(props, _ref2) {
@@ -57,4 +57,4 @@ var useRowSize = function useRowSize(hooks) {
 };
 var useRowSize$1 = useRowSize;
 
-exports["default"] = useRowSize$1;
+exports.default = useRowSize$1;

package/lib/components/Datagrid/useSelectAllToggle.js

@@ -17,11 +17,6 @@ var DatagridSelectAllWithToggle = require('./Datagrid/DatagridSelectAllWithToggl
 var settings = require('../../settings.js');
 var useIsomorphicEffect = require('../../global/js/hooks/useIsomorphicEffect.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__select-all");
 var useSelectAllToggle = function useSelectAllToggle(hooks) {
   useSelectAllWithToggleComponent(hooks);
@@ -71,7 +66,7 @@ var useAddClassNameToSelectRow = function useAddClassNameToSelectRow(hooks) {
     var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
     if (column.id === commonColumnIds.selectionColumnId && DatagridPagination) {
       return [props, {
-        className: cx__default["default"]("".concat(blockClass, "-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
+        className: cx("".concat(blockClass, "-toggle-on"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))
       }];
     }
     return [props];
@@ -96,8 +91,8 @@ var Header = function Header(gridState) {
     withStickyColumn: withStickyColumn,
     columns: columns
   };
-  return /*#__PURE__*/React__default["default"].createElement(DatagridSelectAllWithToggle["default"], props);
+  return /*#__PURE__*/React.createElement(DatagridSelectAllWithToggle.default, props);
 };
 var useSelectAllToggle$1 = useSelectAllToggle;
 
-exports["default"] = useSelectAllToggle$1;
+exports.default = useSelectAllToggle$1;

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);
@@ -104,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,
@@ -132,18 +148,18 @@ 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$1;

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.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
 };