@dxos/plugin-sheet 0.6.12-main.f9d0246 → 0.6.12-staging.0b4bb48

package/src/testing.ts

@@ -0,0 +1,50 @@
+//
+// Copyright 2024 DXOS.org
+//
+
+import { type ComputeGraph, createComputeGraph } from './components';
+import { SheetModel } from './model';
+import { createSheet, type CellValue } from './types';
+
+export const testSheetName = 'test';
+
+export const createCells = (): Record<string, CellValue> => ({
+  B1: { value: 'Qty' },
+  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' },
+});
+
+export const createTestSheet = async ({
+  name,
+  graph = createComputeGraph(),
+}: { name?: string; graph?: ComputeGraph } = {}) => {
+  const sheet = createSheet(name);
+  const model = new SheetModel(graph, sheet);
+  await model.initialize();
+  model.setValues(createCells());
+  model.sheet.columnMeta[model.sheet.columns[0]] = { size: 100 };
+  await model.destroy();
+  return sheet;
+};

package/src/translations.ts

@@ -16,12 +16,7 @@ export default [
         'toolbar left label': 'Align left',
         'toolbar left center': 'Align center',
         'toolbar left right': 'Align right',
-        'selection overlaps existing comment label': 'Selected cell already has a comment',
-        'comment label': 'Add comment',
-        'comment ranges not supported label': 'Commenting on ranges is not yet supported',
-        'no cursor label': 'Select a cell to comment',
-        'open comment for sheet cell': 'View comments for cell',
       },
     },
   },
-] as const;
+];

package/src/types.ts

@@ -9,11 +9,8 @@ import type {
   SurfaceProvides,
   TranslationsProvides,
 } from '@dxos/app-framework';
