sheet-happens 0.0.47 → 0.0.48

package/dist/index.js

@@ -1747,6 +1747,8 @@ var useScroll = function useScroll(offset, maxScroll, cellLayout, onOffsetChange
 var clipDataOffset = function clipDataOffset(view, offset, freeze, maxCells, cellLayout) {
   var newX = offset[0],
       newY = offset[1];
+  var freezeX = freeze[0],
+      freezeY = freeze[1];
   var maxColumns = maxCells[0],
       maxRows = maxCells[1];
   var absoluteToColumn = cellLayout.absoluteToColumn,
@@ -1763,14 +1765,14 @@ var clipDataOffset = function clipDataOffset(view, offset, freeze, maxCells, cel
       scrollH = _getViewExtent$viewpo[1];
 
   if (rightEdge > maxColumns) {
-    var remainder = columnToAbsolute(maxColumns) - columnToAbsolute(newX);
-    newX = absoluteToColumn(columnToAbsolute(newX) - scrollW + remainder) + 1;
+    var remainder = columnToAbsolute(maxColumns) - columnToAbsolute(newX + freezeX);
+    newX = Math.max(0, absoluteToColumn(columnToAbsolute(newX + freezeX) - scrollW + remainder) - freezeX + 1);
   }
 
   if (bottomEdge > maxRows) {
-    var _remainder = rowToAbsolute(maxRows) - rowToAbsolute(newY);
+    var _remainder = rowToAbsolute(maxRows) - rowToAbsolute(newY + freezeY);
 
-    newY = absoluteToRow(rowToAbsolute(newY) - scrollH + _remainder) + 1;
+    newY = Math.max(0, absoluteToRow(rowToAbsolute(newY + freezeY) - scrollH + _remainder) - freezeY + 1);
   }
 
   return [newX, newY];
@@ -1854,20 +1856,25 @@ var scrollToCell = function scrollToCell(element, cell, view, freeze, offset, ma
 
   if (!isSameXY(newOffset, offset)) {
     var scroll = cellToAbsolute(newOffset);
-
-    var _cellToAbsolute4 = cellToAbsolute([0, 0], [0.5, 0.5]),
-        nudgeX = _cellToAbsolute4[0],
-        nudgeY = _cellToAbsolute4[1];
-
     callback(newOffset, maxXY(maxScroll, scroll));
     setTimeout(function () {
-      var scrollX = scroll[0],
-          scrollY = scroll[1];
-      element.scrollLeft = scrollX - nudgeX;
-      element.scrollTop = scrollY - nudgeY;
+      updateScrollPosition(element, newOffset, cellLayout);
     });
   }
 };
+var updateScrollPosition = function updateScrollPosition(element, dataOffset, cellLayout) {
+  var cellToAbsolute = cellLayout.cellToAbsolute;
+  var scroll = cellToAbsolute(dataOffset);
+
+  var _cellToAbsolute4 = cellToAbsolute([0, 0], [0.5, 0.5]),
+      nudgeX = _cellToAbsolute4[0],
+      nudgeY = _cellToAbsolute4[1];
+
+  var scrollX = scroll[0],
+      scrollY = scroll[1];
+  element.scrollLeft = scrollX - nudgeX;
+  element.scrollTop = scrollY - nudgeY;
+};
 
 var useAutoSizeColumn = function useAutoSizeColumn(rows, displayData, cellStyle, columnHeaders, columnHeaderStyle, canvasWidth) {
   var context = React.useMemo(function () {
@@ -3726,9 +3733,13 @@ var Sheet = React.forwardRef(function (props, ref) {
       _props$maxRows = props.maxRows,
       maxRows = _props$maxRows === void 0 ? Infinity : _props$maxRows;
   React.useLayoutEffect(function () {
+    var overlay = overlayRef.current;
+    if (!overlay) return;
     var view = [canvasWidth, canvasHeight];
     var freeze = [freezeColumns, freezeRows];
-    setDataOffset(clipDataOffset(view, dataOffset, freeze, [maxColumns, maxRows], cellLayout));
+    var newOffset = clipDataOffset(view, dataOffset, freeze, [maxColumns, maxRows], cellLayout);
+    setDataOffset(newOffset);
+    updateScrollPosition(overlay, newOffset, cellLayout);
   }, [maxRows, maxColumns]);
   var hitmapRef = React.useRef(NO_CLICKABLES);
   var isFocused = focused || editMode;