@rowsncolumns/grid 9.0.4 → 13.2.33

package/dist/{GridLine.d.ts → cjs/GridLine.d.ts}

@@ -1,4 +1,5 @@
+import type { ShapeConfig } from "konva/lib/Shape";
 import React from "react";
-import { ShapeConfig } from "konva/lib/Shape";
 declare const GridLine: React.FC<ShapeConfig>;
 export default GridLine;
+//# sourceMappingURL=GridLine.d.ts.map

package/dist/cjs/GridLine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLine.d.ts","sourceRoot":"","sources":["../../GridLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiBnC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/cjs/GridLine.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var react_konva_1 = require("react-konva");
+var GridLine = function (props) {
+    var points = props.points, stroke = props.stroke, strokeWidth = props.strokeWidth, offsetY = props.offsetY, offsetX = props.offsetX;
+    return (react_1.default.createElement(react_konva_1.Line, { points: points, stroke: stroke, strokeWidth: strokeWidth, offsetY: offsetY, offsetX: offsetX, shadowForStrokeEnabled: false, strokeScaleEnabled: false, hitStrokeWidth: 0, listening: false, perfectDrawEnabled: false, lineCap: "square" }));
+};
+exports.default = GridLine;

package/dist/cjs/Image.d.ts

@@ -0,0 +1,11 @@
+import type { ShapeConfig } from "konva/lib/Shape";
+import React from "react";
+export interface ImageProps extends ShapeConfig {
+    url: string;
+    spacing?: number;
+    horizontalAlignment?: "left" | "right" | "center";
+    verticalAlignment?: "top" | "middle" | "bottom";
+    enableCache?: boolean;
+}
+export declare const Image: React.MemoExoticComponent<(props: ImageProps) => React.JSX.Element | null>;
+//# sourceMappingURL=Image.d.ts.map

package/dist/cjs/Image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,MAAM,WAAW,UAAW,SAAQ,WAAW;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClD,iBAAiB,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,KAAK,oCAAgB,UAAU,8BA4D1C,CAAC"}

package/dist/cjs/Image.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_konva_1 = require("react-konva");
+var useImage_1 = tslib_1.__importDefault(require("./hooks/useImage"));
+exports.Image = (0, react_1.memo)(function (props) {
+    var url = props.url, _a = props.spacing, spacing = _a === void 0 ? 1 : _a, horizontalAlignment = props.horizontalAlignment, verticalAlignment = props.verticalAlignment, _b = props.width, containerWidth = _b === void 0 ? 0 : _b, _c = props.height, containerHeight = _c === void 0 ? 0 : _c, _d = props.enableCache, enableCache = _d === void 0 ? false : _d, rest = tslib_1.__rest(props, ["url", "spacing", "horizontalAlignment", "verticalAlignment", "width", "height", "enableCache"]);
+    var _e = props.width, width = _e === void 0 ? 0 : _e, _f = props.height, height = _f === void 0 ? 0 : _f, _g = props.x, x = _g === void 0 ? 0 : _g, _h = props.y, y = _h === void 0 ? 0 : _h;
+    var imageRef = (0, react_1.useRef)(null);
+    var _j = (0, useImage_1.default)({
+        url: url,
+    }), image = _j.image, imageWidth = _j.width, imageHeight = _j.height, status = _j.status;
+    var aspectRatio = (0, react_1.useMemo)(function () {
+        return Math.min((width - spacing) / imageWidth, (height - spacing) / imageHeight);
+    }, [imageWidth, imageHeight, width, height, spacing]);
+    x = x + spacing;
+    y = y + spacing;
+    width = Math.min(imageWidth, aspectRatio * imageWidth);
+    height = Math.min(imageHeight, aspectRatio * imageHeight);
+    (0, react_1.useEffect)(function () {
+        if (enableCache && imageRef.current) {
+            imageRef.current.cache();
+        }
+        // `image` must be a dependency: when `url` swaps between already-loaded images (an AOP chip's
+        // ic-flow → ic-session on completion), the shared image cache answers synchronously — `status`
+        // stays "loaded" and the dimensions are unchanged, so without it the Konva node keeps blitting
+        // the PREVIOUS icon's cached bitmap (scene graph updated, canvas stale) until a full remount.
+    }, [enableCache, status, width, height, image]);
+    if (status !== "loaded") {
+        return null;
+    }
+    x = x + getHorizontalOffset(horizontalAlignment, containerWidth, width);
+    y = y + getVerticalOffset(verticalAlignment, containerHeight, height);
+    return (react_1.default.createElement(react_konva_1.Image, tslib_1.__assign({ ref: imageRef }, rest, { x: x, y: y, height: height, width: width, image: image })));
+});
+var getHorizontalOffset = function (horizontalAlignment, containerWidth, imageWidth) {
+    switch (horizontalAlignment) {
+        case "center":
+            return (containerWidth - imageWidth) / 2;
+        case "right":
+            return containerWidth - imageWidth;
+        default:
+            return 0;
+    }
+};
+var getVerticalOffset = function (verticalAlignment, containerHeight, imageHeight) {
+    switch (verticalAlignment) {
+        case "middle":
+            return (containerHeight - imageHeight) / 2;
+        case "bottom":
+            return containerHeight - imageHeight - 1; // Cater for border;
+        default:
+            return 0;
+    }
+};

