@gridsheet/react-core 1.4.0-alpha.14 → 1.4.0-alpha.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/dist/components/Cell.d.ts.map +1 -1
  2. package/dist/components/Cell.js +3 -2
  3. package/dist/components/Cell.js.map +1 -1
  4. package/dist/components/Editor.d.ts +2 -1
  5. package/dist/components/Editor.d.ts.map +1 -1
  6. package/dist/components/Editor.js +12 -3
  7. package/dist/components/Editor.js.map +1 -1
  8. package/dist/components/GridSheet.d.ts.map +1 -1
  9. package/dist/components/GridSheet.js +3 -2
  10. package/dist/components/GridSheet.js.map +1 -1
  11. package/dist/components/SheetProvider.d.ts +2 -0
  12. package/dist/components/SheetProvider.d.ts.map +1 -1
  13. package/dist/components/SheetProvider.js +3 -0
  14. package/dist/components/SheetProvider.js.map +1 -1
  15. package/dist/components/Tabular.d.ts.map +1 -1
  16. package/dist/components/Tabular.js +38 -29
  17. package/dist/components/Tabular.js.map +1 -1
  18. package/dist/lib/table.d.ts +2 -1
  19. package/dist/lib/table.d.ts.map +1 -1
  20. package/dist/lib/table.js +4 -1
  21. package/dist/lib/table.js.map +1 -1
  22. package/dist/renderers/core.js +2 -2
  23. package/dist/renderers/core.js.map +1 -1
  24. package/dist/types.d.ts +4 -2
  25. package/dist/types.d.ts.map +1 -1
  26. package/package.json +1 -1
