@carbon/ibm-products 2.61.0 → 2.62.0

package/es/components/DataSpreadsheet/utils/handleCellDeletion.js

@@ -19,7 +19,7 @@ var handleCellDeletion = function handleCellDeletion(_ref) {
   // This means that the delete key has been pressed when the active cell is in a header,
   // not within the spreadsheet body. To delete an entire row/column, it must first be
   // selected, and then can be deleted.
-  if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header') {
+  if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header') {
     return;
   }
   var selectionAreaClone = _deepCloneObject(selectionAreas);
@@ -27,14 +27,14 @@ var handleCellDeletion = function handleCellDeletion(_ref) {
     return item.matcher === currentMatcher;
   });
   var selectionAreaToEmptyContents = selectionAreaClone[indexOfCurrentSelectionArea];
-  var lowestColumnIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === undefined || (_selectionAreaToEmpty = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty === undefined ? undefined : _selectionAreaToEmpty.column, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === undefined || (_selectionAreaToEmpty2 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty2 === undefined ? undefined : _selectionAreaToEmpty2.column);
-  var greatestColumnIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === undefined || (_selectionAreaToEmpty3 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty3 === undefined ? undefined : _selectionAreaToEmpty3.column, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === undefined || (_selectionAreaToEmpty4 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty4 === undefined ? undefined : _selectionAreaToEmpty4.column);
-  var lowestRowIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === undefined || (_selectionAreaToEmpty5 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty5 === undefined ? undefined : _selectionAreaToEmpty5.row, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === undefined || (_selectionAreaToEmpty6 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty6 === undefined ? undefined : _selectionAreaToEmpty6.row);
-  var greatestRowIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === undefined || (_selectionAreaToEmpty7 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty7 === undefined ? undefined : _selectionAreaToEmpty7.row, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === undefined || (_selectionAreaToEmpty8 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty8 === undefined ? undefined : _selectionAreaToEmpty8.row);
+  var lowestColumnIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty === void 0 ? void 0 : _selectionAreaToEmpty.column, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty2 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty2 === void 0 ? void 0 : _selectionAreaToEmpty2.column);
+  var greatestColumnIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty3 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty3 === void 0 ? void 0 : _selectionAreaToEmpty3.column, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty4 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty4 === void 0 ? void 0 : _selectionAreaToEmpty4.column);
+  var lowestRowIndex = Math.min(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty5 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty5 === void 0 ? void 0 : _selectionAreaToEmpty5.row, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty6 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty6 === void 0 ? void 0 : _selectionAreaToEmpty6.row);
+  var greatestRowIndex = Math.max(selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty7 = selectionAreaToEmptyContents.point1) === null || _selectionAreaToEmpty7 === void 0 ? void 0 : _selectionAreaToEmpty7.row, selectionAreaToEmptyContents === null || selectionAreaToEmptyContents === void 0 || (_selectionAreaToEmpty8 = selectionAreaToEmptyContents.point2) === null || _selectionAreaToEmpty8 === void 0 ? void 0 : _selectionAreaToEmpty8.row);
   rangeWithCallback(lowestColumnIndex, greatestColumnIndex, function (columnIndex) {
     rangeWithCallback(lowestRowIndex, greatestRowIndex, function (rowIndex) {
       var cellProps = rows[rowIndex].cells[columnIndex];
-      updateData(rowIndex, cellProps === null || cellProps === undefined ? undefined : cellProps.column.id, '');
+      updateData(rowIndex, cellProps === null || cellProps === void 0 ? void 0 : cellProps.column.id, '');
     });
   });
   setActiveCellContent(null);

package/es/components/DataSpreadsheet/utils/handleEditSubmit.js

@@ -27,10 +27,10 @@ var handleEditSubmit = function handleEditSubmit(_ref) {
     var updateSelectionAreaOnCellEditSubmit = function updateSelectionAreaOnCellEditSubmit(_ref2) {
       var type = _ref2.type;
       var submitEditChanges = function submitEditChanges() {
-        var prevCoords = previousState === null || previousState === undefined ? undefined : previousState.activeCellCoordinates;
-        var cellProps = rows[prevCoords === null || prevCoords === undefined ? undefined : prevCoords.row].cells[prevCoords === null || prevCoords === undefined ? undefined : prevCoords.column];
+        var prevCoords = previousState === null || previousState === void 0 ? void 0 : previousState.activeCellCoordinates;
+        var cellProps = rows[prevCoords === null || prevCoords === void 0 ? void 0 : prevCoords.row].cells[prevCoords === null || prevCoords === void 0 ? void 0 : prevCoords.column];
         removeCellEditor();
-        updateData(prevCoords === null || prevCoords === undefined ? undefined : prevCoords.row, cellProps.column.id);
+        updateData(prevCoords === null || prevCoords === void 0 ? void 0 : prevCoords.row, cellProps.column.id);
       };
       removeCellSelections({
         spreadsheetRef: spreadsheetRef

package/es/components/DataSpreadsheet/utils/handleHeaderCellSelection.js

@@ -44,8 +44,8 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
       spreadsheetRef: spreadsheetRef
     });
   }
-  var rowValue = isKeyboard ? activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row : index;
-  var columnValue = isKeyboard ? activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column : index;
+  var rowValue = isKeyboard ? activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row : index;
+  var columnValue = isKeyboard ? activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column : index;
   var point1 = {
     row: type === 'column' ? 0 : rowValue,
     column: type === 'column' ? columnValue : 0
@@ -78,11 +78,11 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
     if (isHoldingCommandKey) {
       var selectionsFromHeaderCell = selectionsClone.filter(function (item) {
         var _item$header;
-        return (_item$header = item.header) === null || _item$header === undefined ? undefined : _item$header.type;
+        return (_item$header = item.header) === null || _item$header === void 0 ? void 0 : _item$header.type;
       });
       var previouslyCreatedHeaderSelection = selectionsFromHeaderCell.filter(function (item) {
         var _item$header2;
-        return ((_item$header2 = item.header) === null || _item$header2 === undefined ? undefined : _item$header2.type) === type;
+        return ((_item$header2 = item.header) === null || _item$header2 === void 0 ? void 0 : _item$header2.type) === type;
       });
       var isHeaderPartOfPreviousSelection = checkActiveHeaderCell(index, previouslyCreatedHeaderSelection, type);
       // Prevents row/column header selections from being created multiple times
@@ -95,13 +95,13 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
       var _selectionAreasClone$;
       var _selectionsFromHeaderCell = selectionsClone.filter(function (item) {
         var _item$header3;
-        return (_item$header3 = item.header) === null || _item$header3 === undefined ? undefined : _item$header3.type;
+        return (_item$header3 = item.header) === null || _item$header3 === void 0 ? void 0 : _item$header3.type;
       });
       // Shift/click behavior should not occur unless there are activeCellCoordinates set
       var currentSelectionArea = _selectionsFromHeaderCell.filter(function (item) {
         return item.matcher === currentMatcher;
       })[0];
-      var originalAreaIndex = Math.max(currentSelectionArea === null || currentSelectionArea === undefined ? undefined : currentSelectionArea.point1[type], currentSelectionArea === null || currentSelectionArea === undefined ? undefined : currentSelectionArea.point2[type], activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates[type]);
+      var originalAreaIndex = Math.max(currentSelectionArea === null || currentSelectionArea === void 0 ? void 0 : currentSelectionArea.point1[type], currentSelectionArea === null || currentSelectionArea === void 0 ? void 0 : currentSelectionArea.point2[type], activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]);
       var newIndexValue = type === 'column' ? columnValue : rowValue;
       var newPoint = {
         row: originalAreaIndex < newIndexValue ? rows.length - 1 : 0,
@@ -112,9 +112,9 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
         return item.matcher === currentMatcher;
       });
       var newIndexList = getSelectedItemIndexList({
-        indexList: ((_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$ === undefined || (_selectionAreasClone$ = _selectionAreasClone$.header) === null || _selectionAreasClone$ === undefined ? undefined : _selectionAreasClone$.selectedIndexList) || [type === 'column' ? columnValue : rowValue],
+        indexList: ((_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$ === void 0 || (_selectionAreasClone$ = _selectionAreasClone$.header) === null || _selectionAreasClone$ === void 0 ? void 0 : _selectionAreasClone$.selectedIndexList) || [type === 'column' ? columnValue : rowValue],
         newIndex: newIndexValue,
-        activeCellIndex: activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates[type]
+        activeCellIndex: activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]
       });
       var setPoint1 = function setPoint1(value) {
         return value < newIndexValue ? {
@@ -148,8 +148,8 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
         });
         return [firstSelectionArea];
       }
-      selectionAreasClone[indexOfCurrentArea].point1 = setPoint1(activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates[type]);
-      selectionAreasClone[indexOfCurrentArea].point2 = setPoint2(activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates[type]);
+      selectionAreasClone[indexOfCurrentArea].point1 = setPoint1(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]);
+      selectionAreasClone[indexOfCurrentArea].point2 = setPoint2(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]);
       selectionAreasClone[indexOfCurrentArea].areaCreated = false;
       selectionAreasClone[indexOfCurrentArea].header.selectedIndexList = newIndexList;
       return selectionAreasClone;

