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

package/dist/lib/node/{chunk-5FTFZL5W.cjs → chunk-4FMMRVT2.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_4FMMRVT2_exports = {};
+__export(chunk_4FMMRVT2_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_4FMMRVT2_exports);
+var import_chunk_PJY2K5S2 = require("./chunk-PJY2K5S2.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");
@@ -82,16 +84,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 +196,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_PJY2K5S2.SheetType, {
     name,
     cells: {},
     rows: [],
@@ -579,7 +583,7 @@ var ComputeGraphContextProvider = ({ registry, children }) => {
     }
   }, children);
 };
-var SheetContainer = import_react7.default.lazy(() => import("./SheetContainer-OZ7DHH4L.cjs"));
+var SheetContainer = import_react7.default.lazy(() => import("./SheetContainer-DXDD2G3A.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 +630,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_chunk_PJY2K5S2.ValueTypeEnum.Boolean: {
         return {
           value: value.toLocaleString().toUpperCase(),
           classNames: [
@@ -638,7 +642,7 @@ var FormattingModel = class {
       //
       // Numbers.
       //
-      case import_chunk_AOP42UAA.ValueTypeEnum.Number: {
+      case import_chunk_PJY2K5S2.ValueTypeEnum.Number: {
         return {
           value: value.toLocaleString(locales),
           classNames: [
@@ -647,7 +651,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_AOP42UAA.ValueTypeEnum.Percent: {
+      case import_chunk_PJY2K5S2.ValueTypeEnum.Percent: {
         return {
           value: value * 100 + "%",
           classNames: [
@@ -656,7 +660,7 @@ var FormattingModel = class {
           ]
         };
       }
-      case import_chunk_AOP42UAA.ValueTypeEnum.Currency: {
+      case import_chunk_PJY2K5S2.ValueTypeEnum.Currency: {
         return {
           value: value.toLocaleString(locales, {
             style: "currency",
@@ -673,21 +677,21 @@ var FormattingModel = class {
       //
       // Dates.
       //
-      case import_chunk_AOP42UAA.ValueTypeEnum.DateTime: {
+      case import_chunk_PJY2K5S2.ValueTypeEnum.DateTime: {
         const date = this._model.toLocalDate(value);
         return {
           value: date.toLocaleString(locales),
           classNames
         };
       }
-      case import_chunk_AOP42UAA.ValueTypeEnum.Date: {
+      case import_chunk_PJY2K5S2.ValueTypeEnum.Date: {
         const date = this._model.toLocalDate(value);
         return {
           value: date.toLocaleDateString(locales),
           classNames
         };
       }
-      case import_chunk_AOP42UAA.ValueTypeEnum.Time: {
+      case import_chunk_PJY2K5S2.ValueTypeEnum.Time: {
         const date = this._model.toLocalDate(value);
         return {
           value: date.toLocaleTimeString(locales),
@@ -705,13 +709,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_chunk_PJY2K5S2.ValueTypeEnum.Boolean,
+  NUMBER_RAW: import_chunk_PJY2K5S2.ValueTypeEnum.Number,
+  NUMBER_PERCENT: import_chunk_PJY2K5S2.ValueTypeEnum.Percent,
+  NUMBER_CURRENCY: import_chunk_PJY2K5S2.ValueTypeEnum.Currency,
+  NUMBER_DATETIME: import_chunk_PJY2K5S2.ValueTypeEnum.DateTime,
+  NUMBER_DATE: import_chunk_PJY2K5S2.ValueTypeEnum.Date,
+  NUMBER_TIME: import_chunk_PJY2K5S2.ValueTypeEnum.Time
 };
 var getTopLeft = (range) => {
   const to = range.to ?? range.from;
@@ -1260,7 +1264,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 +1319,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 +1443,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 +1475,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 +1547,7 @@ var sheetExtension = ({ functions = [] }) => {
         };
       }
     }),
-    (0, import_language.syntaxHighlighting)(highlightStyles),
+    (0, import_language2.syntaxHighlighting)(highlightStyles),
     (0, import_autocomplete.autocompletion)({
       aboveCursor: false,
       defaultKeymap: true,
@@ -2298,7 +2154,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 +2446,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 +2462,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 +2539,9 @@ var Sheet = {
   SheetContainer,
   addressToIndex,
   compareIndexPositions,
+  computeGraphFacet,
   createSheet,
   useComputeGraph,
   useSheetContext
 });
-//# sourceMappingURL=chunk-5FTFZL5W.cjs.map
+//# sourceMappingURL=chunk-4FMMRVT2.cjs.map