@dxos/plugin-sheet 0.8.2-main.f081794 → 0.8.2-main.fbd8ed0

package/dist/lib/node/{chunk-UXSU6W7E.cjs → chunk-CN7OBGYV.cjs}

@@ -26,8 +26,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_UXSU6W7E_exports = {};
-__export(chunk_UXSU6W7E_exports, {
+var chunk_CN7OBGYV_exports = {};
+__export(chunk_CN7OBGYV_exports, {
   ComputeGraphContextProvider: () => ComputeGraphContextProvider,
   GridSheet: () => GridSheet,
   RangeList: () => RangeList,
@@ -37,16 +37,16 @@ __export(chunk_UXSU6W7E_exports, {
   useComputeGraph: () => useComputeGraph,
   useSheetContext: () => useSheetContext
 });
-module.exports = __toCommonJS(chunk_UXSU6W7E_exports);
+module.exports = __toCommonJS(chunk_CN7OBGYV_exports);
 var import_chunk_LEV7OSTK = require("./chunk-LEV7OSTK.cjs");
-var import_chunk_C3Q4GSES = require("./chunk-C3Q4GSES.cjs");
+var import_chunk_HLSQVT3C = require("./chunk-HLSQVT3C.cjs");
 var import_chunk_JSIDCZHB = require("./chunk-JSIDCZHB.cjs");
 var import_react = __toESM(require("react"));
 var import_debug = require("@dxos/debug");
 var import_react_hooks = require("@dxos/react-hooks");
+var import_effect = require("effect");
 var import_react2 = __toESM(require("react"));
 var import_compute = require("@dxos/compute");
-var import_echo_schema = require("@dxos/echo-schema");
 var import_react_ui = require("@dxos/react-ui");
 var import_react_ui_list = require("@dxos/react-ui-list");
 var import_react_ui_theme = require("@dxos/react-ui-theme");
@@ -54,6 +54,7 @@ var import_react3 = require("react");
 var import_react4 = __toESM(require("react"));
 var import_app_framework = require("@dxos/app-framework");
 var import_compute2 = require("@dxos/compute");
+var import_lit_grid = require("@dxos/lit-grid");
 var import_react_ui2 = require("@dxos/react-ui");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
 var import_react_ui_grid = require("@dxos/react-ui-grid");
@@ -63,12 +64,11 @@ var import_echo = require("@dxos/react-client/echo");
 var import_react_ui_form = require("@dxos/react-ui-form");
 var import_react_ui_grid2 = require("@dxos/react-ui-grid");
 var import_react_ui_theme2 = require("@dxos/react-ui-theme");
-var import_effect = require("effect");
+var import_effect2 = require("effect");
 var import_react6 = require("react");
 var import_app_framework2 = require("@dxos/app-framework");
 var import_async = require("@dxos/async");
 var import_compute4 = require("@dxos/compute");
-var import_echo_schema2 = require("@dxos/echo-schema");
 var import_types = require("@dxos/plugin-deck/types");
 var import_types2 = require("@dxos/plugin-thread/types");
 var import_echo2 = require("@dxos/react-client/echo");
@@ -112,7 +112,7 @@ var RangeList = ({ sheet }) => {
     className: "p-2 text-sm font-semibold"
   }, t("range list heading")), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.Root, {
     items: sheet.ranges,
-    isItem: import_echo_schema.S.is(import_chunk_C3Q4GSES.Range)
+    isItem: import_effect.Schema.is(import_chunk_HLSQVT3C.Range)
   }, ({ items: ranges }) => ranges.map((range, i) => /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.Item, {
     key: i,
     item: range,
@@ -123,7 +123,7 @@ var RangeList = ({ sheet }) => {
   }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.ItemDragHandle, null), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.ItemTitle, {
     onClick: () => handleSelectRange(range)
   }, t("range title", {
-    position: (0, import_compute.rangeToA1Notation)((0, import_chunk_C3Q4GSES.rangeFromIndex)(sheet, range.range)),
+    position: (0, import_compute.rangeToA1Notation)((0, import_chunk_HLSQVT3C.rangeFromIndex)(sheet, range.range)),
     key: t(`range key ${range.key} label`),
     value: t(`range value ${range.value} label`)
   })), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_list.List.ItemDeleteButton, {
@@ -157,7 +157,7 @@ var useUpdateFocusedCellOnThreadSelection = (grid) => {
     intent: import_app_framework2.LayoutAction.ScrollIntoView,
     position: "hoist",
     filter: (data) => {
-      if (!import_echo_schema2.S.is(import_app_framework2.LayoutAction.ScrollIntoView.fields.input)(data)) {
+      if (!import_effect2.Schema.is(import_app_framework2.LayoutAction.ScrollIntoView.fields.input)(data)) {
         return false;
       }
       return data.subject === (0, import_echo2.fullyQualifiedId)(model.sheet) && !!data.options?.cursor;
@@ -197,7 +197,7 @@ var useSelectThreadOnCellFocus = () => {
     });
     if (closestThread) {
       const primary = (0, import_echo2.fullyQualifiedId)(model.sheet);
-      const intent = (0, import_effect.pipe)((0, import_app_framework2.createIntent)(import_types2.ThreadAction.Select, {
+      const intent = (0, import_effect2.pipe)((0, import_app_framework2.createIntent)(import_types2.ThreadAction.Select, {
         current: (0, import_echo2.fullyQualifiedId)(closestThread)
       }), (0, import_app_framework2.chain)(import_types.DeckAction.ChangeCompanion, {
         primary,
@@ -256,7 +256,7 @@ var projectCellProps = (model, col, row) => {
     row
   };
   const rawValue = model.getValue(address);
-  const ranges = model.sheet.ranges?.filter(({ range }) => (0, import_compute3.inRange)((0, import_chunk_C3Q4GSES.rangeFromIndex)(model.sheet, range), address));
+  const ranges = model.sheet.ranges?.filter(({ range }) => (0, import_compute3.inRange)((0, import_chunk_HLSQVT3C.rangeFromIndex)(model.sheet, range), address));
   const threadRefs = model.sheet.threads?.filter((thread) => {
     const range = thread.target?.anchor && parseThreadAnchorAsCellRange(thread.target.anchor);
     return thread && range ? (0, import_compute3.inRange)(range, address) : false;
@@ -264,7 +264,7 @@ var projectCellProps = (model, col, row) => {
   const description = model.getValueDescription(address);
   const type = description?.type;
   const format = description?.format;
-  const classNames = ranges?.map(import_chunk_C3Q4GSES.cellClassNameForRange).reverse();
+  const classNames = ranges?.map(import_chunk_HLSQVT3C.cellClassNameForRange).reverse();
   return {
     value: (0, import_react_ui_form.parseValue)({
       type,
@@ -297,12 +297,12 @@ var gridCellGetter = (model) => {
 };
 var rowLabelCell = (row) => ({
   value: (0, import_react_ui_grid2.rowToA1Notation)(row),
-  className: "text-end pie-1 text-subdued",
+  className: "!bg-toolbarSurface text-subdued text-end pie-1",
   resizeHandle: "row"
 });
 var colLabelCell = (col) => ({
   value: (0, import_react_ui_grid2.colToA1Notation)(col),
-  className: "text-subdued",
+  className: "!bg-toolbarSurface text-subdued",
   resizeHandle: "col"
 });
 var cellGetter = (model) => {
@@ -311,6 +311,13 @@ var cellGetter = (model) => {
     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)
@@ -442,7 +449,7 @@ var SheetProviderImpl = ({ model, onInfo, ignoreAttention, children, __gridScope
   }, children);
 };
 var SheetProvider = ({ children, graph, sheet, readonly, ignoreAttention, onInfo }) => {
-  const model = (0, import_chunk_C3Q4GSES.useSheetModel)(graph, sheet, {
+  const model = (0, import_chunk_HLSQVT3C.useSheetModel)(graph, sheet, {
     readonly
   });
   return !model ? null : /* @__PURE__ */ import_react7.default.createElement(import_react_ui_grid3.Grid.Root, {
@@ -477,23 +484,23 @@ var frozen = {
   frozenColsStart: 1,
   frozenRowsStart: 1
 };
-var sheetRowDefault = {
-  frozenRowsStart: {
-    size: import_react_ui_grid.defaultSizeRow,
+var sheetColDefault = {
+  frozenColsStart: {
+    size: 48,
     readonly: true
   },
   grid: {
-    size: import_react_ui_grid.defaultSizeRow,
+    size: import_lit_grid.defaultColSize,
     resizeable: true
   }
 };
-var sheetColDefault = {
-  frozenColsStart: {
-    size: 48,
+var sheetRowDefault = {
+  frozenRowsStart: {
+    size: import_lit_grid.defaultRowSize,
     readonly: true
   },
   grid: {
-    size: 180,
+    size: import_lit_grid.defaultRowSize,
     resizeable: true
   }
 };
@@ -701,13 +708,13 @@ var GridSheet = () => {
     switch (operation) {
       case "insert-before":
       case "insert-after":
-        return dispatch((0, import_app_framework.createIntent)(import_chunk_C3Q4GSES.SheetAction.InsertAxis, {
+        return dispatch((0, import_app_framework.createIntent)(import_chunk_HLSQVT3C.SheetAction.InsertAxis, {
           model,
           axis: contextMenuAxis,
           index: contextMenuOpen[contextMenuAxis] + (operation === "insert-before" ? 0 : 1)
         }));
       case "drop":
-        return dispatch((0, import_app_framework.createIntent)(import_chunk_C3Q4GSES.SheetAction.DropAxis, {
+        return dispatch((0, import_app_framework.createIntent)(import_chunk_HLSQVT3C.SheetAction.DropAxis, {
           model,
           axis: contextMenuAxis,
           axisIndex: model.sheet[contextMenuAxis === "row" ? "rows" : "columns"][contextMenuOpen[contextMenuAxis]]
@@ -750,64 +757,68 @@ var GridSheet = () => {
   ]);
   useUpdateFocusedCellOnThreadSelection(dxGrid);
   useSelectThreadOnCellFocus();
-  return /* @__PURE__ */ import_react4.default.createElement("div", {
-    role: "none",
-    className: "relative min-bs-0"
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_grid.GridCellEditor, {
-    getCellContent,
-    extension,
-    onBlur: handleBlur
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_grid.Grid.Content, {
-    initialCells,
-    limitColumns: import_chunk_C3Q4GSES.DEFAULT_COLS,
-    limitRows: import_chunk_C3Q4GSES.DEFAULT_ROWS,
-    columns,
-    rows,
-    onAxisResize: handleAxisResize,
-    onSelect: handleSelect,
-    rowDefault: sheetRowDefault,
-    columnDefault: sheetColDefault,
-    frozen,
-    onFocus: handleFocus,
-    onWheelCapture: handleWheel,
-    onKeyDown: handleKeyDown,
-    onContextMenu: handleContextMenu,
-    onClick: handleClick,
-    overscroll: "trap",
-    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__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Root, {
-    modal: false,
-    open: !!contextMenuOpen,
-    onOpenChange: (nextOpen) => setContextMenuOpen(nextOpen ? inertPosition : null)
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.VirtualTrigger, {
-    virtualRef: contextMenuAnchorRef
-  }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Content, {
-    side: contextMenuAxis === "col" ? "bottom" : "right",
-    sideOffset: 4,
-    collisionPadding: 8
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Viewport, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("insert-before"),
-    "data-testid": `grid.${contextMenuAxis}.insert-before`
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
-    size: 5,
-    icon: contextMenuAxis === "col" ? "ph--columns-plus-left--regular" : "ph--rows-plus-top--regular"
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("insert-after"),
-    "data-testid": `grid.${contextMenuAxis}.insert-after`
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
-    size: 5,
-    icon: contextMenuAxis === "col" ? "ph--columns-plus-right--regular" : "ph--rows-plus-bottom--regular"
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
-    onClick: () => handleAxisMenuAction("drop"),
-    "data-testid": `grid.${contextMenuAxis}.drop`
-  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
-    size: 5,
-    icon: "ph--backspace--regular"
-  }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Arrow, null))));
+  return (
+    // TODO(thure): Why are Table’s and Sheet’s editor boxes off by 1px?
+    /* @__PURE__ */ import_react4.default.createElement("div", {
+      role: "none",
+      className: "relative min-bs-0 [&_.cm-editor]:!border-lb [&_.cm-editor]:!border-transparent "
+    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_grid.GridCellEditor, {
+      getCellContent,
+      extension,
+      onBlur: handleBlur
+    }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui_grid.Grid.Content, {
+      initialCells,
+      limitColumns: import_chunk_HLSQVT3C.DEFAULT_COLS,
+      limitRows: import_chunk_HLSQVT3C.DEFAULT_ROWS,
+      columns,
+      rows,
+      // TODO(burdon): `col` vs. `column`?
+      columnDefault: sheetColDefault,
+      rowDefault: sheetRowDefault,
+      frozen,
+      onAxisResize: handleAxisResize,
+      onSelect: handleSelect,
+      onFocus: handleFocus,
+      onWheelCapture: handleWheel,
+      onKeyDown: handleKeyDown,
+      onContextMenu: handleContextMenu,
+      onClick: handleClick,
+      overscroll: "trap",
+      className: "[--dx-grid-base:var(--baseSurface)] [&_.dx-grid]:border-bs [&_.dx-grid]:border-be [&_.dx-grid]:absolute [&_.dx-grid]:inset-0 [&_.dx-grid]:border-separator",
+      activeRefs,
+      ref: setDxGrid
+    }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Root, {
+      modal: false,
+      open: !!contextMenuOpen,
+      onOpenChange: (nextOpen) => setContextMenuOpen(nextOpen ? inertPosition : null)
+    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.VirtualTrigger, {
+      virtualRef: contextMenuAnchorRef
+    }), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Content, {
+      side: contextMenuAxis === "col" ? "bottom" : "right",
+      sideOffset: 4,
+      collisionPadding: 8
+    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Viewport, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
+      onClick: () => handleAxisMenuAction("insert-before"),
+      "data-testid": `grid.${contextMenuAxis}.insert-before`
+    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
+      size: 5,
+      icon: contextMenuAxis === "col" ? "ph--columns-plus-left--regular" : "ph--rows-plus-top--regular"
+    }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`add ${contextMenuAxis} before label`))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
+      onClick: () => handleAxisMenuAction("insert-after"),
+      "data-testid": `grid.${contextMenuAxis}.insert-after`
+    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
+      size: 5,
+      icon: contextMenuAxis === "col" ? "ph--columns-plus-right--regular" : "ph--rows-plus-bottom--regular"
+    }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`add ${contextMenuAxis} after label`))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
+      onClick: () => handleAxisMenuAction("drop"),
+      "data-testid": `grid.${contextMenuAxis}.drop`
+    }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
+      size: 5,
+      icon: "ph--backspace--regular"
+    }), /* @__PURE__ */ import_react4.default.createElement("span", null, t(`delete ${contextMenuAxis} label`)))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Arrow, null))))
+  );
 };
-var SheetContainer = (0, import_react3.lazy)(() => import("./SheetContainer-6RPY4P7E.cjs"));
+var SheetContainer = (0, import_react3.lazy)(() => import("./SheetContainer-GR2KDOAE.cjs"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ComputeGraphContextProvider,
@@ -819,4 +830,4 @@ var SheetContainer = (0, import_react3.lazy)(() => import("./SheetContainer-6RPY
   useComputeGraph,
   useSheetContext
 });
-//# sourceMappingURL=chunk-UXSU6W7E.cjs.map
+//# sourceMappingURL=chunk-CN7OBGYV.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/ComputeGraph/ComputeGraphContextProvider.tsx", "../../../src/components/RangeList/RangeList.tsx", "../../../src/components/index.ts", "../../../src/components/GridSheet/GridSheet.tsx", "../../../src/components/GridSheet/util.ts", "../../../src/integrations/thread-ranges.ts", "../../../src/components/SheetContext/SheetContext.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { createContext, type PropsWithChildren, useContext } from 'react';\n\nimport { type ComputeGraph, type ComputeGraphRegistry } from '@dxos/compute';\nimport { raise } from '@dxos/debug';\nimport { type Space } from '@dxos/react-client/echo';\nimport { useAsyncState } from '@dxos/react-hooks';\n\nexport type ComputeGraphContextType = {\n  registry: ComputeGraphRegistry;\n};\n\n/**\n * The compute graph context manages a ComputeGraph for each space.\n */\nexport const ComputeGraphContext = createContext<ComputeGraphContextType | undefined>(undefined);\n\nexport const ComputeGraphContextProvider = ({ registry, children }: PropsWithChildren<ComputeGraphContextType>) => {\n  return <ComputeGraphContext.Provider value={{ registry }}>{children}</ComputeGraphContext.Provider>;\n};\n\nexport const useComputeGraph = (space?: Space): ComputeGraph | undefined => {\n  const { registry } = useContext(ComputeGraphContext) ?? raise(new Error('Missing ComputeGraphContext'));\n  const [graph] = useAsyncState(async () => {\n    if (space) {\n      const graph = registry.getOrCreateGraph(space);\n      await graph.open();\n      return graph;\n    }\n  }, [space, registry]);\n\n  return graph;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema } from 'effect';\nimport React, { useCallback } from 'react';\n\nimport { rangeToA1Notation } from '@dxos/compute';\nimport { useTranslation } from '@dxos/react-ui';\nimport { List } from '@dxos/react-ui-list';\nimport { ghostHover } from '@dxos/react-ui-theme';\n\nimport { SHEET_PLUGIN } from '../../meta';\nimport { rangeFromIndex } from '../../types';\nimport { Range, type SheetType } from '../../types';\n\nexport type RangeListProps = {\n  sheet: SheetType;\n};\n\nexport const RangeList = ({ sheet }: RangeListProps) => {\n  const { t } = useTranslation(SHEET_PLUGIN);\n  // TODO(thure): Implement similar to comments, #8121\n  const handleSelectRange = (range: Range) => {};\n  const handleDeleteRange = useCallback(\n    (range: Range) => {\n      const index = sheet.ranges.findIndex((sheetRange) => sheetRange === range);\n      sheet.ranges.splice(index, 1);\n    },\n    [sheet],\n  );\n  return (\n    <>\n      <h2 className='p-2 text-sm font-semibold'>{t('range list heading')}</h2>\n      <List.Root<Range> items={sheet.ranges} isItem={Schema.is(Range)}>\n        {({ items: ranges }) =>\n          ranges.map((range, i) => (\n            <List.Item key={i} item={range} classNames={['p-2', ghostHover]}>\n              <List.ItemDragHandle />\n              <List.ItemTitle onClick={() => handleSelectRange(range)}>\n                {t('range title', {\n                  position: rangeToA1Notation(rangeFromIndex(sheet, range.range)),\n                  key: t(`range key ${range.key} label`),\n                  value: t(`range value ${range.value} label`),\n                })}\n              </List.ItemTitle>\n              <List.ItemDeleteButton onClick={() => handleDeleteRange(range)} />\n            </List.Item>\n          ))\n        }\n      </List.Root>\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './ComputeGraph';\nexport * from './GridSheet';\nexport * from './RangeList';\nexport * from './SheetContext';\n\nexport const SheetContainer = lazy(() => import('./SheetContainer'));\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type FocusEvent,\n  type KeyboardEvent,\n  type WheelEvent,\n  type MouseEvent,\n} from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { rangeToA1Notation, type CellRange } from '@dxos/compute';\nimport { defaultColSize, defaultRowSize } from '@dxos/lit-grid';\nimport { DropdownMenu, Icon, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport {\n  closestCell,\n  editorKeys,\n  parseCellIndex,\n  Grid,\n  GridCellEditor,\n  type DxGridElement,\n  type DxGridPosition,\n  type DxGridCellIndex,\n  type EditorKeyHandler,\n  type EditorBlurHandler,\n  type GridContentProps,\n} from '@dxos/react-ui-grid';\n\nimport { colLabelCell, rowLabelCell, useSheetModelDxGridProps } from './util';\nimport { rangeExtension, sheetExtension, type RangeController } from '../../extensions';\nimport { useSelectThreadOnCellFocus, useUpdateFocusedCellOnThreadSelection } from '../../integrations';\nimport { SHEET_PLUGIN } from '../../meta';\nimport { DEFAULT_COLS, DEFAULT_ROWS, SheetAction } from '../../types';\nimport { useSheetContext } from '../SheetContext';\n\nconst inertPosition: DxGridPosition = { plane: 'grid', col: 0, row: 0 };\n\nconst initialCells = {\n  grid: {},\n  frozenColsStart: [...Array(64)].reduce((acc, _, i) => {\n    acc[`0,${i}`] = rowLabelCell(i);\n    return acc;\n  }, {}),\n  frozenRowsStart: [...Array(12)].reduce((acc, _, i) => {\n    acc[`${i},0`] = colLabelCell(i);\n    return acc;\n  }, {}),\n};\n\nconst frozen = {\n  frozenColsStart: 1,\n  frozenRowsStart: 1,\n};\n\nconst sheetColDefault = {\n  frozenColsStart: { size: 48, readonly: true },\n  grid: { size: defaultColSize, resizeable: true },\n};\nconst sheetRowDefault = {\n  frozenRowsStart: { size: defaultRowSize, readonly: true },\n  grid: { size: defaultRowSize, resizeable: true },\n};\n\nexport const GridSheet = () => {\n  const { t } = useTranslation(SHEET_PLUGIN);\n  const { id, model, editing, setCursor, setRange, cursor, cursorFallbackRange, activeRefs, ignoreAttention } =\n    useSheetContext();\n  // NOTE(thure): using `useState` instead of `useRef` works with refs provided by `@lit/react` and gives us\n  //  a reliable dependency for `useEffect` whereas `useLayoutEffect` does not guarantee the element will be defined.\n  const [dxGrid, setDxGrid] = useState<DxGridElement | null>(null);\n  const [extraplanarFocus, setExtraplanarFocus] = useState<DxGridPosition | null>(null);\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const rangeController = useRef<RangeController>();\n  const { hasAttention } = useAttention(id);\n\n  const handleFocus = useCallback(\n    (event: FocusEvent) => {\n      if (!editing) {\n        const cell = closestCell(event.target);\n        if (cell) {\n          if (cell.plane === 'grid') {\n            setCursor({ col: cell.col, row: cell.row });\n            setExtraplanarFocus(null);\n          } else {\n            setExtraplanarFocus(cell);\n          }\n        } else {\n          setExtraplanarFocus(null);\n        }\n      }\n    },\n    [editing],\n  );\n\n  // TODO(burdon): Validate formula before closing: hf.validateFormula();\n  const handleClose = useCallback<EditorKeyHandler>(\n    (_value, event) => {\n      if (event) {\n        const { key, shift } = event;\n        const axis = ['Enter', 'ArrowUp', 'ArrowDown'].includes(key)\n          ? 'row'\n          : ['Tab', 'ArrowLeft', 'ArrowRight'].includes(key)\n            ? 'col'\n            : undefined;\n        const delta = key.startsWith('Arrow') ? (['ArrowUp', 'ArrowLeft'].includes(key) ? -1 : 1) : shift ? -1 : 1;\n        dxGrid?.refocus(axis, delta);\n      }\n    },\n    [model, editing, dxGrid],\n  );\n\n  const handleBlur = useCallback<EditorBlurHandler>(\n    (value) => {\n      if (value !== undefined) {\n        model.setValue(parseCellIndex(editing!.index), value);\n      }\n    },\n    [model, editing],\n  );\n\n  const handleAxisResize = useCallback<NonNullable<GridContentProps['onAxisResize']>>(\n    ({ axis, size, index: numericIndex }) => {\n      if (axis === 'row') {\n        const rowId = model.sheet.rows[parseInt(numericIndex)];\n        model.sheet.rowMeta[rowId] ??= {};\n        model.sheet.rowMeta[rowId].size = size;\n      } else {\n        const columnId = model.sheet.columns[parseInt(numericIndex)];\n        model.sheet.columnMeta[columnId] ??= {};\n        model.sheet.columnMeta[columnId].size = size;\n      }\n    },\n    [model],\n  );\n\n  const handleSelect = useCallback<NonNullable<GridContentProps['onSelect']>>(\n    ({ minCol, maxCol, minRow, maxRow }) => {\n      const range: CellRange = { from: { col: minCol, row: minRow } };\n      if (minCol !== maxCol || minRow !== maxRow) {\n        range.to = { col: maxCol, row: maxRow };\n      }\n      if (editing) {\n        // Update range selection in formula.\n        rangeController.current?.setRange(rangeToA1Notation(range));\n      } else {\n        // Setting range while editing causes focus to move to null, avoid doing so.\n        setRange(range.to ? range : undefined);\n      }\n    },\n    [editing],\n  );\n\n  const handleWheel = useCallback(\n    (event: WheelEvent) => {\n      if (!ignoreAttention && !hasAttention) {\n        event.stopPropagation();\n      }\n    },\n    [hasAttention, ignoreAttention],\n  );\n\n  const selectEntireAxis = useCallback(\n    (pos: DxGridPosition) => {\n      switch (pos.plane) {\n        case 'frozenRowsStart':\n          return dxGrid?.setSelection({\n            start: { col: pos.col, row: 0, plane: 'grid' },\n            end: { col: pos.col, row: model.sheet.rows.length - 1, plane: 'grid' },\n          });\n        case 'frozenColsStart':\n          return dxGrid?.setSelection({\n            start: { row: pos.row, col: 0, plane: 'grid' },\n            end: { row: pos.row, col: model.sheet.columns.length - 1, plane: 'grid' },\n          });\n      }\n    },\n    [dxGrid, model.sheet],\n  );\n\n  const handleClick = useCallback(\n    (event: MouseEvent) => {\n      const cell = closestCell(event.target);\n      if (cell) {\n        selectEntireAxis(cell);\n      }\n    },\n    [selectEntireAxis],\n  );\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.key) {\n        case 'Backspace':\n        case 'Delete':\n          event.preventDefault();\n          return cursorFallbackRange && model.clear(cursorFallbackRange);\n        case 'Enter':\n        case 'Space':\n          if (dxGrid && extraplanarFocus) {\n            switch (extraplanarFocus.plane) {\n              case 'frozenRowsStart':\n              case 'frozenColsStart':\n                event.preventDefault();\n                return selectEntireAxis(extraplanarFocus);\n            }\n          }\n      }\n      if (event.metaKey || event.ctrlKey) {\n        switch (event.key) {\n          case 'x':\n          case 'X':\n            event.preventDefault();\n            return cursorFallbackRange && model.cut(cursorFallbackRange);\n          case 'c':\n          case 'C':\n            event.preventDefault();\n            return cursorFallbackRange && model.copy(cursorFallbackRange);\n          case 'v':\n          case 'V':\n            event.preventDefault();\n            return cursor && model.paste(cursor);\n          case 'z':\n            event.preventDefault();\n            return event.shiftKey ? model.redo() : model.undo();\n          case 'Z':\n          case 'y':\n            event.preventDefault();\n            return model.redo();\n        }\n      }\n    },\n    [cursorFallbackRange, model, cursor, extraplanarFocus, selectEntireAxis],\n  );\n\n  const contextMenuAnchorRef = useRef<HTMLButtonElement | null>(null);\n  const [contextMenuOpen, setContextMenuOpen] = useState<DxGridPosition | null>(null);\n  const contextMenuAxis = contextMenuOpen?.plane.startsWith('frozenRows') ? 'col' : 'row';\n\n  const handleContextMenu = useCallback((event: MouseEvent) => {\n    const cell = closestCell(event.target);\n    if (cell && cell.plane.startsWith('frozen')) {\n      event.preventDefault();\n      contextMenuAnchorRef.current = event.target as HTMLButtonElement;\n      setContextMenuOpen(cell);\n    }\n  }, []);\n\n  const handleAxisMenuAction = useCallback(\n    (operation: 'insert-before' | 'insert-after' | 'drop') => {\n      switch (operation) {\n        case 'insert-before':\n        case 'insert-after':\n          return dispatch(\n            createIntent(SheetAction.InsertAxis, {\n              model,\n              axis: contextMenuAxis,\n              index: contextMenuOpen![contextMenuAxis] + (operation === 'insert-before' ? 0 : 1),\n            }),\n          );\n        case 'drop':\n          return dispatch(\n            createIntent(SheetAction.DropAxis, {\n              model,\n              axis: contextMenuAxis,\n              axisIndex: model.sheet[contextMenuAxis === 'row' ? 'rows' : 'columns'][contextMenuOpen![contextMenuAxis]],\n            }),\n          );\n      }\n    },\n    [contextMenuAxis, contextMenuOpen, model, dispatch],\n  );\n\n  const { columns, rows } = useSheetModelDxGridProps(dxGrid, model);\n\n  const extension = useMemo(\n    () => [\n      editorKeys({ onClose: handleClose, ...(editing?.initialContent && { onNav: handleClose }) }),\n      sheetExtension({ functions: model.graph.getFunctions() }),\n      rangeExtension({\n        onInit: (fn) => (rangeController.current = fn),\n        onStateChange: (state) => {\n          if (dxGrid) {\n            // This can’t dispatch a setState in this component, otherwise the cell editor remounts and loses focus.\n            dxGrid.mode = typeof state.activeRange === 'undefined' ? 'edit' : 'edit-select';\n          }\n        },\n      }),\n    ],\n    [model, handleClose, editing],\n  );\n\n  const getCellContent = useCallback(\n    (index: DxGridCellIndex) => {\n      return model.getCellText(parseCellIndex(index));\n    },\n    [model],\n  );\n\n  useUpdateFocusedCellOnThreadSelection(dxGrid);\n  useSelectThreadOnCellFocus();\n\n  return (\n    // TODO(thure): Why are Table’s and Sheet’s editor boxes off by 1px?\n    <div role='none' className='relative min-bs-0 [&_.cm-editor]:!border-lb [&_.cm-editor]:!border-transparent '>\n      <GridCellEditor getCellContent={getCellContent} extension={extension} onBlur={handleBlur} />\n      <Grid.Content\n        initialCells={initialCells}\n        limitColumns={DEFAULT_COLS}\n        limitRows={DEFAULT_ROWS}\n        columns={columns}\n        rows={rows}\n        // TODO(burdon): `col` vs. `column`?\n        columnDefault={sheetColDefault}\n        rowDefault={sheetRowDefault}\n        frozen={frozen}\n        onAxisResize={handleAxisResize}\n        onSelect={handleSelect}\n        onFocus={handleFocus}\n        onWheelCapture={handleWheel}\n        onKeyDown={handleKeyDown}\n        onContextMenu={handleContextMenu}\n        onClick={handleClick}\n        overscroll='trap'\n        className='[--dx-grid-base:var(--baseSurface)] [&_.dx-grid]:border-bs [&_.dx-grid]:border-be [&_.dx-grid]:absolute [&_.dx-grid]:inset-0 [&_.dx-grid]:border-separator'\n        activeRefs={activeRefs}\n        ref={setDxGrid}\n      />\n      <DropdownMenu.Root\n        modal={false}\n        open={!!contextMenuOpen}\n        onOpenChange={(nextOpen) => setContextMenuOpen(nextOpen ? inertPosition : null)}\n      >\n        <DropdownMenu.VirtualTrigger virtualRef={contextMenuAnchorRef} />\n        <DropdownMenu.Content side={contextMenuAxis === 'col' ? 'bottom' : 'right'} sideOffset={4} collisionPadding={8}>\n          <DropdownMenu.Viewport>\n            <DropdownMenu.Item\n              onClick={() => handleAxisMenuAction('insert-before')}\n              data-testid={`grid.${contextMenuAxis}.insert-before`}\n            >\n              <Icon\n                size={5}\n                icon={contextMenuAxis === 'col' ? 'ph--columns-plus-left--regular' : 'ph--rows-plus-top--regular'}\n              />\n              <span>{t(`add ${contextMenuAxis} before label`)}</span>\n            </DropdownMenu.Item>\n            <DropdownMenu.Item\n              onClick={() => handleAxisMenuAction('insert-after')}\n              data-testid={`grid.${contextMenuAxis}.insert-after`}\n            >\n              <Icon\n                size={5}\n                icon={contextMenuAxis === 'col' ? 'ph--columns-plus-right--regular' : 'ph--rows-plus-bottom--regular'}\n              />\n              <span>{t(`add ${contextMenuAxis} after label`)}</span>\n            </DropdownMenu.Item>\n            <DropdownMenu.Item\n              onClick={() => handleAxisMenuAction('drop')}\n              data-testid={`grid.${contextMenuAxis}.drop`}\n            >\n              <Icon size={5} icon='ph--backspace--regular' />\n              <span>{t(`delete ${contextMenuAxis} label`)}</span>\n            </DropdownMenu.Item>\n          </DropdownMenu.Viewport>\n          <DropdownMenu.Arrow />\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useEffect, useState } from 'react';\n\nimport { inRange } from '@dxos/compute';\nimport { createDocAccessor, fullyQualifiedId } from '@dxos/react-client/echo';\nimport { parseValue, cellClassesForFieldType } from '@dxos/react-ui-form';\nimport {\n  type GridContentProps,\n  type DxGridElement,\n  type DxGridAxisMeta,\n  type DxGridPlane,\n  type DxGridPlaneRange,\n  type DxGridPlaneCells,\n  type DxGridCellValue,\n  colToA1Notation,\n  rowToA1Notation,\n  commentedClassName,\n} from '@dxos/react-ui-grid';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { parseThreadAnchorAsCellRange } from '../../integrations';\nimport { type SheetModel } from '../../model';\nimport { cellClassNameForRange, rangeFromIndex } from '../../types';\n\nconst createDxGridColumns = (model: SheetModel): DxGridAxisMeta => {\n  return model.sheet.columns.reduce(\n    (acc: DxGridAxisMeta, columnId, numericIndex) => {\n      if (model.sheet.columnMeta[columnId] && model.sheet.columnMeta[columnId].size) {\n        acc.grid[numericIndex] = { size: model.sheet.columnMeta[columnId].size, resizeable: true };\n      }\n      return acc;\n    },\n    { grid: {} },\n  );\n};\n\nconst createDxGridRows = (model: SheetModel): DxGridAxisMeta => {\n  return model.sheet.rows.reduce(\n    (acc: DxGridAxisMeta, rowId, numericIndex) => {\n      if (model.sheet.rowMeta[rowId] && model.sheet.rowMeta[rowId].size) {\n        acc.grid[numericIndex] = { size: model.sheet.rowMeta[rowId].size, resizeable: true };\n      }\n      return acc;\n    },\n    { grid: {} },\n  );\n};\n\nconst projectCellProps = (model: SheetModel, col: number, row: number): DxGridCellValue => {\n  const address = { col, row };\n  const rawValue = model.getValue(address);\n  const ranges = model.sheet.ranges?.filter(({ range }) => inRange(rangeFromIndex(model.sheet, range), address));\n  const threadRefs = model.sheet.threads\n    ?.filter((thread) => {\n      const range = thread.target?.anchor && parseThreadAnchorAsCellRange(thread.target!.anchor);\n      return thread && range ? inRange(range, address) : false;\n    })\n    .map((thread) => fullyQualifiedId(thread!))\n    .join(' ');\n\n  const description = model.getValueDescription(address);\n  const type = description?.type;\n  const format = description?.format;\n  const classNames = ranges?.map(cellClassNameForRange).reverse();\n\n  return {\n    value: parseValue({ type, format, value: rawValue }),\n    className: mx(cellClassesForFieldType({ type, format }), threadRefs && commentedClassName, classNames),\n    dataRefs: threadRefs,\n  };\n};\nconst gridCellGetter = (model: SheetModel) => {\n  // TODO(thure): Actually use the cache.\n  const cachedGridCells: DxGridPlaneCells = {};\n  return (nextBounds: DxGridPlaneRange): DxGridPlaneCells => {\n    [...Array(nextBounds.end.col - nextBounds.start.col)].forEach((_, c0) => {\n      return [...Array(nextBounds.end.row - nextBounds.start.row)].forEach((_, r0) => {\n        const col = nextBounds.start.col + c0;\n        const row = nextBounds.start.row + r0;\n        cachedGridCells[`${col},${row}`] = projectCellProps(model, col, row);\n      });\n    });\n    return cachedGridCells;\n  };\n};\n\nexport const rowLabelCell = (row: number) => ({\n  value: rowToA1Notation(row),\n  className: '!bg-toolbarSurface text-subdued text-end pie-1',\n  resizeHandle: 'row',\n});\n\nexport const colLabelCell = (col: number) => ({\n  value: colToA1Notation(col),\n  className: '!bg-toolbarSurface text-subdued',\n  resizeHandle: 'col',\n});\n\nconst cellGetter = (model: SheetModel) => {\n  const getGridCells = gridCellGetter(model);\n  return (nextBounds: DxGridPlaneRange, plane: DxGridPlane): DxGridPlaneCells => {\n    switch (plane) {\n      case 'grid':\n        return getGridCells(nextBounds);\n      case 'fixedStartStart': {\n        return {\n          '0,0': { className: '!bg-toolbarSurface' },\n        };\n      }\n      case 'frozenColsStart':\n        return [...Array(nextBounds.end.row - nextBounds.start.row)].reduce((acc, _, r0) => {\n          const r = nextBounds.start.row + r0;\n          acc[`0,${r}`] = rowLabelCell(r);\n          return acc;\n        }, {});\n      case 'frozenRowsStart':\n        return [...Array(nextBounds.end.col - nextBounds.start.col)].reduce((acc, _, c0) => {\n          const c = nextBounds.start.col + c0;\n          acc[`${c},0`] = colLabelCell(c);\n          return acc;\n        }, {});\n      default:\n        return {};\n    }\n  };\n};\n\nexport const useSheetModelDxGridProps = (\n  dxGrid: DxGridElement | null,\n  model: SheetModel,\n): Pick<GridContentProps, 'columns' | 'rows'> => {\n  const [columns, setColumns] = useState<DxGridAxisMeta>(createDxGridColumns(model));\n  const [rows, setRows] = useState<DxGridAxisMeta>(createDxGridRows(model));\n\n  useEffect(() => {\n    const cellsAccessor = createDocAccessor(model.sheet, ['cells']);\n    if (dxGrid) {\n      dxGrid.getCells = cellGetter(model);\n    }\n    const handleCellsUpdate = () => {\n      dxGrid?.requestUpdate('initialCells');\n    };\n    cellsAccessor.handle.addListener('change', handleCellsUpdate);\n    const unsubscribe = model.graph.update.on(handleCellsUpdate);\n    return () => {\n      cellsAccessor.handle.removeListener('change', handleCellsUpdate);\n      unsubscribe();\n    };\n  }, [model, dxGrid]);\n\n  useEffect(() => {\n    const columnMetaAccessor = createDocAccessor(model.sheet, ['columnMeta']);\n    const rowMetaAccessor = createDocAccessor(model.sheet, ['rowMeta']);\n    const handleColumnMetaUpdate = () => {\n      setColumns(createDxGridColumns(model));\n    };\n    const handleRowMetaUpdate = () => {\n      setRows(createDxGridRows(model));\n    };\n    columnMetaAccessor.handle.addListener('change', handleColumnMetaUpdate);\n    rowMetaAccessor.handle.addListener('change', handleRowMetaUpdate);\n    return () => {\n      columnMetaAccessor.handle.removeListener('change', handleColumnMetaUpdate);\n      rowMetaAccessor.handle.removeListener('change', handleRowMetaUpdate);\n    };\n  }, [model, dxGrid]);\n\n  return { columns, rows };\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema, pipe } from 'effect';\nimport { useCallback, useEffect, useMemo } from 'react';\n\nimport {\n  createIntent,\n  createResolver,\n  LayoutAction,\n  useIntentResolver,\n  useIntentDispatcher,\n  chain,\n} from '@dxos/app-framework';\nimport { debounce } from '@dxos/async';\nimport { type CellAddress, type CompleteCellRange, inRange } from '@dxos/compute';\nimport { ATTENDABLE_PATH_SEPARATOR, DeckAction } from '@dxos/plugin-deck/types';\nimport { ThreadAction } from '@dxos/plugin-thread/types';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { type DxGridElement, type DxGridPosition, type GridContentProps } from '@dxos/react-ui-grid';\n\nimport { useSheetContext } from '../components';\nimport { SHEET_PLUGIN } from '../meta';\n\nexport const completeCellRangeToThreadCursor = (range: CompleteCellRange): string => {\n  return `${range.from.col},${range.from.row},${range.to.col},${range.to.row}`;\n};\n\nexport const parseThreadAnchorAsCellRange = (cursor: string): CompleteCellRange | null => {\n  const coords = cursor.split(',');\n  if (coords.length !== 4) {\n    return null;\n  } else {\n    const [fromCol, fromRow, toCol, toRow] = coords;\n    return {\n      from: { col: parseInt(fromCol), row: parseInt(fromRow) },\n      to: { col: parseInt(toCol), row: parseInt(toRow) },\n    };\n  }\n};\n\nexport const useUpdateFocusedCellOnThreadSelection = (grid: DxGridElement | null) => {\n  const { model, setActiveRefs } = useSheetContext();\n  const scrollIntoViewResolver = useMemo(\n    () =>\n      createResolver({\n        intent: LayoutAction.ScrollIntoView,\n        position: 'hoist',\n        filter: (\n          data,\n        ): data is {\n          part: 'current';\n          subject: string;\n          options: { cursor: string; ref: GridContentProps['activeRefs'] };\n        } => {\n          if (!Schema.is(LayoutAction.ScrollIntoView.fields.input)(data)) {\n            return false;\n          }\n\n          return data.subject === fullyQualifiedId(model.sheet) && !!data.options?.cursor;\n        },\n        resolve: ({ options: { cursor, ref } }) => {\n          setActiveRefs(ref);\n          // TODO(Zan): Everywhere we refer to the cursor in a thread context should change to `anchor`.\n          const range = parseThreadAnchorAsCellRange(cursor!);\n          range && grid?.setFocus({ ...range.to, plane: 'grid' }, true);\n        },\n      }),\n    [model.sheet, setActiveRefs],\n  );\n\n  useIntentResolver(SHEET_PLUGIN, scrollIntoViewResolver);\n};\n\nexport const useSelectThreadOnCellFocus = () => {\n  const { model, cursor } = useSheetContext();\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n\n  const threads = useMemo(\n    () => model.sheet.threads?.filter((thread): thread is NonNullable<typeof thread> => !!thread) ?? [],\n    [\n      // TODO(thure): Surely we can find a better dependency for this…\n      JSON.stringify(model.sheet.threads),\n    ],\n  );\n\n  const selectClosestThread = useCallback(\n    (cellAddress: CellAddress) => {\n      if (!cellAddress || !threads) {\n        return;\n      }\n\n      const closestThread = threads?.find((ref) => {\n        if (ref.target?.anchor) {\n          const range = parseThreadAnchorAsCellRange(ref.target!.anchor);\n          return range ? inRange(range, cellAddress) : false;\n        } else {\n          return false;\n        }\n      });\n\n      if (closestThread) {\n        const primary = fullyQualifiedId(model.sheet);\n        const intent = pipe(\n          createIntent(ThreadAction.Select, { current: fullyQualifiedId(closestThread) }),\n          chain(DeckAction.ChangeCompanion, { primary, companion: `${primary}${ATTENDABLE_PATH_SEPARATOR}comments` }),\n        );\n        void dispatch(intent);\n      }\n    },\n    [dispatch, threads],\n  );\n\n  const debounced = useMemo(() => {\n    return debounce((cellCoords: DxGridPosition) => requestAnimationFrame(() => selectClosestThread(cellCoords)), 50);\n  }, [selectClosestThread]);\n\n  useEffect(() => {\n    if (!cursor) {\n      return;\n    }\n    debounced(cursor);\n  }, [cursor, debounced]);\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type PropsWithChildren, createContext, useCallback, useContext, useState } from 'react';\n\nimport { type ComputeGraph, type CellAddress, type CellRange, type CompleteCellRange } from '@dxos/compute';\nimport { invariant } from '@dxos/invariant';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport {\n  Grid,\n  type GridContentProps,\n  type GridEditing,\n  type GridScopedProps,\n  useGridContext,\n} from '@dxos/react-ui-grid';\n\nimport { type SheetModel, useSheetModel } from '../../model';\nimport { type SheetType } from '../../types';\n\nexport type SheetContextValue = {\n  id: string;\n\n  model: SheetModel;\n\n  // Cursor state.\n  // TODO(burdon): Cursor and range should use indices.\n  cursor?: CellAddress;\n  setCursor: (cell: CellAddress | undefined) => void;\n  range?: CellRange;\n  setRange: (range: CellRange | undefined) => void;\n  cursorFallbackRange?: CompleteCellRange;\n\n  // Editing state (undefined if not editing).\n  editing: GridEditing;\n  setEditing: (editing: GridEditing) => void;\n\n  // Active refs\n  activeRefs: GridContentProps['activeRefs'];\n  setActiveRefs: (activeRefs: GridContentProps['activeRefs']) => void;\n\n  // Events.\n  // TODO(burdon): Generalize.\n  onInfo?: () => void;\n\n  // Flags\n  ignoreAttention?: boolean;\n};\n\nconst SheetContext = createContext<SheetContextValue | undefined>(undefined);\n\nexport const useSheetContext = (): SheetContextValue => {\n  const context = useContext(SheetContext);\n  invariant(context);\n  return context;\n};\n\nconst SheetProviderImpl = ({\n  model,\n  onInfo,\n  ignoreAttention,\n  children,\n  __gridScope,\n}: GridScopedProps<PropsWithChildren<Pick<SheetContextValue, 'onInfo' | 'model' | 'ignoreAttention'>>>) => {\n  const { id, editing, setEditing } = useGridContext('SheetProvider', __gridScope);\n\n  const [cursor, setCursorInternal] = useState<CellAddress>();\n  const [range, setRangeInternal] = useState<CellRange>();\n  const [cursorFallbackRange, setCursorFallbackRange] = useState<CompleteCellRange>();\n  const [activeRefs, setActiveRefs] = useState<GridContentProps['activeRefs']>('');\n\n  const setCursor = useCallback(\n    (nextCursor?: CellAddress) => {\n      setCursorInternal(nextCursor);\n      setCursorFallbackRange(\n        range?.to ? (range as CompleteCellRange) : nextCursor ? { from: nextCursor!, to: nextCursor! } : undefined,\n      );\n    },\n    [range],\n  );\n  const setRange = useCallback(\n    (nextRange?: CellRange) => {\n      setRangeInternal(nextRange);\n      setCursorFallbackRange(\n        nextRange?.to ? (nextRange as CompleteCellRange) : cursor ? { from: cursor!, to: cursor! } : undefined,\n      );\n    },\n    [cursor],\n  );\n\n  return (\n    <SheetContext.Provider\n      value={{\n        id,\n        model,\n        editing,\n        setEditing,\n        cursor,\n        setCursor,\n        range,\n        setRange,\n        cursorFallbackRange,\n        activeRefs,\n        setActiveRefs,\n        // TODO(burdon): Change to event.\n        onInfo,\n        ignoreAttention,\n      }}\n    >\n      {children}\n    </SheetContext.Provider>\n  );\n};\n\nexport type SheetProviderProps = {\n  graph: ComputeGraph;\n  sheet: SheetType;\n  readonly?: boolean;\n  ignoreAttention?: boolean;\n} & Pick<SheetContextValue, 'onInfo'>;\n\nexport const SheetProvider = ({\n  children,\n  graph,\n  sheet,\n  readonly,\n  ignoreAttention,\n  onInfo,\n}: PropsWithChildren<SheetProviderProps>) => {\n  const model = useSheetModel(graph, sheet, { readonly });\n\n  return !model ? null : (\n    <Grid.Root id={fullyQualifiedId(sheet)}>\n      <SheetProviderImpl model={model} onInfo={onInfo} ignoreAttention={ignoreAttention}>\n        {children}\n      </SheetProviderImpl>\n    </Grid.Root>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_compute", "import_react_ui", "import_react_ui_grid", "import_react_ui_theme", "import_effect", "import_app_framework", "import_types", "import_echo", "ComputeGraphContext", "createContext", "undefined", "ComputeGraphContextProvider", "registry", "children", "React", "Provider", "value", "useComputeGraph", "space", "useContext", "raise", "Error", "graph", "useAsyncState", "getOrCreateGraph", "open", "RangeList", "sheet", "t", "useTranslation", "SHEET_PLUGIN", "handleSelectRange", "range", "handleDeleteRange", "useCallback", "index", "ranges", "findIndex", "sheetRange", "splice", "h2", "className", "List", "Root", "items", "isItem", "Schema", "is", "Range", "map", "i", "Item", "key", "item", "classNames", "ghostHover", "ItemDragHandle", "ItemTitle", "onClick", "position", "rangeToA1Notation", "rangeFromIndex", "ItemDeleteButton", "completeCellRangeToThreadCursor", "from", "col", "row", "to", "parseThreadAnchorAsCellRange", "cursor", "coords", "split", "length", "fromCol", "fromRow", "toCol", "toRow", "parseInt", "useUpdateFocusedCellOnThreadSelection", "grid", "model", "setActiveRefs", "useSheetContext", "scrollIntoViewResolver", "useMemo", "createResolver", "intent", "LayoutAction", "ScrollIntoView", "filter", "data", "fields", "input", "subject", "fullyQualifiedId", "options", "resolve", "ref", "setFocus", "plane", "useIntentResolver", "useSelectThreadOnCellFocus", "dispatchPromise", "dispatch", "useIntentDispatcher", "threads", "thread", "JSON", "stringify", "selectClosestThread", "cellAddress", "closestThread", "find", "target", "anchor", "inRange", "primary", "pipe", "createIntent", "ThreadAction", "Select", "current", "chain", "DeckAction", "ChangeCompanion", "companion", "ATTENDABLE_PATH_SEPARATOR", "debounced", "debounce", "cellCoords", "requestAnimationFrame", "useEffect", "createDxGridColumns", "columns", "reduce", "acc", "columnId", "numericIndex", "columnMeta", "size", "resizeable", "createDxGridRows", "rows", "rowId", "rowMeta", "projectCellProps", "address", "rawValue", "getValue", "threadRefs", "join", "description", "getValueDescription", "type", "format", "cellClassNameForRange", "reverse", "parseValue", "mx", "cellClassesForFieldType", "commentedClassName", "dataRefs", "gridCellGetter", "cachedGridCells", "nextBounds", "Array", "end", "start", "forEach", "_", "c0", "r0", "rowLabelCell", "rowToA1Notation", "resizeHandle", "colLabelCell", "colToA1Notation", "cellGetter", "getGridCells", "r", "c", "useSheetModelDxGridProps", "dxGrid", "setColumns", "useState", "setRows", "cellsAccessor", "createDocAccessor", "getCells", "handleCellsUpdate", "requestUpdate", "handle", "addListener", "unsubscribe", "update", "on", "removeListener", "columnMetaAccessor", "rowMetaAccessor", "handleColumnMetaUpdate", "handleRowMetaUpdate", "SheetContext", "context", "invariant", "SheetProviderImpl", "onInfo", "ignoreAttention", "__gridScope", "id", "editing", "setEditing", "useGridContext", "setCursorInternal", "setRangeInternal", "cursorFallbackRange", "setCursorFallbackRange", "activeRefs", "setCursor", "nextCursor", "setRange", "nextRange", "SheetProvider", "readonly", "useSheetModel", "Grid", "inertPosition", "initialCells", "frozenColsStart", "frozenRowsStart", "frozen", "sheetColDefault", "defaultColSize", "sheetRowDefault", "defaultRowSize", "GridSheet", "setDxGrid", "extraplanarFocus", "setExtraplanarFocus", "rangeController", "useRef", "hasAttention", "useAttention", "handleFocus", "event", "cell", "closestCell", "handleClose", "_value", "shift", "axis", "includes", "delta", "startsWith", "refocus", "handleBlur", "setValue", "parseCellIndex", "handleAxisResize", "handleSelect", "minCol", "maxCol", "minRow", "maxRow", "handleWheel", "stopPropagation", "selectEntireAxis", "pos", "setSelection", "handleClick", "handleKeyDown", "preventDefault", "clear", "metaKey", "ctrlKey", "cut", "copy", "paste", "shiftKey", "redo", "undo", "contextMenuAnchorRef", "contextMenuOpen", "setContextMenuOpen", "contextMenuAxis", "handleContextMenu", "handleAxisMenuAction", "operation", "SheetAction", "InsertAxis", "DropAxis", "axisIndex", "extension", "editorKeys", "onClose", "initialContent", "onNav", "sheetExtension", "functions", "getFunctions", "rangeExtension", "onInit", "fn", "onStateChange", "state", "mode", "activeRange", "getCellContent", "getCellText", "div", "role", "GridCellEditor", "onBlur", "Content", "limitColumns", "DEFAULT_COLS", "limitRows", "DEFAULT_ROWS", "columnDefault", "rowDefault", "onAxisResize", "onSelect", "onFocus", "onWheelCapture", "onKeyDown", "onContextMenu", "overscroll", "DropdownMenu", "modal", "onOpenChange", "nextOpen", "VirtualTrigger", "virtualRef", "side", "sideOffset", "collisionPadding", "Viewport", "data-testid", "Icon", "icon", "span", "Arrow", "SheetContainer", "lazy"]
+}