@dxos/plugin-sheet 0.7.4 → 0.7.5-labs.071a3e2

package/dist/lib/node/chunk-45YW2DX2.cjs

@@ -1,1656 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_45YW2DX2_exports = {};
-__export(chunk_45YW2DX2_exports, {
-  ComputeGraphContextProvider: () => ComputeGraphContextProvider,
-  GridSheet: () => GridSheet,
-  SheetContainer: () => SheetContainer,
-  SheetObjectSettings: () => SheetObjectSettings,
-  SheetProvider: () => SheetProvider,
-  completeCellRangeToThreadCursor: () => completeCellRangeToThreadCursor,
-  computeGraphFacet: () => computeGraphFacet,
-  useComputeGraph: () => useComputeGraph,
-  useSheetContext: () => useSheetContext
-});
-module.exports = __toCommonJS(chunk_45YW2DX2_exports);
-var import_chunk_KSEEI5VC = require("./chunk-KSEEI5VC.cjs");
-var import_chunk_OWH2EUHZ = require("./chunk-OWH2EUHZ.cjs");
-var import_chunk_2ZVZI2KJ = require("./chunk-2ZVZI2KJ.cjs");
-var import_react = __toESM(require("react"));
-var import_debug = require("@dxos/debug");
-var import_react_hooks = require("@dxos/react-hooks");
-var import_language = require("@codemirror/language");
-var import_state = require("@codemirror/state");
-var import_view = require("@codemirror/view");
-var import_async = require("@dxos/async");
-var import_invariant = require("@dxos/invariant");
-var import_react_ui_editor = require("@dxos/react-ui-editor");
-var import_autocomplete = require("@codemirror/autocomplete");
-var import_language2 = require("@codemirror/language");
-var import_view2 = require("@codemirror/view");
-var import_highlight = require("@lezer/highlight");
-var import_codemirror_lang_spreadsheet = require("codemirror-lang-spreadsheet");
-var import_react_ui_editor2 = require("@dxos/react-ui-editor");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var import_react2 = __toESM(require("react"));
-var import_invariant2 = require("@dxos/invariant");
-var import_echo = require("@dxos/react-client/echo");
-var import_react_ui_grid = require("@dxos/react-ui-grid");
-var import_async2 = require("@dxos/async");
-var import_context = require("@dxos/context");
-var import_echo_schema = require("@dxos/echo-schema");
-var import_invariant3 = require("@dxos/invariant");
-var import_keys = require("@dxos/keys");
-var import_log = require("@dxos/log");
-var import_hyperformula = require("#hyperformula");
-var import_react3 = require("react");
-var import_react4 = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_attention = require("@dxos/react-ui-attention");
-var import_react_ui_grid2 = require("@dxos/react-ui-grid");
-var import_react5 = require("react");
-var import_echo2 = require("@dxos/react-client/echo");
-var import_react_ui_form = require("@dxos/react-ui-form");
-var import_react_ui_grid3 = require("@dxos/react-ui-grid");
-var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_react6 = require("react");
-var import_app_framework2 = require("@dxos/app-framework");
-var import_async3 = require("@dxos/async");
-var import_echo3 = require("@dxos/react-client/echo");
-var import_react7 = require("react");
-var import_react8 = __toESM(require("react"));
-var import_echo_schema2 = require("@dxos/echo-schema");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_list = require("@dxos/react-ui-list");
-var import_react_ui_theme3 = require("@dxos/react-ui-theme");
-var import_react9 = __toESM(require("react"));
-var import_meta = require("@dxos/plugin-space/meta");
-var import_react_ui3 = require("@dxos/react-ui");
-var ComputeGraphContext = /* @__PURE__ */ (0, import_react.createContext)(void 0);
-var ComputeGraphContextProvider = ({ registry, children }) => {
-  return /* @__PURE__ */ import_react.default.createElement(ComputeGraphContext.Provider, {
-    value: {
-      registry
-    }
-  }, children);
-};
-var useComputeGraph = (space) => {
-  const { registry } = (0, import_react.useContext)(ComputeGraphContext) ?? (0, import_debug.raise)(new Error("Missing ComputeGraphContext"));
-  const [graph] = (0, import_react_hooks.useAsyncState)(async () => {
-    if (space) {
-      const graph2 = registry.getOrCreateGraph(space);
-      await graph2.open();
-      return graph2;
-    }
-  }, [
-    space,
-    registry
-  ]);
-  return graph;
-};
-var updateAllDecorations = import_state.StateEffect.define();
-var computeGraphFacet = (0, import_react_ui_editor.singleValueFacet)();
-var highlightStyles = import_language2.HighlightStyle.define([
-  // Function.
-  {
-    tag: import_highlight.tags.name,
-    class: "text-accentText"
-  },
-  // Range.
-  {
-    tag: import_highlight.tags.tagName,
-    class: "text-pinkText"
-  },
-  // Values.
-  {
-    tag: import_highlight.tags.number,
-    class: "text-tealText"
-  },
-  {
-    tag: import_highlight.tags.bool,
-    class: "text-tealText"
-  },
-  {
-    tag: import_highlight.tags.string,
-    class: "text-tealText"
-  },
-  // Error.
-  {
-    tag: import_highlight.tags.invalid,
-    class: "text-unAccent"
-  }
-]);
-var languageFacet = (0, import_react_ui_editor2.singleValueFacet)();
-var sheetExtension = ({ debug, functions = [] }) => {
-  const { extension, language } = (0, import_codemirror_lang_spreadsheet.spreadsheet)({
-    idiom: "en-US",
-    decimalSeparator: "."
-  });
-  const createCompletion = (name) => {
-    const { section = "Custom", description, syntax } = functions.find((value) => value.name === name) ?? {};
-    return {
-      section,
-      label: name,
-      info: () => {
-        if (!description && !syntax) {
-          return null;
-        }
-        const root = document.createElement("div");
-        root.className = "flex flex-col gap-2 text-sm";
-        const title = document.createElement("h2");
-        title.innerText = name;
-        title.className = "text-lg font-mono text-accentText";
-        root.appendChild(title);
-        if (description) {
-          const info = document.createElement("p");
-          info.innerText = description;
-          info.className = "text-subdued";
-          root.appendChild(info);
-        }
-        if (syntax) {
-          const detail = document.createElement("pre");
-          detail.innerText = syntax;
-          detail.className = "whitespace-pre-wrap text-greenText";
-          root.appendChild(detail);
-        }
-        return root;
-      },
-      apply: (view, completion, from, to) => {
-        const insertParens = to === view.state.doc.toString().length;
-        view.dispatch(view.state.update({
-          changes: {
-            from,
-            to,
-            insert: completion.label + (insertParens ? "()" : "")
-          },
-          selection: {
-            anchor: from + completion.label.length + 1
-          }
-        }));
-      }
-    };
-  };
-  return [
-    extension,
-    languageFacet.of(language),
-    language.data.of({
-      autocomplete: (context) => {
-        if (context.state.doc.toString()[0] !== "=") {
-          return null;
-        }
-        const match = context.matchBefore(/\w*/);
-        if (!match || match.from === match.to) {
-          return null;
-        }
-        const text = match.text.toUpperCase();
-        if (!context.explicit && match.text.length < 2) {
-          return null;
-        }
-        return {
-          from: match.from,
-          options: functions?.filter(({ name }) => name.startsWith(text)).map(({ name }) => createCompletion(name)) ?? []
-        };
-      }
-    }),
-    (0, import_language2.syntaxHighlighting)(highlightStyles),
-    (0, import_autocomplete.autocompletion)({
-      aboveCursor: false,
-      defaultKeymap: true,
-      activateOnTyping: true,
-      closeOnBlur: !debug,
-      icons: false,
-      tooltipClass: () => (0, import_react_ui_theme.mx)("!-left-[1px] !top-[33px] !-m-0 border !border-t-0 [&>ul]:!min-w-[198px]", "[&>ul>li[aria-selected]]:!bg-accentSurface", "border-separator")
-    }),
-    import_view2.keymap.of([
-      {
-        key: "Tab",
-        run: (view) => {
-          return (0, import_autocomplete.completionStatus)(view.state) === "active" ? (0, import_autocomplete.acceptCompletion)(view) : (0, import_autocomplete.startCompletion)(view);
-        }
-      }
-    ])
-  ];
-};
-var rangeExtension = ({ onInit, onStateChange }) => {
-  let view;
-  let activeRange;
-  const notifier = {
-    setRange: (range) => {
-      if (activeRange) {
-        view.dispatch(view.state.update({
-          changes: {
-            ...activeRange,
-            insert: range.toString()
-          },
-          selection: {
-            anchor: activeRange.from + range.length
-          }
-        }));
-      }
-      view.focus();
-    }
-  };
-  return import_view2.ViewPlugin.fromClass(class {
-    constructor(_view) {
-      view = _view;
-      onInit?.(notifier);
-    }
-    update(view2) {
-      const { anchor } = view2.state.selection.ranges[0];
-      activeRange = void 0;
-      const language = view2.state.facet(languageFacet);
-      const { topNode } = language.parser.parse(view2.state.doc.toString());
-      visitTree(topNode, ({ type, from, to }) => {
-        if (from <= anchor && to >= anchor) {
-          switch (type.name) {
-            case "Function":
-              activeRange = {
-                from: to,
-                to
-              };
-              break;
-            case "CloseParen":
-              activeRange = {
-                from,
-                to: from
-              };
-              break;
-            case "RangeToken":
-            case "CellToken":
-              activeRange = {
-                from,
-                to
-              };
-              return true;
-          }
-        }
-        return false;
-      });
-      if (!activeRange && view2.state.doc.toString()[0] === "=") {
-        const str = view2.state.doc.sliceString(1);
-        if (import_chunk_KSEEI5VC.RANGE_NOTATION.test(str)) {
-          activeRange = {
-            from: 1,
-            to: str.length + 1
-          };
-        }
-      }
-      onStateChange?.({
-        activeRange: activeRange ? view2.state.doc.sliceString(activeRange.from, activeRange.to) : void 0
-      });
-    }
-  });
-};
-var visitTree = (node, callback) => {
-  if (callback(node)) {
-    return true;
-  }
-  for (let child = node.firstChild; child !== null; child = child.nextSibling) {
-    if (visitTree(child, callback)) {
-      return true;
-    }
-  }
-  return false;
-};
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/model/sheet-model.ts";
-var typeMap = {
-  BOOLEAN: {
-    type: import_echo_schema.TypeEnum.Boolean
-  },
-  NUMBER_RAW: {
-    type: import_echo_schema.TypeEnum.Number
-  },
-  NUMBER_PERCENT: {
-    type: import_echo_schema.TypeEnum.Number,
-    format: import_echo_schema.FormatEnum.Percent
-  },
-  NUMBER_CURRENCY: {
-    type: import_echo_schema.TypeEnum.Number,
-    format: import_echo_schema.FormatEnum.Currency
-  },
-  NUMBER_DATETIME: {
-    type: import_echo_schema.TypeEnum.String,
-    format: import_echo_schema.FormatEnum.DateTime
-  },
-  NUMBER_DATE: {
-    type: import_echo_schema.TypeEnum.String,
-    format: import_echo_schema.FormatEnum.Date
-  },
-  NUMBER_TIME: {
-    type: import_echo_schema.TypeEnum.String,
-    format: import_echo_schema.FormatEnum.Time
-  }
-};
-var getTopLeft = (range) => {
-  const to = range.to ?? range.from;
-  return {
-    row: Math.min(range.from.row, to.row),
-    col: Math.min(range.from.col, to.col)
-  };
-};
-var toSimpleCellAddress = (sheet, cell) => ({
-  sheet,
-  row: cell.row,
-  col: cell.col
-});
-var toModelRange = (sheet, range) => ({
-  start: toSimpleCellAddress(sheet, range.from),
-  end: toSimpleCellAddress(sheet, range.to ?? range.from)
-});
-var SheetModel = class extends import_context.Resource {
-  constructor(_graph, _sheet, _options = {}) {
-    super();
-    this._graph = _graph;
-    this._sheet = _sheet;
-    this._options = _options;
-    this.id = `model-${import_keys.PublicKey.random().truncate()}`;
-    this.update = new import_async2.Event();
-  }
-  get graph() {
-    return this._graph;
-  }
-  get sheet() {
-    return this._sheet;
-  }
-  get readonly() {
-    return this._options.readonly;
-  }
-  get bounds() {
-    return {
-      rows: this._sheet.rows.length,
-      columns: this._sheet.columns.length
-    };
-  }
-  /**
-  * Initialize sheet and engine.
-  */
-  async _open() {
-    (0, import_log.log)("initialize", {
-      id: this.id
-    }, {
-      F: __dxlog_file,
-      L: 115,
-      S: this,
-      C: (f, a) => f(...a)
-    });
-    (0, import_chunk_KSEEI5VC.initialize)(this._sheet);
-    this._graph.update.on((event) => {
-      if (event.type === "functionsUpdated") {
-        this.reset();
-      }
-    });
-    this._node = this._graph.getOrCreateNode((0, import_chunk_KSEEI5VC.createSheetName)({
-      type: (0, import_echo_schema.getTypename)(this._sheet),
-      id: this._sheet.id
-    }));
-    await this._node.open();
-    const unsubscribe = this._node.update.on((event) => this.update.emit(event));
-    this._ctx.onDispose(unsubscribe);
-    this.reset();
-  }
-  /**
-  * Update engine.
-  * NOTE: This resets the undo history.
-  * @deprecated
-  */
-  reset() {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 141,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    this._node.graph.hf.clearSheet(this._node.sheetId);
-    Object.entries(this._sheet.cells).forEach(([key, { value }]) => {
-      (0, import_invariant3.invariant)(this._node, void 0, {
-        F: __dxlog_file,
-        L: 144,
-        S: this,
-        A: [
-          "this._node",
-          ""
-        ]
-      });
-      const { col, row } = (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, key);
-      if ((0, import_chunk_KSEEI5VC.isFormula)(value)) {
-        const binding = this._graph.mapFunctionBindingFromId((0, import_chunk_KSEEI5VC.mapFormulaIndicesToRefs)(this._sheet, value));
-        if (binding) {
-          value = this._graph.mapFormulaToNative(binding);
-        } else {
-          value = "";
-        }
-      }
-      this._node.graph.hf.setCellContents({
-        sheet: this._node.sheetId,
-        row,
-        col
-      }, value);
-    });
-  }
-  /**
-  * Recalculate formulas.
-  * NOTE: This resets the undo history.
-  * https://hyperformula.handsontable.com/guide/volatile-functions.html#volatile-actions
-  * @deprecated
-  */
-  // TODO(burdon): Remove.
-  recalculate() {
-    this._node?.graph.hf.rebuildAndRecalculate();
-  }
-  insertRows(i, n = 1) {
-    const idx = (0, import_chunk_KSEEI5VC.insertIndices)(this._sheet.rows, i, n, import_chunk_KSEEI5VC.MAX_ROWS);
-    this.reset();
-    return idx;
-  }
-  insertColumns(i, n = 1) {
-    const idx = (0, import_chunk_KSEEI5VC.insertIndices)(this._sheet.columns, i, n, import_chunk_KSEEI5VC.MAX_COLUMNS);
-    this.reset();
-    return idx;
-  }
-  dropRow(rowIndex) {
-    const range = {
-      from: (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, `${this._sheet.columns[0]}@${rowIndex}`),
-      to: (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, `${this._sheet.columns[this._sheet.columns.length - 1]}@${rowIndex}`)
-    };
-    const values = this.getCellValues(range).flat();
-    const index = this._sheet.rows.indexOf(rowIndex);
-    this.clear(range);
-    this._sheet.rows.splice(index, 1);
-    delete this._sheet.rowMeta[rowIndex];
-    this.reset();
-    return {
-      axis: "row",
-      index,
-      axisIndex: rowIndex,
-      axisMeta: this._sheet.rowMeta[rowIndex],
-      values
-    };
-  }
-  dropColumn(colIndex) {
-    const range = {
-      from: (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, `${colIndex}@${this._sheet.rows[0]}`),
-      to: (0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, `${colIndex}@${this._sheet.rows[this._sheet.rows.length - 1]}`)
-    };
-    const values = this.getCellValues(range).flat();
-    const index = this._sheet.columns.indexOf(colIndex);
-    this.clear(range);
-    this._sheet.columns.splice(index, 1);
-    delete this._sheet.columnMeta[colIndex];
-    this.reset();
-    return {
-      axis: "col",
-      index,
-      axisIndex: colIndex,
-      axisMeta: this._sheet.rowMeta[colIndex],
-      values
-    };
-  }
-  restoreRow({ index, axisIndex, axisMeta, values }) {
-    this._sheet.rows.splice(index, 0, axisIndex);
-    values.forEach((value, col) => {
-      if (value) {
-        this._sheet.cells[`${this._sheet.columns[col]}@${axisIndex}`] = {
-          value
-        };
-      }
-    });
-    if (axisMeta) {
-      this._sheet.rowMeta[axisIndex] = axisMeta;
-    }
-    this.reset();
-  }
-  restoreColumn({ index, axisIndex, axisMeta, values }) {
-    this._sheet.columns.splice(index, 0, axisIndex);
-    values.forEach((value, row) => {
-      if (value) {
-        this._sheet.cells[`${axisIndex}@${this._sheet.rows[row]}`] = {
-          value
-        };
-      }
-    });
-    if (axisMeta) {
-      this._sheet.columnMeta[axisIndex] = axisMeta;
-    }
-    this.reset();
-  }
-  //
-  // Undoable actions.
-  // TODO(burdon): Group undoable methods; consistently update hf/sheet.
-  //
-  /**
-  * Clear range of values.
-  */
-  clear(range) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 247,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    const topLeft = getTopLeft(range);
-    const values = this._iterRange(range, () => null);
-    this._node.graph.hf.setCellContents(toSimpleCellAddress(this._node.sheetId, topLeft), values);
-    this._iterRange(range, (cell) => {
-      const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, cell);
-      delete this._sheet.cells[idx];
-    });
-  }
-  cut(range) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 258,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    this._node.graph.hf.cut(toModelRange(this._node.sheetId, range));
-    this._iterRange(range, (cell) => {
-      const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, cell);
-      delete this._sheet.cells[idx];
-    });
-  }
-  copy(range) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 267,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    this._node.graph.hf.copy(toModelRange(this._node.sheetId, range));
-  }
-  paste(cell) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 272,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    if (!this._node.graph.hf.isClipboardEmpty()) {
-      const changes = this._node.graph.hf.paste(toSimpleCellAddress(this._node.sheetId, cell));
-      for (const change of changes) {
-        if (change instanceof import_hyperformula.ExportedCellChange) {
-          const { address, newValue } = change;
-          const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, {
-            row: address.row,
-            col: address.col
-          });
-          this._sheet.cells[idx] = {
-            value: newValue
-          };
-        }
-      }
-    }
-  }
-  // TODO(burdon): Display undo/redo state.
-  undo() {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 287,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    if (this._node.graph.hf.isThereSomethingToUndo()) {
-      this._node.graph.hf.undo();
-    }
-  }
-  redo() {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 295,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    if (this._node.graph.hf.isThereSomethingToRedo()) {
-      this._node.graph.hf.redo();
-    }
-  }
-  /**
-  * Get value from sheet.
-  */
-  getCellValue(cell) {
-    const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, cell);
-    return this._sheet.cells[idx]?.value ?? null;
-  }
-  /**
-  * Get value as a string for editing.
-  */
-  getCellText(cell) {
-    const value = this.getCellValue(cell);
-    if (value == null) {
-      return void 0;
-    }
-    if ((0, import_chunk_KSEEI5VC.isFormula)(value)) {
-      return this._graph.mapFunctionBindingFromId((0, import_chunk_KSEEI5VC.mapFormulaIndicesToRefs)(this._sheet, value));
-    } else {
-      return String(value);
-    }
-  }
-  /**
-  * Get array of raw values from sheet.
-  */
-  getCellValues(range) {
-    return this._iterRange(range, (cell) => this.getCellValue(cell));
-  }
-  /**
-  * Gets the regular or computed value from the engine.
-  */
-  getValue(cell) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 338,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    const address = toSimpleCellAddress(this._node.sheetId, cell);
-    const value = this._node.graph.hf.getCellValue(address);
-    if (value instanceof import_hyperformula.DetailedCellError) {
-      import_log.log.info("cell error", {
-        cell,
-        error: value
-      }, {
-        F: __dxlog_file,
-        L: 343,
-        S: this,
-        C: (f, a) => f(...a)
-      });
-      return value.toString();
-    }
-    return value;
-  }
-  /**
-  * Get value type.
-  */
-  getValueDescription(cell) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 354,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    const addr = toSimpleCellAddress(this._node.sheetId, cell);
-    const type = this._node.graph.hf.getCellValueDetailedType(addr);
-    return typeMap[type];
-  }
-  /**
-  * Sets the value, updating the sheet and engine.
-  */
-  setValue(cell, value) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 364,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    if (this._options.readonly) {
-      throw new import_chunk_KSEEI5VC.ReadonlyException();
-    }
-    let refresh = false;
-    if (cell.row >= this._sheet.rows.length) {
-      (0, import_chunk_KSEEI5VC.insertIndices)(this._sheet.rows, cell.row, 1, import_chunk_KSEEI5VC.MAX_ROWS);
-      refresh = true;
-    }
-    if (cell.col >= this._sheet.columns.length) {
-      (0, import_chunk_KSEEI5VC.insertIndices)(this._sheet.columns, cell.col, 1, import_chunk_KSEEI5VC.MAX_COLUMNS);
-      refresh = true;
-    }
-    if (refresh) {
-      this.reset();
-    }
-    this._node.graph.hf.setCellContents({
-      sheet: this._node.sheetId,
-      row: cell.row,
-      col: cell.col
-    }, [
-      [
-        (0, import_chunk_KSEEI5VC.isFormula)(value) ? this._graph.mapFormulaToNative(value) : value
-      ]
-    ]);
-    const idx = (0, import_chunk_KSEEI5VC.addressToIndex)(this._sheet, cell);
-    if (value === void 0 || value === null) {
-      delete this._sheet.cells[idx];
-    } else {
-      if ((0, import_chunk_KSEEI5VC.isFormula)(value)) {
-        value = this._graph.mapFunctionBindingToId((0, import_chunk_KSEEI5VC.mapFormulaRefsToIndices)(this._sheet, value));
-      }
-      this._sheet.cells[idx] = {
-        value
-      };
-    }
-  }
-  /**
-  * Sets values from a simple map.
-  */
-  setValues(values) {
-    Object.entries(values).forEach(([key, { value }]) => {
-      this.setValue((0, import_chunk_KSEEI5VC.addressFromA1Notation)(key), value);
-    });
-  }
-  /**
-  * Iterate range.
-  */
-  _iterRange(range, cb) {
-    const to = range.to ?? range.from;
-    const rowRange = [
-      Math.min(range.from.row, to.row),
-      Math.max(range.from.row, to.row)
-    ];
-    const columnRange = [
-      Math.min(range.from.col, to.col),
-      Math.max(range.from.col, to.col)
-    ];
-    const rows = [];
-    for (let row = rowRange[0]; row <= rowRange[1]; row++) {
-      const rowCells = [];
-      for (let column = columnRange[0]; column <= columnRange[1]; column++) {
-        const value = cb({
-          row,
-          col: column
-        });
-        if (value !== void 0) {
-          rowCells.push(value);
-        }
-      }
-      rows.push(rowCells);
-    }
-    return rows;
-  }
-  // TODO(burdon): Delete index.
-  _deleteIndices(indices, i, n) {
-    throw new Error("Not implemented");
-  }
-  // TODO(burdon): Move. Cannot use fractional without changing. Switch back to using unique IDs?
-  _moveIndices(indices, i, j, n) {
-    throw new Error("Not implemented");
-  }
-  /**
-  * Map from indices to A1 notation.
-  */
-  mapFormulaIndicesToRefs(formula) {
-    (0, import_invariant3.invariant)((0, import_chunk_KSEEI5VC.isFormula)(formula), void 0, {
-      F: __dxlog_file,
-      L: 449,
-      S: this,
-      A: [
-        "isFormula(formula)",
-        ""
-      ]
-    });
-    return formula.replace(/([a-zA-Z0-9]+)@([a-zA-Z0-9]+)/g, (idx) => {
-      return (0, import_chunk_KSEEI5VC.addressToA1Notation)((0, import_chunk_KSEEI5VC.addressFromIndex)(this._sheet, idx));
-    });
-  }
-  //
-  // Values
-  //
-  /**
-  * https://hyperformula.handsontable.com/guide/date-and-time-handling.html#example
-  * https://hyperformula.handsontable.com/api/interfaces/configparams.html#nulldate
-  * NOTE: TODAY() is number of FULL days since nullDate. It will typically be -1 days from NOW().
-  */
-  toLocalDate(num) {
-    const { year, month, day, hours, minutes, seconds } = this.toDateTime(num);
-    return new Date(year, month - 1, day, hours, minutes, seconds);
-  }
-  toDateTime(num) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 470,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    return this._node.graph.hf.numberToDateTime(num);
-  }
-  toDate(num) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 475,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    return this._node.graph.hf.numberToDate(num);
-  }
-  toTime(num) {
-    (0, import_invariant3.invariant)(this._node, void 0, {
-      F: __dxlog_file,
-      L: 480,
-      S: this,
-      A: [
-        "this._node",
-        ""
-      ]
-    });
-    return this._node.graph.hf.numberToTime(num);
-  }
-};
-var useSheetModel = (graph, sheet, { readonly } = {}) => {
-  const [model, setModel] = (0, import_react3.useState)();
-  (0, import_react3.useEffect)(() => {
-    if (!graph || !sheet) {
-      return;
-    }
-    let model2;
-    const t = setTimeout(async () => {
-      model2 = new SheetModel(graph, sheet, {
-        readonly
-      });
-      await model2.open();
-      setModel(model2);
-    });
-    return () => {
-      clearTimeout(t);
-      void model2?.close();
-    };
-  }, [
-    graph,
-    sheet,
-    readonly
-  ]);
-  return model;
-};
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx";
-var SheetContext = /* @__PURE__ */ (0, import_react2.createContext)(void 0);
-var useSheetContext = () => {
-  const context = (0, import_react2.useContext)(SheetContext);
-  (0, import_invariant2.invariant)(context, void 0, {
-    F: __dxlog_file2,
-    L: 55,
-    S: void 0,
-    A: [
-      "context",
-      ""
-    ]
-  });
-  return context;
-};
-var SheetProviderImpl = ({ model, onInfo, ignoreAttention, children, __gridScope }) => {
-  const { id, editing, setEditing } = (0, import_react_ui_grid.useGridContext)("SheetProvider", __gridScope);
-  const [cursor, setCursorInternal] = (0, import_react2.useState)();
-  const [range, setRangeInternal] = (0, import_react2.useState)();
-  const [cursorFallbackRange, setCursorFallbackRange] = (0, import_react2.useState)();
-  const [activeRefs, setActiveRefs] = (0, import_react2.useState)("");
-  const setCursor = (0, import_react2.useCallback)((nextCursor) => {
-    setCursorInternal(nextCursor);
-    setCursorFallbackRange(range?.to ? range : nextCursor ? {
-      from: nextCursor,
-      to: nextCursor
-    } : void 0);
-  }, [
-    range
-  ]);
-  const setRange = (0, import_react2.useCallback)((nextRange) => {
-    setRangeInternal(nextRange);
-    setCursorFallbackRange(nextRange?.to ? nextRange : cursor ? {
-      from: cursor,
-      to: cursor
-    } : void 0);
-  }, [
-    cursor
-  ]);
-  return /* @__PURE__ */ import_react2.default.createElement(SheetContext.Provider, {
-    value: {
-      id,
-      model,
-      editing,
-      setEditing,
-      cursor,
-      setCursor,
-      range,
-      setRange,
-      cursorFallbackRange,
-      activeRefs,
-      setActiveRefs,
-      // TODO(burdon): Change to event.
-      onInfo,
-      ignoreAttention
-    }
-  }, children);
-};
-var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo }) => {
-  const model = useSheetModel(graph, sheet, {
-    readonly
-  });
-  return !model ? null : /* @__PURE__ */ import_react2.default.createElement(import_react_ui_grid.Grid.Root, {
-    id: (0, import_echo.fullyQualifiedId)(sheet)
-  }, /* @__PURE__ */ import_react2.default.createElement(SheetProviderImpl, {
-    model,
-    onInfo,
-    ignoreAttention
-  }, children));
-};
-var RangeList = ({ sheet }) => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_2ZVZI2KJ.SHEET_PLUGIN);
-  const handleSelectRange = (range) => {
-  };
-  const handleDeleteRange = (0, import_react8.useCallback)((range) => {
-    const index = sheet.ranges.findIndex((sheetRange) => sheetRange === range);
-    sheet.ranges.splice(index, 1);
-  }, [
-    sheet
-  ]);
-  return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("h2", {
-    className: "p-2 text-sm font-semibold"
-  }, t("range list heading")), /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.Root, {
-    items: sheet.ranges,
-    isItem: import_echo_schema2.S.is(import_chunk_OWH2EUHZ.Range)
-  }, ({ items: ranges }) => ranges.map((range, i) => /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.Item, {
-    key: i,
-    item: range,
-    classNames: [
-      "p-2",
-      import_react_ui_theme3.ghostHover
-    ]
-  }, /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.ItemDragHandle, null), /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.ItemTitle, {
-    onClick: () => handleSelectRange(range)
-  }, t("range title", {
-    position: (0, import_chunk_KSEEI5VC.rangeToA1Notation)((0, import_chunk_KSEEI5VC.rangeFromIndex)(sheet, range.range)),
-    key: t(`range key ${range.key} label`),
-    value: t(`range value ${range.value} label`)
-  })), /* @__PURE__ */ import_react8.default.createElement(import_react_ui_list.List.ItemDeleteButton, {
-    onClick: () => handleDeleteRange(range)
-  })))));
-};
-var SheetObjectSettings = ({ sheet }) => {
-  const { t } = (0, import_react_ui3.useTranslation)(import_meta.SPACE_PLUGIN);
-  return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement("div", {
-    role: "form",
-    className: "flex flex-col w-full p-2 gap-1"
-  }, /* @__PURE__ */ import_react9.default.createElement(import_react_ui3.Input.Root, null, /* @__PURE__ */ import_react9.default.createElement(import_react_ui3.Input.Label, null, t("name label")), /* @__PURE__ */ import_react9.default.createElement(import_react_ui3.Input.TextInput, {
-    placeholder: t("name placeholder"),
-    value: sheet.name ?? "",
-    onChange: (event) => {
-      sheet.name = event.target.value;
-    }
-  }))), /* @__PURE__ */ import_react9.default.createElement(RangeList, {
-    sheet
-  }));
-};
-var SheetContainer = (0, import_react7.lazy)(() => import("./SheetContainer-VVVRYTQG.cjs"));
-var completeCellRangeToThreadCursor = (range) => {
-  return `${range.from.col},${range.from.row},${range.to.col},${range.to.row}`;
-};
-var parseThreadAnchorAsCellRange = (cursor) => {
-  const coords = cursor.split(",");
-  if (coords.length !== 4) {
-    return null;
-  } else {
-    const [fromCol, fromRow, toCol, toRow] = coords;
-    return {
-      from: {
-        col: parseInt(fromCol),
-        row: parseInt(fromRow)
-      },
-      to: {
-        col: parseInt(toCol),
-        row: parseInt(toRow)
-      }
-    };
-  }
-};
-var useUpdateFocusedCellOnThreadSelection = (grid) => {
-  const { model, setActiveRefs } = useSheetContext();
-  const handleScrollIntoView = (0, import_react6.useCallback)(({ action, data }) => {
-    switch (action) {
-      case import_app_framework2.LayoutAction.SCROLL_INTO_VIEW: {
-        if (!data?.id || data?.cursor === void 0 || data?.id !== (0, import_echo3.fullyQualifiedId)(model.sheet)) {
-          return;
-        }
-        setActiveRefs(data.thread);
-        const range = parseThreadAnchorAsCellRange(data.cursor);
-        range && grid?.setFocus({
-          ...range.to,
-          plane: "grid"
-        }, true);
-        return {
-          data: true
-        };
-      }
-    }
-  }, [
-    model.sheet,
-    setActiveRefs
-  ]);
-  (0, import_app_framework2.useIntentResolver)(import_chunk_2ZVZI2KJ.SHEET_PLUGIN, handleScrollIntoView);
-};
-var useSelectThreadOnCellFocus = () => {
-  const { model, cursor } = useSheetContext();
-  const dispatch = (0, import_app_framework2.useIntentDispatcher)();
-  const threads = (0, import_react6.useMemo)(() => model.sheet.threads?.filter((thread) => !!thread) ?? [], [
-    // TODO(thure): Surely we can find a better dependency for this…
-    JSON.stringify(model.sheet.threads)
-  ]);
-  const selectClosestThread = (0, import_react6.useCallback)((cellAddress) => {
-    if (!cellAddress || !threads) {
-      return;
-    }
-    const closestThread = threads?.find(({ anchor }) => {
-      if (anchor) {
-        const range = parseThreadAnchorAsCellRange(anchor);
-        return range ? (0, import_chunk_KSEEI5VC.inRange)(range, cellAddress) : false;
-      } else {
-        return false;
-      }
-    });
-    if (closestThread) {
-      void dispatch([
-        {
-          action: "dxos.org/plugin/thread/action/select",
-          data: {
-            current: (0, import_echo3.fullyQualifiedId)(closestThread)
-          }
-        }
-      ]);
-    }
-  }, [
-    dispatch,
-    threads
-  ]);
-  const debounced = (0, import_react6.useMemo)(() => {
-    return (0, import_async3.debounce)((cellCoords) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);
-  }, [
-    selectClosestThread
-  ]);
-  (0, import_react6.useEffect)(() => {
-    if (!cursor) {
-      return;
-    }
-    debounced(cursor);
-  }, [
-    cursor,
-    debounced
-  ]);
-};
-var createDxGridColumns = (model) => {
-  return model.sheet.columns.reduce((acc, columnId, numericIndex) => {
-    if (model.sheet.columnMeta[columnId] && model.sheet.columnMeta[columnId].size) {
-      acc.grid[numericIndex] = {
-        size: model.sheet.columnMeta[columnId].size,
-        resizeable: true
-      };
-    }
-    return acc;
-  }, {
-    grid: {}
-  });
-};
-var createDxGridRows = (model) => {
-  return model.sheet.rows.reduce((acc, rowId, numericIndex) => {
-    if (model.sheet.rowMeta[rowId] && model.sheet.rowMeta[rowId].size) {
-      acc.grid[numericIndex] = {
-        size: model.sheet.rowMeta[rowId].size,
-        resizeable: true
-      };
-    }
-    return acc;
-  }, {
-    grid: {}
-  });
-};
-var projectCellProps = (model, col, row) => {
-  const address = {
-    col,
-    row
-  };
-  const rawValue = model.getValue(address);
-  const ranges = model.sheet.ranges?.filter(({ range }) => (0, import_chunk_KSEEI5VC.inRange)((0, import_chunk_KSEEI5VC.rangeFromIndex)(model.sheet, range), address));
-  const threadRefs = model.sheet.threads?.filter((thread) => {
-    const range = thread?.anchor && parseThreadAnchorAsCellRange(thread.anchor);
-    return thread && range ? (0, import_chunk_KSEEI5VC.inRange)(range, address) : false;
-  }).map((thread) => (0, import_echo2.fullyQualifiedId)(thread)).join(" ");
-  const description = model.getValueDescription(address);
-  const type = description?.type;
-  const format = description?.format;
-  const classNames = ranges?.map(import_chunk_KSEEI5VC.cellClassNameForRange).reverse();
-  return {
-    value: (0, import_react_ui_form.parseValue)({
-      type,
-      format,
-      value: rawValue
-    }),
-    className: (0, import_react_ui_theme2.mx)((0, import_react_ui_form.cellClassesForFieldType)({
-      type,
-      format
-    }), threadRefs && import_react_ui_grid3.commentedClassName, classNames),
-    dataRefs: threadRefs
-  };
-};
-var gridCellGetter = (model) => {
-  const cachedGridCells = {};
-  return (nextBounds) => {
-    [
-      ...Array(nextBounds.end.col - nextBounds.start.col)
-    ].forEach((_, c0) => {
-      return [
-        ...Array(nextBounds.end.row - nextBounds.start.row)
-      ].forEach((_2, r0) => {
-        const col = nextBounds.start.col + c0;
-        const row = nextBounds.start.row + r0;
-        cachedGridCells[`${col},${row}`] = projectCellProps(model, col, row);
-      });
-    });
-    return cachedGridCells;
-  };
-};
-var rowLabelCell = (row) => ({
-  value: (0, import_react_ui_grid3.rowToA1Notation)(row),
-  className: "text-end !pie-1 text-subdued",
-  resizeHandle: "row"
-});
-var colLabelCell = (col) => ({
-  value: (0, import_react_ui_grid3.colToA1Notation)(col),
-  className: "text-subdued",
-  resizeHandle: "col"
-});
-var cellGetter = (model) => {
-  const getGridCells = gridCellGetter(model);
-  return (nextBounds, plane) => {
-    switch (plane) {
-      case "grid":
-        return getGridCells(nextBounds);
-      case "frozenColsStart":
-        return [
-          ...Array(nextBounds.end.row - nextBounds.start.row)
-        ].reduce((acc, _, r0) => {
-          const r = nextBounds.start.row + r0;
-          acc[`0,${r}`] = rowLabelCell(r);
-          return acc;
-        }, {});
-      case "frozenRowsStart":
-        return [
-          ...Array(nextBounds.end.col - nextBounds.start.col)
-        ].reduce((acc, _, c0) => {
-          const c = nextBounds.start.col + c0;
-          acc[`${c},0`] = colLabelCell(c);
-          return acc;
-        }, {});
-      default:
-        return {};
-    }
-  };
-};
-var useSheetModelDxGridProps = (dxGrid, model) => {
-  const [columns, setColumns] = (0, import_react5.useState)(createDxGridColumns(model));
-  const [rows, setRows] = (0, import_react5.useState)(createDxGridRows(model));
-  (0, import_react5.useEffect)(() => {
-    const cellsAccessor = (0, import_echo2.createDocAccessor)(model.sheet, [
-      "cells"
-    ]);
-    if (dxGrid) {
-      dxGrid.getCells = cellGetter(model);
-    }
-    const handleCellsUpdate = () => {
-      dxGrid?.requestUpdate("initialCells");
-    };
-    cellsAccessor.handle.addListener("change", handleCellsUpdate);
-    const unsubscribe = model.graph.update.on(handleCellsUpdate);
-    return () => {
-      cellsAccessor.handle.removeListener("change", handleCellsUpdate);
-      unsubscribe();
-    };
-  }, [
-    model,
-    dxGrid
-  ]);
-  (0, import_react5.useEffect)(() => {
-    const columnMetaAccessor = (0, import_echo2.createDocAccessor)(model.sheet, [
-      "columnMeta"
-    ]);
-    const rowMetaAccessor = (0, import_echo2.createDocAccessor)(model.sheet, [
-      "rowMeta"
-    ]);
-    const handleColumnMetaUpdate = () => {
-      setColumns(createDxGridColumns(model));
-    };
-    const handleRowMetaUpdate = () => {
-      setRows(createDxGridRows(model));
-    };
-    columnMetaAccessor.handle.addListener("change", handleColumnMetaUpdate);
-    rowMetaAccessor.handle.addListener("change", handleRowMetaUpdate);
-    return () => {
-      columnMetaAccessor.handle.removeListener("change", handleColumnMetaUpdate);
-      rowMetaAccessor.handle.removeListener("change", handleRowMetaUpdate);
-    };
-  }, [
-    model,
-    dxGrid
-  ]);
-  return {
-    columns,
-    rows
-  };
-};
-var inertPosition = {
-  plane: "grid",
-  col: 0,
-  row: 0
-};
-var initialCells = {
-  grid: {},
-  frozenColsStart: [
-    ...Array(64)
-  ].reduce((acc, _, i) => {
-    acc[`0,${i}`] = rowLabelCell(i);
-    return acc;
-  }, {}),
-  frozenRowsStart: [
-    ...Array(12)
-  ].reduce((acc, _, i) => {
-    acc[`${i},0`] = colLabelCell(i);
-    return acc;
-  }, {})
-};
-var frozen = {
-  frozenColsStart: 1,
-  frozenRowsStart: 1
-};
-var sheetRowDefault = {
-  frozenRowsStart: {
-    size: import_react_ui_grid2.defaultSizeRow,
-    readonly: true
-  },
-  grid: {
-    size: import_react_ui_grid2.defaultSizeRow,
-    resizeable: true
-  }
-};
-var sheetColDefault = {
-  frozenColsStart: {
-    size: 48,
-    readonly: true
-  },
-  grid: {
-    size: 180,
-    resizeable: true
-  }
-};
-var GridSheet = () => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_2ZVZI2KJ.SHEET_PLUGIN);
-  const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs, ignoreAttention } = useSheetContext();
-  const [dxGrid, setDxGrid] = (0, import_react4.useState)(null);
-  const [extraplanarFocus, setExtraplanarFocus] = (0, import_react4.useState)(null);
-  const dispatch = (0, import_app_framework.useIntentDispatcher)();
-  const rangeController = (0, import_react4.useRef)();
-  const { hasAttention } = (0, import_react_ui_attention.useAttention)(id);
-  const handleFocus = (0, import_react4.useCallback)((event) => {
-    if (!editing) {
-      const cell = (0, import_react_ui_grid2.closestCell)(event.target);
-      if (cell) {
-        if (cell.plane === "grid") {
-          setCursor({
-            col: cell.col,
-            row: cell.row
-          });
-          setExtraplanarFocus(null);
-        } else {
-          setExtraplanarFocus(cell);
-        }
-      } else {
-        setExtraplanarFocus(null);
-      }
-    }
-  }, [
-    editing
-  ]);
-  const handleClose = (0, import_react4.useCallback)((_value, event) => {
-    if (event) {
-      const { key, shift } = event;
-      const axis = [
-        "Enter",
-        "ArrowUp",
-        "ArrowDown"
-      ].includes(key) ? "row" : [
-        "Tab",
-        "ArrowLeft",
-        "ArrowRight"
-      ].includes(key) ? "col" : void 0;
-      const delta = key.startsWith("Arrow") ? [
-        "ArrowUp",
-        "ArrowLeft"
-      ].includes(key) ? -1 : 1 : shift ? -1 : 1;
-      dxGrid?.refocus(axis, delta);
-    }
-  }, [
-    model,
-    editing,
-    dxGrid
-  ]);
-  const handleBlur = (0, import_react4.useCallback)((value) => {
-    if (value !== void 0) {
-      model.setValue((0, import_react_ui_grid2.parseCellIndex)(editing.index), value);
-    }
-  }, [
-    model,
-    editing
-  ]);
-  const handleAxisResize = (0, import_react4.useCallback)(({ axis, size, index: numericIndex }) => {
-    if (axis === "row") {
-      const rowId = model.sheet.rows[parseInt(numericIndex)];
-      model.sheet.rowMeta[rowId] ??= {};
-      model.sheet.rowMeta[rowId].size = size;
-    } else {
-      const columnId = model.sheet.columns[parseInt(numericIndex)];
-      model.sheet.columnMeta[columnId] ??= {};
-      model.sheet.columnMeta[columnId].size = size;
-    }
-  }, [
-    model
-  ]);
-  const handleSelect = (0, import_react4.useCallback)(({ minCol, maxCol, minRow, maxRow }) => {
-    const range = {
-      from: {
-        col: minCol,
-        row: minRow
-      }
-    };
-    if (minCol !== maxCol || minRow !== maxRow) {
-      range.to = {
-        col: maxCol,
-        row: maxRow
-      };
-    }
-    if (editing) {
-      rangeController.current?.setRange((0, import_chunk_KSEEI5VC.rangeToA1Notation)(range));
-    } else {
-      setRange(range.to ? range : void 0);
-    }
-  }, [
-    editing
-  ]);
-  const handleWheel = (0, import_react4.useCallback)((event) => {
-    if (!ignoreAttention && !hasAttention) {
-      event.stopPropagation();
-    }
-  }, [
-    hasAttention,
-    ignoreAttention
-  ]);
-  const selectEntireAxis = (0, import_react4.useCallback)((pos) => {
-    switch (pos.plane) {
-      case "frozenRowsStart":
-        return dxGrid?.setSelection({
-          start: {
-            col: pos.col,
-            row: 0,
-            plane: "grid"
-          },
-          end: {
-            col: pos.col,
-            row: model.sheet.rows.length - 1,
-            plane: "grid"
-          }
-        });
-      case "frozenColsStart":
-        return dxGrid?.setSelection({
-          start: {
-            row: pos.row,
-            col: 0,
-            plane: "grid"
-          },
-          end: {
-            row: pos.row,
-            col: model.sheet.columns.length - 1,
-            plane: "grid"
-          }
-        });
-    }
-  }, [
-    dxGrid,
-    model.sheet
-  ]);
-  const handleClick = (0, import_react4.useCallback)((event) => {
-    const cell = (0, import_react_ui_grid2.closestCell)(event.target);
-    if (cell) {
-      selectEntireAxis(cell);
-    }
-  }, [
-    selectEntireAxis
-  ]);
-  const handleKeyDown = (0, import_react4.useCallback)((event) => {
-    switch (event.key) {
-      case "Backspace":
-      case "Delete":
-        event.preventDefault();
-        return cursorFallbackRange && model.clear(cursorFallbackRange);
-      case "Enter":
-      case "Space":
-        if (dxGrid && extraplanarFocus) {
-          switch (extraplanarFocus.plane) {
-            case "frozenRowsStart":
-            case "frozenColsStart":
-              event.preventDefault();
-              return selectEntireAxis(extraplanarFocus);
-          }
-        }
-    }
-    if (event.metaKey || event.ctrlKey) {
-      switch (event.key) {
-        case "x":
-        case "X":
-          event.preventDefault();
-          return cursorFallbackRange && model.cut(cursorFallbackRange);
-        case "c":
-        case "C":
-          event.preventDefault();
-          return cursorFallbackRange && model.copy(cursorFallbackRange);
-        case "v":
-        case "V":
-          event.preventDefault();
-          return cursor && model.paste(cursor);
-        case "z":
-          event.preventDefault();
-          return event.shiftKey ? model.redo() : model.undo();
-        case "Z":
-        case "y":
-          event.preventDefault();
-          return model.redo();
-      }
-    }
-  }, [
-    cursorFallbackRange,
-    model,
-    cursor,
-    extraplanarFocus,
-    selectEntireAxis
-  ]);
-  const contextMenuAnchorRef = (0, import_react4.useRef)(null);
-  const [contextMenuOpen, setContextMenuOpen] = (0, import_react4.useState)(null);
-  const contextMenuAxis = contextMenuOpen?.plane.startsWith("frozenRows") ? "col" : "row";
-  const handleContextMenu = (0, import_react4.useCallback)((event) => {
-    const cell = (0, import_react_ui_grid2.closestCell)(event.target);
-    if (cell && cell.plane.startsWith("frozen")) {
-      event.preventDefault();
-      contextMenuAnchorRef.current = event.target;
-      setContextMenuOpen(cell);
-    }
-  }, []);
-  const handleAxisMenuAction = (0, import_react4.useCallback)((operation) => {
-    switch (operation) {
-      case "insert-before":
-      case "insert-after":
-        return dispatch({
-          action: import_chunk_OWH2EUHZ.SheetAction.INSERT_AXIS,
-          data: {
-            model,
-            axis: contextMenuAxis,
-            index: contextMenuOpen[contextMenuAxis] + (operation === "insert-before" ? 0 : 1)
-          }
-        });
-        break;
-      case "drop":
-        return dispatch({
-          action: import_chunk_OWH2EUHZ.SheetAction.DROP_AXIS,
-          data: {
-            model,
-            axis: contextMenuAxis,
-            axisIndex: model.sheet[contextMenuAxis === "row" ? "rows" : "columns"][contextMenuOpen[contextMenuAxis]]
-          }
-        });
-    }
-  }, [
-    contextMenuAxis,
-    contextMenuOpen,
-    model,
-    dispatch
-  ]);
-  const { columns, rows } = useSheetModelDxGridProps(dxGrid, model);
-  const extension = (0, import_react4.useMemo)(() => [
-    (0, import_react_ui_grid2.editorKeys)({
-      onClose: handleClose,
-      ...editing?.initialContent && {
-        onNav: handleClose
-      }
-    }),
-    sheetExtension({
-      functions: model.graph.getFunctions()
-    }),
-    rangeExtension({
-      onInit: (fn) => rangeController.current = fn,
-      onStateChange: (state) => {
-        if (dxGrid) {
-          dxGrid.mode = typeof state.activeRange === "undefined" ? "edit" : "edit-select";
-        }
-      }
-    })
-  ], [
-    model,
-    handleClose,
-    editing
-  ]);
-  const getCellContent = (0, import_react4.useCallback)((index) => {
-    return model.getCellText((0, import_react_ui_grid2.parseCellIndex)(index));
-  }, [
-    model
-  ]);
-  useUpdateFocusedCellOnThreadSelection(dxGrid);
-  useSelectThreadOnCellFocus();
-  return /* @__PURE__ */ import_react4.default.createElement("div", {
-    role: "none",
-    className: "relative min-bs-0"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_grid2.GridCellEditor, {
-    getCellContent,
-    extension,
-    onBlur: handleBlur
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_grid2.Grid.Content, {
-    initialCells,
-    limitColumns: import_chunk_KSEEI5VC.DEFAULT_COLUMNS,
-    limitRows: import_chunk_KSEEI5VC.DEFAULT_ROWS,
-    columns,
-    rows,
-    onAxisResize: handleAxisResize,
-    onSelect: handleSelect,
-    rowDefault: sheetRowDefault,
-    columnDefault: sheetColDefault,
-    frozen,
-    onFocus: handleFocus,
-    onWheelCapture: handleWheel,
-    onKeyDown: handleKeyDown,
-    onContextMenu: handleContextMenu,
-    onClick: handleClick,
-    overscroll: "trap",
-    className: "[--dx-grid-base:var(--surface-bg)] [&_.dx-grid]:border-bs [&_.dx-grid]:absolute [&_.dx-grid]:inset-0 [&_.dx-grid]:border-separator",
-    activeRefs,
-    ref: setDxGrid
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Root, {
-    modal: false,
-    open: !!contextMenuOpen,
-    onOpenChange: (nextOpen) => setContextMenuOpen(nextOpen ? inertPosition : null)
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.VirtualTrigger, {
-    virtualRef: contextMenuAnchorRef
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Content, {
-    side: contextMenuAxis === "col" ? "bottom" : "right",
-    sideOffset: 4,
-    collisionPadding: 8
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Viewport, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("insert-before"),
-    "data-testid": `grid.${contextMenuAxis}.insert-before`
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Icon, {
-    size: 5,
-    icon: contextMenuAxis === "col" ? "ph--columns-plus-left--regular" : "ph--rows-plus-top--regular"
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("insert-after"),
-    "data-testid": `grid.${contextMenuAxis}.insert-after`
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Icon, {
-    size: 5,
-    icon: contextMenuAxis === "col" ? "ph--columns-plus-right--regular" : "ph--rows-plus-bottom--regular"
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("drop"),
-    "data-testid": `grid.${contextMenuAxis}.drop`
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui.Icon, {
-    size: 5,
-    icon: "ph--backspace--regular"
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui.DropdownMenu.Arrow, null))));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ComputeGraphContextProvider,
-  GridSheet,
-  SheetContainer,
-  SheetObjectSettings,
-  SheetProvider,
-  completeCellRangeToThreadCursor,
-  computeGraphFacet,
-  useComputeGraph,
-  useSheetContext
-});
-//# sourceMappingURL=chunk-45YW2DX2.cjs.map