@gridsheet/react-core 0.12.0-rc.0

package/dist/components/ContextMenu.js

@@ -0,0 +1,207 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from "react";
+import { clip } from "../lib/clipboard";
+import { undo, redo, copy, cut, paste, setContextMenuPosition, updateTable, } from "../store/actions";
+import { areaToZone, zoneShape, zoneToArea } from "../lib/structs";
+import { Context } from "../store";
+export const ContextMenu = () => {
+    const { store, dispatch } = React.useContext(Context);
+    const { table, choosing, selectingZone, headerTopSelecting, headerLeftSelecting, editorRef, contextMenuPosition, } = store;
+    const { y, x } = choosing;
+    let { top: selectingTop, left: selectingLeft, bottom: selectingBottom, right: selectingRight, } = zoneToArea(selectingZone);
+    if (selectingTop === -1) {
+        [selectingTop, selectingLeft, selectingBottom, selectingRight] = [
+            y,
+            x,
+            y,
+            x,
+        ];
+    }
+    const [tableHeight, tableWidth] = [table.getNumRows(), table.getNumCols()];
+    const { height, width } = zoneShape(Object.assign(Object.assign({}, selectingZone), { base: 1 }));
+    const { y: top, x: left } = contextMenuPosition;
+    if (top === -1) {
+        return null;
+    }
+    const historyIndex = table.getHistoryIndex();
+    return (React.createElement("div", { className: "gs-contextmenu-modal", onClick: (e) => {
+            e.preventDefault();
+            dispatch(setContextMenuPosition({ y: -1, x: -1 }));
+            return false;
+        } },
+        React.createElement("div", { className: 'gs-contextmenu', style: {
+                top: top,
+                left: left,
+            } },
+            React.createElement("ul", null,
+                React.createElement("li", { className: "enabled", onClick: () => {
+                        const area = clip(store);
+                        dispatch(cut(areaToZone(area)));
+                    } },
+                    React.createElement("div", { className: "gs-menu-name" }, "Cut"),
+                    React.createElement("div", { className: "gs-menu-shortcut" },
+                        React.createElement("span", { className: "gs-menu-underline" }, "X"))),
+                React.createElement("li", { className: "enabled", onClick: () => {
+                        const area = clip(store);
+                        dispatch(copy(areaToZone(area)));
+                    } },
+                    React.createElement("div", { className: "gs-menu-name" }, "Copy"),
+                    React.createElement("div", { className: "gs-menu-shortcut" },
+                        React.createElement("span", { className: "gs-menu-underline" }, "C"))),
+                React.createElement("li", { className: "enabled", onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                        var _a;
+                        const text = ((_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.value) || "";
+                        dispatch(paste({ text }));
+                    }) },
+                    React.createElement("div", { className: "gs-menu-name" }, "Paste"),
+                    React.createElement("div", { className: "gs-menu-shortcut" },
+                        React.createElement("span", { className: "gs-menu-underline" }, "V"))),
+                React.createElement("li", { className: "gs-menu-divider" }),
+                !headerTopSelecting && (React.createElement("li", { className: table.maxNumRows !== -1 &&
+                        tableHeight + height > table.maxNumRows
+                        ? "disabled"
+                        : "enabled", onClick: (e) => {
+                        const newTable = table.addRows({
+                            y: selectingTop,
+                            numRows: height,
+                            baseY: selectingTop,
+                            reflection: {
+                                selectingZone,
+                                choosing,
+                            },
+                        });
+                        dispatch(updateTable(newTable));
+                    } },
+                    React.createElement("div", { className: "gs-menu-name" },
+                        "Insert ",
+                        height,
+                        " row",
+                        height > 0 && "s",
+                        " above"))),
+                !headerTopSelecting && (React.createElement("li", { className: table.maxNumRows !== -1 &&
+                        tableHeight + height > table.maxNumRows
+                        ? "disabled"
+                        : "enabled", onClick: (e) => {
+                        selectingZone.startY += height;
+                        selectingZone.endY += height;
+                        choosing.y += height;
+                        const newTable = table.addRows({
+                            y: selectingBottom + 1,
+                            numRows: height,
+                            baseY: selectingBottom,
+                            reflection: {
+                                selectingZone,
+                                choosing,
+                            },
+                        });
+                        dispatch(updateTable(newTable));
+                    } },
+                    React.createElement("div", { className: "gs-menu-name" },
+                        "Insert ",
+                        height,
+                        " row",
+                        height > 0 && "s",
+                        " below"))),
+                !headerLeftSelecting && (React.createElement("li", { className: table.maxNumCols !== -1 && tableWidth + width > table.maxNumCols
+                        ? "disabled"
+                        : "enabled", onClick: (e) => {
+                        const newTable = table.addCols({
+                            x: selectingLeft,
+                            numCols: width,
+                            baseX: selectingLeft,
+                            reflection: {
+                                selectingZone,
+                                choosing,
+                            },
+                        });
+                        dispatch(updateTable(newTable));
+                    } },
+                    React.createElement("div", { className: "gs-menu-name" },
+                        "Insert ",
+                        width,
+                        " column",
+                        width > 0 && "s",
+                        " left"))),
+                !headerLeftSelecting && (React.createElement("li", { className: table.maxNumCols !== -1 && tableWidth + width > table.maxNumCols
+                        ? "disabled"
+                        : "enabled", onClick: (e) => {
+                        selectingZone.startX += width;
+                        selectingZone.endX += width;
+                        choosing.x += width;
+                        const newTable = table.addCols({
+                            x: selectingRight + 1,
+                            numCols: width,
+                            baseX: selectingRight,
+                            reflection: {
+                                selectingZone,
+                                choosing,
+                            },
+                        });
+                        dispatch(updateTable(newTable));
+                    } },
+                    React.createElement("div", { className: "gs-menu-name" },
+                        "Insert ",
+                        width,
+                        " column",
+                        width > 0 && "s",
+                        " right"))),
+                !headerTopSelecting && (React.createElement("li", { className: table.minNumRows !== -1 &&
+                        tableHeight - height < table.minNumRows
+                        ? "disabled"
+                        : "enabled", onClick: (e) => {
+                        const newTable = table.removeRows({
+                            y: selectingTop,
+                            numRows: height,
+                            reflection: {
+                                selectingZone,
+                                choosing,
+                            },
+                        });
+                        dispatch(updateTable(newTable));
+                    } },
+                    React.createElement("div", { className: "gs-menu-name" },
+                        "Remove ",
+                        height,
+                        " row",
+                        height > 0 && "s"))),
+                !headerLeftSelecting && (React.createElement("li", { className: table.minNumCols !== -1 && tableWidth - width < table.minNumCols
+                        ? "disabled"
+                        : "enabled", onClick: (e) => {
+                        const newTable = table.removeCols({
+                            x: selectingLeft,
+                            numCols: width,
+                            reflection: {
+                                selectingZone,
+                                choosing,
+                            },
+                        });
+                        dispatch(updateTable(newTable));
+                    } },
+                    React.createElement("div", { className: "gs-menu-name" },
+                        "Remove ",
+                        width,
+                        " column",
+                        width > 0 && "s"))),
+                (historyIndex > -1 || historyIndex < table.getHistorySize() - 1) && (React.createElement("li", { className: "gs-menu-divider" })),
+                historyIndex > -1 && (React.createElement("li", { onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                        dispatch(undo(null));
+                    }) },
+                    React.createElement("div", { className: "gs-menu-name" }, "Undo"),
+                    React.createElement("div", { className: "gs-menu-shortcut" },
+                        React.createElement("span", { className: "gs-menu-underline" }, "Z")))),
+                historyIndex < table.getHistorySize() - 1 && (React.createElement("li", { onClick: () => __awaiter(void 0, void 0, void 0, function* () {
+                        dispatch(redo(null));
+                    }) },
+                    React.createElement("div", { className: "gs-menu-name" }, "Redo"),
+                    React.createElement("div", { className: "gs-menu-shortcut" },
+                        React.createElement("span", { className: "gs-menu-underline" }, "R"))))))));
+};
+//# sourceMappingURL=ContextMenu.js.map

