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

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

@@ -1,121 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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) { _defineProperty(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.
- */
-import { getSelectionAreaPoints } from './getSelectionAreaPoints';
-export var handleActiveCellInSelectionEnter = function handleActiveCellInSelectionEnter(_ref) {
-  var activeCellInsideSelectionArea = _ref.activeCellInsideSelectionArea,
-      activeCellCoordinates = _ref.activeCellCoordinates,
-      activeCellRef = _ref.activeCellRef,
-      selectionAreas = _ref.selectionAreas,
-      updateActiveCellCoordinates = _ref.updateActiveCellCoordinates;
-
-  if (!activeCellInsideSelectionArea) {
-    return;
-  }
-
-  var activeCellSelectionId = activeCellRef.current.getAttribute('data-selection-id');
-  var activeCellIndexInSelectionAreas = selectionAreas.findIndex(function (item) {
-    return item.matcher === activeCellSelectionId;
-  });
-  var selectionAreaToNavigate = selectionAreas[activeCellIndexInSelectionAreas];
-
-  var _getSelectionAreaPoin = getSelectionAreaPoints(selectionAreaToNavigate),
-      lowestColumnIndex = _getSelectionAreaPoin.lowestColumnIndex,
-      lowestRowIndex = _getSelectionAreaPoin.lowestRowIndex,
-      greatestColumnIndex = _getSelectionAreaPoin.greatestColumnIndex,
-      greatestRowIndex = _getSelectionAreaPoin.greatestRowIndex; // Move active cell down one row if possible
-
-
-  var coordinatesClone = _objectSpread({}, activeCellCoordinates);
-
-  if ((activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row) < greatestRowIndex) {
-    updateActiveCellCoordinates({
-      coords: coordinatesClone,
-      updatedValue: {
-        row: (coordinatesClone === null || coordinatesClone === void 0 ? void 0 : coordinatesClone.row) + 1
-      },
-      optOutOfSelectionAreaUpdate: true
-    });
-  } // 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) {
-      updateActiveCellCoordinates({
-        coords: coordinatesClone,
-        updatedValue: {
-          column: (coordinatesClone === null || coordinatesClone === void 0 ? void 0 : coordinatesClone.column) + 1,
-          row: lowestRowIndex
-        },
-        optOutOfSelectionAreaUpdate: true
-      });
-    } // 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 (selectionAreas.length > 1) {
-        if (selectionAreas[activeCellIndexInSelectionAreas + 1]) {
-          // Update activeCellRef data-selection-id attribute to the matcher of the next selection area
-          activeCellRef.current.setAttribute('data-selection-id', selectionAreas[activeCellIndexInSelectionAreas + 1].matcher);
-          var nextSelectionArea = selectionAreas[activeCellIndexInSelectionAreas + 1];
-
-          var _getSelectionAreaPoin2 = getSelectionAreaPoints(nextSelectionArea),
-              _lowestColumnIndex = _getSelectionAreaPoin2.lowestColumnIndex,
-              _lowestRowIndex = _getSelectionAreaPoin2.lowestRowIndex;
-
-          updateActiveCellCoordinates({
-            coords: coordinatesClone,
-            updatedValue: {
-              column: _lowestColumnIndex,
-              row: _lowestRowIndex
-            },
-            optOutOfSelectionAreaUpdate: true
-          });
-          return;
-        } else {
-          // There are multiple selection areas and the active cell is in the last one
-          // So we need to move the active cell to the first cell in the first selection area
-          activeCellRef.current.setAttribute('data-selection-id', selectionAreas[0].matcher);
-          var firstSelectionArea = selectionAreas[0];
-
-          var _getSelectionAreaPoin3 = getSelectionAreaPoints(firstSelectionArea),
-              _lowestColumnIndex2 = _getSelectionAreaPoin3.lowestColumnIndex,
-              _lowestRowIndex2 = _getSelectionAreaPoin3.lowestRowIndex;
-
-          updateActiveCellCoordinates({
-            coords: coordinatesClone,
-            updatedValue: {
-              column: _lowestColumnIndex2,
-              row: _lowestRowIndex2
-            },
-            optOutOfSelectionAreaUpdate: true
-          });
-        }
-      } // Only one selection area, go back to first cell in the selection
-
-
-      if (selectionAreas.length === 1) {
-        return updateActiveCellCoordinates({
-          coords: coordinatesClone,
-          updatedValue: {
-            column: lowestColumnIndex,
-            row: lowestRowIndex
-          },
-          optOutOfSelectionAreaUpdate: true
-        });
-      }
-    }
-  }
-};

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

