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

package/lib/components/DataSpreadsheet/hooks/useSpreadsheetEdit.js

@@ -1,129 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSpreadsheetEdit = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var _layout = require("@carbon/layout");
-
-var _settings = require("../../../settings");
-
-var _hooks = require("../../../global/js/hooks");
-
-/**
- * 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 useSpreadsheetEdit = function useSpreadsheetEdit(_ref) {
-  var isEditing = _ref.isEditing,
-      rows = _ref.rows,
-      activeCellCoordinates = _ref.activeCellCoordinates,
-      activeCellRef = _ref.activeCellRef,
-      cellEditorRef = _ref.cellEditorRef,
-      cellEditorRulerRef = _ref.cellEditorRulerRef,
-      visibleColumns = _ref.visibleColumns,
-      defaultColumn = _ref.defaultColumn,
-      cellEditorValue = _ref.cellEditorValue,
-      _ref$blockClass = _ref.blockClass,
-      blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      nextIndex = _useState2[0],
-      setNextIndex = _useState2[1];
-
-  var previousState = (0, _hooks.usePreviousValue)({
-    nextIndex: nextIndex
-  });
-  (0, _react.useEffect)(function () {
-    if (!(previousState !== null && previousState !== void 0 && previousState.nextIndex)) {
-      setNextIndex(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column);
-    }
-  }, [previousState === null || previousState === void 0 ? void 0 : previousState.nextIndex, activeCellCoordinates]);
-  (0, _react.useEffect)(function () {
-    var rulerWidth = cellEditorRulerRef.current.offsetWidth;
-    var cellEditorCurrentWidth = parseInt(cellEditorRef.current.style.width);
-
-    if (isEditing) {
-      var _rows$activeCellCoord, _cellProps$column, _cellEditorRef$curren;
-
-      var cellProps = (_rows$activeCellCoord = rows[activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row]) === null || _rows$activeCellCoord === void 0 ? void 0 : _rows$activeCellCoord.cells[activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column];
-      var activeCellLeftPosition = activeCellRef === null || activeCellRef === void 0 ? void 0 : activeCellRef.current.style.left;
-      var activeCellTopPosition = activeCellRef === null || activeCellRef === void 0 ? void 0 : activeCellRef.current.style.top;
-      cellEditorRef.current.style.left = activeCellLeftPosition;
-      cellEditorRef.current.style.top = activeCellTopPosition;
-      cellEditorRef.current.style.display = 'block';
-      cellEditorRef.current.style.height = activeCellRef === null || activeCellRef === void 0 ? void 0 : activeCellRef.current.style.height;
-      cellEditorRef.current.style.paddingTop = "".concat((parseInt(activeCellRef === null || activeCellRef === void 0 ? void 0 : activeCellRef.current.style.height) - 16) / 2 - 1, "px"); // calculate paddingTop based on cellHeight which could be variable depending on the cellSize prop
-
-      cellEditorRef.current.style.textAlign = (cellProps === null || cellProps === void 0 ? void 0 : (_cellProps$column = cellProps.column) === null || _cellProps$column === void 0 ? void 0 : _cellProps$column.placement) === 'right' ? 'right' : 'left';
-      (_cellEditorRef$curren = cellEditorRef.current) === null || _cellEditorRef$curren === void 0 ? void 0 : _cellEditorRef$curren.focus();
-
-      if (rulerWidth < cellEditorCurrentWidth) {
-        var _visibleColumns$nextI;
-
-        var currentColumnWidth = ((_visibleColumns$nextI = visibleColumns[nextIndex]) === null || _visibleColumns$nextI === void 0 ? void 0 : _visibleColumns$nextI.width) || (defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.width); // If the contents of the cell editor is deleted past the point of the next column
-
-        if (rulerWidth < cellEditorCurrentWidth - currentColumnWidth) {
-          cellEditorRef.current.style.width = (0, _layout.px)(parseInt(cellEditorRef.current.style.width) - currentColumnWidth);
-          setNextIndex(function (prev) {
-            if (prev === 0) {
-              return prev;
-            }
-
-            return prev - 1;
-          });
-        } // Decrease cell editor width by increment of current column width
-
-      }
-
-      if (rulerWidth >= cellEditorCurrentWidth) {
-        var _visibleColumns;
-
-        setNextIndex(function (prev) {
-          if (prev === visibleColumns.length - 1) {
-            return prev;
-          }
-
-          return prev + 1;
-        });
-        var onLastColumnIndex = nextIndex + 1 === visibleColumns.length;
-        var nextColumnWidth = onLastColumnIndex ? 0 : ((_visibleColumns = visibleColumns[nextIndex + 1]) === null || _visibleColumns === void 0 ? void 0 : _visibleColumns.width) || (defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.width);
-        var startingRowPosition = activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.row;
-        var totalRows = rows.length;
-        var totalCellEditorMaxHeight = (totalRows - startingRowPosition) * defaultColumn.rowHeight;
-        cellEditorRef.current.style.maxHeight = (0, _layout.px)(totalCellEditorMaxHeight);
-        cellEditorRef.current.style.width = (0, _layout.px)(nextColumnWidth + cellEditorCurrentWidth);
-        cellEditorRef.current.style.height = (0, _layout.px)(cellEditorRef.current.scrollHeight); // adds dynamic height to cell editor
-        // Cell editor has reached max height, we need to add the scrolling back.
-        // We also need to subtract 1 to account for the fact that the cell editor
-        // is placed one pixel below the cell being edited to account for the border
-
-        if (cellEditorRef.current.clientHeight === totalCellEditorMaxHeight - 1) {
-          cellEditorRef.current.style.overflow = 'auto';
-        } else {
-          cellEditorRef.current.style.overflow = 'hidden';
-        }
-      }
-    }
-
-    if (!isEditing) {
-      cellEditorRef.current.style.overflow = 'hidden';
-      cellEditorRef.current.style.display = 'none';
-      cellEditorRef.current.blur();
-      activeCellRef.current.focus();
-      setNextIndex(activeCellCoordinates === null || activeCellCoordinates === void 0 ? void 0 : activeCellCoordinates.column);
-    }
-  }, [isEditing, activeCellCoordinates, rows, cellEditorValue, defaultColumn, activeCellRef, cellEditorRef, cellEditorRulerRef, visibleColumns, blockClass, previousState === null || previousState === void 0 ? void 0 : previousState.cellEditorValue, nextIndex]);
-};
-
-exports.useSpreadsheetEdit = useSpreadsheetEdit;

package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseMove.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSpreadsheetMouseMove = void 0;
-
-var _react = require("react");
-
-var _layout = require("@carbon/layout");
-
-var _settings = require("../../../settings");
-
-var _moveColumnIndicatorLine = require("../utils/moveColumnIndicatorLine");
-
-/**
- * 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.
- */
-// Used specifically for reordering columns, will move the position of the
-// cloned selection area to follow the position of the cursor
-var useSpreadsheetMouseMove = function useSpreadsheetMouseMove(_ref) {
-  var ref = _ref.ref,
-      _ref$blockClass = _ref.blockClass,
-      blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
-      headerCellHoldActive = _ref.headerCellHoldActive,
-      defaultColumn = _ref.defaultColumn;
-  (0, _react.useEffect)(function () {
-    var handleMouseMove = function handleMouseMove(event) {
-      var clonedSelectionElement = ref.current.querySelector(".".concat(blockClass, "__selection-area--element-cloned"));
-
-      if (clonedSelectionElement) {
-        ref.current.addEventListener('mousemove', handleMouseMove);
-      }
-
-      var spreadsheetCoords = ref.current.getBoundingClientRect();
-      var listContainer = ref.current.querySelector(".".concat(blockClass, "__list--container"));
-      var scrollAmount = listContainer.scrollLeft;
-      (0, _moveColumnIndicatorLine.moveColumnIndicatorLine)({
-        clonedSelectionElement: clonedSelectionElement,
-        ref: ref,
-        spreadsheetCoords: spreadsheetCoords,
-        leftScrollAmount: scrollAmount
-      });
-      var spreadsheetWrapperElement = ref.current;
-      spreadsheetWrapperElement.getBoundingClientRect();
-      var xPositionRelativeToSpreadsheet = event.clientX - spreadsheetCoords.left;
-      var offsetXValue = clonedSelectionElement === null || clonedSelectionElement === void 0 ? void 0 : clonedSelectionElement.getAttribute('data-clone-offset-x');
-      var totalSpreadsheetScrollingWidth = listContainer.scrollWidth;
-      var clonedSelectionWidth = clonedSelectionElement.offsetWidth;
-      var clonePlacement = Math.max(xPositionRelativeToSpreadsheet - offsetXValue, defaultColumn === null || defaultColumn === void 0 ? void 0 : defaultColumn.rowHeaderWidth); // Moves the position of the cloned selection area to follow mouse, and
-      // add the amount horizontally scrolled
-
-      clonedSelectionElement.style.left = (0, _layout.px)(totalSpreadsheetScrollingWidth - clonedSelectionWidth >= clonePlacement ? clonePlacement + scrollAmount : totalSpreadsheetScrollingWidth - clonedSelectionWidth);
-    };
-
-    if (headerCellHoldActive) {
-      ref.current.addEventListener('mousemove', handleMouseMove);
-    }
-
-    var spreadsheetRef = ref.current;
-
-    if (!headerCellHoldActive) {
-      spreadsheetRef === null || spreadsheetRef === void 0 ? void 0 : spreadsheetRef.removeEventListener('mousemove', handleMouseMove);
-    }
-
-    return function () {
-      spreadsheetRef === null || spreadsheetRef === void 0 ? void 0 : spreadsheetRef.removeEventListener('mousemove', handleMouseMove);
-    };
-  });
-};
-
-exports.useSpreadsheetMouseMove = useSpreadsheetMouseMove;

