@dxos/react-ui-table 0.8.2-staging.7ac8446 → 0.8.3-main.672df60

package/src/model/table-presentation.ts

@@ -3,8 +3,9 @@
 //
 
 import { signal } from '@preact/signals-core';
+import { isNotNullable } from 'effect/Predicate';
 
-import { FormatEnum, getValue } from '@dxos/echo-schema';
+import { FormatEnum, getObjectDXN, getValue, TypeEnum } from '@dxos/echo-schema';
 import { cellClassesForFieldType, formatForDisplay } from '@dxos/react-ui-form';
 import {
   type DxGridPlane,
@@ -84,6 +85,10 @@ export class TablePresentation<T extends TableRow = TableRow> {
             return '';
           }
 
+          if (props.type === 'array') {
+            return '';
+          }
+
           switch (props.format) {
             case FormatEnum.Boolean:
             case FormatEnum.SingleSelect:
@@ -121,13 +126,52 @@ export class TablePresentation<T extends TableRow = TableRow> {
         cell.className = mx(classes.flat());
       }
 
+      if (props.type === TypeEnum.Array) {
+        const targetArray = getValue(obj, field.path);
+        if (targetArray && Array.isArray(targetArray)) {
+          // TODO(ZaymonFC): For arrays of objects, objects should have a 'label' annotation on the field
+          // that can be used to render tags.
+          // TODO(ZaymonFC): Move to util.
+          const getLabel = (value: any) => {
+            // If the value is falsy, return undefined
+            // If the object is an array, check for 'name' property
+            // If the object is a primitive type (string, number, boolean) stringify
+            // If the object is an array return 'Array'
+            if (!value) {
+              return undefined;
+            }
+            if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+              return String(value);
+            }
+            if (Array.isArray(value)) {
+              return 'Array';
+            }
+            if (typeof value === 'object' && value.name) {
+              return value.name;
+            }
+            if (typeof value === 'object' && value.value) {
+              return `${value.value}`;
+            }
+            return 'Object';
+          };
+
+          const tags = targetArray
+            .map(getLabel)
+            .filter(isNotNullable)
+            .map((title) => {
+              return `<span class="dx-tag rounded-xl" data-hue="neutral">${title}</span>`;
+            })
+            .join('');
+
+          cell.accessoryHtml = `<div role='none' class="flex flex-row gap-1 overflow-x-auto">${tags}</div>`;
+        }
+      }
+
       if (props.format === FormatEnum.Ref && props.referenceSchema) {
         const targetObj = getValue(obj, field.path)?.target;
         if (targetObj) {
-          cell.accessoryHtml = tableButtons.referencedCell.render({
-            targetId: targetObj.id as any as string,
-            schemaId: props.referenceSchema,
-          });
+          const dxn = getObjectDXN(targetObj)?.toString();
+          cell.accessoryHtml = `<dx-ref-tag refId=${dxn} class="dx-button block is-6 pli-[3px] plb-[3px] pbe-[2px] min-bs-0 absolute inline-end-1"><dx-icon icon="ph--link-simple--regular"/></dx-ref-tag>`;
         }
       }
 
@@ -168,7 +212,7 @@ export class TablePresentation<T extends TableRow = TableRow> {
             .join(' ');
 
           if (tags) {
-            cell.accessoryHtml = tags;
+            cell.accessoryHtml = `<div role='none' class="flex flex-row gap-1">${tags}</div>`;
           }
         }
       }
