@carbon/ibm-products 2.0.0-rc.9 → 2.0.1

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

@@ -1,66 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.handleHeaderCellSelection = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
-
 var _uuidv = _interopRequireDefault(require("../../../global/js/utils/uuidv4"));
-
 var _removeCellSelections = require("./removeCellSelections");
-
 var _checkActiveHeaderCell = require("./checkActiveHeaderCell");
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var getSelectedItemIndexList = function getSelectedItemIndexList(_ref) {
   var indexList = _ref.indexList,
-      newIndex = _ref.newIndex,
-      activeCellIndex = _ref.activeCellIndex;
+    newIndex = _ref.newIndex,
+    activeCellIndex = _ref.activeCellIndex;
   var lowestIndex = newIndex > activeCellIndex ? activeCellIndex : Math.min.apply(Math, (0, _toConsumableArray2.default)(indexList).concat([newIndex]));
   var highestIndex = newIndex < activeCellIndex ? activeCellIndex : Math.max.apply(Math, (0, _toConsumableArray2.default)(indexList).concat([newIndex]));
   var newIndexList = [];
-
   for (var i = lowestIndex; i <= highestIndex; i++) {
     newIndexList.push(i);
   }
-
   return [].concat(newIndexList);
 };
-
 var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
   var type = _ref2.type,
-      activeCellCoordinates = _ref2.activeCellCoordinates,
-      rows = _ref2.rows,
-      columns = _ref2.columns,
-      currentMatcher = _ref2.currentMatcher,
-      setActiveCellCoordinates = _ref2.setActiveCellCoordinates,
-      setCurrentMatcher = _ref2.setCurrentMatcher,
-      setSelectionAreas = _ref2.setSelectionAreas,
-      spreadsheetRef = _ref2.spreadsheetRef,
-      index = _ref2.index,
-      isKeyboard = _ref2.isKeyboard,
-      setSelectionAreaData = _ref2.setSelectionAreaData,
-      isHoldingCommandKey = _ref2.isHoldingCommandKey,
-      isHoldingShiftKey = _ref2.isHoldingShiftKey;
-
+    activeCellCoordinates = _ref2.activeCellCoordinates,
+    rows = _ref2.rows,
+    columns = _ref2.columns,
+    currentMatcher = _ref2.currentMatcher,
+    setActiveCellCoordinates = _ref2.setActiveCellCoordinates,
+    setCurrentMatcher = _ref2.setCurrentMatcher,
+    setSelectionAreas = _ref2.setSelectionAreas,
+    spreadsheetRef = _ref2.spreadsheetRef,
+    index = _ref2.index,
+    isKeyboard = _ref2.isKeyboard,
+    setSelectionAreaData = _ref2.setSelectionAreaData,
+    isHoldingCommandKey = _ref2.isHoldingCommandKey,
+    isHoldingShiftKey = _ref2.isHoldingShiftKey;
   if (!isHoldingCommandKey) {
     setSelectionAreaData([]);
     (0, _removeCellSelections.removeCellSelections)({
       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 point1 = {
@@ -73,7 +62,6 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
     column: type === 'column' ? columnValue : columns.length - 1
   };
   var tempMatcher = (0, _uuidv.default)();
-
   if (!isHoldingShiftKey) {
     setActiveCellCoordinates({
       row: type === 'column' ? 0 : rowValue,
@@ -81,7 +69,6 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
     });
     setCurrentMatcher(tempMatcher);
   }
-
   var newSelectionArea = {
     point1: point1,
     point2: point2,
@@ -94,41 +81,32 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
   };
   setSelectionAreas(function (prev) {
     var selectionsClone = (0, _deepCloneObject.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;
       });
       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;
       });
-      var isHeaderPartOfPreviousSelection = (0, _checkActiveHeaderCell.checkActiveHeaderCell)(index, previouslyCreatedHeaderSelection, type); // Prevents row/column header selections from being created multiple times
-
+      var isHeaderPartOfPreviousSelection = (0, _checkActiveHeaderCell.checkActiveHeaderCell)(index, previouslyCreatedHeaderSelection, type);
+      // Prevents row/column header selections from being created multiple times
       if (previouslyCreatedHeaderSelection.length && isHeaderPartOfPreviousSelection) {
         return prev;
       }
-
       return [].concat((0, _toConsumableArray2.default)(prev), [newSelectionArea]);
     }
-
     if (isHoldingShiftKey) {
       var _selectionAreasClone$, _selectionAreasClone$2;
-
       var _selectionsFromHeaderCell = selectionsClone.filter(function (item) {
         var _item$header3;
-
         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
-
-
+      });
+      // 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 newIndexValue = type === 'column' ? columnValue : rowValue;
       var newPoint = {
@@ -144,22 +122,19 @@ var handleHeaderCellSelection = function handleHeaderCellSelection(_ref2) {
         newIndex: newIndexValue,
         activeCellIndex: activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates[type]
       });
-
       var setPoint1 = function setPoint1(value) {
         return value < newIndexValue ? {
           row: type === 'column' ? 0 : Math.min.apply(Math, (0, _toConsumableArray2.default)(newIndexList)),
           column: type === 'column' ? Math.min.apply(Math, (0, _toConsumableArray2.default)(newIndexList)) : 0
         } : newPoint;
       };
-
       var setPoint2 = function setPoint2(value) {
         return value < newIndexValue ? newPoint : {
           row: type === 'column' ? rows.length - 1 : Math.max.apply(Math, (0, _toConsumableArray2.default)(newIndexList)),
           column: type === 'column' ? Math.max.apply(Math, (0, _toConsumableArray2.default)(newIndexList)) : columns.length - 1
         };
-      }; // If there is no active cell set and shift is clicked on a header cell
-
-
+      };
+      // If there is no active cell set and shift is clicked on a header cell
       if (!activeCellCoordinates || typeof activeCellCoordinates === 'undefined') {
         // Need to set positioning of active cell because it doesn't exist yet
         setCurrentMatcher(tempMatcher);
@@ -179,16 +154,13 @@ 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].areaCreated = false;
       selectionAreasClone[indexOfCurrentArea].header.selectedIndexList = newIndexList;
       return selectionAreasClone;
     }
