@dxos/plugin-sheet 0.6.12-main.89e9959 → 0.6.12-main.ac23639

package/dist/lib/node/{chunk-BNARJ5GM.cjs → chunk-QIFIGEKV.cjs}

@@ -16,23 +16,22 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_BNARJ5GM_exports = {};
-__export(chunk_BNARJ5GM_exports, {
+var chunk_QIFIGEKV_exports = {};
+__export(chunk_QIFIGEKV_exports, {
   SHEET_PLUGIN: () => SHEET_PLUGIN,
   meta_default: () => meta_default
 });
-module.exports = __toCommonJS(chunk_BNARJ5GM_exports);
-var import_app_framework = require("@dxos/app-framework");
+module.exports = __toCommonJS(chunk_QIFIGEKV_exports);
 var SHEET_PLUGIN = "dxos.org/plugin/sheet";
-var meta_default = (0, import_app_framework.pluginMeta)({
+var meta_default = {
   id: SHEET_PLUGIN,
   name: "Sheet",
   description: "A simple spreadsheet plugin.",
   icon: "ph--grid-nine--regular"
-});
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   SHEET_PLUGIN,
   meta_default
 });
-//# sourceMappingURL=chunk-BNARJ5GM.cjs.map
+//# sourceMappingURL=chunk-QIFIGEKV.cjs.map

package/dist/lib/node/chunk-QIFIGEKV.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const SHEET_PLUGIN = 'dxos.org/plugin/sheet';\n\nexport default {\n  id: SHEET_PLUGIN,\n  name: 'Sheet',\n  description: 'A simple spreadsheet plugin.',\n  icon: 'ph--grid-nine--regular',\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAMO,IAAMA,eAAe;AAE5B,IAAA,eAAe;EACbC,IAAID;EACJE,MAAM;EACNC,aAAa;EACbC,MAAM;AACR;",
+  "names": ["SHEET_PLUGIN", "id", "name", "description", "icon"]
+}

package/dist/lib/node/{chunk-5FTFZL5W.cjs → chunk-UXH6GKEU.cjs}

@@ -26,20 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_5FTFZL5W_exports = {};
-__export(chunk_5FTFZL5W_exports, {
+var chunk_UXH6GKEU_exports = {};
+__export(chunk_UXH6GKEU_exports, {
   ComputeGraphContextProvider: () => ComputeGraphContextProvider,
   Sheet: () => Sheet,
   SheetContainer: () => SheetContainer,
   addressToIndex: () => addressToIndex,
   compareIndexPositions: () => compareIndexPositions,
+  computeGraphFacet: () => computeGraphFacet,
   createSheet: () => createSheet,
   useComputeGraph: () => useComputeGraph,
   useSheetContext: () => useSheetContext
 });
-module.exports = __toCommonJS(chunk_5FTFZL5W_exports);
-var import_chunk_AOP42UAA = require("./chunk-AOP42UAA.cjs");
-var import_chunk_BNARJ5GM = require("./chunk-BNARJ5GM.cjs");
+module.exports = __toCommonJS(chunk_UXH6GKEU_exports);
+var import_chunk_XYGN3RTG = require("./chunk-XYGN3RTG.cjs");
+var import_chunk_QIFIGEKV = require("./chunk-QIFIGEKV.cjs");
 var import_chunk_5XPK2V4A = require("./chunk-5XPK2V4A.cjs");
 var import_core = require("@dnd-kit/core");
 var import_modifiers = require("@dnd-kit/modifiers");
@@ -53,6 +54,7 @@ var import_async = require("@dxos/async");
 var import_echo = require("@dxos/client/echo");
 var import_log = require("@dxos/log");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
+var import_react_ui_grid = require("@dxos/react-ui-grid");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
 var import_react3 = require("react");
 var import_invariant = require("@dxos/invariant");
@@ -68,12 +70,14 @@ var import_react_hooks = require("@dxos/react-hooks");
 var import_react7 = __toESM(require("react"));
 var import_react8 = __toESM(require("react"));
 var import_react9 = require("react");
+var import_schema = require("@dxos/schema");
 var import_async2 = require("@dxos/async");
 var import_context = require("@dxos/context");
 var import_echo_schema3 = require("@dxos/echo-schema");
 var import_invariant3 = require("@dxos/invariant");
 var import_keys = require("@dxos/keys");
 var import_log2 = require("@dxos/log");
+var import_schema2 = require("@dxos/schema");
 var import_hyperformula = require("#hyperformula");
 var import_react10 = require("react");
 var import_signals_core = require("@preact/signals-core");
@@ -82,16 +86,18 @@ var import_app_framework = require("@dxos/app-framework");
 var import_async3 = require("@dxos/async");
 var import_echo2 = require("@dxos/react-client/echo");
 var import_react_ui = require("@dxos/react-ui");
+var import_language = require("@codemirror/language");
+var import_state = require("@codemirror/state");
 var import_view = require("@codemirror/view");
-var import_react12 = __toESM(require("react"));
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_editor = require("@dxos/react-ui-editor");
+var import_async4 = require("@dxos/async");
+var import_invariant4 = require("@dxos/invariant");
+var import_state2 = require("@dxos/react-ui-editor/state");
 var import_autocomplete = require("@codemirror/autocomplete");
-var import_language = require("@codemirror/language");
+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_state = require("@dxos/react-ui-editor/state");
+var import_state3 = require("@dxos/react-ui-editor/state");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/defs/types.ts";
 var DEFAULT_ROWS = 50;
@@ -192,7 +198,7 @@ var initialize = (sheet, { rows = DEFAULT_ROWS, columns = DEFAULT_COLUMNS } = {}
   }
 };
 var createSheet = ({ name, cells, ...size } = {}) => {
-  const sheet = (0, import_echo_schema.create)(import_chunk_AOP42UAA.SheetType, {
+  const sheet = (0, import_echo_schema.create)(import_chunk_XYGN3RTG.SheetType, {
     name,
     cells: {},
     rows: [],
@@ -579,7 +585,7 @@ var ComputeGraphContextProvider = ({ registry, children }) => {
     }
   }, children);
 };
-var SheetContainer = import_react7.default.lazy(() => import("./SheetContainer-OZ7DHH4L.cjs"));
+var SheetContainer = import_react7.default.lazy(() => import("./SheetContainer-HSRYKV52.cjs"));
 var useComputeGraph = (space) => {
   const { registry } = (0, import_react6.useContext)(ComputeGraphContext) ?? (0, import_debug.raise)(new Error("Missing ComputeGraphContext"));
   const [graph] = (0, import_react_hooks.useAsyncState)(async () => {
@@ -626,7 +632,7 @@ var FormattingModel = class {
     const defaultNumber = "justify-end font-mono";
     const type = formatting?.type ?? this._model.getValueType(cell);
     switch (type) {
-      case import_chunk_AOP42UAA.ValueTypeEnum.Boolean: {
+      case import_schema.FieldValueType.Boolean: {
         return {
           value: value.toLocaleString().toUpperCase(),
           classNames: [
@@ -638,7 +644,7 @@ var FormattingModel = class {
       //
       // Numbers.
       //
-      case import_chunk_AOP42UAA.ValueTypeEnum.Number: {
+      case import_schema.FieldValueType.Number: {
         return {
           value: value.toLocaleString(locales),
           classNames: [
@@ -647,7 +653,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_AOP42UAA.ValueTypeEnum.Percent: {
+      case import_schema.FieldValueType.Percent: {
         return {
           value: value * 100 + "%",
           classNames: [
@@ -656,7 +662,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_AOP42UAA.ValueTypeEnum.Currency: {
+      case import_schema.FieldValueType.Currency: {
         return {
           value: value.toLocaleString(locales, {
             style: "currency",
@@ -673,21 +679,21 @@ var FormattingModel = class {
       //
       // Dates.
       //
-      case import_chunk_AOP42UAA.ValueTypeEnum.DateTime: {
+      case import_schema.FieldValueType.DateTime: {
         const date = this._model.toLocalDate(value);
         return {
           value: date.toLocaleString(locales),
           classNames
         };
       }
-      case import_chunk_AOP42UAA.ValueTypeEnum.Date: {
+      case import_schema.FieldValueType.Date: {
         const date = this._model.toLocalDate(value);
         return {
           value: date.toLocaleDateString(locales),
           classNames
         };
       }
-      case import_chunk_AOP42UAA.ValueTypeEnum.Time: {
+      case import_schema.FieldValueType.Time: {
         const date = this._model.toLocalDate(value);
         return {
           value: date.toLocaleTimeString(locales),
@@ -705,13 +711,13 @@ var FormattingModel = class {
 };
 var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/model/sheet-model.ts";
 var typeMap = {
-  BOOLEAN: import_chunk_AOP42UAA.ValueTypeEnum.Boolean,
-  NUMBER_RAW: import_chunk_AOP42UAA.ValueTypeEnum.Number,
-  NUMBER_PERCENT: import_chunk_AOP42UAA.ValueTypeEnum.Percent,
-  NUMBER_CURRENCY: import_chunk_AOP42UAA.ValueTypeEnum.Currency,
-  NUMBER_DATETIME: import_chunk_AOP42UAA.ValueTypeEnum.DateTime,
-  NUMBER_DATE: import_chunk_AOP42UAA.ValueTypeEnum.Date,
-  NUMBER_TIME: import_chunk_AOP42UAA.ValueTypeEnum.Time
+  BOOLEAN: import_schema2.FieldValueType.Boolean,
+  NUMBER_RAW: import_schema2.FieldValueType.Number,
+  NUMBER_PERCENT: import_schema2.FieldValueType.Percent,
+  NUMBER_CURRENCY: import_schema2.FieldValueType.Currency,
+  NUMBER_DATETIME: import_schema2.FieldValueType.DateTime,
+  NUMBER_DATE: import_schema2.FieldValueType.Date,
+  NUMBER_TIME: import_schema2.FieldValueType.Time
 };
 var getTopLeft = (range) => {
   const to = range.to ?? range.from;
@@ -761,7 +767,7 @@ var SheetModel = class extends import_context.Resource {
       id: this.id
     }, {
       F: __dxlog_file2,
-      L: 104,
+      L: 106,
       S: this,
       C: (f, a) => f(...a)
     });
@@ -783,7 +789,7 @@ var SheetModel = class extends import_context.Resource {
   reset() {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 124,
+      L: 126,
       S: this,
       A: [
         "this._node",
@@ -794,7 +800,7 @@ var SheetModel = class extends import_context.Resource {
     Object.entries(this._sheet.cells).forEach(([key, { value }]) => {
       (0, import_invariant3.invariant)(this._node, void 0, {
         F: __dxlog_file2,
-        L: 127,
+        L: 129,
         S: this,
         A: [
           "this._node",
@@ -840,7 +846,7 @@ var SheetModel = class extends import_context.Resource {
   clear(range) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 169,
+      L: 171,
       S: this,
       A: [
         "this._node",
@@ -858,7 +864,7 @@ var SheetModel = class extends import_context.Resource {
   cut(range) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 180,
+      L: 182,
       S: this,
       A: [
         "this._node",
@@ -874,7 +880,7 @@ var SheetModel = class extends import_context.Resource {
   copy(range) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 189,
+      L: 191,
       S: this,
       A: [
         "this._node",
@@ -886,7 +892,7 @@ var SheetModel = class extends import_context.Resource {
   paste(cell) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 194,
+      L: 196,
       S: this,
       A: [
         "this._node",
@@ -913,7 +919,7 @@ var SheetModel = class extends import_context.Resource {
   undo() {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 209,
+      L: 211,
       S: this,
       A: [
         "this._node",
@@ -927,7 +933,7 @@ var SheetModel = class extends import_context.Resource {
   redo() {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 217,
+      L: 219,
       S: this,
       A: [
         "this._node",
@@ -971,7 +977,7 @@ var SheetModel = class extends import_context.Resource {
   getValue(cell) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 260,
+      L: 262,
       S: this,
       A: [
         "this._node",
@@ -990,7 +996,7 @@ var SheetModel = class extends import_context.Resource {
   getValueType(cell) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 273,
+      L: 275,
       S: this,
       A: [
         "this._node",
@@ -1007,7 +1013,7 @@ var SheetModel = class extends import_context.Resource {
   setValue(cell, value) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 283,
+      L: 285,
       S: this,
       A: [
         "this._node",
@@ -1104,7 +1110,7 @@ var SheetModel = class extends import_context.Resource {
   mapFormulaRefsToIndices(formula) {
     (0, import_invariant3.invariant)(formula.charAt(0) === "=", void 0, {
       F: __dxlog_file2,
-      L: 372,
+      L: 374,
       S: this,
       A: [
         "formula.charAt(0) === '='",
@@ -1121,7 +1127,7 @@ var SheetModel = class extends import_context.Resource {
   mapFormulaIndicesToRefs(formula) {
     (0, import_invariant3.invariant)(formula.charAt(0) === "=", void 0, {
       F: __dxlog_file2,
-      L: 382,
+      L: 384,
       S: this,
       A: [
         "formula.charAt(0) === '='",
@@ -1147,7 +1153,7 @@ var SheetModel = class extends import_context.Resource {
   toDateTime(num) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 403,
+      L: 405,
       S: this,
       A: [
         "this._node",
@@ -1159,7 +1165,7 @@ var SheetModel = class extends import_context.Resource {
   toDate(num) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 408,
+      L: 410,
       S: this,
       A: [
         "this._node",
@@ -1171,7 +1177,7 @@ var SheetModel = class extends import_context.Resource {
   toTime(num) {
     (0, import_invariant3.invariant)(this._node, void 0, {
       F: __dxlog_file2,
-      L: 413,
+      L: 415,
       S: this,
       A: [
         "this._node",
@@ -1260,7 +1266,7 @@ var CommentIndicator = () => {
 var ThreadedCellWrapper = ({ children }) => {
   const dispatch = (0, import_app_framework.useIntentDispatcher)();
   const [isHovered, setIsHovered] = import_react11.default.useState(false);
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_BNARJ5GM.SHEET_PLUGIN);
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_QIFIGEKV.SHEET_PLUGIN);
   const handleClick = import_react11.default.useCallback((_event) => {
     void dispatch({
       action: import_app_framework.LayoutAction.SET_LAYOUT,
@@ -1315,7 +1321,7 @@ var useUpdateCursorOnThreadSelection = () => {
     model.sheet,
     setCursor
   ]);
-  (0, import_app_framework.useIntentResolver)(import_chunk_BNARJ5GM.SHEET_PLUGIN, handleScrollIntoView);
+  (0, import_app_framework.useIntentResolver)(import_chunk_QIFIGEKV.SHEET_PLUGIN, handleScrollIntoView);
 };
 var useSelectThreadOnCursorChange = () => {
   const { cursor, model } = useSheetContext();
@@ -1439,157 +1445,9 @@ var scrollIntoView = (scrollContainer, el) => {
     scrollContainer.scrollLeft += 2 + scrollerBounds.right - cellBounds.right;
   }
 };
-var editorKeys = ({ onNav, onClose }) => {
-  return import_view.keymap.of([
-    {
-      key: "ArrowUp",
-      run: (editor) => {
-        const value = editor.state.doc.toString();
-        onNav?.(value, {
-          key: "ArrowUp"
-        });
-        return !!onNav;
-      }
-    },
-    {
-      key: "ArrowDown",
-      run: (editor) => {
-        const value = editor.state.doc.toString();
-        onNav?.(value, {
-          key: "ArrowDown"
-        });
-        return !!onNav;
-      }
-    },
-    {
-      key: "ArrowLeft",
-      run: (editor) => {
-        const value = editor.state.doc.toString();
-        onNav?.(value, {
-          key: "ArrowLeft"
-        });
-        return !!onNav;
-      }
-    },
-    {
-      key: "ArrowRight",
-      run: (editor) => {
-        const value = editor.state.doc.toString();
-        onNav?.(value, {
-          key: "ArrowRight"
-        });
-        return !!onNav;
-      }
-    },
-    {
-      key: "Enter",
-      run: (editor) => {
-        onClose(editor.state.doc.toString(), {
-          key: "Enter"
-        });
-        return true;
-      },
-      shift: (editor) => {
-        onClose(editor.state.doc.toString(), {
-          key: "Enter",
-          shift: true
-        });
-        return true;
-      }
-    },
-    {
-      key: "Tab",
-      run: (editor) => {
-        onClose(editor.state.doc.toString(), {
-          key: "Tab"
-        });
-        return true;
-      },
-      shift: (editor) => {
-        onClose(editor.state.doc.toString(), {
-          key: "Tab",
-          shift: true
-        });
-        return true;
-      }
-    },
-    {
-      key: "Escape",
-      run: () => {
-        onClose(void 0, {
-          key: "Escape"
-        });
-        return true;
-      }
-    }
-  ]);
-};
-var editorVariants = {
-  // TODO(thure): remove when legacy is no longer used.
-  legacy: {
-    root: "flex w-full",
-    editor: "flex w-full [&>.cm-scroller]:scrollbar-none",
-    content: "!px-2 !py-1"
-  },
-  grid: {
-    root: "absolute z-[1]",
-    editor: "[&>.cm-scroller]:scrollbar-none tabular-nums",
-    content: "!border !border-transparent !p-0.5"
-  }
-};
-var CellEditor = ({ value, extension, autoFocus, onBlur, variant = "legacy", box, gridId }) => {
-  const { themeMode } = (0, import_react_ui2.useThemeContext)();
-  const { parentRef } = (0, import_react_ui_editor.useTextEditor)(() => {
-    return {
-      autoFocus,
-      initialValue: value,
-      selection: {
-        anchor: value?.length ?? 0
-      },
-      extensions: [
-        extension ?? [],
-        import_react_ui_editor.preventNewline,
-        import_view.EditorView.focusChangeEffect.of((_, focusing) => {
-          if (!focusing) {
-            onBlur?.({
-              type: "blur"
-            });
-          }
-          return null;
-        }),
-        (0, import_react_ui_editor.createBasicExtensions)({
-          lineWrapping: false
-        }),
-        (0, import_react_ui_editor.createThemeExtensions)({
-          themeMode,
-          slots: {
-            editor: {
-              className: editorVariants[variant].editor
-            },
-            content: {
-              className: editorVariants[variant].content
-            }
-          }
-        })
-      ]
-    };
-  }, [
-    extension,
-    autoFocus,
-    value,
-    variant,
-    onBlur
-  ]);
-  return /* @__PURE__ */ import_react12.default.createElement("div", {
-    ref: parentRef,
-    className: editorVariants[variant].root,
-    style: box,
-    ...gridId && {
-      "data-grid": gridId
-    }
-  });
-};
-var highlightStyles = import_language.HighlightStyle.define([
+var updateAllDecorations = import_state.StateEffect.define();
+var computeGraphFacet = (0, import_state2.singleValueFacet)();
+var highlightStyles = import_language2.HighlightStyle.define([
   // Function.
   {
     tag: import_highlight.tags.name,
@@ -1619,7 +1477,7 @@ var highlightStyles = import_language.HighlightStyle.define([
     class: "text-unAccent"
   }
 ]);
-var languageFacet = (0, import_state.singleValueFacet)();
+var languageFacet = (0, import_state3.singleValueFacet)();
 var sheetExtension = ({ functions = [] }) => {
   const { extension, language } = (0, import_codemirror_lang_spreadsheet.spreadsheet)({
     idiom: "en-US",
@@ -1691,7 +1549,7 @@ var sheetExtension = ({ functions = [] }) => {
         };
       }
     }),
-    (0, import_language.syntaxHighlighting)(highlightStyles),
+    (0, import_language2.syntaxHighlighting)(highlightStyles),
     (0, import_autocomplete.autocompletion)({
       aboveCursor: false,
       defaultKeymap: true,
@@ -2298,7 +2156,7 @@ var SheetGrid = /* @__PURE__ */ (0, import_react2.forwardRef)(({ size, rows, col
         id: model.id
       }, {
         F: __dxlog_file4,
-        L: 738,
+        L: 732,
         S: void 0,
         C: (f, a) => f(...a)
       });
@@ -2590,7 +2448,7 @@ var GridCellEditor = ({ style, value, onNav, onClose }) => {
     range
   ]);
   const extension = (0, import_react2.useMemo)(() => [
-    editorKeys({
+    (0, import_react_ui_grid.editorKeys)({
       onNav,
       onClose
     }),
@@ -2606,7 +2464,7 @@ var GridCellEditor = ({ style, value, onNav, onClose }) => {
     style,
     className: (0, import_react_ui_theme.mx)("z-20 flex", fragments.cellSelected),
     onClick: (ev) => ev.stopPropagation()
-  }, /* @__PURE__ */ import_react2.default.createElement(CellEditor, {
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_grid.CellEditor, {
     autoFocus: true,
     value,
     extension
@@ -2683,8 +2541,9 @@ var Sheet = {
   SheetContainer,
   addressToIndex,
   compareIndexPositions,
+  computeGraphFacet,
   createSheet,
   useComputeGraph,
   useSheetContext
 });
-//# sourceMappingURL=chunk-5FTFZL5W.cjs.map
+//# sourceMappingURL=chunk-UXH6GKEU.cjs.map