@gridsheet/react-core 1.4.0-alpha.3 → 1.4.0-alpha.5

package/dist/components/Cell.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
 import { x2c, y2r } from "../lib/converters.js";
 import { zoneToArea, among, areaToRange, areaToZone, zoneShape } from "../lib/structs.js";
@@ -81,7 +81,7 @@ const Cell = React__default.memo(({ y, x, operationStyle }) => {
   if (!input) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     "td",
     {
       ref: cellRef,
@@ -192,8 +192,8 @@ const Cell = React__default.memo(({ y, x, operationStyle }) => {
         (_a = sheetContext == null ? void 0 : sheetContext.forceRender) == null ? void 0 : _a.call(sheetContext);
         return true;
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: `gs-cell-inner-wrap`, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      children: /* @__PURE__ */ jsxs("div", { className: `gs-cell-inner-wrap`, children: [
+        /* @__PURE__ */ jsxs(
           "div",
           {
             className: "gs-cell-inner",
@@ -203,13 +203,13 @@ const Cell = React__default.memo(({ y, x, operationStyle }) => {
               alignItems: (cell == null ? void 0 : cell.alignItems) || "start"
             },
             children: [
-              errorMessage && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-formula-error-triangle", title: errorMessage }),
-              showAddress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-cell-label", children: address }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-cell-rendered", children: rendered })
+              errorMessage && /* @__PURE__ */ jsx("div", { className: "gs-formula-error-triangle", title: errorMessage }),
+              showAddress && /* @__PURE__ */ jsx("div", { className: "gs-cell-label", children: address }),
+              /* @__PURE__ */ jsx("div", { className: "gs-cell-rendered", children: rendered })
             ]
           }
         ),
-        (!editing && pointed && selectingArea.bottom === -1 || selectingArea.bottom === y && selectingArea.right === x) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+        (!editing && pointed && selectingArea.bottom === -1 || selectingArea.bottom === y && selectingArea.right === x) && /* @__PURE__ */ jsx(
           "div",
           {
             className: "gs-autofill-drag",

package/dist/components/Cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../components/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { x2c, y2r } from '../lib/converters';\nimport { zoneToArea, among, zoneShape, areaToZone, areaToRange } from '../lib/structs';\nimport {\n  choose,\n  select,\n  drag,\n  write,\n  setEditorRect,\n  setContextMenuPosition,\n  setAutofillDraggingTo,\n  updateTable,\n  setEditingCell,\n  setInputting,\n} from '../store/actions';\n\nimport { DUMMY_IMG } from '../constants';\n\nimport { Context } from '../store';\nimport { FormulaError } from '../formula/evaluator';\nimport { Autofill } from '../lib/autofill';\nimport { insertRef, isRefInsertable } from '../lib/input';\nimport { useSheetContext } from './SheetProvider';\n\ntype Props = {\n  y: number;\n  x: number;\n  operationStyle?: React.CSSProperties;\n};\n\nexport const Cell: React.FC<Props> = React.memo(({ y, x, operationStyle }) => {\n  const rowId = y2r(y);\n  const colId = x2c(x);\n  const address = `${colId}${rowId}`;\n  const { store, dispatch } = React.useContext(Context);\n  const isFirstPointed = React.useRef(true);\n\n  const [sheetProvided, sheetContext] = useSheetContext();\n\n  const cellRef = React.useRef<HTMLTableCellElement | null>(null);\n  const {\n    table,\n    editingCell,\n    choosing,\n    selectingZone,\n    leftHeaderSelecting,\n    topHeaderSelecting,\n    editorRef,\n    showAddress,\n    autofillDraggingTo,\n    lastEdited,\n  } = store;\n\n  // Whether the focus is on another sheet\n  const differentSheetFocused = sheetProvided && sheetContext?.lastFocusedRef !== store.lastFocusedRef;\n\n  const lastFocusedRef = sheetContext?.lastFocusedRef || store.lastFocusedRef;\n\n  const selectingArea = zoneToArea(selectingZone); // (top, left) -> (bottom, right)\n\n  const editing = editingCell === address;\n  const pointed = choosing.y === y && choosing.x === x;\n  const _setEditorRect = React.useCallback(() => {\n    const rect = cellRef.current!.getBoundingClientRect();\n    dispatch(\n      setEditorRect({\n        y: rect.y,\n        x: rect.x,\n        height: rect.height,\n        width: rect.width,\n      }),\n    );\n  }, []);\n\n  React.useEffect(() => {\n    // Avoid setting coordinates on the initial render to account for shifts caused by redrawing due to virtualization.\n    if (pointed && !isFirstPointed.current) {\n      _setEditorRect();\n      if (!editing) {\n        dispatch(setInputting(table.stringify({ y, x })));\n      }\n      return;\n    }\n    isFirstPointed.current = false;\n  }, [pointed, editing]);\n  const cell = table.getByPoint({ y, x });\n  const writeCell = (value: string) => {\n    if (lastEdited !== value) {\n      dispatch(write(value));\n      return;\n    }\n  };\n\n  let errorMessage = '';\n  let rendered;\n  try {\n    rendered = table.render({ y, x }, writeCell);\n  } catch (e: any) {\n    if (e instanceof FormulaError) {\n      errorMessage = e.message;\n      rendered = e.code;\n    } else {\n      errorMessage = e.message;\n      rendered = '#UNKNOWN';\n      console.error(e);\n    }\n    // TODO: debug flag\n  }\n  const lastInput = lastFocusedRef.current;\n  const input = editorRef.current;\n  if (!input) {\n    return null;\n  }\n\n  return (\n    <td\n      key={x}\n      ref={cellRef}\n      data-x={x}\n      data-y={y}\n      data-address={address}\n      className={`gs-cell ${among(selectingArea, { y, x }) ? 'gs-selecting' : ''} ${pointed ? 'gs-choosing' : ''} ${\n        editing ? 'gs-editing' : ''\n      }`}\n      style={{\n        ...cell?.style,\n        ...operationStyle,\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault();\n        dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));\n        return false;\n      }}\n      onClick={(e) => {\n        if (autofillDraggingTo) {\n          return false;\n        }\n\n        const fullAddress = `${table.sheetPrefix(!differentSheetFocused)}${address}`;\n        const editing = !!(sheetContext?.editingCell || editingCell);\n        if (editing) {\n          const inserted = insertRef(lastInput, fullAddress);\n          if (inserted) {\n            return false;\n          }\n        }\n        dispatch(setEditingCell(''));\n        dispatch(setContextMenuPosition({ y: -1, x: -1 }));\n        input.focus();\n        if (e.shiftKey) {\n          dispatch(drag({ y, x }));\n          return;\n        } else {\n          dispatch(choose({ y, x }));\n          dispatch(select({ startY: y, startX: x, endY: -1, endX: -1 }));\n          _setEditorRect();\n        }\n        const valueString = table.stringify({ y, x });\n        dispatch(setInputting(valueString));\n      }}\n      onDoubleClick={(e) => {\n        e.preventDefault();\n        const dblclick = document.createEvent('MouseEvents');\n        dblclick.initEvent('dblclick', true, true);\n        input.dispatchEvent(dblclick);\n        return false;\n      }}\n      draggable\n      onDragStart={(e) => {\n        if (autofillDraggingTo) {\n          return false;\n        }\n        e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);\n        dispatch(select({ startY: y, startX: x, endY: y, endX: x }));\n        const insertable = isRefInsertable(lastInput);\n        if (insertable) {\n          return true;\n        } else if (insertable != null) {\n          writeCell(input.value);\n        }\n        dispatch(choose({ y, x }));\n        input.focus();\n        dispatch(setInputting(''));\n      }}\n      onDragEnd={() => {\n        if (autofillDraggingTo) {\n          if (autofillDraggingTo.x !== x || autofillDraggingTo.y !== y) {\n            const autofill = new Autofill(store, autofillDraggingTo);\n            dispatch(updateTable(autofill.applied));\n            dispatch(select(areaToZone(autofill.wholeArea)));\n            input.focus();\n          }\n          dispatch(setAutofillDraggingTo(null));\n          return false;\n        }\n        const { height: h, width: w } = zoneShape(selectingZone);\n        if (h + w === 0) {\n          dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));\n        }\n        if (isRefInsertable(lastInput)) {\n          dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));\n        }\n        lastFocusedRef.current?.focus();\n      }}\n      onDragEnter={() => {\n        if (autofillDraggingTo) {\n          if (!among(selectingArea, { x, y })) {\n            dispatch(setAutofillDraggingTo({ x, y }));\n          }\n          return false;\n        }\n        if (leftHeaderSelecting) {\n          dispatch(drag({ y: table.getNumRows(), x }));\n          return false;\n        }\n        if (topHeaderSelecting) {\n          dispatch(drag({ y, x: table.getNumCols() }));\n          return false;\n        }\n        dispatch(drag({ y, x }));\n\n        const newArea = zoneToArea({ ...selectingZone, endY: y, endX: x });\n        const fullRange = `${table.sheetPrefix(!differentSheetFocused)}${areaToRange(newArea)}`;\n        insertRef(lastInput, fullRange);\n        sheetContext?.forceRender?.(); // Force drawing because the formula is not reflected in largeInput\n        return true;\n      }}\n    >\n      <div className={`gs-cell-inner-wrap`}>\n        <div\n          className={'gs-cell-inner'}\n          style={{\n            ...cell?.style,\n            justifyContent: cell?.justifyContent || 'left',\n            alignItems: cell?.alignItems || 'start',\n          }}\n        >\n          {errorMessage && <div className=\"gs-formula-error-triangle\" title={errorMessage} />}\n          {showAddress && <div className=\"gs-cell-label\">{address}</div>}\n          <div className=\"gs-cell-rendered\">{rendered}</div>\n        </div>\n        {((!editing && pointed && selectingArea.bottom === -1) ||\n          (selectingArea.bottom === y && selectingArea.right === x)) && (\n          <div\n            className=\"gs-autofill-drag\"\n            draggable\n            onDragStart={(e) => {\n              e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);\n              dispatch(setAutofillDraggingTo({ x, y }));\n              e.stopPropagation();\n            }}\n          ></div>\n        )}\n      </div>\n    </td>\n  );\n});\n"],"names":["React","jsx","editing","jsxs"],"mappings":"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"}
+{"version":3,"file":"Cell.js","sources":["../../components/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { x2c, y2r } from '../lib/converters';\nimport { zoneToArea, among, zoneShape, areaToZone, areaToRange } from '../lib/structs';\nimport {\n  choose,\n  select,\n  drag,\n  write,\n  setEditorRect,\n  setContextMenuPosition,\n  setAutofillDraggingTo,\n  updateTable,\n  setEditingCell,\n  setInputting,\n} from '../store/actions';\n\nimport { DUMMY_IMG } from '../constants';\n\nimport { Context } from '../store';\nimport { FormulaError } from '../formula/evaluator';\nimport { Autofill } from '../lib/autofill';\nimport { insertRef, isRefInsertable } from '../lib/input';\nimport { useSheetContext } from './SheetProvider';\n\ntype Props = {\n  y: number;\n  x: number;\n  operationStyle?: React.CSSProperties;\n};\n\nexport const Cell: React.FC<Props> = React.memo(({ y, x, operationStyle }) => {\n  const rowId = y2r(y);\n  const colId = x2c(x);\n  const address = `${colId}${rowId}`;\n  const { store, dispatch } = React.useContext(Context);\n  const isFirstPointed = React.useRef(true);\n\n  const [sheetProvided, sheetContext] = useSheetContext();\n\n  const cellRef = React.useRef<HTMLTableCellElement | null>(null);\n  const {\n    table,\n    editingCell,\n    choosing,\n    selectingZone,\n    leftHeaderSelecting,\n    topHeaderSelecting,\n    editorRef,\n    showAddress,\n    autofillDraggingTo,\n    lastEdited,\n  } = store;\n\n  // Whether the focus is on another sheet\n  const differentSheetFocused = sheetProvided && sheetContext?.lastFocusedRef !== store.lastFocusedRef;\n\n  const lastFocusedRef = sheetContext?.lastFocusedRef || store.lastFocusedRef;\n\n  const selectingArea = zoneToArea(selectingZone); // (top, left) -> (bottom, right)\n\n  const editing = editingCell === address;\n  const pointed = choosing.y === y && choosing.x === x;\n  const _setEditorRect = React.useCallback(() => {\n    const rect = cellRef.current!.getBoundingClientRect();\n    dispatch(\n      setEditorRect({\n        y: rect.y,\n        x: rect.x,\n        height: rect.height,\n        width: rect.width,\n      }),\n    );\n  }, []);\n\n  React.useEffect(() => {\n    // Avoid setting coordinates on the initial render to account for shifts caused by redrawing due to virtualization.\n    if (pointed && !isFirstPointed.current) {\n      _setEditorRect();\n      if (!editing) {\n        dispatch(setInputting(table.stringify({ y, x })));\n      }\n      return;\n    }\n    isFirstPointed.current = false;\n  }, [pointed, editing]);\n  const cell = table.getByPoint({ y, x });\n  const writeCell = (value: string) => {\n    if (lastEdited !== value) {\n      dispatch(write(value));\n      return;\n    }\n  };\n\n  let errorMessage = '';\n  let rendered;\n  try {\n    rendered = table.render({ y, x }, writeCell);\n  } catch (e: any) {\n    if (e instanceof FormulaError) {\n      errorMessage = e.message;\n      rendered = e.code;\n    } else {\n      errorMessage = e.message;\n      rendered = '#UNKNOWN';\n      console.error(e);\n    }\n    // TODO: debug flag\n  }\n  const lastInput = lastFocusedRef.current;\n  const input = editorRef.current;\n  if (!input) {\n    return null;\n  }\n\n  return (\n    <td\n      key={x}\n      ref={cellRef}\n      data-x={x}\n      data-y={y}\n      data-address={address}\n      className={`gs-cell ${among(selectingArea, { y, x }) ? 'gs-selecting' : ''} ${pointed ? 'gs-choosing' : ''} ${\n        editing ? 'gs-editing' : ''\n      }`}\n      style={{\n        ...cell?.style,\n        ...operationStyle,\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault();\n        dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));\n        return false;\n      }}\n      onClick={(e) => {\n        if (autofillDraggingTo) {\n          return false;\n        }\n\n        const fullAddress = `${table.sheetPrefix(!differentSheetFocused)}${address}`;\n        const editing = !!(sheetContext?.editingCell || editingCell);\n        if (editing) {\n          const inserted = insertRef(lastInput, fullAddress);\n          if (inserted) {\n            return false;\n          }\n        }\n        dispatch(setEditingCell(''));\n        dispatch(setContextMenuPosition({ y: -1, x: -1 }));\n        input.focus();\n        if (e.shiftKey) {\n          dispatch(drag({ y, x }));\n          return;\n        } else {\n          dispatch(choose({ y, x }));\n          dispatch(select({ startY: y, startX: x, endY: -1, endX: -1 }));\n          _setEditorRect();\n        }\n        const valueString = table.stringify({ y, x });\n        dispatch(setInputting(valueString));\n      }}\n      onDoubleClick={(e) => {\n        e.preventDefault();\n        const dblclick = document.createEvent('MouseEvents');\n        dblclick.initEvent('dblclick', true, true);\n        input.dispatchEvent(dblclick);\n        return false;\n      }}\n      draggable\n      onDragStart={(e) => {\n        if (autofillDraggingTo) {\n          return false;\n        }\n        e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);\n        dispatch(select({ startY: y, startX: x, endY: y, endX: x }));\n        const insertable = isRefInsertable(lastInput);\n        if (insertable) {\n          return true;\n        } else if (insertable != null) {\n          writeCell(input.value);\n        }\n        dispatch(choose({ y, x }));\n        input.focus();\n        dispatch(setInputting(''));\n      }}\n      onDragEnd={() => {\n        if (autofillDraggingTo) {\n          if (autofillDraggingTo.x !== x || autofillDraggingTo.y !== y) {\n            const autofill = new Autofill(store, autofillDraggingTo);\n            dispatch(updateTable(autofill.applied));\n            dispatch(select(areaToZone(autofill.wholeArea)));\n            input.focus();\n          }\n          dispatch(setAutofillDraggingTo(null));\n          return false;\n        }\n        const { height: h, width: w } = zoneShape(selectingZone);\n        if (h + w === 0) {\n          dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));\n        }\n        if (isRefInsertable(lastInput)) {\n          dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));\n        }\n        lastFocusedRef.current?.focus();\n      }}\n      onDragEnter={() => {\n        if (autofillDraggingTo) {\n          if (!among(selectingArea, { x, y })) {\n            dispatch(setAutofillDraggingTo({ x, y }));\n          }\n          return false;\n        }\n        if (leftHeaderSelecting) {\n          dispatch(drag({ y: table.getNumRows(), x }));\n          return false;\n        }\n        if (topHeaderSelecting) {\n          dispatch(drag({ y, x: table.getNumCols() }));\n          return false;\n        }\n        dispatch(drag({ y, x }));\n\n        const newArea = zoneToArea({ ...selectingZone, endY: y, endX: x });\n        const fullRange = `${table.sheetPrefix(!differentSheetFocused)}${areaToRange(newArea)}`;\n        insertRef(lastInput, fullRange);\n        sheetContext?.forceRender?.(); // Force drawing because the formula is not reflected in largeInput\n        return true;\n      }}\n    >\n      <div className={`gs-cell-inner-wrap`}>\n        <div\n          className={'gs-cell-inner'}\n          style={{\n            ...cell?.style,\n            justifyContent: cell?.justifyContent || 'left',\n            alignItems: cell?.alignItems || 'start',\n          }}\n        >\n          {errorMessage && <div className=\"gs-formula-error-triangle\" title={errorMessage} />}\n          {showAddress && <div className=\"gs-cell-label\">{address}</div>}\n          <div className=\"gs-cell-rendered\">{rendered}</div>\n        </div>\n        {((!editing && pointed && selectingArea.bottom === -1) ||\n          (selectingArea.bottom === y && selectingArea.right === x)) && (\n          <div\n            className=\"gs-autofill-drag\"\n            draggable\n            onDragStart={(e) => {\n              e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);\n              dispatch(setAutofillDraggingTo({ x, y }));\n              e.stopPropagation();\n            }}\n          ></div>\n        )}\n      </div>\n    </td>\n  );\n});\n"],"names":["React","editing"],"mappings":"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"}

package/dist/components/ContextMenu.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React__default from "react";
 import { clip } from "../lib/clipboard.js";
 import { cut, copy, paste, updateTable, undo, redo, setContextMenuPosition } from "../store/actions.js";
@@ -30,7 +30,7 @@ const ContextMenu = () => {
   const selectingBottomCell = table.getByPoint({ y: selectingBottom, x: 0 });
   const selectingRightCell = table.getByPoint({ y: 0, x: selectingRight });
   const historyIndex = table.getHistoryIndex();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     Fixed,
     {
       className: "gs-contextmenu-modal",
@@ -39,7 +39,7 @@ const ContextMenu = () => {
         dispatch(setContextMenuPosition({ y: -1, x: -1 }));
         return false;
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
           className: "gs-contextmenu",
@@ -47,8 +47,8 @@ const ContextMenu = () => {
             top,
             left
           },
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("ul", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          children: /* @__PURE__ */ jsxs("ul", { children: [
+            /* @__PURE__ */ jsxs(
               "li",
               {
                 className: "gs-enabled",
@@ -57,12 +57,12 @@ const ContextMenu = () => {
                   dispatch(cut(areaToZone(area)));
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-name", children: "Cut" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gs-menu-underline", children: "X" }) })
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-name", children: "Cut" }),
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsx("span", { className: "gs-menu-underline", children: "X" }) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            /* @__PURE__ */ jsxs(
               "li",
               {
                 className: "gs-enabled",
@@ -71,12 +71,12 @@ const ContextMenu = () => {
                   dispatch(copy(areaToZone(area)));
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-name", children: "Copy" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gs-menu-underline", children: "C" }) })
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-name", children: "Copy" }),
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsx("span", { className: "gs-menu-underline", children: "C" }) })
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            /* @__PURE__ */ jsxs(
               "li",
               {
                 className: "gs-enabled",
@@ -86,13 +86,13 @@ const ContextMenu = () => {
                   dispatch(paste({ text }));
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-name", children: "Paste" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gs-menu-underline", children: "V" }) })
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-name", children: "Paste" }),
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsx("span", { className: "gs-menu-underline", children: "V" }) })
                 ]
               }
             ),
-            (leftHeaderSelecting || topHeaderSelecting) && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "gs-menu-divider" }),
-            leftHeaderSelecting && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            (leftHeaderSelecting || topHeaderSelecting) && /* @__PURE__ */ jsx("li", { className: "gs-menu-divider" }),
+            leftHeaderSelecting && /* @__PURE__ */ jsx(
               "li",
               {
                 className: table.maxNumRows !== -1 && tableHeight + height > table.maxNumRows || isPrevented(selectingTopCell == null ? void 0 : selectingTopCell.prevention, AddRowAbove) ? "gs-disabled" : "gs-enabled",
@@ -108,7 +108,7 @@ const ContextMenu = () => {
                   });
                   dispatch(updateTable(newTable));
                 },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-menu-name", children: [
+                children: /* @__PURE__ */ jsxs("div", { className: "gs-menu-name", children: [
                   "Insert ",
                   height,
                   " row",
@@ -117,7 +117,7 @@ const ContextMenu = () => {
                 ] })
               }
             ),
-            leftHeaderSelecting && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            leftHeaderSelecting && /* @__PURE__ */ jsx(
               "li",
               {
                 className: table.maxNumRows !== -1 && tableHeight + height > table.maxNumRows || isPrevented(selectingBottomCell == null ? void 0 : selectingBottomCell.prevention, AddRowBelow) ? "gs-disabled" : "gs-enabled",
@@ -139,7 +139,7 @@ const ContextMenu = () => {
                   });
                   dispatch(updateTable(newTable));
                 },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-menu-name", children: [
+                children: /* @__PURE__ */ jsxs("div", { className: "gs-menu-name", children: [
                   "Insert ",
                   height,
                   " row",
@@ -148,7 +148,7 @@ const ContextMenu = () => {
                 ] })
               }
             ),
-            topHeaderSelecting && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            topHeaderSelecting && /* @__PURE__ */ jsx(
               "li",
               {
                 className: table.maxNumCols !== -1 && tableWidth + width > table.maxNumCols || isPrevented(selectingLeftCell == null ? void 0 : selectingLeftCell.prevention, AddColLeft) ? "gs-disabled" : "gs-enabled",
@@ -167,7 +167,7 @@ const ContextMenu = () => {
                   });
                   dispatch(updateTable(newTable));
                 },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-menu-name", children: [
+                children: /* @__PURE__ */ jsxs("div", { className: "gs-menu-name", children: [
                   "Insert ",
                   width,
                   " column",
@@ -176,7 +176,7 @@ const ContextMenu = () => {
                 ] })
               }
             ),
-            topHeaderSelecting && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            topHeaderSelecting && /* @__PURE__ */ jsx(
               "li",
               {
                 className: table.maxNumCols !== -1 && tableWidth + width > table.maxNumCols || isPrevented(selectingRightCell == null ? void 0 : selectingRightCell.prevention, AddColRight) ? "gs-disabled" : "gs-enabled",
@@ -198,7 +198,7 @@ const ContextMenu = () => {
                   });
                   dispatch(updateTable(newTable));
                 },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-menu-name", children: [
+                children: /* @__PURE__ */ jsxs("div", { className: "gs-menu-name", children: [
                   "Insert ",
                   width,
                   " column",
@@ -207,7 +207,7 @@ const ContextMenu = () => {
                 ] })
               }
             ),
-            leftHeaderSelecting && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            leftHeaderSelecting && /* @__PURE__ */ jsx(
               "li",
               {
                 className: table.minNumRows !== -1 && tableHeight - height < table.minNumRows || isPrevented(selectingTopCell == null ? void 0 : selectingTopCell.prevention, DeleteRow) ? "gs-disabled" : "gs-enabled",
@@ -226,7 +226,7 @@ const ContextMenu = () => {
                   });
                   dispatch(updateTable(newTable));
                 },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-menu-name", children: [
+                children: /* @__PURE__ */ jsxs("div", { className: "gs-menu-name", children: [
                   "Delete ",
                   height,
                   " row",
@@ -234,7 +234,7 @@ const ContextMenu = () => {
                 ] })
               }
             ),
-            topHeaderSelecting && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            topHeaderSelecting && /* @__PURE__ */ jsx(
               "li",
               {
                 className: table.minNumCols !== -1 && tableWidth - width < table.minNumCols || isPrevented(selectingRightCell == null ? void 0 : selectingRightCell.prevention, DeleteCol) ? "gs-disabled" : "gs-enabled",
@@ -250,7 +250,7 @@ const ContextMenu = () => {
                   });
                   dispatch(updateTable(newTable));
                 },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-menu-name", children: [
+                children: /* @__PURE__ */ jsxs("div", { className: "gs-menu-name", children: [
                   "Delete ",
                   width,
                   " column",
@@ -258,8 +258,8 @@ const ContextMenu = () => {
                 ] })
               }
             ),
