sheet-happens 0.0.57 → 0.0.59

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];
@@ -1640,7 +1648,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 +1662,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];
@@ -3719,16 +3728,17 @@ var Sheet = React.forwardRef(function (props, ref) {
     if (cellReadOnly(cellX, cellY)) {
       return;
     }
-    var hasData = !!((_props$inputComponent = props.inputComponent) !== null && _props$inputComponent !== void 0 && _props$inputComponent.call(props, cellX, cellY, _extends({}, inputProps, {
+    var hasCustomComponent = !!((_props$inputComponent = props.inputComponent) !== null && _props$inputComponent !== void 0 && _props$inputComponent.call(props, cellX, cellY, _extends({}, inputProps, {
       onChange: function onChange() {}
     }), function () {}));
     var editValue = (_editData = editData(cellX, cellY)) != null ? _editData : '';
     var sourceValue = (_sourceData = sourceData(cellX, cellY)) != null ? _sourceData : null;
-    if (hasData) {
+    if (hasCustomComponent) {
       setEditValue(null);
       setSourceValue(sourceValue);
     } else {
       setEditValue(editValue);
+      setSourceValue(null);
     }
     setEditCell(editCell);
     setArrowKeyCommitMode(arrowKeyCommitMode);
@@ -3747,15 +3757,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),