package/es/components/DataSpreadsheet/utils/handleMultipleKeys.js

@@ -56,10 +56,10 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
   var indexOfCurrentArea = selectionAreasClone.findIndex(function (item) {
     return item.matcher === currentMatcher;
   });
-  var pointToUpdate = (_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) !== null && _selectionAreasClone$ !== undefined && _selectionAreasClone$.point2 ? (_selectionAreasClone$2 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$2 === undefined ? undefined : _selectionAreasClone$2.point2 : (_selectionAreasClone$3 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$3 === undefined ? undefined : _selectionAreasClone$3.point1;
+  var pointToUpdate = (_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) !== null && _selectionAreasClone$ !== void 0 && _selectionAreasClone$.point2 ? (_selectionAreasClone$2 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$2 === void 0 ? void 0 : _selectionAreasClone$2.point2 : (_selectionAreasClone$3 = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$3 === void 0 ? void 0 : _selectionAreasClone$3.point1;
   // Down + Shift
   if (includesShift(keysPressedList) && keysPressedList.includes('ArrowDown') && keysPressedList.length === 2) {
-    if (rows.length - 1 === (pointToUpdate === null || pointToUpdate === undefined ? undefined : pointToUpdate.row) || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header') {
+    if (rows.length - 1 === (pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.row) || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
       return;
     }
     var newPoint = {
@@ -72,7 +72,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
   }
   // Right + Shift
   if (includesShift(keysPressedList) && keysPressedList.includes('ArrowRight') && keysPressedList.length === 2) {
-    if (columns.length - 1 === (pointToUpdate === null || pointToUpdate === undefined ? undefined : pointToUpdate.column) || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header') {
+    if (columns.length - 1 === (pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.column) || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
       return;
     }
     var _newPoint = {
@@ -85,7 +85,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
   }
   // Up + Shift
   if (includesShift(keysPressedList) && keysPressedList.includes('ArrowUp') && keysPressedList.length === 2) {
-    if ((pointToUpdate === null || pointToUpdate === undefined ? undefined : pointToUpdate.row) === 0 || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header') {
+    if ((pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.row) === 0 || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
       return;
     }
     var _newPoint2 = {
@@ -98,7 +98,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
   }
   // Left + Shift
   if (includesShift(keysPressedList) && keysPressedList.includes('ArrowLeft') && keysPressedList.length === 2) {
-    if ((pointToUpdate === null || pointToUpdate === undefined ? undefined : pointToUpdate.column) === 0 || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header') {
+    if ((pointToUpdate === null || pointToUpdate === void 0 ? void 0 : pointToUpdate.column) === 0 || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header') {
       return;
     }
     var _newPoint3 = {
@@ -141,11 +141,11 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
   if (includesControl(keysPressedList) && keysPressedList.includes('Space')) {
     var _selectionPoint = {
       row: 0,
-      column: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column
+      column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column
     };
     var _selectionPoint2 = {
       row: rows.length - 1,
-      column: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column
+      column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column
     };
     // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
@@ -160,8 +160,8 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
       updateActiveCellCoordinates({
         coords: coordinatesClone,
         updatedValue: {
-          column: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column,
-          row: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row
+          column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column,
+          row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row
         }
       });
       setCurrentMatcher(tempMatcher);
@@ -175,11 +175,11 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
   // Shift + SPACE (Select current row)
   if (includesShift(keysPressedList) && keysPressedList.includes('Space')) {
     var _selectionPoint3 = {
-      row: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row,
+      row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
       column: 0
     };
     var _selectionPoint4 = {
-      row: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row,
+      row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
       column: columns.length - 1
     };
     // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
@@ -195,8 +195,8 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
       updateActiveCellCoordinates({
         coords: _coordinatesClone,
         updatedValue: {
-          column: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column,
-          row: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row
+          column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column,
+          row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row
         }
       });
       setCurrentMatcher(_tempMatcher);
@@ -233,7 +233,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     removeCellSelections({
       spreadsheetRef: spreadsheetRef
     });
-    var lastCellExists = !!rows[(rows === null || rows === undefined ? undefined : rows.length) - 1].cells[(columns === null || columns === undefined ? undefined : columns.length) - 1];
+    var lastCellExists = !!rows[(rows === null || rows === void 0 ? void 0 : rows.length) - 1].cells[(columns === null || columns === void 0 ? void 0 : columns.length) - 1];
     var updateToLastCell = function updateToLastCell() {
       updateActiveCellCoordinates({
         coords: _coordinatesClone3,

package/es/components/DataSpreadsheet/utils/moveColumnIndicatorLine.js

@@ -10,17 +10,17 @@ import { pkg } from '../../../settings.js';
 
 var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
   var _ref$blockClass = _ref.blockClass,
-    blockClass = _ref$blockClass === undefined ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
+    blockClass = _ref$blockClass === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
     clonedSelectionElement = _ref.clonedSelectionElement,
     ref = _ref.ref,
     spreadsheetCoords = _ref.spreadsheetCoords,
     leftScrollAmount = _ref.leftScrollAmount;
   var closestCell = event.target.closest(".".concat(blockClass, "--interactive-cell-element"));
-  var newColumnIndex = closestCell === null || closestCell === undefined ? undefined : closestCell.getAttribute('data-column-index');
-  var originalColumnIndex = clonedSelectionElement === null || clonedSelectionElement === undefined ? undefined : clonedSelectionElement.getAttribute('data-column-index-original');
+  var newColumnIndex = closestCell === null || closestCell === void 0 ? void 0 : closestCell.getAttribute('data-column-index');
+  var originalColumnIndex = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-column-index-original');
   var closestCellCoords = closestCell.getBoundingClientRect();
   var indicatorLineElement = ref.current.querySelector(".".concat(blockClass, "__reorder-indicator-line"));
-  var matcherId = clonedSelectionElement === null || clonedSelectionElement === undefined ? undefined : clonedSelectionElement.getAttribute('data-matcher-id');
+  var matcherId = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-matcher-id');
   var selectionAreaOrigin = ref.current.querySelector("[data-matcher-id=\"".concat(matcherId, "\"]"));
   var listContainer = ref.current.querySelector(".".concat(blockClass, "__list--container"));
   var scrollSpeed = 10; // Scrolling speed

package/es/components/DataSpreadsheet/utils/removeCellSelections.js

@@ -13,7 +13,7 @@ var removeCellSelections = function removeCellSelections(_ref) {
   var matcher = _ref.matcher,
     spreadsheetRef = _ref.spreadsheetRef,
     _ref$blockClass = _ref.blockClass,
-    blockClass = _ref$blockClass === undefined ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
+    blockClass = _ref$blockClass === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
   if (matcher && typeof matcher === 'string') {
     var selectionToRemove = spreadsheetRef.current.querySelector("[data-matcher-id=\"".concat(matcher, "\"]"));
     if (selectionToRemove) {

package/es/components/Datagrid/Datagrid/Datagrid.js

@@ -44,14 +44,14 @@ var Datagrid = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     ariaToolbarLabel: ariaToolbarLabel
   };
   return /*#__PURE__*/React__default.createElement(FilterProvider, {
-    filters: state === null || state === undefined ? undefined : state.filters,
+    filters: state === null || state === void 0 ? void 0 : state.filters,
     filterProps: filterProps,
     tableId: tableId
   }, /*#__PURE__*/React__default.createElement(InlineEditProvider, null, /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
     id: tableId,
     ref: ref,
     className: cx(className, blockClass, withVirtualScroll ? "".concat(blockClass, "__datagridWrap") : "".concat(blockClass, "__datagridWrap-simple"), !isFetching && rows.length === 0 ? "".concat(blockClass, "__empty-state") : '')
-  }, getDevtoolsProps(componentName)), (filterProps === null || filterProps === undefined ? undefined : filterProps.variation) === 'panel' ? /*#__PURE__*/React__default.createElement("div", {
+  }, getDevtoolsProps(componentName)), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' ? /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__datagridWithPanel ").concat(blockClass, "__displayFlex")
   }, /*#__PURE__*/React__default.createElement(DatagridContent, props)) : /*#__PURE__*/React__default.createElement(DatagridContent, props))));
 });

package/es/components/Datagrid/Datagrid/DatagridBody.js

@@ -14,7 +14,7 @@ import DatagridRefBody from './DatagridRefBody.js';
 var DatagridBody = function DatagridBody(datagridState) {
   var isFetching = datagridState.isFetching,
     _datagridState$rows = datagridState.rows,
-    rows = _datagridState$rows === undefined ? [] : _datagridState$rows,
+    rows = _datagridState$rows === void 0 ? [] : _datagridState$rows,
     withVirtualScroll = datagridState.withVirtualScroll,
     withStickyColumn = datagridState.withStickyColumn;
   if (!isFetching && rows.length === 0) {

package/es/components/Datagrid/Datagrid/DatagridContent.js

@@ -55,7 +55,7 @@ var DatagridContent = function DatagridContent(_ref) {
     filterProps = datagridState.filterProps,
     fullHeightDatagrid = datagridState.fullHeightDatagrid,
     _datagridState$vertic = datagridState.verticalAlign,
-    verticalAlign = _datagridState$vertic === undefined ? 'center' : _datagridState$vertic,
+    verticalAlign = _datagridState$vertic === void 0 ? 'center' : _datagridState$vertic,
     variableRowHeight = datagridState.variableRowHeight,
     gridTitle = datagridState.gridTitle,
     gridDescription = datagridState.gridDescription,
@@ -87,7 +87,7 @@ var DatagridContent = function DatagridContent(_ref) {
     });
   }, [dispatch, enableEditableCell, enableCustomizeCols, enableInlineEdit]);
   useEffect(function () {
-    if (featureFlags && (featureFlags !== null && featureFlags !== undefined && featureFlags['enable-datagrid-useEditableCell'] || featureFlags !== null && featureFlags !== undefined && featureFlags['enable-datagrid-useInlineEdit'])) {
+    if (featureFlags && (featureFlags !== null && featureFlags !== void 0 && featureFlags['enable-datagrid-useEditableCell'] || featureFlags !== null && featureFlags !== void 0 && featureFlags['enable-datagrid-useInlineEdit'])) {
       console.error("Datagrid useEditableCell/useInlineEdit extension has not been enabled via feature flag.");
     }
   }, [featureFlags]);
@@ -107,8 +107,8 @@ var DatagridContent = function DatagridContent(_ref) {
     });
   });
   var renderTable = function renderTable() {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Table, _extends({}, getTableProps === null || getTableProps === undefined ? undefined : getTableProps(), {
-      className: cx(withVirtualScroll ? "".concat(blockClass, "__table-virtual-scroll") : "".concat(blockClass, "__table-simple"), "".concat(blockClass, "__vertical-align-").concat(verticalAlign), _defineProperty({}, "".concat(blockClass, "__variable-row-height"), variableRowHeight), _defineProperty({}, "".concat(blockClass, "__table-with-inline-edit"), withInlineEdit), _defineProperty({}, "".concat(blockClass, "__table-grid-active"), gridActive), _defineProperty({}, "".concat(blockClass, "__table-is-resizing"), typeof (columnResizing === null || columnResizing === undefined ? undefined : columnResizing.isResizingColumn) === 'string'), getTableProps === null || getTableProps === undefined ? undefined : getTableProps().className),
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Table, _extends({}, getTableProps === null || getTableProps === void 0 ? void 0 : getTableProps(), {
+      className: cx(withVirtualScroll ? "".concat(blockClass, "__table-virtual-scroll") : "".concat(blockClass, "__table-simple"), "".concat(blockClass, "__vertical-align-").concat(verticalAlign), _defineProperty({}, "".concat(blockClass, "__variable-row-height"), variableRowHeight), _defineProperty({}, "".concat(blockClass, "__table-with-inline-edit"), withInlineEdit), _defineProperty({}, "".concat(blockClass, "__table-grid-active"), gridActive), _defineProperty({}, "".concat(blockClass, "__table-is-resizing"), typeof (columnResizing === null || columnResizing === void 0 ? void 0 : columnResizing.isResizingColumn) === 'string'), getTableProps === null || getTableProps === void 0 ? void 0 : getTableProps().className),
       role: withInlineEdit ? 'grid' : undefined,
       tabIndex: withInlineEdit ? 0 : -1,
       onKeyDown: withInlineEdit && function (event) {
@@ -128,7 +128,7 @@ var DatagridContent = function DatagridContent(_ref) {
       title: title
     }), (!withVirtualScroll || withVirtualScroll && !isFetching && !contentRows.length) && /*#__PURE__*/React__default.createElement(DatagridHead, datagridState), /*#__PURE__*/React__default.createElement(DatagridBody, _extends({}, datagridState, {
       rows: contentRows
-    }))), (filterProps === null || filterProps === undefined ? undefined : filterProps.variation) === 'panel' && renderPagination());
+    }))), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' && renderPagination());
   };
   var _useMultipleKeyTracki = useMultipleKeyTracking({
       ref: withInlineEdit ? multiKeyTrackingRef : null,
@@ -145,10 +145,10 @@ var DatagridContent = function DatagridContent(_ref) {
       return;
     }
     var gridElement = document.querySelector("#".concat(tableId));
-    var tableHeader = gridElement === null || gridElement === undefined ? undefined : gridElement.querySelector(".".concat(carbon.prefix, "--data-table-header"));
-    gridElement === null || gridElement === undefined || (_gridElement$style = gridElement.style) === null || _gridElement$style === undefined || _gridElement$style.setProperty("--".concat(blockClass, "--grid-width"), px((totalColumnsWidth || 0) + 32));
+    var tableHeader = gridElement === null || gridElement === void 0 ? void 0 : gridElement.querySelector(".".concat(carbon.prefix, "--data-table-header"));
+    gridElement === null || gridElement === void 0 || (_gridElement$style = gridElement.style) === null || _gridElement$style === void 0 || _gridElement$style.setProperty("--".concat(blockClass, "--grid-width"), px((totalColumnsWidth || 0) + 32));
     if (gridActive) {
-      gridElement === null || gridElement === undefined || gridElement.style.setProperty("--".concat(blockClass, "--grid-header-height"), px((tableHeader === null || tableHeader === undefined ? undefined : tableHeader.clientHeight) || 0));
+      gridElement === null || gridElement === void 0 || gridElement.style.setProperty("--".concat(blockClass, "--grid-header-height"), px((tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.clientHeight) || 0));
     }
   }, [withInlineEdit, tableId, totalColumnsWidth, datagridState, gridActive]);
   useSubscribeToEventEmitter(CLEAR_SINGLE_FILTER, function (id) {
@@ -160,16 +160,16 @@ var DatagridContent = function DatagridContent(_ref) {
       filters: filterTags,
       clearFilters: function clearFilters() {
         EventEmitter.dispatch(CLEAR_FILTERS, tableId);
-        if (typeof (filterProps === null || filterProps === undefined ? undefined : filterProps.onClearFilters) === 'function') {
+        if (typeof (filterProps === null || filterProps === void 0 ? void 0 : filterProps.onClearFilters) === 'function') {
           filterProps.onClearFilters();
         }
       },
-      renderLabel: filterProps === null || filterProps === undefined ? undefined : filterProps.renderLabel,
+      renderLabel: filterProps === null || filterProps === void 0 ? void 0 : filterProps.renderLabel,
       overflowType: "tag"
     });
   };
   var renderPagination = function renderPagination() {
-    if ((contentRows === null || contentRows === undefined ? undefined : contentRows.length) > 0 && !isFetching && DatagridPagination) {
+    if ((contentRows === null || contentRows === void 0 ? void 0 : contentRows.length) > 0 && !isFetching && DatagridPagination) {
       return /*#__PURE__*/React__default.createElement(DatagridPagination, datagridState);
     }
   };
@@ -182,10 +182,10 @@ var DatagridContent = function DatagridContent(_ref) {
   })), /*#__PURE__*/React__default.createElement("div", {
     className: cx("".concat(blockClass, "__table-container"), _defineProperty({}, "".concat(blockClass, "__table-container--filter-open"), panelOpen)),
     ref: gridAreaRef
-  }, (filterProps === null || filterProps === undefined ? undefined : filterProps.variation) === 'panel' && /*#__PURE__*/React__default.createElement(FilterPanel, _extends({
+  }, (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' && /*#__PURE__*/React__default.createElement(FilterPanel, _extends({
     updateMethod: undefined,
     setAllFilters: undefined
-  }, getFilterFlyoutProps === null || getFilterFlyoutProps === undefined ? undefined : getFilterFlyoutProps(), {
+  }, getFilterFlyoutProps === null || getFilterFlyoutProps === void 0 ? void 0 : getFilterFlyoutProps(), {
     title: filterProps.panelTitle,
     filterSections: filterProps.sections,
     autoHideFilters: filterProps.autoHideFilters,
@@ -197,7 +197,7 @@ var DatagridContent = function DatagridContent(_ref) {
   }, renderTable()) : withVirtualScroll ? /*#__PURE__*/React__default.createElement("div", {
     className: "".concat(blockClass, "__virtualScrollContainer"),
     ref: gridRef
-  }, renderTable()) : renderTable()))), (filterProps === null || filterProps === undefined ? undefined : filterProps.variation) !== 'panel' && renderPagination(), CustomizeColumnsTearsheet && /*#__PURE__*/React__default.createElement(CustomizeColumnsTearsheet, {
+  }, renderTable()) : renderTable()))), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) !== 'panel' && renderPagination(), CustomizeColumnsTearsheet && /*#__PURE__*/React__default.createElement(CustomizeColumnsTearsheet, {
     instance: datagridState
   }));
 };

package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js

@@ -26,7 +26,7 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
     emptyStateDescription = datagridState.emptyStateDescription,
     emptyStateSize = datagridState.emptyStateSize,
     _datagridState$emptyS = datagridState.emptyStateType,
-    emptyStateType = _datagridState$emptyS === undefined ? 'noData' : _datagridState$emptyS,
+    emptyStateType = _datagridState$emptyS === void 0 ? 'noData' : _datagridState$emptyS,
     illustrationTheme = datagridState.illustrationTheme,
     emptyStateAction = datagridState.emptyStateAction,
     emptyStateLink = datagridState.emptyStateLink;
@@ -45,7 +45,7 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
     "aria-live": "off",
     className: "".concat(blockClass, "__empty-state-body")
   }), /*#__PURE__*/React__default.createElement(TableRow, null, /*#__PURE__*/React__default.createElement(TableCell, {
-    colSpan: headers === null || headers === undefined ? undefined : headers.length,
+    colSpan: headers === null || headers === void 0 ? void 0 : headers.length,
     className: "".concat(blockClass, "__empty-state-cell")
   }, validEmptyStates.includes(emptyStateType) ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, emptyStateType === 'error' && /*#__PURE__*/React__default.createElement(ErrorEmptyState, emptyStateProps), emptyStateType === 'noData' && /*#__PURE__*/React__default.createElement(NoDataEmptyState, emptyStateProps), emptyStateType === 'notFound' && /*#__PURE__*/React__default.createElement(NotFoundEmptyState, emptyStateProps)) : /*#__PURE__*/React__default.createElement(EmptyState, emptyStateProps))));
 };

