@carbon/ibm-products 2.59.0 → 2.60.0

package/es/components/Datagrid/useDisableSelectRows.js

@@ -7,7 +7,7 @@
 
 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) {
+  var nonselectablerows = (instance === null || instance === undefined || (_instance$rows = instance.rows) === null || _instance$rows === undefined ? undefined : _instance$rows.filter(function (row) {
     return instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row);
   }).map(function (row) {
     return row.id;
@@ -27,7 +27,7 @@ var useDisableSelectRows = function useDisableSelectRows(hooks) {
     var row = _ref.row,
       instance = _ref.instance;
     return [props, {
-      disabled: instance === null || instance === void 0 || (_instance$shouldDisab = instance.shouldDisableSelectRow) === null || _instance$shouldDisab === void 0 ? void 0 : _instance$shouldDisab.call(instance, row),
+      disabled: instance === null || instance === undefined || (_instance$shouldDisab = instance.shouldDisableSelectRow) === null || _instance$shouldDisab === undefined ? undefined : _instance$shouldDisab.call(instance, row),
       nonselectablerows: nonselectablerows
     }];
   };
@@ -37,28 +37,28 @@ var updateSelectAll = function updateSelectAll(hooks) {
   var getToggleAllRowsSelectedProps = function getToggleAllRowsSelectedProps(props, _ref2) {
     var _instance$rows2, _instance$disableSele, _instance$state2;
     var instance = _ref2.instance;
-    var selectableRows = (instance === null || instance === void 0 || (_instance$rows2 = instance.rows) === null || _instance$rows2 === void 0 ? void 0 : _instance$rows2.filter(function (row) {
+    var selectableRows = (instance === null || instance === undefined || (_instance$rows2 = instance.rows) === null || _instance$rows2 === undefined ? undefined : _instance$rows2.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
     })) || [];
-    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref3) {
+    var isAllRowsSelected = (selectableRows === null || selectableRows === undefined ? undefined : selectableRows.length) > 0 && selectableRows.every(function (_ref3) {
       var _instance$state;
       var id = _ref3.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 instance === null || instance === undefined || (_instance$state = instance.state) === null || _instance$state === undefined || (_instance$state = _instance$state.selectedRowIds) === null || _instance$state === undefined ? undefined : _instance$state[id];
     });
     return [props, {
       onChange: function onChange(e) {
         selectableRows.forEach(function (row) {
           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);
+          return row === null || row === undefined || (_toggleRowSelected = (_ref4 = row).toggleRowSelected) === null || _toggleRowSelected === undefined ? undefined : _toggleRowSelected.call(_ref4, e.target.checked);
         });
       },
       style: {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      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 === null || instance === void 0 || (_instance$state2 = instance.state) === null || _instance$state2 === void 0 ? void 0 : _instance$state2.selectedRowIds) || {}).length)
+      disabled: instance === null || instance === undefined ? undefined : instance.disableSelectAll,
+      title: (instance === null || instance === undefined || (_instance$disableSele = instance.disableSelectRowsProps) === null || _instance$disableSele === undefined || (_instance$disableSele = _instance$disableSele.labels) === null || _instance$disableSele === undefined ? undefined : _instance$disableSele.toggleAllRowsLabel) || 'Toggle All Rows Selected',
+      indeterminate: Boolean(!isAllRowsSelected && Object.keys((instance === null || instance === undefined || (_instance$state2 = instance.state) === null || _instance$state2 === undefined ? undefined : _instance$state2.selectedRowIds) || {}).length)
     }];
   };
   hooks.getToggleAllRowsSelectedProps.push(getToggleAllRowsSelectedProps);
@@ -67,13 +67,13 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
   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) {
+    var selectableRows = (instance === null || instance === undefined || (_instance$page = instance.page) === null || _instance$page === undefined ? undefined : _instance$page.filter(function (row) {
       return !(instance.shouldDisableSelectRow && instance.shouldDisableSelectRow(row));
     })) || [];
-    var isAllRowsSelected = (selectableRows === null || selectableRows === void 0 ? void 0 : selectableRows.length) > 0 && selectableRows.every(function (_ref6) {
+    var isAllRowsSelected = (selectableRows === null || selectableRows === undefined ? undefined : 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 instance === null || instance === undefined || (_instance$state3 = instance.state) === null || _instance$state3 === undefined || (_instance$state3 = _instance$state3.selectedRowIds) === null || _instance$state3 === undefined ? undefined : _instance$state3[id];
     });
     return [props, {
       onChange: function onChange(e) {
@@ -85,12 +85,12 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
         cursor: 'pointer'
       },
       checked: isAllRowsSelected,
-      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 === null || instance === void 0 || (_instance$page2 = instance.page) === null || _instance$page2 === void 0 ? void 0 : _instance$page2.some(function (_ref7) {
+      disabled: instance === null || instance === undefined ? undefined : instance.disableSelectAll,
+      title: (instance === null || instance === undefined || (_instance$disableSele2 = instance.disableSelectRowsProps) === null || _instance$disableSele2 === undefined || (_instance$disableSele2 = _instance$disableSele2.labels) === null || _instance$disableSele2 === undefined ? undefined : _instance$disableSele2.toggleAllRowsLabel) || 'Toggle All Rows Selected',
+      indeterminate: Boolean(!isAllRowsSelected && (instance === null || instance === undefined || (_instance$page2 = instance.page) === null || _instance$page2 === undefined ? undefined : _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];
+        return instance === null || instance === undefined || (_instance$state4 = instance.state) === null || _instance$state4 === undefined || (_instance$state4 = _instance$state4.selectedRowIds) === null || _instance$state4 === undefined ? undefined : _instance$state4[id];
       })))
     }];
   };

package/es/components/Datagrid/useExpandedRow.js

@@ -31,7 +31,7 @@ var useExpandedRow = function useExpandedRow(hooks) {
         expandedContentHeight: expandedRowsHeight[row.index] || expandedContentHeight,
         RowExpansionRenderer: ExpandedRowContentComponent && DatagridExpandedRow(ExpandedRowContentComponent),
         onClick: function onClick(row, event) {
-          return onRowExpand === null || onRowExpand === void 0 ? void 0 : onRowExpand(row, event);
+          return onRowExpand === null || onRowExpand === undefined ? undefined : onRowExpand(row, event);
         }
       });
     });

