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

package/lib/components/Datagrid/useCustomizeColumns.js

@@ -14,8 +14,7 @@ var React = require('react');
 var ButtonWrapper = require('./Datagrid/addons/CustomizeColumns/ButtonWrapper.js');
 var TearsheetWrapper = require('./Datagrid/addons/CustomizeColumns/TearsheetWrapper.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -28,11 +27,11 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 var useCustomizeColumns = function useCustomizeColumns(hooks) {
   var _React$useState = React__namespace.useState(false),
@@ -50,16 +49,16 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
         setIsTearsheetOpen: setIsTearsheetOpen
       }),
       CustomizeColumnsButton: function CustomizeColumnsButton(props) {
-        return /*#__PURE__*/React__namespace.createElement(ButtonWrapper["default"], _rollupPluginBabelHelpers["extends"]({
+        return /*#__PURE__*/React__namespace.createElement(ButtonWrapper.default, _rollupPluginBabelHelpers.extends({
           iconTooltipLabel: labels === null || labels === void 0 ? void 0 : labels.iconTooltipLabel,
           isTearsheetOpen: isTearsheetOpen,
           setIsTearsheetOpen: setIsTearsheetOpen
         }, props));
       },
-      CustomizeColumnsTearsheet: TearsheetWrapper["default"]
+      CustomizeColumnsTearsheet: TearsheetWrapper.default
     });
   });
 };
 var useCustomizeColumns$1 = useCustomizeColumns;
 
-exports["default"] = useCustomizeColumns$1;
+exports.default = useCustomizeColumns$1;

package/lib/components/Datagrid/useDatagrid.js

