sheet-happens 0.0.44 → 0.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +26 -16
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +26 -16
- package/dist/index.modern.js.map +1 -1
- package/dist/mouse.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -967,8 +967,6 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
|
|
|
967
967
|
onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange([anchor, head], scrollTo, true);
|
|
968
968
|
}, [getMousePosition, getScrollPosition, getMouseHit, onColumnOrderChange, onRowOrderChange, onCellWidthChange, onCellHeightChange, onKnobAreaChange, onSelectionChange, onCommit, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow, dontCommitEditOnSelectionChange, columnGroupKeys, rowGroupKeys, selectedColumnGroups, selectedRowGroups]);
|
|
969
969
|
var onPointerUp = React.useCallback(function (e) {
|
|
970
|
-
var _getMouseHit;
|
|
971
|
-
|
|
972
970
|
var _ref$current2 = ref.current,
|
|
973
971
|
knobArea = _ref$current2.knobArea,
|
|
974
972
|
selection = _ref$current2.selection,
|
|
@@ -1060,15 +1058,6 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
|
|
|
1060
1058
|
setRowDrag(null);
|
|
1061
1059
|
if (!xy || !hitTarget) return;
|
|
1062
1060
|
setHitTarget(null);
|
|
1063
|
-
var previousRect = JSON.stringify(hitTarget.rect);
|
|
1064
|
-
var currentRect = JSON.stringify((_getMouseHit = getMouseHit(xy)) === null || _getMouseHit === void 0 ? void 0 : _getMouseHit.rect);
|
|
1065
|
-
|
|
1066
|
-
if (previousRect === currentRect) {
|
|
1067
|
-
var _obj$onClick;
|
|
1068
|
-
|
|
1069
|
-
var obj = hitTarget.obj;
|
|
1070
|
-
(_obj$onClick = obj.onClick) === null || _obj$onClick === void 0 ? void 0 : _obj$onClick.call(obj, e);
|
|
1071
|
-
}
|
|
1072
1061
|
}, [getMousePosition, getMouseHit, onChange, onSelectionChange, onKnobAreaChange, onDropTargetChange, onColumnOrderChange, onRowOrderChange, dontChangeSelectionOnOrderChange]);
|
|
1073
1062
|
var onPointerMove = React.useCallback(function (e) {
|
|
1074
1063
|
var _ref$current3 = ref.current,
|
|
@@ -1220,7 +1209,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
|
|
|
1220
1209
|
var newWidth = Math.max(size + x - anchor + scroll - currentScroll, SIZES.minimumWidth * indices.length);
|
|
1221
1210
|
onInvalidateColumn === null || onInvalidateColumn === void 0 ? void 0 : onInvalidateColumn(indices[0] - 1);
|
|
1222
1211
|
onCellWidthChange(indices, indices.map(function (_) {
|
|
1223
|
-
return newWidth / indices.length;
|
|
1212
|
+
return Math.round(newWidth / indices.length);
|
|
1224
1213
|
}));
|
|
1225
1214
|
}
|
|
1226
1215
|
|
|
@@ -1339,20 +1328,40 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
|
|
|
1339
1328
|
}
|
|
1340
1329
|
}
|
|
1341
1330
|
}, [getMousePosition, getScrollPosition, getMouseHit, onCellWidthChange, onCellHeightChange, onDragIndicesChange, onDragOffsetChange, onDropTargetChange, onSelectionChange, onKnobAreaChange, onInvalidateRow, onInvalidateColumn, columnGroupKeys, rowGroupKeys]);
|
|
1331
|
+
var onClick = React.useCallback(function (e) {
|
|
1332
|
+
var _getMouseHit;
|
|
1333
|
+
|
|
1334
|
+
var hitTarget = ref.current.hitTarget;
|
|
1335
|
+
if (!hitTarget) return;
|
|
1336
|
+
var xy = getMousePosition(e);
|
|
1337
|
+
if (!xy) return;
|
|
1338
|
+
var previousRect = JSON.stringify(hitTarget.rect);
|
|
1339
|
+
var currentRect = JSON.stringify((_getMouseHit = getMouseHit(xy)) === null || _getMouseHit === void 0 ? void 0 : _getMouseHit.rect);
|
|
1340
|
+
|
|
1341
|
+
if (previousRect === currentRect) {
|
|
1342
|
+
var _obj$onClick;
|
|
1343
|
+
|
|
1344
|
+
var obj = hitTarget.obj;
|
|
1345
|
+
(_obj$onClick = obj.onClick) === null || _obj$onClick === void 0 ? void 0 : _obj$onClick.call(obj, e);
|
|
1346
|
+
}
|
|
1347
|
+
}, [getMousePosition, getMouseHit]);
|
|
1342
1348
|
var onDoubleClick = React.useCallback(function (e) {
|
|
1343
1349
|
var _ref$current4 = ref.current,
|
|
1344
1350
|
selection = _ref$current4.selection,
|
|
1345
1351
|
_ref$current4$cellLay = _ref$current4.cellLayout,
|
|
1346
1352
|
pixelToCell = _ref$current4$cellLay.pixelToCell,
|
|
1347
|
-
columnToPixel = _ref$current4$cellLay.columnToPixel
|
|
1353
|
+
columnToPixel = _ref$current4$cellLay.columnToPixel,
|
|
1354
|
+
getIndentY = _ref$current4$cellLay.getIndentY;
|
|
1348
1355
|
e.preventDefault();
|
|
1349
1356
|
if (e.shiftKey) return;
|
|
1350
1357
|
var xy = getMousePosition(e);
|
|
1351
1358
|
if (!xy) return;
|
|
1352
|
-
var x = xy[0]
|
|
1359
|
+
var x = xy[0],
|
|
1360
|
+
y = xy[1];
|
|
1361
|
+
var indentY = getIndentY();
|
|
1353
1362
|
var columns = visibleCells.columns;
|
|
1354
1363
|
|
|
1355
|
-
if (onCellWidthChange) {
|
|
1364
|
+
if (onCellWidthChange && y < indentY) {
|
|
1356
1365
|
var autosized = [];
|
|
1357
1366
|
|
|
1358
1367
|
for (var _iterator10 = _createForOfIteratorHelperLoose(columns), _step10; !(_step10 = _iterator10()).done;) {
|
|
@@ -1431,6 +1440,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
|
|
|
1431
1440
|
onPointerDown: onPointerDown,
|
|
1432
1441
|
onPointerMove: onPointerMove,
|
|
1433
1442
|
onPointerUp: onPointerUp,
|
|
1443
|
+
onClick: onClick,
|
|
1434
1444
|
onDoubleClick: onDoubleClick,
|
|
1435
1445
|
onContextMenu: onContextMenu
|
|
1436
1446
|
};
|
|
@@ -3725,7 +3735,7 @@ var Sheet = React.forwardRef(function (props, ref) {
|
|
|
3725
3735
|
var hitmapRef = React.useRef(NO_CLICKABLES);
|
|
3726
3736
|
var isFocused = focused || editMode;
|
|
3727
3737
|
|
|
3728
|
-
var _useClipboardAPI = useClipboardAPI(selection, editData, cellReadOnly, isFocused, changeSelection, props.onChange, props.onCopy, props.onPaste),
|
|
3738
|
+
var _useClipboardAPI = useClipboardAPI(selection, editData, cellReadOnly, isFocused && !editMode, changeSelection, props.onChange, props.onCopy, props.onPaste),
|
|
3729
3739
|
clipboardApi = _useClipboardAPI.clipboardApi,
|
|
3730
3740
|
onClipboardCopy = _useClipboardAPI.onClipboardCopy;
|
|
3731
3741
|
|