sheet-happens 0.0.58 → 0.0.60

package/dist/index.js

@@ -657,7 +657,7 @@ var findInDisplayData = function findInDisplayData(displayData, start, direction
   return maxXY(cell, [0, 0]);
 };
 
-var useMouse = function useMouse(elementRef, dataOffset, hitmapRef, selection, knobArea, editMode, editData, sourceData, cellReadOnly, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow, cellLayout, visibleCells, sheetStyle, columnGroupKeys, rowGroupKeys, selectedColumnGroups, selectedRowGroups, getAutoSizeWidth, getAutoSizeHeight, onEdit, onCommit, onKnobAreaChange, onDragIndicesChange, onDragOffsetChange, onDropTargetChange, onSelectionChange, onFocusChange, onInvalidateColumn, onInvalidateRow, onChange, onColumnOrderChange, onRowOrderChange, onCellWidthChange, onCellHeightChange, onRightClick, dontCommitEditOnSelectionChange, dontChangeSelectionOnOrderChange) {
+var useMouse = function useMouse(elementRef, dataOffset, hitmapRef, selection, knobArea, editMode, editData, sourceData, cellReadOnly, maxColumns, maxRows, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow, cellLayout, visibleCells, sheetStyle, columnGroupKeys, rowGroupKeys, selectedColumnGroups, selectedRowGroups, getAutoSizeWidth, getAutoSizeHeight, onEdit, onCommit, onKnobAreaChange, onDragIndicesChange, onDragOffsetChange, onDropTargetChange, onSelectionChange, onFocusChange, onInvalidateColumn, onInvalidateRow, onChange, onColumnOrderChange, onRowOrderChange, onCellWidthChange, onCellHeightChange, onRightClick, dontCommitEditOnSelectionChange, dontChangeSelectionOnOrderChange) {
   var _useState = React.useState(null),
     columnResize = _useState[0],
     setColumnResize = _useState[1];
@@ -935,6 +935,14 @@ var useMouse = function useMouse(elementRef, dataOffset, hitmapRef, selection, k
         }
       }
     }
