@dxos/plugin-sheet 0.7.2 → 0.7.3-main.2dd075e

package/dist/lib/node-esm/{chunk-6GSTEN7N.mjs → chunk-NYDNXI7L.mjs}

@@ -16,13 +16,15 @@ import {
   initialize,
   insertIndices,
   isFormula,
+  mapFormulaIndicesToRefs,
+  mapFormulaRefsToIndices,
   rangeFromIndex,
   rangeToA1Notation
-} from "./chunk-CR4K75EL.mjs";
+} from "./chunk-6JF2AHKO.mjs";
 import {
   Range,
   SheetAction
-} from "./chunk-UIBWRHW7.mjs";
+} from "./chunk-BVS2IQRO.mjs";
 import {
   SHEET_PLUGIN
 } from "./chunk-BM2Q3FFC.mjs";
@@ -103,7 +105,7 @@ var highlightStyles = HighlightStyle.define([
   }
 ]);
 var languageFacet = singleValueFacet2();
-var sheetExtension = ({ functions = [] }) => {
+var sheetExtension = ({ debug, functions = [] }) => {
   const { extension, language } = spreadsheet({
     idiom: "en-US",
     decimalSeparator: "."
@@ -179,8 +181,7 @@ var sheetExtension = ({ functions = [] }) => {
       aboveCursor: false,
       defaultKeymap: true,
       activateOnTyping: true,
-      // NOTE: Useful for debugging.
-      closeOnBlur: false,
+      closeOnBlur: !debug,
       icons: false,
       tooltipClass: () => mx("!-left-[1px] !top-[33px] !-m-0 border !border-t-0 [&>ul]:!min-w-[198px]", "[&>ul>li[aria-selected]]:!bg-accentSurface", "border-separator")
     }),
@@ -367,7 +368,7 @@ var SheetModel = class extends Resource {
       id: this.id
     }, {
       F: __dxlog_file,
-      L: 113,
+      L: 115,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -394,7 +395,7 @@ var SheetModel = class extends Resource {
   reset() {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 139,
+      L: 141,
       S: this,
       A: [
         "this._node",
@@ -405,7 +406,7 @@ var SheetModel = class extends Resource {
     Object.entries(this._sheet.cells).forEach(([key, { value }]) => {
       invariant2(this._node, void 0, {
         F: __dxlog_file,
-        L: 142,
+        L: 144,
         S: this,
         A: [
           "this._node",
@@ -414,7 +415,7 @@ var SheetModel = class extends Resource {
       });
       const { col, row } = addressFromIndex(this._sheet, key);
       if (isFormula(value)) {
-        const binding = this._graph.mapFunctionBindingFromId(this.mapFormulaIndicesToRefs(value));
+        const binding = this._graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs(this._sheet, value));
         if (binding) {
           value = this._graph.mapFormulaToNative(binding);
         } else {
@@ -524,7 +525,7 @@ var SheetModel = class extends Resource {
   clear(range) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 245,
+      L: 247,
       S: this,
       A: [
         "this._node",
@@ -542,7 +543,7 @@ var SheetModel = class extends Resource {
   cut(range) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 256,
+      L: 258,
       S: this,
       A: [
         "this._node",
@@ -558,7 +559,7 @@ var SheetModel = class extends Resource {
   copy(range) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 265,
+      L: 267,
       S: this,
       A: [
         "this._node",
@@ -570,7 +571,7 @@ var SheetModel = class extends Resource {
   paste(cell) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 270,
+      L: 272,
       S: this,
       A: [
         "this._node",
@@ -597,7 +598,7 @@ var SheetModel = class extends Resource {
   undo() {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 285,
+      L: 287,
       S: this,
       A: [
         "this._node",
@@ -611,7 +612,7 @@ var SheetModel = class extends Resource {
   redo() {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 293,
+      L: 295,
       S: this,
       A: [
         "this._node",
@@ -638,7 +639,7 @@ var SheetModel = class extends Resource {
       return void 0;
     }
     if (isFormula(value)) {
-      return this._graph.mapFunctionBindingFromId(this.mapFormulaIndicesToRefs(value));
+      return this._graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs(this._sheet, value));
     } else {
       return String(value);
     }
@@ -655,7 +656,7 @@ var SheetModel = class extends Resource {
   getValue(cell) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 336,
+      L: 338,
       S: this,
       A: [
         "this._node",
@@ -670,7 +671,7 @@ var SheetModel = class extends Resource {
         error: value
       }, {
         F: __dxlog_file,
-        L: 341,
+        L: 343,
         S: this,
         C: (f, a) => f(...a)
       });
@@ -684,7 +685,7 @@ var SheetModel = class extends Resource {
   getValueDescription(cell) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 352,
+      L: 354,
       S: this,
       A: [
         "this._node",
@@ -701,7 +702,7 @@ var SheetModel = class extends Resource {
   setValue(cell, value) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 362,
+      L: 364,
       S: this,
       A: [
         "this._node",
@@ -737,7 +738,7 @@ var SheetModel = class extends Resource {
       delete this._sheet.cells[idx];
     } else {
       if (isFormula(value)) {
-        value = this._graph.mapFunctionBindingToId(this.mapFormulaRefsToIndices(value));
+        value = this._graph.mapFunctionBindingToId(mapFormulaRefsToIndices(this._sheet, value));
       }
       this._sheet.cells[idx] = {
         value
@@ -789,33 +790,13 @@ var SheetModel = class extends Resource {
   _moveIndices(indices, i, j, n) {
     throw new Error("Not implemented");
   }
-  //
-  // Indices.
-  //
-  /**
-  * Map from A1 notation to indices.
-  */
-  mapFormulaRefsToIndices(formula) {
-    invariant2(isFormula(formula), void 0, {
-      F: __dxlog_file,
-      L: 451,
-      S: this,
-      A: [
-        "isFormula(formula)",
-        ""
-      ]
-    });
-    return formula.replace(/([a-zA-Z]+)([0-9]+)/g, (match) => {
-      return addressToIndex(this._sheet, addressFromA1Notation(match));
-    });
-  }
   /**
   * Map from indices to A1 notation.
   */
   mapFormulaIndicesToRefs(formula) {
     invariant2(isFormula(formula), void 0, {
       F: __dxlog_file,
-      L: 461,
+      L: 449,
       S: this,
       A: [
         "isFormula(formula)",
@@ -841,7 +822,7 @@ var SheetModel = class extends Resource {
   toDateTime(num) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 482,
+      L: 470,
       S: this,
       A: [
         "this._node",
@@ -853,7 +834,7 @@ var SheetModel = class extends Resource {
   toDate(num) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 487,
+      L: 475,
       S: this,
       A: [
         "this._node",
@@ -865,7 +846,7 @@ var SheetModel = class extends Resource {
   toTime(num) {
     invariant2(this._node, void 0, {
       F: __dxlog_file,
-      L: 492,
+      L: 480,
       S: this,
       A: [
         "this._node",
@@ -977,11 +958,11 @@ var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo
 };
 
 // packages/plugins/plugin-sheet/src/components/GridSheet/GridSheet.tsx
-import React4, { useCallback as useCallback4, useMemo as useMemo2, useRef, useState as useState4 } from "react";
+import React5, { useCallback as useCallback4, useMemo as useMemo2, useRef, useState as useState4 } from "react";
 import { useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
-import { DropdownMenu, Icon, useTranslation as useTranslation2 } from "@dxos/react-ui";
+import { DropdownMenu, Icon, useTranslation as useTranslation3 } from "@dxos/react-ui";
 import { useAttention } from "@dxos/react-ui-attention";
-import { closestCell, defaultSizeRow, editorKeys, Grid as Grid2, GridCellEditor } from "@dxos/react-ui-grid";
+import { closestCell, defaultSizeRow, editorKeys, Grid as Grid2, GridCellEditor, parseCellIndex } from "@dxos/react-ui-grid";
 
 // packages/plugins/plugin-sheet/src/components/GridSheet/util.ts
 import { useEffect as useEffect3, useState as useState3 } from "react";
@@ -1038,8 +1019,28 @@ var RangeList = ({ sheet }) => {
   })))));
 };
 
+// packages/plugins/plugin-sheet/src/components/SheetObjectSettings.tsx
+import React4 from "react";
+import { SPACE_PLUGIN } from "@dxos/plugin-space/meta";
+import { Input, useTranslation as useTranslation2 } from "@dxos/react-ui";
+var SheetObjectSettings = ({ sheet }) => {
+  const { t } = useTranslation2(SPACE_PLUGIN);
+  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement("div", {
+    role: "form",
+    className: "flex flex-col w-full p-2 gap-1"
+  }, /* @__PURE__ */ React4.createElement(Input.Root, null, /* @__PURE__ */ React4.createElement(Input.Label, null, t("name label")), /* @__PURE__ */ React4.createElement(Input.TextInput, {
+    placeholder: t("name placeholder"),
+    value: sheet.name ?? "",
+    onChange: (event) => {
+      sheet.name = event.target.value;
+    }
+  }))), /* @__PURE__ */ React4.createElement(RangeList, {
+    sheet
+  }));
+};
+
 // packages/plugins/plugin-sheet/src/components/index.ts
-var SheetContainer = lazy(() => import("./SheetContainer-T47T2NYJ.mjs"));
+var SheetContainer = lazy(() => import("./SheetContainer-LSBE6Q4X.mjs"));
 
 // packages/plugins/plugin-sheet/src/integrations/thread-ranges.ts
 var completeCellRangeToThreadCursor = (range) => {
@@ -1077,6 +1078,9 @@ var useUpdateFocusedCellOnThreadSelection = (grid) => {
           ...range.to,
           plane: "grid"
         }, true);
+        return {
+          data: true
+        };
       }
     }
   }, [
@@ -1135,13 +1139,6 @@ var useSelectThreadOnCellFocus = () => {
 };
 
 // packages/plugins/plugin-sheet/src/components/GridSheet/util.ts
-var dxGridCellIndexToSheetCellAddress = (index) => {
-  const [colStr, rowStr] = index.split(",");
-  return {
-    col: parseInt(colStr),
-    row: parseInt(rowStr)
-  };
-};
 var createDxGridColumns = (model) => {
   return model.sheet.columns.reduce((acc, columnId, numericIndex) => {
     if (model.sheet.columnMeta[columnId] && model.sheet.columnMeta[columnId].size) {
@@ -1348,7 +1345,7 @@ var sheetColDefault = {
   }
 };
 var GridSheet = () => {
-  const { t } = useTranslation2(SHEET_PLUGIN);
+  const { t } = useTranslation3(SHEET_PLUGIN);
   const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs, ignoreAttention } = useSheetContext();
   const [dxGrid, setDxGrid] = useState4(null);
   const [extraplanarFocus, setExtraplanarFocus] = useState4(null);
@@ -1400,7 +1397,7 @@ var GridSheet = () => {
   ]);
   const handleBlur = useCallback4((value) => {
     if (value !== void 0) {
-      model.setValue(dxGridCellIndexToSheetCellAddress(editing.index), value);
+      model.setValue(parseCellIndex(editing.index), value);
     }
   }, [
     model,
@@ -1601,21 +1598,20 @@ var GridSheet = () => {
     editing
   ]);
   const getCellContent = useCallback4((index) => {
-    const cell = dxGridCellIndexToSheetCellAddress(index);
-    return model.getCellText(cell);
+    return model.getCellText(parseCellIndex(index));
   }, [
     model
   ]);
   useUpdateFocusedCellOnThreadSelection(dxGrid);
   useSelectThreadOnCellFocus();
-  return /* @__PURE__ */ React4.createElement("div", {
+  return /* @__PURE__ */ React5.createElement("div", {
     role: "none",
     className: "relative min-bs-0"
-  }, /* @__PURE__ */ React4.createElement(GridCellEditor, {
+  }, /* @__PURE__ */ React5.createElement(GridCellEditor, {
     getCellContent,
     extension,
     onBlur: handleBlur
-  }), /* @__PURE__ */ React4.createElement(Grid2.Content, {
+  }), /* @__PURE__ */ React5.createElement(Grid2.Content, {
     initialCells,
     limitColumns: DEFAULT_COLUMNS,
     limitRows: DEFAULT_ROWS,
@@ -1635,32 +1631,35 @@ var GridSheet = () => {
     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__ */ React4.createElement(DropdownMenu.Root, {
+  }), /* @__PURE__ */ React5.createElement(DropdownMenu.Root, {
     modal: false,
     open: !!contextMenuOpen,
     onOpenChange: (nextOpen) => setContextMenuOpen(nextOpen ? inertPosition : null)
-  }, /* @__PURE__ */ React4.createElement(DropdownMenu.VirtualTrigger, {
+  }, /* @__PURE__ */ React5.createElement(DropdownMenu.VirtualTrigger, {
     virtualRef: contextMenuAnchorRef
-  }), /* @__PURE__ */ React4.createElement(DropdownMenu.Content, {
+  }), /* @__PURE__ */ React5.createElement(DropdownMenu.Content, {
     side: contextMenuAxis === "col" ? "bottom" : "right",
     sideOffset: 4,
     collisionPadding: 8
-  }, /* @__PURE__ */ React4.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React4.createElement(DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("insert-before")
-  }, /* @__PURE__ */ React4.createElement(Icon, {
+  }, /* @__PURE__ */ React5.createElement(DropdownMenu.Viewport, null, /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
+    onClick: () => handleAxisMenuAction("insert-before"),
+    "data-testid": `grid.${contextMenuAxis}.insert-before`
+  }, /* @__PURE__ */ React5.createElement(Icon, {
     size: 5,
     icon: contextMenuAxis === "col" ? "ph--columns-plus-left--regular" : "ph--rows-plus-top--regular"
-  }), /* @__PURE__ */ React4.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ React4.createElement(DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("insert-after")
-  }, /* @__PURE__ */ React4.createElement(Icon, {
+  }), /* @__PURE__ */ React5.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
+    onClick: () => handleAxisMenuAction("insert-after"),
+    "data-testid": `grid.${contextMenuAxis}.insert-after`
+  }, /* @__PURE__ */ React5.createElement(Icon, {
     size: 5,
     icon: contextMenuAxis === "col" ? "ph--columns-plus-right--regular" : "ph--rows-plus-bottom--regular"
-  }), /* @__PURE__ */ React4.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ React4.createElement(DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("drop")
-  }, /* @__PURE__ */ React4.createElement(Icon, {
+  }), /* @__PURE__ */ React5.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ React5.createElement(DropdownMenu.Item, {
+    onClick: () => handleAxisMenuAction("drop"),
+    "data-testid": `grid.${contextMenuAxis}.drop`
+  }, /* @__PURE__ */ React5.createElement(Icon, {
     size: 5,
     icon: "ph--backspace--regular"
-  }), /* @__PURE__ */ React4.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ React4.createElement(DropdownMenu.Arrow, null))));
+  }), /* @__PURE__ */ React5.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ React5.createElement(DropdownMenu.Arrow, null))));
 };
 
 export {
@@ -1671,7 +1670,7 @@ export {
   useSheetContext,
   SheetProvider,
   GridSheet,
-  RangeList,
+  SheetObjectSettings,
   SheetContainer
 };
-//# sourceMappingURL=chunk-6GSTEN7N.mjs.map
+//# sourceMappingURL=chunk-NYDNXI7L.mjs.map