-import { ref, S, TypedObject } from '@dxos/echo-schema';
+import { create, 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 { ThreadType } from '@dxos/plugin-space/types';
 import { type StackProvides } from '@dxos/plugin-stack';
 
 import { SHEET_PLUGIN } from './meta';
@@ -24,26 +21,13 @@ export enum SheetAction {
   CREATE = `${SHEET_ACTION}/create`,
 }
 
-// TODO(Zan): Move this to the plugin-space plugin or another common location
-// when we implement comments in sheets.
-// This is currently duplicated in a few places.
-type ThreadProvides<T> = {
-  thread: {
-    predicate: (obj: any) => obj is T;
-    createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;
-  };
-};
-
 export type SheetPluginProvides = SurfaceProvides &
   IntentResolverProvides &
   GraphBuilderProvides &
-  MarkdownExtensionProvides &
   MetadataRecordsProvides &
   TranslationsProvides &
   SchemaProvides &
-  SpaceInitProvides &
-  StackProvides &
-  ThreadProvides<SheetType>;
+  StackProvides;
 
 export type CellScalarValue = number | string | boolean | null;
 
@@ -102,7 +86,7 @@ export const RowColumnMeta = S.Struct({
 // TODO(wittjosiah): Migrate typename to remove `Type` suffix.
 // TODO(wittjosiah): Rename title to name to align with other schemas.
 export class SheetType extends TypedObject({ typename: 'dxos.org/type/SheetType', version: '0.1.0' })({
-  name: S.optional(S.String),
+  title: S.optional(S.String),
 
   // Sparse map of cells referenced by index.
   cells: S.mutable(S.Record(S.String, S.mutable(CellValue))),
@@ -121,17 +105,8 @@ export class SheetType extends TypedObject({ typename: 'dxos.org/type/SheetType'
 
   // Cell formatting referenced by indexed range.
   formatting: S.mutable(S.Record(S.String, S.mutable(Formatting))),
-
-  // Threads associated with the sheet
-  threads: S.optional(S.mutable(S.Array(ref(ThreadType)))),
 }) {}
 
-export type SheetSize = {
-  rows: number;
-  columns: number;
-};
-
-export type CreateSheetOptions = {
-  name?: string;
-  cells?: Record<string, CellValue>;
-} & Partial<SheetSize>;
+// TODO(burdon): Fix defaults.
+export const createSheet = (title?: string): SheetType =>
+  create(SheetType, { title, cells: {}, rows: [], columns: [], rowMeta: {}, columnMeta: {}, formatting: {} });

package/dist/lib/browser/SheetContainer-VISF3VUB.mjs

@@ -1,261 +0,0 @@
-import {
-  Sheet,
-  addressToIndex,
-  useSheetContext
-} from "./chunk-ZLJ2GRE2.mjs";
-import "./chunk-WZMOZKQZ.mjs";
-import {
-  SHEET_PLUGIN
-} from "./chunk-QILRZNE5.mjs";
-import "./chunk-Z2XOOC2R.mjs";
-
-// packages/plugins/plugin-sheet/src/components/SheetContainer.tsx
-import React3, { useCallback } from "react";
-import { useIntentDispatcher } from "@dxos/app-framework";
-import { fullyQualifiedId } from "@dxos/react-client/echo";
-import { useIsDirectlyAttended } from "@dxos/react-ui-attention";
-import { focusRing, mx } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-sheet/src/components/Toolbar/Toolbar.tsx
-import { Calendar, ChatText, CurrencyDollar, Eraser, HighlighterCircle, TextAlignCenter, TextAlignLeft, TextAlignRight } from "@phosphor-icons/react";
-import { createContext } from "@radix-ui/react-context";
-import React2 from "react";
-import { DensityProvider, ElevationProvider, Toolbar as NaturalToolbar2, useTranslation } from "@dxos/react-ui";
-import { nonNullable } from "@dxos/util";
-
-// packages/plugins/plugin-sheet/src/components/Toolbar/common.tsx
-import React from "react";
-import { Toolbar as NaturalToolbar, Tooltip } from "@dxos/react-ui";
-import { getSize } from "@dxos/react-ui-theme";
-var iconStyles = getSize(5);
-var buttonStyles = "min-bs-0 p-2";
-var tooltipProps = {
-  side: "top",
-  classNames: "z-10"
-};
-var ToolbarSeparator = () => /* @__PURE__ */ React.createElement("div", {
-  role: "separator",
-  className: "grow"
-});
-var ToolbarButton = ({ Icon, children, ...props }) => {
-  return /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(NaturalToolbar.Button, {
-    variant: "ghost",
-    ...props,
-    classNames: buttonStyles
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    className: iconStyles
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: "sr-only"
-  }, children))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, tooltipProps, children, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null))));
-};
-var ToolbarToggleButton = ({ Icon, children, ...props }) => {
-  return /* @__PURE__ */ React.createElement(Tooltip.Root, null, /* @__PURE__ */ React.createElement(Tooltip.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React.createElement(NaturalToolbar.ToggleGroupItem, {
-    variant: "ghost",
-    ...props,
-    classNames: buttonStyles
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    className: iconStyles
-  }), /* @__PURE__ */ React.createElement("span", {
-    className: "sr-only"
-  }, children))), /* @__PURE__ */ React.createElement(Tooltip.Portal, null, /* @__PURE__ */ React.createElement(Tooltip.Content, tooltipProps, children, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null))));
-};
-
-// packages/plugins/plugin-sheet/src/components/Toolbar/Toolbar.tsx
-var [ToolbarContextProvider, useToolbarContext] = createContext("Toolbar");
-var ToolbarRoot = ({ children, onAction, classNames }) => {
-  return /* @__PURE__ */ React2.createElement(ToolbarContextProvider, {
-    onAction
-  }, /* @__PURE__ */ React2.createElement(DensityProvider, {
-    density: "fine"
-  }, /* @__PURE__ */ React2.createElement(ElevationProvider, {
-    elevation: "chrome"
-  }, /* @__PURE__ */ React2.createElement(NaturalToolbar2.Root, {
-    classNames: [
-      "is-full shrink-0 overflow-x-auto overflow-y-hidden p-1",
-      classNames
-    ]
-  }, children))));
-};
-var formatOptions = [
-  {
-    type: "date",
-    Icon: Calendar,
-    getState: (state) => false
-  },
-  {
-    type: "currency",
-    Icon: CurrencyDollar,
-    getState: (state) => false
-  }
-];
-var Format = () => {
-  const { onAction } = useToolbarContext("Format");
-  const { t } = useTranslation(SHEET_PLUGIN);
-  return /* @__PURE__ */ React2.createElement(NaturalToolbar2.ToggleGroup, {
-    type: "single"
-  }, formatOptions.map(({ type, getState, Icon }) => /* @__PURE__ */ React2.createElement(ToolbarToggleButton, {
-    key: type,
-    value: type,
-    Icon,
-    // disabled={state?.blockType === 'codeblock'}
-    // onClick={state ? () => onAction?.({ type, data: !getState(state) }) : undefined}
-    onClick: () => onAction?.({
-      type
-    })
-  }, t(`toolbar ${type} label`))));
-};
-var alignmentOptions = [
-  {
-    type: "left",
-    Icon: TextAlignLeft,
-    getState: (state) => false
-  },
-  {
-    type: "center",
-    Icon: TextAlignCenter,
-    getState: (state) => false
-  },
-  {
-    type: "right",
-    Icon: TextAlignRight,
-    getState: (state) => false
-  }
-];
-var Alignment = () => {
-  const { onAction } = useToolbarContext("Alignment");
-  const { t } = useTranslation(SHEET_PLUGIN);
-  return /* @__PURE__ */ React2.createElement(NaturalToolbar2.ToggleGroup, {
-    type: "single"
-  }, alignmentOptions.map(({ type, getState, Icon }) => /* @__PURE__ */ React2.createElement(ToolbarToggleButton, {
-    key: type,
-    value: type,
-    Icon,
-    // disabled={state?.blockType === 'codeblock'}
-    // onClick={state ? () => onAction?.({ type, data: !getState(state) }) : undefined}
-    onClick: () => onAction?.({
-      type
-    })
-  }, t(`toolbar ${type} label`))));
-};
-var styleOptions = [
-  {
-    type: "clear",
-    Icon: Eraser,
-    getState: (state) => false
-  },
-  {
-    type: "highlight",
-    Icon: HighlighterCircle,
-    getState: (state) => false
-  }
-];
-var Styles = () => {
-  const { onAction } = useToolbarContext("Alignment");
-  const { t } = useTranslation(SHEET_PLUGIN);
-  return /* @__PURE__ */ React2.createElement(NaturalToolbar2.ToggleGroup, {
-    type: "single"
-  }, styleOptions.map(({ type, getState, Icon }) => /* @__PURE__ */ React2.createElement(ToolbarToggleButton, {
-    key: type,
-    value: type,
-    Icon,
-    // disabled={state?.blockType === 'codeblock'}
-    // onClick={state ? () => onAction?.({ type, data: !getState(state) }) : undefined}
-    onClick: () => onAction?.({
-      type
-    })
-  }, t(`toolbar ${type} label`))));
-};
-var Actions = () => {
-  const { onAction } = useToolbarContext("Actions");
-  const { cursor, range, model } = useSheetContext();
-  const { t } = useTranslation(SHEET_PLUGIN);
-  const overlapsCommentAnchor = (model.sheet.threads ?? []).filter(nonNullable).filter((thread) => thread.status !== "resolved").some((thread) => {
-    if (!cursor) {
-      return false;
-    }
-    return addressToIndex(model.sheet, cursor) === thread.anchor;
-  });
-  const hasCursor = !!cursor;
-  const cursorOnly = hasCursor && !range && !overlapsCommentAnchor;
-  const tooltipLabelKey = !hasCursor ? "no cursor label" : overlapsCommentAnchor ? "selection overlaps existing comment label" : range ? "comment ranges not supported label" : "comment label";
-  return /* @__PURE__ */ React2.createElement(ToolbarButton, {
-    value: "comment",
-    Icon: ChatText,
-    "data-testid": "editor.toolbar.comment",
-    onClick: () => {
-      if (!cursor) {
-        return;
-      }
-      return onAction?.({
-        type: "comment",
-        anchor: addressToIndex(model.sheet, cursor),
-        cellContent: model.getCellText(cursor)
-      });
-    },
-    disabled: !cursorOnly || overlapsCommentAnchor
-  }, t(tooltipLabelKey));
-};
-var Toolbar = {
-  Root: ToolbarRoot,
-  Separator: ToolbarSeparator,
-  Alignment,
-  Format,
-  Styles,
-  Actions
-};
-
-// packages/plugins/plugin-sheet/src/components/SheetContainer.tsx
-var attentionFragment = mx("group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface", "group-focus-within/editor:border-separator");
-var sectionToolbarLayout = "bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity";
-var SheetContainer = ({ graph, sheet, role }) => {
-  const dispatch = useIntentDispatcher();
-  const id = fullyQualifiedId(sheet);
-  const isDirectlyAttended = useIsDirectlyAttended(id);
-  const handleAction = useCallback((action) => {
-    switch (action.type) {
-      case "comment": {
-        void dispatch({
-          action: "dxos.org/plugin/thread/action/create",
-          data: {
-            cursor: action.anchor,
-            name: action.cellContent,
-            subject: sheet
-          }
-        });
-      }
-    }
-  }, [
-    sheet,
-    dispatch
-  ]);
-  return /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: role === "article" ? "row-span-2 grid grid-rows-subgrid" : void 0
-  }, /* @__PURE__ */ React3.createElement(Sheet.Root, {
-    graph,
-    sheet
-  }, /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: mx("flex flex-0 justify-center overflow-x-auto")
-  }, /* @__PURE__ */ React3.createElement(Toolbar.Root, {
-    onAction: handleAction,
-    classNames: mx(role === "section" ? [
-      "z-[2] group-focus-within/section:visible",
-      !isDirectlyAttended && "invisible",
-      sectionToolbarLayout
-    ] : "group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator")
-  }, /* @__PURE__ */ React3.createElement(Toolbar.Separator, null), /* @__PURE__ */ React3.createElement(Toolbar.Actions, null))), /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: mx(role === "section" && "aspect-square border-is border-bs border-be border-separator", role === "article" && "flex is-full overflow-hidden focus-visible:ring-inset row-span-1 data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2 border-bs border-separator", focusRing, attentionFragment)
-  }, /* @__PURE__ */ React3.createElement(Sheet.Main, null))));
-};
-var SheetContainer_default = SheetContainer;
-export {
-  SheetContainer_default as default,
-  sectionToolbarLayout
-};
-//# sourceMappingURL=SheetContainer-VISF3VUB.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/SheetContainer.tsx", "../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/Toolbar/common.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { useIsDirectlyAttended } from '@dxos/react-ui-attention';\nimport { focusRing, mx } from '@dxos/react-ui-theme';\n\nimport { Sheet, type SheetRootProps } from './Sheet';\nimport { Toolbar, type ToolbarAction } from './Toolbar';\n\n// TODO(Zan): Factor out, copied this from MarkdownPlugin.\nconst attentionFragment = mx(\n  'group-focus-within/editor:attention-surface group-[[aria-current]]/editor:attention-surface',\n  'group-focus-within/editor:border-separator',\n);\n\n// TODO(Zan): Factor out, copied this from MarkdownPlugin.\nexport const sectionToolbarLayout =\n  'bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity';\n\nconst SheetContainer = ({ graph, sheet, role }: SheetRootProps & { role?: string }) => {\n  const dispatch = useIntentDispatcher();\n\n  const id = fullyQualifiedId(sheet);\n  const isDirectlyAttended = useIsDirectlyAttended(id);\n\n  // TODO(Zan): Centralise the toolbar action handler. Current implementation in stories.\n  const handleAction = useCallback(\n    (action: ToolbarAction) => {\n      switch (action.type) {\n        case 'comment': {\n          // TODO(Zan): We shouldn't hardcode the action ID.\n          void dispatch({\n            action: 'dxos.org/plugin/thread/action/create',\n            data: {\n              cursor: action.anchor,\n              name: action.cellContent,\n              subject: sheet,\n            },\n          });\n        }\n      }\n    },\n    [sheet, dispatch],\n  );\n\n  return (\n    <div role='none' className={role === 'article' ? 'row-span-2 grid grid-rows-subgrid' : undefined}>\n      <Sheet.Root graph={graph} sheet={sheet}>\n        <div role='none' className={mx('flex flex-0 justify-center overflow-x-auto')}>\n          <Toolbar.Root\n            onAction={handleAction}\n            classNames={mx(\n              role === 'section'\n                ? ['z-[2] group-focus-within/section:visible', !isDirectlyAttended && 'invisible', sectionToolbarLayout]\n                : 'group-focus-within/editor:border-separator group-[[aria-current]]/editor:border-separator',\n            )}\n          >\n            {/* TODO(Zan): Restore some of this functionality */}\n            {/* <Toolbar.Styles /> */}\n            {/* <Toolbar.Format /> */}\n            {/* <Toolbar.Alignment /> */}\n            <Toolbar.Separator />\n            <Toolbar.Actions />\n          </Toolbar.Root>\n        </div>\n        <div\n          role='none'\n          className={mx(\n            role === 'section' && 'aspect-square border-is border-bs border-be border-separator',\n            role === 'article' &&\n              'flex is-full overflow-hidden focus-visible:ring-inset row-span-1 data-[toolbar=disabled]:pbs-2 data-[toolbar=disabled]:row-span-2 border-bs border-separator',\n            focusRing,\n            attentionFragment,\n          )}\n        >\n          <Sheet.Main />\n        </div>\n      </Sheet.Root>\n    </div>\n  );\n};\n\nexport default SheetContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport {\n  type Icon,\n  Calendar,\n  ChatText,\n  CurrencyDollar,\n  Eraser,\n  HighlighterCircle,\n  TextAlignCenter,\n  TextAlignLeft,\n  TextAlignRight,\n} from '@phosphor-icons/react';\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren } from 'react';\n\nimport {\n  DensityProvider,\n  ElevationProvider,\n  Toolbar as NaturalToolbar,\n  type ThemedClassName,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { nonNullable } from '@dxos/util';\n\nimport { ToolbarButton, ToolbarSeparator, ToolbarToggleButton } from './common';\nimport { addressToIndex } from '../../defs';\nimport { SHEET_PLUGIN } from '../../meta';\nimport { type Formatting } from '../../types';\nimport { useSheetContext } from '../Sheet/sheet-context';\n\n//\n// Root\n//\n\nexport type ToolbarAction =\n  | { type: 'clear' }\n  | { type: 'highlight' }\n  | { type: 'left' }\n  | { type: 'center' }\n  | { type: 'right' }\n  | { type: 'date' }\n  | { type: 'currency' }\n  | { type: 'comment'; anchor: string; cellContent?: string };\n\nexport type ToolbarActionType = ToolbarAction['type'];\n\nexport type ToolbarActionHandler = (action: ToolbarAction) => void;\n\nexport type ToolbarProps = ThemedClassName<\n  PropsWithChildren<{\n    onAction?: ToolbarActionHandler;\n  }>\n>;\n\nconst [ToolbarContextProvider, useToolbarContext] = createContext<ToolbarProps>('Toolbar');\n\nconst ToolbarRoot = ({ children, onAction, classNames }: ToolbarProps) => {\n  return (\n    <ToolbarContextProvider onAction={onAction}>\n      <DensityProvider density='fine'>\n        <ElevationProvider elevation='chrome'>\n          <NaturalToolbar.Root classNames={['is-full shrink-0 overflow-x-auto overflow-y-hidden p-1', classNames]}>\n            {children}\n          </NaturalToolbar.Root>\n        </ElevationProvider>\n      </DensityProvider>\n    </ToolbarContextProvider>\n  );\n};\n\n// TODO(burdon): Generalize.\n// TODO(burdon): Detect and display current state.\ntype ButtonProps = {\n  type: ToolbarActionType;\n  Icon: Icon;\n  getState: (state: Formatting) => boolean;\n  disabled?: (state: Formatting) => boolean;\n};\n\n//\n// Alignment\n//\n\nconst formatOptions: ButtonProps[] = [\n  { type: 'date', Icon: Calendar, getState: (state) => false },\n  { type: 'currency', Icon: CurrencyDollar, getState: (state) => false },\n];\n\nconst Format = () => {\n  const { onAction } = useToolbarContext('Format');\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  return (\n    <NaturalToolbar.ToggleGroup\n      type='single'\n      // value={cellStyles.filter(({ getState }) => state && getState(state)).map(({ type }) => type)}\n    >\n      {formatOptions.map(({ type, getState, Icon }) => (\n        <ToolbarToggleButton\n          key={type}\n          value={type}\n          Icon={Icon}\n          // disabled={state?.blockType === 'codeblock'}\n          // onClick={state ? () => onAction?.({ type, data: !getState(state) }) : undefined}\n          onClick={() => onAction?.({ type: type as Exclude<typeof type, 'comment'> })}\n        >\n          {t(`toolbar ${type} label`)}\n        </ToolbarToggleButton>\n      ))}\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nconst alignmentOptions: ButtonProps[] = [\n  { type: 'left', Icon: TextAlignLeft, getState: (state) => false },\n  { type: 'center', Icon: TextAlignCenter, getState: (state) => false },\n  { type: 'right', Icon: TextAlignRight, getState: (state) => false },\n];\n\nconst Alignment = () => {\n  const { onAction } = useToolbarContext('Alignment');\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  return (\n    <NaturalToolbar.ToggleGroup\n      type='single'\n      // value={cellStyles.filter(({ getState }) => state && getState(state)).map(({ type }) => type)}\n    >\n      {alignmentOptions.map(({ type, getState, Icon }) => (\n        <ToolbarToggleButton\n          key={type}\n          value={type}\n          Icon={Icon}\n          // disabled={state?.blockType === 'codeblock'}\n          // onClick={state ? () => onAction?.({ type, data: !getState(state) }) : undefined}\n          onClick={() => onAction?.({ type: type as Exclude<typeof type, 'comment'> })}\n        >\n          {t(`toolbar ${type} label`)}\n        </ToolbarToggleButton>\n      ))}\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nconst styleOptions: ButtonProps[] = [\n  { type: 'clear', Icon: Eraser, getState: (state) => false },\n  { type: 'highlight', Icon: HighlighterCircle, getState: (state) => false },\n];\n\nconst Styles = () => {\n  const { onAction } = useToolbarContext('Alignment');\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  return (\n    <NaturalToolbar.ToggleGroup\n      type='single'\n      // value={cellStyles.filter(({ getState }) => state && getState(state)).map(({ type }) => type)}\n    >\n      {styleOptions.map(({ type, getState, Icon }) => (\n        <ToolbarToggleButton\n          key={type}\n          value={type}\n          Icon={Icon}\n          // disabled={state?.blockType === 'codeblock'}\n          // onClick={state ? () => onAction?.({ type, data: !getState(state) }) : undefined}\n          onClick={() => onAction?.({ type: type as Exclude<typeof type, 'comment'> })}\n        >\n          {t(`toolbar ${type} label`)}\n        </ToolbarToggleButton>\n      ))}\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\n//\n// Actions\n//\n\nconst Actions = () => {\n  const { onAction } = useToolbarContext('Actions');\n  const { cursor, range, model } = useSheetContext();\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  const overlapsCommentAnchor = (model.sheet.threads ?? [])\n    .filter(nonNullable)\n    .filter((thread) => thread.status !== 'resolved')\n    .some((thread) => {\n      if (!cursor) {\n        return false;\n      }\n      return addressToIndex(model.sheet, cursor) === thread.anchor;\n    });\n\n  const hasCursor = !!cursor;\n  const cursorOnly = hasCursor && !range && !overlapsCommentAnchor;\n\n  const tooltipLabelKey = !hasCursor\n    ? 'no cursor label'\n    : overlapsCommentAnchor\n      ? 'selection overlaps existing comment label'\n      : range\n        ? 'comment ranges not supported label'\n        : 'comment label';\n\n  return (\n    <ToolbarButton\n      value='comment'\n      Icon={ChatText}\n      data-testid='editor.toolbar.comment'\n      onClick={() => {\n        if (!cursor) {\n          return;\n        }\n        return onAction?.({\n          type: 'comment',\n          anchor: addressToIndex(model.sheet, cursor),\n          cellContent: model.getCellText(cursor),\n        });\n      }}\n      disabled={!cursorOnly || overlapsCommentAnchor}\n    >\n      {t(tooltipLabelKey)}\n    </ToolbarButton>\n  );\n};\n\nexport const Toolbar = {\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  Alignment,\n  Format,\n  Styles,\n  Actions,\n};\n\nexport { useToolbarContext };\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { type Icon } from '@phosphor-icons/react';\nimport React from 'react';\n\nimport {\n  Toolbar as NaturalToolbar,\n  Tooltip,\n  type ToolbarButtonProps as NaturalToolbarButtonProps,\n  type ToolbarToggleGroupItemProps as NaturalToolbarToggleGroupItemProps,\n} from '@dxos/react-ui';\nimport { getSize } from '@dxos/react-ui-theme';\n\n// TODO(burdon): Factor out in common with react-ui-editor.\n\nexport const iconStyles = getSize(5);\nexport const buttonStyles = 'min-bs-0 p-2';\nexport const tooltipProps = { side: 'top' as const, classNames: 'z-10' };\n\nexport const ToolbarSeparator = () => <div role='separator' className='grow' />;\n\n//\n// ToolbarButton\n//\n\ntype ToolbarButtonProps = NaturalToolbarButtonProps & { Icon: Icon };\n\nexport const ToolbarButton = ({ Icon, children, ...props }: ToolbarButtonProps) => {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <NaturalToolbar.Button variant='ghost' {...props} classNames={buttonStyles}>\n          <Icon className={iconStyles} />\n          <span className='sr-only'>{children}</span>\n        </NaturalToolbar.Button>\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// ToolbarToggleButton\n//\n\nexport type ToolbarToggleButtonProps = NaturalToolbarToggleGroupItemProps & { Icon: Icon };\n\nexport const ToolbarToggleButton = ({ Icon, children, ...props }: ToolbarToggleButtonProps) => {\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        <NaturalToolbar.ToggleGroupItem variant='ghost' {...props} classNames={buttonStyles}>\n          <Icon className={iconStyles} />\n          <span className='sr-only'>{children}</span>\n        </NaturalToolbar.ToggleGroupItem>\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"],
-  "mappings": "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",
-  "names": ["React", "useCallback", "useIntentDispatcher", "fullyQualifiedId", "useIsDirectlyAttended", "focusRing", "mx", "Calendar", "ChatText", "CurrencyDollar", "Eraser", "HighlighterCircle", "TextAlignCenter", "TextAlignLeft", "TextAlignRight", "createContext", "React", "DensityProvider", "ElevationProvider", "Toolbar", "NaturalToolbar", "useTranslation", "nonNullable", "React", "Toolbar", "NaturalToolbar", "Tooltip", "getSize", "iconStyles", "getSize", "buttonStyles", "tooltipProps", "side", "classNames", "ToolbarSeparator", "div", "role", "className", "ToolbarButton", "Icon", "children", "props", "Tooltip", "Root", "Trigger", "asChild", "NaturalToolbar", "Button", "variant", "span", "Portal", "Content", "Arrow", "ToolbarToggleButton", "ToggleGroupItem", "ToolbarContextProvider", "useToolbarContext", "createContext", "ToolbarRoot", "children", "onAction", "classNames", "React", "DensityProvider", "density", "ElevationProvider", "elevation", "NaturalToolbar", "Root", "formatOptions", "type", "Icon", "Calendar", "getState", "state", "CurrencyDollar", "Format", "t", "useTranslation", "SHEET_PLUGIN", "ToggleGroup", "map", "ToolbarToggleButton", "key", "value", "onClick", "alignmentOptions", "TextAlignLeft", "TextAlignCenter", "TextAlignRight", "Alignment", "styleOptions", "Eraser", "HighlighterCircle", "Styles", "Actions", "cursor", "range", "model", "useSheetContext", "overlapsCommentAnchor", "sheet", "threads", "filter", "nonNullable", "thread", "status", "some", "addressToIndex", "anchor", "hasCursor", "cursorOnly", "tooltipLabelKey", "ToolbarButton", "ChatText", "data-testid", "cellContent", "getCellText", "disabled", "Toolbar", "Separator", "ToolbarSeparator", "attentionFragment", "mx", "sectionToolbarLayout", "SheetContainer", "graph", "sheet", "role", "dispatch", "useIntentDispatcher", "id", "fullyQualifiedId", "isDirectlyAttended", "useIsDirectlyAttended", "handleAction", "useCallback", "action", "type", "data", "cursor", "anchor", "name", "cellContent", "subject", "React", "div", "className", "undefined", "Sheet", "Root", "Toolbar", "onAction", "classNames", "Separator", "Actions", "focusRing", "Main"]
-}