package/lib/components/DataSpreadsheet/hooks/useSpreadsheetMouseUp.js

@@ -1,193 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSpreadsheetMouseUp = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _react = require("react");
-
-var _layout = require("@carbon/layout");
-
-var _settings = require("../../../settings");
-
-var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
-
-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; }
-
-var useSpreadsheetMouseUp = function useSpreadsheetMouseUp(_ref) {
-  var currentMatcher = _ref.currentMatcher,
-      setSelectionAreas = _ref.setSelectionAreas,
-      setClickAndHoldActive = _ref.setClickAndHoldActive,
-      setValidStartingPoint = _ref.setValidStartingPoint,
-      validStartingPoint = _ref.validStartingPoint,
-      _ref$blockClass = _ref.blockClass,
-      blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
-      ref = _ref.ref,
-      setHeaderCellHoldActive = _ref.setHeaderCellHoldActive,
-      setColumnOrder = _ref.setColumnOrder,
-      visibleColumns = _ref.visibleColumns,
-      setActiveCellCoordinates = _ref.setActiveCellCoordinates,
-      activeCellCoordinates = _ref.activeCellCoordinates,
-      rows = _ref.rows,
-      defaultColumn = _ref.defaultColumn,
-      selectionAreas = _ref.selectionAreas;
-  (0, _react.useEffect)(function () {
-    var handleMouseUp = function handleMouseUp(event) {
-      // Remove the cloned selection area on mouse up
-      if (!validStartingPoint) {
-        setHeaderCellHoldActive(false);
-        var selectionAreaCloneElement = ref.current.querySelector(".".concat(blockClass, "__selection-area--element-cloned"));
-
-        if (!selectionAreaCloneElement) {
-          return;
-        } // Mouse up while a cloned selection area exists/a column is being reordered
-
-
-        if (selectionAreaCloneElement) {
-          var closestCell = event.target.closest(".".concat(blockClass, "--interactive-cell-element"));
-          var newColumnIndex = parseInt === null || parseInt === void 0 ? void 0 : parseInt(closestCell === null || closestCell === void 0 ? void 0 : closestCell.getAttribute('data-column-index'));
-          var originalColumnIndex = parseInt === null || parseInt === void 0 ? void 0 : parseInt(selectionAreaCloneElement === null || selectionAreaCloneElement === void 0 ? void 0 : selectionAreaCloneElement.getAttribute('data-column-index-original'));
-          var selectionAreaToClone = selectionAreas.filter(function (item) {
-            return (item === null || item === void 0 ? void 0 : item.matcher) === currentMatcher;
-          });
-          var selectionAreaIndexArray = selectionAreaToClone[0].header.selectedIndexList;
-          var columnToMoveToElement = ref.current.querySelector("[data-row-index=\"header\"][data-column-index=\"".concat(newColumnIndex, "\"]")); // Mouse up element was not part of the spreadsheet component
-
-          if (!columnToMoveToElement) {
-            return;
-          }
-
-          var selectionAreaToMove = ref.current.querySelector("[data-matcher-id=\"".concat(currentMatcher, "\"]"));
-          var spreadsheetPosition = ref.current.getBoundingClientRect();
-          var listContainer = ref.current.querySelector(".".concat(blockClass, "__list--container"));
-          var leftScrollAmount = listContainer.scrollLeft;
-          var newIndexLessThanStarting = newColumnIndex < originalColumnIndex;
-          var newIndexGreater = newColumnIndex > originalColumnIndex;
-          var differenceBetweenOldNewIndex = newIndexGreater ? newColumnIndex - originalColumnIndex : originalColumnIndex - newColumnIndex;
-          setSelectionAreas(function (prev) {
-            var selectionAreaClone = (0, _deepCloneObject.deepCloneObject)(prev);
-
-            if (originalColumnIndex === newColumnIndex) {
-              return prev;
-            }
-
-            var indexOfItemToUpdate = selectionAreaClone.findIndex(function (item) {
-              return item.matcher === currentMatcher;
-            });
-
-            if (indexOfItemToUpdate === -1) {
-              return prev;
-            }
-
-            if (!selectionAreaIndexArray.includes(newColumnIndex)) {
-              // We need to not add just the newColumnIndex, but an array of indexes
-              // if there are multiple columns
-              var newIndexArray = newIndexGreater ? selectionAreaIndexArray.map(function (num) {
-                return num + differenceBetweenOldNewIndex;
-              }) : selectionAreaIndexArray.map(function (num) {
-                return num - differenceBetweenOldNewIndex;
-              });
-              selectionAreaClone[indexOfItemToUpdate].header.selectedIndexList = newIndexArray;
-              selectionAreaClone[indexOfItemToUpdate].point1.column = Math.min.apply(Math, (0, _toConsumableArray2.default)(newIndexArray));
-              selectionAreaClone[indexOfItemToUpdate].point2.column = Math.max.apply(Math, (0, _toConsumableArray2.default)(newIndexArray));
-            }
-
-            return selectionAreaClone;
-          }); // Only reorder columns if the new index is _not_ part of the
-          // selectionAreaIndexArray, meaning the new placement is outside
-          // of the current selection area. Similarly, the active cell position
-          // should only be changed under the same condition.
-
-          if (!selectionAreaIndexArray.includes(newColumnIndex)) {
-            var deleteCount = selectionAreaIndexArray.length;
-            var startIndex = Math.min.apply(Math, (0, _toConsumableArray2.default)(selectionAreaIndexArray));
-            var columnIdArray = visibleColumns.map(function (column) {
-              return column.id;
-            });
-            var columnIdArrayClone = (0, _toConsumableArray2.default)(columnIdArray);
-
-            var getNewColumnOrder = function getNewColumnOrder() {
-              var newColumnList = [];
-              selectionAreaIndexArray.map(function (index) {
-                return newColumnList.push(columnIdArray[index]);
-              });
-              return newColumnList;
-            }; // Remove one element at the original index
-
-
-            columnIdArrayClone.splice(startIndex, deleteCount);
-            var originalPointIndex = selectionAreaIndexArray.findIndex(function (item) {
-              return item === originalColumnIndex;
-            });
-            var updatedNewIndexWithNewOrder = newColumnIndex - originalPointIndex; // Add one element at the new index
-
-            columnIdArrayClone.splice.apply(columnIdArrayClone, [updatedNewIndexWithNewOrder, 0].concat((0, _toConsumableArray2.default)(getNewColumnOrder())));
-            setColumnOrder(columnIdArrayClone); // Function provided by useTable (react-table) hook to reorder columns
-
-            var newCellCoords = _objectSpread(_objectSpread({}, activeCellCoordinates), {}, {
-              column: newIndexGreater ? activeCellCoordinates.column + differenceBetweenOldNewIndex : activeCellCoordinates.column - differenceBetweenOldNewIndex
-            });
-
-            setActiveCellCoordinates(newCellCoords);
-            var firstSelectedHeader = Array.from(ref.current.querySelectorAll(".".concat(blockClass, "__th--selected-header")))[0];
-            var firstSelectedHeaderCoords = firstSelectedHeader.getBoundingClientRect();
-            var newRelativePosition = firstSelectedHeaderCoords.left - spreadsheetPosition.left + leftScrollAmount; // console.log(firstSelectedHeaderCoords.left - spreadsheetPosition.left + leftScrollAmount);
-
-            var updatedSelectionAreaPlacement = newIndexLessThanStarting ? newRelativePosition : newColumnIndex === originalColumnIndex ? selectionAreaToMove.style.left : newRelativePosition;
-            selectionAreaToMove.style.left = (0, _layout.px)(updatedSelectionAreaPlacement);
-          } // Remove the cloned column and indicator elements
-
-
-          var indicatorLineElement = ref.current.querySelector(".".concat(blockClass, "__reorder-indicator-line"));
-          indicatorLineElement === null || indicatorLineElement === void 0 ? void 0 : indicatorLineElement.remove();
-          selectionAreaCloneElement === null || selectionAreaCloneElement === void 0 ? void 0 : selectionAreaCloneElement.remove();
-        }
-      } // Mouse up was on a spreadsheet body cell which is a valid
-      // start/end point for creating a selection area
-
-
-      if (validStartingPoint) {
-        setClickAndHoldActive(false);
-        setValidStartingPoint(false);
-        var cellButton = event.target.closest(".".concat(blockClass, "__body--td"));
-
-        if (cellButton) {
-          var endCellCoordinates = {
-            row: Number(cellButton.getAttribute('data-row-index')),
-            column: Number(cellButton.getAttribute('data-column-index'))
-          };
-          setSelectionAreas(function (prev) {
-            var selectionAreaClone = (0, _deepCloneObject.deepCloneObject)(prev);
-            var indexOfItemToUpdate = selectionAreaClone.findIndex(function (item) {
-              return item.matcher === currentMatcher;
-            }); // No items in the array have an object that matches the value of currentMatcher
-
-            if (indexOfItemToUpdate === -1) {
-              return prev;
-            }
-
-            selectionAreaClone[indexOfItemToUpdate].point2 = endCellCoordinates;
-            selectionAreaClone[indexOfItemToUpdate].areaCreated = false;
-            return selectionAreaClone;
-          });
-        }
-      }
-    };
-
-    document.addEventListener('mouseup', handleMouseUp);
-    return function () {
-      document.removeEventListener('mouseup', handleMouseUp);
-    };
-  }, [blockClass, currentMatcher, setSelectionAreas, setClickAndHoldActive, setValidStartingPoint, validStartingPoint, ref, setHeaderCellHoldActive, setColumnOrder, visibleColumns, setActiveCellCoordinates, activeCellCoordinates, rows, defaultColumn, selectionAreas]);
-};
-
-exports.useSpreadsheetMouseUp = useSpreadsheetMouseUp;

