sheet-happens 0.0.46 → 0.0.48

package/dist/index.js

@@ -975,7 +975,6 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
         columnDrag = _ref$current2.columnDrag,
         rowDrag = _ref$current2.rowDrag,
         draggingKnob = _ref$current2.draggingKnob,
-        hitTarget = _ref$current2.hitTarget,
         _ref$current2$cellLay = _ref$current2.cellLayout,
         pixelToColumn = _ref$current2$cellLay.pixelToColumn,
         pixelToRow = _ref$current2$cellLay.pixelToRow,
@@ -1056,8 +1055,6 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
     setColumnDrag(null);
     setRowResize(null);
     setRowDrag(null);
-    if (!xy || !hitTarget) return;
-    setHitTarget(null);
   }, [getMousePosition, getMouseHit, onChange, onSelectionChange, onKnobAreaChange, onDropTargetChange, onColumnOrderChange, onRowOrderChange, dontChangeSelectionOnOrderChange]);
   var onPointerMove = React.useCallback(function (e) {
     var _ref$current3 = ref.current,
@@ -1335,6 +1332,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
     if (!hitTarget) return;
     var xy = getMousePosition(e);
     if (!xy) return;
+    setHitTarget(null);
     var previousRect = JSON.stringify(hitTarget.rect);
     var currentRect = JSON.stringify((_getMouseHit = getMouseHit(xy)) === null || _getMouseHit === void 0 ? void 0 : _getMouseHit.rect);
 
@@ -1749,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,
@@ -1765,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];
@@ -1856,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 () {
@@ -3728,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;