@carbon/ibm-products 2.59.0 → 2.60.0-rc.0

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

@@ -26,7 +26,7 @@ var getSpreadsheetWidth = function getSpreadsheetWidth(_ref) {
   }
   if (totalVisibleColumns) {
     var totalVisibleColumnWidth = visibleColumns.map(function (item, index) {
-      return index <= totalVisibleColumns - 1 && ((item === null || item === void 0 ? void 0 : item.width) || (defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.width));
+      return index <= totalVisibleColumns - 1 && ((item === null || item === undefined ? undefined : item.width) || (defaultColumn === null || defaultColumn === undefined ? undefined : defaultColumn.width));
     }).reduce(function (prev, curr) {
       return prev + curr;
     }, 0);

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

@@ -29,11 +29,11 @@ var handleActiveCellInSelectionEnter = function handleActiveCellInSelectionEnter
     greatestRowIndex = _getSelectionAreaPoin.greatestRowIndex;
   // Move active cell down one row if possible
   var coordinatesClone = _objectSpread2({}, activeCellCoordinates);
-  if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) < greatestRowIndex) {
+  if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) < greatestRowIndex) {
     updateActiveCellCoordinates({
       coords: coordinatesClone,
       updatedValue: {
-        row: (coordinatesClone === null || coordinatesClone === void 0 ? void 0 : coordinatesClone.row) + 1
+        row: (coordinatesClone === null || coordinatesClone === undefined ? undefined : coordinatesClone.row) + 1
       },
       optOutOfSelectionAreaUpdate: true
     });
@@ -41,12 +41,12 @@ var handleActiveCellInSelectionEnter = function handleActiveCellInSelectionEnter
   // Move active cell to next column of selection area if it exists
   // If not, find the next selection area and update active cell to
   // be the first cell in that selection
-  if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === greatestRowIndex) {
-    if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) < greatestColumnIndex) {
+  if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === greatestRowIndex) {
+    if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) < greatestColumnIndex) {
       updateActiveCellCoordinates({
         coords: coordinatesClone,
         updatedValue: {
-          column: (coordinatesClone === null || coordinatesClone === void 0 ? void 0 : coordinatesClone.column) + 1,
+          column: (coordinatesClone === null || coordinatesClone === undefined ? undefined : coordinatesClone.column) + 1,
           row: lowestRowIndex
         },
         optOutOfSelectionAreaUpdate: true
@@ -54,7 +54,7 @@ var handleActiveCellInSelectionEnter = function handleActiveCellInSelectionEnter
     }
     // Move to next selection area if there is one, or back to
     // the beginning of the current selection
-    if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === greatestColumnIndex) {
+    if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === greatestColumnIndex) {
       if (selectionAreas.length > 1) {
         if (selectionAreas[activeCellIndexInSelectionAreas + 1]) {
           // Update activeCellRef data-selection-id attribute to the matcher of the next selection area

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

@@ -27,10 +27,10 @@ var handleActiveCellInSelectionTab = function handleActiveCellInSelectionTab(_re
     greatestColumnIndex = _getSelectionAreaPoin.greatestColumnIndex,
     greatestRowIndex = _getSelectionAreaPoin.greatestRowIndex;
   // Move active cell to next column in selection area
-  if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) < greatestColumnIndex) {
+  if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) < greatestColumnIndex) {
     updateActiveCellCoordinates({
       updatedValue: {
-        column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) + 1
+        column: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) + 1
       },
       optOutOfSelectionAreaUpdate: true
     });
@@ -38,19 +38,19 @@ var handleActiveCellInSelectionTab = function handleActiveCellInSelectionTab(_re
   // Move active cell to next row of selection area if it exists
   // If not, find the next selection area and update active cell to
   // be the first cell in that selection
-  if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === greatestColumnIndex) {
-    if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) < greatestRowIndex) {
+  if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === greatestColumnIndex) {
+    if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) < greatestRowIndex) {
       updateActiveCellCoordinates({
         updatedValue: {
           column: lowestColumnIndex,
-          row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) + 1
+          row: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) + 1
         },
         optOutOfSelectionAreaUpdate: true
       });
     }
     // Move to next selection area if there is on, or back to
     // the beginning of the current selection
