sheet-happens 0.0.32 → 0.0.34

package/dist/index.js

@@ -499,6 +499,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
     sourceData: sourceData,
     cellLayout: cellLayout,
     visibleCells: visibleCells,
+    hitTarget: hitTarget,
     knobPosition: knobPosition,
     columnResize: columnResize,
     rowResize: rowResize,
@@ -574,6 +575,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
 
     if (hitTarget) {
       setHitTarget(hitTarget);
+      ref.current.hitTarget = hitTarget;
       return;
     }
 
@@ -765,6 +767,8 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
     onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange([anchor, head], scrollTo, true);
   }, [getMousePosition, getScrollPosition, getMouseHit, onColumnOrderChange, onRowOrderChange, onCellWidthChange, onCellHeightChange, onKnobAreaChange, onSelectionChange, onCommit, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow]);
   var onPointerUp = React.useCallback(function (e) {
+    var _getMouseHit;
+
     var _ref$current2 = ref.current,
         knobArea = _ref$current2.knobArea,
         selection = _ref$current2.selection,
@@ -773,6 +777,7 @@ 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,
@@ -782,7 +787,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
     if (knobArea && draggingKnob) {
       var changes = parseKnobOperation(knobArea, selection, sourceData, editData);
       onChange === null || onChange === void 0 ? void 0 : onChange(changes);
-      onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(knobArea);
+      onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(knobArea, true, true);
       onKnobAreaChange === null || onKnobAreaChange === void 0 ? void 0 : onKnobAreaChange(null);
     }
 
@@ -843,8 +848,10 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
     setRowDrag(null);
     if (!xy || !hitTarget) return;
     setHitTarget(null);
+    var previousRect = JSON.stringify(hitTarget.rect);
+    var currentRect = JSON.stringify((_getMouseHit = getMouseHit(xy)) === null || _getMouseHit === void 0 ? void 0 : _getMouseHit.rect);
 
-    if (hitTarget === getMouseHit(xy)) {
+    if (previousRect === currentRect) {
       var _obj$onClick;
 
       var obj = hitTarget.obj;
@@ -1382,7 +1389,13 @@ var useClipboardCopy = function useClipboardCopy(textAreaRef, selection, editMod
     if (!textArea) return;
     if (editMode) return;
     if (isEmptySelection(selection)) return;
-    textArea.value = formatSelectionAsTSV(selection, editData);
+    var v = formatSelectionAsTSV(selection, editData);
+
+    if (v.match(/^[\t\n]*$/)) {
+      v = ' ' + v;
+    }
+
+    textArea.value = v;
   }, [selection, editMode, editData, textAreaRef]);
   React.useLayoutEffect(function () {
     var textArea = textAreaRef.current;
@@ -2705,9 +2718,6 @@ var Sheet = React.forwardRef(function (props, ref) {
   var cellLayout = React.useMemo(function () {
     return makeCellLayout([freezeColumns, freezeRows], [rowHeaderWidth, columnHeaderHeight], dataOffset, columnLayout, rowLayout);
   }, [freezeColumns, freezeRows, rowHeaderWidth, columnHeaderHeight, dataOffset, columnLayout, rowLayout]);
-  React.useImperativeHandle(ref, function () {
-    return cellLayout;
-  }, [cellLayout]);
   var getVisibleCells = cellLayout.getVisibleCells,
       cellToPixel = cellLayout.cellToPixel,
       getVersion = cellLayout.getVersion;
@@ -3032,6 +3042,11 @@ var Sheet = React.forwardRef(function (props, ref) {
       editMode: editMode
     });
   }, [props.renderOutside, visibleCells, cellLayout, selection, editMode]);
+  React.useImperativeHandle(ref, function () {
+    return _extends({}, cellLayout, {
+      startEditingCell: startEditingCell
+    });
+  }, [cellLayout, startEditingCell]);
   return React__default.createElement("div", {
     style: {
       position: 'relative',
@@ -3075,7 +3090,10 @@ var Sheet = React.forwardRef(function (props, ref) {
     style: {
       position: 'absolute',
       left: 0,
-      top: 0
+      top: 0,
+      width: '100%',
+      height: '100%',
+      pointerEvents: 'none'
     }
   }, renderedOutside) : null, React__default.createElement("textarea", {
     style: {