@dxos/plugin-sheet 0.8.4-main.2e9d522 → 0.8.4-main.406dc2a

package/dist/lib/browser/{chunk-JUOVL3LE.mjs → chunk-ZJWJMX4E.mjs}

@@ -6,14 +6,14 @@ import {
   cellClassNameForRange,
   rangeFromIndex,
   useSheetModel
-} from "./chunk-SI4X5GUR.mjs";
+} from "./chunk-ADK2HW4A.mjs";
 import {
   rangeExtension,
   sheetExtension
-} from "./chunk-7HQX4NQP.mjs";
+} from "./chunk-SSN4HYJL.mjs";
 import {
-  SHEET_PLUGIN
-} from "./chunk-6AKBCBL4.mjs";
+  meta
+} from "./chunk-CSBSADPQ.mjs";
 
 // src/components/ComputeGraph/ComputeGraphContextProvider.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
@@ -50,7 +50,7 @@ var useComputeGraph = (space) => {
 
 // src/components/RangeList/RangeList.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
-import { Schema } from "effect";
+import * as Schema from "effect/Schema";
 import React2, { useCallback } from "react";
 import { rangeToA1Notation } from "@dxos/compute";
 import { Callout, useTranslation } from "@dxos/react-ui";
@@ -59,7 +59,7 @@ import { ghostHover } from "@dxos/react-ui-theme";
 var RangeList = ({ sheet }) => {
   var _effect = _useSignals2();
   try {
-    const { t } = useTranslation(SHEET_PLUGIN);
+    const { t } = useTranslation(meta.id);
     const handleSelectRange = (range) => {
     };
     const handleDeleteRange = useCallback((range) => {
@@ -105,189 +105,19 @@ 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";
-
-// 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
-  };
-};
+import { Grid as Grid2, GridCellEditor, closestCell, editorKeys, parseCellIndex } from "@dxos/react-ui-grid";
 
 // 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 * as Function from "effect/Function";
+import * as Schema2 from "effect/Schema";
+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(",");
@@ -330,7 +160,7 @@ var useUpdateFocusedCellOnThreadSelection = (grid) => {
     model.sheet,
     setActiveRefs
   ]);
-  useIntentResolver(SHEET_PLUGIN, scrollIntoViewResolver);
+  useIntentResolver(meta.id, scrollIntoViewResolver);
 };
 var useSelectThreadOnCellFocus = () => {
   const { model, cursor } = useSheetContext();
@@ -345,14 +175,14 @@ 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;
       }
     });
     if (closestThread) {
       const primary = fullyQualifiedId(model.sheet);
-      const intent = pipe(createIntent(ThreadAction.Select, {
+      const intent = Function.pipe(createIntent(ThreadAction.Select, {
         current: fullyQualifiedId(closestThread)
       }), chain(DeckAction.ChangeCompanion, {
         primary,
@@ -369,7 +199,7 @@ var useSelectThreadOnCellFocus = () => {
   }, [
     selectClosestThread
   ]);
-  useEffect2(() => {
+  useEffect(() => {
     if (!cursor) {
       return;
     }
@@ -382,7 +212,7 @@ var useSelectThreadOnCellFocus = () => {
 
 // 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";
@@ -405,10 +235,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,6 +297,177 @@ var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo
   }
 };
 
+// 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",
@@ -495,7 +496,8 @@ var frozen = {
 var sheetColDefault = {
   frozenColsStart: {
     size: 48,
-    readonly: true
+    readonly: true,
+    focusUnfurl: false
   },
   grid: {
     size: defaultColSize,
@@ -505,7 +507,8 @@ var sheetColDefault = {
 var sheetRowDefault = {
   frozenRowsStart: {
     size: defaultRowSize,
-    readonly: true
+    readonly: true,
+    focusUnfurl: false
   },
   grid: {
     size: defaultRowSize,
@@ -515,12 +518,12 @@ var sheetRowDefault = {
 var GridSheet = () => {
   var _effect = _useSignals4();
   try {
-    const { t } = useTranslation2(SHEET_PLUGIN);
+    const { t } = useTranslation2(meta.id);
     const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs, ignoreAttention } = useSheetContext();
     const [dxGrid, setDxGrid] = useState3(null);
     const [extraplanarFocus, setExtraplanarFocus] = useState3(null);
     const { dispatchPromise: dispatch } = useIntentDispatcher2();
-    const rangeController = useRef();
+    const rangeController = useRef(null);
     const { hasAttention } = useAttention(id);
     const handleFocus = useCallback4((event) => {
       if (!editing) {
@@ -575,12 +578,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 +742,7 @@ var GridSheet = () => {
       dispatch
     ]);
     const { columns, rows } = useSheetModelDxGridProps(dxGrid, model);
-    const extension = useMemo2(() => [
+    const extensions = useMemo2(() => [
       editorKeys({
         onClose: handleClose,
         ...editing?.initialContent && {
@@ -771,10 +776,10 @@ var GridSheet = () => {
       // TODO(thure): Why are Table’s and Sheet’s editor boxes off by 1px?
       /* @__PURE__ */ React4.createElement("div", {
         role: "none",
-        className: "relative min-bs-0 [&_.cm-editor]:!border-lb [&_.cm-editor]:!border-transparent "
+        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,
@@ -833,7 +838,7 @@ var GridSheet = () => {
 };
 
 // src/components/index.ts
-var SheetContainer = lazy(() => import("./SheetContainer-KDGD4AVG.mjs"));
+var SheetContainer = lazy(() => import("./SheetContainer-VL34UND4.mjs"));
 
 export {
   ComputeGraphContextProvider,
@@ -844,4 +849,4 @@ export {
   RangeList,
   SheetContainer
 };
-//# sourceMappingURL=chunk-JUOVL3LE.mjs.map
+//# sourceMappingURL=chunk-ZJWJMX4E.mjs.map