@carbon/ibm-products 2.65.0 → 2.66.0

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

@@ -7,12 +7,11 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 var selectAllCells = require('./selectAllCells.js');
 
-var includesResourceKey = function includesResourceKey(arr, usingMac) {
+const includesResourceKey = (arr, usingMac) => {
   if (usingMac) {
     return includesMeta(arr);
   }
@@ -20,51 +19,50 @@ var includesResourceKey = function includesResourceKey(arr, usingMac) {
     return includesControl(arr);
   }
 };
-var includesShift = function includesShift(arr) {
+const includesShift = arr => {
   if (arr.includes('ShiftLeft') || arr.includes('ShiftRight')) {
     return true;
   }
   return false;
 };
-var includesMeta = function includesMeta(arr) {
+const includesMeta = arr => {
   if (arr.includes('MetaLeft') || arr.includes('MetaRight')) {
     return true;
   }
   return false;
 };
-var includesControl = function includesControl(arr) {
+const includesControl = arr => {
   if (arr.includes('ControlLeft') || arr.includes('ControlRight')) {
     return true;
   }
   return false;
 };
-var handleMultipleKeys = function handleMultipleKeys(_ref) {
-  var _selectionAreasClone$, _selectionAreasClone$2, _selectionAreasClone$3;
-  var activeCellCoordinates = _ref.activeCellCoordinates,
-    event = _ref.event,
-    keysPressedList = _ref.keysPressedList,
-    selectionAreas = _ref.selectionAreas,
-    currentMatcher = _ref.currentMatcher,
-    rows = _ref.rows,
-    setSelectionAreas = _ref.setSelectionAreas,
-    columns = _ref.columns,
-    updateActiveCellCoordinates = _ref.updateActiveCellCoordinates,
-    spreadsheetRef = _ref.spreadsheetRef,
-    removeCellSelections = _ref.removeCellSelections,
-    blockClass = _ref.blockClass,
-    setCurrentMatcher = _ref.setCurrentMatcher,
-    usingMac = _ref.usingMac;
-  var selectionAreasClone = deepCloneObject.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;
+const handleMultipleKeys = _ref => {
+  let {
+    activeCellCoordinates,
+    event,
+    keysPressedList,
+    selectionAreas,
+    currentMatcher,
+    rows,
+    setSelectionAreas,
+    columns,
+    updateActiveCellCoordinates,
+    spreadsheetRef,
+    removeCellSelections,
+    blockClass,
+    setCurrentMatcher,
+    usingMac
+  } = _ref;
+  const selectionAreasClone = deepCloneObject.deepCloneObject(selectionAreas);
+  const indexOfCurrentArea = selectionAreasClone.findIndex(item => item.matcher === currentMatcher);
+  const pointToUpdate = selectionAreasClone[indexOfCurrentArea]?.point2 ? selectionAreasClone[indexOfCurrentArea]?.point2 : selectionAreasClone[indexOfCurrentArea]?.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?.row || activeCellCoordinates?.row === 'header' || activeCellCoordinates?.column === 'header') {
       return;
     }
-    var newPoint = {
+    const newPoint = {
       row: pointToUpdate.row + 1,
       column: pointToUpdate.column
     };
@@ -74,51 +72,51 @@ 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?.column || activeCellCoordinates?.row === 'header' || activeCellCoordinates?.column === 'header') {
       return;
     }
-    var _newPoint = {
+    const newPoint = {
       row: pointToUpdate.row,
       column: pointToUpdate.column + 1
     };
-    selectionAreasClone[indexOfCurrentArea].point2 = _newPoint;
+    selectionAreasClone[indexOfCurrentArea].point2 = newPoint;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
   }
   // 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?.row === 0 || activeCellCoordinates?.row === 'header' || activeCellCoordinates?.column === 'header') {
       return;
     }
-    var _newPoint2 = {
+    const newPoint = {
       row: pointToUpdate.row - 1,
       column: pointToUpdate.column
     };
-    selectionAreasClone[indexOfCurrentArea].point2 = _newPoint2;
+    selectionAreasClone[indexOfCurrentArea].point2 = newPoint;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
   }
   // 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?.column === 0 || activeCellCoordinates?.row === 'header' || activeCellCoordinates?.column === 'header') {
       return;
     }
-    var _newPoint3 = {
+    const newPoint = {
       row: pointToUpdate.row,
       column: pointToUpdate.column - 1
     };
-    selectionAreasClone[indexOfCurrentArea].point2 = _newPoint3;
+    selectionAreasClone[indexOfCurrentArea].point2 = newPoint;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
   }
   // CMD + a (select all)
   if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('KeyA')) {
     event.preventDefault();
-    var selectionPoint1 = {
+    const selectionPoint1 = {
       row: 0,
       column: 0
     };
-    var selectionPoint2 = {
+    const selectionPoint2 = {
       row: rows.length - 1,
       column: columns.length - 1
     };
@@ -126,12 +124,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     if (indexOfCurrentArea === -1) {
       selectAllCells.selectAllCells({
         ref: spreadsheetRef,
-        setCurrentMatcher: setCurrentMatcher,
-        setSelectionAreas: setSelectionAreas,
-        rows: rows,
-        columns: columns,
-        activeCellCoordinates: activeCellCoordinates,
-        updateActiveCellCoordinates: updateActiveCellCoordinates
+        setCurrentMatcher,
+        setSelectionAreas,
+        rows,
+        columns,
+        activeCellCoordinates,
+        updateActiveCellCoordinates
       });
     }
     selectionAreasClone[indexOfCurrentArea].point1 = selectionPoint1;
@@ -141,85 +139,91 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
   }
   // CONTROL + SPACE (Select current column)
   if (includesControl(keysPressedList) && keysPressedList.includes('Space')) {
-    var _selectionPoint = {
+    const selectionPoint1 = {
       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?.column === 'header' ? 0 : activeCellCoordinates?.column
     };
-    var _selectionPoint2 = {
+    const 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?.column === 'header' ? 0 : activeCellCoordinates?.column
     };
     // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
-      var tempMatcher = uuidv4.default();
-      var newSelectionArea = {
-        point1: _selectionPoint,
-        point2: _selectionPoint2,
+      const tempMatcher = uuidv4.default();
+      const newSelectionArea = {
+        point1: selectionPoint1,
+        point2: selectionPoint2,
         areaCreated: false,
         matcher: tempMatcher
       };
-      var coordinatesClone = _rollupPluginBabelHelpers.objectSpread2({}, activeCellCoordinates);
+      const coordinatesClone = {
+        ...activeCellCoordinates
+      };
       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?.column === 'header' ? 0 : activeCellCoordinates?.column,
+          row: activeCellCoordinates?.row === 'header' ? 0 : activeCellCoordinates?.row
         }
       });
       setCurrentMatcher(tempMatcher);
       return setSelectionAreas([newSelectionArea]);
     }
-    selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint;
-    selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint2;
+    selectionAreasClone[indexOfCurrentArea].point1 = selectionPoint1;
+    selectionAreasClone[indexOfCurrentArea].point2 = selectionPoint2;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
   }
   // 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,
+    const selectionPoint1 = {
+      row: activeCellCoordinates?.row === 'header' ? 0 : 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,
+    const selectionPoint2 = {
+      row: activeCellCoordinates?.row === 'header' ? 0 : activeCellCoordinates?.row,
       column: columns.length - 1
     };
     // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
-      var _tempMatcher = uuidv4.default();
-      var _newSelectionArea = {
-        point1: _selectionPoint3,
-        point2: _selectionPoint4,
+      const tempMatcher = uuidv4.default();
+      const newSelectionArea = {
+        point1: selectionPoint1,
+        point2: selectionPoint2,
         areaCreated: false,
-        matcher: _tempMatcher
+        matcher: tempMatcher
+      };
+      const coordinatesClone = {
+        ...activeCellCoordinates
       };
-      var _coordinatesClone = _rollupPluginBabelHelpers.objectSpread2({}, activeCellCoordinates);
       updateActiveCellCoordinates({
-        coords: _coordinatesClone,
+        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?.column === 'header' ? 0 : activeCellCoordinates?.column,
+          row: activeCellCoordinates?.row === 'header' ? 0 : activeCellCoordinates?.row
         }
       });
-      setCurrentMatcher(_tempMatcher);
-      return setSelectionAreas([_newSelectionArea]);
+      setCurrentMatcher(tempMatcher);
+      return setSelectionAreas([newSelectionArea]);
     }
-    selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint3;
-    selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint4;
+    selectionAreasClone[indexOfCurrentArea].point1 = selectionPoint1;
+    selectionAreasClone[indexOfCurrentArea].point2 = selectionPoint2;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
   }
 
   // CMD + HOME (Selects first cell in first row)
   if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('Home')) {
-    var scrollElement = spreadsheetRef.current.querySelector(".".concat(blockClass, "__list--container"));
+    const scrollElement = spreadsheetRef.current.querySelector(`.${blockClass}__list--container`);
     scrollElement.scrollTop = 0;
-    var _coordinatesClone2 = _rollupPluginBabelHelpers.objectSpread2({}, activeCellCoordinates);
+    const coordinatesClone = {
+      ...activeCellCoordinates
+    };
     removeCellSelections({
-      spreadsheetRef: spreadsheetRef
+      spreadsheetRef
     });
     updateActiveCellCoordinates({
-      coords: _coordinatesClone2,
+      coords: coordinatesClone,
       updatedValue: {
         column: 0,
         row: 0
@@ -229,16 +233,18 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
 
   // CMD + END (Selects last cell in last row)
   if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('End')) {
-    var _scrollElement = spreadsheetRef.current.querySelector(".".concat(blockClass, "__list--container"));
-    _scrollElement.scrollTop = _scrollElement.scrollHeight;
-    var _coordinatesClone3 = _rollupPluginBabelHelpers.objectSpread2({}, activeCellCoordinates);
+    const scrollElement = spreadsheetRef.current.querySelector(`.${blockClass}__list--container`);
+    scrollElement.scrollTop = scrollElement.scrollHeight;
+    const coordinatesClone = {
+      ...activeCellCoordinates
+    };
     removeCellSelections({
-      spreadsheetRef: 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 updateToLastCell = function updateToLastCell() {
+    const lastCellExists = !!rows[rows?.length - 1].cells[columns?.length - 1];
+    const updateToLastCell = () => {
       updateActiveCellCoordinates({
-        coords: _coordinatesClone3,
+        coords: coordinatesClone,
         updatedValue: {
           column: columns.length - 1,
           row: rows.length - 1
@@ -252,7 +258,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     if (lastCellExists) {
       updateToLastCell();
     } else {
-      setTimeout(function () {
+      setTimeout(() => {
         updateToLastCell();
       }, 1000);
     }

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

@@ -10,30 +10,33 @@
 var layout = require('@carbon/layout');
 var settings = require('../../../settings.js');
 
-var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
-  var _ref$blockClass = _ref.blockClass,
-    blockClass = _ref$blockClass === void 0 ? "".concat(settings.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 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 selectionAreaOrigin = ref.current.querySelector("[data-matcher-id=\"".concat(matcherId, "\"]"));
-  var listContainer = ref.current.querySelector(".".concat(blockClass, "__list--container"));
-  var scrollSpeed = 10; // Scrolling speed
-  var leftEdgeThreshold = 120; // Distance from the left edge to start scrolling
-  var rightEdgeThreshold = 100; // Distance from the right edge to start scrolling
+const moveColumnIndicatorLine = _ref => {
+  let {
+    blockClass = `${settings.pkg.prefix}--data-spreadsheet`,
+    clonedSelectionElement,
+    ref,
+    spreadsheetCoords,
+    leftScrollAmount
+  } = _ref;
+  const closestCell = event.target.closest(`.${blockClass}--interactive-cell-element`);
+  const newColumnIndex = closestCell?.getAttribute('data-column-index');
+  const originalColumnIndex = clonedSelectionElement?.getAttribute('data-column-index-original');
+  const closestCellCoords = closestCell.getBoundingClientRect();
+  const indicatorLineElement = ref.current.querySelector(`.${blockClass}__reorder-indicator-line`);
+  const matcherId = clonedSelectionElement?.getAttribute('data-matcher-id');
+  const selectionAreaOrigin = ref.current.querySelector(`[data-matcher-id="${matcherId}"]`);
+  const listContainer = ref.current.querySelector(`.${blockClass}__list--container`);
+  const scrollSpeed = 10; // Scrolling speed
+  const leftEdgeThreshold = 120; // Distance from the left edge to start scrolling
+  const rightEdgeThreshold = 100; // Distance from the right edge to start scrolling
 
-  var _event = event,
-    clientX = _event.clientX;
-  var _listContainer$getBou = listContainer.getBoundingClientRect(),
-    left = _listContainer$getBou.left,
-    right = _listContainer$getBou.right;
+  const {
+    clientX
+  } = event;
+  const {
+    left,
+    right
+  } = listContainer.getBoundingClientRect();
 
   // Is near left side of viewport
   if (clientX < leftEdgeThreshold) {
@@ -55,12 +58,12 @@ var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
     listContainer.scrollBy(scrollSpeed, 0);
   }
   if (Number(newColumnIndex) > Number(originalColumnIndex)) {
-    var leftPosition = closestCellCoords.left - spreadsheetCoords.left + closestCell.offsetWidth - 2 + leftScrollAmount;
+    const leftPosition = closestCellCoords.left - spreadsheetCoords.left + closestCell.offsetWidth - 2 + leftScrollAmount;
     indicatorLineElement.style.left = layout.px(leftPosition);
   }
   if (Number(newColumnIndex) < Number(originalColumnIndex)) {
-    var _leftPosition = closestCellCoords.left - spreadsheetCoords.left + leftScrollAmount;
-    indicatorLineElement.style.left = layout.px(_leftPosition);
+    const leftPosition = closestCellCoords.left - spreadsheetCoords.left + leftScrollAmount;
+    indicatorLineElement.style.left = layout.px(leftPosition);
   }
   if (Number(newColumnIndex) === Number(originalColumnIndex)) {
     indicatorLineElement.style.left = selectionAreaOrigin.style.left;

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

@@ -7,25 +7,23 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var settings = require('../../../settings.js');
 
 // Removes the cell selection elements
-var removeCellSelections = function removeCellSelections(_ref) {
-  var matcher = _ref.matcher,
-    spreadsheetRef = _ref.spreadsheetRef,
-    _ref$blockClass = _ref.blockClass,
-    blockClass = _ref$blockClass === void 0 ? "".concat(settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
+const removeCellSelections = _ref => {
+  let {
+    matcher,
+    spreadsheetRef,
+    blockClass = `${settings.pkg.prefix}--data-spreadsheet`
+  } = _ref;
   if (matcher && typeof matcher === 'string') {
-    var selectionToRemove = spreadsheetRef.current.querySelector("[data-matcher-id=\"".concat(matcher, "\"]"));
+    const selectionToRemove = spreadsheetRef.current.querySelector(`[data-matcher-id="${matcher}"]`);
     if (selectionToRemove) {
       selectionToRemove.remove();
     }
   } else {
-    var cellSelections = spreadsheetRef.current.querySelectorAll(".".concat(blockClass, "__selection-area--element"));
-    _rollupPluginBabelHelpers.toConsumableArray(cellSelections).forEach(function (element) {
-      return element.remove();
-    });
+    const cellSelections = spreadsheetRef.current.querySelectorAll(`.${blockClass}__selection-area--element`);
+    [...cellSelections].forEach(element => element.remove());
   }
 };
 

package/lib/components/DataSpreadsheet/utils/selectAllCells.js

@@ -7,37 +7,40 @@
 
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
 var removeCellSelections = require('./removeCellSelections.js');
 var uuidv4 = require('../../../global/js/utils/uuidv4.js');
 
-var selectAllCells = function selectAllCells(_ref) {
-  var activeCellCoordinates = _ref.activeCellCoordinates,
-    columns = _ref.columns,
-    setCurrentMatcher = _ref.setCurrentMatcher,
-    setSelectionAreas = _ref.setSelectionAreas,
-    ref = _ref.ref,
-    rows = _ref.rows,
-    updateActiveCellCoordinates = _ref.updateActiveCellCoordinates;
+const selectAllCells = _ref => {
+  let {
+    activeCellCoordinates,
+    columns,
+    setCurrentMatcher,
+    setSelectionAreas,
+    ref,
+    rows,
+    updateActiveCellCoordinates
+  } = _ref;
   removeCellSelections.removeCellSelections({
     spreadsheetRef: ref
   });
-  var selectionPoint1 = {
+  const selectionPoint1 = {
     row: 0,
     column: 0
   };
-  var selectionPoint2 = {
+  const selectionPoint2 = {
     row: rows.length - 1,
     column: columns.length - 1
   };
-  var tempMatcher = uuidv4.default();
-  var newSelectionArea = {
+  const tempMatcher = uuidv4.default();
+  const newSelectionArea = {
     point1: selectionPoint1,
     point2: selectionPoint2,
     areaCreated: false,
     matcher: tempMatcher
   };
-  var coordinatesClone = _rollupPluginBabelHelpers.objectSpread2({}, activeCellCoordinates);
+  const coordinatesClone = {
+    ...activeCellCoordinates
+  };
   updateActiveCellCoordinates({
     coords: coordinatesClone,
     updatedValue: {

package/lib/components/Datagrid/Datagrid/Datagrid.js

@@ -18,50 +18,53 @@ var DatagridContent = require('./DatagridContent.js');
 var FilterProvider = require('./addons/Filtering/FilterProvider.js');
 var InlineEditContext = require('./addons/InlineEdit/InlineEditContext/InlineEditContext.js');
 
-var _excluded = ["datagridState", "ariaToolbarLabel"];
-var blockClass = "".concat(settings.pkg.prefix, "--datagrid");
-var componentName = 'Datagrid';
+const blockClass = `${settings.pkg.prefix}--datagrid`;
+const componentName = 'Datagrid';
 /**
  * The `Datagrid` component is an extension of Carbon's DataTable component. At the most basic level, the `Datagrid` component takes in columns and rows and renders a data table. There is a set of data table extensions which this component provides support for, these can be found [here](https://pages.github.ibm.com/carbon/ibm-products/components/datagrid/overview/). This component is data driven and allows you to choose what pieces will be included based on the hooks/plugins that are provided.
  * @deprecated
  */
-exports.Datagrid = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var datagridState = _ref.datagridState,
-    ariaToolbarLabel = _ref.ariaToolbarLabel,
-    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+exports.Datagrid = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    datagridState,
+    ariaToolbarLabel,
+    ...rest
+  } = _ref;
   if (!datagridState) {
     pconsole.default.warn('Datagrid was not passed datagridState which is required to render this component.');
     return;
   }
-  var withVirtualScroll = datagridState.withVirtualScroll,
-    DatagridPagination = datagridState.DatagridPagination,
-    isFetching = datagridState.isFetching,
-    tableId = datagridState.tableId,
-    filterProps = datagridState.filterProps,
-    className = datagridState.className,
-    state = datagridState.state;
-  var rows = DatagridPagination && datagridState.page || datagridState.rows;
-  var props = {
-    datagridState: datagridState,
-    ariaToolbarLabel: ariaToolbarLabel
+  const {
+    withVirtualScroll,
+    DatagridPagination,
+    isFetching,
+    tableId,
+    filterProps,
+    className,
+    state
+  } = datagridState;
+  const rows = DatagridPagination && datagridState.page || datagridState.rows;
+  const props = {
+    datagridState,
+    ariaToolbarLabel
   };
   return /*#__PURE__*/React.createElement(FilterProvider.FilterProvider, {
-    filters: state === null || state === void 0 ? void 0 : state.filters,
+    filters: state?.filters,
     filterProps: filterProps,
     tableId: tableId
   }, /*#__PURE__*/React.createElement(InlineEditContext.InlineEditProvider, null, /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.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") : '')
-  }, devtools.getDevtoolsProps(componentName)), (filterProps === null || filterProps === void 0 ? void 0 : filterProps.variation) === 'panel' ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(blockClass, "__datagridWithPanel ").concat(blockClass, "__displayFlex")
+    className: cx(className, blockClass, withVirtualScroll ? `${blockClass}__datagridWrap` : `${blockClass}__datagridWrap-simple`, !isFetching && rows.length === 0 ? `${blockClass}__empty-state` : '')
+  }, devtools.getDevtoolsProps(componentName)), filterProps?.variation === 'panel' ? /*#__PURE__*/React.createElement("div", {
+    className: `${blockClass}__datagridWithPanel ${blockClass}__displayFlex`
   }, /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props)) : /*#__PURE__*/React.createElement(DatagridContent.DatagridContent, props))));
 });
 
 /**@ts-ignore*/
 exports.Datagrid.deprecated = {
   level: 'warn',
-  details: "For more information, please refer to the migration docs https://github.com/carbon-design-system/tanstack-carbon"
+  details: `For more information, please refer to the migration docs https://github.com/carbon-design-system/tanstack-carbon`
 };
 
 // Return a placeholder if not released and not enabled by feature flag

package/lib/components/Datagrid/Datagrid/DatagridBody.js

@@ -15,12 +15,13 @@ var DatagridVirtualBody = require('./DatagridVirtualBody.js');
 var DatagridSimpleBody = require('./DatagridSimpleBody.js');
 var DatagridRefBody = require('./DatagridRefBody.js');
 
-var DatagridBody = function DatagridBody(datagridState) {
-  var isFetching = datagridState.isFetching,
-    _datagridState$rows = datagridState.rows,
-    rows = _datagridState$rows === void 0 ? [] : _datagridState$rows,
-    withVirtualScroll = datagridState.withVirtualScroll,
-    withStickyColumn = datagridState.withStickyColumn;
+const DatagridBody = datagridState => {
+  const {
+    isFetching,
+    rows = [],
+    withVirtualScroll,
+    withStickyColumn
+  } = datagridState;
   if (!isFetching && rows.length === 0) {
     return /*#__PURE__*/React.createElement(DatagridEmptyBody.default, datagridState);
   }