-
     return [newSelectionArea];
   });
 };
-
 exports.handleHeaderCellSelection = handleHeaderCellSelection;

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

@@ -1,90 +1,75 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.includesShift = exports.includesResourceKey = exports.handleMultipleKeys = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
-
 var _uuidv = _interopRequireDefault(require("../../../global/js/utils/uuidv4"));
-
 var _selectAllCells = require("./selectAllCells");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * Copyright IBM Corp. 2022, 2022
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          *
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * This source code is licensed under the Apache-2.0 license found in the
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          * LICENSE file in the root directory of this source tree.
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          */
 var includesResourceKey = function includesResourceKey(arr, usingMac) {
   if (usingMac) {
     return includesMeta(arr);
   }
-
   if (!usingMac) {
     return includesControl(arr);
   }
 };
-
 exports.includesResourceKey = includesResourceKey;
-
 var includesShift = function includesShift(arr) {
   if (arr.includes('ShiftLeft') || arr.includes('ShiftRight')) {
     return true;
   }
-
   return false;
 };
-
 exports.includesShift = includesShift;
-
 var includesMeta = function includesMeta(arr) {
   if (arr.includes('MetaLeft') || arr.includes('MetaRight')) {
     return true;
   }
-
   return false;
 };
-
 var includesControl = function 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;
+    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 = (0, _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; // Down + Shift
-
+  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 === 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 = {
       row: pointToUpdate.row + 1,
       column: pointToUpdate.column
@@ -92,14 +77,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     selectionAreasClone[indexOfCurrentArea].point2 = newPoint;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // Right + Shift
-
-
+  }
+  // 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') {
       return;
     }
-
     var _newPoint = {
       row: pointToUpdate.row,
       column: pointToUpdate.column + 1
@@ -107,14 +90,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     selectionAreasClone[indexOfCurrentArea].point2 = _newPoint;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // Up + Shift
-
-
+  }
+  // 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') {
       return;
     }
-
     var _newPoint2 = {
       row: pointToUpdate.row - 1,
       column: pointToUpdate.column
@@ -122,14 +103,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     selectionAreasClone[indexOfCurrentArea].point2 = _newPoint2;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // Left + Shift
-
-
+  }
+  // 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') {
       return;
     }
-
     var _newPoint3 = {
       row: pointToUpdate.row,
       column: pointToUpdate.column - 1
@@ -137,9 +116,8 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     selectionAreasClone[indexOfCurrentArea].point2 = _newPoint3;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // CMD + a (select all)
-
-
+  }
+  // CMD + a (select all)
   if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('KeyA')) {
     event.preventDefault();
     var selectionPoint1 = {
@@ -149,8 +127,8 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     var selectionPoint2 = {
       row: rows.length - 1,
       column: columns.length - 1
-    }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
-
+    };
+    // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
       (0, _selectAllCells.selectAllCells)({
         ref: spreadsheetRef,
@@ -162,14 +140,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
         updateActiveCellCoordinates: updateActiveCellCoordinates
       });
     }
-
     selectionAreasClone[indexOfCurrentArea].point1 = selectionPoint1;
     selectionAreasClone[indexOfCurrentArea].point2 = selectionPoint2;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // CONTROL + SPACE (Select current column)
-
-
+  }
+  // CONTROL + SPACE (Select current column)
   if (includesControl(keysPressedList) && keysPressedList.includes('Space')) {
     var _selectionPoint = {
       row: 0,
@@ -178,8 +154,8 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     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
-    }; // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
-
+    };
+    // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
       var tempMatcher = (0, _uuidv.default)();
       var newSelectionArea = {
@@ -188,9 +164,7 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
         areaCreated: false,
         matcher: tempMatcher
       };
-
       var coordinatesClone = _objectSpread({}, activeCellCoordinates);