package/dist/cjs/MemoizedGrid.d.ts

@@ -0,0 +1,49 @@
+import type Konva from "konva";
+import type { ReactNode } from "react";
+import React from "react";
+import type { GridProps } from "./Grid";
+type RefAttribute = {
+    ref: React.Ref<Konva.Stage>;
+};
+type MemoizedGridProps = {
+    cells: ReactNode[];
+    gridLines: ReactNode[];
+    gridLinesFrozenRow: ReactNode[];
+    gridLinesFrozenColumn: ReactNode[];
+    gridLinesFrozenIntersection: ReactNode[];
+    cellOverlays: ReactNode[];
+    cellBackgrounds: ReactNode[];
+    frozenRowCellOverlays: ReactNode[];
+    frozenColumnCellOverlays: ReactNode[];
+    frozenRowCellBackgrounds: ReactNode[];
+    frozenColumnCellBackgrounds: ReactNode[];
+    frozenIntersectionCellOverlays: ReactNode[];
+    frozenIntersectionCellBackgrounds: ReactNode[];
+    frozenRowCells: ReactNode[];
+    frozenRowHeaderCells: ReactNode[];
+    frozenColumnCells: ReactNode[];
+    frozenColumnHeaderCells: ReactNode[];
+    frozenIntersectionCells: ReactNode[];
+    frozenIntersectionRowHeaderCells: ReactNode[];
+    frozenIntersectionColumnHeaderCells: ReactNode[];
+    frozenRowShadowComponent: React.JSX.Element | null;
+    frozenColumnShadowComponent: React.JSX.Element | null;
+    frozenColumnWidth: number;
+    frozenRowHeight: number;
+    width: number;
+    height: number;
+    frozenSpacing: number;
+    scrollTop: number;
+    scrollLeft: number;
+    headerRowHeight: number;
+    headerColumnWidth: number;
+    stageProps?: GridProps["stageProps"];
+    listening?: boolean;
+    showHeaders?: boolean;
+    wrapper?: GridProps["wrapper"];
+    rowHeaderStageRef?: React.RefObject<Konva.Stage | null>;
+    columnHeaderStageRef?: React.RefObject<Konva.Stage | null>;
+};
+export declare const MemoizedGrid: React.FunctionComponent<MemoizedGridProps & RefAttribute>;
+export {};
+//# sourceMappingURL=MemoizedGrid.d.ts.map

package/dist/cjs/MemoizedGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MemoizedGrid.d.ts","sourceRoot":"","sources":["../../MemoizedGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAmC,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAOxC,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;CAC7B,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,kBAAkB,EAAE,SAAS,EAAE,CAAC;IAChC,qBAAqB,EAAE,SAAS,EAAE,CAAC;IACnC,2BAA2B,EAAE,SAAS,EAAE,CAAC;IACzC,YAAY,EAAE,SAAS,EAAE,CAAC;IAC1B,eAAe,EAAE,SAAS,EAAE,CAAC;IAC7B,qBAAqB,EAAE,SAAS,EAAE,CAAC;IACnC,wBAAwB,EAAE,SAAS,EAAE,CAAC;IACtC,wBAAwB,EAAE,SAAS,EAAE,CAAC;IACtC,2BAA2B,EAAE,SAAS,EAAE,CAAC;IACzC,8BAA8B,EAAE,SAAS,EAAE,CAAC;IAC5C,iCAAiC,EAAE,SAAS,EAAE,CAAC;IAC/C,cAAc,EAAE,SAAS,EAAE,CAAC;IAC5B,oBAAoB,EAAE,SAAS,EAAE,CAAC;IAClC,iBAAiB,EAAE,SAAS,EAAE,CAAC;IAC/B,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,uBAAuB,EAAE,SAAS,EAAE,CAAC;IACrC,gCAAgC,EAAE,SAAS,EAAE,CAAC;IAC9C,mCAAmC,EAAE,SAAS,EAAE,CAAC;IACjD,wBAAwB,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACnD,2BAA2B,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;IACtD,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC/B,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;IACxD,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC;CAC5D,CAAC;AAyBF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAChD,iBAAiB,GAAG,YAAY,CA2HjC,CAAC"}

