@carbon/ibm-products 2.43.2-canary.27 → 2.43.2-canary.271

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,23 +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))),
-      title: typeof header === 'string' ? header : '',
+    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);
   };
@@ -48,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.d.ts

@@ -1,2 +1,9 @@
+/**
+ * Copyright IBM Corp. 2020, 2024
+ *
+ * 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 useDisableSelectRows: (hooks: Hooks) => void;
 export default useDisableSelectRows;
-declare function useDisableSelectRows(hooks: any): void;

package/lib/components/Datagrid/useDisableSelectRows.js

@@ -9,56 +9,75 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var nonselectablerowsList = function nonselectablerowsList(instance) {
+  var _instance$rows;
+  var nonselectablerows = (instance === null || instance === void 0 || (_instance$rows = instance.rows) === null || _instance$rows === void 0 ? void 0 : _instance$rows.filter(function (row) {
+    return instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row);
+  }).map(function (row) {
+    return row.id;
+  })) || [];
+  return nonselectablerows;
+};
 var useDisableSelectRows = function useDisableSelectRows(hooks) {
   updateSelectAll(hooks);
   updatePageSelectAll(hooks);
+  var nonselectablerows = [];
+  var useInstance = function useInstance(instance) {
+    nonselectablerows = nonselectablerowsList(instance);
+  };
+  hooks.useInstance.push(useInstance);
   var getRowProps = function getRowProps(props, _ref) {
+    var _instance$shouldDisab;
     var row = _ref.row,
       instance = _ref.instance;
     return [props, {
-      disabled: instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row)
+      disabled: instance === null || instance === void 0 || (_instance$shouldDisab = instance.shouldDisableSelectRow) === null || _instance$shouldDisab === void 0 ? void 0 : _instance$shouldDisab.call(instance, row),
+      nonselectablerows: nonselectablerows
     }];
   };
   hooks.getRowProps.push(getRowProps);
 };
 var updateSelectAll = function updateSelectAll(hooks) {
   var getToggleAllRowsSelectedProps = function getToggleAllRowsSelectedProps(props, _ref2) {
-    var _instance$disableSele;
+    var _instance$rows2, _instance$disableSele, _instance$state2;
     var instance = _ref2.instance;
-    var selectableRows = instance.rows.filter(function (row) {
+    var selectableRows = (instance === null || instance === void 0 || (_instance$rows2 = instance.rows) === null || _instance$rows2 === void 0 ? void 0 : _instance$rows2.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
-    });
-    var isAllRowsSelected = selectableRows.length > 0 && selectableRows.every(function (_ref3) {
+    })) || [];
+    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref3) {
+      var _instance$state;
       var id = _ref3.id;
-      return instance.state.selectedRowIds[id];
+      return instance === null || instance === void 0 || (_instance$state = instance.state) === null || _instance$state === void 0 || (_instance$state = _instance$state.selectedRowIds) === null || _instance$state === void 0 ? void 0 : _instance$state[id];
     });
     return [props, {
       onChange: function onChange(e) {
         selectableRows.forEach(function (row) {
-          return row.toggleRowSelected(e.target.checked);
+          var _toggleRowSelected, _ref4;
+          return row === null || row === void 0 || (_toggleRowSelected = (_ref4 = row).toggleRowSelected) === null || _toggleRowSelected === void 0 ? void 0 : _toggleRowSelected.call(_ref4, e.target.checked);
         });
       },
       style: {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      disabled: instance.disableSelectAll,
+      disabled: instance === null || instance === void 0 ? void 0 : instance.disableSelectAll,
       title: (instance === null || instance === void 0 || (_instance$disableSele = instance.disableSelectRowsProps) === null || _instance$disableSele === void 0 || (_instance$disableSele = _instance$disableSele.labels) === null || _instance$disableSele === void 0 ? void 0 : _instance$disableSele.toggleAllRowsLabel) || 'Toggle All Rows Selected',
-      indeterminate: Boolean(!isAllRowsSelected && Object.keys(instance.state.selectedRowIds).length)
+      indeterminate: Boolean(!isAllRowsSelected && Object.keys((instance === null || instance === void 0 || (_instance$state2 = instance.state) === null || _instance$state2 === void 0 ? void 0 : _instance$state2.selectedRowIds) || {}).length)
     }];
   };
   hooks.getToggleAllRowsSelectedProps.push(getToggleAllRowsSelectedProps);
 };
 var updatePageSelectAll = function updatePageSelectAll(hooks) {
-  var getToggleAllPageRowsSelectedProps = function getToggleAllPageRowsSelectedProps(props, _ref4) {
-    var _instance$disableSele2;
-    var instance = _ref4.instance;
-    var selectableRows = instance.page.filter(function (row) {
+  var getToggleAllPageRowsSelectedProps = function getToggleAllPageRowsSelectedProps(props, _ref5) {
+    var _instance$page, _instance$disableSele2, _instance$page2;
+    var instance = _ref5.instance;
+    var selectableRows = (instance === null || instance === void 0 || (_instance$page = instance.page) === null || _instance$page === void 0 ? void 0 : _instance$page.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
-    });
-    var isAllRowsSelected = selectableRows.length > 0 && selectableRows.every(function (_ref5) {
-      var id = _ref5.id;
-      return instance.state.selectedRowIds[id];
+    })) || [];
+    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref6) {
+      var _instance$state3;
+      var id = _ref6.id;
+      return instance === null || instance === void 0 || (_instance$state3 = instance.state) === null || _instance$state3 === void 0 || (_instance$state3 = _instance$state3.selectedRowIds) === null || _instance$state3 === void 0 ? void 0 : _instance$state3[id];
     });
     return [props, {
       onChange: function onChange(e) {
@@ -70,16 +89,17 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      disabled: instance.disableSelectAll,
+      disabled: instance === null || instance === void 0 ? void 0 : instance.disableSelectAll,
       title: (instance === null || instance === void 0 || (_instance$disableSele2 = instance.disableSelectRowsProps) === null || _instance$disableSele2 === void 0 || (_instance$disableSele2 = _instance$disableSele2.labels) === null || _instance$disableSele2 === void 0 ? void 0 : _instance$disableSele2.toggleAllRowsLabel) || 'Toggle All Rows Selected',
-      indeterminate: Boolean(!isAllRowsSelected && instance.page.some(function (_ref6) {
-        var id = _ref6.id;
-        return instance.state.selectedRowIds[id];
-      }))
+      indeterminate: Boolean(!isAllRowsSelected && (instance === null || instance === void 0 || (_instance$page2 = instance.page) === null || _instance$page2 === void 0 ? void 0 : _instance$page2.some(function (_ref7) {
+        var _instance$state4;
+        var id = _ref7.id;
+        return instance === null || instance === void 0 || (_instance$state4 = instance.state) === null || _instance$state4 === void 0 || (_instance$state4 = _instance$state4.selectedRowIds) === null || _instance$state4 === void 0 ? void 0 : _instance$state4[id];
+      })))
     }];
   };
   hooks.getToggleAllPageRowsSelectedProps.push(getToggleAllPageRowsSelectedProps);
 };
 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.d.ts

@@ -5,5 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 import { Hooks } from 'react-table';
+export declare const exactText: (rows: any, ids: any, filterValue: any) => any;
 declare const useFiltering: (hooks: Hooks) => void;
 export default useFiltering;

package/lib/components/Datagrid/useFiltering.js

@@ -14,6 +14,15 @@ var React = require('react');
 var constants = require('./Datagrid/addons/Filtering/constants.js');
 var FilterFlyout = require('./Datagrid/addons/Filtering/FilterFlyout.js');
 
+// This function was taken from https://github.com/TanStack/table/blob/v7/src/filterTypes.js
+var exactText = function exactText(rows, ids, filterValue) {
+  return rows.filter(function (row) {
+    return ids.some(function (id) {
+      var rowValue = row.values[id];
+      return rowValue !== undefined ? String(rowValue).toLowerCase() === String(filterValue).toLowerCase() : true;
+    });
+  });
+};
 var handleMultiFilter = function handleMultiFilter(rows, id, value) {
   // gets all the items that are selected and returns their value
   var selectedItems = value.filter(function (item) {
@@ -34,15 +43,15 @@ var handleMultiFilter = function handleMultiFilter(rows, id, value) {
 var useFiltering = function useFiltering(hooks) {
   /* istanbul ignore next */
   var filterTypes = React.useMemo(function () {
-    return _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, constants.DATE, function (rows, id, _ref) {
+    return _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, constants.DATE, function (rows, id, _ref) {
       var _ref2 = _rollupPluginBabelHelpers.slicedToArray(_ref, 2),
         startDate = _ref2[0],
         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;
@@ -64,6 +73,8 @@ var useFiltering = function useFiltering(hooks) {
       return handleMultiFilter(rows, id, value);
     }), constants.MULTISELECT, function (rows, id, value) {
       return handleMultiFilter(rows, id, value);
+    }), constants.RADIO, function (rows, id, value) {
+      return exactText(rows, id, value);
     });
   }, []);
   hooks.useInstance.push(function (instance) {
@@ -92,10 +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.d.ts

@@ -1,8 +1,2 @@
 export default useFlexResize;
-/**
- * Copyright IBM Corp. 2020, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
 declare function useFlexResize(hooks: any): void;

package/lib/components/Datagrid/useFlexResize.js

@@ -10,32 +10,47 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
-
-/* eslint-disable no-unreachable */
-/**
- * Copyright IBM Corp. 2020, 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
+var React = require('react');
 
 var useFlexResize = function useFlexResize(hooks) {
+  var _useState = React.useState(),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    spacerColumn = _useState2[0],
+    setSpacerColumn = _useState2[1];
+  var useInstance = function useInstance(instance) {
+    var enableSpacerColumn = instance.enableSpacerColumn;
+    React.useEffect(function () {
+      setSpacerColumn(enableSpacerColumn);
+    });
+  };
+  var spacer = {
+    id: 'spacer',
+    width: 0,
+    disableSortBy: true,
+    disableResizing: true
+  };
   hooks.visibleColumns.push(function (columns) {
     // always move actions to the end
     var actionsIdx = columns.findIndex(function (col) {
       return col.isAction;
     });
-    if (actionsIdx === -1) {
-      var _lastCol = columns.at(-1);
-      _lastCol.isFlexCol = true;
+    if (!spacerColumn && actionsIdx === -1) {
+      var lastCol = columns.at(-1);
+      lastCol.isFlexCol = true;
       return _rollupPluginBabelHelpers.toConsumableArray(columns);
+    } else if (spacerColumn & actionsIdx === -1) {
+      return [].concat(_rollupPluginBabelHelpers.toConsumableArray(columns), [spacer]);
     }
     var cols = _rollupPluginBabelHelpers.toConsumableArray(columns);
     var actions = cols.splice(actionsIdx, 1)[0];
-    cols.splice(columns.length, 0, actions);
-    // the last non-action action column should flex remaining space
-    var lastCol = columns.at(-2);
-    lastCol.isFlexCol = true;
+    if (spacerColumn) {
+      cols.splice(columns.length, 0, spacer, actions);
+    } else {
+      cols.splice(columns.length, 0, actions);
+      // the last non-action action column should flex remaining space
+      var _lastCol = columns.at(-2);
+      _lastCol.isFlexCol = true;
+    }
     return cols;
   });
   var changeProps = function changeProps(props, data) {
@@ -43,7 +58,7 @@ var useFlexResize = function useFlexResize(hooks) {
     if (!column && data.cell) {
       column = data.cell.column;
     }
-    if (column.isFlexCol) {
+    if (column.isFlexCol || column.id === spacer.id) {
       return [props, {
         style: {
           flex: '1 1 0'
@@ -62,7 +77,8 @@ var useFlexResize = function useFlexResize(hooks) {
   hooks.getCellProps.push(function (props, data) {
     return changeProps(props, data);
   });
+  hooks.useInstance.push(useInstance);
 };
 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');
@@ -33,6 +31,10 @@ var useInitialColumnSort = function useInitialColumnSort(instance) {
     if (sortableColumn) {
       var columnId = sortableColumn.id,
         order = sortableColumn.order;
+      // prevents edge case where initial sort state of none actually starts out as ascending
+      if (order !== 'ASC' && order !== 'DESC') {
+        return;
+      }
       var _getNewSortOrder = useSortableColumns.getNewSortOrder(order),
         newSortDesc = _getNewSortOrder.newSortDesc,
         newOrder = _getNewSortOrder.newOrder;

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), !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;