-
       updateActiveCellCoordinates({
         coords: coordinatesClone,
         updatedValue: {
@@ -201,14 +175,12 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
       setCurrentMatcher(tempMatcher);
       return setSelectionAreas([newSelectionArea]);
     }
-
     selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint;
     selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint2;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // Shift + SPACE (Select current row)
-
-
+  }
+  // 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,
@@ -217,20 +189,17 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     var _selectionPoint4 = {
       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
-
+    };
+    // If indexOfCurrentArea is -1, it means the active cell is in a cell header position
     if (indexOfCurrentArea === -1) {
       var _tempMatcher = (0, _uuidv.default)();
-
       var _newSelectionArea = {
         point1: _selectionPoint3,
         point2: _selectionPoint4,
         areaCreated: false,
         matcher: _tempMatcher
       };
-
       var _coordinatesClone = _objectSpread({}, activeCellCoordinates);
-
       updateActiveCellCoordinates({
         coords: _coordinatesClone,
         updatedValue: {
@@ -241,20 +210,17 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
       setCurrentMatcher(_tempMatcher);
       return setSelectionAreas([_newSelectionArea]);
     }
-
     selectionAreasClone[indexOfCurrentArea].point1 = _selectionPoint3;
     selectionAreasClone[indexOfCurrentArea].point2 = _selectionPoint4;
     selectionAreasClone[indexOfCurrentArea].areaCreated = false;
     setSelectionAreas(selectionAreasClone);
-  } // CMD + HOME (Selects first cell in first row)
-
+  }
 
+  // CMD + HOME (Selects first cell in first row)
   if (includesResourceKey(keysPressedList, usingMac) && keysPressedList.includes('Home')) {
     var scrollElement = spreadsheetRef.current.querySelector(".".concat(blockClass, "__list--container"));
     scrollElement.scrollTop = 0;
-
     var _coordinatesClone2 = _objectSpread({}, activeCellCoordinates);
-
     removeCellSelections({
       spreadsheetRef: spreadsheetRef
     });
@@ -265,21 +231,17 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
         row: 0
       }
     });
-  } // CMD + END (Selects last cell in last row)
-
+  }
 
+  // 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 = _objectSpread({}, activeCellCoordinates);
-
     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 updateToLastCell = function updateToLastCell() {
       updateActiveCellCoordinates({
         coords: _coordinatesClone3,
@@ -288,12 +250,11 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
           row: rows.length - 1
         }
       });
-    }; // With the spreadsheet supporting virtualized data, it's possible that the last cell
+    };
+    // With the spreadsheet supporting virtualized data, it's possible that the last cell
     // has never been rendered yet, if that's the case we scroll to the bottom of the spreadsheet
     // and add a timeout to wait for the last row to render to the DOM before updating the active cell coordinates.
     // If we're able to verify that the last row has been rendered, no timeout is used.
-
-
     if (lastCellExists) {
       updateToLastCell();
     } else {
@@ -303,5 +264,4 @@ var handleMultipleKeys = function handleMultipleKeys(_ref) {
     }
   }
 };
-
 exports.handleMultipleKeys = handleMultipleKeys;

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

@@ -4,24 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.moveColumnIndicatorLine = void 0;
-
 var _layout = require("@carbon/layout");
-
 var _settings = require("../../../settings");
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 var 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;
+    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');
@@ -29,18 +27,14 @@ var moveColumnIndicatorLine = function moveColumnIndicatorLine(_ref) {
   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, "\"]"));
-
   if (Number(newColumnIndex) > Number(originalColumnIndex)) {
     indicatorLineElement.style.left = (0, _layout.px)(closestCellCoords.left - spreadsheetCoords.left + closestCell.offsetWidth - 2 + leftScrollAmount);
   }
-
   if (Number(newColumnIndex) < Number(originalColumnIndex)) {
     indicatorLineElement.style.left = (0, _layout.px)(closestCellCoords.left - spreadsheetCoords.left + leftScrollAmount);
   }
-
   if (Number(newColumnIndex) === Number(originalColumnIndex)) {
     indicatorLineElement.style.left = selectionAreaOrigin.style.left;
   }
 };
-
 exports.moveColumnIndicatorLine = moveColumnIndicatorLine;

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

@@ -1,32 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.removeCellSelections = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _settings = require("../../../settings");
-
 /**
  * Copyright IBM Corp. 2022, 2022
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 // 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;
-
+    spreadsheetRef = _ref.spreadsheetRef,
+    _ref$blockClass = _ref.blockClass,
+    blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
   if (matcher && typeof matcher === 'string') {
     var selectionToRemove = spreadsheetRef.current.querySelector("[data-matcher-id=\"".concat(matcher, "\"]"));
-
     if (selectionToRemove) {
       selectionToRemove.remove();
     }
@@ -37,5 +32,4 @@ var removeCellSelections = function removeCellSelections(_ref) {
     });
   }
 };
-
 exports.removeCellSelections = removeCellSelections;