package/dist/cjs/MemoizedGrid.js

@@ -0,0 +1,105 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedGrid = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_konva_1 = require("react-konva");
+var helpers_1 = require("./helpers");
+var useResizeListener = function (layerRef) {
+    (0, helpers_1.useIsomorphicLayoutEffect)(function () {
+        if (helpers_1.canUseDOM) {
+            var handler_1 = function () {
+                if (layerRef.current) {
+                    layerRef.current.getCanvas().pixelRatio = (0, helpers_1.getDevicePixelRatio)();
+                }
+            };
+            var visibilityHandler_1 = function () {
+                var _a;
+                if (document.visibilityState === "visible") {
+                    (_a = layerRef.current) === null || _a === void 0 ? void 0 : _a.batchDraw();
+                }
+            };
+            window.addEventListener("resize", handler_1);
+            window.addEventListener("visibilitychange", visibilityHandler_1);
+            return function () {
+                window.removeEventListener("resize", handler_1);
+                window.removeEventListener("visibilitychange", visibilityHandler_1);
+            };
+        }
+    }, []);
+};
+exports.MemoizedGrid = (0, react_1.memo)((0, react_1.forwardRef)(function (props, forwardedRef) {
+    var cells = props.cells, gridLines = props.gridLines, cellOverlays = props.cellOverlays, cellBackgrounds = props.cellBackgrounds, frozenRowCells = props.frozenRowCells, frozenRowHeaderCells = props.frozenRowHeaderCells, gridLinesFrozenRow = props.gridLinesFrozenRow, frozenRowShadowComponent = props.frozenRowShadowComponent, frozenRowCellOverlays = props.frozenRowCellOverlays, frozenRowCellBackgrounds = props.frozenRowCellBackgrounds, frozenColumnCellBackgrounds = props.frozenColumnCellBackgrounds, gridLinesFrozenColumn = props.gridLinesFrozenColumn, frozenColumnCells = props.frozenColumnCells, frozenColumnHeaderCells = props.frozenColumnHeaderCells, frozenColumnShadowComponent = props.frozenColumnShadowComponent, frozenColumnCellOverlays = props.frozenColumnCellOverlays, gridLinesFrozenIntersection = props.gridLinesFrozenIntersection, frozenIntersectionCells = props.frozenIntersectionCells, frozenIntersectionCellOverlays = props.frozenIntersectionCellOverlays, frozenIntersectionCellBackgrounds = props.frozenIntersectionCellBackgrounds, frozenIntersectionRowHeaderCells = props.frozenIntersectionRowHeaderCells, frozenIntersectionColumnHeaderCells = props.frozenIntersectionColumnHeaderCells, frozenColumnWidth = props.frozenColumnWidth, frozenRowHeight = props.frozenRowHeight, width = props.width, height = props.height, frozenSpacing = props.frozenSpacing, scrollTop = props.scrollTop, scrollLeft = props.scrollLeft, headerRowHeight = props.headerRowHeight, headerColumnWidth = props.headerColumnWidth, showHeaders = props.showHeaders, listening = props.listening, columnHeaderStageRef = props.columnHeaderStageRef, rowHeaderStageRef = props.rowHeaderStageRef;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_konva_1.Stage, { width: width, height: height, ref: forwardedRef, listening: listening, className: "rnc-cell-stage print:mt-[var(--rnc-print-top-margin)] print:ml-[var(--rnc-print-left-margin)]" },
+            react_1.default.createElement(CellLayer, { cells: cells, gridLines: gridLines, cellOverlays: cellOverlays, cellBackgrounds: cellBackgrounds, frozenRowCells: frozenRowCells, gridLinesFrozenRow: gridLinesFrozenRow, frozenRowShadowComponent: frozenRowShadowComponent, frozenRowCellOverlays: frozenRowCellOverlays, frozenRowCellBackgrounds: frozenRowCellBackgrounds, frozenColumnCellBackgrounds: frozenColumnCellBackgrounds, gridLinesFrozenColumn: gridLinesFrozenColumn, frozenColumnCells: frozenColumnCells, frozenColumnShadowComponent: frozenColumnShadowComponent, frozenColumnCellOverlays: frozenColumnCellOverlays, gridLinesFrozenIntersection: gridLinesFrozenIntersection, frozenIntersectionCells: frozenIntersectionCells, frozenIntersectionCellOverlays: frozenIntersectionCellOverlays, frozenIntersectionCellBackgrounds: frozenIntersectionCellBackgrounds, frozenColumnWidth: frozenColumnWidth, frozenRowHeight: frozenRowHeight, frozenSpacing: frozenSpacing, scrollTop: scrollTop, scrollLeft: scrollLeft, width: width, height: height })),
+        showHeaders ? (react_1.default.createElement(react_konva_1.Stage, { width: width, height: headerRowHeight, listening: false, ref: columnHeaderStageRef, className: "rnc-header-stage absolute top-0 left-0 print:hidden" },
+            react_1.default.createElement(ColumnHeader, { frozenColumnWidth: frozenColumnWidth, frozenRowHeight: frozenRowHeight, frozenSpacing: frozenSpacing, frozenHeaderCells: frozenColumnHeaderCells, frozenIntersectionHeaderCells: frozenIntersectionColumnHeaderCells, scrollLeft: scrollLeft }))) : null,
+        showHeaders ? (react_1.default.createElement(react_konva_1.Stage, { width: headerColumnWidth, height: height, listening: false, ref: rowHeaderStageRef, className: "rnc-header-stage absolute top-0 left-0 print:hidden" },
+            react_1.default.createElement(RowHeader, { frozenColumnWidth: frozenColumnWidth, frozenRowHeight: frozenRowHeight, frozenSpacing: frozenSpacing, frozenHeaderCells: frozenRowHeaderCells, frozenIntersectionHeaderCells: frozenIntersectionRowHeaderCells, scrollTop: scrollTop }))) : null));
+}));
+/**
+ * Canvas layer to draw row headers
+ */
+var ColumnHeader = (0, react_1.memo)(function (_a) {
+    var frozenColumnWidth = _a.frozenColumnWidth, frozenRowHeight = _a.frozenRowHeight, scrollLeft = _a.scrollLeft, frozenSpacing = _a.frozenSpacing, frozenHeaderCells = _a.frozenHeaderCells, frozenIntersectionHeaderCells = _a.frozenIntersectionHeaderCells;
+    // Pixel ratio in sync
+    var layerRef = (0, react_1.useRef)(null);
+    useResizeListener(layerRef);
+    return (react_1.default.createElement(react_konva_1.Layer, { draggable: false, listening: false, imageSmoothingEnabled: false, ref: layerRef },
+        react_1.default.createElement(react_konva_1.Group, { offsetY: 0, offsetX: scrollLeft }, frozenHeaderCells),
+        react_1.default.createElement(react_konva_1.Group, { clipX: 0, clipY: 0, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: frozenRowHeight + frozenSpacing }, frozenIntersectionHeaderCells)));
+});
+ColumnHeader.displayName = "ColumnHeader";
+/**
+ * Canvas layer to draw column headers
+ */
+var RowHeader = (0, react_1.memo)(function (_a) {
+    var frozenColumnWidth = _a.frozenColumnWidth, frozenRowHeight = _a.frozenRowHeight, scrollTop = _a.scrollTop, frozenSpacing = _a.frozenSpacing, frozenHeaderCells = _a.frozenHeaderCells, frozenIntersectionHeaderCells = _a.frozenIntersectionHeaderCells;
+    // Pixel ratio in sync
+    var layerRef = (0, react_1.useRef)(null);
+    useResizeListener(layerRef);
+    return (react_1.default.createElement(react_konva_1.Layer, { draggable: false, listening: false, imageSmoothingEnabled: false, ref: layerRef },
+        react_1.default.createElement(react_konva_1.Group, { offsetY: scrollTop, offsetX: 0 }, frozenHeaderCells),
+        react_1.default.createElement(react_konva_1.Group, { clipX: 0, clipY: 0, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: frozenRowHeight + frozenSpacing }, frozenIntersectionHeaderCells)));
+});
+RowHeader.displayName = "RowHeader";
+/**
+ * Canvas layer to draw cells
+ */
+var CellLayer = (0, react_1.memo)(function (props) {
+    var cells = props.cells, gridLines = props.gridLines, cellOverlays = props.cellOverlays, cellBackgrounds = props.cellBackgrounds, frozenRowCells = props.frozenRowCells, gridLinesFrozenRow = props.gridLinesFrozenRow, frozenRowShadowComponent = props.frozenRowShadowComponent, frozenRowCellOverlays = props.frozenRowCellOverlays, frozenRowCellBackgrounds = props.frozenRowCellBackgrounds, gridLinesFrozenColumn = props.gridLinesFrozenColumn, frozenColumnCells = props.frozenColumnCells, frozenColumnShadowComponent = props.frozenColumnShadowComponent, frozenColumnCellOverlays = props.frozenColumnCellOverlays, frozenColumnCellBackgrounds = props.frozenColumnCellBackgrounds, gridLinesFrozenIntersection = props.gridLinesFrozenIntersection, frozenIntersectionCells = props.frozenIntersectionCells, frozenIntersectionCellOverlays = props.frozenIntersectionCellOverlays, frozenIntersectionCellBackgrounds = props.frozenIntersectionCellBackgrounds, frozenColumnWidth = props.frozenColumnWidth, frozenRowHeight = props.frozenRowHeight, width = props.width, height = props.height, frozenSpacing = props.frozenSpacing, scrollTop = props.scrollTop, scrollLeft = props.scrollLeft;
+    // Pixel ratio in sync
+    var layerRef = (0, react_1.useRef)(null);
+    useResizeListener(layerRef);
+    return (react_1.default.createElement(react_konva_1.Layer, { draggable: false, ref: layerRef },
+        react_1.default.createElement(react_konva_1.Group, { clipX: frozenColumnWidth, clipY: frozenRowHeight, clipWidth: width - frozenColumnWidth, clipHeight: height - frozenRowHeight },
+            react_1.default.createElement(react_konva_1.Group, { offsetY: scrollTop, offsetX: scrollLeft },
+                gridLines,
+                cellBackgrounds,
+                cellOverlays,
+                cells)),
+        react_1.default.createElement(react_konva_1.Group, { clipX: frozenColumnWidth, clipY: 0, clipWidth: width - frozenColumnWidth, clipHeight: frozenRowHeight + frozenSpacing },
+            react_1.default.createElement(react_konva_1.Group, { offsetY: 0, offsetX: scrollLeft },
+                gridLinesFrozenRow,
+                frozenRowCellBackgrounds,
+                frozenRowCellOverlays,
+                frozenRowCells,
+                frozenRowShadowComponent)),
+        react_1.default.createElement(react_konva_1.Group, { clipX: 0, clipY: frozenRowHeight, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: height - frozenRowHeight },
+            react_1.default.createElement(react_konva_1.Group, { offsetY: scrollTop, offsetX: 0 },
+                gridLinesFrozenColumn,
+                frozenColumnCellBackgrounds,
+                frozenColumnCellOverlays,
+                frozenColumnCells,
+                frozenColumnShadowComponent)),
+        react_1.default.createElement(react_konva_1.Group, { clipX: 0, clipY: 0, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: frozenRowHeight + frozenSpacing },
+            gridLinesFrozenIntersection,
+            frozenIntersectionCellBackgrounds,
+            frozenIntersectionCellOverlays,
+            frozenIntersectionCells,
+            frozenRowShadowComponent,
+            frozenColumnShadowComponent)));
+});
+CellLayer.displayName = "CellLayer";
+exports.MemoizedGrid.displayName = "MemoizedGrid";