package/dist/lib/browser/chunk-QILRZNE5.mjs

@@ -1,15 +0,0 @@
-// packages/plugins/plugin-sheet/src/meta.tsx
-import { pluginMeta } from "@dxos/app-framework";
-var SHEET_PLUGIN = "dxos.org/plugin/sheet";
-var meta_default = pluginMeta({
-  id: SHEET_PLUGIN,
-  name: "Sheet",
-  description: "A simple spreadsheet plugin.",
-  icon: "ph--grid-nine--regular"
-});
-
-export {
-  SHEET_PLUGIN,
-  meta_default
-};
-//# sourceMappingURL=chunk-QILRZNE5.mjs.map

package/dist/lib/browser/chunk-QILRZNE5.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { pluginMeta } from '@dxos/app-framework';\n\nexport const SHEET_PLUGIN = 'dxos.org/plugin/sheet';\n\nexport default pluginMeta({\n  id: SHEET_PLUGIN,\n  name: 'Sheet',\n  description: 'A simple spreadsheet plugin.',\n  icon: 'ph--grid-nine--regular',\n});\n"],
-  "mappings": ";AAIA,SAASA,kBAAkB;AAEpB,IAAMC,eAAe;AAE5B,IAAA,eAAeC,WAAW;EACxBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,MAAM;AACR,CAAA;",
-  "names": ["pluginMeta", "SHEET_PLUGIN", "pluginMeta", "id", "name", "description", "icon"]
-}

