@carbon/ibm-products 2.80.0 → 2.81.0-rc.0

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

@@ -1,260 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var settings = require('../../../settings.js');
-var checkForHoldingKey = require('./checkForHoldingKey.js');
-var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
-var uuidv4 = require('../../../global/js/utils/uuidv4.js');
-var removeCellSelections = require('./removeCellSelections.js');
-var handleHeaderCellSelection = require('./handleHeaderCellSelection.js');
-var handleMultipleKeys = require('./handleMultipleKeys.js');
-var handleActiveCellInSelectionEnter = require('./handleActiveCellInSelectionEnter.js');
-var handleActiveCellInSelectionTab = require('./handleActiveCellInSelectionTab.js');
-var handleCellDeletion = require('./handleCellDeletion.js');
-
-const blockClass = `${settings.pkg.prefix}--data-spreadsheet`;
-
-// onClick fn for each cell in the data spreadsheet body,
-// adds the active cell highlight
-
-const handleBodyCellClick = function (cell, columnIndex, event) {
-  for (var _len = arguments.length, rest = new Array(_len > 3 ? _len - 3 : 0), _key = 3; _key < _len; _key++) {
-    rest[_key - 3] = arguments[_key];
-  }
-  const [currentMatcher, activeCellCoordinates, selectionAreas, setActiveCellCoordinates, setSelectionAreas, setContainerHasFocus, setClickAndHoldActive, setCurrentMatcher, ref, setSelectionAreaData, setActiveCellInsideSelectionArea, activeCellRef, setValidStartingPoint] = rest;
-  event.preventDefault();
-  const closestBodyCell = event.target.closest(`.${blockClass}__body--td`);
-  const isValidSelectionAreaStart = closestBodyCell.classList.contains(`${blockClass}__body--td`);
-  setValidStartingPoint(isValidSelectionAreaStart);
-  const isHoldingCommandKey = checkForHoldingKey.checkForHoldingKey(event, 'cmd');
-  const isHoldingShiftKey = checkForHoldingKey.checkForHoldingKey(event, 'shiftKey');
-  setContainerHasFocus(true);
-  const activeCoordinates = {
-    row: cell.row.index,
-    column: columnIndex
-  };
-  const tempMatcher = uuidv4.default();
-  setClickAndHoldActive(true);
-
-  // prevent multiple selections unless cmd key is held
-  // meaning that selectionAreas should only have one item by default
-  if (isHoldingCommandKey) {
-    const activeCellElement = ref.current.querySelector(`.${blockClass}__active-cell--highlight`);
-    activeCellElement.setAttribute('data-selection-id', tempMatcher);
-    setActiveCellInsideSelectionArea(true);
-    setActiveCellCoordinates(activeCoordinates);
-    setCurrentMatcher(tempMatcher);
-    setSelectionAreas(prev => [...prev, {
-      point1: activeCoordinates,
-      matcher: tempMatcher
-    }]);
-  } else if (isHoldingShiftKey) {
-    setContainerHasFocus(true);
-    const selectionAreaClone = deepCloneObject.deepCloneObject(selectionAreas);
-    const indexOfItemToUpdate = selectionAreaClone.findIndex(item => item.matcher === currentMatcher);
-    if (indexOfItemToUpdate === -1) {
-      // There is always a selectionArea with a point1 object that updates
-      // whenever the activeCellCoordinates update, we should always be able
-      // to find an index, but if we do not for some reason we should return
-      // at this point.
-      return;
-    } else {
-      // Update the selectionArea that was found, do not update currentMatcher
-      selectionAreaClone[indexOfItemToUpdate].point1 = activeCellCoordinates;
-      selectionAreaClone[indexOfItemToUpdate].point2 = activeCoordinates;
-      selectionAreaClone[indexOfItemToUpdate].areaCreated = false;
-      selectionAreaClone[indexOfItemToUpdate].matcher = currentMatcher;
-      setSelectionAreas(selectionAreaClone);
-    }
-  } else {
-    activeCellRef.current.style.display = 'none';
-    setActiveCellInsideSelectionArea(false);
-    setActiveCellCoordinates(activeCoordinates);
-    // remove all previous cell selections
-    removeCellSelections.removeCellSelections({
-      spreadsheetRef: ref
-    });
-    setSelectionAreas([{
-      point1: activeCoordinates,
-      matcher: tempMatcher
-    }]);
-    setCurrentMatcher(tempMatcher);
-    setSelectionAreaData([]);
-  }
-};
-const handleBodyCellHover = function (cell, columnIndex) {
-  for (var _len2 = arguments.length, rest = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
-    rest[_key2 - 2] = arguments[_key2];
-  }
-  const [clickAndHoldActive, currentMatcher, setSelectionAreas] = rest;
-  if (clickAndHoldActive) {
-    const cellCoordinates = {
-      row: cell.row.index,
-      column: columnIndex
-    };
-    setSelectionAreas(prev => {
-      const selectionAreaClone = deepCloneObject.deepCloneObject(prev);
-      const indexOfItemToUpdate = selectionAreaClone.findIndex(item => item.matcher === currentMatcher);
-      // No items in the array match up with the currentMatcher value
-      if (indexOfItemToUpdate === -1) {
-        return prev;
-      }
-      // Do not update state if you're still hovering on the same cell
-      if (selectionAreaClone[indexOfItemToUpdate].point2?.row === cellCoordinates.row && selectionAreaClone[indexOfItemToUpdate].point2?.column === cellCoordinates.column) {
-        return prev;
-      }
-      selectionAreaClone[indexOfItemToUpdate].point2 = cellCoordinates;
-      selectionAreaClone[indexOfItemToUpdate].areaCreated = false;
-      return selectionAreaClone;
-    });
-  }
-};
-const handleRowHeaderClick = function (index, event) {
-  for (var _len3 = arguments.length, rest = new Array(_len3 > 2 ? _len3 - 2 : 0), _key3 = 2; _key3 < _len3; _key3++) {
-    rest[_key3 - 2] = arguments[_key3];
-  }
-  const [columns, ref, setSelectionAreas, setCurrentMatcher, setActiveCellCoordinates, activeCellCoordinates, rows, setSelectionAreaData] = rest;
-  const isHoldingCommandKey = checkForHoldingKey.checkForHoldingKey(event, 'cmd');
-  handleHeaderCellSelection.handleHeaderCellSelection({
-    type: 'row',
-    activeCellCoordinates,
-    rows,
-    columns,
-    setActiveCellCoordinates,
-    setCurrentMatcher,
-    setSelectionAreas,
-    spreadsheetRef: ref,
-    index,
-    setSelectionAreaData,
-    isHoldingCommandKey
-  });
-};
-const handleKeyPress = function (event) {
-  for (var _len4 = arguments.length, rest = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
-    rest[_key4 - 1] = arguments[_key4];
-  }
-  const [activeCellInsideSelectionArea, updateActiveCellCoordinates, activeCellCoordinates, removeActiveCell, columns, rows, spreadsheetRef, currentMatcher, removeCellEditor, selectionAreas, handleHomeEndKey, keysPressedList, usingMac, updateData, checkForReturnCondition, handleArrowKeyPress, setSelectionAreas, setSelectionAreaData, setCurrentMatcher, activeCellRef, setActiveCellCoordinates, setContainerHasFocus, setActiveCellContent] = rest;
-  const {
-    key
-  } = event;
-  // Command keys need to be returned as there is default browser behavior with these keys
-  // Needs to be returned in editing mode
-  if (checkForReturnCondition(key)) {
-    return;
-  }
-
-  // Clear out all cell selection areas if user uses any arrow key, except if the shift key is being held
-  if (['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].indexOf(key) > -1) {
-    if (selectionAreas?.length && keysPressedList.length < 2 && !handleMultipleKeys.includesShift(keysPressedList)) {
-      setSelectionAreas([]);
-      setSelectionAreaData([]);
-      removeCellSelections.removeCellSelections({
-        spreadsheetRef
-      });
-    }
-  }
-  if (keysPressedList?.length > 1) {
-    handleMultipleKeys.handleMultipleKeys({
-      activeCellCoordinates,
-      event,
-      keysPressedList,
-      selectionAreas,
-      currentMatcher,
-      rows,
-      setSelectionAreas,
-      columns,
-      updateActiveCellCoordinates,
-      spreadsheetRef,
-      removeCellSelections: removeCellSelections.removeCellSelections,
-      blockClass,
-      setCurrentMatcher,
-      usingMac
-    });
-  }
-
-  // Allow arrow key navigation if there are less than two activeKeys OR
-  // if one of the activeCellCoordinates is in a header position
-  // Prevent arrow keys, home key, and end key from scrolling the page when the data spreadsheet container has focus
-
-  if (keysPressedList.length < 2 && !handleMultipleKeys.includesShift(keysPressedList) || activeCellCoordinates.row === 'header' || activeCellCoordinates.column === 'header') {
-    switch (key) {
-      case 'Backspace':
-      case 'Delete':
-        {
-          const deleteParams = {
-            selectionAreas,
-            currentMatcher,
-            rows,
-            setActiveCellContent,
-            updateData,
-            activeCellCoordinates
-          };
-          handleCellDeletion.handleCellDeletion(deleteParams);
-          break;
-        }
-      // Enter
-      case 'Enter':
-        {
-          handleActiveCellInSelectionEnter.handleActiveCellInSelectionEnter({
-            activeCellInsideSelectionArea,
-            activeCellCoordinates,
-            activeCellRef,
-            selectionAreas,
-            updateActiveCellCoordinates
-          });
-          break;
-        }
-      // HOME
-      case 'Home':
-      case 'End':
-        {
-          event.preventDefault();
-          if (handleMultipleKeys.includesResourceKey(keysPressedList, usingMac)) {
-            return;
-          }
-          handleHomeEndKey({
-            type: key
-          });
-          break;
-        }
-      // Tab
-      case 'Tab':
-        {
-          if (activeCellInsideSelectionArea) {
-            event.preventDefault();
-            return handleActiveCellInSelectionTab.handleActiveCellInSelectionTab({
-              activeCellInsideSelectionArea,
-              activeCellCoordinates,
-              activeCellRef,
-              selectionAreas,
-              updateActiveCellCoordinates
-            });
-          }
-          setSelectionAreas([]);
-          removeActiveCell();
-          removeCellEditor();
-          setContainerHasFocus(false);
-          setActiveCellCoordinates(null);
-          break;
-        }
-      case 'ArrowLeft':
-      case 'ArrowUp':
-      case 'ArrowRight':
-      case 'ArrowDown':
-        {
-          handleArrowKeyPress(key);
-        }
-    }
-  }
-};
-
-exports.handleBodyCellClick = handleBodyCellClick;
-exports.handleBodyCellHover = handleBodyCellHover;
-exports.handleKeyPress = handleKeyPress;
-exports.handleRowHeaderClick = handleRowHeaderClick;

package/lib/components/DataSpreadsheet/utils/createActiveCellFn.d.ts

@@ -1,12 +0,0 @@
-export function createActiveCellFn({ placementElement, coords, addToHeader, contextRef, blockClass, onActiveCellChange, activeCellValue, activeCellRef, cellEditorRef, defaultColumn, }: {
-    placementElement: any;
-    coords: any;
-    addToHeader?: boolean | undefined;
-    contextRef: any;
-    blockClass?: string | undefined;
-    onActiveCellChange: any;
-    activeCellValue: any;
-    activeCellRef: any;
-    cellEditorRef: any;
-    defaultColumn: any;
-}): void;

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

@@ -1,58 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var layout = require('@carbon/layout');
-var settings = require('../../../settings.js');
-
-const createActiveCellFn = _ref => {
-  let {
-    placementElement,
-    coords,
-    addToHeader = false,
-    contextRef,
-    blockClass = `${settings.pkg.prefix}--data-spreadsheet`,
-    onActiveCellChange,
-    activeCellValue,
-    activeCellRef,
-    cellEditorRef,
-    defaultColumn
-  } = _ref;
-  if (!coords) {
-    return;
-  }
-  // If the active cell is in the column header row (very first), we need to append this element
-  // to `.${blockClass}__header--container`, otherwise it should be appended to `.${blockClass}__listContainer` firstElementChild
-  const point1Element = document.querySelector(`[data-row-index="${coords.row}"][data-column-index="${coords.column}"]`) || document.querySelector(`.${blockClass}__body--td`); // if we can't find the point1 element (this can happen in the case where a virtualized row is not present anymore in the DOM), we get the default height/width of the first body cell we find
-  const selectionAreaCellWidth = point1Element.offsetWidth;
-  const selectionAreaCellHeight = point1Element.offsetHeight;
-  const activeElementContainer = addToHeader ? contextRef?.current.querySelector(`.${blockClass}__header--container`) : contextRef?.current.querySelector(`.${blockClass}__list--container`).firstElementChild;
-  const relativePosition = {
-    top: placementElement ? placementElement.getBoundingClientRect().top - activeElementContainer.getBoundingClientRect().top : coords.row === 0 ? 0 : selectionAreaCellHeight * coords.row,
-    // calculate top value here if virtualized row is not in DOM
-    left: placementElement ? placementElement.getBoundingClientRect().left - activeElementContainer.getBoundingClientRect().left : coords.column === 0 ? 0 + (defaultColumn.rowHeaderWidth - 4) : selectionAreaCellWidth * coords.column + (defaultColumn.rowHeaderWidth - 4) // calculate left value here if virtualized row is not in DOM, accounting for row header cell width (including borders)
-  };
-  const activeCellButton = activeCellRef?.current;
-  activeCellButton.style.width = layout.px(placementElement ? placementElement?.offsetWidth : selectionAreaCellWidth);
-  activeCellButton.style.height = layout.px(placementElement ? placementElement?.offsetHeight : selectionAreaCellHeight);
-  activeCellButton.style.left = layout.px(relativePosition.left);
-  activeCellButton.style.top = layout.px(relativePosition.top);
-  activeCellButton.style.display = 'block';
-  activeCellButton.setAttribute('data-active-row-index', typeof coords?.row === 'number' ? coords.row : 'header');
-  activeCellButton.setAttribute('data-active-column-index', typeof coords?.column === 'number' ? coords.column : 'header');
-  activeElementContainer.appendChild(activeCellButton);
-  activeCellButton.focus();
-  if (!addToHeader) {
-    activeElementContainer.appendChild(cellEditorRef.current);
-  }
-  if (typeof coords?.column === 'number' && typeof coords?.row === 'number') {
-    onActiveCellChange?.(activeCellValue);
-  }
-};
-
-exports.createActiveCellFn = createActiveCellFn;

package/lib/components/DataSpreadsheet/utils/createCellSelectionArea.d.ts

@@ -1,10 +0,0 @@
-export function createCellSelectionArea({ ref, area, blockClass, defaultColumn, selectionAreas, setSelectionAreas, setActiveCellInsideSelectionArea, visibleColumns, }: {
-    ref: any;
-    area: any;
-    blockClass: any;
-    defaultColumn: any;
-    selectionAreas: any;
-    setSelectionAreas: any;
-    setActiveCellInsideSelectionArea: any;
-    visibleColumns: any;
-}): void;

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

@@ -1,69 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var layout = require('@carbon/layout');
-var deepCloneObject = require('../../../global/js/utils/deepCloneObject.js');
-var getSelectionAreaPoints = require('./getSelectionAreaPoints.js');
-
-const createCellSelectionArea = _ref => {
-  let {
-    ref,
-    area,
-    blockClass,
-    defaultColumn,
-    selectionAreas,
-    setSelectionAreas,
-    setActiveCellInsideSelectionArea,
-    visibleColumns
-  } = _ref;
-  const {
-    lowestColumnIndex,
-    lowestRowIndex,
-    greatestColumnIndex,
-    greatestRowIndex
-  } = getSelectionAreaPoints.getSelectionAreaPoints(area);
-  if (greatestRowIndex - lowestRowIndex > 0 || greatestColumnIndex - lowestColumnIndex > 0) {
-    setActiveCellInsideSelectionArea(true);
-    const activeCellElement = ref.current.querySelector(`.${blockClass}__active-cell--highlight`);
-    activeCellElement.setAttribute('data-selection-id', area.matcher);
-  }
-  let selectionAreaVariableWidth = 0;
-  visibleColumns.forEach((item, index) => {
-    if (index >= lowestColumnIndex && index <= greatestColumnIndex) {
-      selectionAreaVariableWidth += item?.width || defaultColumn?.width;
-    }
-  });
-  const point1Element = document.querySelector(`[data-row-index="${area.point1.row}"][data-column-index="${area.point1.column}"]`) || document.querySelector(`.${blockClass}__body--td`); // if we can't find the point1 element (this can happen in the case where a virtualized row is not present anymore in the DOM), we get the default height of the first body cell we find
-
-  const selectionAreaCellHeight = point1Element.offsetHeight;
-  const selectionAreaTotalHeight = selectionAreaCellHeight * (greatestRowIndex - lowestRowIndex + 1);
-  const bodyContainer = document.querySelector(`.${blockClass}__list--container`).firstElementChild;
-  const placementElement = bodyContainer.querySelector(`[data-row-index="${lowestRowIndex}"][data-column-index="${lowestColumnIndex}"]`);
-  const relativePosition = {
-    top: placementElement ? placementElement.getBoundingClientRect().top - bodyContainer.getBoundingClientRect().top : lowestRowIndex === 0 ? 0 : selectionAreaCellHeight * lowestRowIndex,
-    // calculate top value here if virtualized row is not in DOM
-    left: placementElement ? placementElement.getBoundingClientRect().left - bodyContainer.getBoundingClientRect().left : lowestColumnIndex === 0 ? 0 + (defaultColumn.rowHeaderWidth - 4) : defaultColumn.width * lowestColumnIndex + (defaultColumn.rowHeaderWidth - 4) // calculate left value here if virtualized row is not in DOM, accounting for row header cell width (including borders)
-  };
-  const selectionAreaElement = document.querySelector(`[data-matcher-id="${area.matcher}"]`) || document.createElement('div');
-  selectionAreaElement.classList.add(`${blockClass}__selection-area--element`);
-  selectionAreaElement.setAttribute('data-matcher-id', area.matcher);
-  selectionAreaElement.style.width = layout.px(selectionAreaVariableWidth);
-  selectionAreaElement.style.height = layout.px(selectionAreaTotalHeight);
-  selectionAreaElement.style.left = layout.px(relativePosition.left);
-  selectionAreaElement.style.top = layout.px(relativePosition.top);
-  bodyContainer.appendChild(selectionAreaElement);
-  const selectionAreasClone = deepCloneObject.deepCloneObject(selectionAreas);
-  const indexOfCurrentArea = selectionAreasClone.findIndex(item => item.matcher === area.matcher);
-  // We need to add another property to the selectionAreas object array to
-  // let us know if an area has been created for each item already, ie createdArea: true
-  selectionAreasClone[indexOfCurrentArea].areaCreated = true;
-  setSelectionAreas(selectionAreasClone);
-};
-
-exports.createCellSelectionArea = createCellSelectionArea;

package/lib/components/DataSpreadsheet/utils/getCellSize.d.ts

@@ -1 +0,0 @@
-export function getCellSize(cellSize: any): number;

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

@@ -1,28 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var layout = require('@carbon/layout');
-
-const getSizeInPixels = carbonSize => Number(carbonSize.replace('rem', '') * layout.baseFontSize);
-const getCellSize = cellSize => {
-  switch (cellSize) {
-    case 'xs':
-      return getSizeInPixels(layout.sizeXSmall);
-    case 'sm':
-      return getSizeInPixels(layout.sizeSmall);
-    case 'md':
-      return getSizeInPixels(layout.sizeMedium);
-    case 'lg':
-      return getSizeInPixels(layout.sizeLarge);
-    default:
-      return getSizeInPixels(layout.sizeSmall);
-  }
-};
-
-exports.getCellSize = getCellSize;

package/lib/components/DataSpreadsheet/utils/getSelectionAreaPoints.d.ts

@@ -1,6 +0,0 @@
-export function getSelectionAreaPoints(area: any): {
-    greatestRowIndex: number;
-    greatestColumnIndex: number;
-    lowestColumnIndex: number;
-    lowestRowIndex: number;
-};

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

@@ -1,23 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-const getSelectionAreaPoints = area => {
-  const greatestRowIndex = Math.max(area.point1.row, area.point2.row);
-  const greatestColumnIndex = Math.max(area.point1.column, area.point2.column);
-  const lowestRowIndex = Math.min(area.point1.row, area.point2.row);
-  const lowestColumnIndex = Math.min(area.point1.column, area.point2.column);
-  return {
-    greatestRowIndex,
-    greatestColumnIndex,
-    lowestColumnIndex,
-    lowestRowIndex
-  };
-};
-
-exports.getSelectionAreaPoints = getSelectionAreaPoints;

package/lib/components/DataSpreadsheet/utils/getSpreadsheetWidth.d.ts

@@ -1,9 +0,0 @@
-export function getSpreadsheetWidth({ type, headerGroup, scrollBarSizeValue, totalVisibleColumns, defaultColumn, totalColumnsWidth, visibleColumns, }: {
-    type: any;
-    headerGroup: any;
-    scrollBarSizeValue: any;
-    totalVisibleColumns: any;
-    defaultColumn: any;
-    totalColumnsWidth: any;
-    visibleColumns: any;
-}): any;

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

@@ -1,37 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var layout = require('@carbon/layout');
-
-const getSpreadsheetWidth = _ref => {
-  let {
-    type,
-    headerGroup,
-    scrollBarSizeValue,
-    totalVisibleColumns,
-    defaultColumn,
-    totalColumnsWidth,
-    visibleColumns
-  } = _ref;
-  const additionalWidth = scrollBarSizeValue + defaultColumn.rowHeaderWidth;
-  if (!totalVisibleColumns) {
-    if (type === 'header') {
-      return layout.px(parseInt(headerGroup.getHeaderGroupProps().style.width) + additionalWidth);
-    }
-    if (type !== 'header') {
-      return totalColumnsWidth + additionalWidth;
-    }
-  }
-  if (totalVisibleColumns) {
-    const totalVisibleColumnWidth = visibleColumns.map((item, index) => index <= totalVisibleColumns - 1 && (item?.width || defaultColumn?.width)).reduce((prev, curr) => prev + curr, 0);
-    return totalVisibleColumnWidth + additionalWidth;
-  }
-};
-
-exports.getSpreadsheetWidth = getSpreadsheetWidth;

package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionEnter.d.ts

@@ -1,7 +0,0 @@
-export function handleActiveCellInSelectionEnter({ activeCellInsideSelectionArea, activeCellCoordinates, activeCellRef, selectionAreas, updateActiveCellCoordinates, }: {
-    activeCellInsideSelectionArea: any;
-    activeCellCoordinates: any;
-    activeCellRef: any;
-    selectionAreas: any;
-    updateActiveCellCoordinates: any;
-}): any;

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

@@ -1,114 +0,0 @@
-/**
- * Copyright IBM Corp. 2020, 2025
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-var getSelectionAreaPoints = require('./getSelectionAreaPoints.js');
-
-const handleActiveCellInSelectionEnter = _ref => {
-  let {
-    activeCellInsideSelectionArea,
-    activeCellCoordinates,
-    activeCellRef,
-    selectionAreas,
-    updateActiveCellCoordinates
-  } = _ref;
-  if (!activeCellInsideSelectionArea) {
-    return;
-  }
-  const activeCellSelectionId = activeCellRef.current.getAttribute('data-selection-id');
-  const activeCellIndexInSelectionAreas = selectionAreas.findIndex(item => item.matcher === activeCellSelectionId);
-  const selectionAreaToNavigate = selectionAreas[activeCellIndexInSelectionAreas];
-  const {
-    lowestColumnIndex,
-    lowestRowIndex,
-    greatestColumnIndex,
-    greatestRowIndex
-  } = getSelectionAreaPoints.getSelectionAreaPoints(selectionAreaToNavigate);
-  // Move active cell down one row if possible
-  const coordinatesClone = {
-    ...activeCellCoordinates
-  };
-  if (activeCellCoordinates?.row < greatestRowIndex) {
-    updateActiveCellCoordinates({
-      coords: coordinatesClone,
-      updatedValue: {
-        row: 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?.row === greatestRowIndex) {
-    if (activeCellCoordinates?.column < greatestColumnIndex) {
-      updateActiveCellCoordinates({
-        coords: coordinatesClone,
-        updatedValue: {
-          column: 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?.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);
-          const nextSelectionArea = selectionAreas[activeCellIndexInSelectionAreas + 1];
-          const {
-            lowestColumnIndex,
-            lowestRowIndex
-          } = getSelectionAreaPoints.getSelectionAreaPoints(nextSelectionArea);
-          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);
-          const firstSelectionArea = selectionAreas[0];
-          const {
-            lowestColumnIndex,
-            lowestRowIndex
-          } = getSelectionAreaPoints.getSelectionAreaPoints(firstSelectionArea);
-          updateActiveCellCoordinates({
-            coords: coordinatesClone,
-            updatedValue: {
-              column: lowestColumnIndex,
-              row: lowestRowIndex
-            },
-            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
-        });
-      }
-    }
-  }
-};
-
-exports.handleActiveCellInSelectionEnter = handleActiveCellInSelectionEnter;

package/lib/components/DataSpreadsheet/utils/handleActiveCellInSelectionTab.d.ts

@@ -1,7 +0,0 @@
-export function handleActiveCellInSelectionTab({ activeCellInsideSelectionArea, activeCellCoordinates, activeCellRef, selectionAreas, updateActiveCellCoordinates, }: {
-    activeCellInsideSelectionArea: any;
-    activeCellCoordinates: any;
-    activeCellRef: any;
-    selectionAreas: any;
-    updateActiveCellCoordinates: any;
-}): any;