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

package/dist/components/Emitter.js.map

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

package/dist/components/Fixed.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
 import { useBrowser } from "./hooks.js";
 const Fixed = ({ children, style, className = "", ...attrs }) => {
@@ -7,7 +7,7 @@ const Fixed = ({ children, style, className = "", ...attrs }) => {
     return null;
   }
   return createPortal(
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...attrs, className: `gs-fixed ${className}`, style, children }),
+    /* @__PURE__ */ jsx("div", { ...attrs, className: `gs-fixed ${className}`, style, children }),
     document.body
   );
 };

package/dist/components/Fixed.js.map

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

package/dist/components/FormulaBar.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Context } from "../store/index.js";
 import { p2a } from "../lib/converters.js";
@@ -63,11 +63,11 @@ const FormulaBar = () => {
     hlRef.current.scrollLeft = largeEditorRef.current.scrollLeft;
     hlRef.current.scrollTop = largeEditorRef.current.scrollTop;
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: "gs-formula-bar", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-selecting-address", children: address }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-fx", children: "Fx" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-formula-bar-editor-inner", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("label", { className: "gs-formula-bar", children: [
+    /* @__PURE__ */ jsx("div", { className: "gs-selecting-address", children: address }),
+    /* @__PURE__ */ jsx("div", { className: "gs-fx", children: "Fx" }),
+    /* @__PURE__ */ jsxs("div", { className: "gs-formula-bar-editor-inner", children: [
+      /* @__PURE__ */ jsx(
         "div",
         {
           className: "gs-editor-hl",
@@ -79,7 +79,7 @@ const FormulaBar = () => {
           children: editorStyle(inputting)
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsx(
         "textarea",
         {
           rows: 1,

package/dist/components/FormulaBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormulaBar.js","sources":["../../components/FormulaBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Context } from '../store';\nimport { p2a } from '../lib/converters';\nimport { setEditingCell, setInputting, setLastEdited, setLastFocusedRef, walk, write } from '../store/actions';\nimport * as prevention from '../lib/prevention';\nimport { insertTextAtCursor } from '../lib/input';\nimport { useSheetContext } from './SheetProvider';\nimport { editorStyle } from './Editor';\n\nexport const FormulaBar: React.FC = () => {\n  const { store, dispatch } = React.useContext(Context);\n  const [before, setBefore] = React.useState('');\n  const { choosing, editorRef, largeEditorRef, table, inputting, editingCell } = store;\n  const [, sheetContext] = useSheetContext();\n  const hlRef = React.useRef<HTMLDivElement | null>(null);\n\n  const address = choosing.x === -1 ? '' : p2a(choosing);\n  React.useEffect(() => {\n    let value = table.getByPoint(choosing)?.value ?? '';\n    // debug to remove this line\n    value = table.stringify(choosing, value);\n    largeEditorRef.current!.value = value;\n    setBefore(value as string);\n  }, [address, table]);\n\n  const writeCell = (value: string) => {\n    if (before !== value) {\n      dispatch(write(value));\n    }\n    dispatch(setEditingCell(''));\n    editorRef.current!.focus();\n  };\n  React.useEffect(() => {\n    const observer = new ResizeObserver((entries) => {\n      entries.forEach(updateScroll);\n    });\n    if (largeEditorRef.current) {\n      observer.observe(largeEditorRef.current);\n    }\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  const largeInput = largeEditorRef.current;\n\n  const handleFocus = () => {\n    if (!largeInput) {\n      return;\n    }\n    dispatch(setEditingCell(address));\n    dispatch(setLastFocusedRef(largeEditorRef));\n    sheetContext?.setLastFocusedRef?.(largeEditorRef);\n  };\n  const handleInput = (e: React.FormEvent<HTMLTextAreaElement>) => {\n    dispatch(setInputting(e.currentTarget.value));\n    sheetContext?.forceRender?.();\n  };\n\n  const updateScroll = () => {\n    if (!hlRef.current || !largeEditorRef.current) {\n      return;\n    }\n    hlRef.current.style.height = `${largeEditorRef.current.clientHeight}px`;\n    hlRef.current.scrollLeft = largeEditorRef.current.scrollLeft;\n    hlRef.current.scrollTop = largeEditorRef.current.scrollTop;\n  };\n\n  return (\n    <label className=\"gs-formula-bar\">\n      <div className=\"gs-selecting-address\">{address}</div>\n      <div className=\"gs-fx\">Fx</div>\n      <div className=\"gs-formula-bar-editor-inner\">\n        <div\n          className=\"gs-editor-hl\"\n          ref={hlRef}\n          style={{\n            height: largeEditorRef.current?.clientHeight,\n            width: largeEditorRef.current?.clientWidth,\n          }}\n        >\n          {editorStyle(inputting)}\n        </div>\n        <textarea\n          rows={1}\n          spellCheck={false}\n          ref={largeEditorRef}\n          value={inputting}\n          onInput={handleInput}\n          onFocus={handleFocus}\n          onBlur={(e) => {\n            dispatch(setLastEdited(before));\n            if (e.target.value.startsWith('=')) {\n              return true;\n            } else {\n              if (editingCell) {\n                writeCell(e.target.value);\n              }\n            }\n          }}\n          onKeyDown={(e) => {\n            const input = e.currentTarget;\n            switch (e.key) {\n              case 'Enter': {\n                if (e.altKey) {\n                  insertTextAtCursor(input, '\\n');\n                } else {\n                  writeCell(input.value);\n                  dispatch(setInputting(''));\n                  dispatch(\n                    walk({\n                      numRows: table.getNumRows(),\n                      numCols: table.getNumCols(),\n                      deltaY: 1,\n                      deltaX: 0,\n                    }),\n                  );\n                  e.preventDefault();\n                  return false;\n                }\n                break;\n              }\n              case 'Escape': {\n                input.value = before;\n                dispatch(setEditingCell(''));\n                e.preventDefault();\n                editorRef.current!.focus();\n\n                break;\n              }\n            }\n\n            const cell = table.getByPoint(choosing);\n            if (prevention.isPrevented(cell?.prevention, prevention.Write)) {\n              console.warn('This cell is protected from writing.');\n              e.preventDefault();\n            }\n            updateScroll();\n            return false;\n          }}\n          onKeyUp={updateScroll}\n          onScroll={updateScroll}\n        ></textarea>\n      </div>\n    </label>\n  );\n};\n"],"names":["React","_a","jsxs","jsx","prevention.isPrevented","prevention.Write"],"mappings":"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"}
+{"version":3,"file":"FormulaBar.js","sources":["../../components/FormulaBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Context } from '../store';\nimport { p2a } from '../lib/converters';\nimport { setEditingCell, setInputting, setLastEdited, setLastFocusedRef, walk, write } from '../store/actions';\nimport * as prevention from '../lib/prevention';\nimport { insertTextAtCursor } from '../lib/input';\nimport { useSheetContext } from './SheetProvider';\nimport { editorStyle } from './Editor';\n\nexport const FormulaBar: React.FC = () => {\n  const { store, dispatch } = React.useContext(Context);\n  const [before, setBefore] = React.useState('');\n  const { choosing, editorRef, largeEditorRef, table, inputting, editingCell } = store;\n  const [, sheetContext] = useSheetContext();\n  const hlRef = React.useRef<HTMLDivElement | null>(null);\n\n  const address = choosing.x === -1 ? '' : p2a(choosing);\n  React.useEffect(() => {\n    let value = table.getByPoint(choosing)?.value ?? '';\n    // debug to remove this line\n    value = table.stringify(choosing, value);\n    largeEditorRef.current!.value = value;\n    setBefore(value as string);\n  }, [address, table]);\n\n  const writeCell = (value: string) => {\n    if (before !== value) {\n      dispatch(write(value));\n    }\n    dispatch(setEditingCell(''));\n    editorRef.current!.focus();\n  };\n  React.useEffect(() => {\n    const observer = new ResizeObserver((entries) => {\n      entries.forEach(updateScroll);\n    });\n    if (largeEditorRef.current) {\n      observer.observe(largeEditorRef.current);\n    }\n    return () => {\n      observer.disconnect();\n    };\n  }, []);\n\n  const largeInput = largeEditorRef.current;\n\n  const handleFocus = () => {\n    if (!largeInput) {\n      return;\n    }\n    dispatch(setEditingCell(address));\n    dispatch(setLastFocusedRef(largeEditorRef));\n    sheetContext?.setLastFocusedRef?.(largeEditorRef);\n  };\n  const handleInput = (e: React.FormEvent<HTMLTextAreaElement>) => {\n    dispatch(setInputting(e.currentTarget.value));\n    sheetContext?.forceRender?.();\n  };\n\n  const updateScroll = () => {\n    if (!hlRef.current || !largeEditorRef.current) {\n      return;\n    }\n    hlRef.current.style.height = `${largeEditorRef.current.clientHeight}px`;\n    hlRef.current.scrollLeft = largeEditorRef.current.scrollLeft;\n    hlRef.current.scrollTop = largeEditorRef.current.scrollTop;\n  };\n\n  return (\n    <label className=\"gs-formula-bar\">\n      <div className=\"gs-selecting-address\">{address}</div>\n      <div className=\"gs-fx\">Fx</div>\n      <div className=\"gs-formula-bar-editor-inner\">\n        <div\n          className=\"gs-editor-hl\"\n          ref={hlRef}\n          style={{\n            height: largeEditorRef.current?.clientHeight,\n            width: largeEditorRef.current?.clientWidth,\n          }}\n        >\n          {editorStyle(inputting)}\n        </div>\n        <textarea\n          rows={1}\n          spellCheck={false}\n          ref={largeEditorRef}\n          value={inputting}\n          onInput={handleInput}\n          onFocus={handleFocus}\n          onBlur={(e) => {\n            dispatch(setLastEdited(before));\n            if (e.target.value.startsWith('=')) {\n              return true;\n            } else {\n              if (editingCell) {\n                writeCell(e.target.value);\n              }\n            }\n          }}\n          onKeyDown={(e) => {\n            const input = e.currentTarget;\n            switch (e.key) {\n              case 'Enter': {\n                if (e.altKey) {\n                  insertTextAtCursor(input, '\\n');\n                } else {\n                  writeCell(input.value);\n                  dispatch(setInputting(''));\n                  dispatch(\n                    walk({\n                      numRows: table.getNumRows(),\n                      numCols: table.getNumCols(),\n                      deltaY: 1,\n                      deltaX: 0,\n                    }),\n                  );\n                  e.preventDefault();\n                  return false;\n                }\n                break;\n              }\n              case 'Escape': {\n                input.value = before;\n                dispatch(setEditingCell(''));\n                e.preventDefault();\n                editorRef.current!.focus();\n\n                break;\n              }\n            }\n\n            const cell = table.getByPoint(choosing);\n            if (prevention.isPrevented(cell?.prevention, prevention.Write)) {\n              console.warn('This cell is protected from writing.');\n              e.preventDefault();\n            }\n            updateScroll();\n            return false;\n          }}\n          onKeyUp={updateScroll}\n          onScroll={updateScroll}\n        ></textarea>\n      </div>\n    </label>\n  );\n};\n"],"names":["React","_a","prevention.isPrevented","prevention.Write"],"mappings":"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"}

package/dist/components/GridSheet.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { HEADER_HEIGHT, HEADER_WIDTH, HISTORY_LIMIT, DEFAULT_HEIGHT, SHEET_HEIGHT, DEFAULT_WIDTH, SHEET_WIDTH } from "../constants.js";
 import { functions } from "../formula/mapping.js";
@@ -170,7 +170,7 @@ function GridSheet({
     }
   }, [options.sheetWidth]);
   const { onChange, onSelect } = options;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Context.Provider, { value: { store, dispatch }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsx(Context.Provider, { value: { store, dispatch }, children: /* @__PURE__ */ jsxs(
     "div",
     {
       className: `gs-root1`,
@@ -179,8 +179,8 @@ function GridSheet({
       "data-mode": mode,
       style: { maxWidth: `min(100%, ${store.table.totalWidth + 2}px)` },
       children: [
-        typeof store.searchQuery === "undefined" ? showFormulaBar && /* @__PURE__ */ jsxRuntimeExports.jsx(FormulaBar, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(SearchBar, {}),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        typeof store.searchQuery === "undefined" ? showFormulaBar && /* @__PURE__ */ jsx(FormulaBar, {}) : /* @__PURE__ */ jsx(SearchBar, {}),
+        /* @__PURE__ */ jsxs(
           "div",
           {
             className: `gs-main ${className || ""}`,
@@ -192,9 +192,9 @@ function GridSheet({
               resize: sheetResize
             },
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Editor, { mode }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Tabular, { tableRef }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
+              /* @__PURE__ */ jsx(Editor, { mode }),
+              /* @__PURE__ */ jsx(Tabular, { tableRef }),
+              /* @__PURE__ */ jsx(
                 StoreInitializer,
                 {
                   initialCells,
@@ -202,9 +202,9 @@ function GridSheet({
                   additionalFunctions
                 }
               ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenu, {}),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Resizer, {}),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(Emitter, { onChange, onSelect })
+              /* @__PURE__ */ jsx(ContextMenu, {}),
+              /* @__PURE__ */ jsx(Resizer, {}),
+              /* @__PURE__ */ jsx(Emitter, { onChange, onSelect })
             ]
           }
         )

package/dist/components/GridSheet.js.map

@@ -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","jsx","jsxs"],"mappings":"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"}
+{"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":"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"}

package/dist/components/HeaderCellLeft.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 { y2r } from "../lib/converters.js";
 import { zoneToArea, between } from "../lib/structs.js";
@@ -27,7 +27,7 @@ const HeaderCellLeft = React__default.memo(({ y }) => {
   const differentSheetFocused = sheetProvided && (sheetContext == null ? void 0 : sheetContext.lastFocusedRef) !== store.lastFocusedRef;
   const lastFocusedRef = (sheetContext == null ? void 0 : sheetContext.lastFocusedRef) || store.lastFocusedRef;
   const lastInput = lastFocusedRef.current;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     "th",
     {
       "data-y": y,
@@ -60,7 +60,7 @@ const HeaderCellLeft = React__default.memo(({ y }) => {
         dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));
         return false;
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
           className: "gs-th-inner-wrap",
@@ -105,9 +105,9 @@ const HeaderCellLeft = React__default.memo(({ y }) => {
             e.dataTransfer.dropEffect = "move";
             e.preventDefault();
           },
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-th-inner", style: { width: headerWidth, position: "relative" }, children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "gs-th-inner", style: { width: headerWidth, position: "relative" }, children: [
             (row == null ? void 0 : row.labeler) ? table.getLabel(row.labeler, y) : rowId,
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsx(
               "div",
               {
                 className: `gs-resizer ${isPrevented(row == null ? void 0 : row.prevention, Resize) ? "gs-protected" : ""}`,

package/dist/components/HeaderCellLeft.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCellLeft.js","sources":["../../components/HeaderCellLeft.tsx"],"sourcesContent":["import React from 'react';\nimport { y2r } from '../lib/converters';\nimport { between, zoneToArea } from '../lib/structs';\nimport { Context } from '../store';\nimport {\n  choose,\n  drag,\n  select,\n  selectRows,\n  setContextMenuPosition,\n  setEditingCell,\n  setResizingPositionY,\n} from '../store/actions';\nimport { DUMMY_IMG, DEFAULT_HEIGHT } from '../constants';\nimport * as prevention from '../lib/prevention';\nimport { insertRef, isRefInsertable } from '../lib/input';\nimport { useSheetContext } from './SheetProvider';\n\ntype Props = {\n  y: number;\n};\n\nexport const HeaderCellLeft: React.FC<Props> = React.memo(({ y }) => {\n  const rowId = `${y2r(y)}`;\n  const { store, dispatch } = React.useContext(Context);\n\n  const {\n    choosing,\n    selectingZone,\n    leftHeaderSelecting,\n    resizingRect,\n    headerWidth,\n    editorRef,\n    table,\n    autofillDraggingTo,\n  } = store;\n\n  const row = table.getByPoint({ y, x: 0 });\n  const height = row?.height || DEFAULT_HEIGHT;\n\n  const [sheetProvided, sheetContext] = useSheetContext();\n  const differentSheetFocused = sheetProvided && sheetContext?.lastFocusedRef !== store.lastFocusedRef;\n\n  const lastFocusedRef = sheetContext?.lastFocusedRef || store.lastFocusedRef;\n  const lastInput = lastFocusedRef.current;\n\n  return (\n    <th\n      data-y={y}\n      className={`gs-th gs-th-left ${choosing.y === y ? 'gs-choosing' : ''} ${\n        between({ start: selectingZone.startY, end: selectingZone.endY }, y)\n          ? leftHeaderSelecting\n            ? 'gs-th-selecting'\n            : 'gs-selecting'\n          : ''\n      }`}\n      style={{ height }}\n      onClick={(e) => {\n        let startY = e.shiftKey ? selectingZone.startY : y;\n        if (startY === -1) {\n          startY = choosing.y;\n        }\n        const fullColId = `${table.sheetPrefix(!differentSheetFocused)}${rowId}:${rowId}`;\n        const inserted = insertRef(lastInput, fullColId);\n        if (inserted) {\n          return false;\n        }\n\n        dispatch(\n          selectRows({\n            range: { start: startY, end: y },\n            numCols: table.getNumCols(),\n          }),\n        );\n        dispatch(setContextMenuPosition({ y: -1, x: -1 }));\n        dispatch(choose({ y: startY, x: 1 }));\n        dispatch(setEditingCell(''));\n        editorRef.current!.focus();\n        return false;\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault();\n        dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));\n        return false;\n      }}\n    >\n      <div\n        className=\"gs-th-inner-wrap\"\n        draggable\n        onDragStart={(e) => {\n          e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);\n          const insertable = isRefInsertable(lastInput);\n          if (insertable) {\n            dispatch(select({ startY: y, startX: table.getNumCols(), endY: y, endX: 0 }));\n            return false;\n          }\n          dispatch(\n            selectRows({\n              range: { start: y, end: y },\n              numCols: table.getNumCols(),\n            }),\n          );\n          dispatch(choose({ y, x: 1 }));\n          return false;\n        }}\n        onDragEnd={() => {\n          if (isRefInsertable(lastInput)) {\n            dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));\n          }\n        }}\n        onDragEnter={() => {\n          const newArea = zoneToArea({ ...selectingZone, endY: y, endX: 1 });\n          const [top, bottom] = [y2r(newArea.top), y2r(newArea.bottom)];\n          const fullRange = `${table.sheetPrefix(!differentSheetFocused)}${top}:${bottom}`;\n          insertRef(lastInput, fullRange);\n\n          if (resizingRect.y === -1 && autofillDraggingTo == null) {\n            const { startX } = selectingZone;\n            if (startX === 1) {\n              dispatch(drag({ y, x: table.getNumCols() }));\n            } else {\n              dispatch(drag({ y, x: 1 }));\n            }\n          }\n          return false;\n        }}\n        onDragOver={(e) => {\n          e.dataTransfer.dropEffect = 'move';\n          e.preventDefault();\n        }}\n      >\n        <div className=\"gs-th-inner\" style={{ width: headerWidth, position: 'relative' }}>\n          {row?.labeler ? table.getLabel(row.labeler, y) : rowId}\n          <div\n            className={`gs-resizer ${prevention.isPrevented(row?.prevention, prevention.Resize) ? 'gs-protected' : ''}`}\n            style={{ width: headerWidth }}\n            onMouseDown={(e) => {\n              dispatch(setResizingPositionY([y, e.clientY, e.clientY]));\n              e.preventDefault();\n              e.stopPropagation();\n            }}\n          ></div>\n        </div>\n      </div>\n    </th>\n  );\n});\n"],"names":["React","jsx","jsxs","prevention.isPrevented","prevention.Resize"],"mappings":";;;;;;;;;;AAsBO,MAAM,iBAAkCA,eAAM,KAAK,CAAC,EAAE,QAAQ;AACnE,QAAM,QAAQ,GAAG,IAAI,CAAC,CAAC;AACvB,QAAM,EAAE,OAAO,SAAA,IAAaA,eAAM,WAAW,OAAO;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,MAAM,MAAM,WAAW,EAAE,GAAG,GAAG,GAAG;AAClC,QAAA,UAAS,2BAAK,WAAU;AAE9B,QAAM,CAAC,eAAe,YAAY,IAAI,gBAAgB;AACtD,QAAM,wBAAwB,kBAAiB,6CAAc,oBAAmB,MAAM;AAEhF,QAAA,kBAAiB,6CAAc,mBAAkB,MAAM;AAC7D,QAAM,YAAY,eAAe;AAG/B,SAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,WAAW,oBAAoB,SAAS,MAAM,IAAI,gBAAgB,EAAE,IAClE,QAAQ,EAAE,OAAO,cAAc,QAAQ,KAAK,cAAc,QAAQ,CAAC,IAC/D,sBACE,oBACA,iBACF,EACN;AAAA,MACA,OAAO,EAAE,OAAO;AAAA,MAChB,SAAS,CAAC,MAAM;AACd,YAAI,SAAS,EAAE,WAAW,cAAc,SAAS;AACjD,YAAI,WAAW,IAAI;AACjB,mBAAS,SAAS;AAAA,QAAA;AAEd,cAAA,YAAY,GAAG,MAAM,YAAY,CAAC,qBAAqB,CAAC,GAAG,KAAK,IAAI,KAAK;AACzE,cAAA,WAAW,UAAU,WAAW,SAAS;AAC/C,YAAI,UAAU;AACL,iBAAA;AAAA,QAAA;AAGT;AAAA,UACE,WAAW;AAAA,YACT,OAAO,EAAE,OAAO,QAAQ,KAAK,EAAE;AAAA,YAC/B,SAAS,MAAM,WAAW;AAAA,UAC3B,CAAA;AAAA,QACH;AACA,iBAAS,uBAAuB,EAAE,GAAG,IAAI,GAAG,GAAA,CAAI,CAAC;AACjD,iBAAS,OAAO,EAAE,GAAG,QAAQ,GAAG,EAAA,CAAG,CAAC;AAC3B,iBAAA,eAAe,EAAE,CAAC;AAC3B,kBAAU,QAAS,MAAM;AAClB,eAAA;AAAA,MACT;AAAA,MACA,eAAe,CAAC,MAAM;AACpB,UAAE,eAAe;AACR,iBAAA,uBAAuB,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ,CAAC,CAAC;AACxD,eAAA;AAAA,MACT;AAAA,MAEA,UAAAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,WAAS;AAAA,UACT,aAAa,CAAC,MAAM;AAClB,cAAE,aAAa,aAAa,WAAW,GAAG,CAAC;AACrC,kBAAA,aAAa,gBAAgB,SAAS;AAC5C,gBAAI,YAAY;AACd,uBAAS,OAAO,EAAE,QAAQ,GAAG,QAAQ,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,EAAG,CAAA,CAAC;AACrE,qBAAA;AAAA,YAAA;AAET;AAAA,cACE,WAAW;AAAA,gBACT,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE;AAAA,gBAC1B,SAAS,MAAM,WAAW;AAAA,cAC3B,CAAA;AAAA,YACH;AACA,qBAAS,OAAO,EAAE,GAAG,GAAG,EAAG,CAAA,CAAC;AACrB,mBAAA;AAAA,UACT;AAAA,UACA,WAAW,MAAM;AACX,gBAAA,gBAAgB,SAAS,GAAG;AACrB,uBAAA,OAAO,EAAE,QAAQ,IAAI,QAAQ,IAAI,MAAM,IAAI,MAAM,GAAI,CAAA,CAAC;AAAA,YAAA;AAAA,UAEnE;AAAA,UACA,aAAa,MAAM;AACX,kBAAA,UAAU,WAAW,EAAE,GAAG,eAAe,MAAM,GAAG,MAAM,GAAG;AACjE,kBAAM,CAAC,KAAK,MAAM,IAAI,CAAC,IAAI,QAAQ,GAAG,GAAG,IAAI,QAAQ,MAAM,CAAC;AACtD,kBAAA,YAAY,GAAG,MAAM,YAAY,CAAC,qBAAqB,CAAC,GAAG,GAAG,IAAI,MAAM;AAC9E,sBAAU,WAAW,SAAS;AAE9B,gBAAI,aAAa,MAAM,MAAM,sBAAsB,MAAM;AACjD,oBAAA,EAAE,WAAW;AACnB,kBAAI,WAAW,GAAG;AACP,yBAAA,KAAK,EAAE,GAAG,GAAG,MAAM,WAAW,EAAA,CAAG,CAAC;AAAA,cAAA,OACtC;AACL,yBAAS,KAAK,EAAE,GAAG,GAAG,EAAG,CAAA,CAAC;AAAA,cAAA;AAAA,YAC5B;AAEK,mBAAA;AAAA,UACT;AAAA,UACA,YAAY,CAAC,MAAM;AACjB,cAAE,aAAa,aAAa;AAC5B,cAAE,eAAe;AAAA,UACnB;AAAA,UAEA,UAAAC,kCAAAA,KAAC,OAAI,EAAA,WAAU,eAAc,OAAO,EAAE,OAAO,aAAa,UAAU,WAAA,GACjE,UAAA;AAAA,aAAA,2BAAK,WAAU,MAAM,SAAS,IAAI,SAAS,CAAC,IAAI;AAAA,YACjDD,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,cAAcE,YAAuB,2BAAK,YAAYC,MAAiB,IAAI,iBAAiB,EAAE;AAAA,gBACzG,OAAO,EAAE,OAAO,YAAY;AAAA,gBAC5B,aAAa,CAAC,MAAM;AACT,2BAAA,qBAAqB,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AACxD,oBAAE,eAAe;AACjB,oBAAE,gBAAgB;AAAA,gBAAA;AAAA,cACpB;AAAA,YAAA;AAAA,UACD,EACH,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}
+{"version":3,"file":"HeaderCellLeft.js","sources":["../../components/HeaderCellLeft.tsx"],"sourcesContent":["import React from 'react';\nimport { y2r } from '../lib/converters';\nimport { between, zoneToArea } from '../lib/structs';\nimport { Context } from '../store';\nimport {\n  choose,\n  drag,\n  select,\n  selectRows,\n  setContextMenuPosition,\n  setEditingCell,\n  setResizingPositionY,\n} from '../store/actions';\nimport { DUMMY_IMG, DEFAULT_HEIGHT } from '../constants';\nimport * as prevention from '../lib/prevention';\nimport { insertRef, isRefInsertable } from '../lib/input';\nimport { useSheetContext } from './SheetProvider';\n\ntype Props = {\n  y: number;\n};\n\nexport const HeaderCellLeft: React.FC<Props> = React.memo(({ y }) => {\n  const rowId = `${y2r(y)}`;\n  const { store, dispatch } = React.useContext(Context);\n\n  const {\n    choosing,\n    selectingZone,\n    leftHeaderSelecting,\n    resizingRect,\n    headerWidth,\n    editorRef,\n    table,\n    autofillDraggingTo,\n  } = store;\n\n  const row = table.getByPoint({ y, x: 0 });\n  const height = row?.height || DEFAULT_HEIGHT;\n\n  const [sheetProvided, sheetContext] = useSheetContext();\n  const differentSheetFocused = sheetProvided && sheetContext?.lastFocusedRef !== store.lastFocusedRef;\n\n  const lastFocusedRef = sheetContext?.lastFocusedRef || store.lastFocusedRef;\n  const lastInput = lastFocusedRef.current;\n\n  return (\n    <th\n      data-y={y}\n      className={`gs-th gs-th-left ${choosing.y === y ? 'gs-choosing' : ''} ${\n        between({ start: selectingZone.startY, end: selectingZone.endY }, y)\n          ? leftHeaderSelecting\n            ? 'gs-th-selecting'\n            : 'gs-selecting'\n          : ''\n      }`}\n      style={{ height }}\n      onClick={(e) => {\n        let startY = e.shiftKey ? selectingZone.startY : y;\n        if (startY === -1) {\n          startY = choosing.y;\n        }\n        const fullColId = `${table.sheetPrefix(!differentSheetFocused)}${rowId}:${rowId}`;\n        const inserted = insertRef(lastInput, fullColId);\n        if (inserted) {\n          return false;\n        }\n\n        dispatch(\n          selectRows({\n            range: { start: startY, end: y },\n            numCols: table.getNumCols(),\n          }),\n        );\n        dispatch(setContextMenuPosition({ y: -1, x: -1 }));\n        dispatch(choose({ y: startY, x: 1 }));\n        dispatch(setEditingCell(''));\n        editorRef.current!.focus();\n        return false;\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault();\n        dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));\n        return false;\n      }}\n    >\n      <div\n        className=\"gs-th-inner-wrap\"\n        draggable\n        onDragStart={(e) => {\n          e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);\n          const insertable = isRefInsertable(lastInput);\n          if (insertable) {\n            dispatch(select({ startY: y, startX: table.getNumCols(), endY: y, endX: 0 }));\n            return false;\n          }\n          dispatch(\n            selectRows({\n              range: { start: y, end: y },\n              numCols: table.getNumCols(),\n            }),\n          );\n          dispatch(choose({ y, x: 1 }));\n          return false;\n        }}\n        onDragEnd={() => {\n          if (isRefInsertable(lastInput)) {\n            dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));\n          }\n        }}\n        onDragEnter={() => {\n          const newArea = zoneToArea({ ...selectingZone, endY: y, endX: 1 });\n          const [top, bottom] = [y2r(newArea.top), y2r(newArea.bottom)];\n          const fullRange = `${table.sheetPrefix(!differentSheetFocused)}${top}:${bottom}`;\n          insertRef(lastInput, fullRange);\n\n          if (resizingRect.y === -1 && autofillDraggingTo == null) {\n            const { startX } = selectingZone;\n            if (startX === 1) {\n              dispatch(drag({ y, x: table.getNumCols() }));\n            } else {\n              dispatch(drag({ y, x: 1 }));\n            }\n          }\n          return false;\n        }}\n        onDragOver={(e) => {\n          e.dataTransfer.dropEffect = 'move';\n          e.preventDefault();\n        }}\n      >\n        <div className=\"gs-th-inner\" style={{ width: headerWidth, position: 'relative' }}>\n          {row?.labeler ? table.getLabel(row.labeler, y) : rowId}\n          <div\n            className={`gs-resizer ${prevention.isPrevented(row?.prevention, prevention.Resize) ? 'gs-protected' : ''}`}\n            style={{ width: headerWidth }}\n            onMouseDown={(e) => {\n              dispatch(setResizingPositionY([y, e.clientY, e.clientY]));\n              e.preventDefault();\n              e.stopPropagation();\n            }}\n          ></div>\n        </div>\n      </div>\n    </th>\n  );\n});\n"],"names":["React","prevention.isPrevented","prevention.Resize"],"mappings":";;;;;;;;;;AAsBO,MAAM,iBAAkCA,eAAM,KAAK,CAAC,EAAE,QAAQ;AACnE,QAAM,QAAQ,GAAG,IAAI,CAAC,CAAC;AACvB,QAAM,EAAE,OAAO,SAAA,IAAaA,eAAM,WAAW,OAAO;AAE9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,MAAM,MAAM,WAAW,EAAE,GAAG,GAAG,GAAG;AAClC,QAAA,UAAS,2BAAK,WAAU;AAE9B,QAAM,CAAC,eAAe,YAAY,IAAI,gBAAgB;AACtD,QAAM,wBAAwB,kBAAiB,6CAAc,oBAAmB,MAAM;AAEhF,QAAA,kBAAiB,6CAAc,mBAAkB,MAAM;AAC7D,QAAM,YAAY,eAAe;AAG/B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAQ;AAAA,MACR,WAAW,oBAAoB,SAAS,MAAM,IAAI,gBAAgB,EAAE,IAClE,QAAQ,EAAE,OAAO,cAAc,QAAQ,KAAK,cAAc,QAAQ,CAAC,IAC/D,sBACE,oBACA,iBACF,EACN;AAAA,MACA,OAAO,EAAE,OAAO;AAAA,MAChB,SAAS,CAAC,MAAM;AACd,YAAI,SAAS,EAAE,WAAW,cAAc,SAAS;AACjD,YAAI,WAAW,IAAI;AACjB,mBAAS,SAAS;AAAA,QAAA;AAEd,cAAA,YAAY,GAAG,MAAM,YAAY,CAAC,qBAAqB,CAAC,GAAG,KAAK,IAAI,KAAK;AACzE,cAAA,WAAW,UAAU,WAAW,SAAS;AAC/C,YAAI,UAAU;AACL,iBAAA;AAAA,QAAA;AAGT;AAAA,UACE,WAAW;AAAA,YACT,OAAO,EAAE,OAAO,QAAQ,KAAK,EAAE;AAAA,YAC/B,SAAS,MAAM,WAAW;AAAA,UAC3B,CAAA;AAAA,QACH;AACA,iBAAS,uBAAuB,EAAE,GAAG,IAAI,GAAG,GAAA,CAAI,CAAC;AACjD,iBAAS,OAAO,EAAE,GAAG,QAAQ,GAAG,EAAA,CAAG,CAAC;AAC3B,iBAAA,eAAe,EAAE,CAAC;AAC3B,kBAAU,QAAS,MAAM;AAClB,eAAA;AAAA,MACT;AAAA,MACA,eAAe,CAAC,MAAM;AACpB,UAAE,eAAe;AACR,iBAAA,uBAAuB,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ,CAAC,CAAC;AACxD,eAAA;AAAA,MACT;AAAA,MAEA,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,WAAS;AAAA,UACT,aAAa,CAAC,MAAM;AAClB,cAAE,aAAa,aAAa,WAAW,GAAG,CAAC;AACrC,kBAAA,aAAa,gBAAgB,SAAS;AAC5C,gBAAI,YAAY;AACd,uBAAS,OAAO,EAAE,QAAQ,GAAG,QAAQ,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,EAAG,CAAA,CAAC;AACrE,qBAAA;AAAA,YAAA;AAET;AAAA,cACE,WAAW;AAAA,gBACT,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE;AAAA,gBAC1B,SAAS,MAAM,WAAW;AAAA,cAC3B,CAAA;AAAA,YACH;AACA,qBAAS,OAAO,EAAE,GAAG,GAAG,EAAG,CAAA,CAAC;AACrB,mBAAA;AAAA,UACT;AAAA,UACA,WAAW,MAAM;AACX,gBAAA,gBAAgB,SAAS,GAAG;AACrB,uBAAA,OAAO,EAAE,QAAQ,IAAI,QAAQ,IAAI,MAAM,IAAI,MAAM,GAAI,CAAA,CAAC;AAAA,YAAA;AAAA,UAEnE;AAAA,UACA,aAAa,MAAM;AACX,kBAAA,UAAU,WAAW,EAAE,GAAG,eAAe,MAAM,GAAG,MAAM,GAAG;AACjE,kBAAM,CAAC,KAAK,MAAM,IAAI,CAAC,IAAI,QAAQ,GAAG,GAAG,IAAI,QAAQ,MAAM,CAAC;AACtD,kBAAA,YAAY,GAAG,MAAM,YAAY,CAAC,qBAAqB,CAAC,GAAG,GAAG,IAAI,MAAM;AAC9E,sBAAU,WAAW,SAAS;AAE9B,gBAAI,aAAa,MAAM,MAAM,sBAAsB,MAAM;AACjD,oBAAA,EAAE,WAAW;AACnB,kBAAI,WAAW,GAAG;AACP,yBAAA,KAAK,EAAE,GAAG,GAAG,MAAM,WAAW,EAAA,CAAG,CAAC;AAAA,cAAA,OACtC;AACL,yBAAS,KAAK,EAAE,GAAG,GAAG,EAAG,CAAA,CAAC;AAAA,cAAA;AAAA,YAC5B;AAEK,mBAAA;AAAA,UACT;AAAA,UACA,YAAY,CAAC,MAAM;AACjB,cAAE,aAAa,aAAa;AAC5B,cAAE,eAAe;AAAA,UACnB;AAAA,UAEA,UAAA,qBAAC,OAAI,EAAA,WAAU,eAAc,OAAO,EAAE,OAAO,aAAa,UAAU,WAAA,GACjE,UAAA;AAAA,aAAA,2BAAK,WAAU,MAAM,SAAS,IAAI,SAAS,CAAC,IAAI;AAAA,YACjD;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAW,cAAcC,YAAuB,2BAAK,YAAYC,MAAiB,IAAI,iBAAiB,EAAE;AAAA,gBACzG,OAAO,EAAE,OAAO,YAAY;AAAA,gBAC5B,aAAa,CAAC,MAAM;AACT,2BAAA,qBAAqB,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,CAAC;AACxD,oBAAE,eAAe;AACjB,oBAAE,gBAAgB;AAAA,gBAAA;AAAA,cACpB;AAAA,YAAA;AAAA,UACD,EACH,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,CAAC;"}

package/dist/components/HeaderCellTop.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 } from "../lib/converters.js";
 import { zoneToArea, between } from "../lib/structs.js";
@@ -27,7 +27,7 @@ const HeaderCellTop = React__default.memo(({ x }) => {
   const differentSheetFocused = sheetProvided && (sheetContext == null ? void 0 : sheetContext.lastFocusedRef) !== store.lastFocusedRef;
   const lastFocusedRef = (sheetContext == null ? void 0 : sheetContext.lastFocusedRef) || store.lastFocusedRef;
   const lastInput = lastFocusedRef.current;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     "th",
     {
       "data-x": x,
@@ -60,7 +60,7 @@ const HeaderCellTop = React__default.memo(({ x }) => {
         dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));
         return false;
       },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      children: /* @__PURE__ */ jsx(
         "div",
         {
           className: "gs-th-inner-wrap",
@@ -105,9 +105,9 @@ const HeaderCellTop = React__default.memo(({ x }) => {
             e.dataTransfer.dropEffect = "move";
             e.preventDefault();
           },
-          children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-th-inner", style: { height: headerHeight, position: "relative" }, children: [
+          children: /* @__PURE__ */ jsxs("div", { className: "gs-th-inner", style: { height: headerHeight, position: "relative" }, children: [
             (col == null ? void 0 : col.labeler) ? table.getLabel(col.labeler, x) : colId,
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsx(
               "div",
               {
                 className: `gs-resizer ${isPrevented(col == null ? void 0 : col.prevention, Resize) ? "gs-protected" : ""}`,
@@ -117,7 +117,7 @@ const HeaderCellTop = React__default.memo(({ x }) => {
                   e.preventDefault();
                   e.stopPropagation();
                 },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", {})
+                children: /* @__PURE__ */ jsx("i", {})
               }
             )
           ] })

package/dist/components/HeaderCellTop.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCellTop.js","sources":["../../components/HeaderCellTop.tsx"],"sourcesContent":["import React from 'react';\nimport { x2c } from '../lib/converters';\nimport { between, zoneToArea } from '../lib/structs';\nimport { Context } from '../store';\nimport {\n  choose,\n  drag,\n  select,\n  selectCols,\n  setContextMenuPosition,\n  setEditingCell,\n  setResizingPositionX,\n} from '../store/actions';\nimport { DUMMY_IMG, DEFAULT_WIDTH } from '../constants';\nimport * as prevention from '../lib/prevention';\nimport { useSheetContext } from './SheetProvider';\nimport { insertRef, isRefInsertable } from '../lib/input';\n\ntype Props = {\n  x: number;\n};\n\nexport const HeaderCellTop: React.FC<Props> = React.memo(({ x }) => {\n  const { store, dispatch } = React.useContext(Context);\n  const colId = x2c(x);\n\n  const {\n    table,\n    choosing,\n    selectingZone,\n    resizingRect,\n    topHeaderSelecting,\n    headerHeight,\n    editorRef,\n    autofillDraggingTo,\n  } = store;\n\n  const col = table.getByPoint({ y: 0, x });\n  const width = col?.width || DEFAULT_WIDTH;\n\n  const [sheetProvided, sheetContext] = useSheetContext();\n  const differentSheetFocused = sheetProvided && sheetContext?.lastFocusedRef !== store.lastFocusedRef;\n\n  const lastFocusedRef = sheetContext?.lastFocusedRef || store.lastFocusedRef;\n  const lastInput = lastFocusedRef.current;\n\n  return (\n    <th\n      data-x={x}\n      className={`gs-th gs-th-top ${choosing.x === x ? 'gs-choosing' : ''} ${\n        between({ start: selectingZone.startX, end: selectingZone.endX }, x)\n          ? topHeaderSelecting\n            ? 'gs-th-selecting'\n            : 'gs-selecting'\n          : ''\n      }`}\n      style={{ width, minWidth: width, maxWidth: width }}\n      onClick={(e) => {\n        let startX = e.shiftKey ? selectingZone.startX : x;\n        if (startX === -1) {\n          startX = choosing.x;\n        }\n        const fullColId = `${table.sheetPrefix(!differentSheetFocused)}${colId}:${colId}`;\n        const inserted = insertRef(lastInput, fullColId);\n        if (inserted) {\n          return false;\n        }\n\n        dispatch(\n          selectCols({\n            range: { start: startX, end: x },\n            numRows: table.getNumRows(),\n          }),\n        );\n        dispatch(setContextMenuPosition({ y: -1, x: -1 }));\n        dispatch(choose({ y: 1, x: startX }));\n        dispatch(setEditingCell(''));\n        editorRef.current!.focus();\n        return false;\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault();\n        dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));\n        return false;\n      }}\n    >\n      <div\n        className=\"gs-th-inner-wrap\"\n        draggable\n        onDragStart={(e) => {\n          e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);\n          const insertable = isRefInsertable(lastInput);\n          if (insertable) {\n            dispatch(select({ startY: table.getNumRows(), startX: x, endY: 0, endX: x }));\n            return false;\n          }\n          dispatch(\n            selectCols({\n              range: { start: x, end: x },\n              numRows: table.getNumRows(),\n            }),\n          );\n          dispatch(choose({ y: 1, x }));\n          return false;\n        }}\n        onDragEnd={() => {\n          if (isRefInsertable(lastInput)) {\n            dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));\n          }\n        }}\n        onDragEnter={() => {\n          const newArea = zoneToArea({ ...selectingZone, endY: 1, endX: x });\n          const [left, right] = [x2c(newArea.left), x2c(newArea.right)];\n          const fullRange = `${table.sheetPrefix(!differentSheetFocused)}${left}:${right}`;\n          insertRef(lastInput, fullRange);\n\n          if (resizingRect.x === -1 && autofillDraggingTo == null) {\n            const { startY } = selectingZone;\n            if (startY === 1) {\n              dispatch(drag({ y: table.getNumRows(), x }));\n            } else {\n              dispatch(drag({ y: 1, x }));\n            }\n          }\n          return false;\n        }}\n        onDragOver={(e) => {\n          e.dataTransfer.dropEffect = 'move';\n          e.preventDefault();\n        }}\n      >\n        <div className=\"gs-th-inner\" style={{ height: headerHeight, position: 'relative' }}>\n          {col?.labeler ? table.getLabel(col.labeler, x) : colId}\n          <div\n            className={`gs-resizer ${prevention.isPrevented(col?.prevention, prevention.Resize) ? 'gs-protected' : ''}`}\n            style={{ height: headerHeight }}\n            onMouseDown={(e) => {\n              dispatch(setResizingPositionX([x, e.clientX, e.clientX]));\n              e.preventDefault();\n              e.stopPropagation();\n            }}\n          >\n            <i />\n          </div>\n        </div>\n      </div>\n    </th>\n  );\n});\n"],"names":["React","jsx","jsxs","prevention.isPrevented","prevention.Resize"],"mappings":"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"}
+{"version":3,"file":"HeaderCellTop.js","sources":["../../components/HeaderCellTop.tsx"],"sourcesContent":["import React from 'react';\nimport { x2c } from '../lib/converters';\nimport { between, zoneToArea } from '../lib/structs';\nimport { Context } from '../store';\nimport {\n  choose,\n  drag,\n  select,\n  selectCols,\n  setContextMenuPosition,\n  setEditingCell,\n  setResizingPositionX,\n} from '../store/actions';\nimport { DUMMY_IMG, DEFAULT_WIDTH } from '../constants';\nimport * as prevention from '../lib/prevention';\nimport { useSheetContext } from './SheetProvider';\nimport { insertRef, isRefInsertable } from '../lib/input';\n\ntype Props = {\n  x: number;\n};\n\nexport const HeaderCellTop: React.FC<Props> = React.memo(({ x }) => {\n  const { store, dispatch } = React.useContext(Context);\n  const colId = x2c(x);\n\n  const {\n    table,\n    choosing,\n    selectingZone,\n    resizingRect,\n    topHeaderSelecting,\n    headerHeight,\n    editorRef,\n    autofillDraggingTo,\n  } = store;\n\n  const col = table.getByPoint({ y: 0, x });\n  const width = col?.width || DEFAULT_WIDTH;\n\n  const [sheetProvided, sheetContext] = useSheetContext();\n  const differentSheetFocused = sheetProvided && sheetContext?.lastFocusedRef !== store.lastFocusedRef;\n\n  const lastFocusedRef = sheetContext?.lastFocusedRef || store.lastFocusedRef;\n  const lastInput = lastFocusedRef.current;\n\n  return (\n    <th\n      data-x={x}\n      className={`gs-th gs-th-top ${choosing.x === x ? 'gs-choosing' : ''} ${\n        between({ start: selectingZone.startX, end: selectingZone.endX }, x)\n          ? topHeaderSelecting\n            ? 'gs-th-selecting'\n            : 'gs-selecting'\n          : ''\n      }`}\n      style={{ width, minWidth: width, maxWidth: width }}\n      onClick={(e) => {\n        let startX = e.shiftKey ? selectingZone.startX : x;\n        if (startX === -1) {\n          startX = choosing.x;\n        }\n        const fullColId = `${table.sheetPrefix(!differentSheetFocused)}${colId}:${colId}`;\n        const inserted = insertRef(lastInput, fullColId);\n        if (inserted) {\n          return false;\n        }\n\n        dispatch(\n          selectCols({\n            range: { start: startX, end: x },\n            numRows: table.getNumRows(),\n          }),\n        );\n        dispatch(setContextMenuPosition({ y: -1, x: -1 }));\n        dispatch(choose({ y: 1, x: startX }));\n        dispatch(setEditingCell(''));\n        editorRef.current!.focus();\n        return false;\n      }}\n      onContextMenu={(e) => {\n        e.preventDefault();\n        dispatch(setContextMenuPosition({ y: e.clientY, x: e.clientX }));\n        return false;\n      }}\n    >\n      <div\n        className=\"gs-th-inner-wrap\"\n        draggable\n        onDragStart={(e) => {\n          e.dataTransfer.setDragImage(DUMMY_IMG, 0, 0);\n          const insertable = isRefInsertable(lastInput);\n          if (insertable) {\n            dispatch(select({ startY: table.getNumRows(), startX: x, endY: 0, endX: x }));\n            return false;\n          }\n          dispatch(\n            selectCols({\n              range: { start: x, end: x },\n              numRows: table.getNumRows(),\n            }),\n          );\n          dispatch(choose({ y: 1, x }));\n          return false;\n        }}\n        onDragEnd={() => {\n          if (isRefInsertable(lastInput)) {\n            dispatch(select({ startY: -1, startX: -1, endY: -1, endX: -1 }));\n          }\n        }}\n        onDragEnter={() => {\n          const newArea = zoneToArea({ ...selectingZone, endY: 1, endX: x });\n          const [left, right] = [x2c(newArea.left), x2c(newArea.right)];\n          const fullRange = `${table.sheetPrefix(!differentSheetFocused)}${left}:${right}`;\n          insertRef(lastInput, fullRange);\n\n          if (resizingRect.x === -1 && autofillDraggingTo == null) {\n            const { startY } = selectingZone;\n            if (startY === 1) {\n              dispatch(drag({ y: table.getNumRows(), x }));\n            } else {\n              dispatch(drag({ y: 1, x }));\n            }\n          }\n          return false;\n        }}\n        onDragOver={(e) => {\n          e.dataTransfer.dropEffect = 'move';\n          e.preventDefault();\n        }}\n      >\n        <div className=\"gs-th-inner\" style={{ height: headerHeight, position: 'relative' }}>\n          {col?.labeler ? table.getLabel(col.labeler, x) : colId}\n          <div\n            className={`gs-resizer ${prevention.isPrevented(col?.prevention, prevention.Resize) ? 'gs-protected' : ''}`}\n            style={{ height: headerHeight }}\n            onMouseDown={(e) => {\n              dispatch(setResizingPositionX([x, e.clientX, e.clientX]));\n              e.preventDefault();\n              e.stopPropagation();\n            }}\n          >\n            <i />\n          </div>\n        </div>\n      </div>\n    </th>\n  );\n});\n"],"names":["React","prevention.isPrevented","prevention.Resize"],"mappings":"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"}

package/dist/components/PluginBase.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";
 const PluginContext = React__default.createContext({});
 function useInitialPluginContext() {
@@ -22,9 +22,9 @@ function usePluginContext() {
 function PluginBase({ children, context }) {
   const [provided] = usePluginContext();
   if (provided) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children });
+    return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(PluginContext.Provider, { value: context, children });
+  return /* @__PURE__ */ jsx(PluginContext.Provider, { value: context, children });
 }
 export {
   PluginBase,

package/dist/components/PluginBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"PluginBase.js","sources":["../../components/PluginBase.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StoreType } from '../types';\nimport { Dispatcher } from '../store';\n\nexport type PluginContextType = {\n  provided: boolean;\n  store?: StoreType;\n  dispatch?: Dispatcher;\n  setStore: (store: StoreType) => void;\n  setDispatch: (dispatch: Dispatcher) => void;\n};\n\nexport const PluginContext = React.createContext({} as PluginContextType);\n\nexport function useInitialPluginContext(): PluginContextType {\n  const [store, setStore] = React.useState<StoreType | undefined>(undefined);\n  const [dispatch, setDispatch] = React.useState<Dispatcher>();\n  return {\n    provided: true,\n    store,\n    dispatch,\n    setStore,\n    setDispatch,\n  };\n}\n\nexport function usePluginContext(): [boolean, PluginContextType] {\n  const ctx = React.useContext(PluginContext);\n  if (ctx?.provided == null) {\n    return [false, ctx];\n  }\n  return [true, ctx];\n}\n\nexport function usePluginDispatch() {\n  const dispatch = React.useContext(PluginContext);\n  if (!dispatch) {\n    return undefined;\n  }\n  return dispatch;\n}\n\ntype Props = {\n  children: React.ReactNode;\n  context: PluginContextType;\n};\n\nexport function PluginBase({ children, context }: Props) {\n  const [provided] = usePluginContext();\n  if (provided) {\n    return <>{children}</>;\n  }\n  return <PluginContext.Provider value={context}>{children}</PluginContext.Provider>;\n}\n"],"names":["React"],"mappings":";;AAaO,MAAM,gBAAgBA,eAAM,cAAc,CAAuB,CAAA;AAEjE,SAAS,0BAA6C;AAC3D,QAAM,CAAC,OAAO,QAAQ,IAAIA,eAAM,SAAgC,MAAS;AACzE,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAAqB;AACpD,SAAA;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,mBAAiD;AACzD,QAAA,MAAMA,eAAM,WAAW,aAAa;AACtC,OAAA,2BAAK,aAAY,MAAM;AAClB,WAAA,CAAC,OAAO,GAAG;AAAA,EAAA;AAEb,SAAA,CAAC,MAAM,GAAG;AACnB;AAeO,SAAS,WAAW,EAAE,UAAU,WAAkB;AACjD,QAAA,CAAC,QAAQ,IAAI,iBAAiB;AACpC,MAAI,UAAU;AACZ,+EAAU,UAAS;AAAA,EAAA;AAErB,+CAAQ,cAAc,UAAd,EAAuB,OAAO,SAAU,UAAS;AAC3D;"}
+{"version":3,"file":"PluginBase.js","sources":["../../components/PluginBase.tsx"],"sourcesContent":["import React from 'react';\n\nimport { StoreType } from '../types';\nimport { Dispatcher } from '../store';\n\nexport type PluginContextType = {\n  provided: boolean;\n  store?: StoreType;\n  dispatch?: Dispatcher;\n  setStore: (store: StoreType) => void;\n  setDispatch: (dispatch: Dispatcher) => void;\n};\n\nexport const PluginContext = React.createContext({} as PluginContextType);\n\nexport function useInitialPluginContext(): PluginContextType {\n  const [store, setStore] = React.useState<StoreType | undefined>(undefined);\n  const [dispatch, setDispatch] = React.useState<Dispatcher>();\n  return {\n    provided: true,\n    store,\n    dispatch,\n    setStore,\n    setDispatch,\n  };\n}\n\nexport function usePluginContext(): [boolean, PluginContextType] {\n  const ctx = React.useContext(PluginContext);\n  if (ctx?.provided == null) {\n    return [false, ctx];\n  }\n  return [true, ctx];\n}\n\nexport function usePluginDispatch() {\n  const dispatch = React.useContext(PluginContext);\n  if (!dispatch) {\n    return undefined;\n  }\n  return dispatch;\n}\n\ntype Props = {\n  children: React.ReactNode;\n  context: PluginContextType;\n};\n\nexport function PluginBase({ children, context }: Props) {\n  const [provided] = usePluginContext();\n  if (provided) {\n    return <>{children}</>;\n  }\n  return <PluginContext.Provider value={context}>{children}</PluginContext.Provider>;\n}\n"],"names":["React"],"mappings":";;AAaO,MAAM,gBAAgBA,eAAM,cAAc,CAAuB,CAAA;AAEjE,SAAS,0BAA6C;AAC3D,QAAM,CAAC,OAAO,QAAQ,IAAIA,eAAM,SAAgC,MAAS;AACzE,QAAM,CAAC,UAAU,WAAW,IAAIA,eAAM,SAAqB;AACpD,SAAA;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEO,SAAS,mBAAiD;AACzD,QAAA,MAAMA,eAAM,WAAW,aAAa;AACtC,OAAA,2BAAK,aAAY,MAAM;AAClB,WAAA,CAAC,OAAO,GAAG;AAAA,EAAA;AAEb,SAAA,CAAC,MAAM,GAAG;AACnB;AAeO,SAAS,WAAW,EAAE,UAAU,WAAkB;AACjD,QAAA,CAAC,QAAQ,IAAI,iBAAiB;AACpC,MAAI,UAAU;AACZ,2CAAU,UAAS;AAAA,EAAA;AAErB,6BAAQ,cAAc,UAAd,EAAuB,OAAO,SAAU,UAAS;AAC3D;"}

package/dist/components/Resizer.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Context } from "../store/index.js";
 import { setResizingPositionY, setResizingPositionX, updateTable } from "../store/actions.js";
@@ -81,12 +81,12 @@ const Resizer = React__default.memo(() => {
       dispatch(setResizingPositionX([x, startX, endX2]));
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "gs-resizing", onMouseUp: handleResizeEnd, onMouseMove: handleResizeMove, children: [
-    x !== -1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-line", style: { width: 1, height: "100%", left: endX - offsetX }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { left: "-50%" }, children: [
+  return /* @__PURE__ */ jsxs("div", { className: "gs-resizing", onMouseUp: handleResizeEnd, onMouseMove: handleResizeMove, children: [
+    x !== -1 && /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: 1, height: "100%", left: endX - offsetX }, children: /* @__PURE__ */ jsxs("span", { style: { left: "-50%" }, children: [
       width,
       "px"
     ] }) }),
-    y !== -1 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-line", style: { width: "100%", height: 1, top: endY - offsetY }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { top: "-50%" }, children: [
+    y !== -1 && /* @__PURE__ */ jsx("div", { className: "gs-line", style: { width: "100%", height: 1, top: endY - offsetY }, children: /* @__PURE__ */ jsxs("span", { style: { top: "-50%" }, children: [
       height,
       "px"
     ] }) })

package/dist/components/Resizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resizer.js","sources":["../../components/Resizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Context } from '../store';\nimport { setResizingPositionY, setResizingPositionX, updateTable } from '../store/actions';\n\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, MIN_WIDTH, MIN_HEIGHT } from '../constants';\nimport { zoneToArea, makeSequence, between } from '../lib/structs';\nimport { CellsByAddressType } from '../types';\nimport { p2a } from '../lib/converters';\n\nexport const Resizer: React.FC = React.memo(() => {\n  const { store, dispatch } = React.useContext(Context);\n  const {\n    resizingPositionY: posY,\n    resizingPositionX: posX,\n    table,\n    leftHeaderSelecting,\n    topHeaderSelecting,\n    selectingZone,\n    editorRef,\n    mainRef,\n  } = store;\n\n  const [y, startY, endY] = posY;\n  const [x, startX, endX] = posX;\n  if (y === -1 && x === -1) {\n    return null;\n  }\n  if (mainRef.current == null || editorRef.current == null) {\n    return null;\n  }\n  const cell = table.getByPoint({ y: y === -1 ? 0 : y, x: x === -1 ? 0 : x });\n  const { y: offsetY, x: offsetX } = mainRef.current.getBoundingClientRect();\n\n  const baseWidth = cell?.width || DEFAULT_WIDTH;\n  const baseHeight = cell?.height || DEFAULT_HEIGHT;\n\n  const width = baseWidth + (endX - startX);\n  const height = baseHeight + (endY - startY);\n\n  const handleResizeEnd = () => {\n    const selectingArea = zoneToArea(selectingZone);\n    const { top, left, bottom, right } = selectingArea;\n    const diff: CellsByAddressType = {};\n    if (x !== -1) {\n      let xs = [x];\n      if (topHeaderSelecting && between({ start: left, end: right }, x)) {\n        xs = makeSequence(left, right + 1);\n      }\n      xs.forEach((x) => {\n        diff[p2a({ y: 0, x })] = { width };\n      });\n    }\n    if (y !== -1) {\n      let ys = [y];\n      if (leftHeaderSelecting && between({ start: top, end: bottom }, y)) {\n        ys = makeSequence(top, bottom + 1);\n      }\n      ys.forEach((y) => {\n        diff[p2a({ y, x: 0 })] = { height };\n      });\n    }\n    const newTable = table.update({\n      diff,\n      partial: true,\n      operator: 'USER',\n      reflection: { selectingZone },\n    });\n    dispatch(updateTable(newTable));\n    dispatch(setResizingPositionY([-1, -1, -1]));\n    dispatch(setResizingPositionX([-1, -1, -1]));\n    editorRef.current!.focus();\n  };\n  const handleResizeMove = (e: React.MouseEvent) => {\n    if (y !== -1) {\n      let endY = e.clientY;\n      const height = baseHeight + (endY - startY);\n      if (height < MIN_HEIGHT) {\n        endY += MIN_HEIGHT - height;\n      }\n      dispatch(setResizingPositionY([y, startY, endY]));\n    } else if (x !== -1) {\n      let endX = e.clientX;\n      const width = baseWidth + (endX - startX);\n      if (width < MIN_WIDTH) {\n        endX += MIN_WIDTH - width;\n      }\n      dispatch(setResizingPositionX([x, startX, endX]));\n    }\n  };\n\n  return (\n    <div className=\"gs-resizing\" onMouseUp={handleResizeEnd} onMouseMove={handleResizeMove}>\n      {x !== -1 && (\n        <div className={'gs-line'} style={{ width: 1, height: '100%', left: endX - offsetX }}>\n          <span style={{ left: '-50%' }}>{width}px</span>\n        </div>\n      )}\n      {y !== -1 && (\n        <div className={'gs-line'} style={{ width: '100%', height: 1, top: endY - offsetY }}>\n          <span style={{ top: '-50%' }}>{height}px</span>\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["React","x","y","endY","height","endX","width","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Resizer.js","sources":["../../components/Resizer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Context } from '../store';\nimport { setResizingPositionY, setResizingPositionX, updateTable } from '../store/actions';\n\nimport { DEFAULT_HEIGHT, DEFAULT_WIDTH, MIN_WIDTH, MIN_HEIGHT } from '../constants';\nimport { zoneToArea, makeSequence, between } from '../lib/structs';\nimport { CellsByAddressType } from '../types';\nimport { p2a } from '../lib/converters';\n\nexport const Resizer: React.FC = React.memo(() => {\n  const { store, dispatch } = React.useContext(Context);\n  const {\n    resizingPositionY: posY,\n    resizingPositionX: posX,\n    table,\n    leftHeaderSelecting,\n    topHeaderSelecting,\n    selectingZone,\n    editorRef,\n    mainRef,\n  } = store;\n\n  const [y, startY, endY] = posY;\n  const [x, startX, endX] = posX;\n  if (y === -1 && x === -1) {\n    return null;\n  }\n  if (mainRef.current == null || editorRef.current == null) {\n    return null;\n  }\n  const cell = table.getByPoint({ y: y === -1 ? 0 : y, x: x === -1 ? 0 : x });\n  const { y: offsetY, x: offsetX } = mainRef.current.getBoundingClientRect();\n\n  const baseWidth = cell?.width || DEFAULT_WIDTH;\n  const baseHeight = cell?.height || DEFAULT_HEIGHT;\n\n  const width = baseWidth + (endX - startX);\n  const height = baseHeight + (endY - startY);\n\n  const handleResizeEnd = () => {\n    const selectingArea = zoneToArea(selectingZone);\n    const { top, left, bottom, right } = selectingArea;\n    const diff: CellsByAddressType = {};\n    if (x !== -1) {\n      let xs = [x];\n      if (topHeaderSelecting && between({ start: left, end: right }, x)) {\n        xs = makeSequence(left, right + 1);\n      }\n      xs.forEach((x) => {\n        diff[p2a({ y: 0, x })] = { width };\n      });\n    }\n    if (y !== -1) {\n      let ys = [y];\n      if (leftHeaderSelecting && between({ start: top, end: bottom }, y)) {\n        ys = makeSequence(top, bottom + 1);\n      }\n      ys.forEach((y) => {\n        diff[p2a({ y, x: 0 })] = { height };\n      });\n    }\n    const newTable = table.update({\n      diff,\n      partial: true,\n      operator: 'USER',\n      reflection: { selectingZone },\n    });\n    dispatch(updateTable(newTable));\n    dispatch(setResizingPositionY([-1, -1, -1]));\n    dispatch(setResizingPositionX([-1, -1, -1]));\n    editorRef.current!.focus();\n  };\n  const handleResizeMove = (e: React.MouseEvent) => {\n    if (y !== -1) {\n      let endY = e.clientY;\n      const height = baseHeight + (endY - startY);\n      if (height < MIN_HEIGHT) {\n        endY += MIN_HEIGHT - height;\n      }\n      dispatch(setResizingPositionY([y, startY, endY]));\n    } else if (x !== -1) {\n      let endX = e.clientX;\n      const width = baseWidth + (endX - startX);\n      if (width < MIN_WIDTH) {\n        endX += MIN_WIDTH - width;\n      }\n      dispatch(setResizingPositionX([x, startX, endX]));\n    }\n  };\n\n  return (\n    <div className=\"gs-resizing\" onMouseUp={handleResizeEnd} onMouseMove={handleResizeMove}>\n      {x !== -1 && (\n        <div className={'gs-line'} style={{ width: 1, height: '100%', left: endX - offsetX }}>\n          <span style={{ left: '-50%' }}>{width}px</span>\n        </div>\n      )}\n      {y !== -1 && (\n        <div className={'gs-line'} style={{ width: '100%', height: 1, top: endY - offsetY }}>\n          <span style={{ top: '-50%' }}>{height}px</span>\n        </div>\n      )}\n    </div>\n  );\n});\n"],"names":["React","x","y","endY","height","endX","width"],"mappings":"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"}

package/dist/components/SearchBar.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { a2p } from "../lib/converters.js";
 import React__default from "react";
 import { Context } from "../store/index.js";
@@ -36,8 +36,8 @@ const SearchBar = () => {
   if (rootRef.current === null) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: `gs-search-bar ${matchingCells.length > 0 ? "gs-search-found" : ""}`, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxs("label", { className: `gs-search-bar ${matchingCells.length > 0 ? "gs-search-found" : ""}`, children: [
+    /* @__PURE__ */ jsxs(
       "div",
       {
         className: "gs-search-progress",
@@ -52,8 +52,8 @@ const SearchBar = () => {
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "gs-search-bar-icon", onClick: () => dispatch(search(1)), children: /* @__PURE__ */ jsxRuntimeExports.jsx(SearchIcon, { style: { verticalAlign: "middle", marginLeft: "5px" } }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx("div", { className: "gs-search-bar-icon", onClick: () => dispatch(search(1)), children: /* @__PURE__ */ jsx(SearchIcon, { style: { verticalAlign: "middle", marginLeft: "5px" } }) }),
+    /* @__PURE__ */ jsx(
       "textarea",
       {
         ref: searchInputRef,
@@ -80,7 +80,7 @@ const SearchBar = () => {
         }
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `gs-search-casesensitive`, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx("div", { className: `gs-search-casesensitive`, children: /* @__PURE__ */ jsx(
       "span",
       {
         className: `${searchCaseSensitive ? "gs-search-casesensitive-on" : ""}`,
@@ -88,7 +88,7 @@ const SearchBar = () => {
         children: "Aa"
       }
     ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(
       "a",
       {
         className: "gs-search-close",
@@ -97,7 +97,7 @@ const SearchBar = () => {
           dispatch(setSearchQuery(void 0));
           (_a = editorRef.current) == null ? void 0 : _a.focus();
         },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(CloseIcon, { style: { verticalAlign: "middle" } })
+        children: /* @__PURE__ */ jsx(CloseIcon, { style: { verticalAlign: "middle" } })
       }
     )
   ] });

package/dist/components/SearchBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sources":["../../components/SearchBar.tsx"],"sourcesContent":["import { a2p } from '../lib/converters';\nimport React from 'react';\n\nimport { Context } from '../store';\nimport { setSearchQuery, search, setSearchCaseSensitive } from '../store/actions';\nimport { smartScroll } from '../lib/virtualization';\nimport { SearchIcon } from './svg/SearchIcon';\nimport { CloseIcon } from './svg/CloseIcon';\n\nexport const SearchBar: React.FC = () => {\n  const { store, dispatch } = React.useContext(Context);\n  const {\n    rootRef,\n    editorRef,\n    searchInputRef,\n    tabularRef,\n    searchQuery,\n    searchCaseSensitive,\n    matchingCellIndex,\n    matchingCells,\n    table,\n  } = store;\n\n  const matchingCell = matchingCells[matchingCellIndex];\n  React.useEffect(() => {\n    if (!matchingCell) {\n      return;\n    }\n    const point = a2p(matchingCell);\n    if (typeof point === 'undefined') {\n      return;\n    }\n    smartScroll(table, tabularRef.current, point);\n  }, [searchQuery, matchingCellIndex, searchCaseSensitive]);\n\n  if (typeof searchQuery === 'undefined') {\n    return null;\n  }\n  if (rootRef.current === null) {\n    return null;\n  }\n  return (\n    <label className={`gs-search-bar ${matchingCells.length > 0 ? 'gs-search-found' : ''}`}>\n      <div\n        className=\"gs-search-progress\"\n        onClick={(e) => {\n          const input = e.currentTarget.previousSibling as HTMLInputElement;\n          input?.nodeName === 'INPUT' && input.focus();\n        }}\n      >\n        {matchingCells.length === 0 ? 0 : matchingCellIndex + 1} / {matchingCells.length}\n      </div>\n      <div className=\"gs-search-bar-icon\" onClick={() => dispatch(search(1))}>\n        <SearchIcon style={{ verticalAlign: 'middle', marginLeft: '5px' }} />\n      </div>\n      <textarea\n        ref={searchInputRef}\n        value={searchQuery}\n        onChange={(e) => dispatch(setSearchQuery(e.target.value))}\n        onKeyDown={(e) => {\n          if (e.key === 'Escape') {\n            const el = editorRef?.current;\n            if (el) {\n              el.focus();\n            }\n            dispatch(setSearchQuery(undefined));\n          }\n          if (e.key === 'f' && (e.ctrlKey || e.metaKey)) {\n            e.preventDefault();\n            return false;\n          }\n          if (e.key === 'Enter') {\n            dispatch(search(e.shiftKey ? -1 : 1));\n            e.preventDefault();\n            return false;\n          }\n          return true;\n        }}\n      ></textarea>\n      <div className={`gs-search-casesensitive`}>\n        <span\n          className={`${searchCaseSensitive ? 'gs-search-casesensitive-on' : ''}`}\n          onClick={() => dispatch(setSearchCaseSensitive(!searchCaseSensitive))}\n        >\n          Aa\n        </span>\n      </div>\n      <a\n        className=\"gs-search-close\"\n        onClick={() => {\n          dispatch(setSearchQuery(undefined));\n          editorRef.current?.focus();\n        }}\n      >\n        <CloseIcon style={{ verticalAlign: 'middle' }} />\n      </a>\n    </label>\n  );\n};\n"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;AASO,MAAM,YAAsB,MAAM;AACvC,QAAM,EAAE,OAAO,SAAA,IAAaA,eAAM,WAAW,OAAO;AAC9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEE,QAAA,eAAe,cAAc,iBAAiB;AACpDA,iBAAM,UAAU,MAAM;AACpB,QAAI,CAAC,cAAc;AACjB;AAAA,IAAA;AAEI,UAAA,QAAQ,IAAI,YAAY;AAC1B,QAAA,OAAO,UAAU,aAAa;AAChC;AAAA,IAAA;AAEU,gBAAA,OAAO,WAAW,SAAS,KAAK;AAAA,EAC3C,GAAA,CAAC,aAAa,mBAAmB,mBAAmB,CAAC;AAEpD,MAAA,OAAO,gBAAgB,aAAa;AAC/B,WAAA;AAAA,EAAA;AAEL,MAAA,QAAQ,YAAY,MAAM;AACrB,WAAA;AAAA,EAAA;AAGP,SAAAC,kCAAA,KAAC,WAAM,WAAW,iBAAiB,cAAc,SAAS,IAAI,oBAAoB,EAAE,IAClF,UAAA;AAAA,IAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,CAAC,MAAM;AACR,gBAAA,QAAQ,EAAE,cAAc;AACvB,0CAAA,cAAa,WAAW,MAAM,MAAM;AAAA,QAC7C;AAAA,QAEC,UAAA;AAAA,UAAc,cAAA,WAAW,IAAI,IAAI,oBAAoB;AAAA,UAAE;AAAA,UAAI,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5E;AAAA,IACAC,sCAAC,SAAI,WAAU,sBAAqB,SAAS,MAAM,SAAS,OAAO,CAAC,CAAC,GACnE,UAACA,sCAAA,YAAA,EAAW,OAAO,EAAE,eAAe,UAAU,YAAY,QAAS,CAAA,GACrE;AAAA,IACAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS,eAAe,EAAE,OAAO,KAAK,CAAC;AAAA,QACxD,WAAW,CAAC,MAAM;AACZ,cAAA,EAAE,QAAQ,UAAU;AACtB,kBAAM,KAAK,uCAAW;AACtB,gBAAI,IAAI;AACN,iBAAG,MAAM;AAAA,YAAA;AAEF,qBAAA,eAAe,MAAS,CAAC;AAAA,UAAA;AAEpC,cAAI,EAAE,QAAQ,QAAQ,EAAE,WAAW,EAAE,UAAU;AAC7C,cAAE,eAAe;AACV,mBAAA;AAAA,UAAA;AAEL,cAAA,EAAE,QAAQ,SAAS;AACrB,qBAAS,OAAO,EAAE,WAAW,KAAK,CAAC,CAAC;AACpC,cAAE,eAAe;AACV,mBAAA;AAAA,UAAA;AAEF,iBAAA;AAAA,QAAA;AAAA,MACT;AAAA,IACD;AAAA,IACDA,kCAAA,IAAC,OAAI,EAAA,WAAW,2BACd,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,sBAAsB,+BAA+B,EAAE;AAAA,QACrE,SAAS,MAAM,SAAS,uBAAuB,CAAC,mBAAmB,CAAC;AAAA,QACrE,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH;AAAA,IACAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM;;AACJ,mBAAA,eAAe,MAAS,CAAC;AAClC,0BAAU,YAAV,mBAAmB;AAAA,QACrB;AAAA,QAEA,gDAAC,WAAU,EAAA,OAAO,EAAE,eAAe,WAAY,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACF;AAEJ;"}
+{"version":3,"file":"SearchBar.js","sources":["../../components/SearchBar.tsx"],"sourcesContent":["import { a2p } from '../lib/converters';\nimport React from 'react';\n\nimport { Context } from '../store';\nimport { setSearchQuery, search, setSearchCaseSensitive } from '../store/actions';\nimport { smartScroll } from '../lib/virtualization';\nimport { SearchIcon } from './svg/SearchIcon';\nimport { CloseIcon } from './svg/CloseIcon';\n\nexport const SearchBar: React.FC = () => {\n  const { store, dispatch } = React.useContext(Context);\n  const {\n    rootRef,\n    editorRef,\n    searchInputRef,\n    tabularRef,\n    searchQuery,\n    searchCaseSensitive,\n    matchingCellIndex,\n    matchingCells,\n    table,\n  } = store;\n\n  const matchingCell = matchingCells[matchingCellIndex];\n  React.useEffect(() => {\n    if (!matchingCell) {\n      return;\n    }\n    const point = a2p(matchingCell);\n    if (typeof point === 'undefined') {\n      return;\n    }\n    smartScroll(table, tabularRef.current, point);\n  }, [searchQuery, matchingCellIndex, searchCaseSensitive]);\n\n  if (typeof searchQuery === 'undefined') {\n    return null;\n  }\n  if (rootRef.current === null) {\n    return null;\n  }\n  return (\n    <label className={`gs-search-bar ${matchingCells.length > 0 ? 'gs-search-found' : ''}`}>\n      <div\n        className=\"gs-search-progress\"\n        onClick={(e) => {\n          const input = e.currentTarget.previousSibling as HTMLInputElement;\n          input?.nodeName === 'INPUT' && input.focus();\n        }}\n      >\n        {matchingCells.length === 0 ? 0 : matchingCellIndex + 1} / {matchingCells.length}\n      </div>\n      <div className=\"gs-search-bar-icon\" onClick={() => dispatch(search(1))}>\n        <SearchIcon style={{ verticalAlign: 'middle', marginLeft: '5px' }} />\n      </div>\n      <textarea\n        ref={searchInputRef}\n        value={searchQuery}\n        onChange={(e) => dispatch(setSearchQuery(e.target.value))}\n        onKeyDown={(e) => {\n          if (e.key === 'Escape') {\n            const el = editorRef?.current;\n            if (el) {\n              el.focus();\n            }\n            dispatch(setSearchQuery(undefined));\n          }\n          if (e.key === 'f' && (e.ctrlKey || e.metaKey)) {\n            e.preventDefault();\n            return false;\n          }\n          if (e.key === 'Enter') {\n            dispatch(search(e.shiftKey ? -1 : 1));\n            e.preventDefault();\n            return false;\n          }\n          return true;\n        }}\n      ></textarea>\n      <div className={`gs-search-casesensitive`}>\n        <span\n          className={`${searchCaseSensitive ? 'gs-search-casesensitive-on' : ''}`}\n          onClick={() => dispatch(setSearchCaseSensitive(!searchCaseSensitive))}\n        >\n          Aa\n        </span>\n      </div>\n      <a\n        className=\"gs-search-close\"\n        onClick={() => {\n          dispatch(setSearchQuery(undefined));\n          editorRef.current?.focus();\n        }}\n      >\n        <CloseIcon style={{ verticalAlign: 'middle' }} />\n      </a>\n    </label>\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;AASO,MAAM,YAAsB,MAAM;AACvC,QAAM,EAAE,OAAO,SAAA,IAAaA,eAAM,WAAW,OAAO;AAC9C,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEE,QAAA,eAAe,cAAc,iBAAiB;AACpDA,iBAAM,UAAU,MAAM;AACpB,QAAI,CAAC,cAAc;AACjB;AAAA,IAAA;AAEI,UAAA,QAAQ,IAAI,YAAY;AAC1B,QAAA,OAAO,UAAU,aAAa;AAChC;AAAA,IAAA;AAEU,gBAAA,OAAO,WAAW,SAAS,KAAK;AAAA,EAC3C,GAAA,CAAC,aAAa,mBAAmB,mBAAmB,CAAC;AAEpD,MAAA,OAAO,gBAAgB,aAAa;AAC/B,WAAA;AAAA,EAAA;AAEL,MAAA,QAAQ,YAAY,MAAM;AACrB,WAAA;AAAA,EAAA;AAGP,SAAA,qBAAC,WAAM,WAAW,iBAAiB,cAAc,SAAS,IAAI,oBAAoB,EAAE,IAClF,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,CAAC,MAAM;AACR,gBAAA,QAAQ,EAAE,cAAc;AACvB,0CAAA,cAAa,WAAW,MAAM,MAAM;AAAA,QAC7C;AAAA,QAEC,UAAA;AAAA,UAAc,cAAA,WAAW,IAAI,IAAI,oBAAoB;AAAA,UAAE;AAAA,UAAI,cAAc;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5E;AAAA,IACA,oBAAC,SAAI,WAAU,sBAAqB,SAAS,MAAM,SAAS,OAAO,CAAC,CAAC,GACnE,UAAC,oBAAA,YAAA,EAAW,OAAO,EAAE,eAAe,UAAU,YAAY,QAAS,CAAA,GACrE;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,QACP,UAAU,CAAC,MAAM,SAAS,eAAe,EAAE,OAAO,KAAK,CAAC;AAAA,QACxD,WAAW,CAAC,MAAM;AACZ,cAAA,EAAE,QAAQ,UAAU;AACtB,kBAAM,KAAK,uCAAW;AACtB,gBAAI,IAAI;AACN,iBAAG,MAAM;AAAA,YAAA;AAEF,qBAAA,eAAe,MAAS,CAAC;AAAA,UAAA;AAEpC,cAAI,EAAE,QAAQ,QAAQ,EAAE,WAAW,EAAE,UAAU;AAC7C,cAAE,eAAe;AACV,mBAAA;AAAA,UAAA;AAEL,cAAA,EAAE,QAAQ,SAAS;AACrB,qBAAS,OAAO,EAAE,WAAW,KAAK,CAAC,CAAC;AACpC,cAAE,eAAe;AACV,mBAAA;AAAA,UAAA;AAEF,iBAAA;AAAA,QAAA;AAAA,MACT;AAAA,IACD;AAAA,IACD,oBAAC,OAAI,EAAA,WAAW,2BACd,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,GAAG,sBAAsB,+BAA+B,EAAE;AAAA,QACrE,SAAS,MAAM,SAAS,uBAAuB,CAAC,mBAAmB,CAAC;AAAA,QACrE,UAAA;AAAA,MAAA;AAAA,IAAA,GAGH;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS,MAAM;;AACJ,mBAAA,eAAe,MAAS,CAAC;AAClC,0BAAU,YAAV,mBAAmB;AAAA,QACrB;AAAA,QAEA,8BAAC,WAAU,EAAA,OAAO,EAAE,eAAe,WAAY,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,GACF;AAEJ;"}

package/dist/components/SheetProvider.js

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "../_virtual/jsx-runtime.js";
+import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 const SheetContext = React__default.createContext({});
 function useSheetContext() {
@@ -22,7 +22,7 @@ function SheetProvider({ children }) {
   React__default.useEffect(() => {
     setMounted(true);
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsx(
     SheetContext.Provider,
     {
       value: {

package/dist/components/SheetProvider.js.map

@@ -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","jsx"],"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,SAAAC,kCAAA;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;"}
+{"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;"}