@dxos/plugin-sheet 0.7.2 → 0.7.3-main.2dd075e

package/src/defs/types.ts

@@ -3,6 +3,7 @@
 //
 
 import { invariant } from '@dxos/invariant';
+import { type DxGridPlanePosition } from '@dxos/react-ui-grid';
 
 export const DEFAULT_ROWS = 50;
 export const DEFAULT_COLUMNS = 26;
@@ -10,7 +11,7 @@ export const DEFAULT_COLUMNS = 26;
 export const MAX_ROWS = 500;
 export const MAX_COLUMNS = 26 * 2;
 
-export type CellAddress = { col: number; row: number };
+export type CellAddress = DxGridPlanePosition;
 
 export type CellRange = { from: CellAddress; to?: CellAddress };
 export type CompleteCellRange = { from: CellAddress; to: CellAddress };
@@ -76,6 +77,7 @@ export const inRange = (range: CellRange | undefined, cell: CellAddress): boolea
 
   const { col: c1, row: r1 } = from;
   const { col: c2, row: r2 } = to;
+
   const cMin = Math.min(c1, c2);
   const cMax = Math.max(c1, c2);
   const rMin = Math.min(r1, r2);

package/src/defs/util.ts

@@ -3,10 +3,13 @@
 //
 
 import { randomBytes } from '@dxos/crypto';
-import { create } from '@dxos/echo-schema';
+import { invariant } from '@dxos/invariant';
+import { create } from '@dxos/live-object';
 
 import {
   addressFromA1Notation,
+  addressToA1Notation,
+  isFormula,
   type CellAddress,
   type CellRange,
   type CompleteCellRange,
@@ -28,6 +31,8 @@ export class RangeException extends ApiError {
   }
 }
 
+// TODO(burdon): Factor out to types lib.
+
 /**
  * With a string length of 8, the chance of a collision is 0.02% for a sheet with 10,000 strings.
  */
@@ -79,6 +84,10 @@ export const createSheet = ({ name, cells, ...size }: CreateSheetOptions = {}):
   if (cells) {
     Object.entries(cells).forEach(([key, { value }]) => {
       const idx = addressToIndex(sheet, addressFromA1Notation(key));
+      if (isFormula(value)) {
+        value = mapFormulaRefsToIndices(sheet, value);
+      }
+
       sheet.cells[idx] = { value };
     });
   }
@@ -134,3 +143,25 @@ export const compareIndexPositions = (sheet: SheetType, indexA: string, indexB:
     return columnA - columnB;
   }
 };
+
+// TODO(burdon): Tests.
+
+/**
+ * Map from A1 notation to indices.
+ */
+export const mapFormulaRefsToIndices = (sheet: SheetType, formula: string): string => {
+  invariant(isFormula(formula));
+  return formula.replace(/([a-zA-Z]+)([0-9]+)/g, (match) => {
+    return addressToIndex(sheet, addressFromA1Notation(match));
+  });
+};
+
+/**
+ * Map from indices to A1 notation.
+ */
+export const mapFormulaIndicesToRefs = (sheet: SheetType, formula: string): string => {
+  invariant(isFormula(formula));
+  return formula.replace(/([a-zA-Z0-9]+)@([a-zA-Z0-9]+)/g, (idx) => {
+    return addressToA1Notation(addressFromIndex(sheet, idx));
+  });
+};

package/src/extensions/editor/extension.ts