+    if (!hideColumnHeaders && !hideRowHeaders && y < getIndentY() && x < getIndentX()) {
+      var lastCol = (Number.isFinite(maxColumns) ? maxColumns : MAX_SEARCHABLE_INDEX) - 1;
+      var lastRow = (Number.isFinite(maxRows) ? maxRows : MAX_SEARCHABLE_INDEX) - 1;
+      if (lastCol >= 0 && lastRow >= 0) {
+        onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange([[0, 0], [lastCol, lastRow]], false, true);
+      }
+      return;
+    }
     if (knobPosition) {
       var knobX = knobPosition[0],
         knobY = knobPosition[1];
@@ -1371,10 +1379,16 @@ var useMouse = function useMouse(elementRef, dataOffset, hitmapRef, selection, k
     if (!xy) return;
     var x = xy[0],
       y = xy[1];
-    if (x <= getIndentX() || y <= getIndentY()) {
+    if (x <= getIndentX() && y <= getIndentY()) {
       return;
     }
     var cell = pixelToCell(xy);
+    if (!hideRowHeaders && x < getIndentX()) {
+      cell[0] = -1;
+    }
+    if (!hideColumnHeaders && y < getIndentY()) {
+      cell[1] = -1;
+    }
     if (!isPointInsideSelection(selection, cell)) {
       onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange([cell, cell]);
     }
@@ -1640,7 +1654,7 @@ var useKeyboard = function useKeyboard(arrowKeyCommitMode, overlayRef, cellReadO
   };
 };
 
-var useScroll = function useScroll(offset, maxScroll, cellLayout, onOffsetChange, onMaxScrollChange) {
+var useScroll = function useScroll(offset, maxScroll, cellLayout, onOffsetChange, onMaxScrollChange, onScrollAction) {
   return React.useCallback(function (e) {
     if (!e.target || !(e.target instanceof Element)) {
       return;
@@ -1654,6 +1668,7 @@ var useScroll = function useScroll(offset, maxScroll, cellLayout, onOffsetChange
     var cell = absoluteToCell(xy);
     if (!isSameXY(cell, offset)) {
       onOffsetChange === null || onOffsetChange === void 0 ? void 0 : onOffsetChange(cell);
+      onScrollAction === null || onScrollAction === void 0 ? void 0 : onScrollAction();
     }
     var x = xy[0],
       y = xy[1];
@@ -3678,14 +3693,14 @@ var Sheet = React.forwardRef(function (props, ref) {
       scrollToSelection(newSelection, toHead);
     }
     if (props.onSelectionChanged) {
-      var _normalizeSelection = normalizeSelection(validateSelection(newSelection)),
-        _normalizeSelection$ = _normalizeSelection[0],
-        minX = _normalizeSelection$[0],
-        minY = _normalizeSelection$[1],
-        _normalizeSelection$2 = _normalizeSelection[1],
-        maxX = _normalizeSelection$2[0],
-        maxY = _normalizeSelection$2[1];
-      props.onSelectionChanged(minX, minY, maxX, maxY);
+      var _validateSelection = validateSelection(newSelection),
+        _validateSelection$ = _validateSelection[0],
+        anchorX = _validateSelection$[0],
+        anchorY = _validateSelection$[1],
+        _validateSelection$2 = _validateSelection[1],
+        headX = _validateSelection$2[0],
+        headY = _validateSelection$2[1];
+      props.onSelectionChanged(anchorX, anchorY, headX, headY);
     }
   };
   var cancelEditingCell = function cancelEditingCell() {
@@ -3748,15 +3763,18 @@ var Sheet = React.forwardRef(function (props, ref) {
     setDataOffset(newOffset);
     updateScrollPosition(overlay, newOffset, cellLayout);
   }, [maxRows, maxColumns]);
+  React.useLayoutEffect(function () {
+    scrollToSelection(selectionProp, true);
+  }, [selectionProp]);
   var hitmapRef = React.useRef(NO_CLICKABLES);
   var isFocused = focused || editMode;
   var _useClipboardAPI = useClipboardAPI(selection, editData, sourceData, cellReadOnly, isFocused && !editMode, changeSelection, props.onChange, props.onCopy, props.onPaste, (_props$clipboardOrigi = props.clipboardOrigin) != null ? _props$clipboardOrigi : location.origin),
     clipboardApi = _useClipboardAPI.clipboardApi,
     onClipboardCopy = _useClipboardAPI.onClipboardCopy;
-  var onScroll = useScroll(dataOffset, maxScroll, cellLayout, setDataOffset, setMaxScroll);
+  var onScroll = useScroll(dataOffset, maxScroll, cellLayout, setDataOffset, setMaxScroll, props.onScrollAction);
   var getAutoSizeWidth = useAutoSizeColumn(visibleCells.rows, displayData, cellLayout, cellStyle, columnHeaders, columnHeaderStyle, canvasWidth, freezeColumns);
   var getAutoSizeHeight = useAutoSizeRow(visibleCells.columns, displayData, cellLayout, cellStyle, columnHeaders, columnHeaderStyle, cellWidth, canvasHeight, freezeRows);
-  var _useMouse = useMouse(overlayRef, dataOffset, hitmapRef, selection, knobArea, editMode, editData, sourceData, cellReadOnly, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow, cellLayout, visibleCells, sheetStyle, columnGroupKeys, rowGroupKeys, selectedColumnGroups, selectedRowGroups, getAutoSizeWidth, getAutoSizeHeight, startEditingCell, commitEditingCell, setKnobArea, setDragIndices, setDragOffset, setDropTarget, changeSelection, setFocused, props.cacheLayout ? columnLayout.clearAfter : undefined, props.cacheLayout ? rowLayout.clearAfter : undefined, props.onChange, props.onColumnOrderChange, props.onRowOrderChange, props.onCellWidthChange, props.onCellHeightChange, props.onRightClick, props.dontCommitEditOnSelectionChange, props.dontChangeSelectionOnOrderChange),
+  var _useMouse = useMouse(overlayRef, dataOffset, hitmapRef, selection, knobArea, editMode, editData, sourceData, cellReadOnly, maxColumns, maxRows, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow, cellLayout, visibleCells, sheetStyle, columnGroupKeys, rowGroupKeys, selectedColumnGroups, selectedRowGroups, getAutoSizeWidth, getAutoSizeHeight, startEditingCell, commitEditingCell, setKnobArea, setDragIndices, setDragOffset, setDropTarget, changeSelection, setFocused, props.cacheLayout ? columnLayout.clearAfter : undefined, props.cacheLayout ? rowLayout.clearAfter : undefined, props.onChange, props.onColumnOrderChange, props.onRowOrderChange, props.onCellWidthChange, props.onCellHeightChange, props.onRightClick, props.dontCommitEditOnSelectionChange, props.dontChangeSelectionOnOrderChange),
     mouseHandlers = _useMouse.mouseHandlers,
     knobPosition = _useMouse.knobPosition;
   var _useKeyboard = useKeyboard(arrowKeyCommitMode, overlayRef, cellReadOnly, displayData, editCell, editMode, focused, rawSelection, selection, startEditingCell, commitEditingCell, cancelEditingCell, changeSelection, setFocused, onClipboardCopy, props.onChange),