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

package/dist/components/Tabular.js

@@ -0,0 +1,308 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { Cell } from "./Cell.js";
+import { HeaderCellTop } from "./HeaderCellTop.js";
+import { HeaderCellLeft } from "./HeaderCellLeft.js";
+import { Context } from "../store/index.js";
+import { updateTable, setInputting, choose, select, setEntering } from "../store/actions.js";
+import { virtualize } from "../lib/virtualization.js";
+import { stripAddressAbsolute, p2a, a2p } from "../lib/converters.js";
+import { zoneToArea } from "../lib/structs.js";
+import { Lexer } from "../formula/evaluator.js";
+import { REF_PALETTE } from "../lib/palette.js";
+import { useSheetContext } from "./SheetProvider.js";
+import { Autofill } from "../lib/autofill.js";
+const createTableRef = () => React__default.useRef(null);
+const Tabular = ({ tableRef }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const [refs, setRefs] = React__default.useState({});
+  const [, { externalRefs = {}, setExternalRefs }] = useSheetContext();
+  const { store, dispatch } = React__default.useContext(Context);
+  const {
+    sheetHeight,
+    table,
+    tableInitialized,
+    tabularRef,
+    mainRef,
+    headerWidth,
+    headerHeight,
+    editingCell,
+    inputting
+  } = store;
+  React__default.useEffect(() => {
+    if (editingCell && inputting.startsWith("=")) {
+      const refs2 = {};
+      const externalRefs2 = {};
+      const lexer = new Lexer(inputting.substring(1));
+      lexer.tokenize();
+      let i = 0;
+      for (const token of lexer.tokens) {
+        if (token.type === "REF" || token.type === "RANGE") {
+          const normalizedRef = stripAddressAbsolute(token.stringify());
+          if (normalizedRef.includes("!")) {
+            const [sheetName, ref] = normalizedRef.split("!");
+            const upperRef = ref.toUpperCase();
+            if (externalRefs2[sheetName] == null) {
+              externalRefs2[sheetName] = {};
+            }
+            if (externalRefs2[sheetName][upperRef] == null) {
+              externalRefs2[sheetName][upperRef] = i++;
+            }
+          } else {
+            const upperRef = normalizedRef.toUpperCase();
+            if (refs2[upperRef] == null) {
+              refs2[upperRef] = i++;
+            }
+          }
+        }
+      }
+      setRefs(refs2);
+      setExternalRefs == null ? void 0 : setExternalRefs(externalRefs2);
+    } else {
+      setRefs({});
+      setExternalRefs == null ? void 0 : setExternalRefs({});
+    }
+  }, [store.inputting, store.editingCell]);
+  React__default.useEffect(() => {
+    if (tableRef && tableInitialized) {
+      tableRef.current = {
+        table,
+        dispatch: (table2) => {
+          dispatch(updateTable(table2));
+        }
+      };
+    }
+  }, [table]);
+  React__default.useEffect(() => {
+    const v = table.stringify(store.choosing);
+    dispatch(setInputting(v || ""));
+  }, [table, store.choosing]);
+  const [virtualized, setVirtualized] = React__default.useState(null);
+  React__default.useEffect(() => {
+    setVirtualized(virtualize(table, tabularRef.current));
+  }, [tabularRef.current, table, (_a = mainRef.current) == null ? void 0 : _a.clientHeight, (_b = mainRef.current) == null ? void 0 : _b.clientWidth]);
+  const operationStyles = useOperationStyles(store, { ...refs, ...externalRefs[table.sheetName] });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "gs-tabular",
+      style: {
+        //width: sheetWidth,
+        height: sheetHeight
+      },
+      ref: tabularRef,
+      onMouseEnter: () => {
+        dispatch(setEntering(true));
+      },
+      onMouseLeave: () => {
+        dispatch(setEntering(false));
+      },
+      onScroll: (e) => {
+        setVirtualized(virtualize(table, e.currentTarget));
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "gs-tabular-inner",
+          style: {
+            width: table.totalWidth + 1,
+            height: table.totalHeight + 1
+          },
+          children: /* @__PURE__ */ jsxs(
+            "table",
+            {
+              className: `gs-table`,
+              style: {
+                width: table.totalWidth
+              },
+              children: [
+                /* @__PURE__ */ jsx("thead", { className: "gs-thead", style: { height: headerHeight }, children: /* @__PURE__ */ jsxs("tr", { className: "gs-row", children: [
+                  /* @__PURE__ */ jsx(
+                    "th",
+                    {
+                      className: "gs-th gs-th-left gs-th-top",
+                      style: { position: "sticky", width: headerWidth, height: headerHeight },
+                      onClick: () => {
+                        dispatch(choose({ y: -1, x: -1 }));
+                        window.setTimeout(() => {
+                          dispatch(choose({ y: 1, x: 1 }));
+                          dispatch(
+                            select({
+                              startY: 1,
+                              startX: 1,
+                              endY: table.getNumRows(),
+                              endX: table.getNumCols()
+                            })
+                          );
+                        }, 100);
+                      },
+                      children: /* @__PURE__ */ jsx("div", { className: "gs-th-inner" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "th",
+                    {
+                      className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left",
+                      style: { width: ((_c = virtualized == null ? void 0 : virtualized.adjuster) == null ? void 0 : _c.left) || 1 }
+                    }
+                  ),
+                  (_e = (_d = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _d.map) == null ? void 0 : _e.call(_d, (x) => /* @__PURE__ */ jsx(HeaderCellTop, { x }, x)),
+                  /* @__PURE__ */ jsx(
+                    "th",
+                    {
+                      className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right",
+                      style: { width: (_f = virtualized == null ? void 0 : virtualized.adjuster) == null ? void 0 : _f.right }
+                    }
+                  )
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { className: "gs-table-body-adjuster", children: /* @__PURE__ */ jsxs("tr", { className: "gs-row", children: [
+                  /* @__PURE__ */ jsx(
+                    "th",
+                    {
+                      className: `gs-adjuster gs-adjuster-horizontal gs-adjuster-vertical`,
+                      style: { height: ((_g = virtualized == null ? void 0 : virtualized.adjuster) == null ? void 0 : _g.top) || 1 }
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-vertical" }),
+                  (_h = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _h.map((x) => /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-vertical" }, x)),
+                  /* @__PURE__ */ jsx("th", { className: `gs-adjuster gs-adjuster-horizontal gs-adjuster-vertical` })
+                ] }) }),
+                /* @__PURE__ */ jsx("tbody", { className: "gs-table-body-data", children: (_i = virtualized == null ? void 0 : virtualized.ys) == null ? void 0 : _i.map((y) => {
+                  var _a2;
+                  return /* @__PURE__ */ jsxs("tr", { className: "gs-row", children: [
+                    /* @__PURE__ */ jsx(HeaderCellLeft, { y }),
+                    /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left" }),
+                    (_a2 = virtualized == null ? void 0 : virtualized.xs) == null ? void 0 : _a2.map((x) => /* @__PURE__ */ jsx(Cell, { y, x, operationStyle: operationStyles[p2a({ y, x })] }, x)),
+                    /* @__PURE__ */ jsx("td", { className: "gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right" })
+                  ] }, y);
+                }) })
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+};
+const BORDER_POINTED = "solid 2px #0077ff";
+const BORDER_SELECTED = "solid 1px #0077ff";
+const BORDER_CUTTING = "dotted 2px #0077ff";
+const BORDER_COPYING = "dashed 2px #0077ff";
+const SEARCH_MATCHING_BACKGROUND = "rgba(0,200,100,.2)";
+const SEARCH_MATCHING_BORDER = "solid 2px #00aa78";
+const AUTOFILL_BORDER = "dashed 1px #444444";
+const useOperationStyles = (store, refs) => {
+  const cellStyles = {};
+  const updateStyle = (point, style) => {
+    const address = p2a(point);
+    cellStyles[address] = cellStyles[address] || {};
+    Object.assign(cellStyles[address], style);
+  };
+  const { choosing, selectingZone, copyingZone, cutting, matchingCells, matchingCellIndex, table, autofillDraggingTo } = store;
+  {
+    const { top, left, bottom, right } = zoneToArea(selectingZone);
+    for (let y = top; y <= bottom; y++) {
+      updateStyle({ y, x: left - 1 }, { borderRight: BORDER_SELECTED });
+      updateStyle({ y, x: left }, { borderLeft: BORDER_SELECTED });
+      updateStyle({ y, x: right }, { borderRight: BORDER_SELECTED });
+      updateStyle({ y, x: right + 1 }, { borderLeft: BORDER_SELECTED });
+    }
+    for (let x = left; x <= right; x++) {
+      updateStyle({ y: top - 1, x }, { borderBottom: BORDER_SELECTED });
+      updateStyle({ y: top, x }, { borderTop: BORDER_SELECTED });
+      updateStyle({ y: bottom, x }, { borderBottom: BORDER_SELECTED });
+      updateStyle({ y: bottom + 1, x }, { borderTop: BORDER_SELECTED });
+    }
+  }
+  if (autofillDraggingTo) {
+    const autofill = new Autofill(store, autofillDraggingTo);
+    const { top, left, bottom, right } = autofill.wholeArea;
+    for (let y = top; y <= bottom; y++) {
+      updateStyle({ y, x: left - 1 }, { borderRight: AUTOFILL_BORDER });
+      updateStyle({ y, x: left }, { borderLeft: AUTOFILL_BORDER });
+      updateStyle({ y, x: right }, { borderRight: AUTOFILL_BORDER });
+      updateStyle({ y, x: right + 1 }, { borderLeft: AUTOFILL_BORDER });
+    }
+    for (let x = left; x <= right; x++) {
+      updateStyle({ y: top - 1, x }, { borderBottom: AUTOFILL_BORDER });
+      updateStyle({ y: top, x }, { borderTop: AUTOFILL_BORDER });
+      updateStyle({ y: bottom, x }, { borderBottom: AUTOFILL_BORDER });
+      updateStyle({ y: bottom + 1, x }, { borderTop: AUTOFILL_BORDER });
+    }
+  }
+  {
+    const { y, x } = choosing;
+    updateStyle(
+      { y, x },
+      {
+        borderLeft: BORDER_POINTED,
+        borderRight: BORDER_POINTED,
+        borderTop: BORDER_POINTED,
+        borderBottom: BORDER_POINTED
+      }
+    );
+    updateStyle({ y, x: x - 1 }, { borderRight: BORDER_POINTED });
+    updateStyle({ y, x: x + 1 }, { borderLeft: BORDER_POINTED });
+    updateStyle({ y: y - 1, x }, { borderBottom: BORDER_POINTED });
+    updateStyle({ y: y + 1, x }, { borderTop: BORDER_POINTED });
+  }
+  {
+    const borderStyle = cutting ? BORDER_CUTTING : BORDER_COPYING;
+    const { top, left, bottom, right } = zoneToArea(copyingZone);
+    for (let y = top; y <= bottom; y++) {
+      updateStyle({ y, x: left - 1 }, { borderRight: borderStyle });
+      updateStyle({ y, x: left }, { borderLeft: borderStyle });
+      updateStyle({ y, x: right }, { borderRight: borderStyle });
+      updateStyle({ y, x: right + 1 }, { borderLeft: borderStyle });
+    }
+    for (let x = left; x <= right; x++) {
+      updateStyle({ y: top - 1, x }, { borderBottom: borderStyle });
+      updateStyle({ y: top, x }, { borderTop: borderStyle });
+      updateStyle({ y: bottom, x }, { borderBottom: borderStyle });
+      updateStyle({ y: bottom + 1, x }, { borderTop: borderStyle });
+    }
+  }
+  Object.entries(refs).forEach(([ref, i]) => {
+    const palette = REF_PALETTE[i % REF_PALETTE.length];
+    const borderStyle = `dashed 2px ${palette}`;
+    const { top, left, bottom, right } = table.rangeToArea(ref);
+    for (let y = top; y <= bottom; y++) {
+      updateStyle({ y, x: left - 1 }, { borderRight: borderStyle });
+      updateStyle({ y, x: left }, { borderLeft: borderStyle });
+      updateStyle({ y, x: right }, { borderRight: borderStyle });
+      updateStyle({ y, x: right + 1 }, { borderLeft: borderStyle });
+    }
+    for (let x = left; x <= right; x++) {
+      updateStyle({ y: top - 1, x }, { borderBottom: borderStyle });
+      updateStyle({ y: top, x }, { borderTop: borderStyle });
+      updateStyle({ y: bottom, x }, { borderBottom: borderStyle });
+      updateStyle({ y: bottom + 1, x }, { borderTop: borderStyle });
+    }
+  });
+  matchingCells.forEach((address) => {
+    const { y, x } = a2p(address);
+    updateStyle({ y, x }, { backgroundColor: SEARCH_MATCHING_BACKGROUND });
+  });
+  if (matchingCells.length > 0) {
+    const { y, x } = a2p(matchingCells[matchingCellIndex]);
+    updateStyle(
+      { y, x },
+      {
+        borderLeft: SEARCH_MATCHING_BORDER,
+        borderRight: SEARCH_MATCHING_BORDER,
+        borderTop: SEARCH_MATCHING_BORDER,
+        borderBottom: SEARCH_MATCHING_BORDER
+      }
+    );
+    updateStyle({ y, x: x - 1 }, { borderRight: SEARCH_MATCHING_BORDER });
+    updateStyle({ y, x: x + 1 }, { borderLeft: SEARCH_MATCHING_BORDER });
+    updateStyle({ y: y - 1, x }, { borderBottom: SEARCH_MATCHING_BORDER });
+    updateStyle({ y: y + 1, x }, { borderTop: SEARCH_MATCHING_BORDER });
+  }
+  return cellStyles;
+};
+export {
+  Tabular,
+  createTableRef
+};
+//# sourceMappingURL=Tabular.js.map

package/dist/components/Tabular.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabular.js","sources":["../../components/Tabular.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Cell } from './Cell';\nimport { HeaderCellTop } from './HeaderCellTop';\nimport { HeaderCellLeft } from './HeaderCellLeft';\n\nimport { Context } from '../store';\nimport { choose, select, setEntering, updateTable, setInputting } from '../store/actions';\n\nimport { Table } from '../lib/table';\nimport { RefPaletteType, PointType, StoreType, TableRef, Virtualization } from '../types';\nimport { virtualize } from '../lib/virtualization';\nimport { a2p, p2a, stripAddressAbsolute } from '../lib/converters';\nimport { zoneToArea } from '../lib/structs';\nimport { Lexer } from '../formula/evaluator';\nimport { REF_PALETTE } from '../lib/palette';\nimport { useSheetContext } from './SheetProvider';\nimport { Autofill } from '../lib/autofill';\n\ntype Props = {\n  tableRef: React.MutableRefObject<TableRef | null> | undefined;\n};\n\nexport const createTableRef = () => React.useRef<TableRef | null>(null);\n\nexport const Tabular = ({ tableRef }: Props) => {\n  const [refs, setRefs] = React.useState<RefPaletteType>({});\n  const [, { externalRefs = {}, setExternalRefs }] = useSheetContext();\n  const { store, dispatch } = React.useContext(Context);\n  const {\n    sheetHeight,\n    table,\n    tableInitialized,\n    tabularRef,\n    mainRef,\n    headerWidth,\n    headerHeight,\n    editingCell,\n    inputting,\n  } = store;\n\n  React.useEffect(() => {\n    if (editingCell && inputting.startsWith('=')) {\n      const refs: RefPaletteType = {};\n      const externalRefs: { [sheetName: string]: RefPaletteType } = {};\n      const lexer = new Lexer(inputting.substring(1));\n      lexer.tokenize();\n\n      let i = 0;\n      for (const token of lexer.tokens) {\n        if (token.type === 'REF' || token.type === 'RANGE') {\n          const normalizedRef = stripAddressAbsolute(token.stringify());\n          if (normalizedRef.includes('!')) {\n            const [sheetName, ref] = normalizedRef.split('!');\n            const upperRef = ref.toUpperCase();\n            if (externalRefs[sheetName] == null) {\n              externalRefs[sheetName] = {};\n            }\n            if (externalRefs[sheetName][upperRef] == null) {\n              externalRefs[sheetName][upperRef] = i++;\n            }\n          } else {\n            const upperRef = normalizedRef.toUpperCase();\n            if (refs[upperRef] == null) {\n              refs[upperRef] = i++;\n            }\n          }\n        }\n      }\n      setRefs(refs);\n      setExternalRefs?.(externalRefs);\n    } else {\n      setRefs({});\n      setExternalRefs?.({});\n    }\n  }, [store.inputting, store.editingCell]);\n\n  React.useEffect(() => {\n    if (tableRef && tableInitialized) {\n      tableRef.current = {\n        table,\n        dispatch: (table) => {\n          dispatch(updateTable(table as Table));\n        },\n      };\n    }\n  }, [table]);\n  React.useEffect(() => {\n    const v = table.stringify(store.choosing);\n    dispatch(setInputting(v || ''));\n  }, [table, store.choosing]);\n  const [virtualized, setVirtualized] = React.useState<Virtualization | null>(null);\n  React.useEffect(() => {\n    setVirtualized(virtualize(table, tabularRef.current));\n  }, [tabularRef.current, table, mainRef.current?.clientHeight, mainRef.current?.clientWidth]);\n\n  const operationStyles = useOperationStyles(store, { ...refs, ...externalRefs[table.sheetName] });\n\n  return (\n    <>\n      <div\n        className=\"gs-tabular\"\n        style={{\n          //width: sheetWidth,\n          height: sheetHeight,\n        }}\n        ref={tabularRef}\n        onMouseEnter={() => {\n          dispatch(setEntering(true));\n        }}\n        onMouseLeave={() => {\n          dispatch(setEntering(false));\n        }}\n        onScroll={(e) => {\n          setVirtualized(virtualize(table, e.currentTarget));\n        }}\n      >\n        <div\n          className={'gs-tabular-inner'}\n          style={{\n            width: table.totalWidth + 1,\n            height: table.totalHeight + 1,\n          }}\n        >\n          <table\n            className={`gs-table`}\n            style={{\n              width: table.totalWidth,\n            }}\n          >\n            <thead className=\"gs-thead\" style={{ height: headerHeight }}>\n              <tr className=\"gs-row\">\n                <th\n                  className=\"gs-th gs-th-left gs-th-top\"\n                  style={{ position: 'sticky', width: headerWidth, height: headerHeight }}\n                  onClick={() => {\n                    dispatch(choose({ y: -1, x: -1 }));\n                    window.setTimeout(() => {\n                      dispatch(choose({ y: 1, x: 1 }));\n                      dispatch(\n                        select({\n                          startY: 1,\n                          startX: 1,\n                          endY: table.getNumRows(),\n                          endX: table.getNumCols(),\n                        }),\n                      );\n                    }, 100);\n                  }}\n                >\n                  <div className=\"gs-th-inner\"></div>\n                </th>\n                <th\n                  className=\"gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left\"\n                  style={{ width: virtualized?.adjuster?.left || 1 }}\n                ></th>\n                {virtualized?.xs?.map?.((x) => <HeaderCellTop x={x} key={x} />)}\n                <th\n                  className=\"gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right\"\n                  style={{ width: virtualized?.adjuster?.right }}\n                ></th>\n              </tr>\n            </thead>\n\n            <tbody className=\"gs-table-body-adjuster\">\n              <tr className=\"gs-row\">\n                <th\n                  className={`gs-adjuster gs-adjuster-horizontal gs-adjuster-vertical`}\n                  style={{ height: virtualized?.adjuster?.top || 1 }}\n                ></th>\n                <td className=\"gs-adjuster gs-adjuster-vertical\"></td>\n                {virtualized?.xs?.map((x) => <td className=\"gs-adjuster gs-adjuster-vertical\" key={x}></td>)}\n                <th className={`gs-adjuster gs-adjuster-horizontal gs-adjuster-vertical`}></th>\n              </tr>\n            </tbody>\n\n            <tbody className=\"gs-table-body-data\">\n              {virtualized?.ys?.map((y) => {\n                return (\n                  <tr key={y} className=\"gs-row\">\n                    <HeaderCellLeft y={y} />\n                    <td className=\"gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-left\" />\n                    {virtualized?.xs?.map((x) => (\n                      <Cell key={x} y={y} x={x} operationStyle={operationStyles[p2a({ y, x })]} />\n                    ))}\n                    <td className=\"gs-adjuster gs-adjuster-horizontal gs-adjuster-horizontal-right\" />\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </>\n  );\n};\n\nconst BORDER_POINTED = 'solid 2px #0077ff';\nconst BORDER_SELECTED = 'solid 1px #0077ff';\nconst BORDER_CUTTING = 'dotted 2px #0077ff';\nconst BORDER_COPYING = 'dashed 2px #0077ff';\nconst SEARCH_MATCHING_BACKGROUND = 'rgba(0,200,100,.2)';\nconst SEARCH_MATCHING_BORDER = 'solid 2px #00aa78';\nconst AUTOFILL_BORDER = 'dashed 1px #444444';\n\nconst useOperationStyles = (store: StoreType, refs: RefPaletteType) => {\n  const cellStyles: { [key: string]: React.CSSProperties } = {};\n  const updateStyle = (point: PointType, style: React.CSSProperties) => {\n    const address = p2a(point);\n    cellStyles[address] = cellStyles[address] || {};\n    Object.assign(cellStyles[address], style);\n  };\n  const { choosing, selectingZone, copyingZone, cutting, matchingCells, matchingCellIndex, table, autofillDraggingTo } =\n    store;\n  {\n    // selecting\n    const { top, left, bottom, right } = zoneToArea(selectingZone);\n    for (let y = top; y <= bottom; y++) {\n      updateStyle({ y, x: left - 1 }, { borderRight: BORDER_SELECTED });\n      updateStyle({ y, x: left }, { borderLeft: BORDER_SELECTED });\n      updateStyle({ y, x: right }, { borderRight: BORDER_SELECTED });\n      updateStyle({ y, x: right + 1 }, { borderLeft: BORDER_SELECTED });\n    }\n    for (let x = left; x <= right; x++) {\n      updateStyle({ y: top - 1, x }, { borderBottom: BORDER_SELECTED });\n      updateStyle({ y: top, x }, { borderTop: BORDER_SELECTED });\n      updateStyle({ y: bottom, x }, { borderBottom: BORDER_SELECTED });\n      updateStyle({ y: bottom + 1, x }, { borderTop: BORDER_SELECTED });\n    }\n  }\n  if (autofillDraggingTo) {\n    const autofill = new Autofill(store, autofillDraggingTo);\n    const { top, left, bottom, right } = autofill.wholeArea;\n    for (let y = top; y <= bottom; y++) {\n      updateStyle({ y, x: left - 1 }, { borderRight: AUTOFILL_BORDER });\n      updateStyle({ y, x: left }, { borderLeft: AUTOFILL_BORDER });\n      updateStyle({ y, x: right }, { borderRight: AUTOFILL_BORDER });\n      updateStyle({ y, x: right + 1 }, { borderLeft: AUTOFILL_BORDER });\n    }\n    for (let x = left; x <= right; x++) {\n      updateStyle({ y: top - 1, x }, { borderBottom: AUTOFILL_BORDER });\n      updateStyle({ y: top, x }, { borderTop: AUTOFILL_BORDER });\n      updateStyle({ y: bottom, x }, { borderBottom: AUTOFILL_BORDER });\n      updateStyle({ y: bottom + 1, x }, { borderTop: AUTOFILL_BORDER });\n    }\n  }\n  {\n    // choosing\n    const { y, x } = choosing;\n    updateStyle(\n      { y, x },\n      {\n        borderLeft: BORDER_POINTED,\n        borderRight: BORDER_POINTED,\n        borderTop: BORDER_POINTED,\n        borderBottom: BORDER_POINTED,\n      },\n    );\n    updateStyle({ y, x: x - 1 }, { borderRight: BORDER_POINTED });\n    updateStyle({ y, x: x + 1 }, { borderLeft: BORDER_POINTED });\n    updateStyle({ y: y - 1, x }, { borderBottom: BORDER_POINTED });\n    updateStyle({ y: y + 1, x }, { borderTop: BORDER_POINTED });\n  }\n  {\n    // copying\n    const borderStyle = cutting ? BORDER_CUTTING : BORDER_COPYING;\n    const { top, left, bottom, right } = zoneToArea(copyingZone);\n    for (let y = top; y <= bottom; y++) {\n      updateStyle({ y, x: left - 1 }, { borderRight: borderStyle });\n      updateStyle({ y, x: left }, { borderLeft: borderStyle });\n      updateStyle({ y, x: right }, { borderRight: borderStyle });\n      updateStyle({ y, x: right + 1 }, { borderLeft: borderStyle });\n    }\n    for (let x = left; x <= right; x++) {\n      updateStyle({ y: top - 1, x }, { borderBottom: borderStyle });\n      updateStyle({ y: top, x }, { borderTop: borderStyle });\n      updateStyle({ y: bottom, x }, { borderBottom: borderStyle });\n      updateStyle({ y: bottom + 1, x }, { borderTop: borderStyle });\n    }\n  }\n\n  Object.entries(refs).forEach(([ref, i]) => {\n    const palette = REF_PALETTE[i % REF_PALETTE.length];\n    const borderStyle = `dashed 2px ${palette}`;\n    const { top, left, bottom, right } = table.rangeToArea(ref);\n    for (let y = top; y <= bottom; y++) {\n      updateStyle({ y, x: left - 1 }, { borderRight: borderStyle });\n      updateStyle({ y, x: left }, { borderLeft: borderStyle });\n      updateStyle({ y, x: right }, { borderRight: borderStyle });\n      updateStyle({ y, x: right + 1 }, { borderLeft: borderStyle });\n    }\n    for (let x = left; x <= right; x++) {\n      updateStyle({ y: top - 1, x }, { borderBottom: borderStyle });\n      updateStyle({ y: top, x }, { borderTop: borderStyle });\n      updateStyle({ y: bottom, x }, { borderBottom: borderStyle });\n      updateStyle({ y: bottom + 1, x }, { borderTop: borderStyle });\n    }\n  });\n  matchingCells.forEach((address) => {\n    const { y, x } = a2p(address);\n    updateStyle({ y, x }, { backgroundColor: SEARCH_MATCHING_BACKGROUND });\n  });\n  if (matchingCells.length > 0) {\n    const { y, x } = a2p(matchingCells[matchingCellIndex]);\n    updateStyle(\n      { y, x },\n      {\n        borderLeft: SEARCH_MATCHING_BORDER,\n        borderRight: SEARCH_MATCHING_BORDER,\n        borderTop: SEARCH_MATCHING_BORDER,\n        borderBottom: SEARCH_MATCHING_BORDER,\n      },\n    );\n    updateStyle({ y, x: x - 1 }, { borderRight: SEARCH_MATCHING_BORDER });\n    updateStyle({ y, x: x + 1 }, { borderLeft: SEARCH_MATCHING_BORDER });\n    updateStyle({ y: y - 1, x }, { borderBottom: SEARCH_MATCHING_BORDER });\n    updateStyle({ y: y + 1, x }, { borderTop: SEARCH_MATCHING_BORDER });\n  }\n  return cellStyles;\n};\n"],"names":["React","refs","externalRefs","table","_a"],"mappings":"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"}

package/dist/components/hooks.js

@@ -0,0 +1,15 @@
+import React__default from "react";
+const useBrowser = () => {
+  const [ok, setOk] = React__default.useState(false);
+  React__default.useEffect(() => {
+    setOk(true);
+  });
+  if (ok && typeof window !== "undefined") {
+    return { window, document };
+  }
+  return { window: null, document: null };
+};
+export {
+  useBrowser
+};
+//# sourceMappingURL=hooks.js.map

package/dist/components/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../components/hooks.ts"],"sourcesContent":["import React from 'react';\n\n// Return the document object with SSR.\nexport const useBrowser = () => {\n  const [ok, setOk] = React.useState(false);\n  React.useEffect(() => {\n    setOk(true);\n  });\n  if (ok && typeof window !== 'undefined') {\n    return { window, document };\n  }\n  return { window: null, document: null };\n};\n"],"names":["React"],"mappings":";AAGO,MAAM,aAAa,MAAM;AAC9B,QAAM,CAAC,IAAI,KAAK,IAAIA,eAAM,SAAS,KAAK;AACxCA,iBAAM,UAAU,MAAM;AACpB,UAAM,IAAI;AAAA,EAAA,CACX;AACG,MAAA,MAAM,OAAO,WAAW,aAAa;AAChC,WAAA,EAAE,QAAQ,SAAS;AAAA,EAAA;AAE5B,SAAO,EAAE,QAAQ,MAAM,UAAU,KAAK;AACxC;"}

package/dist/components/svg/Base.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+const Base = ({ style, size = 24, children }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: size,
+      height: size,
+      viewBox: `0 0 24 24`,
+      fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      style,
+      className: "icon-tabler",
+      children
+    }
+  );
+};
+export {
+  Base
+};
+//# sourceMappingURL=Base.js.map

package/dist/components/svg/Base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Base.js","sources":["../../../components/svg/Base.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface IconProps {\n  style?: React.CSSProperties;\n  color?: string;\n  size?: number;\n}\n\ninterface BaseProps extends IconProps {\n  children?: React.ReactNode;\n}\n\n// https://tabler.io/icons\n\nexport const Base = ({ style, size = 24, children }: BaseProps) => {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox={`0 0 24 24`}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n      style={style}\n      className=\"icon-tabler\"\n    >\n      {children}\n    </svg>\n  );\n};\n"],"names":[],"mappings":";AAcO,MAAM,OAAO,CAAC,EAAE,OAAO,OAAO,IAAI,eAA0B;AAE/D,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAK;AAAA,MACL,QAAO;AAAA,MACP,gBAAa;AAAA,MACb,kBAAe;AAAA,MACf,mBAAgB;AAAA,MAChB;AAAA,MACA,WAAU;AAAA,MAET;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/components/svg/CloseIcon.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Base } from "./Base.js";
+const CloseIcon = ({ style, color = "none", size = 24 }) => {
+  return /* @__PURE__ */ jsxs(Base, { style, size, children: [
+    /* @__PURE__ */ jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: color }),
+    /* @__PURE__ */ jsx("path", { d: "M18 6l-12 12", fill: color }),
+    /* @__PURE__ */ jsx("path", { d: "M6 6l12 12", fill: color })
+  ] });
+};
+export {
+  CloseIcon
+};
+//# sourceMappingURL=CloseIcon.js.map

package/dist/components/svg/CloseIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseIcon.js","sources":["../../../components/svg/CloseIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { type IconProps, Base } from './Base';\n\n// https://tabler.io/icons\n\nexport const CloseIcon = ({ style, color = 'none', size = 24 }: IconProps) => {\n  return (\n    <Base style={style} size={size}>\n      <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill={color} />\n      <path d=\"M18 6l-12 12\" fill={color} />\n      <path d=\"M6 6l12 12\" fill={color} />\n    </Base>\n  );\n};\n"],"names":[],"mappings":";;AAKa,MAAA,YAAY,CAAC,EAAE,OAAO,QAAQ,QAAQ,OAAO,SAAoB;AAE1E,SAAA,qBAAC,MAAK,EAAA,OAAc,MAClB,UAAA;AAAA,IAAA,oBAAC,UAAK,QAAO,QAAO,GAAE,iBAAgB,MAAM,OAAO;AAAA,IAClD,oBAAA,QAAA,EAAK,GAAE,gBAAe,MAAM,OAAO;AAAA,IACnC,oBAAA,QAAA,EAAK,GAAE,cAAa,MAAM,MAAO,CAAA;AAAA,EAAA,GACpC;AAEJ;"}

package/dist/components/svg/SearchIcon.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Base } from "./Base.js";
+const SearchIcon = ({ style, color = "none", size = 24 }) => {
+  return /* @__PURE__ */ jsxs(Base, { style, size, children: [
+    /* @__PURE__ */ jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: color }),
+    /* @__PURE__ */ jsx("path", { d: "M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0", fill: color }),
+    /* @__PURE__ */ jsx("path", { d: "M21 21l-6 -6", fill: color })
+  ] });
+};
+export {
+  SearchIcon
+};
+//# sourceMappingURL=SearchIcon.js.map

package/dist/components/svg/SearchIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.js","sources":["../../../components/svg/SearchIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { type IconProps, Base } from './Base';\n\n// https://tabler.io/icons\n\nexport const SearchIcon = ({ style, color = 'none', size = 24 }: IconProps) => {\n  return (\n    <Base style={style} size={size}>\n      <path stroke=\"none\" d=\"M0 0h24v24H0z\" fill={color} />\n      <path d=\"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\" fill={color} />\n      <path d=\"M21 21l-6 -6\" fill={color} />\n    </Base>\n  );\n};\n"],"names":[],"mappings":";;AAKa,MAAA,aAAa,CAAC,EAAE,OAAO,QAAQ,QAAQ,OAAO,SAAoB;AAE3E,SAAA,qBAAC,MAAK,EAAA,OAAc,MAClB,UAAA;AAAA,IAAA,oBAAC,UAAK,QAAO,QAAO,GAAE,iBAAgB,MAAM,OAAO;AAAA,IAClD,oBAAA,QAAA,EAAK,GAAE,8CAA6C,MAAM,OAAO;AAAA,IACjE,oBAAA,QAAA,EAAK,GAAE,gBAAe,MAAM,MAAO,CAAA;AAAA,EAAA,GACtC;AAEJ;"}

package/dist/constants.js

@@ -0,0 +1,43 @@
+const IMG_BASE64 = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
+const DUMMY_IMG = typeof window === "undefined" ? null : document.createElement("img");
+if (DUMMY_IMG) {
+  DUMMY_IMG.src = IMG_BASE64;
+}
+const HISTORY_LIMIT = 10;
+const DEFAULT_HEIGHT = 24;
+const DEFAULT_WIDTH = 90;
+const SHEET_HEIGHT = 500;
+const SHEET_WIDTH = 1e3;
+const HEADER_HEIGHT = 24;
+const HEADER_WIDTH = 50;
+const MIN_WIDTH = 5;
+const MIN_HEIGHT = 5;
+const OVERSCAN_X = 5;
+const OVERSCAN_Y = 10;
+const DEFAULT_ALPHABET_CACHE_SIZE = 1e3;
+class Special {
+  constructor(name) {
+    this.name = name;
+  }
+}
+const SECONDS_IN_DAY = 86400;
+const FULLDATE_FORMAT_UTC = "YYYY-MM-DDTHH:mm:ss.SSSZ";
+export {
+  DEFAULT_ALPHABET_CACHE_SIZE,
+  DEFAULT_HEIGHT,
+  DEFAULT_WIDTH,
+  DUMMY_IMG,
+  FULLDATE_FORMAT_UTC,
+  HEADER_HEIGHT,
+  HEADER_WIDTH,
+  HISTORY_LIMIT,
+  MIN_HEIGHT,
+  MIN_WIDTH,
+  OVERSCAN_X,
+  OVERSCAN_Y,
+  SECONDS_IN_DAY,
+  SHEET_HEIGHT,
+  SHEET_WIDTH,
+  Special
+};
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../constants.ts"],"sourcesContent":["const IMG_BASE64 = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';\n\nexport const DUMMY_IMG = (typeof window === 'undefined' ? null : document.createElement('img')) as HTMLImageElement;\n\nif (DUMMY_IMG) {\n  DUMMY_IMG.src = IMG_BASE64;\n}\n\nexport const HISTORY_LIMIT = 10;\n\nexport const DEFAULT_HEIGHT = 24;\nexport const DEFAULT_WIDTH = 90;\n\nexport const SHEET_HEIGHT = 500;\nexport const SHEET_WIDTH = 1000;\n\nexport const HEADER_HEIGHT = 24;\nexport const HEADER_WIDTH = 50;\n\nexport const MIN_WIDTH = 5;\nexport const MIN_HEIGHT = 5;\n\nexport const OVERSCAN_X = 5;\nexport const OVERSCAN_Y = 10;\n\nexport const DEFAULT_ALPHABET_CACHE_SIZE = 1000;\n\nexport class Special {\n  public name: string;\n  constructor(name: string) {\n    this.name = name;\n  }\n}\n\nexport const SECONDS_IN_DAY = 86400;\nexport const FULLDATE_FORMAT_UTC = 'YYYY-MM-DDTHH:mm:ss.SSSZ';\n"],"names":[],"mappings":"AAAA,MAAM,aAAa;AAEZ,MAAM,YAAa,OAAO,WAAW,cAAc,OAAO,SAAS,cAAc,KAAK;AAE7F,IAAI,WAAW;AACb,YAAU,MAAM;AAClB;AAEO,MAAM,gBAAgB;AAEtB,MAAM,iBAAiB;AACvB,MAAM,gBAAgB;AAEtB,MAAM,eAAe;AACrB,MAAM,cAAc;AAEpB,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAErB,MAAM,YAAY;AAClB,MAAM,aAAa;AAEnB,MAAM,aAAa;AACnB,MAAM,aAAa;AAEnB,MAAM,8BAA8B;AAEpC,MAAM,QAAQ;AAAA,EAEnB,YAAY,MAAc;AACxB,SAAK,OAAO;AAAA,EAAA;AAEhB;AAEO,MAAM,iBAAiB;AACvB,MAAM,sBAAsB;"}