@rowsncolumns/grid 9.0.4 → 13.2.33

package/dist/{hooks → esm/hooks}/useUndo.js

@@ -1,32 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const types_1 = require("../types");
-const helpers_1 = require("../helpers");
+import { useCallback, useEffect, useReducer, useRef } from "react";
+import { KeyCodes } from "../types";
 /**
  * Undo/Redo hook
  * @param
  */
 const useUndo = (props = {}) => {
     const { enableGlobalKeyHandlers, onRedo, onUndo, identifier } = props;
-    const undoStack = (0, react_1.useRef)([]);
-    const undoStackPointer = (0, react_1.useRef)(-1);
-    const [_, forceRender] = (0, react_1.useReducer)((s) => s + 1, 0);
-    (0, react_1.useEffect)(() => {
+    const undoStack = useRef([]);
+    const undoStackPointer = useRef(-1);
+    const [_, forceRender] = useReducer((s) => s + 1, 0);
+    useEffect(() => {
         if (enableGlobalKeyHandlers)
             document.addEventListener("keydown", handleKeyDown);
         return () => document.removeEventListener("keydown", handleKeyDown);
     }, [enableGlobalKeyHandlers]);
-    const handleKeyDown = (0, react_1.useCallback)((e) => {
-        var _a;
+    const handleKeyDown = useCallback((e) => {
         /* Is user focused on an input, textarea or select element */
-        if (document.activeElement &&
-            helpers_1.focusableNodeNames.has((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.nodeName)) {
-            return;
-        }
         const isMeta = e.metaKey || e.ctrlKey;
-        const isUndo = isMeta && e.which === types_1.KeyCodes.Z;
-        const isRedo = (e.shiftKey && isUndo) || e.which === types_1.KeyCodes.KEY_Y;
+        const isUndo = isMeta && e.which === KeyCodes.Z;
+        const isRedo = (e.shiftKey && isUndo) || e.which === KeyCodes.KEY_Y;
         if (!isRedo && !isUndo)
             return;
         if (isRedo) {
@@ -36,7 +28,7 @@ const useUndo = (props = {}) => {
             handleUndo();
         }
     }, []);
-    const handleUndo = (0, react_1.useCallback)(() => {
+    const handleUndo = useCallback(() => {
         if (undoStackPointer.current < 0)
             return;
         const patches = undoStack.current[undoStackPointer.current].inversePatches;
@@ -44,7 +36,7 @@ const useUndo = (props = {}) => {
         onUndo && onUndo(patches);
         forceRender();
     }, []);
-    const handleRedo = (0, react_1.useCallback)(() => {
+    const handleRedo = useCallback(() => {
         if (undoStackPointer.current === undoStack.current.length - 1)
             return;
         undoStackPointer.current++;
@@ -52,7 +44,7 @@ const useUndo = (props = {}) => {
         onRedo && onRedo(patches);
         forceRender();
     }, []);
-    const addUndoable = (0, react_1.useCallback)((history) => {
+    const addUndoable = useCallback((history) => {
         const { patches, inversePatches } = history;
         const pointer = ++undoStackPointer.current;
         undoStack.current.length = pointer;
@@ -62,18 +54,18 @@ const useUndo = (props = {}) => {
     /**
      * Use for async update where you want to replace the last patch
      */
-    const replaceLastPatch = (0, react_1.useCallback)((patches, inversePatches) => {
+    const replaceLastPatch = useCallback((patches, inversePatches) => {
         if (patches === void 0) {
             return;
         }
         const currentStack = undoStack.current;
         const pointer = undoStackPointer.current;
         const curPatches = currentStack[pointer];
-        if ((curPatches === null || curPatches === void 0 ? void 0 : curPatches.patches) === void 0) {
+        if (curPatches?.patches === void 0) {
             return;
         }
         curPatches.patches.push(...patches);
-        if (inversePatches && (curPatches === null || curPatches === void 0 ? void 0 : curPatches.inversePatches)) {
+        if (inversePatches && curPatches?.inversePatches) {
             curPatches.inversePatches.unshift(...inversePatches);
         }
     }, []);
@@ -87,5 +79,4 @@ const useUndo = (props = {}) => {
         canRedo: !(undoStackPointer.current === undoStack.current.length - 1),
     };
 };
-exports.default = useUndo;
-//# sourceMappingURL=useUndo.js.map
+export default useUndo;

package/dist/esm/index.d.ts

@@ -0,0 +1,19 @@
+import { Cell, CellRenderer } from "./Cell";
+import { CellOverlay, CellRenderer as CellOverlayRenderer } from "./CellOverlay";
+import Grid from "./Grid";
+import useFilter from "./hooks/useFilter";
+import useUndo from "./hooks/useUndo";
+import { Image } from "./Image";
+import Selection from "./Selection";
+export { Grid, CellRenderer, Cell, CellOverlay, useUndo, useFilter, CellOverlayRenderer, Image, Selection, };
+export * from "./Grid";
+export * from "./helpers";
+export * from "./hooks/useFilter";
+export * from "./hooks/useUndo";
+export * from "./hooks/useTooltip";
+export * from "./hooks/useEditable";
+export * from "./types";
+export type { ImageProps } from "./Image";
+export * from "./utils";
+export * from "./Context";
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EACL,WAAW,EACX,YAAY,IAAI,mBAAmB,EACpC,MAAM,eAAe,CAAC;AACvB,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,WAAW,EACX,OAAO,EACP,SAAS,EACT,mBAAmB,EACnB,KAAK,EACL,SAAS,GACV,CAAC;AACF,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,17 @@
+import { Cell, CellRenderer } from "./Cell";
+import { CellOverlay, CellRenderer as CellOverlayRenderer, } from "./CellOverlay";
+import Grid from "./Grid";
+import useFilter from "./hooks/useFilter";
+import useUndo from "./hooks/useUndo";
+import { Image } from "./Image";
+import Selection from "./Selection";
+export { Grid, CellRenderer, Cell, CellOverlay, useUndo, useFilter, CellOverlayRenderer, Image, Selection, };
+export * from "./Grid";
+export * from "./helpers";
+export * from "./hooks/useFilter";
+export * from "./hooks/useUndo";
+export * from "./hooks/useTooltip";
+export * from "./hooks/useEditable";
+export * from "./types";
+export * from "./utils";
+export * from "./Context";

package/dist/esm/tsconfig.esm.tsbuildinfo

@@ -0,0 +1 @@
+{"root":["../../cell.tsx","../../celloverlay.tsx","../../context.tsx","../../fillhandle.tsx","../../grid.tsx","../../gridline.tsx","../../image.tsx","../../memoizedgrid.tsx","../../selection.tsx","../../helpers.ts","../../index.tsx","../../types.ts","../../utils.tsx","../../vitest.config.ts","../../hooks/usecopypaste.ts","../../hooks/useeditable.tsx","../../hooks/usefilter.tsx","../../hooks/useimage.ts","../../hooks/usepagination.tsx","../../hooks/usesizer.ts","../../hooks/usetooltip.tsx","../../hooks/useundo.ts"],"version":"5.8.3"}

package/dist/esm/types.d.ts

@@ -0,0 +1,70 @@
+export declare enum KeyCodes {
+    Right = 39,
+    Left = 37,
+    Up = 38,
+    Down = 40,
+    Escape = 27,
+    Tab = 9,
+    Meta = 91,
+    Delete = 46,
+    BackSpace = 8,
+    Enter = 13,
+    A = 65,
+    SPACE = 32,
+    ALT = 18,
+    C = 67,
+    Home = 36,
+    End = 35,
+    PageDown = 34,
+    PageUp = 33,
+    Z = 90,
+    CapsLock = 20,
+    KEY_B = 66,
+    KEY_I = 73,
+    KEY_U = 85,
+    KEY_X = 88,
+    KEY_L = 76,
+    KEY_E = 69,
+    KEY_R = 82,
+    BACK_SLASH = 220,
+    KEY_Y = 89,
+    ScrollLock = 145,
+    NumLock = 144,
+    Pause = 19,
+    Insert = 45,
+    F1 = 112,
+    F2 = 113,
+    F3 = 114,
+    F4 = 115,
+    F5 = 116,
+    F6 = 117,
+    F7 = 118,
+    F8 = 119,
+    F9 = 120,
+    F10 = 121,
+    F11 = 122,
+    F12 = 123
+}
+export declare enum Direction {
+    Up = "UP",
+    Down = "DOWN",
+    Left = "LEFT",
+    Right = "RIGHT"
+}
+export declare enum MimeType {
+    html = "text/html",
+    csv = "text/csv",
+    plain = "text/plain",
+    json = "application/json"
+}
+export declare enum MouseButtonCodes {
+    "left" = 0,
+    "middle" = 1,
+    "right" = 2
+}
+export type SelectionPolicy = "single" | "range" | "multiple";
+export type RowRange = {
+    start: number;
+    end: number;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../types.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,KAAK,KAAK;IACV,IAAI,KAAK;IACT,EAAE,KAAK;IACP,IAAI,KAAK;IACT,MAAM,KAAK;IACX,GAAG,IAAI;IACP,IAAI,KAAK;IACT,MAAM,KAAK;IACX,SAAS,IAAI;IACb,KAAK,KAAK;IACV,CAAC,KAAK;IACN,KAAK,KAAK;IACV,GAAG,KAAK;IACR,CAAC,KAAK;IACN,IAAI,KAAK;IACT,GAAG,KAAK;IACR,QAAQ,KAAK;IACb,MAAM,KAAK;IACX,CAAC,KAAK;IACN,QAAQ,KAAK;IACb,KAAK,KAAK;IACV,KAAK,KAAK;IACV,KAAK,KAAK;IACV,KAAK,KAAK;IACV,KAAK,KAAK;IACV,KAAK,KAAK;IACV,KAAK,KAAK;IACV,UAAU,MAAM;IAChB,KAAK,KAAK;IACV,UAAU,MAAM;IAChB,OAAO,MAAM;IACb,KAAK,KAAK;IACV,MAAM,KAAK;IACX,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,EAAE,MAAM;IACR,GAAG,MAAM;IACT,GAAG,MAAM;IACT,GAAG,MAAM;CACV;AAED,oBAAY,SAAS;IACnB,EAAE,OAAO;IACT,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,oBAAY,QAAQ;IAClB,IAAI,cAAc;IAClB,GAAG,aAAa;IAChB,KAAK,eAAe;IACpB,IAAI,qBAAqB;CAC1B;AAED,oBAAY,gBAAgB;IAC1B,MAAM,IAAI;IACV,QAAQ,IAAI;IACZ,OAAO,IAAI;CACZ;AAED,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb,CAAC"}

package/dist/esm/types.js

@@ -0,0 +1,68 @@
+export var KeyCodes;
+(function (KeyCodes) {
+    KeyCodes[KeyCodes["Right"] = 39] = "Right";
+    KeyCodes[KeyCodes["Left"] = 37] = "Left";
+    KeyCodes[KeyCodes["Up"] = 38] = "Up";
+    KeyCodes[KeyCodes["Down"] = 40] = "Down";
+    KeyCodes[KeyCodes["Escape"] = 27] = "Escape";
+    KeyCodes[KeyCodes["Tab"] = 9] = "Tab";
+    KeyCodes[KeyCodes["Meta"] = 91] = "Meta";
+    KeyCodes[KeyCodes["Delete"] = 46] = "Delete";
+    KeyCodes[KeyCodes["BackSpace"] = 8] = "BackSpace";
+    KeyCodes[KeyCodes["Enter"] = 13] = "Enter";
+    KeyCodes[KeyCodes["A"] = 65] = "A";
+    KeyCodes[KeyCodes["SPACE"] = 32] = "SPACE";
+    KeyCodes[KeyCodes["ALT"] = 18] = "ALT";
+    KeyCodes[KeyCodes["C"] = 67] = "C";
+    KeyCodes[KeyCodes["Home"] = 36] = "Home";
+    KeyCodes[KeyCodes["End"] = 35] = "End";
+    KeyCodes[KeyCodes["PageDown"] = 34] = "PageDown";
+    KeyCodes[KeyCodes["PageUp"] = 33] = "PageUp";
+    KeyCodes[KeyCodes["Z"] = 90] = "Z";
+    KeyCodes[KeyCodes["CapsLock"] = 20] = "CapsLock";
+    KeyCodes[KeyCodes["KEY_B"] = 66] = "KEY_B";
+    KeyCodes[KeyCodes["KEY_I"] = 73] = "KEY_I";
+    KeyCodes[KeyCodes["KEY_U"] = 85] = "KEY_U";
+    KeyCodes[KeyCodes["KEY_X"] = 88] = "KEY_X";
+    KeyCodes[KeyCodes["KEY_L"] = 76] = "KEY_L";
+    KeyCodes[KeyCodes["KEY_E"] = 69] = "KEY_E";
+    KeyCodes[KeyCodes["KEY_R"] = 82] = "KEY_R";
+    KeyCodes[KeyCodes["BACK_SLASH"] = 220] = "BACK_SLASH";
+    KeyCodes[KeyCodes["KEY_Y"] = 89] = "KEY_Y";
+    KeyCodes[KeyCodes["ScrollLock"] = 145] = "ScrollLock";
+    KeyCodes[KeyCodes["NumLock"] = 144] = "NumLock";
+    KeyCodes[KeyCodes["Pause"] = 19] = "Pause";
+    KeyCodes[KeyCodes["Insert"] = 45] = "Insert";
+    KeyCodes[KeyCodes["F1"] = 112] = "F1";
+    KeyCodes[KeyCodes["F2"] = 113] = "F2";
+    KeyCodes[KeyCodes["F3"] = 114] = "F3";
+    KeyCodes[KeyCodes["F4"] = 115] = "F4";
+    KeyCodes[KeyCodes["F5"] = 116] = "F5";
+    KeyCodes[KeyCodes["F6"] = 117] = "F6";
+    KeyCodes[KeyCodes["F7"] = 118] = "F7";
+    KeyCodes[KeyCodes["F8"] = 119] = "F8";
+    KeyCodes[KeyCodes["F9"] = 120] = "F9";
+    KeyCodes[KeyCodes["F10"] = 121] = "F10";
+    KeyCodes[KeyCodes["F11"] = 122] = "F11";
+    KeyCodes[KeyCodes["F12"] = 123] = "F12";
+})(KeyCodes || (KeyCodes = {}));
+export var Direction;
+(function (Direction) {
+    Direction["Up"] = "UP";
+    Direction["Down"] = "DOWN";
+    Direction["Left"] = "LEFT";
+    Direction["Right"] = "RIGHT";
+})(Direction || (Direction = {}));
+export var MimeType;
+(function (MimeType) {
+    MimeType["html"] = "text/html";
+    MimeType["csv"] = "text/csv";
+    MimeType["plain"] = "text/plain";
+    MimeType["json"] = "application/json";
+})(MimeType || (MimeType = {}));
+export var MouseButtonCodes;
+(function (MouseButtonCodes) {
+    MouseButtonCodes[MouseButtonCodes["left"] = 0] = "left";
+    MouseButtonCodes[MouseButtonCodes["middle"] = 1] = "middle";
+    MouseButtonCodes[MouseButtonCodes["right"] = 2] = "right";
+})(MouseButtonCodes || (MouseButtonCodes = {}));

package/dist/esm/utils.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { SelectionProps } from "./Grid";
+/**
+ * Create Pure HTML boxes
+ * @param param0
+ * @returns
+ */
+export declare const createHTMLBox: ({ x, y, width, height, fill, stroke, strokeLeftColor, strokeTopColor, strokeRightColor, strokeBottomColor, strokeWidth, strokeTopWidth, strokeRightWidth, strokeBottomWidth, strokeLeftWidth, index, strokeStyle, fillOpacity, draggable, isDragging, borderCoverWidth, children, ...props }: SelectionProps) => React.JSX.Element;
+//# sourceMappingURL=utils.d.ts.map

package/dist/esm/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,aAAa,GAAI,8RAwB3B,cAAc,sBA4IhB,CAAC"}

package/dist/esm/utils.js

@@ -0,0 +1,104 @@
+import React from "react";
+/**
+ * Create Pure HTML boxes
+ * @param param0
+ * @returns
+ */
+export const createHTMLBox = ({ x = 0, y = 0, width = 0, height = 0, fill, stroke, strokeLeftColor = stroke, strokeTopColor = stroke, strokeRightColor = stroke, strokeBottomColor = stroke, strokeWidth = 0, strokeTopWidth = strokeWidth, strokeRightWidth = strokeWidth, strokeBottomWidth = strokeWidth, strokeLeftWidth = strokeWidth, index, strokeStyle = "solid", fillOpacity = 1, draggable, isDragging, borderCoverWidth = 5, children, ...props }) => {
+    const lineStyles = {
+        borderWidth: 0,
+        position: "absolute",
+        pointerEvents: "none",
+    };
+    /**
+     * Border cover is so that there is enough
+     * draggable handle area for the user.
+     * Default is 5px
+     */
+    const showBorderCover = draggable;
+    const borderCoverStyle = {
+        position: "absolute",
+        pointerEvents: draggable ? "auto" : "none",
+        cursor: draggable ? (isDragging ? "grabbing" : "grab") : "initial",
+    };
+    width = width - Math.floor(strokeWidth / 2);
+    height = height - Math.floor(strokeWidth / 2);
+    const lines = [
+        React.createElement("div", { style: {
+                ...lineStyles,
+                transform: `translate3d(${x}px, ${y}px, 0)`,
+                width: width,
+                height: strokeTopWidth,
+                borderColor: strokeTopColor,
+                borderTopWidth: strokeTopWidth,
+                borderStyle: strokeStyle,
+            }, key: "top", ...props }),
+        React.createElement("div", { style: {
+                ...lineStyles,
+                transform: `translate3d(${x + width}px, ${y}px, 0)`,
+                width: strokeRightWidth,
+                height: height,
+                borderColor: strokeRightColor,
+                borderRightWidth: strokeRightWidth,
+                borderStyle: strokeStyle,
+            }, key: "right", ...props }),
+        React.createElement("div", { style: {
+                ...lineStyles,
+                transform: `translate3d(${x}px, ${y + height}px, 0)`,
+                width: width + strokeTopWidth,
+                height: strokeBottomWidth,
+                borderColor: strokeBottomColor,
+                borderBottomWidth: strokeBottomWidth,
+                borderStyle: strokeStyle,
+            }, key: "bottom", ...props }),
+        React.createElement("div", { style: {
+                ...lineStyles,
+                transform: `translate3d(${x}px, ${y}px, 0)`,
+                width: strokeLeftWidth,
+                height: height,
+                borderColor: strokeLeftColor,
+                borderLeftWidth: strokeLeftWidth,
+                borderStyle: strokeStyle,
+            }, key: "left", ...props }),
+    ];
+    const borderCovers = [
+        React.createElement("div", { style: {
+                ...borderCoverStyle,
+                transform: `translate3d(${x}px, ${y}px, 0)`,
+                width: width,
+                height: 5,
+            }, key: "top", ...props }),
+        React.createElement("div", { style: {
+                ...borderCoverStyle,
+                transform: `translate3d(${x + width - borderCoverWidth + strokeRightWidth}px, ${y}px, 0)`,
+                width: borderCoverWidth,
+                height: height,
+            }, key: "right", ...props }),
+        React.createElement("div", { style: {
+                ...borderCoverStyle,
+                transform: `translate3d(${x}px, ${y + height - borderCoverWidth + strokeBottomWidth}px, 0)`,
+                width: width + strokeTopWidth,
+                height: borderCoverWidth,
+            }, key: "bottom", ...props }),
+        React.createElement("div", { style: {
+                ...borderCoverStyle,
+                transform: `translate3d(${x}px, ${y}px, 0)`,
+                width: borderCoverWidth,
+                height: height,
+            }, key: "left", ...props }),
+    ];
+    return (React.createElement(React.Fragment, { key: index },
+        fill && (React.createElement("div", { style: {
+                position: "absolute",
+                transform: `translate3d(${x}px, ${y}px, 0)`,
+                height,
+                width,
+                backgroundColor: fill,
+                opacity: fillOpacity,
+                userSelect: "none",
+                pointerEvents: "none",
+            } })),
+        lines,
+        showBorderCover && borderCovers,
+        children));
+};

package/dist/esm/vitest.config.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vite").UserConfig;
+export default _default;
+//# sourceMappingURL=vitest.config.d.ts.map

package/dist/esm/vitest.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"vitest.config.d.ts","sourceRoot":"","sources":["../../vitest.config.ts"],"names":[],"mappings":";AAGA,wBAsBG"}

package/dist/esm/vitest.config.js

@@ -0,0 +1,22 @@
+// vitest.config.ts
+import { defineConfig } from "vitest/config";
+export default defineConfig({
+    test: {
+        globals: true,
+        environment: "jsdom",
+        // ✅ correct location for deps.inline
+        deps: {
+            inline: ["konva", "react-konva"],
+        },
+    },
+    // Ensure Vite bundles these for SSR-style test runs
+    ssr: {
+        noExternal: ["konva", "react-konva"],
+    },
+    // Prefer the ESM build of react-konva (avoid its CJS wrapper that requires konva)
+    resolve: {
+        alias: {
+            "react-konva": "react-konva/es/ReactKonvaCore.js",
+        },
+    },
+});

package/package.json

@@ -1,47 +1,46 @@
 {
   "name": "@rowsncolumns/grid",
   "description": "Declarative React Canvas Grid primitive for Data table, Pivot table, Excel Worksheets",
-  "version": "9.0.4",
-  "main": "dist/index.js",
-  "license": "MIT",
+  "version": "13.2.33",
+  "license": "SEE LICENSE IN LICENSE.md",
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
-  "scripts": {
-    "build": "rimraf dist && tsc -b",
-    "build:watch": "tsc -p . --watch",
-    "check:types": "tsc --noEmit",
-    "prepublish": "yarn build",
-    "prettier": "prettier src/**/*.{ts,tsx} --write",
-    "test": "jest",
-    "precommit": "yarn test && yarn check:types"
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
   },
-  "publishConfig": {
-    "access": "public"
+  "scripts": {
+    "build": "tsc -b ./tsconfig.cjs.json ./tsconfig.esm.json",
+    "clean": "rimraf dist",
+    "build:watch": "tsc -p ./tsconfig.esm.json --watch",
+    "test": "vitest --run",
+    "precommit": "yarn test && yarn check:types",
+    "lint": "eslint . --ext .ts,.tsx"
   },
   "author": "Vinay M <rmdort@gmail.com>",
   "repository": {
     "type": "git",
-    "url": "https://github.com/rowsncolumns/grid.git"
+    "url": "https://github.com/rowsncolumns/spreadsheet.git"
   },
   "bugs": {
-    "url": "https://github.com/rowsncolumns/grid/issues"
+    "url": "https://github.com/rowsncolumns/spreadsheet/issues"
   },
   "dependencies": {
-    "@types/scroller": "^0.1.1",
-    "konva": "^8.4.2",
-    "react-konva": "^18.2.5",
-    "scroller": "^0.0.3",
-    "tiny-invariant": "^1.1.0"
-  },
-  "peerDependencies": {
-    "react": ">=18.2.0",
-    "react-dom": ">=18.2.0"
+    "konva": "^10.0.12",
+    "react-konva": "^19.2.1",
+    "scheduler": "^0.26.0",
+    "tiny-invariant": "^1.3.3"
   },
   "devDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "canvas": "^3.2.0"
   },
-  "gitHead": "02a87374a592c095aad87bb7c339eee7ac919d37"
+  "peerDependencies": {
+    "react": ">16.13.1",
+    "react-dom": ">16.13.1"
+  }
 }

package/dist/Cell.d.ts

@@ -1,23 +0,0 @@
-import React from "react";
-import { RendererProps } from "./Grid";
-import { KonvaEventObject } from "konva/lib/Node";
-export interface CellProps extends RendererProps {
-    value?: string;
-    textColor?: string;
-    padding?: number;
-    fontWeight?: string;
-    fontStyle?: string;
-    onClick?: (e: KonvaEventObject<MouseEvent>) => void;
-}
-/**
- * Default cell component
- * @param props
- */
-declare const Cell: React.FC<CellProps>;
-/**
- * Default CellRenderer
- * @param props
- */
-declare const CellRenderer: (props: RendererProps) => JSX.Element;
-export default CellRenderer;
-export { CellRenderer, Cell };

package/dist/Cell.js

@@ -1,55 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = 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];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Cell = exports.CellRenderer = void 0;
-const react_1 = __importStar(require("react"));
-const react_konva_1 = require("react-konva");
-const helpers_1 = require("./helpers");
-/**
- * Default cell component
- * @param props
- */
-const Cell = (0, react_1.memo)((props) => {
-    const { x = 0, y = 0, width, height, value, fill = "white", strokeWidth = 1, stroke = "#d9d9d9", align = "left", verticalAlign = "middle", textColor = "#333", padding = 5, fontFamily = "Arial", fontSize = 12, children, wrap = "none", fontWeight = "normal", fontStyle = "normal", textDecoration, alpha = 1, strokeEnabled = true, globalCompositeOperation = "multiply", isOverlay, ...rest } = props;
-    if (isOverlay)
-        return null;
-    const fillEnabled = !!fill;
-    const textStyle = `${fontWeight} ${fontStyle}`;
-    return (react_1.default.createElement(react_konva_1.Group, { ...rest },
-        react_1.default.createElement(react_konva_1.Rect, { x: x + 0.5, y: y + 0.5, height: height, width: width, fill: fill, stroke: stroke, strokeWidth: strokeWidth, shadowForStrokeEnabled: false, strokeScaleEnabled: false, hitStrokeWidth: 0, alpha: alpha, fillEnabled: fillEnabled, strokeEnabled: strokeEnabled }),
-        (0, helpers_1.isNull)(value) ? null : (react_1.default.createElement(react_konva_1.Text, { x: x, y: y, height: height, width: width, text: value, fill: textColor, verticalAlign: verticalAlign, align: align, fontFamily: fontFamily, fontStyle: textStyle, textDecoration: textDecoration, padding: padding, wrap: wrap, fontSize: fontSize, hitStrokeWidth: 0 })),
-        children));
-});
-exports.Cell = Cell;
-/**
- * Default CellRenderer
- * @param props
- */
-const CellRenderer = (props) => {
-    return react_1.default.createElement(Cell, { ...props });
-};
-exports.CellRenderer = CellRenderer;
-exports.default = CellRenderer;
-//# sourceMappingURL=Cell.js.map

package/dist/Cell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Cell.js","sourceRoot":"","sources":["../src/Cell.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AAEpC,6CAAgD;AAEhD,uCAAmC;AAWnC;;;GAGG;AACH,MAAM,IAAI,GAAwB,IAAA,YAAI,EAAC,CAAC,KAAK,EAAE,EAAE;IAC/C,MAAM,EACJ,CAAC,GAAG,CAAC,EACL,CAAC,GAAG,CAAC,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACL,IAAI,GAAG,OAAO,EACd,WAAW,GAAG,CAAC,EACf,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,MAAM,EACd,aAAa,GAAG,QAAQ,EACxB,SAAS,GAAG,MAAM,EAClB,OAAO,GAAG,CAAC,EACX,UAAU,GAAG,OAAO,EACpB,QAAQ,GAAG,EAAE,EACb,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,UAAU,GAAG,QAAQ,EACrB,SAAS,GAAG,QAAQ,EACpB,cAAc,EACd,KAAK,GAAG,CAAC,EACT,aAAa,GAAG,IAAI,EACpB,wBAAwB,GAAG,UAAU,EACrC,SAAS,EACT,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IACV,IAAI,SAAS;QAAE,OAAO,IAAI,CAAC;IAC3B,MAAM,WAAW,GAAG,CAAC,CAAC,IAAI,CAAC;IAC3B,MAAM,SAAS,GAAG,GAAG,UAAU,IAAI,SAAS,EAAE,CAAC;IAC/C,OAAO,CACL,8BAAC,mBAAK,OAAK,IAAI;QACb,8BAAC,kBAAI,IACH,CAAC,EAAE,CAAC,GAAG,GAAG,EACV,CAAC,EAAE,CAAC,GAAG,GAAG,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,sBAAsB,EAAE,KAAK,EAC7B,kBAAkB,EAAE,KAAK,EACzB,cAAc,EAAE,CAAC,EACjB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,GAC5B;QACD,IAAA,gBAAM,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtB,8BAAC,kBAAI,IACH,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,CAAC,EACJ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,SAAS,EACf,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,CAAC,GACjB,CACH;QACA,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAWoB,oBAAI;AAT3B;;;GAGG;AACH,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;IAC5C,OAAO,8BAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAC7B,CAAC,CAAC;AAGO,oCAAY;AADrB,kBAAe,YAAY,CAAC"}