@@ -208,7 +252,7 @@ export class TablePresentation<T extends TableRow = TableRow> {
           ${direction !== undefined ? tableButtons.sort.render({ fieldId: field.id, direction }) : ''}
           ${tableButtons.columnSettings.render({ fieldId: field.id })}
         `,
-        className: '!bg-gridHeader',
+        className: '!bg-toolbarSurface',
       };
     }
 
@@ -251,7 +295,7 @@ export class TablePresentation<T extends TableRow = TableRow> {
     if (!this.model.features.selection.enabled || this.model.selection.selectionMode === 'single') {
       return {
         [toPlaneCellIndex({ col: 0, row: 0 })]: {
-          className: '!bg-gridHeader',
+          className: '!bg-toolbarSurface',
           readonly: true,
           value: '',
         },
@@ -265,7 +309,7 @@ export class TablePresentation<T extends TableRow = TableRow> {
           header: true,
           checked: this.model.selection.allRowsSeleted.value,
         }),
-        className: '!bg-gridHeader',
+        className: '!bg-toolbarSurface',
         readonly: true,
         value: '',
       },
@@ -280,7 +324,7 @@ export class TablePresentation<T extends TableRow = TableRow> {
               disabled: (this.model.view?.fields?.length ?? 0) >= VIEW_FIELD_LIMIT,
             })
           : undefined,
-        className: '!bg-gridHeader',
+        className: '!bg-toolbarSurface',
         readonly: true,
         value: '',
       },

package/src/types/table.ts

@@ -2,20 +2,25 @@
 // Copyright 2024 DXOS.org
 //
 
-import { EchoObject, Expando, LabelAnnotationId, ObjectId, Ref, S } from '@dxos/echo-schema';
+import { Schema } from 'effect';
+
 // import { ThreadType } from '@dxos/plugin-space/types';
+import { ObjectId, Ref, Expando, EchoObject, LabelAnnotation } from '@dxos/echo-schema';
 import { ViewType } from '@dxos/schema';
 
-export const TableSchema = S.Struct({
+export const TableSchema = Schema.Struct({
   id: ObjectId,
-  name: S.optional(S.String),
-  view: S.optional(Ref(ViewType)),
+  name: Schema.optional(Schema.String),
+  view: Schema.optional(Ref(ViewType)),
   // TODO(burdon): Document why threads is included here?
-  threads: S.optional(S.Array(Ref(Expando /* ThreadType */))),
-}).annotations({
-  // TODO(burdon): Move annotation to property.
-  [LabelAnnotationId]: 'name',
-});
+  threads: Schema.optional(Schema.Array(Ref(Expando /* ThreadType */))),
+}).pipe(LabelAnnotation.set(['name']));
 
-export const TableType = TableSchema.pipe(EchoObject({ typename: 'dxos.org/type/Table', version: '0.1.0' }));
-export interface TableType extends S.Schema.Type<typeof TableType> {}
+// TODO(burdon): Move out of react-ui-xxx.
+export const TableType = TableSchema.pipe(
+  EchoObject({
+    typename: 'dxos.org/type/Table',
+    version: '0.1.0',
+  }),
+);
+export interface TableType extends Schema.Schema.Type<typeof TableType> {}

package/src/util/dynamic-table.ts

@@ -2,8 +2,11 @@
 // Copyright 2025 DXOS.org
 //
 
-import type { BaseSchema, JsonSchemaType, SortDirectionType } from '@dxos/echo-schema';
-import { create, makeRef } from '@dxos/live-object';
+import { type Schema } from 'effect';
+
+import { getTypename, toJsonSchema } from '@dxos/echo-schema';
+import type { JsonSchemaType, SortDirectionType } from '@dxos/echo-schema';
+import { live, makeRef } from '@dxos/live-object';
 import {
   createView,
   getSchemaFromPropertyDefinitions,
@@ -27,7 +30,7 @@ export type TablePropertyDefinition = SchemaPropertyDefinition & Partial<Propert
  * @deprecated
  */
 // TODO(burdon): Remove variance.
-export const getBaseSchems = ({
+export const getBaseSchema = ({
   typename,
   properties,
   jsonSchema,
@@ -36,13 +39,13 @@ export const getBaseSchems = ({
   typename?: string;
   properties?: TablePropertyDefinition[];
   jsonSchema?: JsonSchemaType;
-  schema?: BaseSchema;
+  schema?: Schema.Schema.AnyNoContext;
 }): { typename: string; jsonSchema: JsonSchemaType } => {
   if (typename && properties) {
     const schema = getSchemaFromPropertyDefinitions(typename, properties);
     return { typename: schema.typename, jsonSchema: schema.jsonSchema };
   } else if (schema) {
-    return { typename: schema.typename, jsonSchema: schema.jsonSchema };
+    return { typename: getTypename(schema)!, jsonSchema: toJsonSchema(schema) };
   } else if (typename && jsonSchema) {
     return { typename, jsonSchema };
   } else {
@@ -66,7 +69,7 @@ export const makeDynamicTable = ({
     ...(properties && { fields: properties.map((property) => property.name) }),
   });
 
-  const table = create(TableType, { name: 'dynamic-table', view: makeRef(view) });
+  const table = live(TableType, { name: 'dynamic-table', view: makeRef(view) });
   const projection = new ViewProjection(jsonSchema, view);
   if (properties && view.fields) {
     setProperties(view, projection, properties);

package/src/util/index.ts

@@ -7,3 +7,4 @@ export * from './signals';
 export * from './table';
 export * from './table-buttons';
 export * from './table-controls';
+export * from './schema';

package/src/util/schema.ts

@@ -0,0 +1,36 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Schema } from 'effect';
+import { isTypeLiteral, TypeLiteral } from 'effect/SchemaAST';
+
+/**
+ * Creates a narrowed schema from an original schema that only includes
+ * the specified paths. This allows form components to only display
+ * and edit/validate specific fields rather than the entire object.
+ *
+ * @param schema The original schema to narrow
+ * @param paths Array of field paths to extract
+ * @returns A narrowed Schema instance containing only the properties at the specified paths
+ */
+export const narrowSchema = <S extends Schema.Schema.AnyNoContext>(
+  schema: S,
+  paths: string[],
+): Schema.Schema<unknown, unknown> | undefined => {
+  const ast = (schema as any)?.ast;
+
+  if (isTypeLiteral(ast)) {
+    // Filter property signatures that match any of the provided paths
+    const propertySignatures = ast.propertySignatures.filter((signature) => paths.includes(signature.name.toString()));
+
+    // If we found at least one matching property
+    if (propertySignatures.length > 0) {
+      // Create a new TypeLiteral with only the matching properties
+      const narrowType = new TypeLiteral(propertySignatures, []);
+      return Schema.make(narrowType);
+    }
+  }
+
+  return undefined;
+};

package/src/util/table-buttons.ts

@@ -15,7 +15,6 @@ export const BUTTON_IDENTIFIERS: { [K in TableButton]: string } = {
 type ButtonData =
   | { type: 'columnSettings'; fieldId: string }
   | { type: 'newColumn'; disabled?: boolean }
-  | { type: 'referencedCell'; schemaId: string; targetId: string }
   | { type: 'rowMenu'; rowIndex: number }
   | { type: 'sort'; fieldId: string; direction?: 'asc' | 'desc' };
 
@@ -39,7 +38,7 @@ const createButton = ({
     .join(' ');
 
   const positionClass = type === 'primary' ? 'inline-end-2' : 'inline-end-9';
-  return `<button ${attr} data-testid="${testId}" class="dx-button is-6 pli-0.5 min-bs-0 absolute inset-block-1 ${positionClass}" ${dataAttrs} ${disabled ? 'disabled' : ''}><svg><use href="/icons.svg#${icon}"/></svg></button>`;
+  return `<button ${attr} data-testid="${testId}" class="dx-button is-6 pli-0.5 min-bs-0 absolute inset-block-1 ${positionClass}" ${dataAttrs} ${disabled ? 'disabled' : ''}><svg data-size="4"><use href="/icons.svg#${icon}"/></svg></button>`;
 };
 
 const addColumnButton = {
@@ -76,27 +75,6 @@ const columnSettingsButton = {
   }),
 } as const;
 
-const referencedCellButton = {
-  attr: BUTTON_IDENTIFIERS.referencedCell,
-  icon: 'ph--link-simple-horizontal--regular',
-  render: ({ targetId, schemaId }: Omit<Extract<ButtonData, { type: 'referencedCell' }>, 'type'>) => {
-    return createButton({
-      attr: BUTTON_IDENTIFIERS.referencedCell,
-      icon: referencedCellButton.icon,
-      data: {
-        'data-target-id': targetId,
-        'data-schema-id': schemaId,
-      },
-      testId: 'table-ref-cell-button',
-    });
-  },
-  getData: (el: HTMLElement): Extract<ButtonData, { type: 'referencedCell' }> => ({
-    type: 'referencedCell',
-    targetId: el.getAttribute('data-target-id')!,
-    schemaId: el.getAttribute('data-schema-id')!,
-  }),
-} as const;
-
 const rowMenuButton = {
   attr: BUTTON_IDENTIFIERS.rowMenu,
   icon: 'ph--dots-three--regular',
@@ -143,7 +121,6 @@ const sortButton = {
 export const tableButtons = {
   addColumn: addColumnButton,
   columnSettings: columnSettingsButton,
-  referencedCell: referencedCellButton,
   rowMenu: rowMenuButton,
   sort: sortButton,
 } as const;

package/src/util/table.ts

@@ -2,19 +2,20 @@
 // Copyright 2024 DXOS.org
 //
 
+import { Schema } from 'effect';
+
 import {
-  AST,
   type EchoSchema,
   Format,
   FormatEnum,
   type JsonPath,
   type JsonProp,
-  S,
+  Ref,
   TypedObject,
   TypeEnum,
 } from '@dxos/echo-schema';
 import { type Client, PublicKey } from '@dxos/react-client';
-import { create, makeRef, type Space } from '@dxos/react-client/echo';
+import { live, type Space } from '@dxos/react-client/echo';
 import { createFieldId, createView, getSchemaProperties, ViewProjection, type ViewType } from '@dxos/schema';
 
 import { type TableType } from '../types';
@@ -34,20 +35,16 @@ export const initializeTable = async ({
   table,
   typename,
   initialRow = true,
-}: InitialiseTableProps): Promise<S.Schema.AnyNoContext> => {
+}: InitialiseTableProps): Promise<Schema.Schema.AnyNoContext> => {
   if (typename) {
     const schema = await space.db.graph.getSchemaByTypename(typename, space.db);
     if (!schema) {
       throw new Error(`Schema not found: ${typename}`);
     }
 
-    // We need to get the schema properties here.
-    // For now, only simple types and refs, not compound types are going to be supported.
-    const fields = getSchemaProperties(schema.ast)
-      .filter((prop) => prop.format !== FormatEnum.Ref)
-      .map((prop) => prop.name);
+    const fields = getSchemaProperties(schema.ast).map((prop) => prop.name);
 
-    table.view = makeRef(
+    table.view = Ref.make(
       createView({
         // TODO(ZaymonFC): Don't hardcode name?
         name: 'View',
@@ -62,7 +59,7 @@ export const initializeTable = async ({
     const [schema] = await space.db.schemaRegistry.register([ContactSchema]);
     const fields = ContactFields;
 
-    table.view = makeRef(
+    table.view = Ref.make(
       createView({
         name: 'View',
         typename: schema.typename,
@@ -75,7 +72,7 @@ export const initializeTable = async ({
 
     if (initialRow) {
       // TODO(burdon): Last (first) row should not be in db and should be managed by the model.
-      space.db.add(create(schema, {}));
+      space.db.add(live(schema, {}));
     }
 
     return schema;
@@ -86,10 +83,10 @@ const ContactSchema = TypedObject({
   typename: `example.com/type/${PublicKey.random().truncate()}`,
   version: '0.1.0',
 })({
-  name: S.optional(S.String).annotations({ [AST.TitleAnnotationId]: 'Name' }),
-  active: S.optional(S.Boolean),
-  email: S.optional(Format.Email),
-  salary: S.optional(Format.Currency()).annotations({ [AST.TitleAnnotationId]: 'Salary' }),
+  name: Schema.optional(Schema.String).annotations({ title: 'Name' }),
+  active: Schema.optional(Schema.Boolean),
+  email: Schema.optional(Format.Email),
+  salary: Schema.optional(Format.Currency()).annotations({ title: 'Salary' }),
 });
 
 const ContactFields = ['name', 'email', 'salary', 'active'];

package/src/util/tag.ts

@@ -0,0 +1,33 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+// TODO(ZaymonFC): Push this into the tag picker module.
+
+/**
+ * Regex pattern for matching tags in the format [Label](id)
+ */
+export const TAG_PATTERN_REGEX = /\[([^\]]+)\]\(([^)]+)\)/g;
+
+/**
+ * Extracts tag IDs from a string in the format [Label](id)
+ * @param value The string to extract IDs from
+ * @returns Array of extracted IDs or undefined if no matches or value is not a string
+ */
+export const extractTagIds = (value: unknown): string[] | undefined => {
+  if (typeof value !== 'string') {
+    return undefined;
+  }
+
+  const ids: string[] = [];
+  let match;
+
+  // Use the global regex to find all matches
+  while ((match = TAG_PATTERN_REGEX.exec(value)) !== null) {
+    if (match[2]) {
+      ids.push(match[2]);
+    }
+  }
+
+  return ids.length > 0 ? ids : undefined;
+};

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

@@ -1,26 +0,0 @@
-// packages/ui/react-ui-table/src/types/table.ts
-import { EchoObject, Expando, LabelAnnotationId, ObjectId, Ref, S } from "@dxos/echo-schema";
-import { ViewType } from "@dxos/schema";
-var TableSchema = S.Struct({
-  id: ObjectId,
-  name: S.optional(S.String),
-  view: S.optional(Ref(ViewType)),
-  // TODO(burdon): Document why threads is included here?
-  threads: S.optional(S.Array(Ref(
-    Expando
-    /* ThreadType */
-  )))
-}).annotations({
-  // TODO(burdon): Move annotation to property.
-  [LabelAnnotationId]: "name"
-});
-var TableType = TableSchema.pipe(EchoObject({
-  typename: "dxos.org/type/Table",
-  version: "0.1.0"
-}));
-
-export {
-  TableSchema,
-  TableType
-};
-//# sourceMappingURL=chunk-YWNRUF4J.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/table.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { EchoObject, Expando, LabelAnnotationId, ObjectId, Ref, S } from '@dxos/echo-schema';\n// import { ThreadType } from '@dxos/plugin-space/types';\nimport { ViewType } from '@dxos/schema';\n\nexport const TableSchema = S.Struct({\n  id: ObjectId,\n  name: S.optional(S.String),\n  view: S.optional(Ref(ViewType)),\n  // TODO(burdon): Document why threads is included here?\n  threads: S.optional(S.Array(Ref(Expando /* ThreadType */))),\n}).annotations({\n  // TODO(burdon): Move annotation to property.\n  [LabelAnnotationId]: 'name',\n});\n\nexport const TableType = TableSchema.pipe(EchoObject({ typename: 'dxos.org/type/Table', version: '0.1.0' }));\nexport interface TableType extends S.Schema.Type<typeof TableType> {}\n"],
-  "mappings": ";AAIA,SAASA,YAAYC,SAASC,mBAAmBC,UAAUC,KAAKC,SAAS;AAEzE,SAASC,gBAAgB;AAElB,IAAMC,cAAcC,EAAEC,OAAO;EAClCC,IAAIC;EACJC,MAAMJ,EAAEK,SAASL,EAAEM,MAAM;EACzBC,MAAMP,EAAEK,SAASG,IAAIC,QAAAA,CAAAA;;EAErBC,SAASV,EAAEK,SAASL,EAAEW,MAAMH;IAAII;;EAAsB,CAAA,CAAA;AACxD,CAAA,EAAGC,YAAY;;EAEb,CAACC,iBAAAA,GAAoB;AACvB,CAAA;AAEO,IAAMC,YAAYhB,YAAYiB,KAAKC,WAAW;EAAEC,UAAU;EAAuBC,SAAS;AAAQ,CAAA,CAAA;",
-  "names": ["EchoObject", "Expando", "LabelAnnotationId", "ObjectId", "Ref", "S", "ViewType", "TableSchema", "S", "Struct", "id", "ObjectId", "name", "optional", "String", "view", "Ref", "ViewType", "threads", "Array", "Expando", "annotations", "LabelAnnotationId", "TableType", "pipe", "EchoObject", "typename", "version"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/table.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { EchoObject, Expando, LabelAnnotationId, ObjectId, Ref, S } from '@dxos/echo-schema';\n// import { ThreadType } from '@dxos/plugin-space/types';\nimport { ViewType } from '@dxos/schema';\n\nexport const TableSchema = S.Struct({\n  id: ObjectId,\n  name: S.optional(S.String),\n  view: S.optional(Ref(ViewType)),\n  // TODO(burdon): Document why threads is included here?\n  threads: S.optional(S.Array(Ref(Expando /* ThreadType */))),\n}).annotations({\n  // TODO(burdon): Move annotation to property.\n  [LabelAnnotationId]: 'name',\n});\n\nexport const TableType = TableSchema.pipe(EchoObject({ typename: 'dxos.org/type/Table', version: '0.1.0' }));\nexport interface TableType extends S.Schema.Type<typeof TableType> {}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAAyE;AAEzE,oBAAyB;AAElB,IAAMA,cAAcC,qBAAEC,OAAO;EAClCC,IAAIC;EACJC,MAAMJ,qBAAEK,SAASL,qBAAEM,MAAM;EACzBC,MAAMP,qBAAEK,aAASG,wBAAIC,sBAAAA,CAAAA;;EAErBC,SAASV,qBAAEK,SAASL,qBAAEW,UAAMH;IAAII;;EAAsB,CAAA,CAAA;AACxD,CAAA,EAAGC,YAAY;;EAEb,CAACC,oCAAAA,GAAoB;AACvB,CAAA;AAEO,IAAMC,YAAYhB,YAAYiB,SAAKC,+BAAW;EAAEC,UAAU;EAAuBC,SAAS;AAAQ,CAAA,CAAA;",
-  "names": ["TableSchema", "S", "Struct", "id", "ObjectId", "name", "optional", "String", "view", "Ref", "ViewType", "threads", "Array", "Expando", "annotations", "LabelAnnotationId", "TableType", "pipe", "EchoObject", "typename", "version"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/table.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { EchoObject, Expando, LabelAnnotationId, ObjectId, Ref, S } from '@dxos/echo-schema';\n// import { ThreadType } from '@dxos/plugin-space/types';\nimport { ViewType } from '@dxos/schema';\n\nexport const TableSchema = S.Struct({\n  id: ObjectId,\n  name: S.optional(S.String),\n  view: S.optional(Ref(ViewType)),\n  // TODO(burdon): Document why threads is included here?\n  threads: S.optional(S.Array(Ref(Expando /* ThreadType */))),\n}).annotations({\n  // TODO(burdon): Move annotation to property.\n  [LabelAnnotationId]: 'name',\n});\n\nexport const TableType = TableSchema.pipe(EchoObject({ typename: 'dxos.org/type/Table', version: '0.1.0' }));\nexport interface TableType extends S.Schema.Type<typeof TableType> {}\n"],
-  "mappings": ";;;AAIA,SAASA,YAAYC,SAASC,mBAAmBC,UAAUC,KAAKC,SAAS;AAEzE,SAASC,gBAAgB;AAElB,IAAMC,cAAcC,EAAEC,OAAO;EAClCC,IAAIC;EACJC,MAAMJ,EAAEK,SAASL,EAAEM,MAAM;EACzBC,MAAMP,EAAEK,SAASG,IAAIC,QAAAA,CAAAA;;EAErBC,SAASV,EAAEK,SAASL,EAAEW,MAAMH;IAAII;;EAAsB,CAAA,CAAA;AACxD,CAAA,EAAGC,YAAY;;EAEb,CAACC,iBAAAA,GAAoB;AACvB,CAAA;AAEO,IAAMC,YAAYhB,YAAYiB,KAAKC,WAAW;EAAEC,UAAU;EAAuBC,SAAS;AAAQ,CAAA,CAAA;",
-  "names": ["EchoObject", "Expando", "LabelAnnotationId", "ObjectId", "Ref", "S", "ViewType", "TableSchema", "S", "Struct", "id", "ObjectId", "name", "optional", "String", "view", "Ref", "ViewType", "threads", "Array", "Expando", "annotations", "LabelAnnotationId", "TableType", "pipe", "EchoObject", "typename", "version"]
-}

package/dist/types/src/components/Table/RefPanel.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type TableModel, type ModalController } from '../../model';
-type RefPanelProps = {
-    model: TableModel;
-    modals: ModalController;
-};
-export declare const RefPanel: ({ model, modals }: RefPanelProps) => React.JSX.Element | null;
-export {};
-//# sourceMappingURL=RefPanel.d.ts.map

package/dist/types/src/components/Table/RefPanel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RefPanel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/RefPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAEpE,KAAK,aAAa,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC;IAAC,MAAM,EAAE,eAAe,CAAA;CAAE,CAAC;AAUpE,eAAO,MAAM,QAAQ,sBAAuB,aAAa,6BA6BxD,CAAC"}

package/src/components/Table/RefPanel.tsx

@@ -1,52 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React from 'react';
-
-import { type Space } from '@dxos/react-client/echo';
-import { Popover } from '@dxos/react-ui';
-import { Form } from '@dxos/react-ui-form';
-
-import { type TableModel, type ModalController } from '../../model';
-
-type RefPanelProps = { model: TableModel; modals: ModalController };
-
-const getRefTargetObj = (space?: Space, id?: string) => {
-  if (space && id) {
-    return space?.db.getObjectById(id);
-  } else {
-    return undefined;
-  }
-};
-
-export const RefPanel = ({ model, modals }: RefPanelProps) => {
-  const state = modals.state.value;
-  const space = model?.space;
-  const targetObj = getRefTargetObj(space, state?.type === 'refPanel' ? state.targetId : undefined);
-  const schema = space && state?.type === 'refPanel' ? space.db.schemaRegistry.getSchema(state.typename) : undefined;
-
-  if (!model.view || !model.projection) {
-    return null;
-  }
-
-  return (
-    <Popover.Root
-      modal={false}
-      open={state?.type === 'refPanel' && !!targetObj && !!schema}
-      onOpenChange={(nextOpen) => {
-        if (!nextOpen) {
-          return modals.close();
-        }
-      }}
-    >
-      <Popover.VirtualTrigger virtualRef={modals.trigger} />
-      <Popover.Portal>
-        <Popover.Content classNames='md:is-64'>
-          {targetObj && schema && <Form readonly values={targetObj} schema={schema} />}
-          <Popover.Arrow />
-        </Popover.Content>
-      </Popover.Portal>
-    </Popover.Root>
-  );
-};