@dxos/plugin-sheet 0.8.4-main.ead640a → 0.8.4-main.effb148878

package/src/components/GridSheet/GridSheet.stories.tsx

@@ -1,59 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React from 'react';
-
-import { IntentPlugin } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { testFunctionPlugins } from '@dxos/compute/testing';
-import { useSpace } from '@dxos/react-client/echo';
-import { withClientProvider } from '@dxos/react-client/testing';
-import { withTheme } from '@dxos/react-ui/testing';
-
-import { createTestCells, useTestSheet, withComputeGraphDecorator } from '../../testing';
-import { translations } from '../../translations';
-import { SheetType } from '../../types';
-import { useComputeGraph } from '../ComputeGraph';
-import { SheetProvider } from '../SheetContext';
-
-import { GridSheet } from './GridSheet';
-
-export const Basic = () => {
-  const space = useSpace();
-  const graph = useComputeGraph(space);
-  const sheet = useTestSheet(space, graph, { cells: createTestCells() });
-  if (!sheet || !graph) {
-    return null;
-  }
-
-  return (
-    <SheetProvider graph={graph} sheet={sheet} ignoreAttention>
-      <div role='none' className='grid bs-full is-full'>
-        <GridSheet />
-      </div>
-    </SheetProvider>
-  );
-};
-
-const meta = {
-  title: 'plugins/plugin-sheet/GridSheet',
-  component: GridSheet,
-  decorators: [
-    withTheme,
-    withClientProvider({ types: [SheetType], createSpace: true }),
-    withComputeGraphDecorator({ plugins: testFunctionPlugins }),
-    withPluginManager({
-      plugins: [IntentPlugin()],
-    }),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-    translations,
-  },
-} satisfies Meta<typeof GridSheet>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;

package/src/components/RangeList/RangeList.tsx

@@ -1,60 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import * as Schema from 'effect/Schema';
-import React, { useCallback } from 'react';
-
-import { rangeToA1Notation } from '@dxos/compute';
-import { Callout, useTranslation } from '@dxos/react-ui';
-import { List } from '@dxos/react-ui-list';
-import { ghostHover } from '@dxos/react-ui-theme';
-
-import { meta } from '../../meta';
-import { rangeFromIndex } from '../../types';
-import { Range, type SheetType } from '../../types';
-
-export type RangeListProps = {
-  sheet: SheetType;
-};
-
-export const RangeList = ({ sheet }: RangeListProps) => {
-  const { t } = useTranslation(meta.id);
-  // TODO(thure): Implement similar to comments, #8121
-  const handleSelectRange = (range: Range) => {};
-  const handleDeleteRange = useCallback(
-    (range: Range) => {
-      const index = sheet.ranges.findIndex((sheetRange) => sheetRange === range);
-      sheet.ranges.splice(index, 1);
-    },
-    [sheet],
-  );
-  return (
-    <>
-      <h2 className='mbs-cardSpacingBlock mbe-labelSpacingBlock text-sm font-semibold'>{t('range list heading')}</h2>
-      {sheet.ranges.length < 1 ? (
-        <Callout.Root>
-          <Callout.Title>{t('no ranges message')}</Callout.Title>
-        </Callout.Root>
-      ) : (
-        <List.Root<Range> items={sheet.ranges} isItem={Schema.is(Range)}>
-          {({ items: ranges }) =>
-            ranges.map((range, i) => (
-              <List.Item key={i} item={range} classNames={['p-2', ghostHover]}>
-                <List.ItemDragHandle />
-                <List.ItemTitle onClick={() => handleSelectRange(range)}>
-                  {t('range title', {
-                    position: rangeToA1Notation(rangeFromIndex(sheet, range.range)),
-                    key: t(`range key ${range.key} label`),
-                    value: t(`range value ${range.value} label`),
-                  })}
-                </List.ItemTitle>
-                <List.ItemDeleteButton onClick={() => handleDeleteRange(range)} />
-              </List.Item>
-            ))
-          }
-        </List.Root>
-      )}
-    </>
-  );
-};

package/src/components/SheetContainer/SheetContainer.stories.tsx