package/dist/cjs/Selection.d.ts

@@ -0,0 +1,5 @@
+import type React from "react";
+import type { SelectionProps } from "./Grid";
+declare const Selection: React.FC<SelectionProps>;
+export default Selection;
+//# sourceMappingURL=Selection.d.ts.map

package/dist/cjs/Selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Selection.d.ts","sourceRoot":"","sources":["../../Selection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAG7C,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAEtC,CAAC;AAIH,eAAe,SAAS,CAAC"}

package/dist/cjs/Selection.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var utils_1 = require("./utils");
+var Selection = (0, react_1.memo)(function (props) {
+    return (0, utils_1.createHTMLBox)(tslib_1.__assign({ strokeWidth: 1 }, props));
+});
+Selection.displayName = "Selection";
+exports.default = Selection;

package/dist/{helpers.d.ts → cjs/helpers.d.ts}

@@ -1,5 +1,7 @@
-import { ItemSizer, InstanceInterface, AreaProps, CellInterface, CellMetaData, SelectionArea } from "./Grid";
-import { Direction } from "./types";
+import { useLayoutEffect } from "react";
+import type { FrameCallbackType } from "scheduler";
+import type { CellInterface, CellMetaData, GridRange, InstanceInterface, ItemSizer, SelectionArea } from "./Grid";
+import { Direction, RowRange } from "./types";
 export declare enum Align {
     start = "start",
     end = "end",
@@ -27,8 +29,9 @@ interface IRowStopIndex extends Omit<IItemMetaData, "itemType" | "index" | "offs
     startIndex: number;
     containerHeight: number;
     scrollTop: number;
+    visibleRowRanges?: RowRange[];
 }
