@rowsncolumns/grid 9.0.4 → 13.2.32

package/dist/esm/GridLine.d.ts

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

package/dist/esm/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/esm/GridLine.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { Line } from "react-konva";
+const GridLine = (props) => {
+    const { points, stroke, strokeWidth, offsetY, offsetX } = props;
+    return (React.createElement(Line, { points: points, stroke: stroke, strokeWidth: strokeWidth, offsetY: offsetY, offsetX: offsetX, shadowForStrokeEnabled: false, strokeScaleEnabled: false, hitStrokeWidth: 0, listening: false, perfectDrawEnabled: false, lineCap: "square" }));
+};
+export default GridLine;

package/dist/esm/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/esm/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/esm/Image.js

@@ -0,0 +1,53 @@
+import React, { memo, useMemo, useEffect, useRef } from "react";
+import { Image as BaseImage } from "react-konva";
+import useImage from "./hooks/useImage";
+export const Image = memo((props) => {
+    const { url, spacing = 1, horizontalAlignment, verticalAlignment, width: containerWidth = 0, height: containerHeight = 0, enableCache = false, ...rest } = props;
+    let { width = 0, height = 0, x = 0, y = 0 } = props;
+    const imageRef = useRef(null);
+    const { image, width: imageWidth, height: imageHeight, status, } = useImage({
+        url,
+    });
+    const aspectRatio = useMemo(() => {
+        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);
+    useEffect(() => {
+        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.createElement(BaseImage, { ref: imageRef, ...rest, x: x, y: y, height: height, width: width, image: image }));
+});
+const getHorizontalOffset = (horizontalAlignment, containerWidth, imageWidth) => {
+    switch (horizontalAlignment) {
+        case "center":
+            return (containerWidth - imageWidth) / 2;
+        case "right":
+            return containerWidth - imageWidth;
+        default:
+            return 0;
+    }
+};
+const getVerticalOffset = (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/esm/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/esm/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/esm/MemoizedGrid.js

@@ -0,0 +1,98 @@
+import React, { forwardRef, memo, useRef } from "react";
+import { Group, Layer, Stage } from "react-konva";
+import { canUseDOM, getDevicePixelRatio, useIsomorphicLayoutEffect, } from "./helpers";
+const useResizeListener = (layerRef) => {
+    useIsomorphicLayoutEffect(() => {
+        if (canUseDOM) {
+            const handler = () => {
+                if (layerRef.current) {
+                    layerRef.current.getCanvas().pixelRatio = getDevicePixelRatio();
+                }
+            };
+            const visibilityHandler = () => {
+                if (document.visibilityState === "visible") {
+                    layerRef.current?.batchDraw();
+                }
+            };
+            window.addEventListener("resize", handler);
+            window.addEventListener("visibilitychange", visibilityHandler);
+            return () => {
+                window.removeEventListener("resize", handler);
+                window.removeEventListener("visibilitychange", visibilityHandler);
+            };
+        }
+    }, []);
+};
+export const MemoizedGrid = memo(forwardRef((props, forwardedRef) => {
+    const { cells, gridLines, cellOverlays, cellBackgrounds, frozenRowCells, frozenRowHeaderCells, gridLinesFrozenRow, frozenRowShadowComponent, frozenRowCellOverlays, frozenRowCellBackgrounds, frozenColumnCellBackgrounds, gridLinesFrozenColumn, frozenColumnCells, frozenColumnHeaderCells, frozenColumnShadowComponent, frozenColumnCellOverlays, gridLinesFrozenIntersection, frozenIntersectionCells, frozenIntersectionCellOverlays, frozenIntersectionCellBackgrounds, frozenIntersectionRowHeaderCells, frozenIntersectionColumnHeaderCells, frozenColumnWidth, frozenRowHeight, width, height, frozenSpacing, scrollTop, scrollLeft, headerRowHeight, headerColumnWidth, showHeaders, listening, columnHeaderStageRef, rowHeaderStageRef, } = props;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(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.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.createElement(Stage, { width: width, height: headerRowHeight, listening: false, ref: columnHeaderStageRef, className: "rnc-header-stage absolute top-0 left-0 print:hidden" },
+            React.createElement(ColumnHeader, { frozenColumnWidth: frozenColumnWidth, frozenRowHeight: frozenRowHeight, frozenSpacing: frozenSpacing, frozenHeaderCells: frozenColumnHeaderCells, frozenIntersectionHeaderCells: frozenIntersectionColumnHeaderCells, scrollLeft: scrollLeft }))) : null,
+        showHeaders ? (React.createElement(Stage, { width: headerColumnWidth, height: height, listening: false, ref: rowHeaderStageRef, className: "rnc-header-stage absolute top-0 left-0 print:hidden" },
+            React.createElement(RowHeader, { frozenColumnWidth: frozenColumnWidth, frozenRowHeight: frozenRowHeight, frozenSpacing: frozenSpacing, frozenHeaderCells: frozenRowHeaderCells, frozenIntersectionHeaderCells: frozenIntersectionRowHeaderCells, scrollTop: scrollTop }))) : null));
+}));
+/**
+ * Canvas layer to draw row headers
+ */
+const ColumnHeader = memo(({ frozenColumnWidth, frozenRowHeight, scrollLeft, frozenSpacing, frozenHeaderCells, frozenIntersectionHeaderCells, }) => {
+    // Pixel ratio in sync
+    const layerRef = useRef(null);
+    useResizeListener(layerRef);
+    return (React.createElement(Layer, { draggable: false, listening: false, imageSmoothingEnabled: false, ref: layerRef },
+        React.createElement(Group, { offsetY: 0, offsetX: scrollLeft }, frozenHeaderCells),
+        React.createElement(Group, { clipX: 0, clipY: 0, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: frozenRowHeight + frozenSpacing }, frozenIntersectionHeaderCells)));
+});
+ColumnHeader.displayName = "ColumnHeader";
+/**
+ * Canvas layer to draw column headers
+ */
+const RowHeader = memo(({ frozenColumnWidth, frozenRowHeight, scrollTop, frozenSpacing, frozenHeaderCells, frozenIntersectionHeaderCells, }) => {
+    // Pixel ratio in sync
+    const layerRef = useRef(null);
+    useResizeListener(layerRef);
+    return (React.createElement(Layer, { draggable: false, listening: false, imageSmoothingEnabled: false, ref: layerRef },
+        React.createElement(Group, { offsetY: scrollTop, offsetX: 0 }, frozenHeaderCells),
+        React.createElement(Group, { clipX: 0, clipY: 0, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: frozenRowHeight + frozenSpacing }, frozenIntersectionHeaderCells)));
+});
+RowHeader.displayName = "RowHeader";
+/**
+ * Canvas layer to draw cells
+ */
+const CellLayer = memo((props) => {
+    const { cells, gridLines, cellOverlays, cellBackgrounds, frozenRowCells, gridLinesFrozenRow, frozenRowShadowComponent, frozenRowCellOverlays, frozenRowCellBackgrounds, gridLinesFrozenColumn, frozenColumnCells, frozenColumnShadowComponent, frozenColumnCellOverlays, frozenColumnCellBackgrounds, gridLinesFrozenIntersection, frozenIntersectionCells, frozenIntersectionCellOverlays, frozenIntersectionCellBackgrounds, frozenColumnWidth, frozenRowHeight, width, height, frozenSpacing, scrollTop, scrollLeft, } = props;
+    // Pixel ratio in sync
+    const layerRef = useRef(null);
+    useResizeListener(layerRef);
+    return (React.createElement(Layer, { draggable: false, ref: layerRef },
+        React.createElement(Group, { clipX: frozenColumnWidth, clipY: frozenRowHeight, clipWidth: width - frozenColumnWidth, clipHeight: height - frozenRowHeight },
+            React.createElement(Group, { offsetY: scrollTop, offsetX: scrollLeft },
+                gridLines,
+                cellBackgrounds,
+                cellOverlays,
+                cells)),
+        React.createElement(Group, { clipX: frozenColumnWidth, clipY: 0, clipWidth: width - frozenColumnWidth, clipHeight: frozenRowHeight + frozenSpacing },
+            React.createElement(Group, { offsetY: 0, offsetX: scrollLeft },
+                gridLinesFrozenRow,
+                frozenRowCellBackgrounds,
+                frozenRowCellOverlays,
+                frozenRowCells,
+                frozenRowShadowComponent)),
+        React.createElement(Group, { clipX: 0, clipY: frozenRowHeight, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: height - frozenRowHeight },
+            React.createElement(Group, { offsetY: scrollTop, offsetX: 0 },
+                gridLinesFrozenColumn,
+                frozenColumnCellBackgrounds,
+                frozenColumnCellOverlays,
+                frozenColumnCells,
+                frozenColumnShadowComponent)),
+        React.createElement(Group, { clipX: 0, clipY: 0, clipWidth: frozenColumnWidth + frozenSpacing, clipHeight: frozenRowHeight + frozenSpacing },
+            gridLinesFrozenIntersection,
+            frozenIntersectionCellBackgrounds,
+            frozenIntersectionCellOverlays,
+            frozenIntersectionCells,
+            frozenRowShadowComponent,
+            frozenColumnShadowComponent)));
+});
+CellLayer.displayName = "CellLayer";
+MemoizedGrid.displayName = "MemoizedGrid";

package/dist/esm/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/esm/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/esm/Selection.js

@@ -0,0 +1,7 @@
+import { memo } from "react";
+import { createHTMLBox } from "./utils";
+const Selection = memo((props) => {
+    return createHTMLBox({ strokeWidth: 1, ...props });
+});
+Selection.displayName = "Selection";
+export default Selection;

package/dist/esm/helpers.d.ts

@@ -0,0 +1,281 @@
+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",
+    center = "center",
+    auto = "auto",
+    smart = "smart"
+}
+export declare enum ItemType {
+    row = "row",
+    column = "column"
+}
+export interface IItemMetaData {
+    itemType: ItemType;
+    offset: number;
+    index: number;
+    rowCount: number;
+    columnCount: number;
+    rowHeight: ItemSizer;
+    columnWidth: ItemSizer;
+    instanceProps: InstanceInterface;
+    scale: number;
+}
+export declare const getRowStartIndexForOffset: ({ rowHeight, columnWidth, rowCount, columnCount, instanceProps, offset, scale, }: Omit<IItemMetaData, "index" | "itemType">) => number;
+interface IRowStopIndex extends Omit<IItemMetaData, "itemType" | "index" | "offset" | "columnCount"> {
+    startIndex: number;
+    containerHeight: number;
+    scrollTop: number;
+    visibleRowRanges?: RowRange[];
+}
+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;
+    containerWidth: number;
+    scrollLeft: number;
+}
+export declare const getColumnStopIndexForStartIndex: ({ startIndex, rowHeight, columnWidth, instanceProps, containerWidth, scrollLeft, columnCount, scale, }: IColumnStopIndex) => number;
+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, 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;
+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;
+/**
+ * @desc Throttle fn
+ * @param func function
+ * @param limit Delay in milliseconds
+ */
+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;
+    align?: Align;
+    scrollOffset: number;
+    scrollbarSize: number;
+    frozenOffset: number;
+    estimatedTotalHeight: number;
+    estimatedTotalWidth: number;
+}
+export declare const getOffsetForIndexAndAlignment: ({ itemType, containerHeight, containerWidth, rowHeight, columnWidth, columnCount, rowCount, index, align, scrollOffset, instanceProps, scrollbarSize, frozenOffset, scale, estimatedTotalHeight, estimatedTotalWidth, }: AlignmentProps) => number;
+export declare const getOffsetForColumnAndAlignment: (props: Omit<AlignmentProps, "itemType">) => number;
+export declare const getOffsetForRowAndAlignment: (props: Omit<AlignmentProps, "itemType">) => number;
+export type TimeoutID = {
+    id: number;
+};
+export declare function cancelTimeout(timeoutID: TimeoutID): void;
+/**
+ * Create a throttler based on RAF
+ * @param callback
+ * @param delay
+ */
+export declare function requestTimeout(callback: Function, delay: number): TimeoutID;
+export declare const selectionFromActiveCell: (activeCell: CellInterface | null) => SelectionArea[];
+/**
+ * Check if a selection are spans multiple cells
+ * @param sel
+ */
+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) => SelectionArea;
+/**
+ * Clamp cell coordinates to be inside activeCell and selection
+ * @param coords
+ * @param activeCell
+ * @param selection
+ */
+export declare const clampCellCoords: (coords: CellInterface, activeCell: CellInterface | undefined, selection: SelectionArea | undefined) => CellInterface;
+/**
+ * Converts a number to alphabet
+ * @param i
+ */
+export declare const numberToAlphabet: (i: number) => string;
+/**
+ * Convert selections to html and csv data
+ * @param rows
+ */
+export declare const prepareClipboardData: (rows: (string | undefined)[][]) => [string, string];
+/**
+ * Cycles active cell within selecton bounds
+ * @param activeCellBounds
+ * @param selectionBounds
+ * @param direction
+ */
+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: GridRange, area2: GridRange | undefined) => boolean;
+/**
+ * Check if area is inside another area
+ * @param needle
+ * @param haystack
+ */
+export declare const areaInsideArea: (needle: GridRange, haystack: GridRange) => boolean;
+/**
+ * Check if two areas are equal
+ * @param area1
+ * @param area2
+ */
+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: GridRange, mergedCells: GridRange[]) => GridRange;
+/**
+ * Convert 2 cells to bounds
+ * @param start
+ * @param end
+ * @returns
+ *
+ * 2 loops O(n)
+ */
+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
+ *
+ * Usage
+ *
+ * ```
+ * const textSizer = new AutoSizer()
+ * textSizer.measureText('Hello world').width
+ * ```
+ */
+interface AutoSizerProps {
+    fontFamily?: string;
+    fontSize?: number;
+    fontWeight?: string;
+    fontStyle?: string;
+    lineHeight?: number;
+    scale?: number;
+}
+type IOptions = {
+    [key: string]: any;
+};
+export declare const AutoSizerCanvas: (defaults?: AutoSizerProps) => {
+    context: CanvasRenderingContext2D | null;
+    measureText: (text: string, shouldWrap?: boolean, boundedWidth?: number) => {
+        width: number;
+        height: number;
+    };
+    setFont: (options?: IOptions) => void;
+    reset: () => void;
+};
+export declare const autoSizerCanvas: {
+    context: CanvasRenderingContext2D | null;
+    measureText: (text: string, shouldWrap?: boolean, boundedWidth?: number) => {
+        width: number;
+        height: number;
+    };
+    setFont: (options?: IOptions) => void;
+    reset: () => void;
+};
+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?: GridRange) => boolean;
+/**
+ * Find next row Index
+ * @param rowIndex
+ * @param direction
+ */
+export type HiddenType = (i: number) => boolean;
+export declare const clampIndex: (index: number, isHidden: HiddenType | undefined, direction: Direction) => number;
+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
+ * [
+ *  1, 2, 3,
+ *  x, x, x
+ *  7, 8, 9
+ * ]
+ * activeCel = 2
+ * direction = Down
+ * New Cell = 8
+ *
+ * @param activeCell
+ * @param getValue
+ * @param isHidden
+ * @param direction
+ * @param limit
+ */
+export declare const findNextContentfulCell: (sheetId: number, activeCell: CellInterface, getValue: ValueGetter, isHidden: HiddenType | undefined, direction: Direction, limit: number) => CellInterface;
+/**
+ * Find the next cell
+ * @param activeCell
+ * @param getValue
+ * @param isHidden
+ * @param direction
+ * @param limit
+ */
+export declare const findLastContentfulCell: (sheetId: number, activeCell: CellInterface, getValue: ValueGetter, isHidden: HiddenType | undefined, direction: Direction, limit: number) => CellInterface;
+/**
+ * Ex
+ */
+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: (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/esm/helpers.d.ts.map

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