package/dist/components/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../src/components/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/dist/components/Editor.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const Editor: React.FC;
+//# sourceMappingURL=Editor.d.ts.map

package/dist/components/Editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EA2V1B,CAAC"}

package/dist/components/Editor.js

@@ -0,0 +1,304 @@
+import React from "react";
+import { x2c, y2r } from "../lib/converters";
+import { clip } from "../lib/clipboard";
+import { blur, clear, escape, select, setEditingCell, undo, redo, arrow, walk, write, copy, cut, paste, setSearchQuery, setEntering, } from "../store/actions";
+import { Context } from "../store";
+import { areaToZone } from "../lib/structs";
+import { DEFAULT_HEIGHT } from "../constants";
+export const Editor = () => {
+    const { store, dispatch } = React.useContext(Context);
+    const { showAddress, editorRect, editingCell, choosing, selectingZone, entering, searchQuery, editorRef, searchInputRef, editingOnEnter, onSave, table, } = store;
+    let { y, x } = choosing;
+    const rowId = `${y2r(y)}`;
+    const colId = x2c(x);
+    const address = `${colId}${rowId}`;
+    const [before, setBefore] = React.useState("");
+    const editing = editingCell === address;
+    const cell = table.getByPoint({ y, x });
+    const headerTop = table.getByPoint({ y: 0, x });
+    const value = cell === null || cell === void 0 ? void 0 : cell.value;
+    const { y: top, x: left, height, width } = editorRect;
+    const writeCell = (value) => {
+        if (before !== value) {
+            dispatch(write(value));
+        }
+        setBefore("");
+    };
+    const [isKeyDown, setIsKeyDown] = React.useState(false);
+    const handleKeyDown = (e) => {
+        if (isKeyDown) {
+            return;
+        }
+        // do not debounce it if control key is down.
+        if (!(e.key === "Meta" || e.key === "Control")) {
+            setIsKeyDown(true);
+            const timeout = window.setTimeout(() => {
+                setIsKeyDown(false);
+                window.clearTimeout(timeout);
+            }, 10);
+        }
+        const input = e.currentTarget;
+        const shiftKey = e.shiftKey;
+        switch (e.key) {
+            case "Tab": // TAB
+                e.preventDefault();
+                if (editing) {
+                    writeCell(input.value);
+                    dispatch(setEditingCell(""));
+                    input.value = "";
+                }
+                dispatch(walk({
+                    numRows: table.getNumRows(),
+                    numCols: table.getNumCols(),
+                    deltaY: 0,
+                    deltaX: shiftKey ? -1 : 1,
+                }));
+                dispatch(setEditingCell(""));
+                return false;
+            case "Enter": // ENTER
+                if (editing) {
+                    if (e.altKey) {
+                        input.value = `${input.value}\n`;
+                        input.style.height = `${input.clientHeight + DEFAULT_HEIGHT}px`;
+                        return false;
+                    }
+                    else {
+                        if (e.nativeEvent.isComposing) {
+                            return false;
+                        }
+                        writeCell(input.value);
+                        dispatch(setEditingCell(""));
+                        input.value = "";
+                    }
+                }
+                else if (editingOnEnter && selectingZone.startY === -1) {
+                    const dblclick = document.createEvent("MouseEvents");
+                    dblclick.initEvent("dblclick", true, true);
+                    input.dispatchEvent(dblclick);
+                    e.preventDefault();
+                    return false;
+                }
+                dispatch(walk({
+                    numRows: table.getNumRows(),
+                    numCols: table.getNumCols(),
+                    deltaY: shiftKey ? -1 : 1,
+                    deltaX: 0,
+                }));
+                e.preventDefault();
+                return false;
+            case "Backspace": // BACKSPACE
+                if (!editing) {
+                    dispatch(clear(null));
+                    return false;
+                }
+            case "Shift": // SHIFT
+                return false;
+            case "Control": // CTRL
+                return false;
+            case "Alt": // OPTION
+                return false;
+            case "Meta": // COMMAND
+                return false;
+            case "NumLock": // NUMLOCK
+                return false;
+            case "Escape": // ESCAPE
+                dispatch(escape(null));
+                dispatch(setSearchQuery(undefined));
+                input.value = "";
+                // input.blur();
+                return false;
+            case "ArrowLeft": // LEFT
+                if (!editing) {
+                    dispatch(arrow({
+                        shiftKey,
+                        numRows: table.getNumRows(),
+                        numCols: table.getNumCols(),
+                        deltaY: 0,
+                        deltaX: -1,
+                    }));
+                    return false;
+                }
+            case "ArrowUp": // UP
+                if (!editing) {
+                    dispatch(arrow({
+                        shiftKey,
+                        numRows: table.getNumRows(),
+                        numCols: table.getNumCols(),
+                        deltaY: -1,
+                        deltaX: 0,
+                    }));
+                    return false;
+                }
+            case "ArrowRight": // RIGHT
+                if (!editing) {
+                    dispatch(arrow({
+                        shiftKey,
+                        numRows: table.getNumRows(),
+                        numCols: table.getNumCols(),
+                        deltaY: 0,
+                        deltaX: 1,
+                    }));
+                    return false;
+                }
+            case "ArrowDown": // DOWN
+                if (!editing) {
+                    dispatch(arrow({
+                        shiftKey,
+                        numRows: table.getNumRows(),
+                        numCols: table.getNumCols(),
+                        deltaY: 1,
+                        deltaX: 0,
+                    }));
+                    return false;
+                }
+            case "a": // A
+                if (e.ctrlKey || e.metaKey) {
+                    if (!editing) {
+                        e.preventDefault();
+                        dispatch(select({
+                            startY: 0,
+                            startX: 0,
+                            endY: table.getNumRows(),
+                            endX: table.getNumCols(),
+                        }));
+                        return false;
+                    }
+                }
+            case "c": // C
+                if (e.ctrlKey || e.metaKey) {
+                    if (!editing) {
+                        e.preventDefault();
+                        const area = clip(store);
+                        dispatch(copy(areaToZone(area)));
+                        input.focus(); // refocus
+                        return false;
+                    }
+                }
+            case "f": // F
+                if (e.ctrlKey || e.metaKey) {
+                    if (!editing) {
+                        e.preventDefault();
+                        if (typeof searchQuery === "undefined") {
+                            dispatch(setSearchQuery(""));
+                        }
+                        dispatch(setEntering(false));
+                        window.setTimeout(() => { var _a; return (_a = searchInputRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 100);
+                        return false;
+                    }
+                }
+            case "r": // R
+                if (e.ctrlKey || e.metaKey) {
+                    if (!editing) {
+                        e.preventDefault();
+                        dispatch(redo(null));
+                        window.setTimeout(() => (input.value = ""), 100); // resetting textarea
+                        return false;
+                    }
+                }
+            case "s": // S
+                if (e.ctrlKey || e.metaKey) {
+                    if (!editing) {
+                        e.preventDefault();
+                        onSave &&
+                            onSave(table, {
+                                pointing: choosing,
+                                selectingFrom: {
+                                    y: selectingZone.startY,
+                                    x: selectingZone.startX,
+                                },
+                                selectingTo: {
+                                    y: selectingZone.endY,
+                                    x: selectingZone.endX,
+                                },
+                            });
+                        return false;
+                    }
+                }
+            case "v": // V
+                if (e.ctrlKey || e.metaKey) {
+                    if (!editing) {
+                        window.setTimeout(() => {
+                            dispatch(paste({ text: input.value }));
+                            input.value = "";
+                        }, 50);
+                        return false;
+                    }
+                }
+            case "x": // X
+                if (e.ctrlKey || e.metaKey) {
+                    if (!editing) {
+                        e.preventDefault();
+                        const area = clip(store);
+                        dispatch(cut(areaToZone(area)));
+                        input.focus(); // refocus
+                        return false;
+                    }
+                }
+            case "z": // Z
+                if (e.ctrlKey || e.metaKey) {
+                    if (!editing) {
+                        e.preventDefault();
+                        if (e.shiftKey) {
+                            dispatch(redo(null));
+                            window.setTimeout(() => (input.value = ""), 100); // resetting textarea
+                        }
+                        else {
+                            dispatch(undo(null));
+                        }
+                        return false;
+                    }
+                }
+            case ";": // semicolon
+                if (e.ctrlKey || e.metaKey) {
+                    if (!editing) {
+                        e.preventDefault();
+                        // MAYBE: need to aware timezone.
+                        writeCell(new Date().toDateString());
+                    }
+                }
+        }
+        if (e.ctrlKey || e.metaKey) {
+            return false;
+        }
+        dispatch(setEditingCell(address));
+        return false;
+    };
+    if (y === -1 || x === -1) {
+        return React.createElement(React.Fragment, null);
+    }
+    return (React.createElement("div", { className: `gs-editor ${editing ? "gs-editing" : ""}`, style: editing ? { top, left, height, width } : {} },
+        showAddress && React.createElement("div", { className: "gs-cell-label" }, address),
+        React.createElement("textarea", { autoFocus: true, draggable: false, ref: editorRef, style: Object.assign(Object.assign({}, cell === null || cell === void 0 ? void 0 : cell.style), { height,
+                width }), rows: typeof value === "string" ? value.split("\n").length : 1, onFocus: (e) => {
+                e.currentTarget.value = "";
+            }, onDoubleClick: (e) => {
+                const input = e.currentTarget;
+                if (!editing) {
+                    input.value = table.stringify({ y, x }, value);
+                    setBefore(input.value);
+                    dispatch(setEditingCell(address));
+                    input.style.width = `${width}px`;
+                    input.style.height = `${height}px`;
+                    window.setTimeout(() => {
+                        input.style.width = `${input.scrollWidth}px`;
+                        input.style.height = `${input.scrollHeight}px`;
+                        const length = new String(input.value).length;
+                        input.setSelectionRange(length, length);
+                    }, 20);
+                }
+            }, onBlur: (e) => {
+                if (editing) {
+                    writeCell(e.target.value);
+                }
+                e.target.value = "";
+                dispatch(blur(null));
+                window.setTimeout(() => entering && e.target.focus(), 100);
+            }, onInput: (e) => {
+                const input = e.currentTarget;
+                input.style.width = `${width}px`;
+                input.style.width = `${input.scrollWidth}px`;
+                input.style.height = `${height}px`;
+                input.style.height = `${input.scrollHeight}px`;
+            }, onKeyDown: handleKeyDown })));
+};
+//# sourceMappingURL=Editor.js.map

package/dist/components/Editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,MAAM,EACN,cAAc,EACd,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,GAAG,EACH,KAAK,EACL,cAAc,EACd,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,cAAc,EAAC,MAAM,cAAc,CAAC;AAG5C,MAAM,CAAC,MAAM,MAAM,GAAa,GAAG,EAAE;IACnC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAEtD,MAAM,EACJ,WAAW,EACX,UAAU,EACV,WAAW,EACX,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,WAAW,EACX,SAAS,EACT,cAAc,EACd,cAAc,EACd,MAAM,EACN,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC;IACxB,MAAM,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1B,MAAM,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IACrB,MAAM,OAAO,GAAG,GAAG,KAAK,GAAG,KAAK,EAAE,CAAC;IACnC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,WAAW,KAAK,OAAO,CAAA;IAEvC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,CAAC;IAC1B,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC;IAEtD,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE;QAClC,IAAI,MAAM,KAAK,KAAK,EAAE;YACpB,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;SACxB;QACD,SAAS,CAAC,EAAE,CAAC,CAAC;IAChB,CAAC,CAAC;IAEF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,CAAC,CAA2C,EAAE,EAAE;QACpE,IAAI,SAAS,EAAE;YACb,OAAO;SACR;QACD,6CAA6C;QAC7C,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,EAAE;YAC9C,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACrC,YAAY,CAAC,KAAK,CAAC,CAAC;gBACpB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;SACR;QACD,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC;QAC9B,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC;QAC5B,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,KAAK,EAAE,MAAM;gBAChB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,OAAO,EAAE;oBACX,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBACvB,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;oBAC7B,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;iBAClB;gBACD,QAAQ,CACN,IAAI,CAAC;oBACH,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;oBAC3B,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;oBAC3B,MAAM,EAAE,CAAC;oBACT,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC1B,CAAC,CACH,CAAC;gBACF,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;gBAC7B,OAAO,KAAK,CAAC;YACf,KAAK,OAAO,EAAE,QAAQ;gBACpB,IAAI,OAAO,EAAE;oBACX,IAAI,CAAC,CAAC,MAAM,EAAE;wBACZ,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC;wBACjC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,GAAG,cAAc,IAAI,CAAC;wBAChE,OAAO,KAAK,CAAC;qBACd;yBAAM;wBACL,IAAI,CAAC,CAAC,WAAW,CAAC,WAAW,EAAE;4BAC7B,OAAO,KAAK,CAAC;yBACd;wBACD,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;wBACvB,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;wBAC7B,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;qBAClB;iBACF;qBAAM,IAAI,cAAc,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,EAAE;oBACxD,MAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;oBACrD,QAAQ,CAAC,SAAS,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;oBAC3C,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;oBAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,OAAO,KAAK,CAAC;iBACd;gBACD,QAAQ,CACN,IAAI,CAAC;oBACH,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;oBAC3B,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;oBAC3B,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACzB,MAAM,EAAE,CAAC;iBACV,CAAC,CACH,CAAC;gBACF,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,KAAK,CAAC;YACf,KAAK,WAAW,EAAE,YAAY;gBAC5B,IAAI,CAAC,OAAO,EAAE;oBACZ,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;oBACtB,OAAO,KAAK,CAAC;iBACd;YACH,KAAK,OAAO,EAAE,QAAQ;gBACpB,OAAO,KAAK,CAAC;YACf,KAAK,SAAS,EAAE,OAAO;gBACrB,OAAO,KAAK,CAAC;YACf,KAAK,KAAK,EAAE,SAAS;gBACnB,OAAO,KAAK,CAAC;YACf,KAAK,MAAM,EAAE,UAAU;gBACrB,OAAO,KAAK,CAAC;YACf,KAAK,SAAS,EAAE,UAAU;gBACxB,OAAO,KAAK,CAAC;YACf,KAAK,QAAQ,EAAE,SAAS;gBACtB,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;gBACvB,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;gBACpC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;gBACjB,gBAAgB;gBAChB,OAAO,KAAK,CAAC;YACf,KAAK,WAAW,EAAE,OAAO;gBACvB,IAAI,CAAC,OAAO,EAAE;oBACZ,QAAQ,CACN,KAAK,CAAC;wBACJ,QAAQ;wBACR,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;wBAC3B,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;wBAC3B,MAAM,EAAE,CAAC;wBACT,MAAM,EAAE,CAAC,CAAC;qBACX,CAAC,CACH,CAAC;oBACF,OAAO,KAAK,CAAC;iBACd;YACH,KAAK,SAAS,EAAE,KAAK;gBACnB,IAAI,CAAC,OAAO,EAAE;oBACZ,QAAQ,CACN,KAAK,CAAC;wBACJ,QAAQ;wBACR,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;wBAC3B,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;wBAC3B,MAAM,EAAE,CAAC,CAAC;wBACV,MAAM,EAAE,CAAC;qBACV,CAAC,CACH,CAAC;oBACF,OAAO,KAAK,CAAC;iBACd;YACH,KAAK,YAAY,EAAE,QAAQ;gBACzB,IAAI,CAAC,OAAO,EAAE;oBACZ,QAAQ,CACN,KAAK,CAAC;wBACJ,QAAQ;wBACR,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;wBAC3B,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;wBAC3B,MAAM,EAAE,CAAC;wBACT,MAAM,EAAE,CAAC;qBACV,CAAC,CACH,CAAC;oBACF,OAAO,KAAK,CAAC;iBACd;YACH,KAAK,WAAW,EAAE,OAAO;gBACvB,IAAI,CAAC,OAAO,EAAE;oBACZ,QAAQ,CACN,KAAK,CAAC;wBACJ,QAAQ;wBACR,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;wBAC3B,OAAO,EAAE,KAAK,CAAC,UAAU,EAAE;wBAC3B,MAAM,EAAE,CAAC;wBACT,MAAM,EAAE,CAAC;qBACV,CAAC,CACH,CAAC;oBACF,OAAO,KAAK,CAAC;iBACd;YACH,KAAK,GAAG,EAAE,IAAI;gBACZ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,OAAO,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,CACN,MAAM,CAAC;4BACL,MAAM,EAAE,CAAC;4BACT,MAAM,EAAE,CAAC;4BACT,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE;4BACxB,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE;yBACzB,CAAC,CACH,CAAC;wBACF,OAAO,KAAK,CAAC;qBACd;iBACF;YACH,KAAK,GAAG,EAAE,IAAI;gBACZ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,OAAO,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;wBACzB,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;wBACjC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,UAAU;wBACzB,OAAO,KAAK,CAAC;qBACd;iBACF;YAEH,KAAK,GAAG,EAAE,IAAI;gBACZ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,OAAO,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,OAAO,WAAW,KAAK,WAAW,EAAE;4BACtC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC;yBAC9B;wBACD,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC;wBAC7B,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,EAAE,GAAG,CAAC,CAAC;wBAC9D,OAAO,KAAK,CAAC;qBACd;iBACF;YACH,KAAK,GAAG,EAAE,IAAI;gBACZ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,OAAO,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;wBACrB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,qBAAqB;wBACvE,OAAO,KAAK,CAAC;qBACd;iBACF;YACH,KAAK,GAAG,EAAE,IAAI;gBACZ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,OAAO,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAM;4BACN,MAAM,CAAC,KAAK,EAAE;gCACZ,QAAQ,EAAE,QAAQ;gCAClB,aAAa,EAAE;oCACb,CAAC,EAAE,aAAa,CAAC,MAAM;oCACvB,CAAC,EAAE,aAAa,CAAC,MAAM;iCACxB;gCACD,WAAW,EAAE;oCACX,CAAC,EAAE,aAAa,CAAC,IAAI;oCACrB,CAAC,EAAE,aAAa,CAAC,IAAI;iCACtB;6BACF,CAAC,CAAC;wBACH,OAAO,KAAK,CAAC;qBACd;iBACF;YACH,KAAK,GAAG,EAAE,IAAI;gBACZ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,OAAO,EAAE;wBACZ,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;4BACrB,QAAQ,CAAC,KAAK,CAAC,EAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAC,CAAC,CAAC,CAAC;4BACrC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;wBACnB,CAAC,EAAE,EAAE,CAAC,CAAC;wBACP,OAAO,KAAK,CAAC;qBACd;iBACF;YACH,KAAK,GAAG,EAAE,IAAI;gBACZ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,OAAO,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;wBACzB,QAAQ,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;wBAChC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,UAAU;wBAEzB,OAAO,KAAK,CAAC;qBACd;iBACF;YACH,KAAK,GAAG,EAAE,IAAI;gBACZ,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,OAAO,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,CAAC,QAAQ,EAAE;4BACd,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;4BACrB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,qBAAqB;yBACxE;6BAAM;4BACL,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;yBACtB;wBACD,OAAO,KAAK,CAAC;qBACd;iBACF;YACH,KAAK,GAAG,EAAE,YAAY;gBACpB,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;oBAC1B,IAAI,CAAC,OAAO,EAAE;wBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,iCAAiC;wBACjC,SAAS,CAAC,IAAI,IAAI,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC;qBACtC;iBACF;SACJ;QACD,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,EAAE;YAC1B,OAAO,KAAK,CAAC;SACd;QACD,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;QAClC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IACF,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE;QACxB,OAAO,yCAAK,CAAC;KACd;IAED,OAAO,CACL,6BACE,SAAS,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE;QAEjD,WAAW,IAAI,6BAAK,SAAS,EAAC,eAAe,IAAE,OAAO,CAAO;QAC9D,kCACE,SAAS,QACT,SAAS,EAAE,KAAK,EAChB,GAAG,EAAE,SAAS,EACd,KAAK,kCACA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KACd,MAAM;gBACN,KAAK,KAEP,IAAI,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAC9D,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;YAC7B,CAAC,EACD,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gBACnB,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC;gBAC9B,IAAI,CAAC,OAAO,EAAE;oBACZ,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;oBAC/C,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;oBACvB,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;oBAClC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;oBACjC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;oBACnC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;wBACrB,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,WAAW,IAAI,CAAC;wBAC7C,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC;wBAC/C,MAAM,MAAM,GAAG,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC;wBAC9C,KAAK,CAAC,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;oBAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;iBACR;YACH,CAAC,EACD,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE;gBACZ,IAAI,OAAO,EAAE;oBACX,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;iBAC3B;gBACD,CAAC,CAAC,MAAM,CAAC,KAAK,GAAG,EAAE,CAAC;gBACpB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;gBACrB,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC;YAC7D,CAAC,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,MAAM,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC;gBAC9B,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,IAAI,CAAC;gBACjC,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,WAAW,IAAI,CAAC;gBAC7C,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;gBACnC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC;YACjD,CAAC,EACD,SAAS,EAAE,aAAa,GACxB,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Emitter.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FeedbackType } from "../types";
+declare type Props = {
+    onChange?: FeedbackType;
+    onSelect?: FeedbackType;
+};
+export declare const Emitter: React.FC<Props>;
+export {};
+//# sourceMappingURL=Emitter.d.ts.map

package/dist/components/Emitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emitter.d.ts","sourceRoot":"","sources":["../../src/components/Emitter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,aAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6BnC,CAAC"}

package/dist/components/Emitter.js

@@ -0,0 +1,26 @@
+import React from "react";
+import { Context } from "../store";
+export const Emitter = ({ onChange, onSelect }) => {
+    const { store } = React.useContext(Context);
+    const { choosing: pointing, selectingZone: zone, table, tableInitialized, } = store;
+    React.useEffect(() => {
+        tableInitialized &&
+            table &&
+            onChange &&
+            onChange(table, {
+                pointing,
+                selectingFrom: { y: zone.startY, x: zone.startX },
+                selectingTo: { y: zone.endY, x: zone.endX },
+            });
+    }, [table]);
+    React.useEffect(() => {
+        onSelect &&
+            onSelect(table, {
+                pointing,
+                selectingFrom: { y: zone.startY, x: zone.startX },
+                selectingTo: { y: zone.endY, x: zone.endX },
+            });
+    }, [pointing, zone]);
+    return React.createElement(React.Fragment, null);
+};
+//# sourceMappingURL=Emitter.js.map

package/dist/components/Emitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emitter.js","sourceRoot":"","sources":["../../src/components/Emitter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAQnC,MAAM,CAAC,MAAM,OAAO,GAAoB,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5C,MAAM,EACJ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,IAAI,EACnB,KAAK,EACL,gBAAgB,GACjB,GAAG,KAAK,CAAC;IAEV,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,gBAAgB;YACd,KAAK;YACL,QAAQ;YACR,QAAQ,CAAC,KAAK,EAAE;gBACd,QAAQ;gBACR,aAAa,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE;gBACjD,WAAW,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE;aAC5C,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ;YACN,QAAQ,CAAC,KAAK,EAAE;gBACd,QAAQ;gBACR,aAAa,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE;gBACjD,WAAW,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE;aAC5C,CAAC,CAAC;IACP,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;IACrB,OAAO,yCAAK,CAAC;AACf,CAAC,CAAC"}

package/dist/components/GridSheet.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { Props } from "../types";
+export declare const GridSheet: React.FC<Props>;
+//# sourceMappingURL=GridSheet.d.ts.map

package/dist/components/GridSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSheet.d.ts","sourceRoot":"","sources":["../../src/components/GridSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAmC,KAAK,EAAa,MAAM,UAAU,CAAC;AAuB7E,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA0GrC,CAAC"}