@dxos/react-ui-table 0.7.2-staging.6d26b2a → 0.7.3-main.2dd075e

package/src/components/TableCellEditor/TableCellEditor.tsx

@@ -2,32 +2,46 @@
 // Copyright 2024 DXOS.org
 //
 
-import React, { useCallback, useMemo } from 'react';
+import { type Completion } from '@codemirror/autocomplete';
+import React, { useCallback, useMemo, useRef } from 'react';
 
 import { FormatEnum } from '@dxos/echo-schema';
 import { invariant } from '@dxos/invariant';
 import { type DxGrid } from '@dxos/lit-grid';
 import {
+  cellQuery,
   editorKeys,
+  parseCellIndex,
+  useGridContext,
+  type DxGridPlanePosition,
   type EditorKeyEvent,
-  GridCellEditor,
-  type GridCellEditorProps,
   type EditorKeyOrBlurHandler,
   type EditorBlurHandler,
+  GridCellEditor,
+  type GridCellEditorProps,
   type GridScopedProps,
-  useGridContext,
 } from '@dxos/react-ui-grid';
 import { type FieldProjection } from '@dxos/schema';
 
 import { completion } from './extension';
 import { type TableModel } from '../../model';
-import { type GridCell, toGridCell } from '../../util';
+
+const newValue = Symbol.for('newValue');
+
+/**
+ * Option to create new object/value.
+ */
+export const createOption = (text: string) => ({ [newValue]: true, text });
+
+const isCreateOption = (data: any) => typeof data === 'object' && data[newValue];
+
+export type QueryResult = Pick<Completion, 'label'> & { data: any };
 
 export type TableCellEditorProps = {
   model?: TableModel;
-  onEnter?: (cell: GridCell) => void;
+  onEnter?: (cell: DxGridPlanePosition) => void;
   onFocus?: DxGrid['refocus'];
-  onQuery?: (field: FieldProjection, text: string) => Promise<{ label: string; data: any }[]>;
+  onQuery?: (field: FieldProjection, text: string) => Promise<QueryResult[]>;
 };
 
 export const TableCellEditor = ({
@@ -37,32 +51,34 @@ export const TableCellEditor = ({
   onQuery,
   __gridScope,
 }: GridScopedProps<TableCellEditorProps>) => {
-  const { editing } = useGridContext('TableCellEditor', __gridScope);
+  const { id: gridId, editing, setEditing } = useGridContext('TableCellEditor', __gridScope);
+  const suppressNextBlur = useRef(false);
+
   const fieldProjection = useMemo<FieldProjection | undefined>(() => {
     if (!model || !editing) {
       return;
     }
 
-    const { col } = toGridCell(editing.index);
+    const { col } = parseCellIndex(editing.index);
     const field = model.projection.view.fields[col];
     const fieldProjection = model.projection.getFieldProjection(field.id);
     invariant(fieldProjection);
     return fieldProjection;
   }, [model, editing]);
 
-  const handleClose = useCallback<EditorKeyOrBlurHandler>(
-    (value, event) => {
-      if (!model || !editing || !fieldProjection) {
+  const handleEnter = useCallback(
+    (value: any) => {
+      if (!model || !editing) {
         return;
       }
 
-      const cell = toGridCell(editing.index);
+      const cell = parseCellIndex(editing.index);
+      model.setCellData(cell, value);
       onEnter?.(cell);
-      if (event && onFocus) {
-        onFocus(determineNavigationAxis(event), determineNavigationDelta(event));
-      }
+      onFocus?.();
+      setEditing(null);
     },
-    [model, editing, onFocus, onEnter, fieldProjection, determineNavigationAxis, determineNavigationDelta],
+    [model, editing],
   );
 
   const handleBlur = useCallback<EditorBlurHandler>(
@@ -70,8 +86,12 @@ export const TableCellEditor = ({
       if (!model || !editing) {
         return;
       }
+      if (suppressNextBlur.current) {
+        suppressNextBlur.current = false;
+        return;
+      }
 
-      const cell = toGridCell(editing.index);
+      const cell = parseCellIndex(editing.index);
       if (value !== undefined) {
         model.setCellData(cell, value);
       }
@@ -79,6 +99,21 @@ export const TableCellEditor = ({
     [model, editing],
   );
 
+  const handleClose = useCallback<EditorKeyOrBlurHandler>(
+    (value, event) => {
+      if (!model || !editing || !fieldProjection) {
+        return;
+      }
+
+      const cell = parseCellIndex(editing.index);
+      onEnter?.(cell);
+      if (event && onFocus) {
+        onFocus(determineNavigationAxis(event), determineNavigationDelta(event));
+      }
+    },
+    [model, editing, onFocus, onEnter, fieldProjection, determineNavigationAxis, determineNavigationDelta],
+  );
+
   const extension = useMemo(() => {
     if (!fieldProjection) {
       return [];
@@ -99,10 +134,24 @@ export const TableCellEditor = ({
               onQuery: (text) => onQuery(fieldProjection, text),
               onMatch: (data) => {
                 if (model && editing) {
-                  const cell = toGridCell(editing.index);
-                  model.setCellData(cell, data);
-                  onEnter?.(cell);
-                  onFocus?.();
+                  if (isCreateOption(data)) {
+                    const { field, props } = fieldProjection;
+                    if (props.referenceSchema) {
+                      suppressNextBlur.current = true;
+                      model.modalController.openCreateRef(
+                        props.referenceSchema,
+                        document.querySelector(cellQuery(editing.index, gridId)),
+                        {
+                          [field.referencePath!]: data.text,
+                        },
+                        (data) => {
+                          handleEnter(data);
+                        },
+                      );
+                    }
+                  } else {
+                    handleEnter(data);
+                  }
                 }
               },
             }),
@@ -117,7 +166,7 @@ export const TableCellEditor = ({
 
   const getCellContent = useCallback<GridCellEditorProps['getCellContent']>(() => {
     if (model && editing) {
-      const value = model.getCellData(toGridCell(editing.index));
+      const value = model.getCellData(parseCellIndex(editing.index));
       return value !== undefined ? String(value) : '';
     }
   }, [model, editing]);

package/src/components/TableCellEditor/extension.ts

@@ -12,6 +12,7 @@ import { type Extension } from '@codemirror/state';
 import { EditorView } from '@codemirror/view';
 
 export type CompletionOptions = {
+  debug?: boolean;
   onQuery: (text: string) => Promise<CompletionResult['options']>;
   onMatch: (data: any) => void;
 };
@@ -20,7 +21,7 @@ export type CompletionOptions = {
  * Autocomplete Codemirror extension.
  * https://codemirror.net/docs/ref/#autocomplete.autocompletion
  */
-export const completion = ({ onQuery, onMatch }: CompletionOptions): Extension => {
+export const completion = ({ debug, onQuery, onMatch }: CompletionOptions): Extension => {
   return [
     EditorView.theme({
       '.cm-completionDialog': {
@@ -31,6 +32,7 @@ export const completion = ({ onQuery, onMatch }: CompletionOptions): Extension =
     autocompletion({
       icons: false,
       activateOnTyping: true,
+      closeOnBlur: !debug,
       override: [
         async (context: CompletionContext): Promise<CompletionResult> => {
           const text = context.state.doc.toString();
@@ -44,9 +46,6 @@ export const completion = ({ onQuery, onMatch }: CompletionOptions): Extension =
       // TODO(burdon): Consts from grid (to line-up with grid).
       tooltipClass: () => 'cm-completionDialog !mt-[8px] !-ml-[4px] [&>ul]:!max-h-[264px]',
       optionClass: () => 'flex h-[33px] items-center',
-
-      // Uncomment to debug.
-      // closeOnBlur: true,
     }),
 
     // Check for accepted completion metadata in the transaction.

package/src/components/testing.ts

@@ -4,8 +4,9 @@
 
 import { useEffect } from 'react';
 
-import { create, setValue, toJsonSchema, S, TypeEnum, TypedObject, FormatEnum } from '@dxos/echo-schema';
+import { setValue, toJsonSchema, S, TypeEnum, TypedObject, FormatEnum } from '@dxos/echo-schema';
 import { faker } from '@dxos/random';
+import { create } from '@dxos/react-client/echo';
 import { createView, type ViewProjection } from '@dxos/schema';
 import {} from '@dxos/schema';
 

package/src/model/modal-controller.ts

@@ -5,6 +5,9 @@
 import { signal } from '@preact/signals-core';
 import { type RefObject, type MouseEvent, type MutableRefObject } from 'react';
 
+import { type ReactiveObject } from '@dxos/live-object';
+import { log } from '@dxos/log';
+
 import { tableButtons } from '../util';
 
 export type ColumnSettingsMode = { type: 'create' } | { type: 'edit'; fieldId: string };
@@ -12,6 +15,13 @@ export type ColumnSettingsMode = { type: 'create' } | { type: 'edit'; fieldId: s
 export type ModalState =
   | { type: 'row'; rowIndex: number }
   | { type: 'column'; fieldId: string }
+  | { type: 'refPanel'; targetId: string; typename: string }
+  | {
+      type: 'createRefPanel';
+      typename: string;
+      initialValues?: Record<string, string>;
+      onCreate?: (obj: ReactiveObject<any>) => void;
+    }
   | { type: 'columnSettings'; mode: ColumnSettingsMode }
   | { type: 'closed' };
 
@@ -30,6 +40,9 @@ export class ModalController {
   public handleClick = (event: MouseEvent): boolean => {
     const target = event.target as HTMLElement;
 
+    // TODO(thure): why not just get the value of the closest recognized attribute and `switch` on that?
+    //  Repeated querying is more error-prone and less legible, I’d think.
+
     const rowButton = target.closest(`button[${tableButtons.rowMenu.attr}]`);
     if (rowButton) {
       this._triggerRef.current = rowButton as HTMLElement;
@@ -61,6 +74,17 @@ export class ModalController {
       return true;
     }
 
+    const refButton = target.closest(`button[${tableButtons.referencedCell.attr}]`);
+    if (refButton) {
+      this._triggerRef.current = refButton as HTMLElement;
+      const [schemaId, targetId] = refButton.getAttribute(tableButtons.referencedCell.attr)!.split('#');
+      this._state.value = {
+        type: 'refPanel',
+        targetId,
+        typename: schemaId,
+      };
+    }
+
     return false;
   };
 
@@ -77,6 +101,25 @@ export class ModalController {
     }
   };
 
+  public openCreateRef = (
+    typename: string,
+    anchorCell: Element | null,
+    initialValues?: Record<string, string>,
+    onCreate?: (obj: ReactiveObject<any>) => void,
+  ) => {
+    if (anchorCell) {
+      this._triggerRef.current = anchorCell as HTMLElement;
+      this._state.value = {
+        type: 'createRefPanel',
+        typename,
+        initialValues,
+        onCreate,
+      };
+    } else {
+      log.warn('anchor cell not found while creating new ref');
+    }
+  };
+
   public close = () => {
     this._state.value = { type: 'closed' };
   };

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

@@ -3,11 +3,13 @@
 //
 
 import { computed } from '@preact/signals-core';
-import { describe, it, expect, afterEach, beforeEach } from 'vitest';
+import { afterEach, beforeEach, describe, expect, it } from 'vitest';
 
-import { S, TypedObject, create } from '@dxos/echo-schema';
-import { createMutableSchema, updateCounter } from '@dxos/echo-schema/testing';
+import { S, TypedObject } from '@dxos/echo-schema';
+import { updateCounter } from '@dxos/echo-schema/testing';
 import { registerSignalsRuntime } from '@dxos/echo-signals';
+import { createMutableSchema } from '@dxos/live-object/testing';
+import { create } from '@dxos/react-client/echo';
 import { createView, ViewProjection } from '@dxos/schema';
 
 import { TableModel, type TableModelProps } from './table-model';

package/src/model/table-model.ts

@@ -22,6 +22,9 @@ import {
   type DxGridPlane,
   type DxGridPlaneCells,
   type DxGridPlaneRange,
+  type DxGridPlanePosition,
+  toPlaneCellIndex,
+  type DxGridPosition,
 } from '@dxos/react-ui-grid';
 import { mx } from '@dxos/react-ui-theme';
 import { VIEW_FIELD_LIMIT, type ViewProjection, type FieldType } from '@dxos/schema';
@@ -29,7 +32,6 @@ import { VIEW_FIELD_LIMIT, type ViewProjection, type FieldType } from '@dxos/sch
 import { ModalController } from './modal-controller';
 import { SelectionModel } from './selection-model';
 import { type TableType } from '../types';
-import { fromGridCell, type GridCell } from '../util';
 import { tableButtons, touch } from '../util';
 import { tableControls } from '../util/table-controls';
 
@@ -46,7 +48,7 @@ export type TableModelProps<T extends BaseTableRow = { id: string }> = {
   onInsertRow?: (index?: number) => void;
   onDeleteRows?: (index: number, obj: T[]) => void;
   onDeleteColumn?: (fieldId: string) => void;
-  onCellUpdate?: (cell: GridCell) => void;
+  onCellUpdate?: (cell: DxGridPosition) => void;
   onRowOrderChanged?: () => void;
 };
 
@@ -214,7 +216,7 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
           effect(() => {
             const obj = this._sortedRows.value[row];
             this?._table?.view?.fields.forEach((field) => touch(getValue(obj, field.path)));
-            this._onCellUpdate?.({ row, col: start.col });
+            this._onCellUpdate?.({ row, col: start.col, plane: 'grid' });
           }),
         );
       }
@@ -256,12 +258,13 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
   };
 
   private getMainGridCells = (range: DxGridPlaneRange): DxGridPlaneCells => {
-    const values: DxGridPlaneCells = {};
+    const cells: DxGridPlaneCells = {};
     const fields = this._table.view?.fields ?? [];
 
     const addCell = (obj: T, field: FieldType, colIndex: number, displayIndex: number): void => {
       const { props } = this._projection.getFieldProjection(field.id);
-      const value: DxGridCellValue = {
+
+      const cell: DxGridCellValue = {
         get value() {
           const value = getValue(obj, field.path);
           if (value == null) {
@@ -294,11 +297,19 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
         classes.push(rowSelectionClasses);
       }
       if (classes.length > 0) {
-        value.className = mx(classes.flat());
+        cell.className = mx(classes.flat());
+      }
+
+      if (cell.value && props.format === FormatEnum.Ref && props.referenceSchema) {
+        const targetObj = getValue(obj, field.path);
+        cell.accessoryHtml = tableButtons.referencedCell.render({
+          targetId: targetObj.id,
+          schemaId: props.referenceSchema,
+        });
       }
 
-      const idx = fromGridCell({ col: colIndex, row: displayIndex });
-      values[idx] = value;
+      const idx = toPlaneCellIndex({ col: colIndex, row: displayIndex });
+      cells[idx] = cell;
     };
 
     for (let row = range.start.row; row <= range.end.row && row < this._sortedRows.value.length; row++) {
@@ -312,15 +323,16 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
       }
     }
 
-    return values;
+    return cells;
   };
 
   private getHeaderCells = (range: DxGridPlaneRange): DxGridPlaneCells => {
-    const values: DxGridPlaneCells = {};
+    const cells: DxGridPlaneCells = {};
     const fields = this.table.view?.fields ?? [];
     for (let col = range.start.col; col <= range.end.col && col < fields.length; col++) {
       const { field, props } = this._projection.getFieldProjection(fields[col].id);
-      values[fromGridCell({ col, row: 0 })] = {
+      cells[toPlaneCellIndex({ col, row: 0 })] = {
+        // TODO(burdon): Use same logic as form for fallback title.
         value: props.title ?? field.path,
         readonly: true,
         resizeHandle: 'col',
@@ -328,15 +340,15 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
       };
     }
 
-    return values;
+    return cells;
   };
 
   private getSelectionColumnCells = (range: DxGridPlaneRange): DxGridPlaneCells => {
-    const values: DxGridPlaneCells = {};
+    const cells: DxGridPlaneCells = {};
     for (let row = range.start.row; row <= range.end.row && row < this._rows.value.length; row++) {
       const isSelected = this._selection.isRowIndexSelected(row);
       const classes = cellClassesForRowSelection(isSelected);
-      values[fromGridCell({ col: 0, row })] = {
+      cells[toPlaneCellIndex({ col: 0, row })] = {
         value: '',
         readonly: true,
         className: classes ? mx(classes) : undefined,
@@ -344,15 +356,15 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
       };
     }
 
-    return values;
+    return cells;
   };
 
   private getActionColumnCells = (range: DxGridPlaneRange): DxGridPlaneCells => {
-    const values: DxGridPlaneCells = {};
+    const cells: DxGridPlaneCells = {};
     for (let row = range.start.row; row <= range.end.row && row < this._rows.value.length; row++) {
       const isSelected = this._selection.isRowIndexSelected(row);
       const classes = cellClassesForRowSelection(isSelected);
-      values[fromGridCell({ col: 0, row })] = {
+      cells[toPlaneCellIndex({ col: 0, row })] = {
         value: '',
         readonly: true,
         className: classes ? mx(classes) : undefined,
@@ -360,12 +372,12 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
       };
     }
 
-    return values;
+    return cells;
   };
 
   private getSelectAllCell = (): DxGridPlaneCells => {
     return {
-      [fromGridCell({ col: 0, row: 0 })]: {
+      [toPlaneCellIndex({ col: 0, row: 0 })]: {
         value: '',
         accessoryHtml: tableControls.checkbox.render({
           rowIndex: 0,
@@ -379,7 +391,7 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
 
   private getNewColumnCell = (): DxGridPlaneCells => {
     return {
-      [fromGridCell({ col: 0, row: 0 })]: {
+      [toPlaneCellIndex({ col: 0, row: 0 })]: {
         value: '',
         accessoryHtml: tableButtons.addColumn.render({
           disabled: (this._table.view?.fields?.length ?? 0) >= VIEW_FIELD_LIMIT,
@@ -421,7 +433,7 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
     this._onDeleteRows?.(row, objectsToDelete);
   };
 
-  public getCellData = ({ col, row }: GridCell): any => {
+  public getCellData = ({ col, row }: DxGridPlanePosition): any => {
     const fields = this.table.view?.fields ?? [];
     if (col < 0 || col >= fields.length) {
       return undefined;
@@ -450,7 +462,7 @@ export class TableModel<T extends BaseTableRow = { id: string }> extends Resourc
     }
   };
 
-  public setCellData = ({ col, row }: GridCell, value: any): void => {
+  public setCellData = ({ col, row }: DxGridPlanePosition, value: any): void => {
     const rowIdx = this._displayToDataIndex.get(row) ?? row;
     const fields = this.table.view?.fields ?? [];
     if (col < 0 || col >= fields.length) {

package/src/playwright/smoke.spec.ts

@@ -95,10 +95,6 @@ test.describe('Table', () => {
 
     await table.addColumn({ label: newColumnLabel, format: 'number' });
 
-    // Delete first two columns to get the new column into view
-    await table.deleteColumn(0);
-    await table.deleteColumn(0);
-
     await expect(page.getByRole('gridcell', { name: newColumnLabel })).toBeVisible();
     await page.close();
   });

package/src/translations.ts

@@ -27,6 +27,7 @@ export default [
         'bulk delete row label': 'Delete selected rows',
         'column deleted label': 'Column deleted',
         'new column button label': 'Create column',
+        'create new object label': 'Create new object “{{text}}”',
       },
     },
   },

package/src/types/table.ts

@@ -2,19 +2,19 @@
 // Copyright 2024 DXOS.org
 //
 
-import { ref, S, TypedObject } from '@dxos/echo-schema';
+import { ref, ObjectId, S, TypedObject } from '@dxos/echo-schema';
 import { ThreadType } from '@dxos/plugin-space';
 import { ViewType } from '@dxos/schema';
 
-// TODO(burdon): Factor out echo dependency and define pattern for react-ui-xxx.
-const TableSchema = S.Struct({
-  id: S.String,
+export const TableSchema = S.Struct({
+  id: ObjectId, // TODO(burdon): Where should this be?
   name: S.optional(S.String),
   view: S.optional(ref(ViewType)),
+  // TODO(burdon): Should not import from plugin. Either factor out type or use reverse deps when supported.
   threads: S.optional(S.Array(ref(ThreadType))),
 });
 
-type _TableType = S.Schema.Type<typeof TableSchema>;
+// type TableType = S.Schema.Type<typeof TableSchema>;
 
 export class TableType extends TypedObject({
   typename: 'dxos.org/type/Table',

package/src/util/index.ts

@@ -2,7 +2,6 @@
 // Copyright 2024 DXOS.org
 //
 
-export * from './grid';
 export * from './signals';
 export * from './table';
 export * from './table-buttons';

package/src/util/table-buttons.ts

@@ -2,15 +2,22 @@
 // Copyright 2024 DXOS.org
 //
 
-type TableButton = 'columnSettings' | 'rowMenu' | 'newColumn';
+type TableButton = 'columnSettings' | 'rowMenu' | 'newColumn' | 'referencedCell';
+
+// TODO(thure): Lots of copy-pasted business here, this could by DRYed out substantially.
+
+// TODO(thure): These unique attributes come with more caveats than e.g. applying multiple attributes – one key-value
+//  pair for identifying the button type and another for passing the fieldId.
 
 const TABLE_ATTRS: { [K in TableButton]: string } = {
+  referencedCell: 'data-table-ref-cell-button',
   columnSettings: 'data-table-column-settings-button',
   rowMenu: 'data-table-row-menu-button',
   newColumn: 'data-table-new-column-button',
 } as const;
 
 const ICONS: { [K in TableButton]: string } = {
+  referencedCell: 'ph--link-simple-horizontal--regular',
   columnSettings: 'ph--caret-down--regular',
   rowMenu: 'ph--dots-three--regular',
   newColumn: 'ph--plus--regular',
@@ -32,6 +39,16 @@ const createButtonHtml = ({
 };
 
 export const tableButtons = {
+  referencedCell: {
+    attr: TABLE_ATTRS.referencedCell,
+    icon: ICONS.referencedCell,
+    render: ({ targetId, schemaId }: { targetId: string; schemaId: string }) =>
+      createButtonHtml({
+        button: 'referencedCell',
+        value: `${schemaId}#${targetId}`,
+        testId: 'table-ref-cell-button',
+      }),
+  },
   columnSettings: {
     attr: TABLE_ATTRS.columnSettings,
     icon: ICONS.columnSettings,

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/table.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { ThreadType } from '@dxos/plugin-space';\nimport { ViewType } from '@dxos/schema';\n\n// TODO(burdon): Factor out echo dependency and define pattern for react-ui-xxx.\nconst TableSchema = S.Struct({\n  id: S.String,\n  name: S.optional(S.String),\n  view: S.optional(ref(ViewType)),\n  threads: S.optional(S.Array(ref(ThreadType))),\n});\n\ntype _TableType = S.Schema.Type<typeof TableSchema>;\n\nexport class TableType extends TypedObject({\n  typename: 'dxos.org/type/Table',\n  version: '0.1.0',\n})(TableSchema.fields) {}\n"],
-  "mappings": ";AAIA,SAASA,KAAKC,GAAGC,mBAAmB;AACpC,SAASC,kBAAkB;AAC3B,SAASC,gBAAgB;AAGzB,IAAMC,cAAcC,EAAEC,OAAO;EAC3BC,IAAIF,EAAEG;EACNC,MAAMJ,EAAEK,SAASL,EAAEG,MAAM;EACzBG,MAAMN,EAAEK,SAASE,IAAIC,QAAAA,CAAAA;EACrBC,SAAST,EAAEK,SAASL,EAAEU,MAAMH,IAAII,UAAAA,CAAAA,CAAAA;AAClC,CAAA;AAIO,IAAMC,YAAN,cAAwBC,YAAY;EACzCC,UAAU;EACVC,SAAS;AACX,CAAA,EAAGhB,YAAYiB,MAAM,EAAA;AAAG;",
-  "names": ["ref", "S", "TypedObject", "ThreadType", "ViewType", "TableSchema", "S", "Struct", "id", "String", "name", "optional", "view", "ref", "ViewType", "threads", "Array", "ThreadType", "TableType", "TypedObject", "typename", "version", "fields"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/table.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { ThreadType } from '@dxos/plugin-space';\nimport { ViewType } from '@dxos/schema';\n\n// TODO(burdon): Factor out echo dependency and define pattern for react-ui-xxx.\nconst TableSchema = S.Struct({\n  id: S.String,\n  name: S.optional(S.String),\n  view: S.optional(ref(ViewType)),\n  threads: S.optional(S.Array(ref(ThreadType))),\n});\n\ntype _TableType = S.Schema.Type<typeof TableSchema>;\n\nexport class TableType extends TypedObject({\n  typename: 'dxos.org/type/Table',\n  version: '0.1.0',\n})(TableSchema.fields) {}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAAoC;AACpC,0BAA2B;AAC3B,oBAAyB;AAGzB,IAAMA,cAAcC,qBAAEC,OAAO;EAC3BC,IAAIF,qBAAEG;EACNC,MAAMJ,qBAAEK,SAASL,qBAAEG,MAAM;EACzBG,MAAMN,qBAAEK,aAASE,wBAAIC,sBAAAA,CAAAA;EACrBC,SAAST,qBAAEK,SAASL,qBAAEU,UAAMH,wBAAII,8BAAAA,CAAAA,CAAAA;AAClC,CAAA;AAIO,IAAMC,YAAN,kBAAwBC,gCAAY;EACzCC,UAAU;EACVC,SAAS;AACX,CAAA,EAAGhB,YAAYiB,MAAM,EAAA;AAAG;",
-  "names": ["TableSchema", "S", "Struct", "id", "String", "name", "optional", "view", "ref", "ViewType", "threads", "Array", "ThreadType", "TableType", "TypedObject", "typename", "version", "fields"]
-}

package/dist/lib/node-esm/chunk-SABDOZ6I.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/table.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { ref, S, TypedObject } from '@dxos/echo-schema';\nimport { ThreadType } from '@dxos/plugin-space';\nimport { ViewType } from '@dxos/schema';\n\n// TODO(burdon): Factor out echo dependency and define pattern for react-ui-xxx.\nconst TableSchema = S.Struct({\n  id: S.String,\n  name: S.optional(S.String),\n  view: S.optional(ref(ViewType)),\n  threads: S.optional(S.Array(ref(ThreadType))),\n});\n\ntype _TableType = S.Schema.Type<typeof TableSchema>;\n\nexport class TableType extends TypedObject({\n  typename: 'dxos.org/type/Table',\n  version: '0.1.0',\n})(TableSchema.fields) {}\n"],
-  "mappings": ";;;AAIA,SAASA,KAAKC,GAAGC,mBAAmB;AACpC,SAASC,kBAAkB;AAC3B,SAASC,gBAAgB;AAGzB,IAAMC,cAAcC,EAAEC,OAAO;EAC3BC,IAAIF,EAAEG;EACNC,MAAMJ,EAAEK,SAASL,EAAEG,MAAM;EACzBG,MAAMN,EAAEK,SAASE,IAAIC,QAAAA,CAAAA;EACrBC,SAAST,EAAEK,SAASL,EAAEU,MAAMH,IAAII,UAAAA,CAAAA,CAAAA;AAClC,CAAA;AAIO,IAAMC,YAAN,cAAwBC,YAAY;EACzCC,UAAU;EACVC,SAAS;AACX,CAAA,EAAGhB,YAAYiB,MAAM,EAAA;AAAG;",
-  "names": ["ref", "S", "TypedObject", "ThreadType", "ViewType", "TableSchema", "S", "Struct", "id", "String", "name", "optional", "view", "ref", "ViewType", "threads", "Array", "ThreadType", "TableType", "TypedObject", "typename", "version", "fields"]
-}

package/dist/types/src/util/grid.d.ts

@@ -1,14 +0,0 @@
-import { type DxGridPlaneCellIndex } from '@dxos/react-ui-grid';
-export type GridCell = {
-    col: number;
-    row: number;
-};
-/**
- * Generates a string key for a cell based on its column and row indices.
- */
-export declare const fromGridCell: ({ col, row }: GridCell) => DxGridPlaneCellIndex;
-/**
- * Converts a cell key string back into column and row coordinates.
- */
-export declare const toGridCell: (cell: DxGridPlaneCellIndex) => GridCell;
-//# sourceMappingURL=grid.d.ts.map

package/dist/types/src/util/grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/util/grid.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAGhE,MAAM,MAAM,QAAQ,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAAC;AAEpD;;GAEG;AACH,eAAO,MAAM,YAAY,iBAAkB,QAAQ,KAAG,oBAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,SAAU,oBAAoB,KAAG,QAGvD,CAAC"}

package/src/util/grid.ts

@@ -1,23 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type DxGridPlaneCellIndex } from '@dxos/react-ui-grid';
-
-// TODO(burdon): Factor out to grid.
-export type GridCell = { col: number; row: number };
-
-/**
- * Generates a string key for a cell based on its column and row indices.
- */
-export const fromGridCell = ({ col, row }: GridCell): DxGridPlaneCellIndex => {
-  return `${col},${row}` as const; // TODO(burdon): ":" delim.
-};
-
-/**
- * Converts a cell key string back into column and row coordinates.
- */
-export const toGridCell = (cell: DxGridPlaneCellIndex): GridCell => {
-  const [col, row] = cell.split(',').map(Number);
-  return { row, col };
-};