sheet-happens 0.0.34 → 0.0.36

package/dist/clipboard.d.ts

@@ -1,4 +1,4 @@
 import { CellPropertyFunction, Change, Rectangle } from './types';
 import { RefObject } from 'react';
 export declare const useClipboardCopy: (textAreaRef: RefObject<HTMLTextAreaElement>, selection: Rectangle, editMode: boolean, editData: CellPropertyFunction<string>) => void;
-export declare const useClipboardPaste: (textAreaRef: RefObject<HTMLTextAreaElement>, selection: Rectangle, onSelectionChange?: ((selection: Rectangle) => void) | undefined, onChange?: ((changes: Array<Change>) => void) | undefined) => void;
+export declare const useClipboardPaste: (textAreaRef: RefObject<HTMLTextAreaElement>, selection: Rectangle, onSelectionChange?: ((selection: Rectangle) => void) | undefined, onChange?: ((changes: Array<Change>) => void) | undefined, isReadOnly?: CellPropertyFunction<boolean> | undefined) => void;

package/dist/index.js

@@ -429,7 +429,7 @@ var findInDisplayData = function findInDisplayData(displayData, start, direction
   return maxXY(cell, [0, 0]);
 };
 
-var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editData, sourceData, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow, cellLayout, visibleCells, sheetStyle, onEdit, onCommit, onKnobAreaChange, onDragOffsetChange, onDropTargetChange, onSelectionChange, onInvalidateColumn, onInvalidateRow, onChange, onColumnOrderChange, onRowOrderChange, onCellWidthChange, onCellHeightChange, onRightClick, dontCommitEditOnSelectionChange) {
+var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editData, sourceData, cellReadOnly, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow, cellLayout, visibleCells, sheetStyle, onEdit, onCommit, onKnobAreaChange, onDragOffsetChange, onDropTargetChange, onSelectionChange, onInvalidateColumn, onInvalidateRow, onChange, onColumnOrderChange, onRowOrderChange, onCellWidthChange, onCellHeightChange, onRightClick, dontCommitEditOnSelectionChange) {
   var _useState = React.useState(null),
       hitTarget = _useState[0],
       setHitTarget = _useState[1];
@@ -785,7 +785,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
         getIndentY = _ref$current2$cellLay.getIndentY;
 
     if (knobArea && draggingKnob) {
-      var changes = parseKnobOperation(knobArea, selection, sourceData, editData);
+      var changes = parseKnobOperation(knobArea, selection, sourceData, editData, cellReadOnly);
       onChange === null || onChange === void 0 ? void 0 : onChange(changes);
       onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(knobArea, true, true);
       onKnobAreaChange === null || onKnobAreaChange === void 0 ? void 0 : onKnobAreaChange(null);
@@ -1182,7 +1182,7 @@ var useMouse = function useMouse(hitmapRef, selection, knobArea, editMode, editD
   };
 };
 
-var parseKnobOperation = function parseKnobOperation(knobArea, selection, sourceData, editData) {
+var parseKnobOperation = function parseKnobOperation(knobArea, selection, sourceData, editData, cellReadOnly) {
   var _normalizeSelection6 = normalizeSelection(knobArea),
       _normalizeSelection6$ = _normalizeSelection6[0],
       kx1 = _normalizeSelection6$[0],
@@ -1225,15 +1225,18 @@ var parseKnobOperation = function parseKnobOperation(knobArea, selection, source
     for (var y = fy1; y <= fy2; y++) {
       for (var x = fx1; x <= fx2; x++) {
         var value = sourceData(x, srcY);
-        changes.push({
-          x: x,
-          y: y,
-          value: value,
-          source: {
+
+        if (!cellReadOnly(x, y)) {
+          changes.push({
             x: x,
-            y: srcY
-          }
-        });
+            y: y,
+            value: value,
+            source: {
+              x: x,
+              y: srcY
+            }
+          });
+        }
       }
 
       srcY = srcY + 1;
@@ -1263,15 +1266,17 @@ var parseKnobOperation = function parseKnobOperation(knobArea, selection, source
       for (var _y2 = fy1; _y2 <= fy2; _y2++) {
         var _value = sourceData(srcX, _y2);
 
-        changes.push({
-          x: _x2,
-          y: _y2,
-          value: _value,
-          source: {
-            x: srcX,
-            y: _y2
-          }
-        });
+        if (!cellReadOnly(_x2, _y2)) {
+          changes.push({
+            x: _x2,
+            y: _y2,
+            value: _value,
+            source: {
+              x: srcX,
+              y: _y2
+            }
+          });
+        }
       }
 
       srcX = srcX + 1;
@@ -1417,7 +1422,7 @@ var useClipboardCopy = function useClipboardCopy(textAreaRef, selection, editMod
     }
   });
 };
-var useClipboardPaste = function useClipboardPaste(textAreaRef, selection, onSelectionChange, onChange) {
+var useClipboardPaste = function useClipboardPaste(textAreaRef, selection, onSelectionChange, onChange, isReadOnly) {
   React.useEffect(function () {
     var onPaste = function onPaste(e) {
       var textArea = textAreaRef.current;
@@ -1430,10 +1435,10 @@ var useClipboardPaste = function useClipboardPaste(textAreaRef, selection, onSel
 
       if (types.includes('text/html')) {
         var pastedHtml = clipboardData.getData('text/html');
-        parsed = parsePastedHtml(selection, pastedHtml);
+        parsed = parsePastedHtml(selection, pastedHtml, isReadOnly);
       } else if (types.includes('text/plain')) {
         var text = clipboardData.getData('text/plain');
-        parsed = parsePastedText(selection, text);
+        parsed = parsePastedText(selection, text, isReadOnly);
       }
 
       if (!parsed) return;
@@ -1519,7 +1524,7 @@ var findTable = function findTable(element) {
   }
 };
 
-var parsePastedHtml = function parsePastedHtml(selection, html) {
+var parsePastedHtml = function parsePastedHtml(selection, html, isReadOnly) {
   var div = document.createElement('div');
   div.innerHTML = html.trim();
 
@@ -1570,7 +1575,7 @@ var parsePastedHtml = function parsePastedHtml(selection, html) {
 
               str = str.replaceAll('\n', '');
               str = str.replaceAll(/\s\s+/g, ' ');
-              changes.push({
+              if (!(isReadOnly !== null && isReadOnly !== void 0 && isReadOnly(x, y))) changes.push({
                 x: x,
                 y: y,
                 value: str
@@ -1594,7 +1599,7 @@ var parsePastedHtml = function parsePastedHtml(selection, html) {
   };
 };
 
-var parsePastedText = function parsePastedText(selection, text) {
+var parsePastedText = function parsePastedText(selection, text, isReadOnly) {
   var _normalizeSelection3 = normalizeSelection(selection),
       _normalizeSelection3$ = _normalizeSelection3[0],
       minX = _normalizeSelection3$[0],
@@ -1612,9 +1617,11 @@ var parsePastedText = function parsePastedText(selection, text) {
     right = Math.max(right, left + cols.length - 1);
 
     for (var x = 0; x < cols.length; x++) {
-      changes.push({
-        x: left + x,
-        y: top + y,
+      var X = left + x;
+      var Y = top + y;
+      if (!(isReadOnly !== null && isReadOnly !== void 0 && isReadOnly(X, Y))) changes.push({
+        x: X,
+        y: Y,
         value: cols[x]
       });
     }
@@ -2810,10 +2817,10 @@ var Sheet = React.forwardRef(function (props, ref) {
   var hitmapRef = React.useRef(NO_CLICKABLES);
   var textAreaRef = React.useRef(null);
   useClipboardCopy(textAreaRef, selection, editMode, editData);
-  useClipboardPaste(textAreaRef, selection, changeSelection, props.onChange);
+  useClipboardPaste(textAreaRef, selection, changeSelection, props.onChange, cellReadOnly);
   var onScroll = useScroll(dataOffset, maxScroll, cellLayout, setDataOffset, setMaxScroll);
 
-  var _useMouse = useMouse(hitmapRef, selection, knobArea, editMode, editData, sourceData, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow, cellLayout, visibleCells, sheetStyle, startEditingCell, commitEditingCell, setKnobArea, setDragOffset, setDropTarget, changeSelection, props.cacheLayout ? columnLayout.clearAfter : undefined, props.cacheLayout ? rowLayout.clearAfter : undefined, props.onChange, props.onColumnOrderChange, props.onRowOrderChange, props.onCellWidthChange, props.onCellHeightChange, props.onRightClick, props.dontCommitEditOnSelectionChange),
+  var _useMouse = useMouse(hitmapRef, selection, knobArea, editMode, editData, sourceData, cellReadOnly, canSizeColumn, canSizeRow, canOrderColumn, canOrderRow, cellLayout, visibleCells, sheetStyle, startEditingCell, commitEditingCell, setKnobArea, setDragOffset, setDropTarget, changeSelection, props.cacheLayout ? columnLayout.clearAfter : undefined, props.cacheLayout ? rowLayout.clearAfter : undefined, props.onChange, props.onColumnOrderChange, props.onRowOrderChange, props.onCellWidthChange, props.onCellHeightChange, props.onRightClick, props.dontCommitEditOnSelectionChange),
       mouseHandlers = _useMouse.mouseHandlers,
       knobPosition = _useMouse.knobPosition;
 
@@ -2894,11 +2901,13 @@ var Sheet = React.forwardRef(function (props, ref) {
 
       for (var y = y1; y <= y2; y++) {
         for (var x = x1; x <= x2; x++) {
-          changes.push({
-            x: x,
-            y: y,
-            value: null
-          });
+          if (!cellReadOnly(x, y)) {
+            changes.push({
+              x: x,
+              y: y,
+              value: null
+            });
+          }
         }
       }