package/es/components/Datagrid/Datagrid/DatagridExpandedRow.js

@@ -21,9 +21,9 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
       var _event$target;
       var eventType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
       /* istanbul ignore else */
-      if (event !== null && event !== undefined && (_event$target = event.target) !== null && _event$target !== undefined && _event$target.closest('tr').previousElementSibling) {
+      if (event !== null && event !== void 0 && (_event$target = event.target) !== null && _event$target !== void 0 && _event$target.closest('tr').previousElementSibling) {
         var _event$target2;
-        var parentNode = event === null || event === undefined || (_event$target2 = event.target) === null || _event$target2 === undefined ? undefined : _event$target2.closest('tr').previousElementSibling;
+        var parentNode = event === null || event === void 0 || (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.closest('tr').previousElementSibling;
         if (eventType === 'enter') {
           parentNode.classList.add("".concat(blockClass, "__expandable-row--hover"));
         } else {
@@ -34,7 +34,7 @@ var DatagridExpandedRow = function DatagridExpandedRow(ExpandedRowContentCompone
     var key = datagridState.key,
       _state = _objectWithoutProperties(datagridState, _excluded);
     return /*#__PURE__*/React__default.createElement("tr", {
-      className: cx("".concat(blockClass, "__expanded-row"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__slug--row"), /*#__PURE__*/isValidElement(row === null || row === undefined || (_row$original = row.original) === null || _row$original === undefined ? undefined : _row$original.slug)), "".concat(blockClass, "__ai-label--row"), /*#__PURE__*/isValidElement(row === null || row === undefined || (_row$original2 = row.original) === null || _row$original2 === undefined ? undefined : _row$original2.aiLabel))),
+      className: cx("".concat(blockClass, "__expanded-row"), _defineProperty(_defineProperty({}, "".concat(blockClass, "__slug--row"), /*#__PURE__*/isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug)), "".concat(blockClass, "__ai-label--row"), /*#__PURE__*/isValidElement(row === null || row === void 0 || (_row$original2 = row.original) === null || _row$original2 === void 0 ? void 0 : _row$original2.aiLabel))),
       onMouseEnter: function onMouseEnter(event) {
         return toggleParentHoverClass(event, 'enter');
       },

package/es/components/Datagrid/Datagrid/DatagridHead.js

@@ -10,12 +10,12 @@ import { TableHead } from '@carbon/react';
 
 var DatagridHead = function DatagridHead(datagridState) {
   var _datagridState$header = datagridState.headerGroups,
-    headerGroups = _datagridState$header === undefined ? [] : _datagridState$header,
+    headerGroups = _datagridState$header === void 0 ? [] : _datagridState$header,
     headRef = datagridState.headRef,
     HeaderRow = datagridState.HeaderRow;
   return /*#__PURE__*/React__default.createElement(TableHead, null, headerGroups.map(function (headerGroup) {
     return (// doesn't support header grouping.
-      HeaderRow === null || HeaderRow === undefined ? undefined : HeaderRow(datagridState, headRef, headerGroup)
+      HeaderRow === null || HeaderRow === void 0 ? void 0 : HeaderRow(datagridState, headRef, headerGroup)
     );
   }));
 };

package/es/components/Datagrid/Datagrid/DatagridHeaderRow.js

@@ -44,16 +44,16 @@ var ResizeHeader = function ResizeHeader(_ref) {
     isFetching = _ref.isFetching;
   var headerProps = _extends({}, (_objectDestructuringEmpty(resizerProps), resizerProps));
   var mouseDownHandler = function mouseDownHandler(evt) {
-    handleOnMouseDownResize === null || handleOnMouseDownResize === undefined || handleOnMouseDownResize(evt, resizerProps);
+    handleOnMouseDownResize === null || handleOnMouseDownResize === void 0 || handleOnMouseDownResize(evt, resizerProps);
   };
   var mouseUpHandler = function mouseUpHandler() {
-    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === undefined ? undefined : header.id, true);
+    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
   };
   var keyDownHandler = function keyDownHandler(evt) {
     var key = evt.key;
     if (key === 'ArrowLeft' || key === 'ArrowRight') {
-      var originalColMinWidth = (originalCol === null || originalCol === undefined ? undefined : originalCol.minWidth) || 90;
-      var currentColumnWidth = (header === null || header === undefined ? undefined : header.id) && (columnWidths === null || columnWidths === undefined ? undefined : columnWidths[header === null || header === undefined ? undefined : header.id]) || (datagridState !== null && datagridState !== undefined && datagridState.isTableSortable && Number(originalCol === null || originalCol === undefined ? undefined : originalCol.width) < originalColMinWidth ? originalColMinWidth : originalCol === null || originalCol === undefined ? undefined : originalCol.width);
+      var originalColMinWidth = (originalCol === null || originalCol === void 0 ? void 0 : originalCol.minWidth) || 90;
+      var currentColumnWidth = (header === null || header === void 0 ? void 0 : header.id) && (columnWidths === null || columnWidths === void 0 ? void 0 : columnWidths[header === null || header === void 0 ? void 0 : header.id]) || (datagridState !== null && datagridState !== void 0 && datagridState.isTableSortable && Number(originalCol === null || originalCol === void 0 ? void 0 : originalCol.width) < originalColMinWidth ? originalColMinWidth : originalCol === null || originalCol === void 0 ? void 0 : originalCol.width);
       if (key === 'ArrowLeft') {
         if (currentColumnWidth - incrementAmount > Math.max(Number(minWidth), 50)) {
           var newWidth = currentColumnWidth - incrementAmount;
@@ -67,7 +67,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     }
   };
   var keyUpHandler = function keyUpHandler() {
-    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === undefined ? undefined : header.id, true);
+    handleColumnResizeEndEvent(dispatch, onColResizeEnd, header === null || header === void 0 ? void 0 : header.id, true);
   };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("input", _extends({}, headerProps, {
     onMouseDown: mouseDownHandler,
@@ -76,7 +76,7 @@ var ResizeHeader = function ResizeHeader(_ref) {
     onKeyUp: keyUpHandler,
     className: "".concat(blockClass, "__col-resizer-range"),
     type: "range",
-    defaultValue: originalCol === null || originalCol === undefined ? undefined : originalCol.width,
+    defaultValue: originalCol === null || originalCol === void 0 ? void 0 : originalCol.width,
     "aria-label": resizerAriaLabel || 'Resize column',
     disabled: isFetching
   })), /*#__PURE__*/React__default.createElement("span", {
@@ -97,27 +97,27 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   useEffect(function () {
     var tableId = datagridState.tableId;
     var gridElement = document.querySelector("#".concat(tableId));
-    var tableElement = gridElement === null || gridElement === undefined ? undefined : gridElement.querySelector('table');
+    var tableElement = gridElement === null || gridElement === void 0 ? void 0 : gridElement.querySelector('table');
     var headerRowElement = document.querySelector("#".concat(tableId, " .").concat(blockClass, "__head"));
     var scrollBuffer = 2;
     if (tableElement) {
-      var hasHorizontalScrollbar = (tableElement === null || tableElement === undefined ? undefined : tableElement.scrollWidth) > (tableElement === null || tableElement === undefined ? undefined : tableElement.clientWidth);
+      var hasHorizontalScrollbar = (tableElement === null || tableElement === void 0 ? void 0 : tableElement.scrollWidth) > (tableElement === null || tableElement === void 0 ? void 0 : tableElement.clientWidth);
       if (hasHorizontalScrollbar) {
         scrollBuffer = 18;
       }
     }
-    var tableToolbar = (gridElement === null || gridElement === undefined ? undefined : gridElement.querySelector(".".concat(blockClass, "__table-toolbar"))) || null;
-    var tableToolbarHeight = (tableToolbar === null || tableToolbar === undefined ? undefined : tableToolbar.offsetHeight) || 0;
+    var tableToolbar = (gridElement === null || gridElement === void 0 ? void 0 : gridElement.querySelector(".".concat(blockClass, "__table-toolbar"))) || null;
+    var tableToolbarHeight = (tableToolbar === null || tableToolbar === void 0 ? void 0 : tableToolbar.offsetHeight) || 0;
     var setCustomValues = function setCustomValues(_ref2) {
       var rowHeight = _ref2.rowHeight,
         gridHeight = _ref2.gridHeight;
-      headerRowElement === null || headerRowElement === undefined || headerRowElement.style.setProperty("--".concat(blockClass, "--row-height"), px(rowHeight));
-      headerRowElement === null || headerRowElement === undefined || headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), px(gridHeight - scrollBuffer - tableToolbarHeight));
-      headerRowElement === null || headerRowElement === undefined || headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), px(headerRowElement.offsetHeight));
+      headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--row-height"), px(rowHeight));
+      headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--grid-height"), px(gridHeight - scrollBuffer - tableToolbarHeight));
+      headerRowElement === null || headerRowElement === void 0 || headerRowElement.style.setProperty("--".concat(blockClass, "--header-height"), px(headerRowElement.offsetHeight));
     };
     setCustomValues({
-      gridHeight: gridElement === null || gridElement === undefined ? undefined : gridElement.offsetHeight,
-      rowHeight: headerRowElement === null || headerRowElement === undefined ? undefined : headerRowElement.clientHeight
+      gridHeight: gridElement === null || gridElement === void 0 ? void 0 : gridElement.offsetHeight,
+      rowHeight: headerRowElement === null || headerRowElement === void 0 ? void 0 : headerRowElement.clientHeight
     });
   }, [datagridState.rowSize, datagridState.tableId, datagridState]);
   var _useState = useState(2),
@@ -126,14 +126,14 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   var handleOnMouseDownResize = function handleOnMouseDownResize(event, resizeProps) {
     var _resizeProps = _objectSpread2({}, resizeProps),
       _resizeProps$onMouseD = _resizeProps.onMouseDown,
-      onMouseDown = _resizeProps$onMouseD === undefined ? function () {} : _resizeProps$onMouseD;
+      onMouseDown = _resizeProps$onMouseD === void 0 ? function () {} : _resizeProps$onMouseD;
     // When event.button is 2, that is a right click
     // and we do not want to resize
     if (event.button === 2 || event.ctrlKey) {
       event.target.blur();
       return;
     }
-    onMouseDown === null || onMouseDown === undefined || onMouseDown(event);
+    onMouseDown === null || onMouseDown === void 0 || onMouseDown(event);
   };
   var _headerGroup$getHeade = headerGroup.getHeaderGroupProps({
       role: undefined
@@ -150,7 +150,7 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   };
   var foundAIRow = rows.some(function (r) {
     var _r$original, _r$original2;
-    return /*#__PURE__*/isValidElement(r === null || r === undefined || (_r$original = r.original) === null || _r$original === undefined ? undefined : _r$original.aiLabel) || /*#__PURE__*/isValidElement(r === null || r === undefined || (_r$original2 = r.original) === null || _r$original2 === undefined ? undefined : _r$original2.slug);
+    return /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.aiLabel) || /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original2 = r.original) === null || _r$original2 === void 0 ? void 0 : _r$original2.slug);
   });
   var key = headerGroupProps.key,
     rowProps = _objectWithoutProperties(headerGroupProps, _excluded2);
@@ -165,10 +165,10 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
   }), foundAIRow ? _th || (_th = /*#__PURE__*/React__default.createElement("th", {
     scope: "col",
     "aria-hidden": "false"
-  })) : null, datagridState === null || datagridState === undefined || (_datagridState$header = datagridState.headers) === null || _datagridState$header === undefined || (_datagridState$header = _datagridState$header.filter(function (_ref3) {
+  })) : null, datagridState === null || datagridState === void 0 || (_datagridState$header = datagridState.headers) === null || _datagridState$header === void 0 || (_datagridState$header = _datagridState$header.filter(function (_ref3) {
     var isVisible = _ref3.isVisible;
     return isVisible;
-  })) === null || _datagridState$header === undefined ? undefined : _datagridState$header.map(function (header, index) {
+  })) === null || _datagridState$header === void 0 ? void 0 : _datagridState$header.map(function (header, index) {
     var _header$getResizerPro;
     if (header.id === selectionColumnId) {
       // render directly without the wrapper TableHeader
@@ -190,10 +190,10 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
         role: undefined
       }),
       headerProps = _extends({}, (_objectDestructuringEmpty(_header$getHeaderProp), _header$getHeaderProp));
-    var resizerProps = header === null || header === undefined || (_header$getResizerPro = header.getResizerProps) === null || _header$getResizerPro === undefined ? undefined : _header$getResizerPro.call(header, {
+    var resizerProps = header === null || header === void 0 || (_header$getResizerPro = header.getResizerProps) === null || _header$getResizerPro === void 0 ? void 0 : _header$getResizerPro.call(header, {
       role: undefined
     });
-    var headerStyle = headerProps === null || headerProps === undefined ? undefined : headerProps.style;
+    var headerStyle = headerProps === null || headerProps === void 0 ? void 0 : headerProps.style;
     var lastVisibleIndex = withActionsColumn ? 2 : 1;
     var isLastVisibleColumn = index === visibleColumns.length - lastVisibleIndex;
     if (headerStyle) {
@@ -203,7 +203,7 @@ var HeaderRow = function HeaderRow(datagridState, headRef, headerGroup) {
       });
     }
     return /*#__PURE__*/React__default.createElement(TableHeader, _extends({}, headerProps, {
-      className: cx(header === null || header === undefined ? undefined : header.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__resizableColumn"), resizerProps), "".concat(blockClass, "__isResizing"), header === null || header === undefined ? undefined : header.isResizing), "".concat(blockClass, "__sortableColumn"), datagridState.isTableSortable && header.id !== 'spacer'), "".concat(blockClass, "__isSorted"), header === null || header === undefined ? undefined : header.isSorted), "".concat(blockClass, "__header-actions-column"), header === null || header === undefined ? undefined : header.isAction), "".concat(blockClass, "__with-slug"), header.slug && /*#__PURE__*/React__default.isValidElement(header === null || header === undefined ? undefined : header.slug)), "".concat(blockClass, "__with-ai-label"), header.aiLabel && /*#__PURE__*/React__default.isValidElement(header === null || header === undefined ? undefined : header.aiLabel)), headerProps.className),
+      className: cx(header === null || header === void 0 ? void 0 : header.className, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__resizableColumn"), resizerProps), "".concat(blockClass, "__isResizing"), header === null || header === void 0 ? void 0 : header.isResizing), "".concat(blockClass, "__sortableColumn"), datagridState.isTableSortable && header.id !== 'spacer'), "".concat(blockClass, "__isSorted"), header === null || header === void 0 ? void 0 : header.isSorted), "".concat(blockClass, "__header-actions-column"), header === null || header === void 0 ? void 0 : header.isAction), "".concat(blockClass, "__with-slug"), header.slug && /*#__PURE__*/React__default.isValidElement(header === null || header === void 0 ? void 0 : header.slug)), "".concat(blockClass, "__with-ai-label"), header.aiLabel && /*#__PURE__*/React__default.isValidElement(header === null || header === void 0 ? void 0 : header.aiLabel)), headerProps.className),
       key: header.id,
       "aria-hidden": header.id === 'spacer' && 'true'
     }, getAccessibilityProps(header)), header.render('Header'), renderAILabel(header.aiLabel || header.slug), resizerProps && !header.isAction && /*#__PURE__*/React__default.createElement(ResizeHeader, {