@rowsncolumns/grid 8.0.8 → 9.0.0

package/dist/Grid.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -14,7 +18,7 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
 };
@@ -24,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL = void 0;
 const react_1 = __importStar(require("react"));
-const ReactKonvaCore_1 = require("react-konva/lib/ReactKonvaCore");
+const react_konva_1 = require("react-konva");
 const helpers_1 = require("./helpers");
 const Cell_1 = require("./Cell");
 const CellOverlay_1 = require("./CellOverlay");
@@ -41,10 +45,10 @@ const defaultShadowSettings = {
 const defaultRowHeight = () => 20;
 const defaultColumnWidth = () => 60;
 const defaultSelectionRenderer = (props) => {
-    return react_1.default.createElement(Selection_1.default, Object.assign({}, props));
+    return react_1.default.createElement(Selection_1.default, { ...props });
 };
 const defaultGridLineRenderer = (props) => {
-    return react_1.default.createElement(GridLine_1.default, Object.assign({}, props));
+    return react_1.default.createElement(GridLine_1.default, { ...props });
 };
 exports.RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL = 150;
 /* Placeholder for empty array -> Prevents re-render */
@@ -55,11 +59,11 @@ const EMPTY_ARRAY = [];
  *
  * TODO: Fix bug with snapping, since onWheel is a global handler, rowCount, columnCount becomes state
  */
-const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
+const Grid = (0, react_1.memo)((0, react_1.forwardRef)((props, forwardedRef) => {
     const { width: containerWidth = 800, height: containerHeight = 600, estimatedColumnWidth, estimatedRowHeight, rowHeight = defaultRowHeight, columnWidth = defaultColumnWidth, rowCount = 0, columnCount = 0, scrollbarSize = 13, onScroll, onImmediateScroll, showScrollbar = true, selectionBackgroundColor = "rgb(14, 101, 235, 0.1)", selectionBorderColor = "#1a73e8", selectionStrokeWidth = 1, activeCellStrokeWidth = 2, activeCell, selections = EMPTY_ARRAY, frozenRows = 0, frozenColumns = 0, itemRenderer = Cell_1.CellRenderer, enableCellOverlay = false, overlayRenderer = CellOverlay_1.CellRenderer, mergedCells = EMPTY_ARRAY, snap = false, scrollThrottleTimeout = 80, onViewChange, selectionRenderer = defaultSelectionRenderer, onBeforeRenderRow, showFrozenShadow = false, shadowSettings = defaultShadowSettings, borderStyles = EMPTY_ARRAY, children, stageProps, wrapper = (children) => children, cellAreas = EMPTY_ARRAY, showFillHandle = false, fillSelection, overscanCount = 1, fillHandleProps, fillhandleBorderColor = "white", showGridLines = false, gridLineColor = "#E3E2E2", gridLineWidth = 1, gridLineRenderer = defaultGridLineRenderer, isHiddenRow, isHiddenColumn, isHiddenCell, scale = 1, enableSelectionDrag = false, isDraggingSelection = false, ...rest } = props;
-    tiny_invariant_1.default(!(children && typeof children !== "function"), "Children should be a function");
+    (0, tiny_invariant_1.default)(!(children && typeof children !== "function"), "Children should be a function");
     /* Expose some methods in ref */
-    react_1.useImperativeHandle(forwardedRef, () => {
+    (0, react_1.useImperativeHandle)(forwardedRef, () => {
         return {
             scrollTo,
             scrollBy,
@@ -85,7 +89,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             getColumnOffset,
         };
     });
-    const instanceProps = react_1.useRef({
+    const instanceProps = (0, react_1.useRef)({
         columnMetadataMap: {},
         rowMetadataMap: {},
         lastMeasuredColumnIndex: -1,
@@ -95,25 +99,25 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         recalcColumnIndices: [],
         recalcRowIndices: [],
     });
-    const stageRef = react_1.useRef(null);
-    const containerRef = react_1.useRef(null);
-    const scrollContainerRef = react_1.useRef(null);
-    const verticalScrollRef = react_1.useRef(null);
-    const wheelingRef = react_1.useRef(null);
-    const horizontalScrollRef = react_1.useRef(null);
-    const [_, forceRender] = react_1.useReducer((s) => s + 1, 0);
-    const [scrollState, setScrollState] = react_1.useState({
+    const stageRef = (0, react_1.useRef)(null);
+    const containerRef = (0, react_1.useRef)(null);
+    const scrollContainerRef = (0, react_1.useRef)(null);
+    const verticalScrollRef = (0, react_1.useRef)(null);
+    const wheelingRef = (0, react_1.useRef)(null);
+    const horizontalScrollRef = (0, react_1.useRef)(null);
+    const [_, forceRender] = (0, react_1.useReducer)((s) => s + 1, 0);
+    const [scrollState, setScrollState] = (0, react_1.useState)({
         scrollTop: 0,
         scrollLeft: 0,
         isScrolling: false,
         verticalScrollDirection: types_1.Direction.Down,
         horizontalScrollDirection: types_1.Direction.Right,
     });
-    const scrollSnapRefs = react_1.useRef(null);
+    const scrollSnapRefs = (0, react_1.useRef)(null);
     const { scrollTop, scrollLeft, isScrolling, verticalScrollDirection, horizontalScrollDirection, } = scrollState;
-    const isMounted = react_1.useRef(false);
+    const isMounted = (0, react_1.useRef)(false);
     /* Focus container */
-    const focusContainer = react_1.useCallback(() => {
+    const focusContainer = (0, react_1.useCallback)(() => {
         var _a;
         if (helpers_1.canUseDOM && document.activeElement !== containerRef.current) {
             return (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
@@ -122,8 +126,8 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Get top offset of rowIndex
      */
-    const getRowOffset = react_1.useCallback((index) => {
-        return helpers_1.getRowOffset({
+    const getRowOffset = (0, react_1.useCallback)((index) => {
+        return (0, helpers_1.getRowOffset)({
             index,
             rowHeight,
             columnWidth,
@@ -134,8 +138,8 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Get lefft offset of columnIndex
      */
-    const getColumnOffset = react_1.useCallback((index) => {
-        return helpers_1.getColumnOffset({
+    const getColumnOffset = (0, react_1.useCallback)((index) => {
+        return (0, helpers_1.getColumnOffset)({
             index,
             rowHeight,
             columnWidth,
@@ -146,19 +150,19 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Get height of rowIndex
      */
-    const getRowHeight = react_1.useCallback((index) => {
-        return helpers_1.getRowHeight(index, instanceProps.current);
+    const getRowHeight = (0, react_1.useCallback)((index) => {
+        return (0, helpers_1.getRowHeight)(index, instanceProps.current);
     }, [instanceProps.current]);
     /**
      * Get height of columNiondex
      */
-    const getColumnWidth = react_1.useCallback((index) => {
-        return helpers_1.getColumnWidth(index, instanceProps.current);
+    const getColumnWidth = (0, react_1.useCallback)((index) => {
+        return (0, helpers_1.getColumnWidth)(index, instanceProps.current);
     }, [instanceProps.current]);
     /**
      * onScroll callback
      */
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!isMounted.current)
             return;
         onScroll === null || onScroll === void 0 ? void 0 : onScroll({ scrollTop, scrollLeft });
@@ -166,7 +170,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Handle mouse wheeel
      */
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         var _a;
         (_a = scrollContainerRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener("wheel", handleWheel, {
             passive: false,
@@ -180,14 +184,14 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Imperatively get the current scroll position
      */
-    const getScrollPosition = react_1.useCallback(() => {
+    const getScrollPosition = (0, react_1.useCallback)(() => {
         return {
             scrollTop,
             scrollLeft,
         };
     }, [scrollTop, scrollLeft]);
     /* Redraw grid imperatively */
-    const resetAfterIndices = react_1.useCallback(({ columnIndex, rowIndex }, shouldForceUpdate = true) => {
+    const resetAfterIndices = (0, react_1.useCallback)(({ columnIndex, rowIndex }, shouldForceUpdate = true) => {
         if (typeof columnIndex === "number") {
             instanceProps.current.recalcColumnIndices = [];
             instanceProps.current.lastMeasuredColumnIndex = Math.min(instanceProps.current.lastMeasuredColumnIndex, columnIndex - 1);
@@ -203,26 +207,26 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
      * Create a map of merged cells
      * [rowIndex, columnindex] => [parentRowIndex, parentColumnIndex]
      */
-    const mergedCellMap = react_1.useMemo(() => {
+    const mergedCellMap = (0, react_1.useMemo)(() => {
         const mergedCellMap = new Map();
         for (let i = 0; i < mergedCells.length; i++) {
             const bounds = mergedCells[i];
-            for (const cell of helpers_1.getBoundedCells(bounds)) {
+            for (const cell of (0, helpers_1.getBoundedCells)(bounds)) {
                 mergedCellMap.set(cell, bounds);
             }
         }
         return mergedCellMap;
     }, [mergedCells]);
     /* Check if a cell is part of a merged cell */
-    const isMergedCell = react_1.useCallback(({ rowIndex, columnIndex }) => {
-        return mergedCellMap.has(helpers_1.cellIdentifier(rowIndex, columnIndex));
+    const isMergedCell = (0, react_1.useCallback)(({ rowIndex, columnIndex }) => {
+        return mergedCellMap.has((0, helpers_1.cellIdentifier)(rowIndex, columnIndex));
     }, [mergedCells]);
     /* Get top, left bounds of a cell */
-    const getCellBounds = react_1.useCallback(({ rowIndex, columnIndex }, spanMerges = true) => {
+    const getCellBounds = (0, react_1.useCallback)(({ rowIndex, columnIndex }, spanMerges = true) => {
         if (spanMerges) {
             const isMerged = isMergedCell({ rowIndex, columnIndex });
             if (isMerged)
-                return mergedCellMap.get(helpers_1.cellIdentifier(rowIndex, columnIndex));
+                return mergedCellMap.get((0, helpers_1.cellIdentifier)(rowIndex, columnIndex));
         }
         return {
             top: rowIndex,
@@ -232,10 +236,10 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         };
     }, [mergedCellMap]);
     /* Get top, left bounds of a cell */
-    const getActualCellCoords = react_1.useCallback(({ rowIndex, columnIndex }) => {
+    const getActualCellCoords = (0, react_1.useCallback)(({ rowIndex, columnIndex }) => {
         const isMerged = isMergedCell({ rowIndex, columnIndex });
         if (isMerged) {
-            const cell = mergedCellMap.get(helpers_1.cellIdentifier(rowIndex, columnIndex));
+            const cell = mergedCellMap.get((0, helpers_1.cellIdentifier)(rowIndex, columnIndex));
             return {
                 rowIndex: cell === null || cell === void 0 ? void 0 : cell.top,
                 columnIndex: cell === null || cell === void 0 ? void 0 : cell.left,
@@ -248,8 +252,8 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     }, [mergedCellMap]);
     const frozenColumnWidth = getColumnOffset(frozenColumns);
     const frozenRowHeight = getRowOffset(frozenRows);
-    const [rowStartIndex, rowStopIndex, visibleRowStartIndex, visibleRowStopIndex,] = react_1.useMemo(() => {
-        const startIndex = helpers_1.getRowStartIndexForOffset({
+    const [rowStartIndex, rowStopIndex, visibleRowStartIndex, visibleRowStopIndex,] = (0, react_1.useMemo)(() => {
+        const startIndex = (0, helpers_1.getRowStartIndexForOffset)({
             rowHeight,
             columnWidth,
             rowCount,
@@ -258,7 +262,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             offset: scrollTop + frozenRowHeight,
             scale,
         });
-        const stopIndex = helpers_1.getRowStopIndexForStartIndex({
+        const stopIndex = (0, helpers_1.getRowStopIndexForStartIndex)({
             startIndex,
             rowCount,
             rowHeight,
@@ -294,8 +298,8 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         overscanCount,
         frozenRowHeight,
     ]);
-    const [columnStartIndex, columnStopIndex, visibleColumnStartIndex, visibleColumnStopIndex,] = react_1.useMemo(() => {
-        const startIndex = helpers_1.getColumnStartIndexForOffset({
+    const [columnStartIndex, columnStopIndex, visibleColumnStartIndex, visibleColumnStopIndex,] = (0, react_1.useMemo)(() => {
+        const startIndex = (0, helpers_1.getColumnStartIndexForOffset)({
             rowHeight,
             columnWidth,
             rowCount,
@@ -304,7 +308,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             offset: scrollLeft + frozenColumnWidth,
             scale,
         });
-        const stopIndex = helpers_1.getColumnStopIndexForStartIndex({
+        const stopIndex = (0, helpers_1.getColumnStopIndexForStartIndex)({
             startIndex,
             columnCount,
             rowHeight,
@@ -339,10 +343,10 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         scrollLeft,
         frozenColumnWidth,
     ]);
-    const estimatedTotalHeight = helpers_1.getEstimatedTotalHeight(rowCount, instanceProps.current);
-    const estimatedTotalWidth = helpers_1.getEstimatedTotalWidth(columnCount, instanceProps.current);
+    const estimatedTotalHeight = (0, helpers_1.getEstimatedTotalHeight)(rowCount, instanceProps.current);
+    const estimatedTotalWidth = (0, helpers_1.getEstimatedTotalWidth)(columnCount, instanceProps.current);
     /* Method to get dimensions of the grid */
-    const getDimensions = react_1.useCallback(() => {
+    const getDimensions = (0, react_1.useCallback)(() => {
         return {
             containerWidth,
             containerHeight,
@@ -360,7 +364,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
      * We need this because we are binding `onwheel` event to document
      * So props go stale
      */
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (snap) {
             scrollSnapRefs.current = {
                 visibleRowStartIndex,
@@ -387,18 +391,18 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Snaps vertical scrollbar to the next/prev visible row
      */
-    const snapToRowFn = react_1.useCallback(({ deltaY }) => {
+    const snapToRowFn = (0, react_1.useCallback)(({ deltaY }) => {
         if (!verticalScrollRef.current || !scrollSnapRefs.current)
             return;
         if (deltaY !== 0) {
             const direction = deltaY < 0 ? types_1.Direction.Up : types_1.Direction.Down;
-            const { visibleRowStartIndex, rowCount, isHiddenRow, } = scrollSnapRefs.current;
+            const { visibleRowStartIndex, rowCount, isHiddenRow } = scrollSnapRefs.current;
             let nextRowIndex = direction === types_1.Direction.Up
                 ? // User is scrolling up
                     Math.max(0, visibleRowStartIndex - 1)
                 : Math.min(visibleRowStartIndex, rowCount - 1);
             /* Ignore hidden row */
-            nextRowIndex = helpers_1.clampIndex(nextRowIndex, isHiddenRow, direction);
+            nextRowIndex = (0, helpers_1.clampIndex)(nextRowIndex, isHiddenRow, direction);
             const rowHeight = getRowHeight(nextRowIndex);
             verticalScrollRef.current.scrollTop +=
                 (direction === types_1.Direction.Up ? -1 : 1) * rowHeight;
@@ -407,31 +411,31 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Snaps horizontal scrollbar to the next/prev visible column
      */
-    const snapToColumnFn = react_1.useCallback(({ deltaX }) => {
+    const snapToColumnFn = (0, react_1.useCallback)(({ deltaX }) => {
         if (!horizontalScrollRef.current || !scrollSnapRefs.current)
             return;
         if (deltaX !== 0) {
-            const { visibleColumnStartIndex, columnCount, isHiddenColumn, } = scrollSnapRefs.current;
+            const { visibleColumnStartIndex, columnCount, isHiddenColumn } = scrollSnapRefs.current;
             const direction = deltaX < 0 ? types_1.Direction.Left : types_1.Direction.Right;
             let nextColumnIndex = direction === types_1.Direction.Left
                 ? Math.max(0, visibleColumnStartIndex - 1)
                 : Math.min(visibleColumnStartIndex, columnCount - 1);
             /* Ignore hidden column */
-            nextColumnIndex = helpers_1.clampIndex(nextColumnIndex, isHiddenColumn, direction);
+            nextColumnIndex = (0, helpers_1.clampIndex)(nextColumnIndex, isHiddenColumn, direction);
             const columnWidth = getColumnWidth(nextColumnIndex);
             horizontalScrollRef.current.scrollLeft +=
                 (direction === types_1.Direction.Left ? -1 : 1) * columnWidth;
         }
     }, []);
-    const snapToRowThrottler = react_1.useRef();
-    const snapToColumnThrottler = react_1.useRef();
+    const snapToRowThrottler = (0, react_1.useRef)();
+    const snapToColumnThrottler = (0, react_1.useRef)();
     /**
      * Register snap throttlers
      */
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (snap) {
-            snapToRowThrottler.current = helpers_1.throttle(snapToRowFn, scrollThrottleTimeout);
-            snapToColumnThrottler.current = helpers_1.throttle(snapToColumnFn, scrollThrottleTimeout);
+            snapToRowThrottler.current = (0, helpers_1.throttle)(snapToRowFn, scrollThrottleTimeout);
+            snapToColumnThrottler.current = (0, helpers_1.throttle)(snapToColumnFn, scrollThrottleTimeout);
         }
         return () => {
             snapToRowThrottler.current = undefined;
@@ -439,19 +443,19 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         };
     }, [snap]);
     /* Find frozen column boundary */
-    const isWithinFrozenColumnBoundary = react_1.useCallback((x) => {
+    const isWithinFrozenColumnBoundary = (0, react_1.useCallback)((x) => {
         return frozenColumns > 0 && x < frozenColumnWidth;
     }, [frozenColumns, frozenColumnWidth]);
     /* Find frozen row boundary */
-    const isWithinFrozenRowBoundary = react_1.useCallback((y) => {
+    const isWithinFrozenRowBoundary = (0, react_1.useCallback)((y) => {
         return frozenRows > 0 && y < frozenRowHeight;
     }, [frozenRows, frozenRowHeight]);
     /**
      * Get relative mouse position
      */
-    const getRelativePositionFromOffset = react_1.useCallback((left, top) => {
+    const getRelativePositionFromOffset = (0, react_1.useCallback)((left, top) => {
         var _a;
-        tiny_invariant_1.default(typeof left === "number" && typeof top === "number", "Top and left should be a number");
+        (0, tiny_invariant_1.default)(typeof left === "number" && typeof top === "number", "Top and left should be a number");
         if (!stageRef.current)
             return null;
         const stage = stageRef.current.getStage();
@@ -470,7 +474,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Get cell cordinates from current mouse x/y positions
      */
-    const getCellCoordsFromOffset = react_1.useCallback((left, top, includeFrozen = true) => {
+    const getCellCoordsFromOffset = (0, react_1.useCallback)((left, top, includeFrozen = true) => {
         const pos = getRelativePositionFromOffset(left, top);
         if (!pos)
             return null;
@@ -481,7 +485,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             columnOffset > estimatedTotalWidth) {
             return null;
         }
-        const rowIndex = helpers_1.getRowStartIndexForOffset({
+        const rowIndex = (0, helpers_1.getRowStartIndexForOffset)({
             rowHeight,
             columnWidth,
             rowCount,
@@ -490,7 +494,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             offset: rowOffset,
             scale,
         });
-        const columnIndex = helpers_1.getColumnStartIndexForOffset({
+        const columnIndex = (0, helpers_1.getColumnStartIndexForOffset)({
             rowHeight,
             columnWidth,
             rowCount,
@@ -516,7 +520,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Get cell offset position from rowIndex, columnIndex
      */
-    const getCellOffsetFromCoords = react_1.useCallback((cell) => {
+    const getCellOffsetFromCoords = (0, react_1.useCallback)((cell) => {
         const { top: rowIndex, left: columnIndex, right, bottom, } = getCellBounds(cell);
         const x = getColumnOffset(columnIndex);
         const y = getRowOffset(rowIndex);
@@ -532,7 +536,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Resize one or more columns
      */
-    const resizeColumns = react_1.useCallback((indices) => {
+    const resizeColumns = (0, react_1.useCallback)((indices) => {
         const leftMost = Math.min(...indices);
         instanceProps.current.recalcColumnIndices = indices;
         resetAfterIndices({ columnIndex: leftMost }, false);
@@ -541,14 +545,14 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Resize one or more rows
      */
-    const resizeRows = react_1.useCallback((indices) => {
+    const resizeRows = (0, react_1.useCallback)((indices) => {
         const topMost = Math.min(...indices);
         instanceProps.current.recalcRowIndices = indices;
         resetAfterIndices({ rowIndex: topMost }, false);
         forceRender();
     }, []);
     /* Always if the viewport changes */
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (instanceProps.current.recalcColumnIndices.length) {
             instanceProps.current.recalcColumnIndices.length = 0;
         }
@@ -557,7 +561,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         }
     }, [rowStopIndex, columnStopIndex, scale]);
     /* Get current view port of the grid */
-    const getViewPort = react_1.useCallback(() => {
+    const getViewPort = (0, react_1.useCallback)(() => {
         return {
             rowStartIndex,
             rowStopIndex,
@@ -583,15 +587,15 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
      * 1. Stage does not listen to any mouse events
      * 2. Div container does not listen to pointer events
      */
-    const resetIsScrollingTimeoutID = react_1.useRef(null);
-    const resetIsScrollingDebounced = react_1.useCallback(() => {
+    const resetIsScrollingTimeoutID = (0, react_1.useRef)(null);
+    const resetIsScrollingDebounced = (0, react_1.useCallback)(() => {
         if (resetIsScrollingTimeoutID.current !== null) {
-            helpers_1.cancelTimeout(resetIsScrollingTimeoutID.current);
+            (0, helpers_1.cancelTimeout)(resetIsScrollingTimeoutID.current);
         }
-        resetIsScrollingTimeoutID.current = helpers_1.requestTimeout(resetIsScrolling, exports.RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL);
+        resetIsScrollingTimeoutID.current = (0, helpers_1.requestTimeout)(resetIsScrolling, exports.RESET_SCROLL_EVENTS_DEBOUNCE_INTERVAL);
     }, []);
     /* Reset isScrolling */
-    const resetIsScrolling = react_1.useCallback(() => {
+    const resetIsScrolling = (0, react_1.useCallback)(() => {
         resetIsScrollingTimeoutID.current = null;
         setScrollState((prev) => {
             return {
@@ -601,8 +605,8 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         });
     }, []);
     /* Handle vertical scroll */
-    const handleScroll = react_1.useCallback((e) => {
-        const { scrollTop } = e.target;
+    const handleScroll = (0, react_1.useCallback)((e) => {
+        const { scrollTop } = e.currentTarget;
         setScrollState((prev) => ({
             ...prev,
             isScrolling: true,
@@ -615,8 +619,8 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         resetIsScrollingDebounced();
     }, [scrollLeft]);
     /* Handle horizontal scroll */
-    const handleScrollLeft = react_1.useCallback((e) => {
-        const { scrollLeft } = e.target;
+    const handleScrollLeft = (0, react_1.useCallback)((e) => {
+        const { scrollLeft } = e.currentTarget;
         setScrollState((prev) => ({
             ...prev,
             isScrolling: true,
@@ -629,7 +633,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         resetIsScrollingDebounced();
     }, [scrollTop]);
     /* Scroll based on left, top position */
-    const scrollTo = react_1.useCallback(({ scrollTop, scrollLeft }) => {
+    const scrollTo = (0, react_1.useCallback)(({ scrollTop, scrollLeft }) => {
         /* If scrollbar is visible, lets update it which triggers a state change */
         if (showScrollbar) {
             if (horizontalScrollRef.current && scrollLeft !== void 0)
@@ -648,17 +652,17 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         }
     }, [showScrollbar]);
     /* Scroll grid to top */
-    const scrollToTop = react_1.useCallback(() => {
+    const scrollToTop = (0, react_1.useCallback)(() => {
         scrollTo({ scrollTop: 0, scrollLeft: 0 });
     }, []);
     /* Scroll grid to bottom */
-    const scrollToBottom = react_1.useCallback(() => {
+    const scrollToBottom = (0, react_1.useCallback)(() => {
         scrollTo({ scrollTop: estimatedTotalHeight - containerHeight });
     }, [estimatedTotalHeight, containerHeight]);
     /**
      * Scrollby utility
      */
-    const scrollBy = react_1.useCallback(({ x, y }) => {
+    const scrollBy = (0, react_1.useCallback)(({ x, y }) => {
         if (showScrollbar) {
             if (horizontalScrollRef.current && x !== void 0)
                 horizontalScrollRef.current.scrollLeft += x;
@@ -679,7 +683,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
      * Scrolls to cell
      * Respects frozen rows and columns
      */
-    const scrollToItem = react_1.useCallback(({ rowIndex, columnIndex }, align = helpers_1.Align.smart) => {
+    const scrollToItem = (0, react_1.useCallback)(({ rowIndex, columnIndex }, align = helpers_1.Align.smart) => {
         const isFrozenRow = rowIndex !== void 0 && rowIndex < frozenRows;
         const isFrozenColumn = columnIndex !== void 0 && columnIndex < frozenColumns;
         const frozenColumnOffset = getColumnOffset(frozenColumns);
@@ -692,7 +696,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         const columnAlign = width > containerWidth ? helpers_1.Align.start : align;
         const rowAlign = height > containerHeight ? helpers_1.Align.start : align;
         const newScrollLeft = columnIndex !== void 0 && !isFrozenColumn
-            ? helpers_1.getOffsetForColumnAndAlignment({
+            ? (0, helpers_1.getOffsetForColumnAndAlignment)({
                 index: columnIndex,
                 containerHeight,
                 containerWidth,
@@ -712,7 +716,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             : void 0;
         const frozenRowOffset = getRowOffset(frozenRows);
         const newScrollTop = rowIndex !== void 0 && !isFrozenRow
-            ? helpers_1.getOffsetForRowAndAlignment({
+            ? (0, helpers_1.getOffsetForRowAndAlignment)({
                 index: rowIndex,
                 containerHeight,
                 containerWidth,
@@ -763,7 +767,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Fired when user tries to scroll the canvas
      */
-    const handleWheel = react_1.useCallback((event) => {
+    const handleWheel = (0, react_1.useCallback)((event) => {
         var _a, _b, _c, _d;
         /* If user presses shift key, scroll horizontally */
         const isScrollingHorizontally = event.shiftKey;
@@ -797,7 +801,8 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         if (!horizontalScrollRef.current || !verticalScrollRef.current)
             return;
         const currentScroll = isHorizontal
-            ? (_c = horizontalScrollRef.current) === null || _c === void 0 ? void 0 : _c.scrollLeft : (_d = verticalScrollRef.current) === null || _d === void 0 ? void 0 : _d.scrollTop;
+            ? (_c = horizontalScrollRef.current) === null || _c === void 0 ? void 0 : _c.scrollLeft
+            : (_d = verticalScrollRef.current) === null || _d === void 0 ? void 0 : _d.scrollTop;
         wheelingRef.current = window.requestAnimationFrame(() => {
             wheelingRef.current = null;
             if (isHorizontal) {
@@ -811,7 +816,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         });
     }, []);
     /* Callback when visible rows or columns have changed */
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         onViewChange === null || onViewChange === void 0 ? void 0 : onViewChange({
             rowStartIndex,
             rowStopIndex,
@@ -852,14 +857,14 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 stroke: gridLineColor,
                 strokeWidth: gridLineWidth,
                 offsetY: -0.5,
-                key: helpers_1.itemKey({ rowIndex: rowIndex, columnIndex: y1 }),
+                key: (0, helpers_1.itemKey)({ rowIndex: rowIndex, columnIndex: y1 }),
             }));
             gridLinesFrozenColumn.push(gridLineRenderer({
                 points: [0, y1, x2, y2],
                 stroke: gridLineColor,
                 strokeWidth: gridLineWidth,
                 offsetY: -0.5,
-                key: helpers_1.itemKey({ rowIndex: rowIndex, columnIndex: y1 }),
+                key: (0, helpers_1.itemKey)({ rowIndex: rowIndex, columnIndex: y1 }),
             }));
         }
         // Vertical
@@ -873,14 +878,14 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 stroke: gridLineColor,
                 strokeWidth: gridLineWidth,
                 offsetX: -0.5,
-                key: helpers_1.itemKey({ rowIndex: x1, columnIndex: columnIndex }),
+                key: (0, helpers_1.itemKey)({ rowIndex: x1, columnIndex: columnIndex }),
             }));
             gridLinesFrozenRow.push(gridLineRenderer({
                 points: [x1, 0, x2, y2],
                 stroke: gridLineColor,
                 strokeWidth: gridLineWidth,
                 offsetX: -0.5,
-                key: helpers_1.itemKey({ rowIndex: x1, columnIndex: columnIndex }),
+                key: (0, helpers_1.itemKey)({ rowIndex: x1, columnIndex: columnIndex }),
             }));
         }
         for (let rowIndex = 0; rowIndex < Math.min(columnStopIndex, frozenRows); rowIndex++) {
@@ -895,14 +900,14 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 stroke: gridLineColor,
                 strokeWidth: gridLineWidth,
                 offsetY: -0.5,
-                key: helpers_1.itemKey({ rowIndex: rowIndex, columnIndex: y1 }),
+                key: (0, helpers_1.itemKey)({ rowIndex: rowIndex, columnIndex: y1 }),
             }));
             gridLinesFrozenIntersection.push(gridLineRenderer({
                 points: [x1, y1, x2, y2],
                 stroke: gridLineColor,
                 strokeWidth: gridLineWidth,
                 offsetY: -0.5,
-                key: helpers_1.itemKey({ rowIndex: rowIndex, columnIndex: y1 }),
+                key: (0, helpers_1.itemKey)({ rowIndex: rowIndex, columnIndex: y1 }),
             }));
         }
         for (let columnIndex = 0; columnIndex < Math.min(columnStopIndex, frozenColumns); columnIndex++) {
@@ -915,14 +920,14 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 stroke: gridLineColor,
                 strokeWidth: gridLineWidth,
                 offsetX: -0.5,
-                key: helpers_1.itemKey({ rowIndex: x1, columnIndex: columnIndex }),
+                key: (0, helpers_1.itemKey)({ rowIndex: x1, columnIndex: columnIndex }),
             }));
             gridLinesFrozenIntersection.push(gridLineRenderer({
                 points: [x1, y1, x2, y2],
                 stroke: gridLineColor,
                 strokeWidth: gridLineWidth,
                 offsetX: -0.5,
-                key: helpers_1.itemKey({ rowIndex: x1, columnIndex: columnIndex }),
+                key: (0, helpers_1.itemKey)({ rowIndex: x1, columnIndex: columnIndex }),
             }));
         }
     }
@@ -962,7 +967,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                     continue;
                 }
                 if (isMerged) {
-                    const cellId = helpers_1.cellIdentifier(bounds.top, bounds.left);
+                    const cellId = (0, helpers_1.cellIdentifier)(bounds.top, bounds.left);
                     if (mergedCellRenderMap.has(cellId)) {
                         continue;
                     }
@@ -980,7 +985,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                     rowIndex: actualRowIndex,
                     columnIndex: actualColumnIndex,
                     isMergedCell: isMerged,
-                    key: helpers_1.itemKey({
+                    key: (0, helpers_1.itemKey)({
                         rowIndex: actualRowIndex,
                         columnIndex: actualColumnIndex,
                     }),
@@ -994,7 +999,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                         rowIndex: actualRowIndex,
                         columnIndex: actualColumnIndex,
                         isMergedCell: isMerged,
-                        key: helpers_1.itemKey({
+                        key: (0, helpers_1.itemKey)({
                             rowIndex: actualRowIndex,
                             columnIndex: actualColumnIndex,
                         }),
@@ -1013,7 +1018,8 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         /* Skip merged cells, Merged  cell cannot be extended */
         if (rowIndex < frozenRows ||
             columnIndex < frozenColumns ||
-            isMergedCell({ rowIndex, columnIndex }) || (isHiddenCell === null || isHiddenCell === void 0 ? void 0 : isHiddenCell(rowIndex, columnIndex))) {
+            isMergedCell({ rowIndex, columnIndex }) ||
+            (isHiddenCell === null || isHiddenCell === void 0 ? void 0 : isHiddenCell(rowIndex, columnIndex))) {
             continue;
         }
         const x = getColumnOffset(columnIndex);
@@ -1030,7 +1036,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             height,
             rowIndex,
             columnIndex,
-            key: `range:${helpers_1.itemKey({ rowIndex, columnIndex })}`,
+            key: `range:${(0, helpers_1.itemKey)({ rowIndex, columnIndex })}`,
         }));
     }
     /* Draw frozen rows */
@@ -1059,7 +1065,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 continue;
             }
             if (isMerged) {
-                const cellId = helpers_1.cellIdentifier(bounds.top, bounds.left);
+                const cellId = (0, helpers_1.cellIdentifier)(bounds.top, bounds.left);
                 if (mergedCellRenderMap.has(cellId)) {
                     continue;
                 }
@@ -1077,7 +1083,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 rowIndex: actualRowIndex,
                 columnIndex: actualColumnIndex,
                 isMergedCell: isMerged,
-                key: helpers_1.itemKey({
+                key: (0, helpers_1.itemKey)({
                     rowIndex: actualRowIndex,
                     columnIndex: actualColumnIndex,
                 }),
@@ -1091,7 +1097,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                     rowIndex: actualRowIndex,
                     columnIndex: actualColumnIndex,
                     isMergedCell: isMerged,
-                    key: helpers_1.itemKey({
+                    key: (0, helpers_1.itemKey)({
                         rowIndex: actualRowIndex,
                         columnIndex: actualColumnIndex,
                     }),
@@ -1122,7 +1128,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 continue;
             }
             if (isMerged) {
-                const cellId = helpers_1.cellIdentifier(bounds.top, bounds.left);
+                const cellId = (0, helpers_1.cellIdentifier)(bounds.top, bounds.left);
                 if (mergedCellRenderMap.has(cellId)) {
                     continue;
                 }
@@ -1140,7 +1146,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 rowIndex: actualRowIndex,
                 columnIndex: actualColumnIndex,
                 isMergedCell: isMerged,
-                key: helpers_1.itemKey({
+                key: (0, helpers_1.itemKey)({
                     rowIndex: actualRowIndex,
                     columnIndex: actualColumnIndex,
                 }),
@@ -1154,7 +1160,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                     rowIndex: actualRowIndex,
                     columnIndex: actualColumnIndex,
                     isMergedCell: isMerged,
-                    key: helpers_1.itemKey({
+                    key: (0, helpers_1.itemKey)({
                         rowIndex: actualRowIndex,
                         columnIndex: actualColumnIndex,
                     }),
@@ -1165,10 +1171,10 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Frozen column shadow
      */
-    const frozenColumnShadow = react_1.useMemo(() => {
+    const frozenColumnShadow = (0, react_1.useMemo)(() => {
         const frozenColumnLineX = getColumnOffset(frozenColumns);
         const frozenColumnLineY = getRowOffset(Math.min(rowStopIndex + 1, rowCount));
-        return (react_1.default.createElement(ReactKonvaCore_1.Line, Object.assign({ points: [frozenColumnLineX, 0, frozenColumnLineX, frozenColumnLineY], offsetX: -0.5, strokeWidth: 1, shadowForStrokeEnabled: false, strokeScaleEnabled: false, hitStrokeWidth: 0, listening: false, perfectDrawEnabled: false }, shadowSettings)));
+        return (react_1.default.createElement(react_konva_1.Line, { points: [frozenColumnLineX, 0, frozenColumnLineX, frozenColumnLineY], offsetX: -0.5, strokeWidth: 1, shadowForStrokeEnabled: false, strokeScaleEnabled: false, hitStrokeWidth: 0, listening: false, perfectDrawEnabled: false, ...shadowSettings }));
     }, [
         shadowSettings,
         frozenColumns,
@@ -1180,10 +1186,10 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /**
      * Frozen row shadow
      */
-    const frozenRowShadow = react_1.useMemo(() => {
+    const frozenRowShadow = (0, react_1.useMemo)(() => {
         const frozenRowLineY = getRowOffset(frozenRows);
         const frozenRowLineX = getColumnOffset(Math.min(columnStopIndex + 1, columnCount));
-        return (react_1.default.createElement(ReactKonvaCore_1.Line, Object.assign({ points: [0, frozenRowLineY, frozenRowLineX, frozenRowLineY], offsetY: -0.5, strokeWidth: 1, shadowForStrokeEnabled: false, strokeScaleEnabled: false, hitStrokeWidth: 0, listening: false, perfectDrawEnabled: false }, shadowSettings)));
+        return (react_1.default.createElement(react_konva_1.Line, { points: [0, frozenRowLineY, frozenRowLineX, frozenRowLineY], offsetY: -0.5, strokeWidth: 1, shadowForStrokeEnabled: false, strokeScaleEnabled: false, hitStrokeWidth: 0, listening: false, perfectDrawEnabled: false, ...shadowSettings }));
     }, [
         shadowSettings,
         frozenRows,
@@ -1209,7 +1215,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 continue;
             }
             if (isMerged) {
-                const cellId = helpers_1.cellIdentifier(bounds.top, bounds.left);
+                const cellId = (0, helpers_1.cellIdentifier)(bounds.top, bounds.left);
                 if (mergedCellRenderMap.has(cellId)) {
                     continue;
                 }
@@ -1227,7 +1233,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                 rowIndex: actualRowIndex,
                 columnIndex: actualColumnIndex,
                 isMergedCell: isMerged,
-                key: helpers_1.itemKey({
+                key: (0, helpers_1.itemKey)({
                     rowIndex: actualRowIndex,
                     columnIndex: actualColumnIndex,
                 }),
@@ -1241,7 +1247,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
                     rowIndex: actualRowIndex,
                     columnIndex: actualColumnIndex,
                     isMergedCell: isMerged,
-                    key: helpers_1.itemKey({
+                    key: (0, helpers_1.itemKey)({
                         rowIndex: actualRowIndex,
                         columnIndex: actualColumnIndex,
                     }),
@@ -1465,7 +1471,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         const y = getRowOffset(top);
         const width = getColumnOffset(Math.min(columnCount, right + 1)) - x;
         const height = getRowOffset(Math.min(rowCount, bottom + 1)) - y;
-        borderStyleCells.push(utils_1.createHTMLBox({
+        borderStyleCells.push((0, utils_1.createHTMLBox)({
             ...rest,
             ...style,
             x,
@@ -1478,7 +1484,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         if (isLeftBoundFrozen) {
             const frozenColumnSelectionWidth = getColumnOffset(Math.min(right + 1, frozenColumns)) -
                 getColumnOffset(left);
-            borderStyleCellsFrozenColumns.push(utils_1.createHTMLBox({
+            borderStyleCellsFrozenColumns.push((0, utils_1.createHTMLBox)({
                 ...rest,
                 ...style,
                 type: "border",
@@ -1494,7 +1500,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
         }
         if (isTopBoundFrozen) {
             const frozenRowSelectionHeight = getRowOffset(Math.min(bottom + 1, frozenRows)) - getRowOffset(top);
-            borderStyleCellsFrozenRows.push(utils_1.createHTMLBox({
+            borderStyleCellsFrozenRows.push((0, utils_1.createHTMLBox)({
                 ...rest,
                 ...style,
                 type: "border",
@@ -1512,7 +1518,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             const frozenIntersectionSelectionHeight = getRowOffset(Math.min(bottom + 1, frozenRows)) - getRowOffset(top);
             const frozenIntersectionSelectionWidth = getColumnOffset(Math.min(right + 1, frozenColumns)) -
                 getColumnOffset(left);
-            borderStyleCellsIntersection.push(utils_1.createHTMLBox({
+            borderStyleCellsIntersection.push((0, utils_1.createHTMLBox)({
                 ...rest,
                 ...style,
                 type: "border",
@@ -1541,26 +1547,26 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
     /* Frozen column shadow */
     const frozenColumnShadowComponent = showFrozenShadow && frozenColumns !== 0 ? frozenColumnShadow : null;
     const stageChildren = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ReactKonvaCore_1.Layer, null,
-            react_1.default.createElement(ReactKonvaCore_1.Group, { clipX: frozenColumnWidth, clipY: frozenRowHeight, clipWidth: containerWidth - frozenColumnWidth, clipHeight: containerHeight - frozenRowHeight },
-                react_1.default.createElement(ReactKonvaCore_1.Group, { offsetY: scrollTop, offsetX: scrollLeft },
+        react_1.default.createElement(react_konva_1.Layer, null,
+            react_1.default.createElement(react_konva_1.Group, { clipX: frozenColumnWidth, clipY: frozenRowHeight, clipWidth: containerWidth - frozenColumnWidth, clipHeight: containerHeight - frozenRowHeight },
+                react_1.default.createElement(react_konva_1.Group, { offsetY: scrollTop, offsetX: scrollLeft },
                     gridLines,
                     cells,
                     cellOverlays,
                     ranges)),
-            react_1.default.createElement(ReactKonvaCore_1.Group, { clipX: frozenColumnWidth, clipY: 0, clipWidth: containerWidth - frozenColumnWidth, clipHeight: frozenRowHeight + frozenSpacing },
-                react_1.default.createElement(ReactKonvaCore_1.Group, { offsetY: 0, offsetX: scrollLeft },
+            react_1.default.createElement(react_konva_1.Group, { clipX: frozenColumnWidth, clipY: 0, clipWidth: containerWidth - frozenColumnWidth, clipHeight: frozenRowHeight + frozenSpacing },
+                react_1.default.createElement(react_konva_1.Group, { offsetY: 0, offsetX: scrollLeft },
                     gridLinesFrozenRow,
                     frozenRowCells,
                     frozenRowShadowComponent,
                     frozenRowCellOverlays)),
-            react_1.default.createElement(ReactKonvaCore_1.Group, { clipX: 0, clipY: frozenRowHeight, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: containerHeight - frozenRowHeight },
-                react_1.default.createElement(ReactKonvaCore_1.Group, { offsetY: scrollTop, offsetX: 0 },
+            react_1.default.createElement(react_konva_1.Group, { clipX: 0, clipY: frozenRowHeight, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: containerHeight - frozenRowHeight },
+                react_1.default.createElement(react_konva_1.Group, { offsetY: scrollTop, offsetX: 0 },
                     gridLinesFrozenColumn,
                     frozenColumnCells,
                     frozenColumnShadowComponent,
                     frozenColumnCellOverlays)),
-            react_1.default.createElement(ReactKonvaCore_1.Group, { offsetY: 0, offsetX: 0, clipX: 0, clipY: 0, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: frozenRowHeight + frozenSpacing },
+            react_1.default.createElement(react_konva_1.Group, { offsetY: 0, offsetX: 0, clipX: 0, clipY: 0, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: frozenRowHeight + frozenSpacing },
                 gridLinesFrozenIntersection,
                 frozenIntersectionCells,
                 frozenRowShadowComponent,
@@ -1573,7 +1579,7 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             })
             : null));
     const fillHandleWidth = 8;
-    const fillhandleComponent = showFillHandle && !isSelectionInProgress ? (react_1.default.createElement(FillHandle_1.default, Object.assign({}, fillHandleDimension, { stroke: selectionBorderColor, size: fillHandleWidth, borderColor: fillhandleBorderColor }, fillHandleProps))) : null;
+    const fillhandleComponent = showFillHandle && !isSelectionInProgress ? (react_1.default.createElement(FillHandle_1.default, { ...fillHandleDimension, stroke: selectionBorderColor, size: fillHandleWidth, borderColor: fillhandleBorderColor, ...fillHandleProps })) : null;
     const selectionChildren = (react_1.default.createElement("div", { style: {
             pointerEvents: "none",
         } },
@@ -1641,8 +1647,8 @@ const Grid = react_1.memo(react_1.forwardRef((props, forwardedRef) => {
             width: containerWidth,
             userSelect: "none",
         }, className: "rowsncolumns-grid", ref: scrollContainerRef },
-        react_1.default.createElement("div", Object.assign({ className: "rowsncolumns-grid-container", tabIndex: 0, ref: containerRef }, rest),
-            react_1.default.createElement(ReactKonvaCore_1.Stage, Object.assign({ width: containerWidth, height: containerHeight, ref: stageRef, listening: listenToEvents }, stageProps), wrapper(stageChildren))),
+        react_1.default.createElement("div", { className: "rowsncolumns-grid-container", tabIndex: 0, ref: containerRef, ...rest },
+            react_1.default.createElement(react_konva_1.Stage, { width: containerWidth, height: containerHeight, ref: stageRef, listening: listenToEvents, ...stageProps }, wrapper(stageChildren))),
         selectionChildren,
         showScrollbar ? (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("div", { className: "rowsncolumns-grid-scrollbar rowsncolumns-grid-scrollbar-y", tabIndex: -1, style: {