package/lib/components/DataSpreadsheet/hooks/useSpreadsheetOutsideClick.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSpreadsheetOutsideClick = void 0;
-
-var _react = require("react");
-
-var _settings = require("../../../settings");
-
-var _removeCellSelections = require("../utils/removeCellSelections");
-
-/**
- * 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.
- */
-// Click outside useEffect for spreadsheet
-var useSpreadsheetOutsideClick = function useSpreadsheetOutsideClick(_ref) {
-  var spreadsheetRef = _ref.spreadsheetRef,
-      _ref$blockClass = _ref.blockClass,
-      blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
-      setActiveCellCoordinates = _ref.setActiveCellCoordinates,
-      setSelectionAreas = _ref.setSelectionAreas,
-      removeActiveCell = _ref.removeActiveCell,
-      setContainerHasFocus = _ref.setContainerHasFocus,
-      removeCellEditor = _ref.removeCellEditor;
-  (0, _react.useEffect)(function () {
-    var handleOutsideClick = function handleOutsideClick(event) {
-      if (!spreadsheetRef.current || spreadsheetRef.current.contains(event.target) || event.target.classList.contains("".concat(blockClass, "__active-cell--highlight")) || event.target.classList.contains("".concat(blockClass, "--interactive-cell-element"))) {
-        return;
-      }
-
-      setActiveCellCoordinates(null);
-      setSelectionAreas([]);
-      removeActiveCell();
-      (0, _removeCellSelections.removeCellSelections)({
-        spreadsheetRef: spreadsheetRef
-      });
-      setContainerHasFocus(false);
-      removeCellEditor();
-    };
-
-    document.addEventListener('click', handleOutsideClick);
-    return function () {
-      document.removeEventListener('click', handleOutsideClick);
-    };
-  }, [spreadsheetRef, removeActiveCell, blockClass, setActiveCellCoordinates, setContainerHasFocus, setSelectionAreas, removeCellEditor]);
-};
-
-exports.useSpreadsheetOutsideClick = useSpreadsheetOutsideClick;

