@dxos/react-ui-table 0.8.4-main.72ec0f3 → 0.8.4-main.7ace549

package/dist/lib/browser/chunk-5XWSB3JP.mjs

@@ -0,0 +1,71 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/types/Table.ts
+var Table_exports = {};
+__export(Table_exports, {
+  Table: () => Table,
+  TableV1: () => TableV1,
+  make: () => make
+});
+import * as Match from "effect/Match";
+import * as Schema from "effect/Schema";
+import { Obj, Ref, Type } from "@dxos/echo";
+import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
+import { View, ViewAnnotation, getSchemaProperties } from "@dxos/schema";
+var TableSchema = Schema.Struct({
+  name: Schema.String.pipe(Schema.optional),
+  view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),
+  sizes: Schema.Record({
+    // TODO(wittjosiah): Should be JsonPath.
+    key: Schema.String,
+    value: Schema.Number
+  }).pipe(Schema.mutable, FormInputAnnotation.set(false))
+}).pipe(Type.Obj({
+  typename: "dxos.org/type/Table",
+  version: "0.2.0"
+}), LabelAnnotation.set([
+  "name"
+]), ViewAnnotation.set(true));
+var Table = TableSchema;
+var make = ({ name, sizes = {}, view, jsonSchema }) => {
+  const table = Obj.make(Table, {
+    name,
+    view: Ref.make(view),
+    sizes
+  });
+  if (jsonSchema) {
+    const schema = Type.toEffectSchema(jsonSchema);
+    const properties = getSchemaProperties(schema.ast, {});
+    for (const property of properties) {
+      if (sizes?.[property.name]) {
+        table.sizes[property.name] = sizes[property.name];
+        continue;
+      }
+      Match.type().pipe(Match.when("boolean", () => {
+        table.sizes[property.name] = 100;
+      }), Match.when("number", () => {
+        table.sizes[property.name] = 100;
+      }), Match.orElse(() => {
+      }))(property.type);
+    }
+  }
+  return table;
+};
+var TableV1 = Schema.Struct({
+  sizes: Schema.Record({
+    key: Schema.String,
+    value: Schema.Number
+  }).pipe(Schema.mutable)
+}).pipe(Type.Obj({
+  typename: "dxos.org/type/Table",
+  version: "0.1.0"
+}));
+
+export {
+  Table_exports
+};
+//# sourceMappingURL=chunk-5XWSB3JP.mjs.map