-    if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === greatestRowIndex) {
+    if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === greatestRowIndex) {
       if (selectionAreas.length > 1) {
         if (selectionAreas[activeCellIndexInSelectionAreas + 1]) {
           // Update activeCellRef data-selection-id attribute to the matcher of the next selection area

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

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import { deepCloneObject } from '../../../global/js/utils/deepCloneObject.js';
+import { deepCloneObject as _deepCloneObject } from '../../../global/js/utils/deepCloneObject.js';
 import { rangeWithCallback } from '../../../global/js/utils/rangeWithCallback.js';
 
 var handleCellDeletion = function handleCellDeletion(_ref) {
@@ -19,22 +19,22 @@ 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 === void 0 ? void 0 : activeCellCoordinates.column) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header') {
+  if ((activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header' || (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header') {
     return;
   }
-  var selectionAreaClone = deepCloneObject(selectionAreas);
+  var selectionAreaClone = _deepCloneObject(selectionAreas);
   var indexOfCurrentSelectionArea = selectionAreaClone.findIndex(function (item) {
     return item.matcher === currentMatcher;
   });
   var selectionAreaToEmptyContents = selectionAreaClone[indexOfCurrentSelectionArea];
-  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);
+  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);
   rangeWithCallback(lowestColumnIndex, greatestColumnIndex, function (columnIndex) {
     rangeWithCallback(lowestRowIndex, greatestRowIndex, function (rowIndex) {
       var cellProps = rows[rowIndex].cells[columnIndex];
-      updateData(rowIndex, cellProps === null || cellProps === void 0 ? void 0 : cellProps.column.id, '');
+      updateData(rowIndex, cellProps === null || cellProps === undefined ? undefined : 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 === 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];
+        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];
         removeCellEditor();
-        updateData(prevCoords === null || prevCoords === void 0 ? void 0 : prevCoords.row, cellProps.column.id);
+        updateData(prevCoords === null || prevCoords === undefined ? undefined : prevCoords.row, cellProps.column.id);
       };
       removeCellSelections({
         spreadsheetRef: spreadsheetRef

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

@@ -6,7 +6,7 @@
  */
 
 import { toConsumableArray as _toConsumableArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { deepCloneObject } from '../../../global/js/utils/deepCloneObject.js';
+import { deepCloneObject as _deepCloneObject } from '../../../global/js/utils/deepCloneObject.js';
 import uuidv4 from '../../../global/js/utils/uuidv4.js';
 import { removeCellSelections } from './removeCellSelections.js';
 import { checkActiveHeaderCell } from './checkActiveHeaderCell.js';
@@ -44,8 +44,8 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
       spreadsheetRef: spreadsheetRef
     });
   }
-  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 rowValue = isKeyboard ? activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row : index;
+  var columnValue = isKeyboard ? activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column : index;
   var point1 = {
     row: type === 'column' ? 0 : rowValue,
     column: type === 'column' ? columnValue : 0
@@ -74,15 +74,15 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
     }
   };
   setSelectionAreas(function (prev) {
-    var selectionsClone = deepCloneObject(prev);
+    var selectionsClone = _deepCloneObject(prev);
     if (isHoldingCommandKey) {
       var selectionsFromHeaderCell = selectionsClone.filter(function (item) {
         var _item$header;
-        return (_item$header = item.header) === null || _item$header === void 0 ? void 0 : _item$header.type;
+        return (_item$header = item.header) === null || _item$header === undefined ? undefined : _item$header.type;
       });
       var previouslyCreatedHeaderSelection = selectionsFromHeaderCell.filter(function (item) {
         var _item$header2;
-        return ((_item$header2 = item.header) === null || _item$header2 === void 0 ? void 0 : _item$header2.type) === type;
+        return ((_item$header2 = item.header) === null || _item$header2 === undefined ? undefined : _item$header2.type) === type;
       });
       var isHeaderPartOfPreviousSelection = checkActiveHeaderCell(index, previouslyCreatedHeaderSelection, type);
       // Prevents row/column header selections from being created multiple times
@@ -95,26 +95,26 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
       var _selectionAreasClone$;
       var _selectionsFromHeaderCell = selectionsClone.filter(function (item) {
         var _item$header3;
-        return (_item$header3 = item.header) === null || _item$header3 === void 0 ? void 0 : _item$header3.type;
+        return (_item$header3 = item.header) === null || _item$header3 === undefined ? undefined : _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 === 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 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 newIndexValue = type === 'column' ? columnValue : rowValue;
       var newPoint = {
         row: originalAreaIndex < newIndexValue ? rows.length - 1 : 0,
         column: columnValue
       };
-      var selectionAreasClone = deepCloneObject(prev);
+      var selectionAreasClone = _deepCloneObject(prev);
       var indexOfCurrentArea = selectionAreasClone.findIndex(function (item) {
         return item.matcher === currentMatcher;
       });
       var newIndexList = getSelectedItemIndexList({
-        indexList: ((_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$ === void 0 || (_selectionAreasClone$ = _selectionAreasClone$.header) === null || _selectionAreasClone$ === void 0 ? void 0 : _selectionAreasClone$.selectedIndexList) || [type === 'column' ? columnValue : rowValue],
+        indexList: ((_selectionAreasClone$ = selectionAreasClone[indexOfCurrentArea]) === null || _selectionAreasClone$ === undefined || (_selectionAreasClone$ = _selectionAreasClone$.header) === null || _selectionAreasClone$ === undefined ? undefined : _selectionAreasClone$.selectedIndexList) || [type === 'column' ? columnValue : rowValue],
         newIndex: newIndexValue,
-        activeCellIndex: activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]
+        activeCellIndex: activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : 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 === void 0 ? void 0 : activeCellCoordinates[type]);
-      selectionAreasClone[indexOfCurrentArea].point2 = setPoint2(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]);
+      selectionAreasClone[indexOfCurrentArea].point1 = setPoint1(activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates[type]);
+      selectionAreasClone[indexOfCurrentArea].point2 = setPoint2(activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates[type]);
       selectionAreasClone[indexOfCurrentArea].areaCreated = false;
       selectionAreasClone[indexOfCurrentArea].header.selectedIndexList = newIndexList;
       return selectionAreasClone;

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

@@ -6,7 +6,7 @@
  */
 
 import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { deepCloneObject } from '../../../global/js/utils/deepCloneObject.js';
+import { deepCloneObject as _deepCloneObject } from '../../../global/js/utils/deepCloneObject.js';
 import uuidv4 from '../../../global/js/utils/uuidv4.js';
 import { selectAllCells } from './selectAllCells.js';
 
@@ -52,14 +52,14 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     blockClass = _ref.blockClass,
     setCurrentMatcher = _ref.setCurrentMatcher,
     usingMac = _ref.usingMac;
-  var selectionAreasClone = deepCloneObject(selectionAreas);
+  var selectionAreasClone = _deepCloneObject(selectionAreas);
   var indexOfCurrentArea = selectionAreasClone.findIndex(function (item) {
     return item.matcher === currentMatcher;
   });
-  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;
+  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;
   // Down + Shift
   if (includesShift(keysPressedList) && keysPressedList.includes('ArrowDown') && keysPressedList.length === 2) {
-    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') {
+    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') {
       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 === 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') {
+    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') {
       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 === 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') {
+    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') {
       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 === 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') {
+    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') {
       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 === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column
+      column: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column
     };
     var _selectionPoint2 = {
       row: rows.length - 1,
-      column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column
+      column: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.column) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : 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 === 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
+          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
         }
       });
       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 === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
+      row: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row,
       column: 0
     };
     var _selectionPoint4 = {
-      row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row,
+      row: (activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : activeCellCoordinates.row) === 'header' ? 0 : activeCellCoordinates === null || activeCellCoordinates === undefined ? undefined : 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 === 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
+          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
         }
       });
       setCurrentMatcher(_tempMatcher);
@@ -233,7 +233,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     removeCellSelections({
       spreadsheetRef: spreadsheetRef
     });
-    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 lastCellExists = !!rows[(rows === null || rows === undefined ? undefined : rows.length) - 1].cells[(columns === null || columns === undefined ? undefined : 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 === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
+    blockClass = _ref$blockClass === undefined ? "".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 === 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 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 closestCellCoords = closestCell.getBoundingClientRect();
   var indicatorLineElement = ref.current.querySelector(".".concat(blockClass, "__reorder-indicator-line"));
-  var matcherId = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-matcher-id');
+  var matcherId = clonedSelectionElement === null || clonedSelectionElement === undefined ? undefined : 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
@@ -35,7 +35,7 @@ var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
 
   // Is near left side of viewport
   if (clientX < leftEdgeThreshold) {
-    window.scrollBy(-scrollSpeed, 0);
+    window.scrollBy(-10, 0);
   }
 
   // Is near right side of viewport
@@ -45,7 +45,7 @@ var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
 
   // Is near left edge of table
   if (clientX > left && clientX < left + leftEdgeThreshold) {
-    listContainer.scrollBy(-scrollSpeed, 0);
+    listContainer.scrollBy(-10, 0);
   }
 
   // Is near right edge of table

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 === void 0 ? "".concat(pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
+    blockClass = _ref$blockClass === undefined ? "".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 === void 0 ? void 0 : state.filters,
+    filters: state === null || state === undefined ? undefined : 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 === void 0 ? void 0 : filterProps.variation) === 'panel' ? /*#__PURE__*/React__default.createElement("div", {
+  }, getDevtoolsProps(componentName)), (filterProps === null || filterProps === undefined ? undefined : 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 === void 0 ? [] : _datagridState$rows,
+    rows = _datagridState$rows === undefined ? [] : _datagridState$rows,
     withVirtualScroll = datagridState.withVirtualScroll,
     withStickyColumn = datagridState.withStickyColumn;
   if (!isFetching && rows.length === 0) {

package/es/components/Datagrid/Datagrid/DatagridContent.d.ts

@@ -1,6 +1,5 @@
 import '../../../feature-flags';
 import React from 'react';
-import PropTypes from 'prop-types';
 import { DataGridState } from '../types';
 interface DatagridContentProps {
     ariaToolbarLabel?: string;
@@ -10,34 +9,9 @@ interface DatagridContentProps {
 export declare const DatagridContent: {
     ({ datagridState, ariaToolbarLabel, title, }: DatagridContentProps): React.JSX.Element;
     propTypes: {
-        ariaToolbarLabel: PropTypes.Requireable<string>;
-        datagridState: PropTypes.Requireable<PropTypes.InferProps<{
-            getTableProps: PropTypes.Requireable<(...args: any[]) => any>;
-            getFilterFlyoutProps: PropTypes.Requireable<(...args: any[]) => any>;
-            withVirtualScroll: PropTypes.Requireable<boolean>;
-            DatagridActions: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
-            DatagridPagination: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
-            CustomizeColumnsTearsheet: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | ((...args: any[]) => any) | null | undefined>>;
-            isFetching: PropTypes.Requireable<boolean>;
-            skeletonRowCount: PropTypes.Requireable<number>;
-            fullHeightDatagrid: PropTypes.Requireable<boolean>;
-            filterProps: PropTypes.Requireable<object>;
-            variableRowHeight: PropTypes.Requireable<boolean>;
-            useDenseHeader: PropTypes.Requireable<boolean>;
-            withInlineEdit: PropTypes.Requireable<boolean>;
-            verticalAlign: PropTypes.Requireable<string>;
-            gridTitle: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            gridDescription: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-            page: PropTypes.Requireable<(object | null | undefined)[]>;
-            rows: PropTypes.Requireable<(object | null | undefined)[]>;
-            tableId: PropTypes.Requireable<string>;
-            totalColumnsWidth: PropTypes.Requireable<number>;
-            gridRef: PropTypes.Requireable<object>;
-            setAllFilters: PropTypes.Requireable<(...args: any[]) => any>;
-            getFilterProps: PropTypes.Requireable<(...args: any[]) => any>;
-            state: PropTypes.Requireable<object>;
-        }>>;
-        title: PropTypes.Requireable<string>;
+        ariaToolbarLabel: any;
+        datagridState: any;
+        title: any;
     };
 };
 export {};

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

@@ -10,7 +10,7 @@ import '../../../feature-flags.js';
 import React__default, { useContext, useRef, useEffect } from 'react';
 import { TableContainer, Table } from '@carbon/react';
 import { pkg, carbon } from '../../../settings.js';
-import { CLEAR_SINGLE_FILTER, CLEAR_FILTERS } from './addons/Filtering/constants.js';
+import { CLEAR_FILTERS, CLEAR_SINGLE_FILTER } from './addons/Filtering/constants.js';
 import DatagridBody from './DatagridBody.js';
 import DatagridHead from './DatagridHead.js';
 import DatagridToolbar from './DatagridToolbar.js';
@@ -55,7 +55,7 @@ var DatagridContent = function DatagridContent(_ref) {
     filterProps = datagridState.filterProps,
     fullHeightDatagrid = datagridState.fullHeightDatagrid,
     _datagridState$vertic = datagridState.verticalAlign,
-    verticalAlign = _datagridState$vertic === void 0 ? 'center' : _datagridState$vertic,
+    verticalAlign = _datagridState$vertic === undefined ? '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 !== void 0 && featureFlags['enable-datagrid-useEditableCell'] || featureFlags !== null && featureFlags !== void 0 && featureFlags['enable-datagrid-useInlineEdit'])) {
+    if (featureFlags && (featureFlags !== null && featureFlags !== undefined && featureFlags['enable-datagrid-useEditableCell'] || featureFlags !== null && featureFlags !== undefined && 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 === 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),
+    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),
       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 === void 0 ? void 0 : filterProps.variation) === 'panel' && renderPagination());
+    }))), (filterProps === null || filterProps === undefined ? undefined : 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 === 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));
+    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));
     if (gridActive) {
-      gridElement === null || gridElement === void 0 || gridElement.style.setProperty("--".concat(blockClass, "--grid-header-height"), px((tableHeader === null || tableHeader === void 0 ? void 0 : tableHeader.clientHeight) || 0));
+      gridElement === null || gridElement === undefined || gridElement.style.setProperty("--".concat(blockClass, "--grid-header-height"), px((tableHeader === null || tableHeader === undefined ? undefined : 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 === void 0 ? void 0 : filterProps.onClearFilters) === 'function') {
+        if (typeof (filterProps === null || filterProps === undefined ? undefined : filterProps.onClearFilters) === 'function') {
           filterProps.onClearFilters();
         }
       },
-      renderLabel: filterProps === null || filterProps === void 0 ? void 0 : filterProps.renderLabel,
+      renderLabel: filterProps === null || filterProps === undefined ? undefined : filterProps.renderLabel,
       overflowType: "tag"
     });
   };
   var renderPagination = function renderPagination() {
-    if ((contentRows === null || contentRows === void 0 ? void 0 : contentRows.length) > 0 && !isFetching && DatagridPagination) {
+    if ((contentRows === null || contentRows === undefined ? undefined : contentRows.length) > 0 && !isFetching && DatagridPagination) {
       return /*#__PURE__*/React__default.createElement(DatagridPagination, datagridState);
     }
   };
@@ -182,7 +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 === void 0 ? void 0 : filterProps.variation) === 'panel' && /*#__PURE__*/React__default.createElement(FilterPanel, _extends({}, getFilterFlyoutProps === null || getFilterFlyoutProps === void 0 ? void 0 : getFilterFlyoutProps(), {
+  }, (filterProps === null || filterProps === undefined ? undefined : filterProps.variation) === 'panel' && /*#__PURE__*/React__default.createElement(FilterPanel, _extends({
+    updateMethod: undefined,
+    setAllFilters: undefined
+  }, getFilterFlyoutProps === null || getFilterFlyoutProps === undefined ? undefined : getFilterFlyoutProps(), {
     title: filterProps.panelTitle,
     filterSections: filterProps.sections,
     autoHideFilters: filterProps.autoHideFilters,
@@ -194,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 === void 0 ? void 0 : filterProps.variation) !== 'panel' && renderPagination(), CustomizeColumnsTearsheet && /*#__PURE__*/React__default.createElement(CustomizeColumnsTearsheet, {
+  }, renderTable()) : renderTable()))), (filterProps === null || filterProps === undefined ? undefined : 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 === void 0 ? 'noData' : _datagridState$emptyS,
+    emptyStateType = _datagridState$emptyS === undefined ? '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 === void 0 ? void 0 : headers.length,
+    colSpan: headers === null || headers === undefined ? undefined : 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))));
 };