package/lib/components/DataSpreadsheet/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "DataSpreadsheet", {
-  enumerable: true,
-  get: function get() {
-    return _DataSpreadsheet.DataSpreadsheet;
-  }
-});
-
-var _DataSpreadsheet = require("./DataSpreadsheet");

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

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.checkActiveHeaderCell = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
-
-/**
- * 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.
- */
-// Determines if a row or column header cell should receive a highlight/active background color
-// Check each object in selectionAreas and see if the headerIndex is between
-// point1.row and point2.row, inclusive
-var checkActiveHeaderCell = function checkActiveHeaderCell(headerIndex, selectionAreas, headerType) {
-  var areasCloned = (0, _deepCloneObject.deepCloneObject)(selectionAreas);
-  var activeRowIndexes = [];
-  areasCloned.forEach(function (area) {
-    var _area$point, _area$point2, _area$point3, _area$point4;
-
-    var greatestRowIndex = Math.max((_area$point = area.point1) === null || _area$point === void 0 ? void 0 : _area$point[headerType], (_area$point2 = area.point2) === null || _area$point2 === void 0 ? void 0 : _area$point2[headerType]);
-    var lowestRowIndex = Math.min((_area$point3 = area.point1) === null || _area$point3 === void 0 ? void 0 : _area$point3[headerType], (_area$point4 = area.point2) === null || _area$point4 === void 0 ? void 0 : _area$point4[headerType]);
-
-    for (var i = lowestRowIndex; i <= greatestRowIndex; i++) {
-      activeRowIndexes.push(i);
-    }
-  });
-  var activeRowIndexesNoDuplicates = (0, _toConsumableArray2.default)(new Set(activeRowIndexes));
-
-  if (areasCloned !== null && areasCloned !== void 0 && areasCloned.length && activeRowIndexesNoDuplicates.includes(headerIndex)) {
-    return true;
-  }
-
-  return false;
-};
-
-exports.checkActiveHeaderCell = checkActiveHeaderCell;

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

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.checkSelectedHeaderCell = void 0;
-
-var _deepCloneObject = require("../../../global/js/utils/deepCloneObject");
-
-/**
- * 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 checkSelectedHeaderCell = function checkSelectedHeaderCell(headerIndex, selectionAreas, headerType, items) {
-  var areasCloned = (0, _deepCloneObject.deepCloneObject)(selectionAreas);
-  var isSelectedHeader = areasCloned.some(function (area) {
-    var _area$point, _area$point2, _area$point3, _area$point4, _area$point5, _area$point6, _area$point7, _area$point8;
-
-    var oppositeType = headerType === 'column' ? 'row' : 'column';
-    var minOppositeSelection = Math.min(area === null || area === void 0 ? void 0 : (_area$point = area.point1) === null || _area$point === void 0 ? void 0 : _area$point[oppositeType], area === null || area === void 0 ? void 0 : (_area$point2 = area.point2) === null || _area$point2 === void 0 ? void 0 : _area$point2[oppositeType]);
-    var maxOppositeSelection = Math.max(area === null || area === void 0 ? void 0 : (_area$point3 = area.point1) === null || _area$point3 === void 0 ? void 0 : _area$point3[oppositeType], area === null || area === void 0 ? void 0 : (_area$point4 = area.point2) === null || _area$point4 === void 0 ? void 0 : _area$point4[oppositeType]);
-    var minSelection = Math.min(area === null || area === void 0 ? void 0 : (_area$point5 = area.point1) === null || _area$point5 === void 0 ? void 0 : _area$point5[headerType], area === null || area === void 0 ? void 0 : (_area$point6 = area.point2) === null || _area$point6 === void 0 ? void 0 : _area$point6[headerType]);
-    var maxSelection = Math.max(area === null || area === void 0 ? void 0 : (_area$point7 = area.point1) === null || _area$point7 === void 0 ? void 0 : _area$point7[headerType], area === null || area === void 0 ? void 0 : (_area$point8 = area.point2) === null || _area$point8 === void 0 ? void 0 : _area$point8[headerType]);
-    var isTrueSelectedState = (items === null || items === void 0 ? void 0 : items.length) - 1 === maxOppositeSelection && minOppositeSelection === 0; // console.log({minSelection, maxSelection});
-    // Iterate over all columns included in the selection area
-
-    for (var i = minSelection; i <= maxSelection; i++) {
-      if (headerIndex === i && isTrueSelectedState) {
-        return true;
-      }
-    }
-
-    return false;
-  });
-  return isSelectedHeader;
-};
-
-exports.checkSelectedHeaderCell = checkSelectedHeaderCell;

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

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createActiveCellFn = 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 createActiveCellFn = function createActiveCellFn(_ref) {
-  var placementElement = _ref.placementElement,
-      coords = _ref.coords,
-      _ref$addToHeader = _ref.addToHeader,
-      addToHeader = _ref$addToHeader === void 0 ? false : _ref$addToHeader,
-      contextRef = _ref.contextRef,
-      _ref$blockClass = _ref.blockClass,
-      blockClass = _ref$blockClass === void 0 ? "".concat(_settings.pkg.prefix, "--data-spreadsheet") : _ref$blockClass,
-      onActiveCellChange = _ref.onActiveCellChange,
-      activeCellValue = _ref.activeCellValue,
-      activeCellRef = _ref.activeCellRef,
-      cellEditorRef = _ref.cellEditorRef,
-      defaultColumn = _ref.defaultColumn;
-
-  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
-
-
-  var point1Element = document.querySelector("[data-row-index=\"".concat(coords.row, "\"][data-column-index=\"").concat(coords.column, "\"]")) || document.querySelector(".".concat(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
-
-  var selectionAreaCellWidth = point1Element.offsetWidth;
-  var selectionAreaCellHeight = point1Element.offsetHeight;
-  var activeElementContainer = addToHeader ? contextRef === null || contextRef === void 0 ? void 0 : contextRef.current.querySelector(".".concat(blockClass, "__header--container")) : contextRef === null || contextRef === void 0 ? void 0 : contextRef.current.querySelector(".".concat(blockClass, "__list--container")).firstElementChild;
-  var 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)
-
-  };
-  var activeCellButton = activeCellRef === null || activeCellRef === void 0 ? void 0 : activeCellRef.current;
-  activeCellButton.style.width = (0, _layout.px)(placementElement ? placementElement === null || placementElement === void 0 ? void 0 : placementElement.offsetWidth : selectionAreaCellWidth);
-  activeCellButton.style.height = (0, _layout.px)(placementElement ? placementElement === null || placementElement === void 0 ? void 0 : placementElement.offsetHeight : selectionAreaCellHeight);
-  activeCellButton.style.left = (0, _layout.px)(relativePosition.left);
-  activeCellButton.style.top = (0, _layout.px)(relativePosition.top);
-  activeCellButton.style.display = 'block';
-  activeCellButton.setAttribute('data-active-row-index', typeof (coords === null || coords === void 0 ? void 0 : coords.row) === 'number' ? coords.row : 'header');
-  activeCellButton.setAttribute('data-active-column-index', typeof (coords === null || coords === void 0 ? void 0 : coords.column) === 'number' ? coords.column : 'header');
-  activeElementContainer.appendChild(activeCellButton);
-  activeCellButton.focus();
-
-  if (!addToHeader) {
-    activeElementContainer.appendChild(cellEditorRef.current);
-  }
-
-  if (typeof (coords === null || coords === void 0 ? void 0 : coords.column) === 'number' && typeof (coords === null || coords === void 0 ? void 0 : coords.row) === 'number') {
-    onActiveCellChange === null || onActiveCellChange === void 0 ? void 0 : onActiveCellChange(activeCellValue);
-  }
-};
-
-exports.createActiveCellFn = createActiveCellFn;