sheet-happens 0.0.28 → 0.0.29

package/dist/index.modern.js

@@ -1620,7 +1620,7 @@ var makeCellLayout = function makeCellLayout(freeze, indent, offset, columns, ro
   };
 
   var getBaseOriginFor = function getBaseOriginFor(index, freeze, offset) {
-    return index < freeze ? 0 : offset;
+    return index < freeze ? 0 : offset + freeze;
   };
 
   var columnToPixel = function columnToPixel(column, anchor) {
@@ -1630,8 +1630,9 @@ var makeCellLayout = function makeCellLayout(freeze, indent, offset, columns, ro
 
     var base = getBaseOriginFor(column, freezeX, offsetX);
     var relative = columns.getStart(column) - columns.getStart(base);
+    var adjust = column < freezeX ? 0 : columns.getStart(freezeX) - columns.getStart(0);
     var size = column < 0 ? indentX : columns.getSize(column);
-    return column < 0 ? 0 : indentX + relative + anchor * size;
+    return column < 0 ? 0 : indentX + relative + adjust + anchor * size;
   };
 
   var rowToPixel = function rowToPixel(row, anchor) {
@@ -1641,8 +1642,9 @@ var makeCellLayout = function makeCellLayout(freeze, indent, offset, columns, ro
 
     var base = getBaseOriginFor(row, freezeY, offsetY);
     var relative = rows.getStart(row) - rows.getStart(base);
+    var adjust = row < freezeY ? 0 : rows.getStart(freezeY) - rows.getStart(0);
     var size = row < 0 ? indentY : rows.getSize(row);
-    return row < 0 ? 0 : indentY + relative + anchor * size;
+    return row < 0 ? 0 : indentY + relative + adjust + anchor * size;
   };
 
   var cellToPixel = function cellToPixel(cell, anchor) {
@@ -2560,7 +2562,7 @@ var excelHeaderString = function excelHeaderString(num) {
 };
 
 var Sheet = forwardRef(function (props, ref) {
-  var _props$secondarySelec, _props$inputComponent;
+  var _props$selection, _props$secondarySelec, _props$inputComponent;
 
   var canvasRef = useRef(null);
   var overlayRef = useRef(null);
@@ -2573,7 +2575,9 @@ var Sheet = forwardRef(function (props, ref) {
       dataOffset = _useState2[0],
       setDataOffset = _useState2[1];
 
-  var _useState3 = useState(NO_SELECTION),
+  var selectionProp = (_props$selection = props.selection) != null ? _props$selection : NO_SELECTION;
+
+  var _useState3 = useState(selectionProp),
       selection = _useState3[0],
       setSelection = _useState3[1];
 
@@ -2593,13 +2597,22 @@ var Sheet = forwardRef(function (props, ref) {
       editCell = _useState7[0],
       setEditCell = _useState7[1];
 
-  var _useState8 = useState(''),
-      editValue = _useState8[0],
-      setEditValue = _useState8[1];
+  var _useState8 = useState(selectionProp),
+      lastSelectionProp = _useState8[0],
+      setLastSelectionProp = _useState8[1];
 
-  var _useState9 = useState(false),
-      arrowKeyCommitMode = _useState9[0],
-      setArrowKeyCommitMode = _useState9[1];
+  if (lastSelectionProp !== selectionProp) {
+    setLastSelectionProp(selectionProp);
+    setSelection(selectionProp);
+  }
+
+  var _useState9 = useState(''),
+      editValue = _useState9[0],
+      setEditValue = _useState9[1];
+
+  var _useState10 = useState(false),
+      arrowKeyCommitMode = _useState10[0],
+      setArrowKeyCommitMode = _useState10[1];
 
   var _useResizeObserver = useResizeObserver({
     ref: canvasRef
@@ -2908,9 +2921,9 @@ var Sheet = forwardRef(function (props, ref) {
     e.preventDefault();
   };
 
-  var _useState10 = useState(''),
-      lastEditKey = _useState10[0],
-      setLastEditKey = _useState10[1];
+  var _useState11 = useState(''),
+      lastEditKey = _useState11[0],
+      setLastEditKey = _useState11[1];
 
   var editTextPosition = ORIGIN;
   var editTextWidth = 0;
@@ -2980,6 +2993,16 @@ var Sheet = forwardRef(function (props, ref) {
     canvasStyles.width = 'calc(100%)';
   }
 
+  var userRendered = useMemo(function () {
+    var _props$render;
+
+    return (_props$render = props.render) === null || _props$render === void 0 ? void 0 : _props$render.call(props, {
+      visibleCells: visibleCells,
+      cellLayout: cellLayout,
+      selection: selection,
+      editMode: editMode
+    });
+  }, [props.render, visibleCells, cellLayout, selection, editMode]);
   return React.createElement("div", {
     style: {
       position: 'relative',
@@ -3013,7 +3036,13 @@ var Sheet = forwardRef(function (props, ref) {
       height: 1,
       backgroundColor: 'rgba(0,0,0,0.0)'
     }
-  })), React.createElement("textarea", {
+  }), userRendered ? React.createElement("div", {
+    style: {
+      position: 'sticky',
+      left: 0,
+      top: 0
+    }
+  }, userRendered) : null), React.createElement("textarea", {
     style: {
       position: 'absolute',
       top: 0,