-            (historyIndex > -1 || historyIndex < table.getHistorySize() - 1) && /* @__PURE__ */ jsxRuntimeExports.jsx("li", { className: "gs-menu-divider" }),
-            historyIndex > -1 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            (historyIndex > -1 || historyIndex < table.getHistorySize() - 1) && /* @__PURE__ */ jsx("li", { className: "gs-menu-divider" }),
+            historyIndex > -1 && /* @__PURE__ */ jsxs(
               "li",
               {
                 className: "gs-enabled",
@@ -267,12 +267,12 @@ const ContextMenu = () => {
                   dispatch(undo(null));
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-name", children: "Undo" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gs-menu-underline", children: "Z" }) })
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-name", children: "Undo" }),
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsx("span", { className: "gs-menu-underline", children: "Z" }) })
                 ]
               }
             ),
-            historyIndex < table.getHistorySize() - 1 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            historyIndex < table.getHistorySize() - 1 && /* @__PURE__ */ jsxs(
               "li",
               {
                 className: "gs-enabled",
@@ -280,8 +280,8 @@ const ContextMenu = () => {
                   dispatch(redo(null));
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-name", children: "Redo" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "gs-menu-underline", children: "R" }) })
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-name", children: "Redo" }),
+                  /* @__PURE__ */ jsx("div", { className: "gs-menu-shortcut", children: /* @__PURE__ */ jsx("span", { className: "gs-menu-underline", children: "R" }) })
                 ]
               }
             )

