@dxos/plugin-sheet 0.8.3 → 0.8.4-main.1da679c

package/dist/lib/browser/{chunk-5TA43LO4.mjs → chunk-X4EWLDT3.mjs}

@@ -6,16 +6,16 @@ import {
   cellClassNameForRange,
   rangeFromIndex,
   useSheetModel
-} from "./chunk-I7FZ4TWJ.mjs";
+} from "./chunk-XSXUU6FO.mjs";
 import {
   rangeExtension,
   sheetExtension
-} from "./chunk-FJRLDX7Z.mjs";
+} from "./chunk-SSN4HYJL.mjs";
 import {
   SHEET_PLUGIN
-} from "./chunk-D3G4UGEK.mjs";
+} from "./chunk-6AKBCBL4.mjs";
 
-// packages/plugins/plugin-sheet/src/components/ComputeGraph/ComputeGraphContextProvider.tsx
+// src/components/ComputeGraph/ComputeGraphContextProvider.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React, { createContext, useContext } from "react";
 import { raise } from "@dxos/debug";
@@ -48,7 +48,7 @@ var useComputeGraph = (space) => {
   return graph;
 };
 
-// packages/plugins/plugin-sheet/src/components/RangeList/RangeList.tsx
+// src/components/RangeList/RangeList.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import { Schema } from "effect";
 import React2, { useCallback } from "react";
@@ -94,10 +94,10 @@ var RangeList = ({ sheet }) => {
   }
 };
 
-// packages/plugins/plugin-sheet/src/components/index.ts
+// src/components/index.ts
 import { lazy } from "react";
 
-// packages/plugins/plugin-sheet/src/components/GridSheet/GridSheet.tsx
+// src/components/GridSheet/GridSheet.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
 import React4, { useCallback as useCallback4, useMemo as useMemo2, useRef, useState as useState3 } from "react";
 import { createIntent as createIntent2, useIntentDispatcher as useIntentDispatcher2 } from "@dxos/app-framework";