@@ -22,12 +22,8 @@ var useFlexResize = require('./useFlexResize.js');
 var useFloatingScroll = require('./useFloatingScroll.js');
 var stateReducer = require('./Datagrid/addons/stateReducer.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var uniqueId__default = /*#__PURE__*/_interopDefaultLegacy(uniqueId);
-
 var useDatagrid = function useDatagrid(params) {
-  var defaultPlugins = [reactTable.useFlexLayout, DatagridHeaderRow["default"], useSkeletonRows["default"], reactTable.useResizeColumns, useRowRenderer["default"], useDefaultStringRenderer["default"], useRowSize["default"], reactTable.useFilters, reactTable.useGlobalFilter, reactTable.useSortBy, reactTable.useExpanded];
+  var defaultPlugins = [reactTable.useFlexLayout, DatagridHeaderRow.default, useSkeletonRows.default, reactTable.useResizeColumns, useRowRenderer.default, useDefaultStringRenderer.default, useRowSize.default, reactTable.useFilters, reactTable.useGlobalFilter, reactTable.useSortBy, reactTable.useExpanded];
 
   // Disable resizing
   if (params.disableResizing) {
@@ -36,13 +32,13 @@ var useDatagrid = function useDatagrid(params) {
     });
     defaultPlugins.splice(resizeIndex, 1);
   }
-  var defaultEndPlugins = [reactTable.usePagination, reactTable.useRowSelect, useFlexResize["default"], useFloatingScroll["default"]];
+  var defaultEndPlugins = [reactTable.usePagination, reactTable.useRowSelect, useFlexResize.default, useFloatingScroll.default];
   var clientEndPlugins = params.endPlugins || [];
   var defaultColumn = {
     minWidth: 50
   };
   var tableId = React.useMemo(function () {
-    return uniqueId__default["default"]('datagrid-table-id');
+    return uniqueId('datagrid-table-id');
   }, []);
   for (var _len = arguments.length, plugins = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     plugins[_key - 1] = arguments[_key];
@@ -57,4 +53,4 @@ var useDatagrid = function useDatagrid(params) {
 };
 var useDatagrid$1 = useDatagrid;
 
-exports["default"] = useDatagrid$1;
+exports.default = useDatagrid$1;

package/lib/components/Datagrid/useDefaultStringRenderer.js

@@ -14,22 +14,17 @@ var React = require('react');
 var cx = require('classnames');
 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 blockClass = "".concat(settings.pkg.prefix, "--datagrid");
 var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
   var StringRenderer = function StringRenderer(tableProps) {
     var _tableProps$column;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: cx__default["default"]("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll)))
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--multiline"), ((_tableProps$column = tableProps.column) === null || _tableProps$column === void 0 ? void 0 : _tableProps$column.multiLineWrap) || (tableProps === null || tableProps === void 0 ? void 0 : tableProps.multiLineWrapAll)))
     }, tableProps.value);
   };
   var HeaderRenderer = function HeaderRenderer(header, slug) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: cx__default["default"]("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React__default["default"].isValidElement(slug))),
+    return /*#__PURE__*/React.createElement("div", {
+      className: cx("".concat(blockClass, "__defaultStringRenderer"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__defaultStringRenderer--slug"), slug && /*#__PURE__*/React.isValidElement(slug))),
       key: typeof header === 'string' ? header : ''
     }, header);
   };
@@ -47,4 +42,4 @@ var useDefaultStringRenderer = function useDefaultStringRenderer(hooks) {
 };
 var useDefaultStringRenderer$1 = useDefaultStringRenderer;
 
-exports["default"] = useDefaultStringRenderer$1;
+exports.default = useDefaultStringRenderer$1;

package/lib/components/Datagrid/useDisableSelectRows.js

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

package/lib/components/Datagrid/useEditableCell.js

@@ -12,8 +12,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var useInlineEdit = require('./useInlineEdit.js');
 
 var useEditableCell = function useEditableCell(hooks) {
-  useInlineEdit["default"](hooks);
+  useInlineEdit.default(hooks);
 };
 var useEditableCell$1 = useEditableCell;
 
-exports["default"] = useEditableCell$1;
+exports.default = useEditableCell$1;

package/lib/components/Datagrid/useExpandedRow.js

@@ -15,7 +15,7 @@ var DatagridExpandedRow = require('./Datagrid/DatagridExpandedRow.js');
 var useRowExpander = require('./useRowExpander.js');
 
 var useExpandedRow = function useExpandedRow(hooks) {
-  useRowExpander["default"](hooks);
+  useRowExpander.default(hooks);
   var useInstance = function useInstance(instance) {
     var _ref = instance,
       rows = _ref.rows,
@@ -33,7 +33,7 @@ var useExpandedRow = function useExpandedRow(hooks) {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, row), {}, {
         canExpand: row.original && !row.original.notExpandable,
         expandedContentHeight: expandedRowsHeight[row.index] || expandedContentHeight,
-        RowExpansionRenderer: ExpandedRowContentComponent && DatagridExpandedRow["default"](ExpandedRowContentComponent),
+        RowExpansionRenderer: ExpandedRowContentComponent && DatagridExpandedRow.default(ExpandedRowContentComponent),
         onClick: function onClick(row, event) {
           return onRowExpand === null || onRowExpand === void 0 ? void 0 : onRowExpand(row, event);
         }
@@ -49,4 +49,4 @@ var useExpandedRow = function useExpandedRow(hooks) {
 };
 var useExpandedRow$1 = useExpandedRow;
 
-exports["default"] = useExpandedRow$1;
+exports.default = useExpandedRow$1;

package/lib/components/Datagrid/useFiltering.js

@@ -49,9 +49,9 @@ var useFiltering = function useFiltering(hooks) {
         endDate = _ref2[1];
       return rows.filter(function (row) {
         var rowValue = row.values[id];
-        var startDateObj = _rollupPluginBabelHelpers["typeof"](startDate) === 'object' ? startDate : new Date(startDate);
-        var endDateObj = _rollupPluginBabelHelpers["typeof"](endDate) === 'object' ? endDate : new Date(endDate);
-        var rowValueDateObj = _rollupPluginBabelHelpers["typeof"](rowValue) === 'object' ? rowValue : new Date(rowValue);
+        var startDateObj = _rollupPluginBabelHelpers.typeof(startDate) === 'object' ? startDate : new Date(startDate);
+        var endDateObj = _rollupPluginBabelHelpers.typeof(endDate) === 'object' ? endDate : new Date(endDate);
+        var rowValueDateObj = _rollupPluginBabelHelpers.typeof(rowValue) === 'object' ? rowValue : new Date(rowValue);
         if (rowValueDateObj.getTime() <= endDateObj.getTime() && rowValueDateObj.getTime() >= startDateObj.getTime()) {
           // In date range
           return true;
@@ -103,11 +103,11 @@ var useFiltering = function useFiltering(hooks) {
       filterProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultProps), instance === null || instance === void 0 ? void 0 : instance.filterProps),
       filterTypes: filterTypes,
       getFilterFlyoutProps: getFilterFlyoutProps,
-      FilterFlyout: FilterFlyout["default"]
+      FilterFlyout: FilterFlyout.default
     });
   });
 };
 var useFiltering$1 = useFiltering;
 
-exports["default"] = useFiltering$1;
+exports.default = useFiltering$1;
 exports.exactText = exactText;

package/lib/components/Datagrid/useFlexResize.js

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

package/lib/components/Datagrid/useFloatingScroll.js

@@ -13,10 +13,6 @@ var React = require('react');
 var cx = require('classnames');
 var settings = require('../../settings.js');
 
-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 useFloatingScroll = function useFloatingScroll(hooks) {
   var useInstance = function useInstance(instance) {
@@ -42,7 +38,7 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
     }
     var addStickyClass = function addStickyClass(props) {
       return [props, {
-        className: cx__default["default"](props.className, "".concat(blockClass, "__sticky"))
+        className: cx(props.className, "".concat(blockClass, "__sticky"))
       }];
     };
     hooks.getTableProps.push(addStickyClass);
@@ -83,4 +79,4 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
 };
 var useFloatingScroll$1 = useFloatingScroll;
 
-exports["default"] = useFloatingScroll$1;
+exports.default = useFloatingScroll$1;

package/lib/components/Datagrid/useFocusRowExpander.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
 // Focuses the row expander after a nested/expandable row state change.

package/lib/components/Datagrid/useInfiniteScroll.js

@@ -14,13 +14,9 @@ var debounce = require('lodash/debounce');
 var useParentDimensions = require('./useParentDimensions.js');
 var useResizeTable = require('./useResizeTable.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
-
 var useInfiniteScroll = function useInfiniteScroll(hooks) {
-  useParentDimensions["default"](hooks);
-  useResizeTable["default"](hooks);
+  useParentDimensions.default(hooks);
+  useResizeTable.default(hooks);
   var useInstance = function useInstance(instance) {
     var _tableElement;
     var _ref = instance,
@@ -38,7 +34,7 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
     var loadMoreThresholdValue = typeof loadMoreThreshold === 'number' ? loadMoreThreshold : 200;
     var emptyFetchData = function emptyFetchData() {};
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var fetchMore = React.useCallback(debounce__default["default"](fetchMoreData || emptyFetchData, 3000, {
+    var fetchMore = React.useCallback(debounce(fetchMoreData || emptyFetchData, 3000, {
       leading: true,
       trailing: false
     }), [fetchMoreData]);
@@ -62,4 +58,4 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
 };
 var useInfiniteScroll$1 = useInfiniteScroll;
 
-exports["default"] = useInfiniteScroll$1;
+exports.default = useInfiniteScroll$1;

package/lib/components/Datagrid/useInitialColumnSort.js

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

package/lib/components/Datagrid/useInlineEdit.js

@@ -15,11 +15,6 @@ var settings = require('../../settings.js');
 var cx = require('classnames');
 var InlineEditCell = require('./Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.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 useInlineEdit = function useInlineEdit(hooks) {
   var addInlineEdit = function addInlineEdit(props, _ref) {
@@ -29,9 +24,9 @@ var useInlineEdit = function useInlineEdit(hooks) {
     var columnInlineEditConfig = cell.column.inlineEdit;
     var inlineEditType = (_cell$column = cell.column) === null || _cell$column === void 0 || (_cell$column = _cell$column.inlineEdit) === null || _cell$column === void 0 ? void 0 : _cell$column.type;
     var isDisabled = (_cell$column2 = cell.column) === null || _cell$column2 === void 0 ? void 0 : _cell$column2.isDisabled;
-    var staticCell = _rollupPluginBabelHelpers["typeof"](cell.value) === 'object' && cell.column.id === ((_cell$value = cell.value) === null || _cell$value === void 0 ? void 0 : _cell$value.columnId) && ((_cell$value2 = cell.value) === null || _cell$value2 === void 0 ? void 0 : _cell$value2.isStaticCell);
+    var staticCell = _rollupPluginBabelHelpers.typeof(cell.value) === 'object' && cell.column.id === ((_cell$value = cell.value) === null || _cell$value === void 0 ? void 0 : _cell$value.columnId) && ((_cell$value2 = cell.value) === null || _cell$value2 === void 0 ? void 0 : _cell$value2.isStaticCell);
     var renderInlineEditComponent = function renderInlineEditComponent(type) {
-      return /*#__PURE__*/React__default["default"].createElement(InlineEditCell.InlineEditCell, {
+      return /*#__PURE__*/React.createElement(InlineEditCell.InlineEditCell, {
         config: columnInlineEditConfig,
         tabIndex: -1,
         value: cell.value,
@@ -43,13 +38,13 @@ var useInlineEdit = function useInlineEdit(hooks) {
     };
     if (cell.column.id === 'spacer') {
       return [props, {
-        className: cx__default["default"]("".concat(blockClass, "__cell"), "".concat(blockClass, "__cell--spacer"))
+        className: cx("".concat(blockClass, "__cell"), "".concat(blockClass, "__cell--spacer"))
       }];
     }
     return [props, {
-      className: cx__default["default"]("".concat(blockClass, "__cell"), "".concat(blockClass, "__cell-inline-edit")),
+      className: cx("".concat(blockClass, "__cell"), "".concat(blockClass, "__cell-inline-edit")),
       role: 'gridcell',
-      children: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, !staticCell && inlineEditType === 'text' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'number' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'selection' && renderInlineEditComponent(inlineEditType), inlineEditType === 'checkbox' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'date' && renderInlineEditComponent(inlineEditType), staticCell && /*#__PURE__*/React__default["default"].createElement(InlineEditCell.InlineEditCell, {
+      children: /*#__PURE__*/React.createElement(React.Fragment, null, !staticCell && inlineEditType === 'text' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'number' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'selection' && renderInlineEditComponent(inlineEditType), inlineEditType === 'checkbox' && renderInlineEditComponent(inlineEditType), !staticCell && inlineEditType === 'date' && renderInlineEditComponent(inlineEditType), staticCell && /*#__PURE__*/React.createElement(InlineEditCell.InlineEditCell, {
         config: columnInlineEditConfig,
         tabIndex: -1,
         value: (_cell$value3 = cell.value) === null || _cell$value3 === void 0 ? void 0 : _cell$value3.value,
@@ -57,7 +52,7 @@ var useInlineEdit = function useInlineEdit(hooks) {
         instance: instance,
         nonEditCell: true,
         type: "text"
-      }), !inlineEditType && /*#__PURE__*/React__default["default"].createElement(InlineEditCell.InlineEditCell, {
+      }), !inlineEditType && /*#__PURE__*/React.createElement(InlineEditCell.InlineEditCell, {
         config: columnInlineEditConfig,
         tabIndex: -1,
         value: cell.value,
@@ -78,4 +73,4 @@ var useInlineEdit = function useInlineEdit(hooks) {
 };
 var useInlineEdit$1 = useInlineEdit;
 
-exports["default"] = useInlineEdit$1;
+exports.default = useInlineEdit$1;

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);
@@ -153,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;