@gridsheet/react-core 0.12.4-alpha.2 → 0.12.4-beta.0

package/dist/components/Editor.js

@@ -0,0 +1,301 @@
+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(() => searchInputRef.current.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;
+    };
+    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":"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"}

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,CAuGrC,CAAC"}

package/dist/components/GridSheet.js

@@ -0,0 +1,110 @@
+import * as React from "react";
+import { DEFAULT_HEIGHT, DEFAULT_WIDTH, HEADER_HEIGHT, HEADER_WIDTH, SHEET_HEIGHT, SHEET_WIDTH, } from "../constants";
+import { Context } from "../store";
+import { reducer as defaultReducer } from "../store/actions";
+import { StoreInitializer } from "./StoreInitializer";
+import { Resizer } from "./Resizer";
+import { Emitter } from "./Emitter";
+import { ContextMenu } from "./ContextMenu";
+import { Table } from "../lib/table";
+import { Tabular } from "./Tabular";
+import { getMaxSizesFromCells } from "../lib/structs";
+import { x2c, y2r } from "../lib/converters";
+import { useEffect } from "react";
+import { embedStyle } from "../styles/embedder";
+export const GridSheet = ({ initial, tableRef, options = {}, className, style, additionalFunctions = {}, }) => {
+    const { sheetResize } = options;
+    useEffect(() => {
+        embedStyle();
+    }, []);
+    const sheetRef = React.useRef(null);
+    const searchInputRef = React.useRef(null);
+    const editorRef = React.useRef(null);
+    const gridOuterRef = React.useRef(null);
+    const initialState = {
+        table: new Table({}),
+        tableInitialized: false,
+        sheetRef,
+        searchInputRef,
+        editorRef,
+        gridOuterRef,
+        choosing: { y: -1, x: -1 },
+        cutting: false,
+        selectingZone: { startY: -1, startX: -1, endY: -1, endX: -1 },
+        copyingZone: { startY: -1, startX: -1, endY: -1, endX: -1 },
+        autofillDraggingTo: null,
+        headerTopSelecting: false,
+        headerLeftSelecting: false,
+        editingCell: "",
+        editorRect: { y: 0, x: 0, height: 0, width: 0 },
+        resizingRect: { y: -1, x: -1, height: -1, width: -1 },
+        sheetHeight: 0,
+        sheetWidth: 0,
+        headerHeight: 0,
+        headerWidth: 0,
+        entering: false,
+        matchingCells: [],
+        matchingCellIndex: 0,
+        editingOnEnter: true,
+        showAddress: true,
+        contextMenuPosition: { y: -1, x: -1 },
+        resizingPositionY: [-1, -1, -1],
+        resizingPositionX: [-1, -1, -1],
+        minNumRows: 1,
+        maxNumRows: -1,
+        minNumCols: 1,
+        maxNumCols: -1,
+    };
+    const [store, dispatch] = React.useReducer(defaultReducer, initialState, () => initialState);
+    const [sheetHeight, setSheetHeight] = React.useState((options === null || options === void 0 ? void 0 : options.sheetHeight) || estimateSheetHeight({ options, initial }));
+    const [sheetWidth, setSheetWidth] = React.useState((options === null || options === void 0 ? void 0 : options.sheetWidth) || estimateSheetWidth({ options, initial }));
+    React.useEffect(() => {
+        const intervalId = window.setInterval(() => {
+            var _a, _b, _c, _d;
+            if ((_a = sheetRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight) {
+                setSheetHeight(((_b = sheetRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight) || 0);
+            }
+            if ((_c = sheetRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth) {
+                setSheetWidth(((_d = sheetRef.current) === null || _d === void 0 ? void 0 : _d.clientWidth) || 0);
+            }
+        }, 1000);
+        return () => window.clearInterval(intervalId);
+    }, []);
+    const { onChange, onSelect, mode } = options;
+    return (React.createElement(Context.Provider, { value: { store, dispatch } },
+        React.createElement("div", { ref: sheetRef, className: `gridsheet-1 ${mode || "light"} ${className || ""} ${sheetWidth > store.table.totalWidth ? 'gs-table-width-smaller' : 'gs-table-width-larger'} ${sheetHeight > store.table.totalHeight ? 'gs-table-height-smaller' : 'gs-table-height-larger'}`, style: Object.assign(Object.assign({ maxWidth: store.table.totalWidth + 3, maxHeight: store.table.totalHeight + 3 }, style), { resize: sheetResize, height: sheetHeight, width: sheetWidth }) },
+            React.createElement(Tabular, { tableRef: tableRef }),
+            React.createElement(StoreInitializer, { initial: initial, options: Object.assign(Object.assign({}, options), { sheetHeight, sheetWidth }), additionalFunctions: additionalFunctions }),
+            React.createElement(ContextMenu, null),
+            React.createElement(Resizer, null),
+            React.createElement(Emitter, { onChange: onChange, onSelect: onSelect }))));
+};
+const estimateSheetHeight = ({ initial, options }) => {
+    var _a, _b;
+    const auto = getMaxSizesFromCells(initial);
+    let estimatedHeight = options.headerHeight || HEADER_HEIGHT;
+    for (let y = 0; y < auto.numRows; y++) {
+        const row = y2r(y);
+        const height = ((_a = initial === null || initial === void 0 ? void 0 : initial[row]) === null || _a === void 0 ? void 0 : _a.height) || ((_b = initial === null || initial === void 0 ? void 0 : initial.default) === null || _b === void 0 ? void 0 : _b.height) || DEFAULT_HEIGHT;
+        if (estimatedHeight + height > SHEET_HEIGHT) {
+            return SHEET_HEIGHT;
+        }
+        estimatedHeight += height;
+    }
+    return estimatedHeight + 3;
+};
+const estimateSheetWidth = ({ initial, options }) => {
+    var _a, _b;
+    const auto = getMaxSizesFromCells(initial);
+    let estimatedWidth = options.headerWidth || HEADER_WIDTH;
+    for (let x = 0; x < auto.numCols; x++) {
+        const col = x2c(x);
+        const width = ((_a = initial === null || initial === void 0 ? void 0 : initial[col]) === null || _a === void 0 ? void 0 : _a.width) || ((_b = initial === null || initial === void 0 ? void 0 : initial.default) === null || _b === void 0 ? void 0 : _b.width) || DEFAULT_WIDTH;
+        if (estimatedWidth + width > SHEET_WIDTH) {
+            return SHEET_WIDTH;
+        }
+        estimatedWidth += width;
+    }
+    return estimatedWidth + 3;
+};
+//# sourceMappingURL=GridSheet.js.map

package/dist/components/GridSheet.js.map

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

package/dist/components/HeaderLeftCell.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare type Props = {
+    y: number;
+};
+export declare const HeaderLeftCell: React.FC<Props>;
+export {};
+//# sourceMappingURL=HeaderLeftCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderLeftCell.d.ts","sourceRoot":"","sources":["../../src/components/HeaderLeftCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,aAAK,KAAK,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuG1C,CAAC"}

package/dist/components/HeaderLeftCell.js

@@ -0,0 +1,66 @@
+import React from "react";
+import { y2r } from "../lib/converters";
+import { between } from "../lib/structs";
+import { Context } from "../store";
+import { choose, drag, selectRows, setContextMenuPosition, setResizingPositionY, } from "../store/actions";
+import { DUMMY_IMG, DEFAULT_HEIGHT } from "../constants";
+export const HeaderLeftCell = React.memo(({ y }) => {
+    const rowId = `${y2r(y)}`;
+    const { store, dispatch } = React.useContext(Context);
+    const { choosing, selectingZone, headerLeftSelecting, resizingRect, headerWidth, editorRef, table, autofillDraggingTo, } = store;
+    const row = table.getByPoint({ y, x: 0 });
+    const height = (row === null || row === void 0 ? void 0 : row.height) || DEFAULT_HEIGHT;
+    return (React.createElement("th", { className: `gs-header gs-header-vertical gs-header-left ${choosing.y === y ? "gs-choosing" : ""} ${between({ start: selectingZone.startY, end: selectingZone.endY }, y)
+            ? headerLeftSelecting
+                ? "gs-header-selecting"
+                : "gs-selecting"
+            : ""} ${y === table.getNumRows() ? "gs-header-left-end" : ""}`, style: { height }, onClick: (e) => {
+            let startY = e.shiftKey ? selectingZone.startY : y;
+            if (startY === -1) {
+                startY = choosing.y;
+            }
+            dispatch(selectRows({
+                range: { start: startY, end: y },
+                numCols: table.getNumCols(),
+            }));
+            dispatch(setContextMenuPosition({ y: -1, x: -1 }));
+            dispatch(choose({ y: startY, x: 1 }));
+            editorRef.current.focus();
+            return false;
+        }, onContextMenu: (e) => {
+            e.preventDefault();
+            dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));
+            return false;
+        } },
+        React.createElement("div", { className: "gs-header-outer", draggable: true, onDragStart: (e) => {
+                e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);
+                dispatch(selectRows({
+                    range: { start: y, end: y },
+                    numCols: table.getNumCols(),
+                }));
+                dispatch(choose({ y, x: 1 }));
+                return false;
+            }, onDragEnter: () => {
+                if (resizingRect.y === -1 && autofillDraggingTo == null) {
+                    const { startX } = selectingZone;
+                    if (startX === 1) {
+                        dispatch(drag({ y, x: table.getNumCols() }));
+                    }
+                    else {
+                        dispatch(drag({ y, x: 1 }));
+                    }
+                }
+                return false;
+            }, onDragOver: (e) => {
+                e.dataTransfer.dropEffect = "move";
+                e.preventDefault();
+            } },
+            React.createElement("div", { className: "gs-header-inner", style: { width: headerWidth, position: 'relative' } },
+                (row === null || row === void 0 ? void 0 : row.labeler) ? table.getLabel(row.labeler, y) : rowId,
+                React.createElement("div", { className: "gs-resizer", style: { width: headerWidth }, onMouseDown: (e) => {
+                        dispatch(setResizingPositionY([y, e.clientY, e.clientY]));
+                        e.preventDefault();
+                        e.stopPropagation();
+                    } })))));
+});
+//# sourceMappingURL=HeaderLeftCell.js.map

package/dist/components/HeaderLeftCell.js.map

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

package/dist/components/HeaderTopCell.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare type Props = {
+    x: number;
+};
+export declare const HeaderTopCell: React.FC<Props>;
+export {};
+//# sourceMappingURL=HeaderTopCell.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderTopCell.d.ts","sourceRoot":"","sources":["../../src/components/HeaderTopCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,aAAK,KAAK,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyGzC,CAAC"}