package/dist/lib/browser/chunk-5XWSB3JP.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/Table.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Match from 'effect/Match';\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation, type JsonPath, type JsonSchemaType, LabelAnnotation } from '@dxos/echo/internal';\nimport { type SimpleType } from '@dxos/effect';\nimport { View, ViewAnnotation, getSchemaProperties } from '@dxos/schema';\n\nconst TableSchema = Schema.Struct({\n  name: Schema.String.pipe(Schema.optional),\n\n  view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),\n\n  sizes: Schema.Record({\n    // TODO(wittjosiah): Should be JsonPath.\n    key: Schema.String,\n    value: Schema.Number,\n  }).pipe(Schema.mutable, FormInputAnnotation.set(false)),\n}).pipe(\n  Type.Obj({\n    typename: 'dxos.org/type/Table',\n    version: '0.2.0',\n  }),\n  LabelAnnotation.set(['name']),\n  ViewAnnotation.set(true),\n);\n\nexport interface Table extends Schema.Schema.Type<typeof TableSchema> {}\nexport interface TableEncoded extends Schema.Schema.Encoded<typeof TableSchema> {}\nexport const Table: Schema.Schema<Table, TableEncoded> = TableSchema;\n\ntype MakeProps = Omit<Partial<Obj.MakeProps<typeof Table>>, 'view'> & {\n  view: View.View;\n  /** Required to auto-size columns. */\n  jsonSchema?: JsonSchemaType;\n};\n\n/**\n * Make a table as a view of a data set.\n */\nexport const make = ({ name, sizes = {}, view, jsonSchema }: MakeProps): Table => {\n  const table = Obj.make(Table, { name, view: Ref.make(view), sizes });\n\n  // Preset sizes.\n  if (jsonSchema) {\n    const schema = Type.toEffectSchema(jsonSchema);\n    const properties = getSchemaProperties(schema.ast, {});\n    for (const property of properties) {\n      if (sizes?.[property.name]) {\n        table.sizes[property.name] = sizes[property.name];\n        continue;\n      }\n\n      Match.type<SimpleType>().pipe(\n        Match.when('boolean', () => {\n          table.sizes[property.name as JsonPath] = 100;\n        }),\n        Match.when('number', () => {\n          table.sizes[property.name as JsonPath] = 100;\n        }),\n        Match.orElse(() => {\n          // Noop.\n        }),\n      )(property.type);\n    }\n  }\n\n  return table;\n};\n\n//\n// V1\n//\n\nexport const TableV1 = Schema.Struct({\n  sizes: Schema.Record({\n    key: Schema.String,\n    value: Schema.Number,\n  }).pipe(Schema.mutable),\n}).pipe(\n  Type.Obj({\n    typename: 'dxos.org/type/Table',\n    version: '0.1.0',\n  }),\n);\n"],
+  "mappings": ";;;;;;;AAAA;;;;;;AAIA,YAAYA,WAAW;AACvB,YAAYC,YAAY;AAExB,SAASC,KAAKC,KAAKC,YAAY;AAC/B,SAASC,qBAAyDC,uBAAuB;AAEzF,SAASC,MAAMC,gBAAgBC,2BAA2B;AAE1D,IAAMC,cAAqBC,cAAO;EAChCC,MAAaC,cAAOC,KAAYC,eAAQ;EAExCC,MAAMC,KAAKC,IAAIC,KAAKA,IAAI,EAAEL,KAAKM,oBAAoBC,IAAI,KAAA,CAAA;EAEvDC,OAAcC,cAAO;;IAEnBC,KAAYX;IACZY,OAAcC;EAChB,CAAA,EAAGZ,KAAYa,gBAASP,oBAAoBC,IAAI,KAAA,CAAA;AAClD,CAAA,EAAGP,KACDG,KAAKW,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBV,IAAI;EAAC;CAAO,GAC5BW,eAAeX,IAAI,IAAA,CAAA;AAKd,IAAMY,QAA4CvB;AAWlD,IAAMwB,OAAO,CAAC,EAAEtB,MAAMU,QAAQ,CAAC,GAAGN,MAAMmB,WAAU,MAAa;AACpE,QAAMC,QAAQR,IAAIM,KAAKD,OAAO;IAAErB;IAAMI,MAAME,IAAIgB,KAAKlB,IAAAA;IAAOM;EAAM,CAAA;AAGlE,MAAIa,YAAY;AACd,UAAME,SAASpB,KAAKqB,eAAeH,UAAAA;AACnC,UAAMI,aAAaC,oBAAoBH,OAAOI,KAAK,CAAC,CAAA;AACpD,eAAWC,YAAYH,YAAY;AACjC,UAAIjB,QAAQoB,SAAS9B,IAAI,GAAG;AAC1BwB,cAAMd,MAAMoB,SAAS9B,IAAI,IAAIU,MAAMoB,SAAS9B,IAAI;AAChD;MACF;AAEA+B,MAAMC,WAAI,EAAe9B,KACjB+B,WAAK,WAAW,MAAA;AACpBT,cAAMd,MAAMoB,SAAS9B,IAAI,IAAgB;MAC3C,CAAA,GACMiC,WAAK,UAAU,MAAA;AACnBT,cAAMd,MAAMoB,SAAS9B,IAAI,IAAgB;MAC3C,CAAA,GACMkC,aAAO,MAAA;MAEb,CAAA,CAAA,EACAJ,SAASE,IAAI;IACjB;EACF;AAEA,SAAOR;AACT;AAMO,IAAMW,UAAiBpC,cAAO;EACnCW,OAAcC,cAAO;IACnBC,KAAYX;IACZY,OAAcC;EAChB,CAAA,EAAGZ,KAAYa,cAAO;AACxB,CAAA,EAAGb,KACDG,KAAKW,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,CAAA;",
+  "names": ["Match", "Schema", "Obj", "Ref", "Type", "FormInputAnnotation", "LabelAnnotation", "View", "ViewAnnotation", "getSchemaProperties", "TableSchema", "Struct", "name", "String", "pipe", "optional", "view", "Type", "Ref", "View", "FormInputAnnotation", "set", "sizes", "Record", "key", "value", "Number", "mutable", "Obj", "typename", "version", "LabelAnnotation", "ViewAnnotation", "Table", "make", "jsonSchema", "table", "schema", "toEffectSchema", "properties", "getSchemaProperties", "ast", "property", "Match", "type", "when", "orElse", "TableV1"]
+}

package/dist/lib/browser/{chunk-GS2UNGJK.mjs → chunk-KNC7XYT6.mjs}

@@ -1,10 +1,9 @@
 import {
-  schema_exports
-} from "./chunk-2PFAPQL4.mjs";
+  Table_exports
+} from "./chunk-5XWSB3JP.mjs";
 
 // src/util/dynamic-table.ts
-import { Filter, Obj, Query } from "@dxos/echo";
-import { getTypename, toJsonSchema } from "@dxos/echo/internal";
+import { Filter, Obj, Query, Ref, Type } from "@dxos/echo";
 import { ProjectionModel, View, getSchemaFromPropertyDefinitions } from "@dxos/schema";
 var getBaseSchema = ({ typename, properties, jsonSchema, schema }) => {
   if (typename && properties) {
@@ -15,8 +14,8 @@ var getBaseSchema = ({ typename, properties, jsonSchema, schema }) => {
     };
   } else if (schema) {
     return {
-      typename: getTypename(schema),
-      jsonSchema: toJsonSchema(schema)
+      typename: Type.getTypename(schema),
+      jsonSchema: Type.toJsonSchema(schema)
     };
   } else if (typename && jsonSchema) {
     return {
@@ -28,25 +27,25 @@ var getBaseSchema = ({ typename, properties, jsonSchema, schema }) => {
   }
 };
 var makeDynamicTable = ({ jsonSchema, properties }) => {
-  const table = Obj.make(schema_exports.Table, {
-    sizes: {}
-  });
   const view = View.make({
     query: Query.select(Filter.everything()),
     jsonSchema,
-    presentation: table,
     ...properties && {
       fields: properties.map((property) => property.name)
     }
   });
+  const object = Obj.make(Table_exports.Table, {
+    view: Ref.make(view),
+    sizes: {}
+  });
   const projection = new ProjectionModel(jsonSchema, view.projection);
   projection.normalizeView();
   if (properties && projection.fields) {
-    setProperties(view, projection, table, properties);
+    setProperties(view, projection, object, properties);
   }
   return {
     projection,
-    view
+    object
   };
 };
 var setProperties = (view, projection, table, properties) => {
@@ -273,13 +272,13 @@ var narrowSchema = (schema, paths) => {
 // src/model/table-model.ts
 import { computed as computed3, effect as effect2, signal as signal3 } from "@preact/signals-core";
 import { Resource as Resource2 } from "@dxos/context";
-import { Obj as Obj2, Ref } from "@dxos/echo";
-import { FormatEnum as FormatEnum2, getSchema, getValue as getValue2, setValue, toEffectSchema } from "@dxos/echo/internal";
+import { Format as Format2, Obj as Obj2, Ref as Ref2 } from "@dxos/echo";
+import { getValue as getValue2, setValue, toEffectSchema } from "@dxos/echo/internal";
 import { invariant } from "@dxos/invariant";
 import { ObjectId } from "@dxos/keys";
 import { getSnapshot, isLiveObject } from "@dxos/live-object";
 import { formatForEditing, parseValue } from "@dxos/react-ui-form";
-import { ProjectionModel as ProjectionModel2, validateSchema } from "@dxos/schema";
+import { validateSchema } from "@dxos/schema";
 
 // src/util/tag.ts
 var TAG_PATTERN_REGEX = /\[([^\]]+)\]\(([^)]+)\)/g;
@@ -394,23 +393,23 @@ var SelectionModel = class extends Resource {
 // src/model/table-sorting.ts
 import { computed as computed2, signal as signal2 } from "@preact/signals-core";
 import orderBy from "lodash.orderby";
-import { FormatEnum, TypeEnum, getValue } from "@dxos/echo/internal";
+import { Format, TypeEnum, getValue } from "@dxos/echo/internal";
 import { formatForDisplay } from "@dxos/react-ui-form";
 var TableSorting = class {
-  _view;
-  _projection;
   _displayToDataIndex = /* @__PURE__ */ new Map();
   _rows;
+  _getView;
+  _projection;
   _localSort = signal2(void 0);
   _isDirty;
   sortedRows;
-  constructor(rows, _view, _projection) {
-    this._view = _view;
-    this._projection = _projection;
+  constructor({ rows, projection, getView }) {
     this._rows = rows;
+    this._getView = getView;
+    this._projection = projection;
     this._isDirty = computed2(() => {
       const local = this._localSort.value;
-      const viewSort = this._view.sort?.[0];
+      const viewSort = this._getView().sort?.[0];
       if (local?.type === "cleared") {
         return viewSort !== void 0;
       }
@@ -436,7 +435,7 @@ var TableSorting = class {
     if (local?.type === "active") {
       return local.sort;
     }
-    return this._view.sort?.[0];
+    return this._getView().sort?.[0];
   }
   /**
   * @reactive
@@ -479,12 +478,13 @@ var TableSorting = class {
   }
   save() {
     if (this._localSort.value !== void 0) {
+      const view = this._getView();
       if (this._localSort.value.type === "active") {
-        this._view.sort = [
+        view.sort = [
           this._localSort.value.sort
         ];
       } else {
-        this._view.sort = [];
+        view.sort = [];
       }
       this._localSort.value = void 0;
     }
@@ -541,7 +541,7 @@ var TableSorting = class {
     if (value == null) {
       return value;
     }
-    if (format === FormatEnum.SingleSelect) {
+    if (format === Format.TypeFormat.SingleSelect) {
       const options = props.options;
       if (!options) {
         return void 0;
@@ -549,7 +549,7 @@ var TableSorting = class {
       const option = options.find((option2) => option2.id === value);
       return option ? options.indexOf(option) : void 0;
     }
-    if (format === FormatEnum.Ref && field.referencePath) {
+    if (format === Format.TypeFormat.Ref && field.referencePath) {
       const refValue = getValue(value.target, field.referencePath);
       return refValue;
     }
@@ -572,9 +572,8 @@ var defaultFeatures = {
   schemaEditable: false
 };
 var TableModel = class extends Resource2 {
-  _view;
+  _object;
   _projection;
-  _table;
   _visibleRange = signal3({
     start: {
       row: 0,
@@ -599,13 +598,13 @@ var TableModel = class extends Resource2 {
   _pinnedRows;
   _selection;
   _columnMeta;
-  constructor({ view, schema, projection, features = {}, sorting = [], initialSelection = [], pinnedRows = {
+  constructor({ object, projection, features = {}, sorting = [], initialSelection = [], pinnedRows = {
     top: [],
     bottom: []
   }, rowActions = [], onCellUpdate, onDeleteColumn, onDeleteRows, onInsertRow, onRowOrderChange, onRowAction }) {
     super();
-    this._view = view;
-    this._projection = projection ?? new ProjectionModel2(schema, view.projection);
+    this._object = object;
+    this._projection = projection;
     this._projection.normalizeView();
     this._features = {
       ...defaultFeatures,
@@ -613,14 +612,18 @@ var TableModel = class extends Resource2 {
     };
     invariant(!(this._features.dataEditable && this._features.selection.enabled && this._features.selection.mode === "single"), "Single selection is not compatible with editable tables.", {
       F: __dxlog_file,
-      L: 148,
+      L: 137,
       S: this,
       A: [
         "!(this._features.dataEditable && this._features.selection.enabled && this._features.selection.mode === 'single')",
         "'Single selection is not compatible with editable tables.'"
       ]
     });
-    this._sorting = new TableSorting(this._rows, this._view, this._projection);
+    this._sorting = new TableSorting({
+      rows: this._rows,
+      getView: () => this.view,
+      projection: this._projection
+    });
     if (sorting.length > 0) {
       const [sort] = sorting;
       this._sorting.setSort(sort.fieldId, sort.direction);
@@ -636,22 +639,23 @@ var TableModel = class extends Resource2 {
     this._onRowAction = onRowAction;
   }
   get id() {
-    return Obj2.getDXN(this._view).toString();
+    return Obj2.getDXN(this._object).toString();
   }
   get view() {
-    return this._view;
-  }
-  get table() {
-    invariant(this._table, "Model not initialized", {
+    const view = this._object.view.target;
+    invariant(view, "Table model not initialized", {
       F: __dxlog_file,
-      L: 186,
+      L: 176,
       S: this,
       A: [
-        "this._table",
-        "'Model not initialized'"
+        "view",
+        "'Table model not initialized'"
       ]
     });
-    return this._table;
+    return view;
+  }
+  get table() {
+    return this._object;
   }
   get projection() {
     return this._projection;
@@ -683,7 +687,7 @@ var TableModel = class extends Resource2 {
   get columnMeta() {
     invariant(this._columnMeta, void 0, {
       F: __dxlog_file,
-      L: 225,
+      L: 219,
       S: this,
       A: [
         "this._columnMeta",
@@ -706,17 +710,7 @@ var TableModel = class extends Resource2 {
   // Initialisation
   //
   async _open() {
-    const presentation = this._view.presentation.target ?? await this._view.presentation.load();
-    invariant(Obj2.instanceOf(schema_exports.Table, presentation), void 0, {
-      F: __dxlog_file,
-      L: 248,
-      S: this,
-      A: [
-        "Obj.instanceOf(Table.Table, presentation)",
-        ""
-      ]
-    });
-    this._table = presentation;
+    await this._object.view.load();
     this.initializeColumnMeta();
     this.initializeEffects();
     await this._selection.open(this._ctx);
@@ -913,7 +907,7 @@ var TableModel = class extends Resource2 {
     }
     const { props } = this._projection.getFieldProjection(field.id);
     switch (props.format) {
-      case FormatEnum2.Ref: {
+      case Format2.TypeFormat.Ref: {
         if (!field.referencePath) {
           return "";
         }
@@ -971,7 +965,7 @@ var TableModel = class extends Resource2 {
       const currentRow = this._rows.value[rowIdx];
       invariant(currentRow, "Invalid row index", {
         F: __dxlog_file,
-        L: 525,
+        L: 516,
         S: this,
         A: [
           "currentRow",
@@ -980,10 +974,10 @@ var TableModel = class extends Resource2 {
       });
       const snapshot = getSnapshot(currentRow);
       setValue(snapshot, field.path, transformedValue);
-      const schema = getSchema(currentRow);
+      const schema = Obj2.getSchema(currentRow);
       invariant(schema, void 0, {
         F: __dxlog_file,
-        L: 531,
+        L: 522,
         S: this,
         A: [
           "schema",
@@ -995,7 +989,7 @@ var TableModel = class extends Resource2 {
         const error = validationResult[0];
         invariant(error.path === field.path, void 0, {
           F: __dxlog_file,
-          L: 536,
+          L: 527,
           S: this,
           A: [
             "error.path === field.path",
@@ -1021,7 +1015,7 @@ var TableModel = class extends Resource2 {
     const field = fields[col];
     const { props } = this._projection.getFieldProjection(field.id);
     const transformedValue = editorTextToCellValue(props, value);
-    if (props.format === FormatEnum2.Ref && !isLiveObject(value)) {
+    if (props.format === Format2.TypeFormat.Ref && !isLiveObject(value)) {
       return;
     }
     if (plane === "frozenRowsEnd") {
@@ -1117,14 +1111,14 @@ var TableModel = class extends Resource2 {
 };
 var editorTextToCellValue = (props, value) => {
   switch (props.format) {
-    case FormatEnum2.Ref: {
+    case Format2.TypeFormat.Ref: {
       if (isLiveObject(value)) {
-        return Ref.make(value);
+        return Ref2.make(value);
       } else {
         return value;
       }
     }
-    case FormatEnum2.SingleSelect: {
+    case Format2.TypeFormat.SingleSelect: {
       const ids = extractTagIds(value);
       if (ids && ids.length > 0) {
         return ids[0];
@@ -1132,7 +1126,7 @@ var editorTextToCellValue = (props, value) => {
         return value;
       }
     }
-    case FormatEnum2.MultiSelect: {
+    case Format2.TypeFormat.MultiSelect: {
       const ids = extractTagIds(value);
       return ids || value;
     }
@@ -1216,7 +1210,7 @@ var ModalController = class {
 import { signal as signal5 } from "@preact/signals-core";
 import * as Predicate from "effect/Predicate";
 import { Obj as Obj3 } from "@dxos/echo";
-import { FormatEnum as FormatEnum3, TypeEnum as TypeEnum2, getValue as getValue3 } from "@dxos/echo/internal";
+import { Format as Format3, TypeEnum as TypeEnum2, getValue as getValue3 } from "@dxos/echo/internal";
 import { cellClassesForFieldType, formatForDisplay as formatForDisplay2 } from "@dxos/react-ui-form";
 import { toPlaneCellIndex } from "@dxos/react-ui-grid";
 import { mx } from "@dxos/react-ui-theme";
@@ -1303,12 +1297,12 @@ var TablePresentation = class {
           return "";
         }
         switch (props.format) {
-          case FormatEnum3.Boolean:
-          case FormatEnum3.SingleSelect:
-          case FormatEnum3.MultiSelect: {
+          case Format3.TypeFormat.Boolean:
+          case Format3.TypeFormat.SingleSelect:
+          case Format3.TypeFormat.MultiSelect: {
             return "";
           }
-          case FormatEnum3.Ref: {
+          case Format3.TypeFormat.Ref: {
             if (!field.referencePath) {
               return "";
             }
@@ -1361,14 +1355,14 @@ var TablePresentation = class {
         cell.accessoryHtml = `<div role='none' class="flex flex-row gap-1 overflow-x-auto">${tags}</div>`;
       }
     }
-    if (props.format === FormatEnum3.Ref && props.referenceSchema) {
+    if (props.format === Format3.TypeFormat.Ref && props.referenceSchema) {
       const targetObj = getValue3(obj, field.path)?.target;
       if (targetObj) {
         const dxn = Obj3.getDXN(targetObj)?.toString();
         cell.accessoryHtml = `<div role="none" class="absolute inline-end-0 inset-block-0 p-[--dx-grid-cell-content-padding-block]"><dx-anchor refId=${dxn} class="dx-button is-6 aspect-square min-bs-0" data-dx-grid-action="accessory"><dx-icon icon="ph--link-simple--regular"/></dx-anchor></div>`;
       }
     }
-    if (props.format === FormatEnum3.Boolean) {
+    if (props.format === Format3.TypeFormat.Boolean) {
       const value = getValue3(obj, field.path);
       cell.accessoryHtml = tableControls.switch.render({
         colIndex,
@@ -1377,7 +1371,7 @@ var TablePresentation = class {
       });
       cell.readonly = "no-text-select";
     }
-    if (props.format === FormatEnum3.SingleSelect) {
+    if (props.format === Format3.TypeFormat.SingleSelect) {
       const value = getValue3(obj, field.path);
       const options = this.model.projection.getFieldProjection(field.id).props.options;
       if (options) {
@@ -1387,7 +1381,7 @@ var TablePresentation = class {
         }
       }
     }
-    if (props.format === FormatEnum3.MultiSelect) {
+    if (props.format === Format3.TypeFormat.MultiSelect) {
       const values = getValue3(obj, field.path);
       const options = this.model.projection.getFieldProjection(field.id).props.options;
       if (options && values && values.length > 0) {
@@ -1646,31 +1640,65 @@ var cellClassesForRowSelection = (selected, selectionMode) => {
   }
 };
 
+// src/hooks/useAddRow.ts
+import { useCallback } from "react";
+import { Obj as Obj4 } from "@dxos/echo";
+var useAddRow = ({ space, schema }) => {
+  return useCallback((data) => {
+    if (space && schema) {
+      try {
+        space.db.add(Obj4.make(schema, data ?? {}));
+        return "final";
+      } catch (error) {
+        return "draft";
+      }
+    }
+    return "final";
+  }, [
+    space,
+    schema
+  ]);
+};
+
+// src/hooks/useProjectionModel.ts
+import { useMemo } from "react";
+import { Type as Type2 } from "@dxos/echo";
+import { ProjectionModel as ProjectionModel2 } from "@dxos/schema";
+var useProjectionModel = (schema, table) => useMemo(() => {
+  if (schema && table?.view.target?.projection) {
+    const projection = new ProjectionModel2(Type2.toJsonSchema(schema), table.view.target.projection);
+    projection.normalizeView();
+    return projection;
+  }
+}, [
+  schema,
+  table?.view.target?.projection
+]);
+
 // src/hooks/useTableModel.ts
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import { effect as effect3 } from "@preact/signals-core";
 import orderBy2 from "lodash.orderby";
-import { useEffect, useMemo, useState } from "react";
-import { Obj as Obj4 } from "@dxos/echo";
+import { useEffect, useMemo as useMemo2, useState } from "react";
+import { Obj as Obj5 } from "@dxos/echo";
 import { useSelected, useSelectionActions } from "@dxos/react-ui-attention";
 import { isNonNullable } from "@dxos/util";
-var useTableModel = ({ view, schema, projection, rows, rowActions, features, onSelectionChanged, onRowAction, ...props }) => {
+var useTableModel = ({ object, projection, rows, rowActions, features, onSelectionChanged, onRowAction, ...props }) => {
   var _effect = _useSignals();
   try {
-    const selected = useSelected(view && Obj4.getDXN(view).toString(), "multi");
-    const initialSelection = useMemo(() => selected, [
-      view
+    const selected = useSelected(object && Obj5.getDXN(object).toString(), "multi");
+    const initialSelection = useMemo2(() => selected, [
+      object
     ]);
     const [model, setModel] = useState();
     useEffect(() => {
-      if (!view || !schema) {
+      if (!object || !projection) {
         return;
       }
       let model2;
       const t = setTimeout(async () => {
         model2 = new TableModel({
-          view,
-          schema,
+          object,
           projection,
           features,
           rowActions,
@@ -1686,8 +1714,7 @@ var useTableModel = ({ view, schema, projection, rows, rowActions, features, onS
         void model2?.close();
       };
     }, [
-      view,
-      schema,
+      object,
       projection,
       features,
       rowActions,
@@ -1734,26 +1761,6 @@ var useTableModel = ({ view, schema, projection, rows, rowActions, features, onS
   }
 };
 
-// src/hooks/useAddRow.ts
-import { useCallback } from "react";
-import { Obj as Obj5 } from "@dxos/echo";
-var useAddRow = ({ space, schema }) => {
-  return useCallback((data) => {
-    if (space && schema) {
-      try {
-        space.db.add(Obj5.make(schema, data ?? {}));
-        return "final";
-      } catch (error) {
-        return "draft";
-      }
-    }
-    return "final";
-  }, [
-    space,
-    schema
-  ]);
-};
-
 export {
   getBaseSchema,
   makeDynamicTable,
@@ -1769,7 +1776,8 @@ export {
   ModalController,
   TablePresentation,
   cellClassesForRowSelection,
-  useTableModel,
-  useAddRow
+  useAddRow,
+  useProjectionModel,
+  useTableModel
 };
-//# sourceMappingURL=chunk-GS2UNGJK.mjs.map
+//# sourceMappingURL=chunk-KNC7XYT6.mjs.map