@@ -64,6 +64,7 @@ const highlightStyles = HighlightStyle.define([
 const languageFacet = singleValueFacet<Language>();
 
 export type SheetExtensionOptions = {
+  debug?: boolean;
   functions?: FunctionDefinition[];
 };
 
@@ -74,7 +75,7 @@ export type SheetExtensionOptions = {
  * https://github.com/codemirror/lang-example
  * https://hyperformula.handsontable.com/guide/key-concepts.html#grammar
  */
-export const sheetExtension = ({ functions = [] }: SheetExtensionOptions): Extension => {
+export const sheetExtension = ({ debug, functions = [] }: SheetExtensionOptions): Extension => {
   const { extension, language } = spreadsheet({ idiom: 'en-US', decimalSeparator: '.' });
 
   const createCompletion = (name: string) => {
@@ -162,8 +163,7 @@ export const sheetExtension = ({ functions = [] }: SheetExtensionOptions): Exten
       aboveCursor: false,
       defaultKeymap: true,
       activateOnTyping: true,
-      // NOTE: Useful for debugging.
-      closeOnBlur: false,
+      closeOnBlur: !debug,
       icons: false,
       tooltipClass: () =>
         mx(

package/src/index.ts

@@ -6,4 +6,7 @@ import { SheetPlugin } from './SheetPlugin';
 
 export * from './SheetPlugin';
 
+// TODO(burdon): Move to types entrypoint or create a new one.
+export * from './defs';
+
 export default SheetPlugin;

package/src/integrations/thread-ranges.ts

@@ -43,6 +43,8 @@ export const useUpdateFocusedCellOnThreadSelection = (grid: DxGridElement | null
           // TODO(Zan): Everywhere we refer to the cursor in a thread context should change to `anchor`.
           const range = parseThreadAnchorAsCellRange(data.cursor);
           range && grid?.setFocus({ ...range.to, plane: 'grid' }, true);
+
+          return { data: true };
         }
       }
     },

package/src/model/sheet-model.test.ts

@@ -5,11 +5,19 @@
 import { afterEach, beforeEach, describe, expect, onTestFinished, test } from 'vitest';
 
 import { Trigger } from '@dxos/async';
+import { log } from '@dxos/log';
 import { FunctionType } from '@dxos/plugin-script/types';
 
 import { SheetModel } from './sheet-model';
+import { createTestGrid } from './testing';
 import { TestBuilder, testFunctionPlugins } from '../compute-graph/testing';
-import { addressFromA1Notation, createSheet } from '../defs';
+import {
+  addressFromA1Notation,
+  createSheet,
+  isFormula,
+  mapFormulaIndicesToRefs,
+  mapFormulaRefsToIndices,
+} from '../defs';
 import { type CellScalarValue } from '../types';
 
 describe('SheetModel', () => {
@@ -56,4 +64,30 @@ describe('SheetModel', () => {
     expect(v2).to.eq(100);
     expect(graph.context.info.invocations.TEST).to.eq(1);
   });
+
+  test('formula', async () => {
+    const space = await testBuilder.client.spaces.create();
+    const graph = testBuilder.registry.createGraph(space);
+    await graph.open();
+
+    const cols = 4;
+    const rows = 10;
+    const sheet = createTestGrid({ rows, cols });
+    const model = new SheetModel(graph, sheet);
+    await model.open();
+
+    for (let col = 1; col <= cols; col++) {
+      const cell = { col, row: rows };
+      const text = model.getCellText(cell);
+      const raw = model.getCellValue(cell);
+      const value = model.getValue(cell);
+      log('values', { text, raw, value });
+
+      expect(isFormula(text)).to.be.true;
+      expect(isFormula(raw)).to.be.true;
+      expect(typeof value).to.eq('number');
+      expect(mapFormulaRefsToIndices(sheet, text as string)).to.eq(raw);
+      expect(mapFormulaIndicesToRefs(sheet, raw as string)).to.eq(text);
+    }
+  });
 });

package/src/model/sheet-model.ts

@@ -28,6 +28,8 @@ import {
   ReadonlyException,
   MAX_COLUMNS,
   MAX_ROWS,
+  mapFormulaIndicesToRefs,
+  mapFormulaRefsToIndices,
 } from '../defs';
 import { type CellScalarValue, type CellValue, type SheetType, type RestoreAxis } from '../types';
 
@@ -142,7 +144,7 @@ export class SheetModel extends Resource {
       invariant(this._node);
       const { col, row } = addressFromIndex(this._sheet, key);
       if (isFormula(value)) {
-        const binding = this._graph.mapFunctionBindingFromId(this.mapFormulaIndicesToRefs(value));
+        const binding = this._graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs(this._sheet, value));
         if (binding) {
           value = this._graph.mapFormulaToNative(binding);
         } else {
@@ -315,7 +317,7 @@ export class SheetModel extends Resource {
     }
 
     if (isFormula(value)) {
-      return this._graph.mapFunctionBindingFromId(this.mapFormulaIndicesToRefs(value));
+      return this._graph.mapFunctionBindingFromId(mapFormulaIndicesToRefs(this._sheet, value));
     } else {
       return String(value);
     }
@@ -391,7 +393,7 @@ export class SheetModel extends Resource {
       delete this._sheet.cells[idx];
     } else {
       if (isFormula(value)) {
-        value = this._graph.mapFunctionBindingToId(this.mapFormulaRefsToIndices(value));
+        value = this._graph.mapFunctionBindingToId(mapFormulaRefsToIndices(this._sheet, value));
       }
 
       this._sheet.cells[idx] = { value };
@@ -440,20 +442,6 @@ export class SheetModel extends Resource {
     throw new Error('Not implemented');
   }
 
-  //
-  // Indices.
-  //
-
-  /**
-   * Map from A1 notation to indices.
-   */
-  mapFormulaRefsToIndices(formula: string): string {
-    invariant(isFormula(formula));
-    return formula.replace(/([a-zA-Z]+)([0-9]+)/g, (match) => {
-      return addressToIndex(this._sheet, addressFromA1Notation(match));
-    });
-  }
-
   /**
    * Map from indices to A1 notation.
    */

package/src/model/testing.ts

@@ -0,0 +1,35 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { addressToA1Notation, createSheet } from '../defs';
+import type { CellValue, SheetType } from '../types';
+
+// TODO(burdon): Create testing endpoint.
+// TODO(burdon): Move to react-ui-sheet.
+export const createTestGrid = ({ cols = 4, rows = 10 }: { cols: number; rows: number }): SheetType => {
+  const year = new Date().getFullYear();
+
+  const cells: Record<string, CellValue> = {};
+  for (let col = 1; col <= cols; col++) {
+    for (let row = 1; row <= 10; row++) {
+      const cell = addressToA1Notation({ col, row });
+      if (row === 1) {
+        cells[cell] = { value: `${year} Q${col}` };
+      } else if (row === rows) {
+        const from = addressToA1Notation({ col, row: 2 });
+        const to = addressToA1Notation({ col, row: rows - 1 });
+        cells[cell] = { value: `=SUM(${from}:${to})` };
+      } else if (row > 2 && row < rows - 1) {
+        cells[cell] = { value: Math.floor(Math.random() * 10_000) };
+      }
+    }
+  }
+
+  const sheet = createSheet({
+    name: 'Test',
+    cells,
+  });
+
+  return sheet;
+};

package/src/sanity.test.ts

@@ -34,7 +34,7 @@ describe('test', () => {
     //  - ERROR "process.nextTick is not a function"
     //  - ERROR "Identifier 'Buffer' has already been declared" if { nodeExternal: true }
     const space = await client.spaces.create();
-    const fn = space.db.add(create(FunctionType, { name: 'test', version: 1, binding: 'HELLO' }));
+    const fn = space.db.add(create(FunctionType, { name: 'test', version: '0.0.1', binding: 'HELLO' }));
     expect(fn).to.exist;
   });
 });

package/src/testing/data.ts

@@ -0,0 +1,33 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import type { CellValue } from '../types';
+
+export const createTestCells = (testSheetName = 'test'): Record<string, CellValue> => ({
+  B1: { value: 'Qty2' },
+  B3: { value: 1 },
+  B4: { value: 2 },
+  B5: { value: 3 },
+  B7: { value: 'Total' },
+
+  C1: { value: 'Price' },
+  C3: { value: 2_000 },
+  C4: { value: 2_500 },
+  C5: { value: 3_000 },
+  C7: { value: '=SUMPRODUCT(B2:B6, C2:C6)' },
+  // C8: { value: '=C7*CRYPTO(D7)' },
+  C8: { value: '=C7*TEST()' },
+
+  D7: { value: 'USD' },
+  D8: { value: 'BTC' },
+
+  E3: { value: '=TODAY()' },
+  E4: { value: '=NOW()' },
+
+  F1: { value: `=${testSheetName}!A1` }, // Ref test sheet.
+  F3: { value: true },
+  F4: { value: false },
+  F5: { value: '8%' },
+  F6: { value: '$10000' },
+});

package/src/testing/index.ts

@@ -2,4 +2,5 @@
 // Copyright 2024 DXOS.org
 //
 
+export * from './data';
 export * from './testing';

package/src/testing/playwright/playwright.config.ts

@@ -0,0 +1,18 @@
+//
+// Copyright 2023 DXOS.org
+//
+
+import { nxE2EPreset } from '@nx/playwright/preset';
+import { defineConfig } from '@playwright/test';
+
+import { e2ePreset } from '@dxos/test-utils/playwright';
+
+export default defineConfig({
+  ...nxE2EPreset(__filename, { testDir: __dirname }),
+  ...e2ePreset(__dirname),
+  webServer: {
+    command: 'pnpm -w nx storybook stories',
+    port: 9009,
+    reuseExistingServer: !process.env.CI,
+  },
+});

package/src/testing/playwright/sheet-manager.ts

@@ -0,0 +1,91 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { type Locator, type Page } from '@playwright/test';
+
+import { DxGridManager } from '@dxos/lit-grid/testing';
+import { type DxGridPosition, type DxGridAxis } from '@dxos/react-ui-grid';
+
+/**
+ * Test helper for managing dx-grid interactions and assertions in Playwright tests.
+ * Provides utilities for cell selection, grid navigation, virtualization checks and event handling.
+ */
+export class SheetManager {
+  constructor(page: Page, grid?: Locator) {
+    this.grid = new DxGridManager(page, grid);
+    this.page = page;
+  }
+
+  grid: DxGridManager;
+  page: Page;
+
+  async ready() {
+    await this.grid.ready();
+    return this.cellByText('Ready').waitFor({ state: 'visible' });
+  }
+
+  async fill(text: string) {
+    // TODO(thure): Do these timeouts help with test flakiness?
+    await this.page.waitForTimeout(200);
+    await this.cellEditor().fill(text);
+    await this.page.waitForTimeout(200);
+  }
+
+  async press(key: string) {
+    // TODO(thure): Does these timeouts help with test flakiness?
+    await this.page.waitForTimeout(200);
+    await this.page.keyboard.press(key);
+    await this.page.waitForTimeout(200);
+  }
+
+  async commit(key: string) {
+    // TODO(thure): Why do we need to wait? Enter is ignored otherwise…
+    await this.page.waitForTimeout(500);
+    await this.press(key);
+  }
+
+  cellByText(text: string) {
+    return this.grid.grid.getByText(text);
+  }
+
+  async setFocusedCellValue(text: string, commitKey: string) {
+    const mode = await this.grid.mode();
+    if (mode === 'browse') {
+      await this.commit('Enter');
+    }
+    await this.fill(text);
+    await this.commit(commitKey);
+  }
+
+  async selectRange(start: DxGridPosition, end: DxGridPosition) {
+    const startCell = this.grid.cell(start.col, start.row, start.plane);
+    const endCell = this.grid.cell(end.col, end.row, end.plane);
+    const startBox = await startCell.boundingBox();
+    const endBox = await endCell.boundingBox();
+    await startCell.dragTo(endCell, {
+      sourcePosition: { x: startBox!.width / 2, y: startBox!.height / 2 },
+      targetPosition: { x: endBox!.width / 2, y: endBox!.height / 2 },
+    });
+  }
+
+  async deleteAxis(axis: DxGridAxis, position: number) {
+    const col = axis === 'row' ? 0 : position;
+    const row = axis === 'row' ? position : 0;
+    const plane = axis === 'row' ? 'frozenColsStart' : 'frozenRowsStart';
+    await this.grid.cell(col, row, plane).click({ button: 'right' });
+    await this.page.getByTestId(`grid.${axis}.drop`).click();
+  }
+
+  toolbarAction(key: string, value: string) {
+    return this.page.getByTestId(`grid.toolbar.${key}.${value}`);
+  }
+
+  cellEditor() {
+    return this.page.getByTestId('grid.cell-editor').getByRole('textbox');
+  }
+
+  rangeInList(a1Coords: string) {
+    return this.page.getByTestId('grid.range-list').getByText(a1Coords);
+  }
+}

package/src/testing/playwright/sheet.spec.ts

@@ -0,0 +1,78 @@
+//
+// Copyright 2021 DXOS.org
+//
+
+import { expect, test, type Page } from '@playwright/test';
+
+import { faker } from '@dxos/random';
+import { setupPage, storybookUrl } from '@dxos/test-utils/playwright';
+
+import { SheetManager } from './sheet-manager';
+
+test.describe('plugin-sheet', () => {
+  let page: Page;
+  let sheet: SheetManager;
+
+  test.beforeEach(async ({ browser }) => {
+    const setup = await setupPage(browser, {
+      url: storybookUrl('plugins-plugin-sheet-sheetcontainer--spec'),
+    });
+    page = setup.page;
+    sheet = new SheetManager(page);
+    await sheet.ready();
+  });
+
+  test.afterEach(async () => {
+    await page.close();
+  });
+
+  test('basic interactions', async () => {
+    // Cell editor should initially be hidden
+    await expect(sheet.cellEditor()).not.toBeVisible();
+    // Click on cell to focus it
+    await sheet.grid.cell(0, 0, 'grid').click();
+    // Cell editor should still be hidden
+    await expect(sheet.cellEditor()).not.toBeVisible();
+    // Click again to edit it
+    await sheet.grid.cell(0, 0, 'grid').click();
+    // Confirm editor displays
+    await expect(sheet.cellEditor()).toBeVisible();
+    // Type in a value and press enter
+    const testString = faker.string.uuid();
+    await sheet.setFocusedCellValue(testString, 'Enter');
+    // Expect that value to now show in the grid
+    await expect(sheet.cellByText(testString)).toBeVisible();
+  });
+
+  test('functions, row deletion, indexed positions', async () => {
+    const firstNumber = 123;
+    const secondNumber = 789;
+    const thirdNumber = 567;
+    // Input numbers
+    await sheet.grid.cell(0, 2, 'grid').click();
+    await sheet.setFocusedCellValue(`${firstNumber}`, 'Enter');
+    await sheet.setFocusedCellValue(`${secondNumber}`, 'Enter');
+    await sheet.setFocusedCellValue(`${thirdNumber}`, 'Enter');
+
+    // Test range input
+    await sheet.press('Enter');
+    await sheet.fill('=SUM(');
+    await sheet.selectRange({ col: 0, row: 2, plane: 'grid' }, { col: 0, row: 4, plane: 'grid' });
+    await sheet.press(')');
+    await sheet.commit('Enter');
+    // Check sum
+    await expect(sheet.grid.cell(0, 5, 'grid')).toHaveText(`${firstNumber + secondNumber + thirdNumber}`);
+    // Delete row of second number
+    await sheet.deleteAxis('row', 3);
+    // Check sum again, it should be one cell up and reflect the updated range.
+    await expect(sheet.grid.cell(0, 4, 'grid')).toHaveText(`${firstNumber + thirdNumber}`);
+  });
+
+  test('ranges', async () => {
+    await sheet.selectRange({ col: 1, row: 0, plane: 'grid' }, { col: 1, row: 1, plane: 'grid' });
+    await sheet.toolbarAction('alignment', 'center').click();
+    await expect(await sheet.grid.cell(1, 0, 'grid')).toHaveAttribute('class', /text-center/);
+    await expect(await sheet.grid.cell(1, 1, 'grid')).toHaveAttribute('class', /text-center/);
+    await expect(sheet.rangeInList('B1:B2')).toBeVisible();
+  });
+});

package/src/testing/testing.tsx

@@ -11,37 +11,7 @@ import { useAsyncState } from '@dxos/react-hooks';
 import { ComputeGraphContextProvider } from '../components';
 import { type ComputeGraph, type ComputeGraphOptions, ComputeGraphRegistry } from '../compute-graph';
 import { createSheet } from '../defs';
-import { type CellValue, type CreateSheetOptions } from '../types';
-
-const testSheetName = 'test';
-
-export const createTestCells = (): Record<string, CellValue> => ({
-  B1: { value: 'Qty2' },
-  B3: { value: 1 },
-  B4: { value: 2 },
-  B5: { value: 3 },
-  B7: { value: 'Total' },
-
-  C1: { value: 'Price' },
-  C3: { value: 2_000 },
-  C4: { value: 2_500 },
-  C5: { value: 3_000 },
-  C7: { value: '=SUMPRODUCT(B2:B6, C2:C6)' },
-  // C8: { value: '=C7*CRYPTO(D7)' },
-  C8: { value: '=C7*TEST()' },
-
-  D7: { value: 'USD' },
-  D8: { value: 'BTC' },
-
-  E3: { value: '=TODAY()' },
-  E4: { value: '=NOW()' },
-
-  F1: { value: `=${testSheetName}!A1` }, // Ref test sheet.
-  F3: { value: true },
-  F4: { value: false },
-  F5: { value: '8%' },
-  F6: { value: '$10000' },
-});
+import { type CreateSheetOptions } from '../types';
 
 export const useTestSheet = (space?: Space, graph?: ComputeGraph, options?: CreateSheetOptions) => {
   const [sheet] = useAsyncState(async () => {

package/src/translations.ts

@@ -3,10 +3,14 @@
 //
 
 import { SHEET_PLUGIN } from './meta';
+import { SheetType } from './types';
 
 export default [
   {
     'en-US': {
+      [SheetType.typename]: {
+        'typename label': 'Sheet',
+      },
       [SHEET_PLUGIN]: {
         'plugin name': 'Sheets',
         'sheet title placeholder': 'New sheet',

package/src/types.ts

@@ -11,9 +11,8 @@ import type {
   IntentData,
 } from '@dxos/app-framework';
 import { ref, S, TypedObject } from '@dxos/echo-schema';
-import { type SchemaProvides } from '@dxos/plugin-client';
 import { type MarkdownExtensionProvides } from '@dxos/plugin-markdown';
-import { type SpaceInitProvides } from '@dxos/plugin-space';
+import { type SchemaProvides } from '@dxos/plugin-space';
 import { ThreadType } from '@dxos/plugin-space/types';
 import { type StackProvides } from '@dxos/plugin-stack';
 import { type DxGridAxis } from '@dxos/react-ui-grid';
@@ -61,7 +60,6 @@ export type SheetPluginProvides = SurfaceProvides &
   MetadataRecordsProvides &
   TranslationsProvides &
   SchemaProvides &
-  SpaceInitProvides &
   StackProvides &
   ThreadProvides<SheetType>;
 

package/dist/lib/browser/SheetContainer-YAMIOFC6.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/SheetContainer/SheetContainer.tsx", "../../../src/components/FunctionEditor/FunctionEditor.tsx", "../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/SheetContainer/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Space } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { type SheetType } from '../../types';\nimport { useComputeGraph } from '../ComputeGraph';\nimport { FunctionEditor } from '../FunctionEditor';\nimport { GridSheet } from '../GridSheet';\nimport { SheetProvider } from '../SheetContext';\nimport { Toolbar } from '../Toolbar';\n\nexport const SheetContainer = ({\n  space,\n  sheet,\n  role,\n  ignoreAttention,\n}: {\n  space: Space;\n  sheet: SheetType;\n  role?: string;\n  ignoreAttention?: boolean;\n}) => {\n  const graph = useComputeGraph(space);\n\n  return graph ? (\n    <SheetProvider sheet={sheet} graph={graph} ignoreAttention={ignoreAttention}>\n      <StackItem.Content toolbar statusbar {...(role === 'section' && { classNames: 'aspect-video' })}>\n        <Toolbar.Root role={role}>\n          <Toolbar.Styles />\n          <Toolbar.Alignment />\n          <Toolbar.Separator />\n          <Toolbar.Actions />\n        </Toolbar.Root>\n        <GridSheet />\n        <FunctionEditor />\n      </StackItem.Content>\n    </SheetProvider>\n  ) : null;\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\n\nimport { addressToA1Notation, isFormula, rangeToA1Notation } from '../../defs';\nimport { useSheetContext } from '../SheetContext';\n\nexport const FunctionEditor = () => {\n  const { model, cursor, range } = useSheetContext();\n\n  let value;\n  let formula = false;\n  if (cursor) {\n    value = model.getCellValue(cursor);\n    if (isFormula(value)) {\n      value = model.graph.mapFunctionBindingFromId(model.mapFormulaIndicesToRefs(value));\n      formula = true;\n    } else if (value != null) {\n      value = String(value);\n    }\n  }\n\n  return (\n    <div className='flex shrink-0 justify-between items-center px-4 py-1 text-sm attention-surface border-bs !border-separator'>\n      <div className='flex gap-4 items-center'>\n        <div className='flex w-16 items-center font-mono'>\n          {(range && rangeToA1Notation(range)) || (cursor && addressToA1Notation(cursor))}\n        </div>\n        <div className='flex gap-2 items-center'>\n          <Icon icon='ph--function--regular' classNames={['text-greenText', formula ? 'visible' : 'invisible']} />\n          <span className='font-mono'>{value}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport {\n  Icon,\n  type ThemedClassName,\n  Toolbar as NaturalToolbar,\n  type ToolbarButtonProps as NaturalToolbarButtonProps,\n  type ToolbarToggleGroupItemProps as NaturalToolbarToggleGroupItemProps,\n  type ToolbarToggleProps as NaturalToolbarToggleProps,\n  Tooltip,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { nonNullable } from '@dxos/util';\n\nimport {\n  alignKey,\n  type AlignKey,\n  type AlignValue,\n  type CommentKey,\n  type CommentValue,\n  inRange,\n  rangeFromIndex,\n  rangeToIndex,\n  styleKey,\n  type StyleKey,\n  type StyleValue,\n} from '../../defs';\nimport { completeCellRangeToThreadCursor } from '../../integrations';\nimport { SHEET_PLUGIN } from '../../meta';\nimport { type SheetType } from '../../types';\nimport { useSheetContext } from '../SheetContext';\n\n//\n// Buttons\n//\n\nconst buttonStyles = 'min-bs-0 p-2';\nconst tooltipProps = { side: 'bottom' as const, classNames: 'z-10' };\n\nconst ToolbarSeparator = () => <div role='separator' className='grow' />;\n\n//\n// ToolbarItem\n//\n\ntype ToolbarItemProps =\n  | (NaturalToolbarButtonProps & { itemType: 'button'; icon: string })\n  | (NaturalToolbarToggleGroupItemProps & { itemType: 'toggleGroupItem'; icon: string })\n  | (NaturalToolbarToggleProps & { itemType: 'toggle'; icon: string });\n\nexport const ToolbarItem = ({ itemType, icon, children, ...props }: ToolbarItemProps) => {\n  const Invoker =\n    itemType === 'toggleGroupItem'\n      ? NaturalToolbar.ToggleGroupItem\n      : itemType === 'toggle'\n        ? NaturalToolbar.Toggle\n        : NaturalToolbar.Button;\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        {/* TODO(thure): type the props spread better. */}\n        <Invoker variant='ghost' {...(props as any)} classNames={buttonStyles}>\n          <Icon icon={icon} size={5} />\n          <span className='sr-only'>{children}</span>\n        </Invoker>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content {...tooltipProps}>\n          {children}\n          <Tooltip.Arrow />\n        </Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\n//\n// Root\n//\n\ntype AlignAction = { key: AlignKey; value: AlignValue };\ntype CommentAction = { key: CommentKey; value: CommentValue; cellContent?: string };\ntype StyleAction = { key: StyleKey; value: StyleValue };\n\nexport type ToolbarAction = StyleAction | AlignAction | CommentAction;\nexport type ToolbarActionAnnotated = ToolbarAction & { unset?: boolean };\n\nexport type ToolbarActionType = ToolbarAction['key'];\n\nexport type ToolbarActionHandler = (action: ToolbarActionAnnotated) => void;\n\nexport type ToolbarProps = ThemedClassName<\n  PropsWithChildren<{\n    role?: string;\n  }>\n>;\n\nconst [ToolbarContextProvider, useToolbarContext] = createContext<{\n  onAction: (action: ToolbarActionAnnotated) => void;\n}>('Toolbar');\n\ntype Range = SheetType['ranges'][number];\n\nconst ToolbarRoot = ({ children, role, classNames }: ToolbarProps) => {\n  const { id, model, cursorFallbackRange, cursor } = useSheetContext();\n  const { hasAttention } = useAttention(id);\n  const dispatch = useIntentDispatcher();\n\n  // TODO(Zan): Externalize the toolbar action handler. E.g., Toolbar/keys should both fire events.\n  const handleAction = useCallback(\n    (action: ToolbarActionAnnotated) => {\n      switch (action.key) {\n        case 'alignment':\n          if (cursorFallbackRange) {\n            const index =\n              model.sheet.ranges?.findIndex(\n                (range) =>\n                  range.key === action.key &&\n                  inRange(rangeFromIndex(model.sheet, range.range), cursorFallbackRange.from),\n              ) ?? -1;\n            const nextRangeEntity = {\n              range: rangeToIndex(model.sheet, cursorFallbackRange),\n              key: action.key,\n              value: action.value,\n            };\n            if (index < 0) {\n              model.sheet.ranges?.push(nextRangeEntity);\n            } else if (model.sheet.ranges![index].value === action.value) {\n              model.sheet.ranges?.splice(index, 1);\n            } else {\n              model.sheet.ranges?.splice(index, 1, nextRangeEntity);\n            }\n          }\n          break;\n        case 'style':\n          if (action.unset) {\n            const index = model.sheet.ranges?.findIndex(\n              (range) =>\n                range.key === action.key &&\n                cursorFallbackRange &&\n                inRange(rangeFromIndex(model.sheet, range.range), cursorFallbackRange.from),\n            );\n            if (index >= 0) {\n              model.sheet.ranges?.splice(index, 1);\n            }\n          } else if (cursorFallbackRange) {\n            model.sheet.ranges?.push({\n              range: rangeToIndex(model.sheet, cursorFallbackRange),\n              key: action.key,\n              value: action.value,\n            });\n          }\n          break;\n        case 'comment': {\n          // TODO(Zan): We shouldn't hardcode the action ID.\n          if (cursorFallbackRange) {\n            void dispatch({\n              action: 'dxos.org/plugin/thread/action/create',\n              data: {\n                cursor: completeCellRangeToThreadCursor(cursorFallbackRange),\n                name: action.cellContent,\n                subject: model.sheet,\n              },\n            });\n          }\n        }\n      }\n    },\n    [model.sheet, cursorFallbackRange, cursor, dispatch],\n  );\n\n  return (\n    <ToolbarContextProvider onAction={handleAction}>\n      <NaturalToolbar.Root classNames={['pli-0.5 attention-surface', !hasAttention && 'opacity-20', classNames]}>\n        {children}\n      </NaturalToolbar.Root>\n    </ToolbarContextProvider>\n  );\n};\n\n// TODO(burdon): Generalize.\n// TODO(burdon): Detect and display current state.\ntype ButtonProps<T> = {\n  value: T;\n  icon: string;\n  disabled?: (state: Range) => boolean;\n};\n\n//\n// Alignment\n//\n\nconst alignmentOptions: ButtonProps<AlignValue>[] = [\n  { value: 'start', icon: 'ph--text-align-left--regular' },\n  { value: 'center', icon: 'ph--text-align-center--regular' },\n  { value: 'end', icon: 'ph--text-align-right--regular' },\n];\n\nconst Alignment = () => {\n  const { cursor, model } = useSheetContext();\n  const { onAction } = useToolbarContext('Alignment');\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  // TODO(thure): Can this O(n) call be memoized?\n  const value = cursor\n    ? model.sheet.ranges?.findLast(\n        ({ range, key }) => key === alignKey && inRange(rangeFromIndex(model.sheet, range), cursor),\n      )?.value\n    : undefined;\n\n  return (\n    <NaturalToolbar.ToggleGroup\n      type='single'\n      value={\n        // TODO(thure): providing `undefined` leaves the last item active which was active rather than showing none.\n        value ?? 'never'\n      }\n      onValueChange={(value: AlignValue) => onAction?.({ key: alignKey, value })}\n    >\n      {alignmentOptions.map(({ value, icon }) => (\n        <ToolbarItem itemType='toggleGroupItem' key={value} value={value} icon={icon}>\n          {t('toolbar action label', {\n            key: t(`range key ${alignKey} label`),\n            value: t(`range value ${value} label`),\n          })}\n        </ToolbarItem>\n      ))}\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nconst styleOptions: ButtonProps<StyleValue>[] = [\n  { value: 'highlight', icon: 'ph--highlighter--regular' },\n  { value: 'softwrap', icon: 'ph--paragraph--regular' },\n];\n\nconst Styles = () => {\n  const { cursorFallbackRange, model } = useSheetContext();\n  const { onAction } = useToolbarContext('Styles');\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  // TODO(thure): Can this O(n) call be memoized?\n  const activeValues = cursorFallbackRange\n    ? model.sheet.ranges\n        ?.filter(\n          ({ range, key }) => key === 'style' && inRange(rangeFromIndex(model.sheet, range), cursorFallbackRange.from),\n        )\n        .reduce((acc, { value }) => {\n          acc.add(value);\n          return acc;\n        }, new Set())\n    : undefined;\n\n  return (\n    <>\n      {styleOptions.map(({ value, icon }) => (\n        <ToolbarItem\n          itemType='toggle'\n          key={value}\n          pressed={activeValues?.has(value)}\n          onPressedChange={(nextPressed: boolean) => {\n            onAction?.({ key: 'style', value, unset: !nextPressed });\n          }}\n          icon={icon}\n        >\n          {t('toolbar action label', {\n            key: t(`range key ${styleKey} label`),\n            value: t(`range value ${value} label`),\n          })}\n        </ToolbarItem>\n      ))}\n    </>\n  );\n};\n\n//\n// Actions\n//\n\nconst Actions = () => {\n  const { onAction } = useToolbarContext('Actions');\n  const { cursorFallbackRange, cursor, model } = useSheetContext();\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  // TODO(thure): Can this O(n) call be memoized?\n  const overlapsCommentAnchor = (model.sheet.threads ?? [])\n    .filter(nonNullable)\n    .filter((thread) => thread.status !== 'resolved')\n    .some((thread) => {\n      if (!cursorFallbackRange) {\n        return false;\n      }\n      return rangeToIndex(model.sheet, cursorFallbackRange) === thread.anchor;\n    });\n\n  const tooltipLabelKey = !cursor\n    ? 'no cursor label'\n    : overlapsCommentAnchor\n      ? 'selection overlaps existing comment label'\n      : 'comment label';\n\n  return (\n    <ToolbarItem\n      itemType='button'\n      value='comment'\n      icon='ph--chat-text--regular'\n      data-testid='editor.toolbar.comment'\n      onClick={() => {\n        if (!cursorFallbackRange) {\n          return;\n        }\n        return onAction?.({\n          key: 'comment',\n          value: rangeToIndex(model.sheet, cursorFallbackRange),\n          cellContent: model.getCellText(cursorFallbackRange.from),\n        });\n      }}\n      disabled={!cursorFallbackRange || overlapsCommentAnchor}\n    >\n      {t(tooltipLabelKey)}\n    </ToolbarItem>\n  );\n};\n\nexport const Toolbar = {\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  Alignment,\n  Styles,\n  Actions,\n};\n\nexport { useToolbarContext };\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { SheetContainer } from './SheetContainer';\n\nexport default SheetContainer;\n"],
-  "mappings": "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",
-  "names": ["React", "StackItem", "React", "Icon", "FunctionEditor", "model", "cursor", "range", "useSheetContext", "value", "formula", "getCellValue", "isFormula", "graph", "mapFunctionBindingFromId", "mapFormulaIndicesToRefs", "String", "div", "className", "rangeToA1Notation", "addressToA1Notation", "Icon", "icon", "classNames", "span", "createContext", "React", "useCallback", "useIntentDispatcher", "Icon", "Toolbar", "NaturalToolbar", "Tooltip", "useTranslation", "useAttention", "nonNullable", "buttonStyles", "tooltipProps", "side", "classNames", "ToolbarSeparator", "React", "div", "role", "className", "ToolbarItem", "itemType", "icon", "children", "props", "Invoker", "NaturalToolbar", "ToggleGroupItem", "Toggle", "Button", "Tooltip", "Root", "Trigger", "asChild", "variant", "Icon", "size", "span", "Portal", "Content", "Arrow", "ToolbarContextProvider", "useToolbarContext", "createContext", "ToolbarRoot", "id", "model", "cursorFallbackRange", "cursor", "useSheetContext", "hasAttention", "useAttention", "dispatch", "useIntentDispatcher", "handleAction", "useCallback", "action", "key", "index", "sheet", "ranges", "findIndex", "range", "inRange", "rangeFromIndex", "from", "nextRangeEntity", "rangeToIndex", "value", "push", "splice", "unset", "data", "completeCellRangeToThreadCursor", "name", "cellContent", "subject", "onAction", "alignmentOptions", "Alignment", "t", "useTranslation", "SHEET_PLUGIN", "findLast", "alignKey", "undefined", "ToggleGroup", "type", "onValueChange", "map", "styleOptions", "Styles", "activeValues", "filter", "reduce", "acc", "add", "Set", "pressed", "has", "onPressedChange", "nextPressed", "styleKey", "Actions", "overlapsCommentAnchor", "threads", "nonNullable", "thread", "status", "some", "anchor", "tooltipLabelKey", "data-testid", "onClick", "getCellText", "disabled", "Toolbar", "Separator", "SheetContainer", "space", "sheet", "role", "ignoreAttention", "graph", "useComputeGraph", "React", "SheetProvider", "StackItem", "Content", "toolbar", "statusbar", "classNames", "Toolbar", "Root", "Styles", "Alignment", "Separator", "Actions", "GridSheet", "FunctionEditor", "SheetContainer"]
-}