@dxos/plugin-sheet 0.6.13 → 0.6.14-main.1366248

package/src/components/Toolbar/common.tsx

@@ -1,72 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { type Icon } from '@phosphor-icons/react';
-import React from 'react';
-
-import {
-  Toolbar as NaturalToolbar,
-  Tooltip,
-  type ToolbarButtonProps as NaturalToolbarButtonProps,
-  type ToolbarToggleGroupItemProps as NaturalToolbarToggleGroupItemProps,
-} from '@dxos/react-ui';
-import { getSize } from '@dxos/react-ui-theme';
-
-// TODO(burdon): Factor out in common with react-ui-editor.
-
-export const iconStyles = getSize(5);
-export const buttonStyles = 'min-bs-0 p-2';
-export const tooltipProps = { side: 'top' as const, classNames: 'z-10' };
-
-export const ToolbarSeparator = () => <div role='separator' className='grow' />;
-
-//
-// ToolbarButton
-//
-
-type ToolbarButtonProps = NaturalToolbarButtonProps & { Icon: Icon };
-
-export const ToolbarButton = ({ Icon, children, ...props }: ToolbarButtonProps) => {
-  return (
-    <Tooltip.Root>
-      <Tooltip.Trigger asChild>
-        <NaturalToolbar.Button variant='ghost' {...props} classNames={buttonStyles}>
-          <Icon className={iconStyles} />
-          <span className='sr-only'>{children}</span>
-        </NaturalToolbar.Button>
-      </Tooltip.Trigger>
-      <Tooltip.Portal>
-        <Tooltip.Content {...tooltipProps}>
-          {children}
-          <Tooltip.Arrow />
-        </Tooltip.Content>
-      </Tooltip.Portal>
-    </Tooltip.Root>
-  );
-};
-
-//
-// ToolbarToggleButton
-//
-
-export type ToolbarToggleButtonProps = NaturalToolbarToggleGroupItemProps & { Icon: Icon };
-
-export const ToolbarToggleButton = ({ Icon, children, ...props }: ToolbarToggleButtonProps) => {
-  return (
-    <Tooltip.Root>
-      <Tooltip.Trigger asChild>
-        <NaturalToolbar.ToggleGroupItem variant='ghost' {...props} classNames={buttonStyles}>
-          <Icon className={iconStyles} />
-          <span className='sr-only'>{children}</span>
-        </NaturalToolbar.ToggleGroupItem>
-      </Tooltip.Trigger>
-      <Tooltip.Portal>
-        <Tooltip.Content {...tooltipProps}>
-          {children}
-          <Tooltip.Arrow />
-        </Tooltip.Content>
-      </Tooltip.Portal>
-    </Tooltip.Root>
-  );
-};

package/src/meta.tsx

@@ -1,18 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { GridNine, type IconProps } from '@phosphor-icons/react';
-import React from 'react';
-
-import { pluginMeta } from '@dxos/app-framework';
-
-export const SHEET_PLUGIN = 'dxos.org/plugin/sheet';
-
-export default pluginMeta({
-  id: SHEET_PLUGIN,
-  name: 'Sheet',
-  description: 'A simple spreadsheet plugin.',
-  iconComponent: (props: IconProps) => <GridNine {...props} />,
-  iconSymbol: 'ph--grid-nine--regular',
-});

package/src/model/model.browser.test.ts

@@ -1,100 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { expect } from 'chai';
-import { describe, test } from 'vitest';
-
-import { SheetModel } from './model';
-import { addressFromA1Notation, rangeFromA1Notation } from './types';
-import { createComputeGraph } from '../components';
-import { createSheet, ValueTypeEnum } from '../types';
-
-// TODO(burdon): Test undo (e.g., clear cells).
-
-/**
- * VITEST_ENV=chrome p vitest --watch
- * NOTE: Browser test required for hyperformula due to raw translation files.
- */
-describe('model', () => {
-  const createModel = async () => {
-    const graph = createComputeGraph();
-    const sheet = createSheet();
-    const model = new SheetModel(graph, sheet, undefined, { rows: 5, columns: 5 });
-    await model.initialize();
-    return model;
-  };
-
-  test('create', async () => {
-    const model = await createModel();
-    expect(model.bounds).to.deep.eq({ rows: 5, columns: 5 });
-    model.setValue(addressFromA1Notation('A1'), 100);
-    const value = model.getValue(addressFromA1Notation('A1'));
-    expect(value).to.eq(100);
-  });
-
-  test('map formula', async () => {
-    const model = await createModel();
-    const x1 = model.mapFormulaRefsToIndices('=SUM(A1:A3)');
-    const x2 = model.mapFormulaIndicesToRefs(x1);
-    expect(x2).to.eq('=SUM(A1:A3)');
-  });
-
-  test('dates', async () => {
-    const model = await createModel();
-    const cell = addressFromA1Notation('A1');
-    model.setValue(cell, '=NOW()');
-    const type = model.getValueType(cell);
-    expect(type).to.eq(ValueTypeEnum.DateTime);
-    const value = model.getValue(cell);
-    const date = model.toLocalDate(value as number);
-    const now = new Date();
-    expect(date.getUTCFullYear()).to.eq(now.getUTCFullYear());
-    expect(date.getUTCMonth()).to.eq(now.getUTCMonth());
-    expect(date.getUTCDate()).to.eq(now.getUTCDate());
-  });
-
-  test('formula', async () => {
-    const model = await createModel();
-
-    // Nested formula.
-    {
-      model.setValue(addressFromA1Notation('A1'), 100);
-      model.setValue(addressFromA1Notation('A2'), 200);
-      model.setValue(addressFromA1Notation('A3'), '=SUM(A1:A2)');
-      model.setValue(addressFromA1Notation('A4'), '=SUM(A1:A3)');
-      const value = model.getValue(addressFromA1Notation('A4'));
-      expect(value).to.eq(600);
-      // console.log(JSON.stringify(model.sheet.cells, undefined, 2));
-
-      const cells = model.getCellValues(rangeFromA1Notation('A1:A4'));
-      expect(cells).to.deep.eq([
-        [100],
-        [200],
-        [model.mapFormulaRefsToIndices('=SUM(A1:A2)')],
-        [model.mapFormulaRefsToIndices('=SUM(A1:A3)')],
-      ]);
-      // console.log(JSON.stringify(model.sheet.cells, undefined, 2));
-      // console.log(cells);
-    }
-
-    // Insert row.
-    {
-      model.insertRows(2, 1);
-      model.setValue(addressFromA1Notation('A3'), 400);
-      const value = model.getValue(addressFromA1Notation('A5'));
-      expect(value).to.eq(1000);
-
-      const cells = model.getCellValues(rangeFromA1Notation('A1:A5'));
-      expect(cells).to.deep.eq([
-        [100],
-        [200],
-        [400],
-        [model.mapFormulaRefsToIndices('=SUM(A1:A2)')],
-        [model.mapFormulaRefsToIndices('=SUM(A1:A4)')],
-      ]);
-      // console.log(JSON.stringify(model.sheet.cells, undefined, 2));
-      // console.log(cells);
-    }
-  });
-});