package/dist/components/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../components/ContextMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { clip } from '../lib/clipboard';\n\nimport { undo, redo, copy, cut, paste, setContextMenuPosition, updateTable } from '../store/actions';\nimport { areaToZone, zoneShape, zoneToArea } from '../lib/structs';\n\nimport { Context } from '../store';\nimport * as prevention from '../lib/prevention';\nimport { Fixed } from './Fixed';\n\nexport const ContextMenu: React.FC = () => {\n  const { store, dispatch } = React.useContext(Context);\n\n  const { table, choosing, selectingZone, leftHeaderSelecting, topHeaderSelecting, editorRef, contextMenuPosition } =\n    store;\n\n  const { y, x } = choosing;\n  let {\n    top: selectingTop,\n    left: selectingLeft,\n    bottom: selectingBottom,\n    right: selectingRight,\n  } = zoneToArea(selectingZone);\n  if (selectingTop === -1) {\n    [selectingTop, selectingLeft, selectingBottom, selectingRight] = [y, x, y, x];\n  }\n\n  const [tableHeight, tableWidth] = [table.getNumRows(), table.getNumCols()];\n  const { height, width } = zoneShape({ ...selectingZone, base: 1 });\n  const { y: top, x: left } = contextMenuPosition;\n  if (top === -1) {\n    return null;\n  }\n  const selectingTopCell = table.getByPoint({ y: selectingTop, x: 0 });\n  const selectingLeftCell = table.getByPoint({ y: 0, x: selectingLeft });\n  const selectingBottomCell = table.getByPoint({ y: selectingBottom, x: 0 });\n  const selectingRightCell = table.getByPoint({ y: 0, x: selectingRight });\n  const historyIndex = table.getHistoryIndex();\n\n  return (\n    <Fixed\n      className=\"gs-contextmenu-modal\"\n      onClick={(e: React.MouseEvent<HTMLDivElement>) => {\n        e.preventDefault();\n        dispatch(setContextMenuPosition({ y: -1, x: -1 }));\n        return false;\n      }}\n    >\n      <div\n        className={'gs-contextmenu'}\n        style={{\n          top: top,\n          left: left,\n        }}\n      >\n        <ul>\n          <li\n            className=\"gs-enabled\"\n            onClick={() => {\n              const area = clip(store);\n              dispatch(cut(areaToZone(area)));\n            }}\n          >\n            <div className=\"gs-menu-name\">Cut</div>\n            <div className=\"gs-menu-shortcut\">\n              <span className=\"gs-menu-underline\">X</span>\n            </div>\n          </li>\n          <li\n            className=\"gs-enabled\"\n            onClick={() => {\n              const area = clip(store);\n              dispatch(copy(areaToZone(area)));\n            }}\n          >\n            <div className=\"gs-menu-name\">Copy</div>\n            <div className=\"gs-menu-shortcut\">\n              <span className=\"gs-menu-underline\">C</span>\n            </div>\n          </li>\n          <li\n            className=\"gs-enabled\"\n            onClick={() => {\n              const text = editorRef.current?.value || '';\n              dispatch(paste({ text }));\n            }}\n          >\n            <div className=\"gs-menu-name\">Paste</div>\n            <div className=\"gs-menu-shortcut\">\n              <span className=\"gs-menu-underline\">V</span>\n            </div>\n          </li>\n\n          {(leftHeaderSelecting || topHeaderSelecting) && <li className=\"gs-menu-divider\" />}\n\n          {leftHeaderSelecting && (\n            <li\n              className={\n                (table.maxNumRows !== -1 && tableHeight + height > table.maxNumRows) ||\n                prevention.isPrevented(selectingTopCell?.prevention, prevention.AddRowAbove)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={() => {\n                const newTable = table.addRows({\n                  y: selectingTop,\n                  numRows: height,\n                  baseY: selectingTop,\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Insert {height} row{height > 1 && 's'} above\n              </div>\n            </li>\n          )}\n          {leftHeaderSelecting && (\n            <li\n              className={\n                (table.maxNumRows !== -1 && tableHeight + height > table.maxNumRows) ||\n                prevention.isPrevented(selectingBottomCell?.prevention, prevention.AddRowBelow)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={(e) => {\n                if (e.currentTarget.classList.contains('gs-disabled')) {\n                  return;\n                }\n                selectingZone.startY += height;\n                selectingZone.endY += height;\n                choosing.y += height;\n                const newTable = table.addRows({\n                  y: selectingBottom + 1,\n                  numRows: height,\n                  baseY: selectingBottom,\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Insert {height} row{height > 1 && 's'} below\n              </div>\n            </li>\n          )}\n          {topHeaderSelecting && (\n            <li\n              className={\n                (table.maxNumCols !== -1 && tableWidth + width > table.maxNumCols) ||\n                prevention.isPrevented(selectingLeftCell?.prevention, prevention.AddColLeft)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={(e) => {\n                if (e.currentTarget.classList.contains('gs-disabled')) {\n                  return;\n                }\n                const newTable = table.addCols({\n                  x: selectingLeft,\n                  numCols: width,\n                  baseX: selectingLeft,\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Insert {width} column{width > 1 && 's'} left\n              </div>\n            </li>\n          )}\n          {topHeaderSelecting && (\n            <li\n              className={\n                (table.maxNumCols !== -1 && tableWidth + width > table.maxNumCols) ||\n                prevention.isPrevented(selectingRightCell?.prevention, prevention.AddColRight)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={(e) => {\n                if (e.currentTarget.classList.contains('gs-disabled')) {\n                  return;\n                }\n                selectingZone.startX += width;\n                selectingZone.endX += width;\n                choosing.x += width;\n                const newTable = table.addCols({\n                  x: selectingRight + 1,\n                  numCols: width,\n                  baseX: selectingRight,\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Insert {width} column{width > 1 && 's'} right\n              </div>\n            </li>\n          )}\n          {leftHeaderSelecting && (\n            <li\n              className={\n                (table.minNumRows !== -1 && tableHeight - height < table.minNumRows) ||\n                prevention.isPrevented(selectingTopCell?.prevention, prevention.DeleteRow)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={(e) => {\n                if (e.currentTarget.classList.contains('gs-disabled')) {\n                  return;\n                }\n                const newTable = table.deleteRows({\n                  y: selectingTop,\n                  numRows: height,\n                  operator: 'USER',\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Delete {height} row{height > 1 && 's'}\n              </div>\n            </li>\n          )}\n          {topHeaderSelecting && (\n            <li\n              className={\n                (table.minNumCols !== -1 && tableWidth - width < table.minNumCols) ||\n                prevention.isPrevented(selectingRightCell?.prevention, prevention.DeleteCol)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={() => {\n                const newTable = table.deleteCols({\n                  x: selectingLeft,\n                  numCols: width,\n                  operator: 'USER',\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Delete {width} column{width > 0 && 's'}\n              </div>\n            </li>\n          )}\n\n          {(historyIndex > -1 || historyIndex < table.getHistorySize() - 1) && <li className=\"gs-menu-divider\" />}\n\n          {historyIndex > -1 && (\n            <li\n              className=\"gs-enabled\"\n              onClick={() => {\n                dispatch(undo(null));\n              }}\n            >\n              <div className=\"gs-menu-name\">Undo</div>\n              <div className=\"gs-menu-shortcut\">\n                <span className=\"gs-menu-underline\">Z</span>\n              </div>\n            </li>\n          )}\n          {historyIndex < table.getHistorySize() - 1 && (\n            <li\n              className=\"gs-enabled\"\n              onClick={() => {\n                dispatch(redo(null));\n              }}\n            >\n              <div className=\"gs-menu-name\">Redo</div>\n              <div className=\"gs-menu-shortcut\">\n                <span className=\"gs-menu-underline\">R</span>\n              </div>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Fixed>\n  );\n};\n"],"names":["React","jsx","jsxs","prevention.isPrevented","prevention.AddRowAbove","prevention.AddRowBelow","prevention.AddColLeft","prevention.AddColRight","prevention.DeleteRow","prevention.DeleteCol"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../components/ContextMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { clip } from '../lib/clipboard';\n\nimport { undo, redo, copy, cut, paste, setContextMenuPosition, updateTable } from '../store/actions';\nimport { areaToZone, zoneShape, zoneToArea } from '../lib/structs';\n\nimport { Context } from '../store';\nimport * as prevention from '../lib/prevention';\nimport { Fixed } from './Fixed';\n\nexport const ContextMenu: React.FC = () => {\n  const { store, dispatch } = React.useContext(Context);\n\n  const { table, choosing, selectingZone, leftHeaderSelecting, topHeaderSelecting, editorRef, contextMenuPosition } =\n    store;\n\n  const { y, x } = choosing;\n  let {\n    top: selectingTop,\n    left: selectingLeft,\n    bottom: selectingBottom,\n    right: selectingRight,\n  } = zoneToArea(selectingZone);\n  if (selectingTop === -1) {\n    [selectingTop, selectingLeft, selectingBottom, selectingRight] = [y, x, y, x];\n  }\n\n  const [tableHeight, tableWidth] = [table.getNumRows(), table.getNumCols()];\n  const { height, width } = zoneShape({ ...selectingZone, base: 1 });\n  const { y: top, x: left } = contextMenuPosition;\n  if (top === -1) {\n    return null;\n  }\n  const selectingTopCell = table.getByPoint({ y: selectingTop, x: 0 });\n  const selectingLeftCell = table.getByPoint({ y: 0, x: selectingLeft });\n  const selectingBottomCell = table.getByPoint({ y: selectingBottom, x: 0 });\n  const selectingRightCell = table.getByPoint({ y: 0, x: selectingRight });\n  const historyIndex = table.getHistoryIndex();\n\n  return (\n    <Fixed\n      className=\"gs-contextmenu-modal\"\n      onClick={(e: React.MouseEvent<HTMLDivElement>) => {\n        e.preventDefault();\n        dispatch(setContextMenuPosition({ y: -1, x: -1 }));\n        return false;\n      }}\n    >\n      <div\n        className={'gs-contextmenu'}\n        style={{\n          top: top,\n          left: left,\n        }}\n      >\n        <ul>\n          <li\n            className=\"gs-enabled\"\n            onClick={() => {\n              const area = clip(store);\n              dispatch(cut(areaToZone(area)));\n            }}\n          >\n            <div className=\"gs-menu-name\">Cut</div>\n            <div className=\"gs-menu-shortcut\">\n              <span className=\"gs-menu-underline\">X</span>\n            </div>\n          </li>\n          <li\n            className=\"gs-enabled\"\n            onClick={() => {\n              const area = clip(store);\n              dispatch(copy(areaToZone(area)));\n            }}\n          >\n            <div className=\"gs-menu-name\">Copy</div>\n            <div className=\"gs-menu-shortcut\">\n              <span className=\"gs-menu-underline\">C</span>\n            </div>\n          </li>\n          <li\n            className=\"gs-enabled\"\n            onClick={() => {\n              const text = editorRef.current?.value || '';\n              dispatch(paste({ text }));\n            }}\n          >\n            <div className=\"gs-menu-name\">Paste</div>\n            <div className=\"gs-menu-shortcut\">\n              <span className=\"gs-menu-underline\">V</span>\n            </div>\n          </li>\n\n          {(leftHeaderSelecting || topHeaderSelecting) && <li className=\"gs-menu-divider\" />}\n\n          {leftHeaderSelecting && (\n            <li\n              className={\n                (table.maxNumRows !== -1 && tableHeight + height > table.maxNumRows) ||\n                prevention.isPrevented(selectingTopCell?.prevention, prevention.AddRowAbove)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={() => {\n                const newTable = table.addRows({\n                  y: selectingTop,\n                  numRows: height,\n                  baseY: selectingTop,\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Insert {height} row{height > 1 && 's'} above\n              </div>\n            </li>\n          )}\n          {leftHeaderSelecting && (\n            <li\n              className={\n                (table.maxNumRows !== -1 && tableHeight + height > table.maxNumRows) ||\n                prevention.isPrevented(selectingBottomCell?.prevention, prevention.AddRowBelow)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={(e) => {\n                if (e.currentTarget.classList.contains('gs-disabled')) {\n                  return;\n                }\n                selectingZone.startY += height;\n                selectingZone.endY += height;\n                choosing.y += height;\n                const newTable = table.addRows({\n                  y: selectingBottom + 1,\n                  numRows: height,\n                  baseY: selectingBottom,\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Insert {height} row{height > 1 && 's'} below\n              </div>\n            </li>\n          )}\n          {topHeaderSelecting && (\n            <li\n              className={\n                (table.maxNumCols !== -1 && tableWidth + width > table.maxNumCols) ||\n                prevention.isPrevented(selectingLeftCell?.prevention, prevention.AddColLeft)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={(e) => {\n                if (e.currentTarget.classList.contains('gs-disabled')) {\n                  return;\n                }\n                const newTable = table.addCols({\n                  x: selectingLeft,\n                  numCols: width,\n                  baseX: selectingLeft,\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Insert {width} column{width > 1 && 's'} left\n              </div>\n            </li>\n          )}\n          {topHeaderSelecting && (\n            <li\n              className={\n                (table.maxNumCols !== -1 && tableWidth + width > table.maxNumCols) ||\n                prevention.isPrevented(selectingRightCell?.prevention, prevention.AddColRight)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={(e) => {\n                if (e.currentTarget.classList.contains('gs-disabled')) {\n                  return;\n                }\n                selectingZone.startX += width;\n                selectingZone.endX += width;\n                choosing.x += width;\n                const newTable = table.addCols({\n                  x: selectingRight + 1,\n                  numCols: width,\n                  baseX: selectingRight,\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Insert {width} column{width > 1 && 's'} right\n              </div>\n            </li>\n          )}\n          {leftHeaderSelecting && (\n            <li\n              className={\n                (table.minNumRows !== -1 && tableHeight - height < table.minNumRows) ||\n                prevention.isPrevented(selectingTopCell?.prevention, prevention.DeleteRow)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={(e) => {\n                if (e.currentTarget.classList.contains('gs-disabled')) {\n                  return;\n                }\n                const newTable = table.deleteRows({\n                  y: selectingTop,\n                  numRows: height,\n                  operator: 'USER',\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Delete {height} row{height > 1 && 's'}\n              </div>\n            </li>\n          )}\n          {topHeaderSelecting && (\n            <li\n              className={\n                (table.minNumCols !== -1 && tableWidth - width < table.minNumCols) ||\n                prevention.isPrevented(selectingRightCell?.prevention, prevention.DeleteCol)\n                  ? 'gs-disabled'\n                  : 'gs-enabled'\n              }\n              onClick={() => {\n                const newTable = table.deleteCols({\n                  x: selectingLeft,\n                  numCols: width,\n                  operator: 'USER',\n                  reflection: {\n                    selectingZone,\n                    choosing,\n                  },\n                });\n                dispatch(updateTable(newTable));\n              }}\n            >\n              <div className=\"gs-menu-name\">\n                Delete {width} column{width > 0 && 's'}\n              </div>\n            </li>\n          )}\n\n          {(historyIndex > -1 || historyIndex < table.getHistorySize() - 1) && <li className=\"gs-menu-divider\" />}\n\n          {historyIndex > -1 && (\n            <li\n              className=\"gs-enabled\"\n              onClick={() => {\n                dispatch(undo(null));\n              }}\n            >\n              <div className=\"gs-menu-name\">Undo</div>\n              <div className=\"gs-menu-shortcut\">\n                <span className=\"gs-menu-underline\">Z</span>\n              </div>\n            </li>\n          )}\n          {historyIndex < table.getHistorySize() - 1 && (\n            <li\n              className=\"gs-enabled\"\n              onClick={() => {\n                dispatch(redo(null));\n              }}\n            >\n              <div className=\"gs-menu-name\">Redo</div>\n              <div className=\"gs-menu-shortcut\">\n                <span className=\"gs-menu-underline\">R</span>\n              </div>\n            </li>\n          )}\n        </ul>\n      </div>\n    </Fixed>\n  );\n};\n"],"names":["React","prevention.isPrevented","prevention.AddRowAbove","prevention.AddRowBelow","prevention.AddColLeft","prevention.AddColRight","prevention.DeleteRow","prevention.DeleteCol"],"mappings":"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"}

package/dist/components/Editor.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+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";
@@ -338,7 +338,7 @@ const Editor = ({ mode }) => {
     }
     return false;
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs(
     Fixed,
     {
       className: `gs-editor ${editing ? "gs-editing" : ""}`,
@@ -348,9 +348,9 @@ const Editor = ({ mode }) => {
         "data-sheet-id": sheetId
       },
       children: [
-        showAddress && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-cell-label", children: address }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-editor-inner", style: { width }, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+        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",
@@ -362,7 +362,7 @@ const Editor = ({ mode }) => {
               children: editorStyle(inputting)
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsx(
             "textarea",
             {
               autoFocus: true,
@@ -421,26 +421,26 @@ const Editor = ({ mode }) => {
 };
 const editorStyle = (text) => {
   if (text[0] !== "=") {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: text });
+    return /* @__PURE__ */ jsx(Fragment, { children: text });
   }
   const lexer = new Lexer(text.substring(1));
   lexer.tokenize();
   let palletIndex = 0;
   const exists = {};
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  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__ */ jsxRuntimeExports.jsx("span", { style: { color: REF_PALETTE[existsIndex % REF_PALETTE.length] }, children: token.stringify() }, i);
+          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__ */ jsxRuntimeExports.jsx("span", { style: { color }, className: `gs-token-type-${token.type}`, children: normalizedToken }, i);
+        return /* @__PURE__ */ jsx("span", { style: { color }, className: `gs-token-type-${token.type}`, children: normalizedToken }, i);
       }
-      return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: `gs-token-type-${token.type} gs-token-entity-type-${typeof token.entity}`, children: token.stringify() }, i);
+      return /* @__PURE__ */ jsx("span", { className: `gs-token-type-${token.type} gs-token-entity-type-${typeof token.entity}`, children: token.stringify() }, i);
     })
   ] });
 };

package/dist/components/Editor.js.map

@@ -1 +1 @@
-{"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 } 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 { ModeType } from '../types';\nimport { Fixed } from './Fixed';\n\ntype Props = {\n  mode: ModeType;\n};\n\nexport const Editor: React.FC<Props> = ({ mode }: 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          {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        />\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","jsxs","jsx","Fragment"],"mappings":"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"}
+{"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 } 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 { ModeType } from '../types';\nimport { Fixed } from './Fixed';\n\ntype Props = {\n  mode: ModeType;\n};\n\nexport const Editor: React.FC<Props> = ({ mode }: 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          {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        />\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":"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"}

package/dist/components/Emitter.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { jsx, Fragment } from "react/jsx-runtime";
 import React__default from "react";
 import { Context } from "../store/index.js";
 const Emitter = ({ onChange, onSelect }) => {
@@ -18,7 +18,7 @@ const Emitter = ({ onChange, onSelect }) => {
       selectingTo: { y: zone.endY, x: zone.endX }
     });
   }, [pointing, zone]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {});
+  return /* @__PURE__ */ jsx(Fragment, {});
 };
 export {
   Emitter