@@ -1,108 +0,0 @@
-/**
- * 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.
- */
-import { getSelectionAreaPoints } from './getSelectionAreaPoints';
-export var handleActiveCellInSelectionTab = function handleActiveCellInSelectionTab(_ref) {
-  var activeCellInsideSelectionArea = _ref.activeCellInsideSelectionArea,
-      activeCellCoordinates = _ref.activeCellCoordinates,
-      activeCellRef = _ref.activeCellRef,
-      selectionAreas = _ref.selectionAreas,
-      updateActiveCellCoordinates = _ref.updateActiveCellCoordinates;
-
-  if (!activeCellInsideSelectionArea) {
-    return;
-  }
-
-  var activeCellSelectionId = activeCellRef.current.getAttribute('data-selection-id');
-  var activeCellIndexInSelectionAreas = selectionAreas.findIndex(function (item) {
-    return item.matcher === activeCellSelectionId;
-  });
-  var selectionAreaToNavigate = selectionAreas[activeCellIndexInSelectionAreas];
-
-  var _getSelectionAreaPoin = getSelectionAreaPoints(selectionAreaToNavigate),
-      lowestColumnIndex = _getSelectionAreaPoin.lowestColumnIndex,
-      lowestRowIndex = _getSelectionAreaPoin.lowestRowIndex,
-      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) {
-    updateActiveCellCoordinates({
-      updatedValue: {
-        column: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column) + 1
-      },
-      optOutOfSelectionAreaUpdate: true
-    });
-  } // 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) {
-      updateActiveCellCoordinates({
-        updatedValue: {
-          column: lowestColumnIndex,
-          row: (activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : 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 (selectionAreas.length > 1) {
-        if (selectionAreas[activeCellIndexInSelectionAreas + 1]) {
-          // Update activeCellRef data-selection-id attribute to the matcher of the next selection area
-          activeCellRef.current.setAttribute('data-selection-id', selectionAreas[activeCellIndexInSelectionAreas + 1].matcher);
-          var nextSelectionArea = selectionAreas[activeCellIndexInSelectionAreas + 1];
-
-          var _getSelectionAreaPoin2 = getSelectionAreaPoints(nextSelectionArea),
-              _lowestColumnIndex = _getSelectionAreaPoin2.lowestColumnIndex,
-              _lowestRowIndex = _getSelectionAreaPoin2.lowestRowIndex;
-
-          updateActiveCellCoordinates({
-            updatedValue: {
-              column: _lowestColumnIndex,
-              row: _lowestRowIndex
-            },
-            optOutOfSelectionAreaUpdate: true
-          });
-          return;
-        } else {
-          // There are multiple selection areas and the active cell is in the last one
-          // So we need to move the active cell to the first cell in the first selection area
-          activeCellRef.current.setAttribute('data-selection-id', selectionAreas[0].matcher);
-          var firstSelectionArea = selectionAreas[0];
-
-          var _getSelectionAreaPoin3 = getSelectionAreaPoints(firstSelectionArea),
-              _lowestColumnIndex2 = _getSelectionAreaPoin3.lowestColumnIndex,
-              _lowestRowIndex2 = _getSelectionAreaPoin3.lowestRowIndex;
-
-          updateActiveCellCoordinates({
-            updatedValue: {
-              column: _lowestColumnIndex2,
-              row: _lowestRowIndex2
-            },
-            optOutOfSelectionAreaUpdate: true
-          });
-        }
-      } // Only one selection area, go back to first cell in the selection
-
-
-      if (selectionAreas.length === 1) {
-        return updateActiveCellCoordinates({
-          updatedValue: {
-            column: lowestColumnIndex,
-            row: lowestRowIndex
-          },
-          optOutOfSelectionAreaUpdate: true
-        });
-      }
-    }
-  }
-};

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

@@ -1,40 +0,0 @@
-/**
- * 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.
- */
-import { deepCloneObject } from '../../../global/js/utils/deepCloneObject';
-import { rangeWithCallback } from '../../../global/js/utils/rangeWithCallback';
-export var handleCellDeletion = function handleCellDeletion(_ref) {
-  var activeCellCoordinates = _ref.activeCellCoordinates,
-      selectionAreas = _ref.selectionAreas,
-      currentMatcher = _ref.currentMatcher,
-      rows = _ref.rows,
-      setActiveCellContent = _ref.setActiveCellContent,
-      updateData = _ref.updateData;
-
-  // 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') {
-    return;
-  }
-
-  var selectionAreaClone = deepCloneObject(selectionAreas);
-  var indexOfCurrentSelectionArea = selectionAreaClone.findIndex(function (item) {
-    return item.matcher === currentMatcher;
-  });
-  var selectionAreaToEmptyContents = selectionAreaClone[indexOfCurrentSelectionArea];
-  var lowestColumnIndex = Math.min(selectionAreaToEmptyContents.point1.column, selectionAreaToEmptyContents.point2.column);
-  var greatestColumnIndex = Math.max(selectionAreaToEmptyContents.point1.column, selectionAreaToEmptyContents.point2.column);
-  var lowestRowIndex = Math.min(selectionAreaToEmptyContents.point1.row, selectionAreaToEmptyContents.point2.row);
-  var greatestRowIndex = Math.max(selectionAreaToEmptyContents.point1.row, selectionAreaToEmptyContents.point2.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, '');
-    });
-  });
-  setActiveCellContent(null);
-};

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

