@gridsheet/react-core 1.4.0 → 2.0.0-rc.2

package/dist/components/Editor.js

@@ -1,464 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default from "react";
-import { x2c, y2r } from "../lib/converters.js";
-import { clip } from "../lib/clipboard.js";
-import { setEditingCell, setInputting, setLastEdited, setLastFocusedRef, redo, undo, cut, paste, setSearchQuery, setEntering, copy, select, arrow, escape, clear, walk, write } from "../store/actions.js";
-import { Context } from "../store/index.js";
-import { zoneToArea, areaToZone } from "../lib/structs.js";
-import { isPrevented, Write } from "../lib/prevention.js";
-import { expandInput, insertTextAtCursor } from "../lib/input.js";
-import { useSheetContext } from "./SheetProvider.js";
-import { Lexer } from "../formula/evaluator.js";
-import { REF_PALETTE } from "../lib/palette.js";
-import { Fixed } from "./Fixed.js";
-const Editor = ({ mode, handleKeyUp }) => {
-  var _a, _b;
-  const { store, dispatch } = React__default.useContext(Context);
-  const {
-    showAddress,
-    editorRect,
-    editingCell,
-    choosing,
-    inputting,
-    selectingZone,
-    searchQuery,
-    editorRef,
-    largeEditorRef,
-    searchInputRef,
-    editingOnEnter,
-    onSave,
-    table,
-    sheetId
-  } = store;
-  const [, sheetContext] = useSheetContext();
-  React__default.useEffect(() => {
-    var _a2, _b2;
-    (_b2 = (_a2 = editorRef == null ? void 0 : editorRef.current) == null ? void 0 : _a2.focus) == null ? void 0 : _b2.call(_a2, { preventScroll: true });
-  }, [editorRef]);
-  React__default.useEffect(() => {
-    if (!(sheetContext == null ? void 0 : sheetContext.lastFocusedRef)) {
-      return;
-    }
-    if (sheetContext.lastFocusedRef === editorRef) {
-      return;
-    }
-    if (sheetContext.lastFocusedRef === largeEditorRef) {
-      return;
-    }
-    dispatch(setEditingCell(""));
-  }, [sheetContext == null ? void 0 : sheetContext.lastFocusedRef]);
-  React__default.useEffect(() => {
-    var _a2;
-    (_a2 = sheetContext == null ? void 0 : sheetContext.setEditingCell) == null ? void 0 : _a2.call(sheetContext, editingCell);
-  }, [editingCell]);
-  const { y, x } = choosing;
-  const rowId = `${y2r(y)}`;
-  const colId = x2c(x);
-  const address = `${colId}${rowId}`;
-  const editing = editingCell === address;
-  const cell = table.getByPoint({ y, x });
-  const value = cell == null ? void 0 : cell.value;
-  const valueString = table.stringify({ y, x }, value);
-  const [before, setBefore] = React__default.useState(valueString);
-  React__default.useEffect(() => {
-    setBefore(valueString);
-  }, [choosing]);
-  const { y: top, x: left, height, width } = editorRect;
-  const writeCell = (value2) => {
-    if (before !== value2) {
-      dispatch(write(value2));
-    }
-    setBefore(value2);
-  };
-  const numLines = valueString.split("\n").length;
-  const [isKeyDown, setIsKeyDown] = React__default.useState(false);
-  const handleKeyDown = (e) => {
-    if (isKeyDown) {
-      return;
-    }
-    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":
-        e.preventDefault();
-        if (editing) {
-          writeCell(input.value);
-          dispatch(setEditingCell(""));
-          dispatch(setInputting(""));
-        }
-        dispatch(
-          walk({
-            numRows: table.getNumRows(),
-            numCols: table.getNumCols(),
-            deltaY: 0,
-            deltaX: shiftKey ? -1 : 1
-          })
-        );
-        dispatch(setEditingCell(""));
-        resetSize(e.currentTarget);
-        return false;
-      case "Enter":
-        if (editing) {
-          if (e.altKey) {
-            insertTextAtCursor(input, "\n");
-            dispatch(setInputting(input.value));
-            e.preventDefault();
-            return false;
-          } else {
-            if (e.nativeEvent.isComposing) {
-              return false;
-            }
-            writeCell(input.value);
-            dispatch(setEditingCell(""));
-          }
-          resetSize(e.currentTarget);
-        } else if (editingOnEnter && selectingZone.endY === -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":
-        if (!editing) {
-          dispatch(clear(null));
-          return false;
-        }
-        break;
-      case "Shift":
-        return false;
-      case "Control":
-        return false;
-      case "Alt":
-        return false;
-      case "Meta":
-        return false;
-      case "NumLock":
-        return false;
-      case "Escape":
-        dispatch(escape(null));
-        dispatch(setSearchQuery(void 0));
-        return false;
-      case "ArrowLeft":
-        if (!editing) {
-          dispatch(
-            arrow({
-              shiftKey,
-              numRows: table.getNumRows(),
-              numCols: table.getNumCols(),
-              deltaY: 0,
-              deltaX: -1
-            })
-          );
-          return false;
-        }
-        break;
-      case "ArrowUp":
-        if (!editing) {
-          dispatch(
-            arrow({
-              shiftKey,
-              numRows: table.getNumRows(),
-              numCols: table.getNumCols(),
-              deltaY: -1,
-              deltaX: 0
-            })
-          );
-          return false;
-        }
-        break;
-      case "ArrowRight":
-        if (!editing) {
-          dispatch(
-            arrow({
-              shiftKey,
-              numRows: table.getNumRows(),
-              numCols: table.getNumCols(),
-              deltaY: 0,
-              deltaX: 1
-            })
-          );
-          return false;
-        }
-        break;
-      case "ArrowDown":
-        if (!editing) {
-          dispatch(
-            arrow({
-              shiftKey,
-              numRows: table.getNumRows(),
-              numCols: table.getNumCols(),
-              deltaY: 1,
-              deltaX: 0
-            })
-          );
-          return false;
-        }
-        break;
-      case "a":
-        if (e.ctrlKey || e.metaKey) {
-          if (!editing) {
-            e.preventDefault();
-            dispatch(
-              select({
-                startY: 1,
-                startX: 1,
-                endY: table.getNumRows(),
-                endX: table.getNumCols()
-              })
-            );
-            return false;
-          }
-        }
-        break;
-      case "c":
-        if (e.ctrlKey || e.metaKey) {
-          if (!editing) {
-            e.preventDefault();
-            const area = clip(store);
-            dispatch(copy(areaToZone(area)));
-            input.focus();
-            return false;
-          }
-        }
-        break;
-      case "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;
-          }
-        }
-        break;
-      case "r":
-        if (e.ctrlKey || e.metaKey) {
-          if (!editing) {
-            e.preventDefault();
-            dispatch(redo(null));
-            window.setTimeout(() => dispatch(setInputting("")), 100);
-            return false;
-          }
-        }
-        break;
-      case "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;
-          }
-        }
-        break;
-      case "v":
-        if (e.ctrlKey || e.metaKey) {
-          if (!editing) {
-            window.setTimeout(() => {
-              dispatch(paste({ text: input.value }));
-              dispatch(setInputting(""));
-            }, 50);
-            return false;
-          }
-        }
-        break;
-      case "x":
-        if (e.ctrlKey || e.metaKey) {
-          if (!editing) {
-            e.preventDefault();
-            const area = clip(store);
-            dispatch(cut(areaToZone(area)));
-            input.focus();
-            return false;
-          }
-        }
-        break;
-      case "z":
-        if (e.ctrlKey || e.metaKey) {
-          if (!editing) {
-            e.preventDefault();
-            if (e.shiftKey) {
-              dispatch(redo(null));
-            } else {
-              dispatch(undo(null));
-            }
-            return false;
-          }
-        }
-        break;
-      case ";":
-        if (e.ctrlKey || e.metaKey) {
-          if (!editing) {
-            e.preventDefault();
-            writeCell((/* @__PURE__ */ new Date()).toDateString());
-          }
-        }
-        break;
-    }
-    if (e.ctrlKey || e.metaKey) {
-      return false;
-    }
-    if (isPrevented(cell == null ? void 0 : cell.prevention, Write)) {
-      console.warn("This cell is protected from writing.");
-      return false;
-    }
-    dispatch(setEditingCell(address));
-    if (!editing) {
-      dispatch(setInputting(""));
-    }
-    return false;
-  };
-  return /* @__PURE__ */ jsxs(
-    Fixed,
-    {
-      className: `gs-editor ${editing ? "gs-editing" : ""}`,
-      style: editing ? { top, left, height } : {},
-      ...{
-        "data-mode": mode,
-        "data-sheet-id": sheetId
-      },
-      children: [
-        showAddress && /* @__PURE__ */ jsx("div", { className: "gs-cell-label", children: address }),
-        /* @__PURE__ */ jsxs("div", { className: "gs-editor-inner", style: { width }, children: [
-          /* @__PURE__ */ jsx(
-            "pre",
-            {
-              className: "gs-editor-hl",
-              style: {
-                //...cell?.style,
-                height: (_a = editorRef.current) == null ? void 0 : _a.scrollHeight,
-                width: (((_b = editorRef.current) == null ? void 0 : _b.scrollWidth) ?? 0) - 4
-              },
-              children: (cell == null ? void 0 : cell.disableFormula) ? inputting : editorStyle(inputting)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              autoFocus: true,
-              spellCheck: false,
-              draggable: false,
-              ref: editorRef,
-              rows: numLines,
-              onFocus: () => {
-                var _a2;
-                dispatch(setLastFocusedRef(editorRef));
-                (_a2 = sheetContext == null ? void 0 : sheetContext.setLastFocusedRef) == null ? void 0 : _a2.call(sheetContext, editorRef);
-              },
-              style: { minWidth: width, minHeight: height },
-              onDoubleClick: (e) => {
-                if (isPrevented(cell == null ? void 0 : cell.prevention, Write)) {
-                  console.warn("This cell is protected from writing.");
-                  return;
-                }
-                const input = e.currentTarget;
-                resetSize(input);
-                if (!editing) {
-                  dispatch(setInputting(valueString));
-                  dispatch(setEditingCell(address));
-                  window.setTimeout(() => {
-                    input.style.width = `${input.scrollWidth}px`;
-                    input.style.height = `${input.scrollHeight}px`;
-                    const length = new String(valueString).length;
-                    input.setSelectionRange(length, length);
-                  }, 20);
-                }
-              },
-              onBlur: (e) => {
-                dispatch(setLastEdited(before));
-                if (e.target.value.startsWith("=")) {
-                  return true;
-                } else {
-                  if (editing) {
-                    writeCell(e.target.value);
-                  }
-                }
-                resetSize(e.target);
-              },
-              value: inputting,
-              onChange: (e) => {
-                const input = e.currentTarget;
-                expandInput(input);
-                dispatch(setInputting(e.currentTarget.value));
-              },
-              onKeyDown: handleKeyDown,
-              onKeyUp: (e) => {
-                e.currentTarget;
-                const selectingArea = zoneToArea(store.selectingZone);
-                handleKeyUp == null ? void 0 : handleKeyUp(e, {
-                  pointing: choosing,
-                  selectingFrom: { y: selectingArea.top, x: selectingArea.left },
-                  selectingTo: { y: selectingArea.bottom, x: selectingArea.right }
-                });
-              }
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-const editorStyle = (text) => {
-  if (text[0] !== "=") {
-    return /* @__PURE__ */ jsx(Fragment, { children: text });
-  }
-  const lexer = new Lexer(text.substring(1));
-  lexer.tokenize();
-  let palletIndex = 0;
-  const exists = {};
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    "=",
-    lexer.tokens.map((token, i) => {
-      if (token.type === "REF" || token.type === "RANGE") {
-        const normalizedToken = token.stringify();
-        const existsIndex = exists[normalizedToken];
-        if (existsIndex !== void 0) {
-          return /* @__PURE__ */ jsx("span", { style: { color: REF_PALETTE[existsIndex % REF_PALETTE.length] }, children: token.stringify() }, i);
-        }
-        const color = REF_PALETTE[palletIndex % REF_PALETTE.length];
-        exists[normalizedToken] = palletIndex++;
-        return /* @__PURE__ */ jsx("span", { style: { color }, className: `gs-token-type-${token.type}`, children: normalizedToken }, i);
-      }
-      return /* @__PURE__ */ jsx("span", { className: `gs-token-type-${token.type} gs-token-entity-type-${typeof token.entity}`, children: token.stringify() }, i);
-    })
-  ] });
-};
-const resetSize = (input) => {
-  input.style.width = "0px";
-  input.style.height = "0px";
-};
-export {
-  Editor,
-  editorStyle
-};
-//# sourceMappingURL=Editor.js.map

package/dist/components/Editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Editor.js","sources":["../../components/Editor.tsx"],"sourcesContent":["import React from 'react';\nimport { x2c, y2r } from '../lib/converters';\nimport { clip } from '../lib/clipboard';\nimport {\n  clear,\n  escape,\n  select,\n  setEditingCell,\n  undo,\n  redo,\n  arrow,\n  walk,\n  write,\n  copy,\n  cut,\n  paste,\n  setSearchQuery,\n  setEntering,\n  setLastEdited,\n  setLastFocusedRef,\n  setInputting,\n} from '../store/actions';\n\nimport { Context } from '../store';\nimport { areaToZone, zoneToArea } from '../lib/structs';\nimport * as prevention from '../lib/prevention';\nimport { expandInput, insertTextAtCursor } from '../lib/input';\nimport { useSheetContext } from './SheetProvider';\nimport { Lexer } from '../formula/evaluator';\nimport { REF_PALETTE } from '../lib/palette';\nimport { CursorStateType, ModeType } from '../types';\nimport { Fixed } from './Fixed';\n\ntype Props = {\n  mode: ModeType;\n  handleKeyUp?: (e: React.KeyboardEvent<HTMLTextAreaElement>, points: CursorStateType) => void;\n};\n\nexport const Editor: React.FC<Props> = ({ mode, handleKeyUp }: Props) => {\n  const { store, dispatch } = React.useContext(Context);\n  const {\n    showAddress,\n    editorRect,\n    editingCell,\n    choosing,\n    inputting,\n    selectingZone,\n    searchQuery,\n    editorRef,\n    largeEditorRef,\n    searchInputRef,\n    editingOnEnter,\n    onSave,\n    table,\n    sheetId,\n  } = store;\n\n  const [, sheetContext] = useSheetContext();\n  React.useEffect(() => {\n    editorRef?.current?.focus?.({ preventScroll: true });\n  }, [editorRef]);\n\n  React.useEffect(() => {\n    if (!sheetContext?.lastFocusedRef) {\n      return;\n    }\n    if (sheetContext.lastFocusedRef === editorRef) {\n      return;\n    }\n    if (sheetContext.lastFocusedRef === largeEditorRef) {\n      return;\n    }\n    dispatch(setEditingCell(''));\n  }, [sheetContext?.lastFocusedRef]);\n  React.useEffect(() => {\n    sheetContext?.setEditingCell?.(editingCell);\n  }, [editingCell]);\n\n  const { y, x } = choosing;\n  const rowId = `${y2r(y)}`;\n  const colId = x2c(x);\n  const address = `${colId}${rowId}`;\n  const editing = editingCell === address;\n\n  const cell = table.getByPoint({ y, x });\n  const value: any = cell?.value;\n  const valueString = table.stringify({ y, x }, value);\n  const [before, setBefore] = React.useState<string>(valueString);\n  React.useEffect(() => {\n    setBefore(valueString);\n  }, [choosing]);\n\n  const { y: top, x: left, height, width } = editorRect;\n\n  const writeCell = (value: string) => {\n    if (before !== value) {\n      dispatch(write(value));\n    }\n    setBefore(value);\n  };\n\n  const numLines = valueString.split('\\n').length;\n  const [isKeyDown, setIsKeyDown] = React.useState(false);\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {\n    if (isKeyDown) {\n      return;\n    }\n    // do not debounce it if control key is down.\n    if (!(e.key === 'Meta' || e.key === 'Control')) {\n      setIsKeyDown(true);\n      const timeout = window.setTimeout(() => {\n        setIsKeyDown(false);\n        window.clearTimeout(timeout);\n      }, 10);\n    }\n    const input = e.currentTarget;\n\n    const shiftKey = e.shiftKey;\n    switch (e.key) {\n      case 'Tab': // TAB\n        e.preventDefault();\n        if (editing) {\n          writeCell(input.value);\n          dispatch(setEditingCell(''));\n          dispatch(setInputting(''));\n        }\n        dispatch(\n          walk({\n            numRows: table.getNumRows(),\n            numCols: table.getNumCols(),\n            deltaY: 0,\n            deltaX: shiftKey ? -1 : 1,\n          }),\n        );\n        dispatch(setEditingCell(''));\n        resetSize(e.currentTarget);\n        return false;\n\n      case 'Enter': // ENTER\n        if (editing) {\n          if (e.altKey) {\n            insertTextAtCursor(input, '\\n');\n            dispatch(setInputting(input.value));\n            e.preventDefault();\n            return false;\n          } else {\n            if (e.nativeEvent.isComposing) {\n              return false;\n            }\n            writeCell(input.value);\n            dispatch(setEditingCell(''));\n          }\n          resetSize(e.currentTarget);\n        } else if (editingOnEnter && selectingZone.endY === -1) {\n          const dblclick = document.createEvent('MouseEvents');\n          dblclick.initEvent('dblclick', true, true);\n          input.dispatchEvent(dblclick);\n          e.preventDefault();\n          return false;\n        }\n        dispatch(\n          walk({\n            numRows: table.getNumRows(),\n            numCols: table.getNumCols(),\n            deltaY: shiftKey ? -1 : 1,\n            deltaX: 0,\n          }),\n        );\n        e.preventDefault();\n        return false;\n\n      case 'Backspace': // BACKSPACE\n        if (!editing) {\n          dispatch(clear(null));\n          return false;\n        }\n        break;\n      case 'Shift': // SHIFT\n        return false;\n\n      case 'Control': // CTRL\n        return false;\n\n      case 'Alt': // OPTION\n        return false;\n\n      case 'Meta': // COMMAND\n        return false;\n\n      case 'NumLock': // NUMLOCK\n        return false;\n\n      case 'Escape': // ESCAPE\n        dispatch(escape(null));\n        dispatch(setSearchQuery(undefined));\n        // input.blur();\n        return false;\n\n      case 'ArrowLeft': // LEFT\n        if (!editing) {\n          dispatch(\n            arrow({\n              shiftKey,\n              numRows: table.getNumRows(),\n              numCols: table.getNumCols(),\n              deltaY: 0,\n              deltaX: -1,\n            }),\n          );\n          return false;\n        }\n        break;\n      case 'ArrowUp': // UP\n        if (!editing) {\n          dispatch(\n            arrow({\n              shiftKey,\n              numRows: table.getNumRows(),\n              numCols: table.getNumCols(),\n              deltaY: -1,\n              deltaX: 0,\n            }),\n          );\n          return false;\n        }\n        break;\n      case 'ArrowRight': // RIGHT\n        if (!editing) {\n          dispatch(\n            arrow({\n              shiftKey,\n              numRows: table.getNumRows(),\n              numCols: table.getNumCols(),\n              deltaY: 0,\n              deltaX: 1,\n            }),\n          );\n          return false;\n        }\n        break;\n      case 'ArrowDown': // DOWN\n        if (!editing) {\n          dispatch(\n            arrow({\n              shiftKey,\n              numRows: table.getNumRows(),\n              numCols: table.getNumCols(),\n              deltaY: 1,\n              deltaX: 0,\n            }),\n          );\n          return false;\n        }\n        break;\n      case 'a': // A\n        if (e.ctrlKey || e.metaKey) {\n          if (!editing) {\n            e.preventDefault();\n            dispatch(\n              select({\n                startY: 1,\n                startX: 1,\n                endY: table.getNumRows(),\n                endX: table.getNumCols(),\n              }),\n            );\n            return false;\n          }\n        }\n        break;\n      case 'c': // C\n        if (e.ctrlKey || e.metaKey) {\n          if (!editing) {\n            e.preventDefault();\n            const area = clip(store);\n            dispatch(copy(areaToZone(area)));\n            input.focus(); // refocus\n            return false;\n          }\n        }\n        break;\n      case 'f': // F\n        if (e.ctrlKey || e.metaKey) {\n          if (!editing) {\n            e.preventDefault();\n            if (typeof searchQuery === 'undefined') {\n              dispatch(setSearchQuery(''));\n            }\n            dispatch(setEntering(false));\n            window.setTimeout(() => searchInputRef.current!.focus(), 100);\n            return false;\n          }\n        }\n        break;\n      case 'r': // R\n        if (e.ctrlKey || e.metaKey) {\n          if (!editing) {\n            e.preventDefault();\n            dispatch(redo(null));\n            window.setTimeout(() => dispatch(setInputting('')), 100); // resetting textarea\n            return false;\n          }\n        }\n        break;\n      case 's': // S\n        if (e.ctrlKey || e.metaKey) {\n          if (!editing) {\n            e.preventDefault();\n            onSave &&\n              onSave(table, {\n                pointing: choosing,\n                selectingFrom: {\n                  y: selectingZone.startY,\n                  x: selectingZone.startX,\n                },\n                selectingTo: {\n                  y: selectingZone.endY,\n                  x: selectingZone.endX,\n                },\n              });\n            return false;\n          }\n        }\n        break;\n      case 'v': // V\n        if (e.ctrlKey || e.metaKey) {\n          if (!editing) {\n            window.setTimeout(() => {\n              dispatch(paste({ text: input.value }));\n              dispatch(setInputting(''));\n            }, 50);\n            return false;\n          }\n        }\n        break;\n      case 'x': // X\n        if (e.ctrlKey || e.metaKey) {\n          if (!editing) {\n            e.preventDefault();\n            const area = clip(store);\n            dispatch(cut(areaToZone(area)));\n            input.focus(); // refocus\n\n            return false;\n          }\n        }\n        break;\n      case 'z': // Z\n        if (e.ctrlKey || e.metaKey) {\n          if (!editing) {\n            e.preventDefault();\n            if (e.shiftKey) {\n              dispatch(redo(null));\n              //window.setTimeout(() => dispatch(setInputting('')), 100); // resetting textarea\n            } else {\n              dispatch(undo(null));\n            }\n            return false;\n          }\n        }\n        break;\n      case ';': // semicolon\n        if (e.ctrlKey || e.metaKey) {\n          if (!editing) {\n            e.preventDefault();\n            // MAYBE: need to aware timezone.\n            writeCell(new Date().toDateString());\n          }\n        }\n        break;\n    }\n    if (e.ctrlKey || e.metaKey) {\n      return false;\n    }\n    if (prevention.isPrevented(cell?.prevention, prevention.Write)) {\n      console.warn('This cell is protected from writing.');\n      return false;\n    }\n    dispatch(setEditingCell(address));\n    if (!editing) {\n      dispatch(setInputting(''));\n    }\n    return false;\n  };\n\n  return (\n    <Fixed\n      className={`gs-editor ${editing ? 'gs-editing' : ''}`}\n      style={editing ? { top, left, height } : {}}\n      {...{\n        'data-mode': mode,\n        'data-sheet-id': sheetId,\n      }}\n    >\n      {showAddress && <div className=\"gs-cell-label\">{address}</div>}\n      <div className=\"gs-editor-inner\" style={{ width }}>\n        <pre\n          className=\"gs-editor-hl\"\n          style={{\n            //...cell?.style,\n            height: editorRef.current?.scrollHeight,\n            width: (editorRef.current?.scrollWidth ?? 0) - 4,\n          }}\n        >\n          {cell?.disableFormula ? inputting : editorStyle(inputting)}\n        </pre>\n        <textarea\n          autoFocus={true}\n          spellCheck={false}\n          draggable={false}\n          ref={editorRef}\n          rows={numLines}\n          onFocus={() => {\n            dispatch(setLastFocusedRef(editorRef));\n            sheetContext?.setLastFocusedRef?.(editorRef);\n          }}\n          style={{ minWidth: width, minHeight: height }}\n          onDoubleClick={(e) => {\n            if (prevention.isPrevented(cell?.prevention, prevention.Write)) {\n              console.warn('This cell is protected from writing.');\n              return;\n            }\n            const input = e.currentTarget;\n            resetSize(input);\n            if (!editing) {\n              dispatch(setInputting(valueString));\n              dispatch(setEditingCell(address));\n              window.setTimeout(() => {\n                input.style.width = `${input.scrollWidth}px`;\n                input.style.height = `${input.scrollHeight}px`;\n                const length = new String(valueString).length;\n                input.setSelectionRange(length, length);\n              }, 20);\n            }\n          }}\n          onBlur={(e) => {\n            dispatch(setLastEdited(before));\n            if (e.target.value.startsWith('=')) {\n              return true;\n            } else {\n              if (editing) {\n                writeCell(e.target.value);\n              }\n            }\n            resetSize(e.target);\n          }}\n          value={inputting}\n          onChange={(e) => {\n            const input = e.currentTarget;\n            expandInput(input);\n            dispatch(setInputting(e.currentTarget.value));\n          }}\n          onKeyDown={handleKeyDown}\n          onKeyUp={(e) => {\n            const input = e.currentTarget;\n            const selectingArea = zoneToArea(store.selectingZone);\n            handleKeyUp?.(e, {\n              pointing: choosing,\n              selectingFrom: { y: selectingArea.top, x: selectingArea.left },\n              selectingTo: { y: selectingArea.bottom, x: selectingArea.right },\n            });\n          }}\n        />\n      </div>\n    </Fixed>\n  );\n};\n\nexport const editorStyle = (text: string) => {\n  if (text[0] !== '=') {\n    return <>{text}</>;\n  }\n  const lexer = new Lexer(text.substring(1));\n  lexer.tokenize();\n  let palletIndex = 0;\n  const exists: { [ref: string]: number } = {};\n  return (\n    <>\n      =\n      {lexer.tokens.map((token, i) => {\n        if (token.type === 'REF' || token.type === 'RANGE') {\n          const normalizedToken = token.stringify();\n          const existsIndex = exists[normalizedToken];\n          if (existsIndex !== undefined) {\n            return (\n              <span key={i} style={{ color: REF_PALETTE[existsIndex % REF_PALETTE.length] }}>\n                {token.stringify()}\n              </span>\n            );\n          }\n          const color = REF_PALETTE[palletIndex % REF_PALETTE.length];\n          exists[normalizedToken] = palletIndex++;\n          return (\n            <span key={i} style={{ color }} className={`gs-token-type-${token.type}`}>\n              {normalizedToken}\n            </span>\n          );\n        }\n\n        return (\n          <span key={i} className={`gs-token-type-${token.type} gs-token-entity-type-${typeof token.entity}`}>\n            {token.stringify()}\n          </span>\n        );\n      })}\n    </>\n  );\n};\n\nconst resetSize = (input: HTMLTextAreaElement) => {\n  input.style.width = '0px';\n  input.style.height = '0px';\n};\n"],"names":["React","_b","_a","value","prevention.isPrevented","prevention.Write"],"mappings":";;;;;;;;;;;;;AAsCO,MAAM,SAA0B,CAAC,EAAE,MAAM,kBAAyB;;AACvE,QAAM,EAAE,OAAO,SAAA,IAAaA,eAAM,WAAW,OAAO;AAC9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,CAAG,EAAA,YAAY,IAAI,gBAAgB;AACzCA,iBAAM,UAAU,MAAM;;AACpB,KAAAC,OAAAC,MAAA,uCAAW,YAAX,gBAAAA,IAAoB,UAApB,gBAAAD,IAAA,KAAAC,KAA4B,EAAE,eAAe;EAAM,GAClD,CAAC,SAAS,CAAC;AAEdF,iBAAM,UAAU,MAAM;AAChB,QAAA,EAAC,6CAAc,iBAAgB;AACjC;AAAA,IAAA;AAEE,QAAA,aAAa,mBAAmB,WAAW;AAC7C;AAAA,IAAA;AAEE,QAAA,aAAa,mBAAmB,gBAAgB;AAClD;AAAA,IAAA;AAEO,aAAA,eAAe,EAAE,CAAC;AAAA,EAAA,GAC1B,CAAC,6CAAc,cAAc,CAAC;AACjCA,iBAAM,UAAU,MAAM;;AACpB,KAAAE,MAAA,6CAAc,mBAAd,gBAAAA,IAAA,mBAA+B;AAAA,EAAW,GACzC,CAAC,WAAW,CAAC;AAEV,QAAA,EAAE,GAAG,EAAA,IAAM;AACjB,QAAM,QAAQ,GAAG,IAAI,CAAC,CAAC;AACjB,QAAA,QAAQ,IAAI,CAAC;AACnB,QAAM,UAAU,GAAG,KAAK,GAAG,KAAK;AAChC,QAAM,UAAU,gBAAgB;AAEhC,QAAM,OAAO,MAAM,WAAW,EAAE,GAAG,GAAG;AACtC,QAAM,QAAa,6BAAM;AACzB,QAAM,cAAc,MAAM,UAAU,EAAE,GAAG,KAAK,KAAK;AACnD,QAAM,CAAC,QAAQ,SAAS,IAAIF,eAAM,SAAiB,WAAW;AAC9DA,iBAAM,UAAU,MAAM;AACpB,cAAU,WAAW;AAAA,EAAA,GACpB,CAAC,QAAQ,CAAC;AAEb,QAAM,EAAE,GAAG,KAAK,GAAG,MAAM,QAAQ,UAAU;AAErC,QAAA,YAAY,CAACG,WAAkB;AACnC,QAAI,WAAWA,QAAO;AACX,eAAA,MAAMA,MAAK,CAAC;AAAA,IAAA;AAEvB,cAAUA,MAAK;AAAA,EACjB;AAEA,QAAM,WAAW,YAAY,MAAM,IAAI,EAAE;AACzC,QAAM,CAAC,WAAW,YAAY,IAAIH,eAAM,SAAS,KAAK;AAChD,QAAA,gBAAgB,CAAC,MAAgD;AACrE,QAAI,WAAW;AACb;AAAA,IAAA;AAGF,QAAI,EAAE,EAAE,QAAQ,UAAU,EAAE,QAAQ,YAAY;AAC9C,mBAAa,IAAI;AACX,YAAA,UAAU,OAAO,WAAW,MAAM;AACtC,qBAAa,KAAK;AAClB,eAAO,aAAa,OAAO;AAAA,SAC1B,EAAE;AAAA,IAAA;AAEP,UAAM,QAAQ,EAAE;AAEhB,UAAM,WAAW,EAAE;AACnB,YAAQ,EAAE,KAAK;AAAA,MACb,KAAK;AACH,UAAE,eAAe;AACjB,YAAI,SAAS;AACX,oBAAU,MAAM,KAAK;AACZ,mBAAA,eAAe,EAAE,CAAC;AAClB,mBAAA,aAAa,EAAE,CAAC;AAAA,QAAA;AAE3B;AAAA,UACE,KAAK;AAAA,YACH,SAAS,MAAM,WAAW;AAAA,YAC1B,SAAS,MAAM,WAAW;AAAA,YAC1B,QAAQ;AAAA,YACR,QAAQ,WAAW,KAAK;AAAA,UACzB,CAAA;AAAA,QACH;AACS,iBAAA,eAAe,EAAE,CAAC;AAC3B,kBAAU,EAAE,aAAa;AAClB,eAAA;AAAA,MAET,KAAK;AACH,YAAI,SAAS;AACX,cAAI,EAAE,QAAQ;AACZ,+BAAmB,OAAO,IAAI;AACrB,qBAAA,aAAa,MAAM,KAAK,CAAC;AAClC,cAAE,eAAe;AACV,mBAAA;AAAA,UAAA,OACF;AACD,gBAAA,EAAE,YAAY,aAAa;AACtB,qBAAA;AAAA,YAAA;AAET,sBAAU,MAAM,KAAK;AACZ,qBAAA,eAAe,EAAE,CAAC;AAAA,UAAA;AAE7B,oBAAU,EAAE,aAAa;AAAA,QAChB,WAAA,kBAAkB,cAAc,SAAS,IAAI;AAChD,gBAAA,WAAW,SAAS,YAAY,aAAa;AAC1C,mBAAA,UAAU,YAAY,MAAM,IAAI;AACzC,gBAAM,cAAc,QAAQ;AAC5B,YAAE,eAAe;AACV,iBAAA;AAAA,QAAA;AAET;AAAA,UACE,KAAK;AAAA,YACH,SAAS,MAAM,WAAW;AAAA,YAC1B,SAAS,MAAM,WAAW;AAAA,YAC1B,QAAQ,WAAW,KAAK;AAAA,YACxB,QAAQ;AAAA,UACT,CAAA;AAAA,QACH;AACA,UAAE,eAAe;AACV,eAAA;AAAA,MAET,KAAK;AACH,YAAI,CAAC,SAAS;AACH,mBAAA,MAAM,IAAI,CAAC;AACb,iBAAA;AAAA,QAAA;AAET;AAAA,MACF,KAAK;AACI,eAAA;AAAA,MAET,KAAK;AACI,eAAA;AAAA,MAET,KAAK;AACI,eAAA;AAAA,MAET,KAAK;AACI,eAAA;AAAA,MAET,KAAK;AACI,eAAA;AAAA,MAET,KAAK;AACM,iBAAA,OAAO,IAAI,CAAC;AACZ,iBAAA,eAAe,MAAS,CAAC;AAE3B,eAAA;AAAA,MAET,KAAK;AACH,YAAI,CAAC,SAAS;AACZ;AAAA,YACE,MAAM;AAAA,cACJ;AAAA,cACA,SAAS,MAAM,WAAW;AAAA,cAC1B,SAAS,MAAM,WAAW;AAAA,cAC1B,QAAQ;AAAA,cACR,QAAQ;AAAA,YACT,CAAA;AAAA,UACH;AACO,iBAAA;AAAA,QAAA;AAET;AAAA,MACF,KAAK;AACH,YAAI,CAAC,SAAS;AACZ;AAAA,YACE,MAAM;AAAA,cACJ;AAAA,cACA,SAAS,MAAM,WAAW;AAAA,cAC1B,SAAS,MAAM,WAAW;AAAA,cAC1B,QAAQ;AAAA,cACR,QAAQ;AAAA,YACT,CAAA;AAAA,UACH;AACO,iBAAA;AAAA,QAAA;AAET;AAAA,MACF,KAAK;AACH,YAAI,CAAC,SAAS;AACZ;AAAA,YACE,MAAM;AAAA,cACJ;AAAA,cACA,SAAS,MAAM,WAAW;AAAA,cAC1B,SAAS,MAAM,WAAW;AAAA,cAC1B,QAAQ;AAAA,cACR,QAAQ;AAAA,YACT,CAAA;AAAA,UACH;AACO,iBAAA;AAAA,QAAA;AAET;AAAA,MACF,KAAK;AACH,YAAI,CAAC,SAAS;AACZ;AAAA,YACE,MAAM;AAAA,cACJ;AAAA,cACA,SAAS,MAAM,WAAW;AAAA,cAC1B,SAAS,MAAM,WAAW;AAAA,cAC1B,QAAQ;AAAA,cACR,QAAQ;AAAA,YACT,CAAA;AAAA,UACH;AACO,iBAAA;AAAA,QAAA;AAET;AAAA,MACF,KAAK;AACC,YAAA,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAI,CAAC,SAAS;AACZ,cAAE,eAAe;AACjB;AAAA,cACE,OAAO;AAAA,gBACL,QAAQ;AAAA,gBACR,QAAQ;AAAA,gBACR,MAAM,MAAM,WAAW;AAAA,gBACvB,MAAM,MAAM,WAAW;AAAA,cACxB,CAAA;AAAA,YACH;AACO,mBAAA;AAAA,UAAA;AAAA,QACT;AAEF;AAAA,MACF,KAAK;AACC,YAAA,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAI,CAAC,SAAS;AACZ,cAAE,eAAe;AACX,kBAAA,OAAO,KAAK,KAAK;AACvB,qBAAS,KAAK,WAAW,IAAI,CAAC,CAAC;AAC/B,kBAAM,MAAM;AACL,mBAAA;AAAA,UAAA;AAAA,QACT;AAEF;AAAA,MACF,KAAK;AACC,YAAA,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAI,CAAC,SAAS;AACZ,cAAE,eAAe;AACb,gBAAA,OAAO,gBAAgB,aAAa;AAC7B,uBAAA,eAAe,EAAE,CAAC;AAAA,YAAA;AAEpB,qBAAA,YAAY,KAAK,CAAC;AAC3B,mBAAO,WAAW,MAAM,eAAe,QAAS,SAAS,GAAG;AACrD,mBAAA;AAAA,UAAA;AAAA,QACT;AAEF;AAAA,MACF,KAAK;AACC,YAAA,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAI,CAAC,SAAS;AACZ,cAAE,eAAe;AACR,qBAAA,KAAK,IAAI,CAAC;AACnB,mBAAO,WAAW,MAAM,SAAS,aAAa,EAAE,CAAC,GAAG,GAAG;AAChD,mBAAA;AAAA,UAAA;AAAA,QACT;AAEF;AAAA,MACF,KAAK;AACC,YAAA,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAI,CAAC,SAAS;AACZ,cAAE,eAAe;AACjB,sBACE,OAAO,OAAO;AAAA,cACZ,UAAU;AAAA,cACV,eAAe;AAAA,gBACb,GAAG,cAAc;AAAA,gBACjB,GAAG,cAAc;AAAA,cACnB;AAAA,cACA,aAAa;AAAA,gBACX,GAAG,cAAc;AAAA,gBACjB,GAAG,cAAc;AAAA,cAAA;AAAA,YACnB,CACD;AACI,mBAAA;AAAA,UAAA;AAAA,QACT;AAEF;AAAA,MACF,KAAK;AACC,YAAA,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAI,CAAC,SAAS;AACZ,mBAAO,WAAW,MAAM;AACtB,uBAAS,MAAM,EAAE,MAAM,MAAM,MAAO,CAAA,CAAC;AAC5B,uBAAA,aAAa,EAAE,CAAC;AAAA,eACxB,EAAE;AACE,mBAAA;AAAA,UAAA;AAAA,QACT;AAEF;AAAA,MACF,KAAK;AACC,YAAA,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAI,CAAC,SAAS;AACZ,cAAE,eAAe;AACX,kBAAA,OAAO,KAAK,KAAK;AACvB,qBAAS,IAAI,WAAW,IAAI,CAAC,CAAC;AAC9B,kBAAM,MAAM;AAEL,mBAAA;AAAA,UAAA;AAAA,QACT;AAEF;AAAA,MACF,KAAK;AACC,YAAA,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAI,CAAC,SAAS;AACZ,cAAE,eAAe;AACjB,gBAAI,EAAE,UAAU;AACL,uBAAA,KAAK,IAAI,CAAC;AAAA,YAAA,OAEd;AACI,uBAAA,KAAK,IAAI,CAAC;AAAA,YAAA;AAEd,mBAAA;AAAA,UAAA;AAAA,QACT;AAEF;AAAA,MACF,KAAK;AACC,YAAA,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAI,CAAC,SAAS;AACZ,cAAE,eAAe;AAEjB,uBAAc,oBAAA,KAAO,GAAA,aAAA,CAAc;AAAA,UAAA;AAAA,QACrC;AAEF;AAAA,IAAA;AAEA,QAAA,EAAE,WAAW,EAAE,SAAS;AACnB,aAAA;AAAA,IAAA;AAET,QAAII,YAAuB,6BAAM,YAAYC,KAAgB,GAAG;AAC9D,cAAQ,KAAK,sCAAsC;AAC5C,aAAA;AAAA,IAAA;AAEA,aAAA,eAAe,OAAO,CAAC;AAChC,QAAI,CAAC,SAAS;AACH,eAAA,aAAa,EAAE,CAAC;AAAA,IAAA;AAEpB,WAAA;AAAA,EACT;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,aAAa,UAAU,eAAe,EAAE;AAAA,MACnD,OAAO,UAAU,EAAE,KAAK,MAAM,WAAW,CAAC;AAAA,MACzC,GAAG;AAAA,QACF,aAAa;AAAA,QACb,iBAAiB;AAAA,MACnB;AAAA,MAEC,UAAA;AAAA,QAAA,eAAgB,oBAAA,OAAA,EAAI,WAAU,iBAAiB,UAAQ,SAAA;AAAA,6BACvD,OAAI,EAAA,WAAU,mBAAkB,OAAO,EAAE,MACxC,GAAA,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA;AAAA,gBAEL,SAAQ,eAAU,YAAV,mBAAmB;AAAA,gBAC3B,UAAQ,eAAU,YAAV,mBAAmB,gBAAe,KAAK;AAAA,cACjD;AAAA,cAEC,WAAM,6BAAA,kBAAiB,YAAY,YAAY,SAAS;AAAA,YAAA;AAAA,UAC3D;AAAA,UACA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,KAAK;AAAA,cACL,MAAM;AAAA,cACN,SAAS,MAAM;;AACJ,yBAAA,kBAAkB,SAAS,CAAC;AACrC,iBAAAH,MAAA,6CAAc,sBAAd,gBAAAA,IAAA,mBAAkC;AAAA,cACpC;AAAA,cACA,OAAO,EAAE,UAAU,OAAO,WAAW,OAAO;AAAA,cAC5C,eAAe,CAAC,MAAM;AACpB,oBAAIE,YAAuB,6BAAM,YAAYC,KAAgB,GAAG;AAC9D,0BAAQ,KAAK,sCAAsC;AACnD;AAAA,gBAAA;AAEF,sBAAM,QAAQ,EAAE;AAChB,0BAAU,KAAK;AACf,oBAAI,CAAC,SAAS;AACH,2BAAA,aAAa,WAAW,CAAC;AACzB,2BAAA,eAAe,OAAO,CAAC;AAChC,yBAAO,WAAW,MAAM;AACtB,0BAAM,MAAM,QAAQ,GAAG,MAAM,WAAW;AACxC,0BAAM,MAAM,SAAS,GAAG,MAAM,YAAY;AAC1C,0BAAM,SAAS,IAAI,OAAO,WAAW,EAAE;AACjC,0BAAA,kBAAkB,QAAQ,MAAM;AAAA,qBACrC,EAAE;AAAA,gBAAA;AAAA,cAET;AAAA,cACA,QAAQ,CAAC,MAAM;AACJ,yBAAA,cAAc,MAAM,CAAC;AAC9B,oBAAI,EAAE,OAAO,MAAM,WAAW,GAAG,GAAG;AAC3B,yBAAA;AAAA,gBAAA,OACF;AACL,sBAAI,SAAS;AACD,8BAAA,EAAE,OAAO,KAAK;AAAA,kBAAA;AAAA,gBAC1B;AAEF,0BAAU,EAAE,MAAM;AAAA,cACpB;AAAA,cACA,OAAO;AAAA,cACP,UAAU,CAAC,MAAM;AACf,sBAAM,QAAQ,EAAE;AAChB,4BAAY,KAAK;AACjB,yBAAS,aAAa,EAAE,cAAc,KAAK,CAAC;AAAA,cAC9C;AAAA,cACA,WAAW;AAAA,cACX,SAAS,CAAC,MAAM;AACA,kBAAE;AACV,sBAAA,gBAAgB,WAAW,MAAM,aAAa;AACpD,2DAAc,GAAG;AAAA,kBACf,UAAU;AAAA,kBACV,eAAe,EAAE,GAAG,cAAc,KAAK,GAAG,cAAc,KAAK;AAAA,kBAC7D,aAAa,EAAE,GAAG,cAAc,QAAQ,GAAG,cAAc,MAAM;AAAA,gBAAA;AAAA,cAChE;AAAA,YACH;AAAA,UAAA;AAAA,QACF,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;AAEa,MAAA,cAAc,CAAC,SAAiB;AACvC,MAAA,KAAK,CAAC,MAAM,KAAK;AACnB,2CAAU,UAAK,KAAA,CAAA;AAAA,EAAA;AAEjB,QAAM,QAAQ,IAAI,MAAM,KAAK,UAAU,CAAC,CAAC;AACzC,QAAM,SAAS;AACf,MAAI,cAAc;AAClB,QAAM,SAAoC,CAAC;AAC3C,SACI,qBAAA,UAAA,EAAA,UAAA;AAAA,IAAA;AAAA,IAEC,MAAM,OAAO,IAAI,CAAC,OAAO,MAAM;AAC9B,UAAI,MAAM,SAAS,SAAS,MAAM,SAAS,SAAS;AAC5C,cAAA,kBAAkB,MAAM,UAAU;AAClC,cAAA,cAAc,OAAO,eAAe;AAC1C,YAAI,gBAAgB,QAAW;AAC7B,iBACG,oBAAA,QAAA,EAAa,OAAO,EAAE,OAAO,YAAY,cAAc,YAAY,MAAM,EAAE,GACzE,UAAM,MAAA,UAAA,KADE,CAEX;AAAA,QAAA;AAGJ,cAAM,QAAQ,YAAY,cAAc,YAAY,MAAM;AAC1D,eAAO,eAAe,IAAI;AAC1B,eACG,oBAAA,QAAA,EAAa,OAAO,EAAE,MAAM,GAAG,WAAW,iBAAiB,MAAM,IAAI,IACnE,UAAA,gBAAA,GADQ,CAEX;AAAA,MAAA;AAIJ,aACG,oBAAA,QAAA,EAAa,WAAW,iBAAiB,MAAM,IAAI,yBAAyB,OAAO,MAAM,MAAM,IAC7F,UAAM,MAAA,UAAA,KADE,CAEX;AAAA,IAEH,CAAA;AAAA,EAAA,GACH;AAEJ;AAEA,MAAM,YAAY,CAAC,UAA+B;AAChD,QAAM,MAAM,QAAQ;AACpB,QAAM,MAAM,SAAS;AACvB;"}

package/dist/components/Emitter.js

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

package/dist/components/Emitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Emitter.js","sources":["../../components/Emitter.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Context } from '../store';\nimport { FeedbackType } from '../types';\n\ntype Props = {\n  onChange?: FeedbackType;\n  onSelect?: FeedbackType;\n};\n\nexport const Emitter: React.FC<Props> = ({ onChange, onSelect }) => {\n  const { store } = React.useContext(Context);\n  const { choosing: pointing, selectingZone: zone, table, tableInitialized } = store;\n\n  React.useEffect(() => {\n    tableInitialized &&\n      table &&\n      onChange &&\n      onChange(table, {\n        pointing,\n        selectingFrom: { y: zone.startY, x: zone.startX },\n        selectingTo: { y: zone.endY, x: zone.endX },\n      });\n  }, [table]);\n\n  React.useEffect(() => {\n    onSelect &&\n      onSelect(table, {\n        pointing,\n        selectingFrom: { y: zone.startY, x: zone.startX },\n        selectingTo: { y: zone.endY, x: zone.endX },\n      });\n  }, [pointing, zone]);\n  return <></>;\n};\n"],"names":["React"],"mappings":";;;AAUO,MAAM,UAA2B,CAAC,EAAE,UAAU,eAAe;AAClE,QAAM,EAAE,MAAU,IAAAA,eAAM,WAAW,OAAO;AAC1C,QAAM,EAAE,UAAU,UAAU,eAAe,MAAM,OAAO,qBAAqB;AAE7EA,iBAAM,UAAU,MAAM;AAElB,wBAAA,SACA,YACA,SAAS,OAAO;AAAA,MACd;AAAA,MACA,eAAe,EAAE,GAAG,KAAK,QAAQ,GAAG,KAAK,OAAO;AAAA,MAChD,aAAa,EAAE,GAAG,KAAK,MAAM,GAAG,KAAK,KAAK;AAAA,IAAA,CAC3C;AAAA,EAAA,GACF,CAAC,KAAK,CAAC;AAEVA,iBAAM,UAAU,MAAM;AACpB,gBACE,SAAS,OAAO;AAAA,MACd;AAAA,MACA,eAAe,EAAE,GAAG,KAAK,QAAQ,GAAG,KAAK,OAAO;AAAA,MAChD,aAAa,EAAE,GAAG,KAAK,MAAM,GAAG,KAAK,KAAK;AAAA,IAAA,CAC3C;AAAA,EAAA,GACF,CAAC,UAAU,IAAI,CAAC;AACnB,SAAS,oBAAA,UAAA,EAAA;AACX;"}

package/dist/components/Fixed.js

@@ -1,17 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-import { useBrowser } from "./hooks.js";
-const Fixed = ({ children, style, className = "", ...attrs }) => {
-  const { document } = useBrowser();
-  if (document == null) {
-    return null;
-  }
-  return createPortal(
-    /* @__PURE__ */ jsx("div", { ...attrs, className: `gs-fixed ${className}`, style, children }),
-    document.body
-  );
-};
-export {
-  Fixed
-};
-//# sourceMappingURL=Fixed.js.map

package/dist/components/Fixed.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Fixed.js","sources":["../../components/Fixed.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useBrowser } from './hooks';\n\ntype Props = {\n  className?: string;\n  style?: CSSProperties;\n  children: React.ReactNode;\n  [attr: string]: any;\n};\n\nexport const Fixed: React.FC<Props> = ({ children, style, className = '', ...attrs }) => {\n  const { document } = useBrowser();\n  if (document == null) {\n    return null;\n  }\n  return createPortal(\n    <div {...attrs} className={`gs-fixed ${className}`} style={style}>\n      {children}\n    </div>,\n    document.body,\n  );\n};\n"],"names":[],"mappings":";;;AAWa,MAAA,QAAyB,CAAC,EAAE,UAAU,OAAO,YAAY,IAAI,GAAG,YAAY;AACjF,QAAA,EAAE,SAAS,IAAI,WAAW;AAChC,MAAI,YAAY,MAAM;AACb,WAAA;AAAA,EAAA;AAEF,SAAA;AAAA,IACL,oBAAC,SAAK,GAAG,OAAO,WAAW,YAAY,SAAS,IAAI,OACjD,SACH,CAAA;AAAA,IACA,SAAS;AAAA,EACX;AACF;"}