package/es/components/Datagrid/useFiltering.js

@@ -96,7 +96,7 @@ var useFiltering = function useFiltering(hooks) {
       });
     };
     Object.assign(instance, {
-      filterProps: _objectSpread2(_objectSpread2({}, defaultProps), instance === null || instance === void 0 ? void 0 : instance.filterProps),
+      filterProps: _objectSpread2(_objectSpread2({}, defaultProps), instance === null || instance === undefined ? undefined : instance.filterProps),
       filterTypes: filterTypes,
       getFilterFlyoutProps: getFilterFlyoutProps,
       FilterFlyout: FilterFlyout

package/es/components/Datagrid/useFloatingScroll.js

@@ -22,7 +22,7 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
       }
       var datagrid = document.getElementById(tableId);
       // eslint-disable-next-line no-unused-expressions
-      datagrid === null || datagrid === void 0 || datagrid.classList.add("".concat(blockClass, "__sticky"));
+      datagrid === null || datagrid === undefined || datagrid.classList.add("".concat(blockClass, "__sticky"));
     }, [ExpandedRowContentComponent, tableId, withVirtualScroll]);
   };
   var useAddStickyClass = function useAddStickyClass(instance) {
@@ -58,7 +58,7 @@ var useFloatingScroll = function useFloatingScroll(hooks) {
             simpleThead = memoHead;
           } else {
             var datagrid = document.getElementById(tableId);
-            simpleThead = datagrid === null || datagrid === void 0 ? void 0 : datagrid.querySelector(".".concat(blockClass, "__table-simple thead > div"));
+            simpleThead = datagrid === null || datagrid === undefined ? undefined : datagrid.querySelector(".".concat(blockClass, "__table-simple thead > div"));
             memoHead = simpleThead;
           }
           if (simpleThead) {

package/es/components/Datagrid/useFocusRowExpander.js

@@ -14,7 +14,7 @@ import { useEffect } from 'react';
 var useFocusRowExpander = function useFocusRowExpander(_ref) {
   var instance = _ref.instance,
     _ref$lastExpandedRowI = _ref.lastExpandedRowIndex,
-    lastExpandedRowIndex = _ref$lastExpandedRowI === void 0 ? 0 : _ref$lastExpandedRowI,
+    lastExpandedRowIndex = _ref$lastExpandedRowI === undefined ? 0 : _ref$lastExpandedRowI,
     blockClass = _ref.blockClass,
     activeElement = _ref.activeElement;
   useEffect(function () {
@@ -23,7 +23,7 @@ var useFocusRowExpander = function useFocusRowExpander(_ref) {
     if (!activeElement.classList.contains("".concat(blockClass, "__row-expander"))) {
       return;
     }
-    var tableId = instance === null || instance === void 0 ? void 0 : instance.tableId;
+    var tableId = instance === null || instance === undefined ? undefined : instance.tableId;
     var rowElements = document.querySelectorAll("#".concat(tableId, " tbody tr"));
     var rowElementsArray = Array.from(rowElements);
     var activeRow = rowElementsArray.filter(function (r) {
@@ -34,9 +34,9 @@ var useFocusRowExpander = function useFocusRowExpander(_ref) {
     });
     if (activeRow.length) {
       var rowExpander = activeRow[0].querySelector(".".concat(blockClass, "__row-expander"));
-      rowExpander === null || rowExpander === void 0 || rowExpander.focus();
+      rowExpander === null || rowExpander === undefined || rowExpander.focus();
     }
-  }, [instance === null || instance === void 0 ? void 0 : instance.tableId, instance === null || instance === void 0 ? void 0 : instance.expandedRows, lastExpandedRowIndex, blockClass, activeElement]);
+  }, [instance === null || instance === undefined ? undefined : instance.tableId, instance === null || instance === undefined ? undefined : instance.expandedRows, lastExpandedRowIndex, blockClass, activeElement]);
 };
 
 export { useFocusRowExpander };

package/es/components/Datagrid/useInfiniteScroll.js

@@ -26,7 +26,7 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
     if (typeof document !== 'undefined') {
       tableElement = document.querySelector("#".concat(tableId));
     }
-    var totalTableHeight = tableHeight || ((_tableElement = tableElement) === null || _tableElement === void 0 ? void 0 : _tableElement.clientHeight);
+    var totalTableHeight = tableHeight || ((_tableElement = tableElement) === null || _tableElement === undefined ? undefined : _tableElement.clientHeight);
     var loadMoreThresholdValue = typeof loadMoreThreshold === 'number' ? loadMoreThreshold : 200;
     var emptyFetchData = function emptyFetchData() {};
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/es/components/Datagrid/useInitialColumnSort.js

@@ -36,7 +36,7 @@ var useInitialColumnSort = function useInitialColumnSort(instance) {
       var _getNewSortOrder = getNewSortOrder(order),
         newSortDesc = _getNewSortOrder.newSortDesc,
         newOrder = _getNewSortOrder.newOrder;
-      onSort === null || onSort === void 0 || onSort(columnId, newOrder);
+      onSort === null || onSort === undefined || onSort(columnId, newOrder);
       instance.toggleSortBy(columnId, newSortDesc, false);
       setHasInitialSort(true);
     }

package/es/components/Datagrid/useInlineEdit.js

@@ -18,9 +18,9 @@ var useInlineEdit = function useInlineEdit(hooks) {
     var cell = _ref.cell,
       instance = _ref.instance;
     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 = _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 inlineEditType = (_cell$column = cell.column) === null || _cell$column === undefined || (_cell$column = _cell$column.inlineEdit) === null || _cell$column === undefined ? undefined : _cell$column.type;
+    var isDisabled = (_cell$column2 = cell.column) === null || _cell$column2 === undefined ? undefined : _cell$column2.isDisabled;
+    var staticCell = _typeof(cell.value) === 'object' && cell.column.id === ((_cell$value = cell.value) === null || _cell$value === undefined ? undefined : _cell$value.columnId) && ((_cell$value2 = cell.value) === null || _cell$value2 === undefined ? undefined : _cell$value2.isStaticCell);
     var renderInlineEditComponent = function renderInlineEditComponent(type) {
       return /*#__PURE__*/React__default.createElement(InlineEditCell, {
         config: columnInlineEditConfig,
@@ -43,7 +43,7 @@ var useInlineEdit = function useInlineEdit(hooks) {
       children: /*#__PURE__*/React__default.createElement(React__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.createElement(InlineEditCell, {
         config: columnInlineEditConfig,
         tabIndex: -1,
-        value: (_cell$value3 = cell.value) === null || _cell$value3 === void 0 ? void 0 : _cell$value3.value,
+        value: (_cell$value3 = cell.value) === null || _cell$value3 === undefined ? undefined : _cell$value3.value,
         cell: cell,
         instance: instance,
         nonEditCell: true,

package/es/components/Datagrid/useNestedRowExpander.js

@@ -9,7 +9,7 @@ import { toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread
 import React__default, { useRef } from 'react';
 import { ChevronRight } from '@carbon/react/icons';
 import cx from 'classnames';
-import { pkg, carbon } from '../../settings.js';
+import { carbon, pkg } from '../../settings.js';
 import { useFocusRowExpander } from './useFocusRowExpander.js';
 import { handleDynamicRowCheck } from './Datagrid/addons/stateReducer.js';
 
@@ -21,8 +21,8 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
     tempState.current = instance;
   };
   useFocusRowExpander({
-    instance: tempState === null || tempState === void 0 ? void 0 : tempState.current,
-    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === void 0 ? void 0 : lastExpandedRowIndex.current,
+    instance: tempState === null || tempState === undefined ? undefined : tempState.current,
+    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === undefined ? undefined : lastExpandedRowIndex.current,
     blockClass: blockClass,
     activeElement: typeof document !== 'undefined' && document.activeElement
   });
@@ -39,7 +39,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
         var expanderButtonProps = _objectSpread2(_objectSpread2({}, row.getToggleRowExpandedProps()), {}, {
           disabled: getAsyncSubRows && fetchingDynamicSubRows,
           onClick: function () {
-            var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+            var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
               return _regeneratorRuntime().wrap(function _callee$(_context) {
                 while (1) switch (_context.prev = _context.next) {
                   case 0:
@@ -64,7 +64,7 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
                       break;
                     }
                     _context.next = 9;
-                    return getAsyncSubRows === null || getAsyncSubRows === void 0 ? void 0 : getAsyncSubRows(row);
+                    return getAsyncSubRows === null || getAsyncSubRows === undefined ? undefined : getAsyncSubRows(row);
                   case 9:
                     handleDynamicRowCheck({
                       dispatch: dispatch,
@@ -91,11 +91,11 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
             return onClick;
           }()
         });
-        var _ref3 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
+        var _ref3 = (tempState === null || tempState === undefined ? undefined : tempState.current) || {},
           _ref3$expanderButtonT = _ref3.expanderButtonTitleExpanded,
-          expanderButtonTitleExpanded = _ref3$expanderButtonT === void 0 ? 'Collapse row' : _ref3$expanderButtonT,
+          expanderButtonTitleExpanded = _ref3$expanderButtonT === undefined ? 'Collapse row' : _ref3$expanderButtonT,
           _ref3$expanderButtonT2 = _ref3.expanderButtonTitleCollapsed,
-          expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === void 0 ? 'Expand row' : _ref3$expanderButtonT2;
+          expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === undefined ? 'Expand row' : _ref3$expanderButtonT2;
         var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;
         return row.canExpand || getAsyncSubRows ? /*#__PURE__*/React__default.createElement("button", _extends({
           type: "button",

package/es/components/Datagrid/useNestedRows.js

@@ -20,13 +20,13 @@ var useNestedRows = function useNestedRows(hooks) {
         rows = _ref.rows;
       var defaultExpandedRows = rows.filter(function (row) {
         var _row$original;
-        return row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.defaultExpanded;
+        return row === null || row === undefined || (_row$original = row.original) === null || _row$original === undefined ? undefined : _row$original.defaultExpanded;
       });
-      if (defaultExpandedRows !== null && defaultExpandedRows !== void 0 && defaultExpandedRows.length) {
+      if (defaultExpandedRows !== null && defaultExpandedRows !== undefined && defaultExpandedRows.length) {
         defaultExpandedRows.map(function (defaultExpandedRow) {
-          if (!(defaultExpandedRow !== null && defaultExpandedRow !== void 0 && defaultExpandedRow.isExpanded) && !(defaultExpandedRow !== null && defaultExpandedRow !== void 0 && defaultExpandedRow.hasExpanded)) {
+          if (!(defaultExpandedRow !== null && defaultExpandedRow !== undefined && defaultExpandedRow.isExpanded) && !(defaultExpandedRow !== null && defaultExpandedRow !== undefined && defaultExpandedRow.hasExpanded)) {
             var _defaultExpandedRow$t;
-            defaultExpandedRow === null || defaultExpandedRow === void 0 || (_defaultExpandedRow$t = defaultExpandedRow.toggleRowExpanded) === null || _defaultExpandedRow$t === void 0 || _defaultExpandedRow$t.call(defaultExpandedRow);
+            defaultExpandedRow === null || defaultExpandedRow === undefined || (_defaultExpandedRow$t = defaultExpandedRow.toggleRowExpanded) === null || _defaultExpandedRow$t === undefined || _defaultExpandedRow$t.call(defaultExpandedRow);
             defaultExpandedRow.hasExpanded = true;
             return;
           }
@@ -44,9 +44,9 @@ var useNestedRows = function useNestedRows(hooks) {
           var _row$0$original;
           var row = rows.filter(function (r) {
             var _r$original;
-            return r.id.toString() === key.toString() || ((_r$original = r.original) === null || _r$original === void 0 || (_r$original = _r$original.id) === null || _r$original === void 0 ? void 0 : _r$original.toString()) === key.toString();
+            return r.id.toString() === key.toString() || ((_r$original = r.original) === null || _r$original === undefined || (_r$original = _r$original.id) === null || _r$original === undefined ? undefined : _r$original.toString()) === key.toString();
           });
-          if (row.length && key.toString() === row[0].id.toString() || row.length && key.toString() === ((_row$0$original = row[0].original) === null || _row$0$original === void 0 || (_row$0$original = _row$0$original.id) === null || _row$0$original === void 0 ? void 0 : _row$0$original.toString())) {
+          if (row.length && key.toString() === row[0].id.toString() || row.length && key.toString() === ((_row$0$original = row[0].original) === null || _row$0$original === undefined || (_row$0$original = _row$0$original.id) === null || _row$0$original === undefined ? undefined : _row$0$original.toString())) {
             row[0].toggleRowExpanded();
           }
         });

package/es/components/Datagrid/useOnRowClick.js

@@ -34,10 +34,12 @@ var useOnRowClick = function useOnRowClick(hooks) {
           var closestRow = event.currentTarget.closest('tr');
           closestRow.classList.add("".concat(carbon.prefix, "--data-table--selected"));
           if (!withSelectRows) {
-            instance.selectedFlatRows && instance.selectedFlatRows.map(function (toggleRow) {
-              var _toggleRow$toggleRowS;
-              return (_toggleRow$toggleRowS = toggleRow.toggleRowSelected) === null || _toggleRow$toggleRowS === void 0 ? void 0 : _toggleRow$toggleRowS.call(toggleRow, false);
-            });
+            if (instance.selectedFlatRows) {
+              instance.selectedFlatRows.map(function (toggleRow) {
+                var _toggleRow$toggleRowS;
+                return (_toggleRow$toggleRowS = toggleRow.toggleRowSelected) === null || _toggleRow$toggleRowS === undefined ? undefined : _toggleRow$toggleRowS.call(toggleRow, false);
+              });
+            }
             toggleRowSelected(id, true);
           }
         }

package/es/components/Datagrid/useRowExpander.js

@@ -8,7 +8,7 @@
 import { toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef } from 'react';
 import { ChevronUp, ChevronDown } from '@carbon/react/icons';
-import { pkg, carbon } from '../../settings.js';
+import { carbon, pkg } from '../../settings.js';
 import cx from 'classnames';
 import { useFocusRowExpander } from './useFocusRowExpander.js';
 
@@ -20,8 +20,8 @@ var useRowExpander = function useRowExpander(hooks) {
     tempState.current = instance;
   };
   useFocusRowExpander({
-    instance: tempState === null || tempState === void 0 ? void 0 : tempState.current,
-    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === void 0 ? void 0 : lastExpandedRowIndex.current,
+    instance: tempState === null || tempState === undefined ? undefined : tempState.current,
+    lastExpandedRowIndex: lastExpandedRowIndex === null || lastExpandedRowIndex === undefined ? undefined : lastExpandedRowIndex.current,
     blockClass: blockClass,
     activeElement: document.activeElement
   });
@@ -36,12 +36,12 @@ var useRowExpander = function useRowExpander(hooks) {
             // Prevents `onRowClick` from being called if `useOnRowClick` is included
             event.stopPropagation();
             row.toggleRowExpanded();
-            row === null || row === void 0 || (_row$onClick = row.onClick) === null || _row$onClick === void 0 || _row$onClick.call(row, row, event);
+            row === null || row === undefined || (_row$onClick = row.onClick) === null || _row$onClick === undefined || _row$onClick.call(row, row, event);
             lastExpandedRowIndex.current = row.id;
           },
           title: null
         });
-        var _ref2 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
+        var _ref2 = (tempState === null || tempState === undefined ? undefined : tempState.current) || {},
           expanderButtonTitleExpanded = _ref2.expanderButtonTitleExpanded,
           expanderButtonTitleCollapsed = _ref2.expanderButtonTitleCollapsed;
         var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;

package/es/components/Datagrid/useRowIsMouseOver.js

@@ -17,7 +17,7 @@ var useRowIsMouseOver = function useRowIsMouseOver(hooks) {
       setMouseOverRowIndex = _useState2[1];
     var onMouseChange = useDebounce(function (datagridState) {
       var row = datagridState.row;
-      setMouseOverRowIndex(row === null || row === void 0 ? void 0 : row.index);
+      setMouseOverRowIndex(row === null || row === undefined ? undefined : row.index);
     }, 100);
     var getRowProps = function getRowProps(props, datagridState) {
       var onMouseOver = function onMouseOver() {

package/es/components/Datagrid/useRowRenderer.js

@@ -10,13 +10,12 @@ import DatagridRow from './Datagrid/DatagridRow.js';
 
 var useRowRenderer = function useRowRenderer(hooks) {
   var useInstance = function useInstance(instance) {
-    var _newRows;
     var rows = instance.rows,
       state = instance.state;
     var newRows = null;
-    if (state !== null && state !== void 0 && state.dynamicRowSkeleton) {
+    if (state !== null && state !== undefined && state.dynamicRowSkeleton) {
       var _state$dynamicRowSkel;
-      var depthIndexArray = state === null || state === void 0 || (_state$dynamicRowSkel = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel === void 0 ? void 0 : _state$dynamicRowSkel.id.split('').filter(function (r) {
+      var depthIndexArray = state === null || state === undefined || (_state$dynamicRowSkel = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel === undefined ? undefined : _state$dynamicRowSkel.id.split('').filter(function (r) {
         return r !== '.';
       });
       if (depthIndexArray.length > 1) {
@@ -33,7 +32,7 @@ var useRowRenderer = function useRowRenderer(hooks) {
             finalRow = subRows.find(function (r) {
               return r.index === parseInt(depthIndex);
             });
-            subRows.splice(finalRow.index + 1, 0, state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton); // + 1 because we want to add the skeleton row after the row initiating the dynamic request
+            subRows.splice(finalRow.index + 1, 0, state === null || state === undefined ? undefined : state.dynamicRowSkeleton); // + 1 because we want to add the skeleton row after the row initiating the dynamic request
             return;
           }
           var foundRow = subRows.find(function (r) {
@@ -44,21 +43,21 @@ var useRowRenderer = function useRowRenderer(hooks) {
       }
       var rootRowIndexWithDynamicRow = rows.findIndex(function (r) {
         var _state$dynamicRowSkel2;
-        return r.id === (state === null || state === void 0 || (_state$dynamicRowSkel2 = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel2 === void 0 ? void 0 : _state$dynamicRowSkel2.id);
+        return r.id === (state === null || state === undefined || (_state$dynamicRowSkel2 = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel2 === undefined ? undefined : _state$dynamicRowSkel2.id);
       });
       if (rootRowIndexWithDynamicRow > -1) {
         newRows = [].concat(_toConsumableArray(rows.slice(0, rootRowIndexWithDynamicRow + 1)), [// + 1 because we want to add the skeleton row after the row initiating the dynamic request
-        state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton], _toConsumableArray(rows.slice(rootRowIndexWithDynamicRow + 1)));
+        state === null || state === undefined ? undefined : state.dynamicRowSkeleton], _toConsumableArray(rows.slice(rootRowIndexWithDynamicRow + 1)));
       }
     }
-    newRows = (_newRows = newRows) !== null && _newRows !== void 0 ? _newRows : rows;
-    var addRowRenderer = function addRowRenderer(row) {
+    newRows = newRows !== null && newRows !== undefined ? newRows : rows;
+    var _addRowRenderer = function addRowRenderer(row) {
       return Object.assign(row, {
         RowRenderer: DatagridRow,
-        subRows: (row.subRows || []).map(addRowRenderer)
+        subRows: (row.subRows || []).map(_addRowRenderer)
       });
     };
-    var rowsWithRenderer = newRows.map(addRowRenderer);
+    var rowsWithRenderer = newRows.map(_addRowRenderer);
     Object.assign(instance, {
       rows: rowsWithRenderer
     });

package/es/components/Datagrid/useSelectAllToggle.js

@@ -23,7 +23,7 @@ var useSelectAllWithToggleComponent = function useSelectAllWithToggleComponent(h
     var _ref = instance,
       headers = _ref.headers,
       DatagridPagination = _ref.DatagridPagination;
-    var headersWithSelectAllToggle = headers === null || headers === void 0 ? void 0 : headers.map(function (header) {
+    var headersWithSelectAllToggle = headers === null || headers === undefined ? undefined : headers.map(function (header) {
       if (header.id === selectionColumnId && DatagridPagination) {
         Object.assign(header, {
           Header: Header
@@ -59,7 +59,7 @@ var useAddClassNameToSelectRow = function useAddClassNameToSelectRow(hooks) {
       DatagridPagination = _ref2.DatagridPagination,
       columns = _ref2.columns,
       withStickyColumn = _ref2.withStickyColumn;
-    var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
+    var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === undefined ? undefined : _columns$.sticky) === 'left' && withStickyColumn;
     if (column.id === selectionColumnId && DatagridPagination) {
       return [props, {
         className: cx("".concat(blockClass, "-toggle-on"), _defineProperty({}, "".concat(blockClass, "-sticky-left"), isFirstColumnStickyLeft && windowSize > 671))

package/es/components/Datagrid/useSelectRows.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { toConsumableArray as _toConsumableArray, slicedToArray as _slicedToArray, objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2, slicedToArray as _slicedToArray, objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useLayoutEffect } from 'react';
 import cx from 'classnames';
 import { TableSelectRow } from '@carbon/react';
@@ -69,7 +69,7 @@ var useHighlightSelection = function useHighlightSelection(hooks) {
 var SelectRow = function SelectRow(datagridState) {
   var _columns$;
   var _datagridState$isFetc = datagridState.isFetching,
-    isFetching = _datagridState$isFetc === void 0 ? false : _datagridState$isFetc,
+    isFetching = _datagridState$isFetc === undefined ? false : _datagridState$isFetc,
     tableId = datagridState.tableId,
     row = datagridState.row,
     cell = datagridState.cell,
@@ -96,7 +96,7 @@ var SelectRow = function SelectRow(datagridState) {
     };
   }, []);
   var onSelectHandler = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
       var _document$activeEleme, _document, _document2;
       var activeElement;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
@@ -110,7 +110,7 @@ var SelectRow = function SelectRow(datagridState) {
               }
             }
             onChange(event);
-            onRowSelect === null || onRowSelect === void 0 || onRowSelect(row, event);
+            onRowSelect === null || onRowSelect === undefined || onRowSelect(row, event);
             handleToggleRowSelected({
               dispatch: dispatch,
               rowData: row,
@@ -119,11 +119,11 @@ var SelectRow = function SelectRow(datagridState) {
               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 : '';
+            activeElement = (_document$activeEleme = (_document = document) === null || _document === undefined || (_document = _document.activeElement) === null || _document === undefined ? undefined : _document.id) !== null && _document$activeEleme !== undefined ? _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();
+            (_document2 = document) === null || _document2 === undefined || (_document2 = _document2.getElementById(activeElement)) === null || _document2 === undefined || _document2.focus();
           case 9:
           case "end":
             return _context.stop();
@@ -140,7 +140,7 @@ var SelectRow = function SelectRow(datagridState) {
     title = _row$getToggleRowSele2.title,
     selectProps = _objectWithoutProperties(_row$getToggleRowSele2, _excluded);
   var cellProps = cell.getCellProps();
-  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === void 0 ? void 0 : _columns$.sticky) === 'left' && withStickyColumn;
+  var isFirstColumnStickyLeft = ((_columns$ = columns[0]) === null || _columns$ === undefined ? undefined : _columns$.sticky) === 'left' && withStickyColumn;
   var rowId = "".concat(tableId, "-").concat(row.id, "-").concat(row.index);
   var key = cellProps.key,
     _cellProps = cellProps._cellProps;

package/es/components/Datagrid/useSortableColumns.js

@@ -102,7 +102,7 @@ var useSortableColumns = function useSortableColumns(hooks) {
         }, props), {}, {
           className: "".concat(blockClass, "__sortable-icon ").concat(carbon.prefix, "--btn__icon")
         });
-        if (col !== null && col !== void 0 && col.isSorted) {
+        if (col !== null && col !== undefined && col.isSorted) {
           switch (col.isSortedDesc) {
             case false:
               return /*#__PURE__*/React__default.createElement(ArrowUp, iconProps);
@@ -119,30 +119,30 @@ var useSortableColumns = function useSortableColumns(hooks) {
         if (key === 'Enter') {
           setTimeout(function () {
             var _document$getElementB;
-            return (_document$getElementB = document.getElementById(columnId)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
+            return (_document$getElementB = document.getElementById(columnId)) === null || _document$getElementB === undefined ? undefined : _document$getElementB.focus();
           }, 0);
         }
       };
       var Header = function Header(headerProp) {
         return column.disableSortBy === true || column.id === 'datagridSelection' || column.isAction ? column.disableSortBy || column.isAction ? column.Header : /*#__PURE__*/React__default.createElement(SelectAll, instance) : /*#__PURE__*/React__default.createElement(Button, {
-          "aria-sort": getAriaSortValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, {
+          "aria-sort": getAriaSortValue(headerProp === null || headerProp === undefined ? undefined : headerProp.column, {
             ascendingSortableLabelText: ascendingSortableLabelText,
             descendingSortableLabelText: descendingSortableLabelText,
             defaultSortableLabelText: defaultSortableLabelText
           }),
-          "aria-pressed": getAriaPressedValue(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column),
+          "aria-pressed": getAriaPressedValue(headerProp === null || headerProp === undefined ? undefined : headerProp.column),
           onClick: function onClick(event) {
-            return onSortClick(event, headerProp === null || headerProp === void 0 ? void 0 : headerProp.column);
+            return onSortClick(event, headerProp === null || headerProp === undefined ? undefined : headerProp.column);
           },
           kind: "ghost",
           renderIcon: function renderIcon(props) {
             var _headerProp$column, _headerProp$column2;
             return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(DatagridAILabel, {
-              aiLabel: (headerProp === null || headerProp === void 0 || (_headerProp$column = headerProp.column) === null || _headerProp$column === void 0 ? void 0 : _headerProp$column.aiLabel) || (headerProp === null || headerProp === void 0 || (_headerProp$column2 = headerProp.column) === null || _headerProp$column2 === void 0 ? void 0 : _headerProp$column2.slug)
-            }), icon(headerProp === null || headerProp === void 0 ? void 0 : headerProp.column, props));
+              aiLabel: (headerProp === null || headerProp === undefined || (_headerProp$column = headerProp.column) === null || _headerProp$column === undefined ? undefined : _headerProp$column.aiLabel) || (headerProp === null || headerProp === undefined || (_headerProp$column2 = headerProp.column) === null || _headerProp$column2 === undefined ? undefined : _headerProp$column2.slug)
+            }), icon(headerProp === null || headerProp === undefined ? undefined : headerProp.column, props));
           },
-          id: column === null || column === void 0 ? void 0 : column.id,
-          className: cx("".concat(carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _defineProperty(_defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === void 0 ? void 0 : headerProp.column.isSortedDesc) === false)),
+          id: column === null || column === undefined ? undefined : column.id,
+          className: cx("".concat(carbon.prefix, "--table-sort ").concat(blockClass, "--table-sort"), _defineProperty(_defineProperty({}, "".concat(blockClass, "--table-sort--desc"), headerProp === null || headerProp === undefined ? undefined : headerProp.column.isSortedDesc), "".concat(blockClass, "--table-sort--asc"), (headerProp === null || headerProp === undefined ? undefined : headerProp.column.isSortedDesc) === false)),
           onKeyDown: function onKeyDown(event) {
             return handleKey(event, column.id);
           }
@@ -150,10 +150,10 @@ var useSortableColumns = function useSortableColumns(hooks) {
       };
       return _objectSpread2(_objectSpread2({}, column), {}, {
         Header: Header,
-        minWidth: column.disableSortBy ? 0 : (_column$minWidth = column.minWidth) !== null && _column$minWidth !== void 0 ? _column$minWidth : column.isAction ? 50 : 90
+        minWidth: column.disableSortBy ? 0 : (_column$minWidth = column.minWidth) !== null && _column$minWidth !== undefined ? _column$minWidth : column.isAction ? 50 : 90
       });
     });
-    return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== void 0 && _instance$customizeCo.isTearsheetOpen ? visibleColumns : _toConsumableArray(sortableColumns);
+    return (_instance$customizeCo = instance.customizeColumnsProps) !== null && _instance$customizeCo !== undefined && _instance$customizeCo.isTearsheetOpen ? visibleColumns : _toConsumableArray(sortableColumns);
   };
   var sortInstanceProps = function sortInstanceProps(instance) {
     var _ref3 = instance,