@@ -1,87 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-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) { _defineProperty(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.
- */
-import { removeCellSelections } from './removeCellSelections';
-import uuidv4 from '../../../global/js/utils/uuidv4'; // Update the data
-
-export var handleEditSubmit = function handleEditSubmit(_ref) {
-  var activeCellCoordinates = _ref.activeCellCoordinates,
-      cellEditorRulerRef = _ref.cellEditorRulerRef,
-      columns = _ref.columns,
-      previousState = _ref.previousState,
-      removeCellEditor = _ref.removeCellEditor,
-      rows = _ref.rows,
-      setActiveCellCoordinates = _ref.setActiveCellCoordinates,
-      setCurrentMatcher = _ref.setCurrentMatcher,
-      setSelectionAreas = _ref.setSelectionAreas,
-      spreadsheetRef = _ref.spreadsheetRef,
-      updateData = _ref.updateData;
-  return function (event) {
-    var key = event.key;
-
-    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];
-        removeCellEditor();
-        updateData(prevCoords === null || prevCoords === void 0 ? void 0 : prevCoords.row, cellProps.column.id);
-      };
-
-      removeCellSelections({
-        spreadsheetRef: spreadsheetRef
-      });
-      submitEditChanges();
-      var tempMatcher = uuidv4();
-      var newSelectionArea = {
-        row: type === 'Enter' ? activeCellCoordinates.row === rows.length - 1 ? activeCellCoordinates.row : activeCellCoordinates.row + 1 : activeCellCoordinates.row,
-        column: type === 'Tab' ? activeCellCoordinates.column === columns.length - 1 ? activeCellCoordinates.column : activeCellCoordinates.column + 1 : activeCellCoordinates.column
-      };
-      setSelectionAreas([{
-        point1: newSelectionArea,
-        point2: newSelectionArea,
-        matcher: tempMatcher,
-        areaCreated: false
-      }]);
-      setCurrentMatcher(tempMatcher);
-      cellEditorRulerRef.current.textContent = '';
-    };
-
-    if (key === 'Enter') {
-      updateSelectionAreaOnCellEditSubmit({
-        type: 'Enter'
-      });
-      setActiveCellCoordinates(function (prev) {
-        return _objectSpread(_objectSpread({}, prev), {}, {
-          row: prev.row === rows.length - 1 ? prev.row : prev.row + 1 // do not move to next cell below if we're already in the last row
-
-        });
-      });
-    }
-
-    if (key === 'Tab') {
-      event.preventDefault();
-      updateSelectionAreaOnCellEditSubmit({
-        type: 'Tab'
-      });
-      setActiveCellCoordinates(function (prev) {
-        return _objectSpread(_objectSpread({}, prev), {}, {
-          column: prev.column === columns.length - 1 ? prev.column : prev.column + 1 // do not move to next cell below if we're already in the last column
-
-        });
-      });
-    }
-
-    return;
-  };
-};

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