-export declare const getRowStopIndexForStartIndex: ({ startIndex, rowCount, rowHeight, columnWidth, scrollTop, containerHeight, instanceProps, scale, }: IRowStopIndex) => number;
+export declare const getRowStopIndexForStartIndex: ({ startIndex, rowCount, rowHeight, columnWidth, scrollTop, containerHeight, instanceProps, scale, visibleRowRanges, }: IRowStopIndex) => number;
 export declare const getColumnStartIndexForOffset: ({ rowHeight, columnWidth, rowCount, columnCount, instanceProps, offset, scale, }: Omit<IItemMetaData, "index" | "itemType">) => number;
 interface IColumnStopIndex extends Omit<IItemMetaData, "itemType" | "index" | "offset" | "rowCount"> {
     startIndex: number;
@@ -36,15 +39,17 @@ interface IColumnStopIndex extends Omit<IItemMetaData, "itemType" | "index" | "o
     scrollLeft: number;
 }
 export declare const getColumnStopIndexForStartIndex: ({ startIndex, rowHeight, columnWidth, instanceProps, containerWidth, scrollLeft, columnCount, scale, }: IColumnStopIndex) => number;
-export declare const getBoundedCells: (area: AreaProps | null | undefined) => Set<unknown>;
+export declare const getBoundedCells: (area: GridRange | null | undefined) => Set<string>;
 export declare const itemKey: ({ rowIndex, columnIndex }: CellInterface) => string;