package/dist/components/Cell.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../components/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,KAAK,KAAK,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkO/B,CAAC"}
1
+ {"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../components/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwB1B,KAAK,KAAK,GAAG;IACX,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoO/B,CAAC"}
package/dist/components/Cell.js CHANGED
@@ -33,6 +33,7 @@ const Cell = React__default.memo(({ y, x, operationStyle }) => {
33
33
  const lastFocusedRef = (sheetContext == null ? void 0 : sheetContext.lastFocusedRef) || store.lastFocusedRef;
34
34
  const selectingArea = zoneToArea(selectingZone);
35
35
  const editing = editingCell === address;
36
+ const xEditing = !sheetProvided || (sheetContext == null ? void 0 : sheetContext.editingCell) === (sheetContext == null ? void 0 : sheetContext.choosingCell);
36
37
  const pointed = choosing.y === y && choosing.x === x;
37
38
  const _setEditorRect = React__default.useCallback(() => {
38
39
  const rect = cellRef.current.getBoundingClientRect();
@@ -110,7 +111,6 @@ const Cell = React__default.memo(({ y, x, operationStyle }) => {
110
111
  return false;
111
112
  }
112
113
  }
113
- dispatch(setEditingCell(""));
114
114
  dispatch(setContextMenuPosition({ y: -1, x: -1 }));
115
115
  input.focus();
116
116
  if (e.shiftKey) {
@@ -126,6 +126,7 @@ const Cell = React__default.memo(({ y, x, operationStyle }) => {
126
126
  },
127
127
  onDoubleClick: (e) => {
128
128
  e.preventDefault();
129
+ setEditingCell(address);
129
130
  const dblclick = document.createEvent("MouseEvents");
130
131
  dblclick.initEvent("dblclick", true, true);
131
132
  input.dispatchEvent(dblclick);
@@ -139,7 +140,7 @@ const Cell = React__default.memo(({ y, x, operationStyle }) => {
139
140
  e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);
140
141
  dispatch(select({ startY: y, startX: x, endY: y, endX: x }));
141
142
  const insertable = isRefInsertable(lastInput);
142
- if (insertable) {
143
+ if (insertable && xEditing) {
143
144
  return true;
144
145
  } else if (insertable != null) {
145
146
  writeCell(input.value);
package/dist/components/Cell.js.map CHANGED
@@ -1 +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","editing"],"mappings":"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"}
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 xEditing = !sheetProvided || sheetContext?.editingCell === sheetContext?.choosingCell;\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\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 setEditingCell(address);\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 && xEditing) {\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/Editor.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import { default as React } from 'react';
2
- import { ModeType } from '../types';
2
+ import { CursorStateType, ModeType } from '../types';
3
3
  type Props = {
4
4
  mode: ModeType;
5
+ handleKeyUp?: (e: React.KeyboardEvent<HTMLTextAreaElement>, points: CursorStateType) => void;
5
6
  };
6
7
  export declare const Editor: React.FC<Props>;
7
8
  export declare const editorStyle: (text: string) => React.JSX.Element;
package/dist/components/Editor.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmalC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,sBAuCvC,CAAC"}
1
+ {"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8B1B,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGrD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,mBAAmB,CAAC,EAAE,MAAM,EAAE,eAAe,KAAK,IAAI,CAAC;CAC9F,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4alC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,sBAuCvC,CAAC"}
package/dist/components/Editor.js CHANGED
@@ -4,14 +4,14 @@ import { x2c, y2r } from "../lib/converters.js";
4
4
  import { clip } from "../lib/clipboard.js";
5
5
  import { setEditingCell, setInputting, setLastEdited, setLastFocusedRef, redo, undo, cut, paste, setSearchQuery, setEntering, copy, select, arrow, escape, clear, walk, write } from "../store/actions.js";
6
6
  import { Context } from "../store/index.js";
7
- import { areaToZone } from "../lib/structs.js";
7
+ import { zoneToArea, areaToZone } from "../lib/structs.js";
8
8
  import { isPrevented, Write } from "../lib/prevention.js";
9
9
  import { expandInput, insertTextAtCursor } from "../lib/input.js";
10
10
  import { useSheetContext } from "./SheetProvider.js";
11
11
  import { Lexer } from "../formula/evaluator.js";
12
12
  import { REF_PALETTE } from "../lib/palette.js";
13
13
  import { Fixed } from "./Fixed.js";
14
- const Editor = ({ mode }) => {
14
+ const Editor = ({ mode, handleKeyUp }) => {
15
15
  var _a, _b;
16
16
  const { store, dispatch } = React__default.useContext(Context);
17
17
  const {
@@ -411,7 +411,16 @@ const Editor = ({ mode }) => {
411
411
  expandInput(input);
412
412
  dispatch(setInputting(e.currentTarget.value));
413
413
  },
414
- onKeyDown: handleKeyDown
414
+ onKeyDown: handleKeyDown,
415
+ onKeyUp: (e) => {
416
+ e.currentTarget;
417
+ const selectingArea = zoneToArea(store.selectingZone);
418
+ handleKeyUp == null ? void 0 : handleKeyUp(e, {
419
+ pointing: choosing,
420
+ selectingFrom: { y: selectingArea.top, x: selectingArea.left },
421
+ selectingTo: { y: selectingArea.bottom, x: selectingArea.right }
422
+ });
423
+ }
415
424
  }
416
425
  )
417
426
  ] })
package/dist/components/Editor.js.map CHANGED
@@ -1 +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"],"mappings":"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"}
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, 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 {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":"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"}
package/dist/components/GridSheet.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GridSheet.d.ts","sourceRoot":"","sources":["../../components/GridSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmC,KAAK,EAAa,MAAM,UAAU,CAAC;AA4B7E,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,SAAc,EACd,QAAQ,EACR,OAAY,EACZ,SAAS,EACT,KAAK,EACL,mBAAwB,GACzB,EAAE,KAAK,qBAuLP"}
1
+ {"version":3,"file":"GridSheet.d.ts","sourceRoot":"","sources":["../../components/GridSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAmC,KAAK,EAAa,MAAM,UAAU,CAAC;AA4B7E,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,SAAc,EACd,QAAQ,EACR,OAAY,EACZ,SAAS,EACT,KAAK,EACL,mBAAwB,GACzB,EAAE,KAAK,qBAwLP"}
package/dist/components/GridSheet.js CHANGED
@@ -60,6 +60,7 @@ function GridSheet({
60
60
  maxNumCols,
61
61
  headerHeight,
62
62
  headerWidth,
63
+ sheetName,
63
64
  functions: { ...functions, ...additionalFunctions }
64
65
  });
65
66
  let sheetId = 0;
@@ -169,7 +170,7 @@ function GridSheet({
169
170
  setSheetWidth(options.sheetWidth);
170
171
  }
171
172
  }, [options.sheetWidth]);
172
- const { onChange, onSelect } = options;
173
+ const { onChange, onSelect, onKeyUp } = options;
173
174
  return /* @__PURE__ */ jsx(Context.Provider, { value: { store, dispatch }, children: /* @__PURE__ */ jsxs(
174
175
  "div",
175
176
  {
@@ -192,7 +193,7 @@ function GridSheet({
192
193
  resize: sheetResize
193
194
  },
194
195
  children: [
195
- /* @__PURE__ */ jsx(Editor, { mode }),
196
+ /* @__PURE__ */ jsx(Editor, { mode, handleKeyUp: onKeyUp }),
196
197
  /* @__PURE__ */ jsx(Tabular, { tableRef }),
197
198
  /* @__PURE__ */ jsx(
198
199
  StoreInitializer,
package/dist/components/GridSheet.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"GridSheet.js","sources":["../../components/GridSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ReducerWithoutAction } from 'react';\n\nimport { CellsByAddressType, OptionsType, Props, StoreType } from '../types';\nimport {\n DEFAULT_HEIGHT,\n DEFAULT_WIDTH,\n HEADER_HEIGHT,\n HEADER_WIDTH,\n SHEET_HEIGHT,\n SHEET_WIDTH,\n HISTORY_LIMIT,\n} from '../constants';\nimport { functions } from '../formula/mapping';\nimport { Context } from '../store';\nimport { reducer as defaultReducer } from '../store/actions';\n\nimport { Editor } from './Editor';\nimport { StoreInitializer } from './StoreInitializer';\nimport { Resizer } from './Resizer';\nimport { Emitter } from './Emitter';\nimport { ContextMenu } from './ContextMenu';\nimport { Table } from '../lib/table';\nimport { Tabular } from './Tabular';\nimport { getMaxSizesFromCells } from '../lib/structs';\nimport { x2c, y2r } from '../lib/converters';\nimport { embedStyle } from '../styles/embedder';\nimport { useSheetContext } from './SheetProvider';\nimport { FormulaBar } from './FormulaBar';\nimport { SearchBar } from './SearchBar';\n\nexport function GridSheet({\n initialCells,\n sheetName = '',\n tableRef,\n options = {},\n className,\n style,\n additionalFunctions = {},\n}: Props) {\n const { sheetResize, showFormulaBar = true, onInit, mode = 'light' } = options;\n const [prevSheetName, setPrevSheetName] = React.useState(sheetName);\n const rootRef = React.useRef<HTMLDivElement | null>(null);\n const mainRef = React.useRef<HTMLDivElement | null>(null);\n const searchInputRef = React.useRef<HTMLTextAreaElement | null>(null);\n const editorRef = React.useRef<HTMLTextAreaElement | null>(null);\n const largeEditorRef = React.useRef<HTMLTextAreaElement | null>(null);\n const tabularRef = React.useRef<HTMLDivElement | null>(null);\n const lastFocusedRef = React.useRef<HTMLTextAreaElement | null>(null);\n const [sheetProvided, sheetContext] = useSheetContext();\n\n const [initialState] = React.useState<StoreType>(() => {\n const {\n headerHeight = HEADER_HEIGHT,\n headerWidth = HEADER_WIDTH,\n historyLimit = HISTORY_LIMIT,\n renderers,\n parsers,\n labelers,\n minNumRows,\n maxNumRows,\n minNumCols,\n maxNumCols,\n } = options;\n const table = new Table({\n historyLimit,\n parsers,\n renderers,\n labelers,\n minNumRows,\n maxNumRows,\n minNumCols,\n maxNumCols,\n headerHeight,\n headerWidth,\n functions: { ...functions, ...additionalFunctions },\n });\n let sheetId = 0;\n if (sheetProvided) {\n sheetId = sheetContext.head.current++;\n table.tables = sheetContext.tables.current;\n table.sheets = sheetContext.sheets.current;\n }\n table.tables[sheetId] = table;\n table.sheetId = sheetId;\n table.initialize(initialCells);\n onInit?.(table);\n return {\n sheetId,\n table, // temporary (see StoreInitializer for detail)\n tableInitialized: false,\n rootRef,\n mainRef,\n searchInputRef,\n editorRef,\n largeEditorRef,\n tabularRef,\n lastFocusedRef,\n choosing: { y: 1, x: 1 },\n cutting: false,\n inputting: '',\n selectingZone: { startY: -1, startX: -1, endY: -1, endX: -1 },\n copyingZone: { startY: -1, startX: -1, endY: -1, endX: -1 },\n autofillDraggingTo: null,\n leftHeaderSelecting: false,\n topHeaderSelecting: false,\n editingCell: '',\n editorRect: { y: 0, x: 0, height: 0, width: 0 },\n resizingRect: { y: -1, x: -1, height: -1, width: -1 },\n sheetHeight: 0,\n sheetWidth: 0,\n headerHeight: 0,\n headerWidth: 0,\n entering: false,\n matchingCells: [],\n matchingCellIndex: 0,\n searchCaseSensitive: false,\n editingOnEnter: true,\n showAddress: true,\n contextMenuPosition: { y: -1, x: -1 },\n resizingPositionY: [-1, -1, -1],\n resizingPositionX: [-1, -1, -1],\n minNumRows: 1,\n maxNumRows: -1,\n minNumCols: 1,\n maxNumCols: -1,\n mode: 'light',\n lastEdited: '',\n };\n });\n\n const [store, dispatch] = React.useReducer(\n defaultReducer as unknown as ReducerWithoutAction<StoreType>,\n initialState,\n () => initialState,\n );\n\n React.useEffect(() => {\n embedStyle();\n }, []);\n\n React.useEffect(() => {\n if (!sheetProvided) {\n return;\n }\n sheetContext.tables.current[store.sheetId] = store.table;\n sheetContext?.forceRender?.();\n }, [store.table]);\n\n React.useEffect(() => {\n if (!sheetProvided) {\n return;\n }\n if (prevSheetName !== sheetName) {\n delete sheetContext.sheets.current[prevSheetName];\n setPrevSheetName(sheetName);\n }\n if (sheetName) {\n sheetContext.sheets.current[sheetName] = store.sheetId;\n }\n store.table.sheetName = sheetName;\n }, [sheetName]);\n\n const [sheetHeight, setSheetHeight] = React.useState(\n options?.sheetHeight || estimateSheetHeight({ options, initialData: initialCells }),\n );\n const [sheetWidth, setSheetWidth] = React.useState(\n options?.sheetWidth || estimateSheetWidth({ options, initialData: initialCells }),\n );\n React.useEffect(() => {\n const intervalId = window.setInterval(() => {\n setSheetHeight(mainRef.current?.clientHeight || 0);\n setSheetWidth(mainRef.current?.clientWidth || 0);\n }, 1000);\n return () => window.clearInterval(intervalId);\n }, []);\n React.useEffect(() => {\n if (options.sheetHeight) {\n setSheetHeight(options.sheetHeight);\n }\n }, [options.sheetHeight]);\n React.useEffect(() => {\n if (options.sheetWidth) {\n setSheetWidth(options.sheetWidth);\n }\n }, [options.sheetWidth]);\n\n const { onChange, onSelect } = options;\n return (\n <Context.Provider value={{ store, dispatch }}>\n <div\n className={`gs-root1`}\n ref={rootRef}\n data-sheet-name={sheetName}\n data-mode={mode}\n style={{ maxWidth: `min(100%, ${store.table.totalWidth + 2}px)` }}\n >\n {typeof store.searchQuery === 'undefined' ? showFormulaBar && <FormulaBar /> : <SearchBar />}\n <div\n className={`gs-main ${className || ''}`}\n ref={mainRef}\n style={{\n maxWidth: `min(100%-1px, ${store.table.totalWidth + 2}px)`,\n maxHeight: store.table.totalHeight + 2,\n ...style,\n resize: sheetResize,\n }}\n >\n <Editor mode={mode} />\n <Tabular tableRef={tableRef} />\n <StoreInitializer\n initialCells={initialCells}\n options={{ ...options, sheetHeight, sheetWidth }}\n additionalFunctions={additionalFunctions}\n />\n <ContextMenu />\n <Resizer />\n <Emitter onChange={onChange} onSelect={onSelect} />\n </div>\n </div>\n </Context.Provider>\n );\n}\n\ntype EstimateProps = {\n initialData: CellsByAddressType;\n options: OptionsType;\n};\n\nconst estimateSheetHeight = ({ initialData, options }: EstimateProps) => {\n const auto = getMaxSizesFromCells(initialData);\n let estimatedHeight = options.headerHeight || HEADER_HEIGHT;\n for (let y = 0; y < auto.numRows; y++) {\n const row = y2r(y);\n const height = initialData?.[row]?.height || initialData?.default?.height || DEFAULT_HEIGHT;\n if (estimatedHeight + height > SHEET_HEIGHT) {\n return SHEET_HEIGHT;\n }\n estimatedHeight += height;\n }\n return estimatedHeight + 3;\n};\n\nconst estimateSheetWidth = ({ initialData, options }: EstimateProps) => {\n const auto = getMaxSizesFromCells(initialData);\n let estimatedWidth = options.headerWidth || HEADER_WIDTH;\n for (let x = 0; x < auto.numCols; x++) {\n const col = x2c(x);\n const width = initialData?.[col]?.width || initialData?.default?.width || DEFAULT_WIDTH;\n if (estimatedWidth + width > SHEET_WIDTH) {\n return SHEET_WIDTH;\n }\n estimatedWidth += width;\n }\n return estimatedWidth + 3;\n};\n"],"names":["defaultReducer"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,UAAU,CAAC;AAAA,EACX;AAAA,EACA;AAAA,EACA,sBAAsB,CAAA;AACxB,GAAU;AACR,QAAM,EAAE,aAAa,iBAAiB,MAAM,QAAQ,OAAO,YAAY;AACvE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,SAAS;AAC5D,QAAA,UAAU,MAAM,OAA8B,IAAI;AAClD,QAAA,UAAU,MAAM,OAA8B,IAAI;AAClD,QAAA,iBAAiB,MAAM,OAAmC,IAAI;AAC9D,QAAA,YAAY,MAAM,OAAmC,IAAI;AACzD,QAAA,iBAAiB,MAAM,OAAmC,IAAI;AAC9D,QAAA,aAAa,MAAM,OAA8B,IAAI;AACrD,QAAA,iBAAiB,MAAM,OAAmC,IAAI;AACpE,QAAM,CAAC,eAAe,YAAY,IAAI,gBAAgB;AAEtD,QAAM,CAAC,YAAY,IAAI,MAAM,SAAoB,MAAM;AAC/C,UAAA;AAAA,MACJ,eAAe;AAAA,MACf,cAAc;AAAA,MACd,eAAe;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE;AACE,UAAA,QAAQ,IAAI,MAAM;AAAA,MACtB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,EAAE,GAAG,WAAW,GAAG,oBAAoB;AAAA,IAAA,CACnD;AACD,QAAI,UAAU;AACd,QAAI,eAAe;AACjB,gBAAU,aAAa,KAAK;AACtB,YAAA,SAAS,aAAa,OAAO;AAC7B,YAAA,SAAS,aAAa,OAAO;AAAA,IAAA;AAE/B,UAAA,OAAO,OAAO,IAAI;AACxB,UAAM,UAAU;AAChB,UAAM,WAAW,YAAY;AAC7B,qCAAS;AACF,WAAA;AAAA,MACL;AAAA,MACA;AAAA;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,EAAE,GAAG,GAAG,GAAG,EAAE;AAAA,MACvB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,eAAe,EAAE,QAAQ,IAAI,QAAQ,IAAI,MAAM,IAAI,MAAM,GAAG;AAAA,MAC5D,aAAa,EAAE,QAAQ,IAAI,QAAQ,IAAI,MAAM,IAAI,MAAM,GAAG;AAAA,MAC1D,oBAAoB;AAAA,MACpB,qBAAqB;AAAA,MACrB,oBAAoB;AAAA,MACpB,aAAa;AAAA,MACb,YAAY,EAAE,GAAG,GAAG,GAAG,GAAG,QAAQ,GAAG,OAAO,EAAE;AAAA,MAC9C,cAAc,EAAE,GAAG,IAAI,GAAG,IAAI,QAAQ,IAAI,OAAO,GAAG;AAAA,MACpD,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,cAAc;AAAA,MACd,aAAa;AAAA,MACb,UAAU;AAAA,MACV,eAAe,CAAC;AAAA,MAChB,mBAAmB;AAAA,MACnB,qBAAqB;AAAA,MACrB,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,qBAAqB,EAAE,GAAG,IAAI,GAAG,GAAG;AAAA,MACpC,mBAAmB,CAAC,IAAI,IAAI,EAAE;AAAA,MAC9B,mBAAmB,CAAC,IAAI,IAAI,EAAE;AAAA,MAC9B,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,YAAY;AAAA,IACd;AAAA,EAAA,CACD;AAED,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM;AAAA,IAC9BA;AAAAA,IACA;AAAA,IACA,MAAM;AAAA,EACR;AAEA,QAAM,UAAU,MAAM;AACT,eAAA;AAAA,EACb,GAAG,EAAE;AAEL,QAAM,UAAU,MAAM;;AACpB,QAAI,CAAC,eAAe;AAClB;AAAA,IAAA;AAEF,iBAAa,OAAO,QAAQ,MAAM,OAAO,IAAI,MAAM;AACnD,uDAAc,gBAAd;AAAA,EAA4B,GAC3B,CAAC,MAAM,KAAK,CAAC;AAEhB,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,eAAe;AAClB;AAAA,IAAA;AAEF,QAAI,kBAAkB,WAAW;AACxB,aAAA,aAAa,OAAO,QAAQ,aAAa;AAChD,uBAAiB,SAAS;AAAA,IAAA;AAE5B,QAAI,WAAW;AACb,mBAAa,OAAO,QAAQ,SAAS,IAAI,MAAM;AAAA,IAAA;AAEjD,UAAM,MAAM,YAAY;AAAA,EAAA,GACvB,CAAC,SAAS,CAAC;AAEd,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM;AAAA,KAC1C,mCAAS,gBAAe,oBAAoB,EAAE,SAAS,aAAa,aAAc,CAAA;AAAA,EACpF;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM;AAAA,KACxC,mCAAS,eAAc,mBAAmB,EAAE,SAAS,aAAa,aAAc,CAAA;AAAA,EAClF;AACA,QAAM,UAAU,MAAM;AACd,UAAA,aAAa,OAAO,YAAY,MAAM;;AAC3B,uBAAA,aAAQ,YAAR,mBAAiB,iBAAgB,CAAC;AACnC,sBAAA,aAAQ,YAAR,mBAAiB,gBAAe,CAAC;AAAA,OAC9C,GAAI;AACA,WAAA,MAAM,OAAO,cAAc,UAAU;AAAA,EAC9C,GAAG,EAAE;AACL,QAAM,UAAU,MAAM;AACpB,QAAI,QAAQ,aAAa;AACvB,qBAAe,QAAQ,WAAW;AAAA,IAAA;AAAA,EACpC,GACC,CAAC,QAAQ,WAAW,CAAC;AACxB,QAAM,UAAU,MAAM;AACpB,QAAI,QAAQ,YAAY;AACtB,oBAAc,QAAQ,UAAU;AAAA,IAAA;AAAA,EAClC,GACC,CAAC,QAAQ,UAAU,CAAC;AAEjB,QAAA,EAAE,UAAU,SAAA,IAAa;AAE7B,SAAA,oBAAC,QAAQ,UAAR,EAAiB,OAAO,EAAE,OAAO,YAChC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,KAAK;AAAA,MACL,mBAAiB;AAAA,MACjB,aAAW;AAAA,MACX,OAAO,EAAE,UAAU,aAAa,MAAM,MAAM,aAAa,CAAC,MAAM;AAAA,MAE/D,UAAA;AAAA,QAAO,OAAA,MAAM,gBAAgB,cAAc,sCAAmB,YAAW,EAAA,wBAAM,WAAU,CAAA,CAAA;AAAA,QAC1F;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,WAAW,aAAa,EAAE;AAAA,YACrC,KAAK;AAAA,YACL,OAAO;AAAA,cACL,UAAU,iBAAiB,MAAM,MAAM,aAAa,CAAC;AAAA,cACrD,WAAW,MAAM,MAAM,cAAc;AAAA,cACrC,GAAG;AAAA,cACH,QAAQ;AAAA,YACV;AAAA,YAEA,UAAA;AAAA,cAAA,oBAAC,UAAO,MAAY;AAAA,cACpB,oBAAC,WAAQ,UAAoB;AAAA,cAC7B;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC;AAAA,kBACA,SAAS,EAAE,GAAG,SAAS,aAAa,WAAW;AAAA,kBAC/C;AAAA,gBAAA;AAAA,cACF;AAAA,kCACC,aAAY,EAAA;AAAA,kCACZ,SAAQ,EAAA;AAAA,cACT,oBAAC,SAAQ,EAAA,UAAoB,SAAoB,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnD;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,MAAM,sBAAsB,CAAC,EAAE,aAAa,cAA6B;;AACjE,QAAA,OAAO,qBAAqB,WAAW;AACzC,MAAA,kBAAkB,QAAQ,gBAAgB;AAC9C,WAAS,IAAI,GAAG,IAAI,KAAK,SAAS,KAAK;AAC/B,UAAA,MAAM,IAAI,CAAC;AACjB,UAAM,WAAS,gDAAc,SAAd,mBAAoB,aAAU,gDAAa,YAAb,mBAAsB,WAAU;AACzE,QAAA,kBAAkB,SAAS,cAAc;AACpC,aAAA;AAAA,IAAA;AAEU,uBAAA;AAAA,EAAA;AAErB,SAAO,kBAAkB;AAC3B;AAEA,MAAM,qBAAqB,CAAC,EAAE,aAAa,cAA6B;;AAChE,QAAA,OAAO,qBAAqB,WAAW;AACzC,MAAA,iBAAiB,QAAQ,eAAe;AAC5C,WAAS,IAAI,GAAG,IAAI,KAAK,SAAS,KAAK;AAC/B,UAAA,MAAM,IAAI,CAAC;AACjB,UAAM,UAAQ,gDAAc,SAAd,mBAAoB,YAAS,gDAAa,YAAb,mBAAsB,UAAS;AACtE,QAAA,iBAAiB,QAAQ,aAAa;AACjC,aAAA;AAAA,IAAA;AAES,sBAAA;AAAA,EAAA;AAEpB,SAAO,iBAAiB;AAC1B;"}
1
+ {"version":3,"file":"GridSheet.js","sources":["../../components/GridSheet.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ReducerWithoutAction } from 'react';\n\nimport { CellsByAddressType, OptionsType, Props, StoreType } from '../types';\nimport {\n DEFAULT_HEIGHT,\n DEFAULT_WIDTH,\n HEADER_HEIGHT,\n HEADER_WIDTH,\n SHEET_HEIGHT,\n SHEET_WIDTH,\n HISTORY_LIMIT,\n} from '../constants';\nimport { functions } from '../formula/mapping';\nimport { Context } from '../store';\nimport { reducer as defaultReducer } from '../store/actions';\n\nimport { Editor } from './Editor';\nimport { StoreInitializer } from './StoreInitializer';\nimport { Resizer } from './Resizer';\nimport { Emitter } from './Emitter';\nimport { ContextMenu } from './ContextMenu';\nimport { Table } from '../lib/table';\nimport { Tabular } from './Tabular';\nimport { getMaxSizesFromCells } from '../lib/structs';\nimport { x2c, y2r } from '../lib/converters';\nimport { embedStyle } from '../styles/embedder';\nimport { useSheetContext } from './SheetProvider';\nimport { FormulaBar } from './FormulaBar';\nimport { SearchBar } from './SearchBar';\n\nexport function GridSheet({\n initialCells,\n sheetName = '',\n tableRef,\n options = {},\n className,\n style,\n additionalFunctions = {},\n}: Props) {\n const { sheetResize, showFormulaBar = true, onInit, mode = 'light' } = options;\n const [prevSheetName, setPrevSheetName] = React.useState(sheetName);\n const rootRef = React.useRef<HTMLDivElement | null>(null);\n const mainRef = React.useRef<HTMLDivElement | null>(null);\n const searchInputRef = React.useRef<HTMLTextAreaElement | null>(null);\n const editorRef = React.useRef<HTMLTextAreaElement | null>(null);\n const largeEditorRef = React.useRef<HTMLTextAreaElement | null>(null);\n const tabularRef = React.useRef<HTMLDivElement | null>(null);\n const lastFocusedRef = React.useRef<HTMLTextAreaElement | null>(null);\n const [sheetProvided, sheetContext] = useSheetContext();\n\n const [initialState] = React.useState<StoreType>(() => {\n const {\n headerHeight = HEADER_HEIGHT,\n headerWidth = HEADER_WIDTH,\n historyLimit = HISTORY_LIMIT,\n renderers,\n parsers,\n labelers,\n minNumRows,\n maxNumRows,\n minNumCols,\n maxNumCols,\n } = options;\n const table = new Table({\n historyLimit,\n parsers,\n renderers,\n labelers,\n minNumRows,\n maxNumRows,\n minNumCols,\n maxNumCols,\n headerHeight,\n headerWidth,\n sheetName,\n functions: { ...functions, ...additionalFunctions },\n });\n let sheetId = 0;\n if (sheetProvided) {\n sheetId = sheetContext.head.current++;\n table.tables = sheetContext.tables.current;\n table.sheets = sheetContext.sheets.current;\n }\n table.tables[sheetId] = table;\n table.sheetId = sheetId;\n table.initialize(initialCells);\n onInit?.(table);\n return {\n sheetId,\n table, // temporary (see StoreInitializer for detail)\n tableInitialized: false,\n rootRef,\n mainRef,\n searchInputRef,\n editorRef,\n largeEditorRef,\n tabularRef,\n lastFocusedRef,\n choosing: { y: 1, x: 1 },\n cutting: false,\n inputting: '',\n selectingZone: { startY: -1, startX: -1, endY: -1, endX: -1 },\n copyingZone: { startY: -1, startX: -1, endY: -1, endX: -1 },\n autofillDraggingTo: null,\n leftHeaderSelecting: false,\n topHeaderSelecting: false,\n editingCell: '',\n editorRect: { y: 0, x: 0, height: 0, width: 0 },\n resizingRect: { y: -1, x: -1, height: -1, width: -1 },\n sheetHeight: 0,\n sheetWidth: 0,\n headerHeight: 0,\n headerWidth: 0,\n entering: false,\n matchingCells: [],\n matchingCellIndex: 0,\n searchCaseSensitive: false,\n editingOnEnter: true,\n showAddress: true,\n contextMenuPosition: { y: -1, x: -1 },\n resizingPositionY: [-1, -1, -1],\n resizingPositionX: [-1, -1, -1],\n minNumRows: 1,\n maxNumRows: -1,\n minNumCols: 1,\n maxNumCols: -1,\n mode: 'light',\n lastEdited: '',\n };\n });\n\n const [store, dispatch] = React.useReducer(\n defaultReducer as unknown as ReducerWithoutAction<StoreType>,\n initialState,\n () => initialState,\n );\n\n React.useEffect(() => {\n embedStyle();\n }, []);\n\n React.useEffect(() => {\n if (!sheetProvided) {\n return;\n }\n sheetContext.tables.current[store.sheetId] = store.table;\n sheetContext?.forceRender?.();\n }, [store.table]);\n\n React.useEffect(() => {\n if (!sheetProvided) {\n return;\n }\n if (prevSheetName !== sheetName) {\n delete sheetContext.sheets.current[prevSheetName];\n setPrevSheetName(sheetName);\n }\n if (sheetName) {\n sheetContext.sheets.current[sheetName] = store.sheetId;\n }\n store.table.sheetName = sheetName;\n }, [sheetName]);\n\n const [sheetHeight, setSheetHeight] = React.useState(\n options?.sheetHeight || estimateSheetHeight({ options, initialData: initialCells }),\n );\n const [sheetWidth, setSheetWidth] = React.useState(\n options?.sheetWidth || estimateSheetWidth({ options, initialData: initialCells }),\n );\n React.useEffect(() => {\n const intervalId = window.setInterval(() => {\n setSheetHeight(mainRef.current?.clientHeight || 0);\n setSheetWidth(mainRef.current?.clientWidth || 0);\n }, 1000);\n return () => window.clearInterval(intervalId);\n }, []);\n React.useEffect(() => {\n if (options.sheetHeight) {\n setSheetHeight(options.sheetHeight);\n }\n }, [options.sheetHeight]);\n React.useEffect(() => {\n if (options.sheetWidth) {\n setSheetWidth(options.sheetWidth);\n }\n }, [options.sheetWidth]);\n\n const { onChange, onSelect, onKeyUp } = options;\n return (\n <Context.Provider value={{ store, dispatch }}>\n <div\n className={`gs-root1`}\n ref={rootRef}\n data-sheet-name={sheetName}\n data-mode={mode}\n style={{ maxWidth: `min(100%, ${store.table.totalWidth + 2}px)` }}\n >\n {typeof store.searchQuery === 'undefined' ? showFormulaBar && <FormulaBar /> : <SearchBar />}\n <div\n className={`gs-main ${className || ''}`}\n ref={mainRef}\n style={{\n maxWidth: `min(100%-1px, ${store.table.totalWidth + 2}px)`,\n maxHeight: store.table.totalHeight + 2,\n ...style,\n resize: sheetResize,\n }}\n >\n <Editor mode={mode} handleKeyUp={onKeyUp} />\n <Tabular tableRef={tableRef} />\n <StoreInitializer\n initialCells={initialCells}\n options={{ ...options, sheetHeight, sheetWidth }}\n additionalFunctions={additionalFunctions}\n />\n <ContextMenu />\n <Resizer />\n <Emitter onChange={onChange} onSelect={onSelect} />\n </div>\n </div>\n </Context.Provider>\n );\n}\n\ntype EstimateProps = {\n initialData: CellsByAddressType;\n options: OptionsType;\n};\n\nconst estimateSheetHeight = ({ initialData, options }: EstimateProps) => {\n const auto = getMaxSizesFromCells(initialData);\n let estimatedHeight = options.headerHeight || HEADER_HEIGHT;\n for (let y = 0; y < auto.numRows; y++) {\n const row = y2r(y);\n const height = initialData?.[row]?.height || initialData?.default?.height || DEFAULT_HEIGHT;\n if (estimatedHeight + height > SHEET_HEIGHT) {\n return SHEET_HEIGHT;\n }\n estimatedHeight += height;\n }\n return estimatedHeight + 3;\n};\n\nconst estimateSheetWidth = ({ initialData, options }: EstimateProps) => {\n const auto = getMaxSizesFromCells(initialData);\n let estimatedWidth = options.headerWidth || HEADER_WIDTH;\n for (let x = 0; x < auto.numCols; x++) {\n const col = x2c(x);\n const width = initialData?.[col]?.width || initialData?.default?.width || DEFAULT_WIDTH;\n if (estimatedWidth + width > SHEET_WIDTH) {\n return SHEET_WIDTH;\n }\n estimatedWidth += width;\n }\n return estimatedWidth + 3;\n};\n"],"names":["defaultReducer"],"mappings":"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"}
package/dist/components/SheetProvider.d.ts CHANGED
@@ -5,6 +5,8 @@ export type SheetContextType = {
5
5
  sheets: React.MutableRefObject<SheetMapType>;
6
6
  tables: React.MutableRefObject<TableMapType>;
7
7
  head: React.MutableRefObject<number>;
8
+ choosingCell: string;
9
+ setChoosingCell: (cell: string) => void;
8
10
  editingCell: string;
9
11
  setEditingCell: (cell: string) => void;
10
12
  externalRefs?: {
package/dist/components/SheetProvider.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SheetProvider.d.ts","sourceRoot":"","sources":["../../components/SheetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC7C,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,CAAA;KAAE,CAAC;IACvD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1E,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnE,iBAAiB,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACrF,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,YAAY,iCAA8C,CAAC;AAExE,wBAAgB,eAAe,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAM7D;AAED,wBAAgB,gBAAgB,iCAM/B;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,qBAwChD"}
1
+ {"version":3,"file":"SheetProvider.d.ts","sourceRoot":"","sources":["../../components/SheetProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAC7C,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,CAAA;KAAE,CAAC;IACvD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1E,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnE,iBAAiB,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC,KAAK,IAAI,CAAC;IACrF,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,YAAY,iCAA8C,CAAC;AAExE,wBAAgB,eAAe,IAAI,CAAC,OAAO,EAAE,gBAAgB,CAAC,CAM7D;AAED,wBAAgB,gBAAgB,iCAM/B;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,qBA2ChD"}
package/dist/components/SheetProvider.js CHANGED
@@ -15,6 +15,7 @@ function SheetProvider({ children }) {
15
15
  const head = React__default.useRef(1);
16
16
  const sheets = React__default.useRef({});
17
17
  const tables = React__default.useRef({});
18
+ const [choosingCell, setChoosingCell] = React__default.useState("");
18
19
  const [editingCell, setEditingCell] = React__default.useState("");
19
20
  const [externalRefs, setExternalRefs] = React__default.useState({});
20
21
  const lastFocusedRefInitial = React__default.useRef(null);
@@ -30,6 +31,8 @@ function SheetProvider({ children }) {
30
31
  tables,
31
32
  sheets,
32
33
  head,
34
+ choosingCell,
35
+ setChoosingCell,
33
36
  editingCell,
34
37
  setEditingCell,
35
38
  externalRefs,
package/dist/components/SheetProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SheetProvider.js","sources":["../../components/SheetProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport { RefPaletteType, SheetMapType, TableMapType } from '../types';\n\nexport type SheetContextType = {\n mounted: boolean;\n sheets: React.MutableRefObject<SheetMapType>;\n tables: React.MutableRefObject<TableMapType>;\n head: React.MutableRefObject<number>;\n editingCell: string;\n setEditingCell: (cell: string) => void;\n externalRefs?: { [sheetName: string]: RefPaletteType };\n setExternalRefs?: (refs: { [sheetName: string]: RefPaletteType }) => void;\n lastFocusedRef: React.MutableRefObject<HTMLTextAreaElement | null>;\n setLastFocusedRef: (ref: React.MutableRefObject<HTMLTextAreaElement | null>) => void;\n forceRender: () => void;\n};\n\nexport const SheetContext = React.createContext({} as SheetContextType);\n\nexport function useSheetContext(): [boolean, SheetContextType] {\n const ctx = React.useContext(SheetContext);\n if (ctx.tables?.current == null) {\n return [false, ctx];\n }\n return [true, ctx];\n}\n\nexport function useSheetDispatch() {\n const dispatch = React.useContext(SheetContext);\n if (!dispatch) {\n return undefined;\n }\n return dispatch;\n}\n\ntype Props = {\n children: React.ReactNode;\n};\n\nexport function SheetProvider({ children }: Props) {\n const [mounted, setMounted] = React.useState(false);\n const [version, setVersion] = React.useState(0);\n const head = React.useRef(1);\n const sheets = React.useRef<SheetMapType>({});\n const tables = React.useRef<TableMapType>({});\n const [editingCell, setEditingCell] = React.useState('');\n const [externalRefs, setExternalRefs] = React.useState<{ [sheetName: string]: RefPaletteType }>({});\n const lastFocusedRefInitial = React.useRef<HTMLTextAreaElement | null>(null);\n const [lastFocusedRef, setLastFocusedRef] = React.useState(lastFocusedRefInitial);\n\n React.useEffect(() => {\n setMounted(true);\n }, []);\n\n return (\n <SheetContext.Provider\n value={{\n mounted,\n tables,\n sheets,\n head,\n editingCell,\n setEditingCell,\n externalRefs,\n setExternalRefs,\n lastFocusedRef,\n setLastFocusedRef,\n forceRender: () => {\n if (version >= Number.MAX_SAFE_INTEGER) {\n setVersion(0);\n return;\n }\n setVersion(version + 1);\n },\n }}\n >\n {children}\n </SheetContext.Provider>\n );\n}\n"],"names":["React"],"mappings":";;AAkBO,MAAM,eAAeA,eAAM,cAAc,CAAsB,CAAA;AAE/D,SAAS,kBAA+C;;AACvD,QAAA,MAAMA,eAAM,WAAW,YAAY;AACrC,QAAA,SAAI,WAAJ,mBAAY,YAAW,MAAM;AACxB,WAAA,CAAC,OAAO,GAAG;AAAA,EAAA;AAEb,SAAA,CAAC,MAAM,GAAG;AACnB;AAcgB,SAAA,cAAc,EAAE,YAAmB;AACjD,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,CAAC;AACxC,QAAA,OAAOA,eAAM,OAAO,CAAC;AAC3B,QAAM,SAASA,eAAM,OAAqB,EAAE;AAC5C,QAAM,SAASA,eAAM,OAAqB,EAAE;AAC5C,QAAM,CAAC,aAAa,cAAc,IAAIA,eAAM,SAAS,EAAE;AACvD,QAAM,CAAC,cAAc,eAAe,IAAIA,eAAM,SAAkD,CAAA,CAAE;AAC5F,QAAA,wBAAwBA,eAAM,OAAmC,IAAI;AAC3E,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,eAAM,SAAS,qBAAqB;AAEhFA,iBAAM,UAAU,MAAM;AACpB,eAAW,IAAI;AAAA,EACjB,GAAG,EAAE;AAGH,SAAA;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,MAAM;AACb,cAAA,WAAW,OAAO,kBAAkB;AACtC,uBAAW,CAAC;AACZ;AAAA,UAAA;AAEF,qBAAW,UAAU,CAAC;AAAA,QAAA;AAAA,MAE1B;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
1
+ {"version":3,"file":"SheetProvider.js","sources":["../../components/SheetProvider.tsx"],"sourcesContent":["import React from 'react';\n\nimport { RefPaletteType, SheetMapType, TableMapType } from '../types';\n\nexport type SheetContextType = {\n mounted: boolean;\n sheets: React.MutableRefObject<SheetMapType>;\n tables: React.MutableRefObject<TableMapType>;\n head: React.MutableRefObject<number>;\n choosingCell: string;\n setChoosingCell: (cell: string) => void;\n editingCell: string;\n setEditingCell: (cell: string) => void;\n externalRefs?: { [sheetName: string]: RefPaletteType };\n setExternalRefs?: (refs: { [sheetName: string]: RefPaletteType }) => void;\n lastFocusedRef: React.MutableRefObject<HTMLTextAreaElement | null>;\n setLastFocusedRef: (ref: React.MutableRefObject<HTMLTextAreaElement | null>) => void;\n forceRender: () => void;\n};\n\nexport const SheetContext = React.createContext({} as SheetContextType);\n\nexport function useSheetContext(): [boolean, SheetContextType] {\n const ctx = React.useContext(SheetContext);\n if (ctx.tables?.current == null) {\n return [false, ctx];\n }\n return [true, ctx];\n}\n\nexport function useSheetDispatch() {\n const dispatch = React.useContext(SheetContext);\n if (!dispatch) {\n return undefined;\n }\n return dispatch;\n}\n\ntype Props = {\n children: React.ReactNode;\n};\n\nexport function SheetProvider({ children }: Props) {\n const [mounted, setMounted] = React.useState(false);\n const [version, setVersion] = React.useState(0);\n const head = React.useRef(1);\n const sheets = React.useRef<SheetMapType>({});\n const tables = React.useRef<TableMapType>({});\n const [choosingCell, setChoosingCell] = React.useState('');\n const [editingCell, setEditingCell] = React.useState('');\n const [externalRefs, setExternalRefs] = React.useState<{ [sheetName: string]: RefPaletteType }>({});\n const lastFocusedRefInitial = React.useRef<HTMLTextAreaElement | null>(null);\n const [lastFocusedRef, setLastFocusedRef] = React.useState(lastFocusedRefInitial);\n\n React.useEffect(() => {\n setMounted(true);\n }, []);\n\n return (\n <SheetContext.Provider\n value={{\n mounted,\n tables,\n sheets,\n head,\n choosingCell,\n setChoosingCell,\n editingCell,\n setEditingCell,\n externalRefs,\n setExternalRefs,\n lastFocusedRef,\n setLastFocusedRef,\n forceRender: () => {\n if (version >= Number.MAX_SAFE_INTEGER) {\n setVersion(0);\n return;\n }\n setVersion(version + 1);\n },\n }}\n >\n {children}\n </SheetContext.Provider>\n );\n}\n"],"names":["React"],"mappings":";;AAoBO,MAAM,eAAeA,eAAM,cAAc,CAAsB,CAAA;AAE/D,SAAS,kBAA+C;;AACvD,QAAA,MAAMA,eAAM,WAAW,YAAY;AACrC,QAAA,SAAI,WAAJ,mBAAY,YAAW,MAAM;AACxB,WAAA,CAAC,OAAO,GAAG;AAAA,EAAA;AAEb,SAAA,CAAC,MAAM,GAAG;AACnB;AAcgB,SAAA,cAAc,EAAE,YAAmB;AACjD,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,IAAIA,eAAM,SAAS,CAAC;AACxC,QAAA,OAAOA,eAAM,OAAO,CAAC;AAC3B,QAAM,SAASA,eAAM,OAAqB,EAAE;AAC5C,QAAM,SAASA,eAAM,OAAqB,EAAE;AAC5C,QAAM,CAAC,cAAc,eAAe,IAAIA,eAAM,SAAS,EAAE;AACzD,QAAM,CAAC,aAAa,cAAc,IAAIA,eAAM,SAAS,EAAE;AACvD,QAAM,CAAC,cAAc,eAAe,IAAIA,eAAM,SAAkD,CAAA,CAAE;AAC5F,QAAA,wBAAwBA,eAAM,OAAmC,IAAI;AAC3E,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,eAAM,SAAS,qBAAqB;AAEhFA,iBAAM,UAAU,MAAM;AACpB,eAAW,IAAI;AAAA,EACjB,GAAG,EAAE;AAGH,SAAA;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,MAAM;AACb,cAAA,WAAW,OAAO,kBAAkB;AACtC,uBAAW,CAAC;AACZ;AAAA,UAAA;AAEF,qBAAW,UAAU,CAAC;AAAA,QAAA;AAAA,MAE1B;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;"}
package/dist/components/Tabular.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Tabular.d.ts","sourceRoot":"","sources":["../../components/Tabular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAwC,QAAQ,EAAkB,MAAM,UAAU,CAAC;AAS1F,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,cAAc,+CAA4C,CAAC;AAExE,eAAO,MAAM,OAAO,GAAI,cAAc,KAAK,sBA0K1C,CAAC"}
1
+ {"version":3,"file":"Tabular.d.ts","sourceRoot":"","sources":["../../components/Tabular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,EAAwC,QAAQ,EAAkB,MAAM,UAAU,CAAC;AAS1F,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAC/D,CAAC;AAEF,eAAO,MAAM,cAAc,+CAA4C,CAAC;AAExE,eAAO,MAAM,OAAO,GAAI,cAAc,KAAK,sBAmL1C,CAAC"}
package/dist/components/Tabular.js CHANGED
@@ -8,7 +8,7 @@ import { updateTable, setInputting, choose, select, setEntering } from "../store
8
8
  import { virtualize } from "../lib/virtualization.js";
9
9
  import { stripAddressAbsolute, p2a, a2p } from "../lib/converters.js";
10
10
  import { zoneToArea } from "../lib/structs.js";
11
- import { Lexer } from "../formula/evaluator.js";
11
+ import { Lexer, stripSheetName } from "../formula/evaluator.js";
12
12
  import { REF_PALETTE } from "../lib/palette.js";
13
13
  import { useSheetContext } from "./SheetProvider.js";
14
14
  import { Autofill } from "../lib/autofill.js";
@@ -29,39 +29,44 @@ const Tabular = ({ tableRef }) => {
29
29
  editingCell,
30
30
  inputting
31
31
  } = store;
32
+ const [sheetProvided, sheetContext] = useSheetContext();
32
33
  React__default.useEffect(() => {
33
- if (editingCell && inputting.startsWith("=")) {
34
- const refs2 = {};
35
- const externalRefs2 = {};
36
- const lexer = new Lexer(inputting.substring(1));
37
- lexer.tokenize();
38
- let i = 0;
39
- for (const token of lexer.tokens) {
40
- if (token.type === "REF" || token.type === "RANGE") {
41
- const normalizedRef = stripAddressAbsolute(token.stringify());
42
- if (normalizedRef.includes("!")) {
43
- const [sheetName, ref] = normalizedRef.split("!");
44
- const upperRef = ref.toUpperCase();
45
- if (externalRefs2[sheetName] == null) {
46
- externalRefs2[sheetName] = {};
47
- }
48
- if (externalRefs2[sheetName][upperRef] == null) {
49
- externalRefs2[sheetName][upperRef] = i++;
50
- }
51
- } else {
52
- const upperRef = normalizedRef.toUpperCase();
53
- if (refs2[upperRef] == null) {
54
- refs2[upperRef] = i++;
55
- }
34
+ const formulaEditing = editingCell && inputting.startsWith("=");
35
+ if (!formulaEditing) {
36
+ setRefs({});
37
+ setExternalRefs == null ? void 0 : setExternalRefs({});
38
+ return;
39
+ }
40
+ const refs2 = {};
41
+ const externalRefs2 = {};
42
+ const lexer = new Lexer(inputting.substring(1));
43
+ lexer.tokenize();
44
+ let i = 0;
45
+ for (const token of lexer.tokens) {
46
+ if (token.type === "REF" || token.type === "RANGE") {
47
+ const normalizedRef = stripAddressAbsolute(token.stringify());
48
+ const splitterIndex = normalizedRef.indexOf("!");
49
+ if (splitterIndex !== -1) {
50
+ const sheetName = normalizedRef.substring(0, splitterIndex);
51
+ const ref = normalizedRef.substring(splitterIndex + 1);
52
+ const stripped = stripSheetName(sheetName);
53
+ const upperRef = ref.toUpperCase();
54
+ if (externalRefs2[stripped] == null) {
55
+ externalRefs2[stripped] = {};
56
+ }
57
+ if (externalRefs2[stripped][upperRef] == null) {
58
+ externalRefs2[stripped][upperRef] = i++;
59
+ }
60
+ } else {
61
+ const upperRef = normalizedRef.toUpperCase();
62
+ if (refs2[upperRef] == null) {
63
+ refs2[upperRef] = i++;
56
64
  }
57
65
  }
58
66
  }
59
- setRefs(refs2);
60
- setExternalRefs == null ? void 0 : setExternalRefs(externalRefs2);
61
- } else {
62
- setRefs({});
63
- setExternalRefs == null ? void 0 : setExternalRefs({});
64
67
  }
68
+ setRefs(refs2);
69
+ setExternalRefs == null ? void 0 : setExternalRefs(externalRefs2);
65
70
  }, [store.inputting, store.editingCell]);
66
71
  React__default.useEffect(() => {
67
72
  if (tableRef && tableInitialized) {
@@ -77,6 +82,10 @@ const Tabular = ({ tableRef }) => {
77
82
  const v = table.stringify(store.choosing);
78
83
  dispatch(setInputting(v || ""));
79
84
  }, [table, store.choosing]);
85
+ React__default.useEffect(() => {
86
+ var _a2;
87
+ (_a2 = sheetContext == null ? void 0 : sheetContext.setChoosingCell) == null ? void 0 : _a2.call(sheetContext, p2a(store.choosing));
88
+ }, [store.choosing]);
80
89
  const [virtualized, setVirtualized] = React__default.useState(null);
81
90
  React__default.useEffect(() => {
82
91
  setVirtualized(virtualize(table, tabularRef.current));