@@ -1,180 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-
-/**
- * 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.
- */
-import { deepCloneObject } from '../../../global/js/utils/deepCloneObject';
-import uuidv4 from '../../../global/js/utils/uuidv4';
-import { removeCellSelections } from './removeCellSelections';
-import { checkActiveHeaderCell } from './checkActiveHeaderCell';
-
-var getSelectedItemIndexList = function getSelectedItemIndexList(_ref) {
-  var indexList = _ref.indexList,
-      newIndex = _ref.newIndex,
-      activeCellIndex = _ref.activeCellIndex;
-  var lowestIndex = newIndex > activeCellIndex ? activeCellIndex : Math.min.apply(Math, _toConsumableArray(indexList).concat([newIndex]));
-  var highestIndex = newIndex < activeCellIndex ? activeCellIndex : Math.max.apply(Math, _toConsumableArray(indexList).concat([newIndex]));
-  var newIndexList = [];
-
-  for (var i = lowestIndex; i <= highestIndex; i++) {
-    newIndexList.push(i);
-  }
-
-  return [].concat(newIndexList);
-};
-
-export 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;
-
-  if (!isHoldingCommandKey) {
-    setSelectionAreaData([]);
-    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 = {
-    row: type === 'column' ? 0 : rowValue,
-    column: type === 'column' ? columnValue : 0
-  };
-  var point2 = {
-    row: type === 'column' ? rows.length - 1 : rowValue,
-    // going to always be the last row
-    column: type === 'column' ? columnValue : columns.length - 1
-  };
-  var tempMatcher = uuidv4();
-
-  if (!isHoldingShiftKey) {
-    setActiveCellCoordinates({
-      row: type === 'column' ? 0 : rowValue,
-      column: type === 'column' ? columnValue : 0
-    });
-    setCurrentMatcher(tempMatcher);
-  }
-
-  var newSelectionArea = {
-    point1: point1,
-    point2: point2,
-    areaCreated: false,
-    matcher: tempMatcher,
-    header: {
-      type: type,
-      selectedIndexList: [type === 'column' ? columnValue : rowValue]
-    }
-  };
-  setSelectionAreas(function (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;
-      });
-      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 = checkActiveHeaderCell(index, previouslyCreatedHeaderSelection, type); // Prevents row/column header selections from being created multiple times
-
-      if (previouslyCreatedHeaderSelection.length && isHeaderPartOfPreviousSelection) {
-        return prev;
-      }
-
-      return [].concat(_toConsumableArray(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
-
-
-      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 = {
-        row: originalAreaIndex < newIndexValue ? rows.length - 1 : 0,
-        column: columnValue
-      };
-      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 ? void 0 : (_selectionAreasClone$2 = _selectionAreasClone$.header) === null || _selectionAreasClone$2 === void 0 ? void 0 : _selectionAreasClone$2.selectedIndexList) || [type === 'column' ? columnValue : rowValue],
-        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, _toConsumableArray(newIndexList)),
-          column: type === 'column' ? Math.min.apply(Math, _toConsumableArray(newIndexList)) : 0
-        } : newPoint;
-      };
-
-      var setPoint2 = function setPoint2(value) {
-        return value < newIndexValue ? newPoint : {
-          row: type === 'column' ? rows.length - 1 : Math.max.apply(Math, _toConsumableArray(newIndexList)),
-          column: type === 'column' ? Math.max.apply(Math, _toConsumableArray(newIndexList)) : columns.length - 1
-        };
-      }; // 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);
-        var firstSelectionArea = {
-          point1: setPoint1(type === 'column' ? columnValue : rowValue),
-          point2: setPoint2(type === 'column' ? columnValue : rowValue),
-          areaCreated: false,
-          matcher: tempMatcher,
-          header: {
-            type: type,
-            selectedIndexList: [type === 'column' ? columnValue : rowValue]
-          }
-        };
-        setActiveCellCoordinates({
-          row: type === 'column' ? 0 : rowValue,
-          column: type === 'column' ? columnValue : 0
-        });
-        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];
-  });
-};