@@ -105,189 +105,18 @@ import { rangeToA1Notation as rangeToA1Notation2 } from "@dxos/compute";
 import { defaultColSize, defaultRowSize } from "@dxos/lit-grid";
 import { DropdownMenu, Icon, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { useAttention } from "@dxos/react-ui-attention";
-import { closestCell, editorKeys, parseCellIndex, Grid as Grid2, GridCellEditor } from "@dxos/react-ui-grid";
+import { Grid as Grid2, GridCellEditor, closestCell, editorKeys, parseCellIndex } from "@dxos/react-ui-grid";
 
-// packages/plugins/plugin-sheet/src/components/GridSheet/util.ts
-import { useEffect, useState } from "react";
-import { inRange } from "@dxos/compute";
-import { createDocAccessor } from "@dxos/react-client/echo";
-import { parseValue, cellClassesForFieldType } from "@dxos/react-ui-form";
-import { colToA1Notation, rowToA1Notation, commentedClassName } from "@dxos/react-ui-grid";
-import { mx } from "@dxos/react-ui-theme";
-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 }) => inRange(rangeFromIndex(model.sheet, range), address));
-  const threadRefs = void 0;
-  const description = model.getValueDescription(address);
-  const type = description?.type;
-  const format = description?.format;
-  const classNames = ranges?.map(cellClassNameForRange).reverse();
-  return {
-    value: parseValue({
-      type,
-      format,
-      value: rawValue
-    }),
-    className: mx(cellClassesForFieldType({
-      type,
-      format
-    }), threadRefs && 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: rowToA1Notation(row),
-  className: "!bg-toolbarSurface text-subdued text-end pie-1",
-  resizeHandle: "row"
-});
-var colLabelCell = (col) => ({
-  value: colToA1Notation(col),
-  className: "!bg-toolbarSurface text-subdued",
-  resizeHandle: "col"
-});
-var cellGetter = (model) => {
-  const getGridCells = gridCellGetter(model);
-  return (nextBounds, plane) => {
-    switch (plane) {
-      case "grid":
-        return getGridCells(nextBounds);
-      case "fixedStartStart": {
-        return {
-          "0,0": {
-            className: "!bg-toolbarSurface"
-          }
-        };
-      }
-      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] = useState(createDxGridColumns(model));
-  const [rows, setRows] = useState(createDxGridRows(model));
-  useEffect(() => {
-    const cellsAccessor = 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
-  ]);
-  useEffect(() => {
-    const columnMetaAccessor = createDocAccessor(model.sheet, [
-      "columnMeta"
-    ]);
-    const rowMetaAccessor = 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
-  };
-};
-
-// packages/plugins/plugin-sheet/src/integrations/thread-ranges.ts
+// src/integrations/thread-ranges.ts
 import { Schema as Schema2, pipe } from "effect";
-import { useCallback as useCallback2, useEffect as useEffect2, useMemo } from "react";
-import { createIntent, createResolver, LayoutAction, useIntentResolver, useIntentDispatcher, chain } from "@dxos/app-framework";
+import { useCallback as useCallback2, useEffect, useMemo } from "react";
+import { LayoutAction, chain, createIntent, createResolver, useIntentDispatcher, useIntentResolver } from "@dxos/app-framework";
 import { debounce } from "@dxos/async";
-import { inRange as inRange2 } from "@dxos/compute";
+import { inRange } from "@dxos/compute";
 import { Obj, Relation } from "@dxos/echo";
 import { ATTENDABLE_PATH_SEPARATOR, DeckAction } from "@dxos/plugin-deck/types";
 import { ThreadAction, ThreadType } from "@dxos/plugin-thread/types";
-import { Filter, fullyQualifiedId, getSpace, Query, useQuery } from "@dxos/react-client/echo";
+import { Filter, Query, fullyQualifiedId, getSpace, useQuery } from "@dxos/react-client/echo";
 import { AnchoredTo } from "@dxos/schema";
 var parseThreadAnchorAsCellRange = (cursor) => {
   const coords = cursor.split(",");
@@ -345,7 +174,7 @@ var useSelectThreadOnCellFocus = () => {
       const source = Relation.getSource(anchor);
       if (anchor.anchor && Obj.instanceOf(ThreadType, source)) {
         const range = parseThreadAnchorAsCellRange(anchor.anchor);
-        return range ? inRange2(range, cellAddress) : false;
+        return range ? inRange(range, cellAddress) : false;
       } else {
         return false;
       }
@@ -369,7 +198,7 @@ var useSelectThreadOnCellFocus = () => {
   }, [
     selectClosestThread
   ]);
-  useEffect2(() => {
+  useEffect(() => {
     if (!cursor) {
       return;
     }
@@ -380,13 +209,13 @@ var useSelectThreadOnCellFocus = () => {
   ]);
 };
 
-// packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx
+// src/components/SheetContext/SheetContext.tsx
 import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
-import React3, { createContext as createContext2, useCallback as useCallback3, useContext as useContext2, useState as useState2 } from "react";
+import React3, { createContext as createContext2, useCallback as useCallback3, useContext as useContext2, useState } from "react";
 import { invariant } from "@dxos/invariant";
 import { fullyQualifiedId as fullyQualifiedId2 } from "@dxos/react-client/echo";
 import { Grid, useGridContext } from "@dxos/react-ui-grid";
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx";
+var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-sheet/src/components/SheetContext/SheetContext.tsx";
 var SheetContext = /* @__PURE__ */ createContext2(void 0);
 var useSheetContext = () => {
   const context = useContext2(SheetContext);
@@ -405,10 +234,10 @@ var SheetProviderImpl = ({ model, onInfo, ignoreAttention, children, __gridScope
   var _effect = _useSignals3();
   try {
     const { id, editing, setEditing } = useGridContext("SheetProvider", __gridScope);
-    const [cursor, setCursorInternal] = useState2();
-    const [range, setRangeInternal] = useState2();
-    const [cursorFallbackRange, setCursorFallbackRange] = useState2();
-    const [activeRefs, setActiveRefs] = useState2("");
+    const [cursor, setCursorInternal] = useState();
+    const [range, setRangeInternal] = useState();
+    const [cursorFallbackRange, setCursorFallbackRange] = useState();
+    const [activeRefs, setActiveRefs] = useState("");
     const setCursor = useCallback3((nextCursor) => {
       setCursorInternal(nextCursor);
       setCursorFallbackRange(range?.to ? range : nextCursor ? {
@@ -467,7 +296,178 @@ var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo
   }
 };
 
-// packages/plugins/plugin-sheet/src/components/GridSheet/GridSheet.tsx
+// src/components/GridSheet/util.ts
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { inRange as inRange2 } from "@dxos/compute";
+import { createDocAccessor } from "@dxos/react-client/echo";
+import { cellClassesForFieldType, parseValue } from "@dxos/react-ui-form";
+import { colToA1Notation, commentedClassName, rowToA1Notation } from "@dxos/react-ui-grid";
+import { mx } from "@dxos/react-ui-theme";
+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 }) => inRange2(rangeFromIndex(model.sheet, range), address));
+  const threadRefs = void 0;
+  const description = model.getValueDescription(address);
+  const type = description?.type;
+  const format = description?.format;
+  const classNames = ranges?.map(cellClassNameForRange).reverse();
+  return {
+    value: parseValue({
+      type,
+      format,
+      value: rawValue
+    }),
+    className: mx(cellClassesForFieldType({
+      type,
+      format
+    }), threadRefs && 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: rowToA1Notation(row),
+  className: "!bg-toolbarSurface text-subdued text-end pie-1",
+  resizeHandle: "row"
+});
+var colLabelCell = (col) => ({
+  value: colToA1Notation(col),
+  className: "!bg-toolbarSurface text-subdued",
+  resizeHandle: "col"
+});
+var cellGetter = (model) => {
+  const getGridCells = gridCellGetter(model);
+  return (nextBounds, plane) => {
+    switch (plane) {
+      case "grid":
+        return getGridCells(nextBounds);
+      case "fixedStartStart": {
+        return {
+          "0,0": {
+            className: "!bg-toolbarSurface"
+          }
+        };
+      }
+      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] = useState2(createDxGridColumns(model));
+  const [rows, setRows] = useState2(createDxGridRows(model));
+  useEffect2(() => {
+    const cellsAccessor = 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
+  ]);
+  useEffect2(() => {
+    const columnMetaAccessor = createDocAccessor(model.sheet, [
+      "columnMeta"
+    ]);
+    const rowMetaAccessor = 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
+  };
+};
+
+// src/components/GridSheet/GridSheet.tsx
 var inertPosition = {
   plane: "grid",
   col: 0,
@@ -495,7 +495,8 @@ var frozen = {
 var sheetColDefault = {
   frozenColsStart: {
     size: 48,
-    readonly: true
+    readonly: true,
+    focusUnfurl: false
   },
   grid: {
     size: defaultColSize,
@@ -505,7 +506,8 @@ var sheetColDefault = {
 var sheetRowDefault = {
   frozenRowsStart: {
     size: defaultRowSize,
-    readonly: true
+    readonly: true,
+    focusUnfurl: false
   },
   grid: {
     size: defaultRowSize,
@@ -575,12 +577,14 @@ var GridSheet = () => {
     ]);
     const handleAxisResize = useCallback4(({ axis, size, index: numericIndex }) => {
       if (axis === "row") {
+        var _model_sheet_rowMeta, _rowId;
         const rowId = model.sheet.rows[parseInt(numericIndex)];
-        model.sheet.rowMeta[rowId] ??= {};
+        (_model_sheet_rowMeta = model.sheet.rowMeta)[_rowId = rowId] ?? (_model_sheet_rowMeta[_rowId] = {});
         model.sheet.rowMeta[rowId].size = size;
       } else {
+        var _model_sheet_columnMeta, _columnId;
         const columnId = model.sheet.columns[parseInt(numericIndex)];
-        model.sheet.columnMeta[columnId] ??= {};
+        (_model_sheet_columnMeta = model.sheet.columnMeta)[_columnId = columnId] ?? (_model_sheet_columnMeta[_columnId] = {});
         model.sheet.columnMeta[columnId].size = size;
       }
     }, [
@@ -737,7 +741,7 @@ var GridSheet = () => {
       dispatch
     ]);
     const { columns, rows } = useSheetModelDxGridProps(dxGrid, model);
-    const extension = useMemo2(() => [
+    const extensions = useMemo2(() => [
       editorKeys({
         onClose: handleClose,
         ...editing?.initialContent && {
@@ -774,7 +778,7 @@ var GridSheet = () => {
         className: "relative min-bs-0 [&_.cm-editor]:!border-lb [&_.cm-editor]:!border-transparent "
       }, /* @__PURE__ */ React4.createElement(GridCellEditor, {
         getCellContent,
-        extension,
+        extensions,
         onBlur: handleBlur
       }), /* @__PURE__ */ React4.createElement(Grid2.Content, {
         initialCells,
@@ -832,8 +836,8 @@ var GridSheet = () => {
   }
 };
 
-// packages/plugins/plugin-sheet/src/components/index.ts
-var SheetContainer = lazy(() => import("./SheetContainer-BDZXBB5U.mjs"));
+// src/components/index.ts
+var SheetContainer = lazy(() => import("./SheetContainer-OUN6AARA.mjs"));
 
 export {
   ComputeGraphContextProvider,
@@ -844,4 +848,4 @@ export {
   RangeList,
   SheetContainer
 };
-//# sourceMappingURL=chunk-5TA43LO4.mjs.map
+//# sourceMappingURL=chunk-X4EWLDT3.mjs.map