-export declare const getRowOffset: ({ index, rowHeight, columnWidth, instanceProps, scale, }: Omit<IGetItemMetadata, "itemType">) => number;
-export declare const getColumnOffset: ({ index, rowHeight, columnWidth, instanceProps, scale, }: Omit<IGetItemMetadata, "itemType">) => number;
+export declare const getRowOffset: ({ index, rowHeight, columnWidth, instanceProps, scale, readonly, visibleRowRanges, }: Omit<IGetItemMetadata, "itemType">) => number;
+export declare const getColumnOffset: ({ index, rowHeight, columnWidth, instanceProps, scale, readonly, }: Omit<IGetItemMetadata, "itemType">) => number;
 export declare const getRowHeight: (index: number, instanceProps: InstanceInterface) => number;
 export declare const getColumnWidth: (index: number, instanceProps: InstanceInterface) => number;
-interface IGetItemMetadata extends Pick<IItemMetaData, "itemType" | "index" | "rowHeight" | "columnWidth" | "instanceProps" | "scale"> {
-}
-export declare const getItemMetadata: ({ itemType, index, rowHeight, columnWidth, instanceProps, scale, }: IGetItemMetadata) => CellMetaData;
+type IGetItemMetadata = Pick<IItemMetaData, "itemType" | "index" | "rowHeight" | "columnWidth" | "instanceProps" | "scale"> & {
+    readonly?: boolean;
+    visibleRowRanges?: RowRange[];
+};
+export declare const getItemMetadata: ({ itemType, index, rowHeight, columnWidth, instanceProps, scale, readonly, visibleRowRanges, }: IGetItemMetadata) => CellMetaData;
 export declare const getEstimatedTotalHeight: (rowCount: number, instanceProps: InstanceInterface) => number;
 export declare const getEstimatedTotalWidth: (columnCount: number, instanceProps: InstanceInterface) => number;
 export declare const cellIdentifier: (rowIndex: number, columnIndex: number) => string;
@@ -56,6 +61,8 @@ export declare const cellIdentifier: (rowIndex: number, columnIndex: number) =>
 export declare function throttle<T extends Function>(func: T, limit: number): T;
 export declare function debounce<T extends Function>(cb: T, wait?: number): T;
 export declare function rafThrottle(callback: Function): (e: any) => void;