@@ -1,90 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { type Meta } from '@storybook/react-vite';
-import React from 'react';
-
-import { Capabilities, IntentPlugin, contributes, createResolver } from '@dxos/app-framework';
-import { withPluginManager } from '@dxos/app-framework/testing';
-import { GraphPlugin } from '@dxos/plugin-graph';
-import { fullyQualifiedId, useSpace } from '@dxos/react-client/echo';
-import { withClientProvider } from '@dxos/react-client/testing';
-import { withTheme } from '@dxos/react-ui/testing';
-import { AttendableContainer } from '@dxos/react-ui-attention';
-import { withAttention } from '@dxos/react-ui-attention/testing';
-
-import { createTestCells, useTestSheet, withComputeGraphDecorator } from '../../testing';
-import { translations } from '../../translations';
-import { SheetAction, SheetType } from '../../types';
-import { useComputeGraph } from '../ComputeGraph';
-import { RangeList } from '../RangeList';
-
-import { SheetContainer } from './SheetContainer';
-
-const meta = {
-  title: 'plugins/plugin-sheet/SheetContainer',
-  component: SheetContainer,
-  decorators: [
-    withTheme,
-    withClientProvider({ types: [SheetType], createSpace: true }),
-    withComputeGraphDecorator(),
-    withAttention,
-    // TODO(wittjosiah): Consider whether we should refactor component so story doesn't need to depend on intents.
-    withPluginManager({
-      plugins: [IntentPlugin(), GraphPlugin()],
-      capabilities: [
-        contributes(
-          Capabilities.IntentResolver,
-          createResolver({
-            intent: SheetAction.DropAxis,
-            resolve: ({ model, axis, axisIndex }) => {
-              model[axis === 'col' ? 'dropColumn' : 'dropRow'](axisIndex);
-            },
-          }),
-        ),
-      ],
-    }),
-  ],
-  parameters: {
-    layout: 'fullscreen',
-    translations,
-  },
-} satisfies Meta<typeof SheetContainer>;
-
-export default meta;
-
-export const Default = () => {
-  const space = useSpace();
-  const graph = useComputeGraph(space);
-  const sheet = useTestSheet(space, graph, { cells: createTestCells() });
-  if (!sheet || !space) {
-    return null;
-  }
-
-  return (
-    <AttendableContainer id={fullyQualifiedId(sheet)} classNames='contents'>
-      <SheetContainer space={space} sheet={sheet} role='story' ignoreAttention />
-    </AttendableContainer>
-  );
-};
-
-export const Spec = () => {
-  const space = useSpace();
-  const graph = useComputeGraph(space);
-  const sheet = useTestSheet(space, graph, { cells: { A1: { value: 'Ready' } } });
-  if (!sheet || !space) {
-    return null;
-  }
-
-  return (
-    <AttendableContainer id={fullyQualifiedId(sheet)} classNames='contents'>
-      <div role='none' className='grid grid-rows-[66%_33%] bs-full grid-cols-1'>
-        <SheetContainer space={space} sheet={sheet} role='story' ignoreAttention />
-        <div role='none' data-testid='grid.range-list'>
-          <RangeList sheet={sheet} />
-        </div>
-      </div>
-    </AttendableContainer>
-  );
-};

package/src/components/SheetContainer/SheetContainer.tsx

@@ -1,40 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { type Space, fullyQualifiedId } from '@dxos/react-client/echo';
-import { StackItem } from '@dxos/react-ui-stack';
-
-import { type SheetType } from '../../types';
-import { useComputeGraph } from '../ComputeGraph';
-import { FunctionEditor } from '../FunctionEditor';
-import { GridSheet } from '../GridSheet';
-import { SheetProvider } from '../SheetContext';
-import { SheetToolbar } from '../SheetToolbar';
-
-export type SheetContainerProps = {
-  space: Space;
-  sheet: SheetType;
-  role?: string;
-  ignoreAttention?: boolean;
-};
-
-export const SheetContainer = ({ space, sheet, role, ignoreAttention }: SheetContainerProps) => {
-  const graph = useComputeGraph(space);
-
-  return graph ? (
-    <SheetProvider sheet={sheet} graph={graph} ignoreAttention={ignoreAttention}>
-      <StackItem.Content
-        toolbar
-        statusbar
-        classNames={[role === 'section' && 'aspect-video', role === 'story' && 'bs-full']}
-      >
-        <SheetToolbar id={fullyQualifiedId(sheet)} />
-        <GridSheet />
-        <FunctionEditor />
-      </StackItem.Content>
-    </SheetProvider>
-  ) : null;
-};

package/src/components/SheetContainer/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { SheetContainer } from './SheetContainer';
-
-export default SheetContainer;

package/src/components/SheetContext/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export * from './SheetContext';

package/src/types/schema.ts

@@ -1,61 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import * as Schema from 'effect/Schema';
-
-import { Type } from '@dxos/echo';
-
-export const CellValue = Schema.Struct({
-  // TODO(burdon): How to store dates (datetime, date, time), percentages, etc.
-  //  Consider import/export; natural access for other plugins. Special handling for currency (precision).
-  // TODO(burdon): Automerge (long string) or short string or number.
-  value: Schema.Any,
-});
-
-export type CellValue = Schema.Schema.Type<typeof CellValue>;
-
-// TODO(burdon): IMPORTANT: Reconcile with Field definition.
-export const Range = Schema.Struct({
-  range: Schema.String,
-  key: Schema.String,
-  value: Schema.String,
-});
-
-export type Range = Schema.Schema.Type<typeof Range>;
-
-// TODO(burdon): Visibility, locked, frozen, etc.
-export const RowColumnMeta = Schema.Struct({
-  size: Schema.optional(Schema.Number),
-});
-
-// TODO(burdon): Reconcile col/column (across packages).
-// TODO(burdon): Index to all updates when rows/columns are inserted/deleted.
-export const SheetType = Schema.Struct({
-  name: Schema.optional(Schema.String),
-
-  // Sparse map of cells referenced by index.
-  cells: Schema.mutable(Schema.Record({ key: Schema.String, value: Schema.mutable(CellValue) })),
-
-  // Ordered row indices.
-  rows: Schema.mutable(Schema.Array(Schema.String)),
-
-  // Ordered column indices.
-  columns: Schema.mutable(Schema.Array(Schema.String)),
-
-  // Row metadata referenced by index.
-  rowMeta: Schema.mutable(Schema.Record({ key: Schema.String, value: Schema.mutable(RowColumnMeta) })),
-
-  // Column metadata referenced by index.
-  columnMeta: Schema.mutable(Schema.Record({ key: Schema.String, value: Schema.mutable(RowColumnMeta) })),
-
-  // Cell formatting referenced by indexed range.
-  ranges: Schema.mutable(Schema.Array(Range)),
-}).pipe(
-  Type.Obj({
-    typename: 'dxos.org/type/Sheet',
-    version: '0.1.0',
-  }),
-);
-
-export interface SheetType extends Schema.Schema.Type<typeof SheetType> {}