package/dist/lib/browser/chunk-WZMOZKQZ.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type {\n  GraphBuilderProvides,\n  IntentResolverProvides,\n  MetadataRecordsProvides,\n  SurfaceProvides,\n  TranslationsProvides,\n} from '@dxos/app-framework';\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { type SchemaProvides } from '@dxos/plugin-client';\nimport { type MarkdownExtensionProvides } from '@dxos/plugin-markdown';\nimport { type SpaceInitProvides } from '@dxos/plugin-space';\nimport { ThreadType } from '@dxos/plugin-space/types';\nimport { type StackProvides } from '@dxos/plugin-stack';\n\nimport { SHEET_PLUGIN } from './meta';\n\nconst SHEET_ACTION = `${SHEET_PLUGIN}/action`;\n\nexport enum SheetAction {\n  CREATE = `${SHEET_ACTION}/create`,\n}\n\n// TODO(Zan): Move this to the plugin-space plugin or another common location\n// when we implement comments in sheets.\n// This is currently duplicated in a few places.\ntype ThreadProvides<T> = {\n  thread: {\n    predicate: (obj: any) => obj is T;\n    createSort: (obj: T) => (anchorA: string | undefined, anchorB: string | undefined) => number;\n  };\n};\n\nexport type SheetPluginProvides = SurfaceProvides &\n  IntentResolverProvides &\n  GraphBuilderProvides &\n  MarkdownExtensionProvides &\n  MetadataRecordsProvides &\n  TranslationsProvides &\n  SchemaProvides &\n  SpaceInitProvides &\n  StackProvides &\n  ThreadProvides<SheetType>;\n\nexport type CellScalarValue = number | string | boolean | null;\n\nexport const CellValue = S.Struct({\n  // TODO(burdon): How to store dates (datetime, date, time), percentages, etc.\n  //  Consider import/export; natural access for other plugins. Special handling for currency (precision).\n  // TODO(burdon): Automerge (long string) or short string or number.\n  // TODO(burdon): Arrays?\n  value: S.Any,\n});\n\nexport type CellValue = S.Schema.Type<typeof CellValue>;\n\n/**\n * https://www.tutorialsteacher.com/typescript/typescript-number\n */\n// TODO(burdon): Format vs. value.\nexport enum ValueTypeEnum {\n  Null = 0,\n  Number = 1,\n  Boolean = 2,\n  String = 3,\n\n  // Special numbers.\n  Percent = 10,\n  Currency = 11,\n\n  // Dates.\n  DateTime = 20,\n  Date = 21,\n  Time = 22,\n\n  // Validated string types.\n  // TODO(burdon): Define effect types.\n  URL = 30,\n  DID = 31,\n}\n\nexport const ValueType = S.Enums(ValueTypeEnum);\n\nexport const Formatting = S.Struct({\n  type: S.optional(ValueType),\n  format: S.optional(S.String),\n  precision: S.optional(S.Number),\n  classNames: S.optional(S.Array(S.String)),\n});\n\nexport type Formatting = S.Schema.Type<typeof Formatting>;\n\n// TODO(burdon): Visibility, locked, frozen, etc.\nexport const RowColumnMeta = S.Struct({\n  size: S.optional(S.Number),\n});\n\n// TODO(burdon): Index to all updates when rows/columns are inserted/deleted.\n// TODO(wittjosiah): Migrate typename to remove `Type` suffix.\n// TODO(wittjosiah): Rename title to name to align with other schemas.\nexport class SheetType extends TypedObject({ typename: 'dxos.org/type/SheetType', version: '0.1.0' })({\n  name: S.optional(S.String),\n\n  // Sparse map of cells referenced by index.\n  cells: S.mutable(S.Record(S.String, S.mutable(CellValue))),\n\n  // Ordered row indices.\n  rows: S.mutable(S.Array(S.String)),\n\n  // Ordered column indices.\n  columns: S.mutable(S.Array(S.String)),\n\n  // Row metadata referenced by index.\n  rowMeta: S.mutable(S.Record(S.String, S.mutable(RowColumnMeta))),\n\n  // Column metadata referenced by index.\n  columnMeta: S.mutable(S.Record(S.String, S.mutable(RowColumnMeta))),\n\n  // Cell formatting referenced by indexed range.\n  formatting: S.mutable(S.Record(S.String, S.mutable(Formatting))),\n\n  // Threads associated with the sheet\n  threads: S.optional(S.mutable(S.Array(ref(ThreadType)))),\n}) {}\n\nexport type SheetSize = {\n  rows: number;\n  columns: number;\n};\n\nexport type CreateSheetOptions = {\n  name?: string;\n  cells?: Record<string, CellValue>;\n} & Partial<SheetSize>;\n"],
-  "mappings": ";;;;;AAWA,SAASA,KAAKC,GAAGC,mBAAmB;AAIpC,SAASC,kBAAkB;AAK3B,IAAMC,eAAe,GAAGC,YAAAA;;UAEZC,cAAAA;wCACD,GAAGF,YAAAA,SAAqB,IAAA;GADvBE,gBAAAA,cAAAA,CAAAA,EAAAA;AA2BL,IAAMC,YAAYC,EAAEC,OAAO;;;;;EAKhCC,OAAOF,EAAEG;AACX,CAAA;;UAQYC,gBAAAA;;;;;;;;;;;;GAAAA,kBAAAA,gBAAAA,CAAAA,EAAAA;AAqBL,IAAMC,YAAYL,EAAEM,MAAMF,aAAAA;AAE1B,IAAMG,aAAaP,EAAEC,OAAO;EACjCO,MAAMR,EAAES,SAASJ,SAAAA;EACjBK,QAAQV,EAAES,SAAST,EAAEW,MAAM;EAC3BC,WAAWZ,EAAES,SAAST,EAAEa,MAAM;EAC9BC,YAAYd,EAAES,SAAST,EAAEe,MAAMf,EAAEW,MAAM,CAAA;AACzC,CAAA;AAKO,IAAMK,gBAAgBhB,EAAEC,OAAO;EACpCgB,MAAMjB,EAAES,SAAST,EAAEa,MAAM;AAC3B,CAAA;AAKO,IAAMK,YAAN,cAAwBC,YAAY;EAAEC,UAAU;EAA2BC,SAAS;AAAQ,CAAA,EAAG;EACpGC,MAAMtB,EAAES,SAAST,EAAEW,MAAM;;EAGzBY,OAAOvB,EAAEwB,QAAQxB,EAAEyB,OAAOzB,EAAEW,QAAQX,EAAEwB,QAAQzB,SAAAA,CAAAA,CAAAA;;EAG9C2B,MAAM1B,EAAEwB,QAAQxB,EAAEe,MAAMf,EAAEW,MAAM,CAAA;;EAGhCgB,SAAS3B,EAAEwB,QAAQxB,EAAEe,MAAMf,EAAEW,MAAM,CAAA;;EAGnCiB,SAAS5B,EAAEwB,QAAQxB,EAAEyB,OAAOzB,EAAEW,QAAQX,EAAEwB,QAAQR,aAAAA,CAAAA,CAAAA;;EAGhDa,YAAY7B,EAAEwB,QAAQxB,EAAEyB,OAAOzB,EAAEW,QAAQX,EAAEwB,QAAQR,aAAAA,CAAAA,CAAAA;;EAGnDc,YAAY9B,EAAEwB,QAAQxB,EAAEyB,OAAOzB,EAAEW,QAAQX,EAAEwB,QAAQjB,UAAAA,CAAAA,CAAAA;;EAGnDwB,SAAS/B,EAAES,SAAST,EAAEwB,QAAQxB,EAAEe,MAAMiB,IAAIC,UAAAA,CAAAA,CAAAA,CAAAA;AAC5C,CAAA,EAAA;AAAI;",
-  "names": ["ref", "S", "TypedObject", "ThreadType", "SHEET_ACTION", "SHEET_PLUGIN", "SheetAction", "CellValue", "S", "Struct", "value", "Any", "ValueTypeEnum", "ValueType", "Enums", "Formatting", "type", "optional", "format", "String", "precision", "Number", "classNames", "Array", "RowColumnMeta", "size", "SheetType", "TypedObject", "typename", "version", "name", "cells", "mutable", "Record", "rows", "columns", "rowMeta", "columnMeta", "formatting", "threads", "ref", "ThreadType"]
-}