+export declare const scheduleIdlePriorityCallback: (callback: FrameCallbackType) => import("scheduler").CallbackNode;
+export declare function ricThrottle(callback: Function): (e: any) => void;
 export interface AlignmentProps extends Omit<IItemMetaData, "offset"> {
     containerHeight: number;
     containerWidth: number;
@@ -84,21 +91,14 @@ export declare const selectionFromActiveCell: (activeCell: CellInterface | null)
  * Check if a selection are spans multiple cells
  * @param sel
  */
-export declare const selectionSpansCells: (sel: AreaProps | undefined) => boolean;
+export declare const selectionSpansCells: (sel: GridRange | undefined) => boolean;
 /**
  * When user tries to drag a selection
  * @param initialSelection
  * @param from
  * @param to
  */
-export declare const newSelectionFromDrag: (initialSelection: SelectionArea, from: CellInterface, to: CellInterface, topBound: number | undefined, leftBound: number | undefined, rowCount: number, columnCount: number) => {
-    bounds: {
-        top: number;
-        left: number;
-        bottom: number;
-        right: number;
-    };
-};
+export declare const newSelectionFromDrag: (initialSelection: SelectionArea, from: CellInterface, to: CellInterface, topBound: number | undefined, leftBound: number | undefined, rowCount: number, columnCount: number) => SelectionArea;
 /**
  * Clamp cell coordinates to be inside activeCell and selection
  * @param coords
@@ -122,31 +122,31 @@ export declare const prepareClipboardData: (rows: (string | undefined)[][]) => [
  * @param selectionBounds
  * @param direction
  */
-export declare const findNextCellWithinBounds: (activeCellBounds: AreaProps, selectionBounds: AreaProps, direction?: Direction) => CellInterface | null;
+export declare const findNextCellWithinBounds: (activeCellBounds: GridRange, selectionBounds: GridRange, direction?: Direction) => CellInterface | null;
 /**
  * Check if 2 areas overlap
  * @param area1
  * @param area2
  */
-export declare const areaIntersects: (area1: AreaProps, area2: AreaProps) => boolean;
+export declare const areaIntersects: (area1: GridRange, area2: GridRange | undefined) => boolean;
 /**
  * Check if area is inside another area
  * @param needle
  * @param haystack
  */
-export declare const areaInsideArea: (needle: AreaProps, haystack: AreaProps) => boolean;
+export declare const areaInsideArea: (needle: GridRange, haystack: GridRange) => boolean;
 /**
  * Check if two areas are equal
  * @param area1
  * @param area2
  */
-export declare const isAreasEqual: (area1: AreaProps | undefined, area2: AreaProps | undefined) => boolean;
+export declare const isAreasEqual: (area1: GridRange | undefined, area2: GridRange | undefined) => boolean;
 /**
  * Get maximum bound of an area, caters to merged cells
  * @param area
  * @param boundGetter
  */
-export declare const extendAreaToMergedCells: (_area: AreaProps, mergedCells: AreaProps[]) => AreaProps;
+export declare const extendAreaToMergedCells: (_area: GridRange, mergedCells: GridRange[]) => GridRange;
 /**
  * Convert 2 cells to bounds
  * @param start
@@ -155,16 +155,31 @@ export declare const extendAreaToMergedCells: (_area: AreaProps, mergedCells: Ar
  *
  * 2 loops O(n)
  */
-export declare const cellRangeToBounds: (start: CellInterface, end: CellInterface, spanMerges: boolean | undefined, getCellBounds: (cell: CellInterface) => AreaProps) => {
-    top: number;
-    left: number;
-    right: number;
-    bottom: number;
+export declare const cellRangeToBounds: (start: CellInterface, end: CellInterface, spanMerges: boolean | undefined, getCellBounds: (cell: CellInterface) => GridRange, selectionLeftbound?: number, selectionTopBound?: number) => {
+    startRowIndex: number;
+    startColumnIndex: number;
+    endColumnIndex: number;
+    endRowIndex: number;
 };
+/**
+ * Create a range out of a cell
+ * @param param0
+ * @returns
+ */
+export declare const cellToArea: ({ rowIndex, columnIndex, }: CellInterface) => GridRange;
 /**
  * Check if its being rendered in Browser or SSR
  */
 export declare const canUseDOM: boolean;
+/**
+ * Make a font-family value safe for CSS font shorthand (canvas
+ * `ctx.font`). Family names that aren't a single safe identifier
+ * (leading digit, spaces with odd characters, slashes, …) must be
+ * quoted or the shorthand is invalid; generic families (sans-serif,
+ * serif, monospace, …) must stay unquoted to keep their generic
+ * meaning. Accepts a single family or a comma-separated stack.
+ */
+export declare const toCssFontFamily: (family: string) => string;
 /**
  * Simple Canvas element to measure text size
  *
@@ -188,7 +203,7 @@ type IOptions = {
 };
 export declare const AutoSizerCanvas: (defaults?: AutoSizerProps) => {
     context: CanvasRenderingContext2D | null;
-    measureText: (text: string | number) => {
+    measureText: (text: string, shouldWrap?: boolean, boundedWidth?: number) => {
         width: number;
         height: number;
     };
@@ -197,21 +212,21 @@ export declare const AutoSizerCanvas: (defaults?: AutoSizerProps) => {
 };
 export declare const autoSizerCanvas: {
     context: CanvasRenderingContext2D | null;
-    measureText: (text: string | number) => {
+    measureText: (text: string, shouldWrap?: boolean, boundedWidth?: number) => {
         width: number;
         height: number;
     };
     setFont: (options?: IOptions) => void;
     reset: () => void;
 };
-export declare const isNull: (value: any) => boolean;
-export declare const isEqualCells: (a: CellInterface | null, b: CellInterface | null) => boolean;
+export declare const isNull: (value: any) => value is undefined | null | "";
+export declare const isEqualCells: (a: CellInterface | null | undefined, b: CellInterface | null | undefined) => boolean;
 /**
  * Simple utility function to check if cell is within bounds
  * @param cell
  * @param bounds
  */
-export declare const isCellWithinBounds: (cell: CellInterface, bounds: AreaProps) => boolean;
+export declare const isCellWithinBounds: (cell: CellInterface, bounds?: GridRange) => boolean;
 /**
  * Find next row Index
  * @param rowIndex
@@ -219,7 +234,7 @@ export declare const isCellWithinBounds: (cell: CellInterface, bounds: AreaProps
  */
 export type HiddenType = (i: number) => boolean;
 export declare const clampIndex: (index: number, isHidden: HiddenType | undefined, direction: Direction) => number;
-type ValueGetter = (cell: CellInterface) => string | number | undefined;
+type ValueGetter = (sheetId: number, rowIndex: number, columnIndex: number) => string | number | undefined | null;
 /**
  * Find a cell with content if the current cell is out of the current dataregion
  * [
@@ -237,7 +252,7 @@ type ValueGetter = (cell: CellInterface) => string | number | undefined;
  * @param direction
  * @param limit
  */
-export declare const findNextContentfulCell: (activeCell: CellInterface, getValue: ValueGetter, isHidden: HiddenType | undefined, direction: Direction, limit: number) => CellInterface;
+export declare const findNextContentfulCell: (sheetId: number, activeCell: CellInterface, getValue: ValueGetter, isHidden: HiddenType | undefined, direction: Direction, limit: number) => CellInterface;
 /**
  * Find the next cell
  * @param activeCell
@@ -246,16 +261,21 @@ export declare const findNextContentfulCell: (activeCell: CellInterface, getValu
  * @param direction
  * @param limit
  */
-export declare const findLastContentfulCell: (activeCell: CellInterface, getValue: ValueGetter, isHidden: HiddenType | undefined, direction: Direction, limit: number) => CellInterface;
+export declare const findLastContentfulCell: (sheetId: number, activeCell: CellInterface, getValue: ValueGetter, isHidden: HiddenType | undefined, direction: Direction, limit: number) => CellInterface;
 /**
  * Ex
  */
-export declare const findNextCellInDataRegion: (activeCell: CellInterface, getValue: ValueGetter, isHidden: HiddenType | undefined, direction: Direction, limit: number) => number;
-export declare const focusableNodeNames: Set<string>;
+export declare const findNextCellInDataRegion: (sheetId: number, activeCell: CellInterface, getValue: ValueGetter, isHidden: HiddenType | undefined, direction: Direction, limit: number) => number;
 /**
  * Converts a value to string
  * @param value
  */
 export declare const castToString: (value: any) => string | undefined;
-export declare const isArrowKey: (keyCode: number) => boolean;
+export declare const isArrowKey: (key: string) => boolean;
+export declare const getScrollIncrement: (delta: number, minDim?: number) => number;
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;
+export declare const useCallbackRef: <T extends (...args: any[]) => any>(callback: T | undefined) => T;
+export declare const getDevicePixelRatio: () => number;
+export declare const getPreviousCellInDirection: (cell: CellInterface, direction?: Direction | undefined) => CellInterface | undefined;
 export {};
+//# sourceMappingURL=helpers.d.ts.map

package/dist/cjs/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../helpers.ts"],"names":[],"mappings":"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"}