@dxos/react-ui-table 0.8.1-staging.5be625a → 0.8.1-staging.9eaf14f

package/dist/types/src/model/table-presentation.d.ts

@@ -1,13 +1,12 @@
 import { type DxGridPlane, type DxGridPlaneCells, type DxGridPlaneRange } from '@dxos/react-ui-grid';
-import { type BaseTableRow, type TableModel } from './table-model';
+import { type SelectionMode } from './selection-model';
+import { type TableRow, type TableModel } from './table-model';
 /**
  * Presentation layer for a table component, handling cell rendering and grid display logic.
  * Manages rendering of table cells, headers, selection columns, and action columns across
  * different grid planes.
  */
-export declare class TablePresentation<T extends BaseTableRow = {
-    id: string;
-}> {
+export declare class TablePresentation<T extends TableRow = TableRow> {
     private readonly model;
     private readonly _visibleRange;
     constructor(model: TableModel<T>, _visibleRange?: import("@preact/signals-core").Signal<DxGridPlaneRange>);
@@ -19,4 +18,5 @@ export declare class TablePresentation<T extends BaseTableRow = {
     private getSelectAllCell;
     private getNewColumnCell;
 }
+export declare const cellClassesForRowSelection: (selected: boolean, selectionMode: SelectionMode) => string[] | undefined;
 //# sourceMappingURL=table-presentation.d.ts.map

package/dist/types/src/model/table-presentation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-presentation.d.ts","sourceRoot":"","sources":["../../../../src/model/table-presentation.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EAErB,KAAK,gBAAgB,EAEtB,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAGnE;;;;GAIG;AACH,qBAAa,iBAAiB,CAAC,CAAC,SAAS,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE;IAElE,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,aAAa;gBADb,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,aAAa,0DAG5B;IAGG,QAAQ,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,GAAG,gBAAgB;IAoC9E,OAAO,CAAC,gBAAgB;IAgGxB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,gBAAgB;CAczB"}
+{"version":3,"file":"table-presentation.d.ts","sourceRoot":"","sources":["../../../../src/model/table-presentation.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,KAAK,WAAW,EAChB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAGtB,MAAM,qBAAqB,CAAC;AAI7B,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAG/D;;;;GAIG;AACH,qBAAa,iBAAiB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IAExD,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,aAAa;gBADb,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,EACpB,aAAa,0DAG5B;IAGG,QAAQ,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,GAAG,gBAAgB;IAoC9E,OAAO,CAAC,gBAAgB;IAyHxB,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,oBAAoB;IAgB5B,OAAO,CAAC,gBAAgB;IAyBxB,OAAO,CAAC,gBAAgB;CAczB;AAED,eAAO,MAAM,0BAA0B,aAAc,OAAO,iBAAiB,aAAa,yBAgBzF,CAAC"}

package/dist/types/src/model/table-sorting.d.ts

@@ -1,7 +1,7 @@
 import { type Signal, type ReadonlySignal } from '@preact/signals-core';
 import { type SortDirectionType, type FieldSortType } from '@dxos/echo-schema';
 import type { ViewProjection, ViewType } from '@dxos/schema';
-import { type BaseTableRow } from './table-model';
+import { type TableRow } from './table-model';
 /**
  * Manages table sorting functionality through display and data index mapping.
  *
@@ -23,7 +23,7 @@ import { type BaseTableRow } from './table-model';
  * │ 2: "Cherry"  │  =>  │ 2: "Cherry"  │  =>  │ 2 => 2 │
  * └──────────────┘      └──────────────┘      └────────┘
  */
-export declare class TableSorting<T extends BaseTableRow> {
+export declare class TableSorting<T extends TableRow> {
     private readonly _view;
     private readonly _projection;
     private readonly _displayToDataIndex;

package/dist/types/src/model/table-sorting.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-sorting.d.ts","sourceRoot":"","sources":["../../../../src/model/table-sorting.ts"],"names":[],"mappings":"AAIA,OAAO,EAAoB,KAAK,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG1F,OAAO,EAAkC,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/G,OAAO,KAAK,EAA2B,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEtF,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAUlD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,YAAY,CAAC,CAAC,SAAS,YAAY;IAS5C,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,WAAW;IAT9B,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA6B;IACjE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAgC;IAC3D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA0B;IACnD,SAAgB,UAAU,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;gBAG9C,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EACA,KAAK,EAAE,QAAQ,GAAG,SAAS,EAC3B,WAAW,EAAE,cAAc;IAoB9C;;;OAGG;IACH,IAAW,OAAO,IAAI,aAAa,GAAG,SAAS,CAU9C;IAED;;;OAGG;IACH,IAAW,OAAO,IAAI,OAAO,CAE5B;IAEM,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAI1C,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,GAAG,IAAI;IAO5D,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAiBjC,SAAS,IAAI,IAAI;IAIjB,IAAI,IAAI,IAAI;IAenB,OAAO,CAAC,oBAAoB;IAkC5B,OAAO,CAAC,YAAY;CAsCrB"}
+{"version":3,"file":"table-sorting.d.ts","sourceRoot":"","sources":["../../../../src/model/table-sorting.ts"],"names":[],"mappings":"AAIA,OAAO,EAAoB,KAAK,MAAM,EAAE,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG1F,OAAO,EAAkC,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE/G,OAAO,KAAK,EAA2B,cAAc,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEtF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAU9C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,YAAY,CAAC,CAAC,SAAS,QAAQ;IASxC,OAAO,CAAC,QAAQ,CAAC,KAAK;IACtB,OAAO,CAAC,QAAQ,CAAC,WAAW;IAT9B,OAAO,CAAC,QAAQ,CAAC,mBAAmB,CAA6B;IACjE,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAc;IACpC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAgC;IAC3D,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA0B;IACnD,SAAgB,UAAU,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;gBAG9C,IAAI,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,EACA,KAAK,EAAE,QAAQ,GAAG,SAAS,EAC3B,WAAW,EAAE,cAAc;IAoB9C;;;OAGG;IACH,IAAW,OAAO,IAAI,aAAa,GAAG,SAAS,CAU9C;IAED;;;OAGG;IACH,IAAW,OAAO,IAAI,OAAO,CAE5B;IAEM,YAAY,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM;IAI1C,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,iBAAiB,GAAG,IAAI;IAO5D,UAAU,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAiBjC,SAAS,IAAI,IAAI;IAIjB,IAAI,IAAI,IAAI;IAenB,OAAO,CAAC,oBAAoB;IAkC5B,OAAO,CAAC,YAAY;CAsCrB"}

package/dist/types/src/types/table.d.ts

@@ -49,5 +49,6 @@ export declare const TableType: import("@dxos/echo-schema").EchoObjectSchema<S.S
     }, import("@dxos/echo-schema").TypedObjectOptions>>>;
     threads: S.optional<S.Array$<import("@dxos/echo-schema").Ref$<Expando>>>;
 }>>;
-export type TableType = S.Schema.Type<typeof TableType>;
+export interface TableType extends S.Schema.Type<typeof TableType> {
+}
 //# sourceMappingURL=table.d.ts.map

package/dist/types/src/types/table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/types/table.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,OAAO,EAAoC,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAI7F,eAAO,MAAM,WAAW;;;;cAUG,EAAG,WAAW;eAEoG,EAAG,MAAM;gBAAmI,EAAG,QAAQ,CAAC,EAAE,MAAM;gBAAgJ,EAAG,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM;uBAAqB,EAAG,MAAM;kBAAe,EAAG,MAAM;qBAA6C,EAAG,QAAQ,QAAO,EAAG,OAAO;kBAAgB,EAAG,QAAQ,QAAO,EAAG,MAAM;2BAAyB,EAAG,QAAQ,CAAC,EAAE,MAAM;;sBAAyQ,EAAG,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM;uBAAqB,EAAG,MAAM;kBAAe,EAAG,MAAM;qBAA6C,EAAG,QAAQ,QAAO,EAAG,OAAO;kBAAgB,EAAG,QAAQ,QAAO,EAAG,MAAM;2BAAyB,EAAG,QAAQ,CAAC,EAAE,MAAM;;kBAAgH,EAAG,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,QAAO,EAAG,MAAM,SAAQ,EAAG,GAAG;;;EAJt3C,CAAC;AAEH,eAAO,MAAM,SAAS;;;;cAAK,EAAG,WAAW;eAEoG,EAAG,MAAM;gBAAmI,EAAG,QAAQ,CAAC,EAAE,MAAM;gBAAgJ,EAAG,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM;uBAAqB,EAAG,MAAM;kBAAe,EAAG,MAAM;qBAA6C,EAAG,QAAQ,QAAO,EAAG,OAAO;kBAAgB,EAAG,QAAQ,QAAO,EAAG,MAAM;2BAAyB,EAAG,QAAQ,CAAC,EAAE,MAAM;;sBAAyQ,EAAG,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM;uBAAqB,EAAG,MAAM;kBAAe,EAAG,MAAM;qBAA6C,EAAG,QAAQ,QAAO,EAAG,OAAO;kBAAgB,EAAG,QAAQ,QAAO,EAAG,MAAM;2BAAyB,EAAG,QAAQ,CAAC,EAAE,MAAM;;kBAAgH,EAAG,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,QAAO,EAAG,MAAM,SAAQ,EAAG,GAAG;;;GAFnyC,CAAC;AACtF,MAAM,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/types/table.ts"],"names":[],"mappings":"AAIA,OAAO,EAAc,OAAO,EAAoC,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAI7F,eAAO,MAAM,WAAW;;;;cAYc,EAAG,WAAW;eAC8K,EAAG,MAAM;gBAAmI,EAAG,QAAQ,CAAC,EAAE,MAAM;gBAAgJ,EAAG,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM;uBAAqB,EAAG,MAAM;kBAAe,EAAG,MAAM;qBAA6C,EAAG,QAAQ,QAAO,EAAG,OAAO;kBAAgB,EAAG,QAAQ,QAAO,EAAG,MAAM;2BAAyB,EAAG,QAAQ,CAAC,EAAE,MAAM;;sBAAyQ,EAAG,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM;uBAAqB,EAAG,MAAM;kBAAe,EAAG,MAAM;qBAA6C,EAAG,QAAQ,QAAO,EAAG,OAAO;kBAAgB,EAAG,QAAQ,QAAO,EAAG,MAAM;2BAAyB,EAAG,QAAQ,CAAC,EAAE,MAAM;;kBAAgH,EAAG,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,QAAO,EAAG,MAAM,SAAQ,EAAG,GAAG;;;EAJ38C,CAAC;AAEH,eAAO,MAAM,SAAS;;;;cACgB,EAAG,WAAW;eAC8K,EAAG,MAAM;gBAAmI,EAAG,QAAQ,CAAC,EAAE,MAAM;gBAAgJ,EAAG,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM;uBAAqB,EAAG,MAAM;kBAAe,EAAG,MAAM;qBAA6C,EAAG,QAAQ,QAAO,EAAG,OAAO;kBAAgB,EAAG,QAAQ,QAAO,EAAG,MAAM;2BAAyB,EAAG,QAAQ,CAAC,EAAE,MAAM;;sBAAyQ,EAAG,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM;uBAAqB,EAAG,MAAM;kBAAe,EAAG,MAAM;qBAA6C,EAAG,QAAQ,QAAO,EAAG,OAAO;kBAAgB,EAAG,QAAQ,QAAO,EAAG,MAAM;2BAAyB,EAAG,QAAQ,CAAC,EAAE,MAAM;;kBAAgH,EAAG,QAAQ,CAAC,EAAE,OAAO,CAAC,EAAE,OAAO,QAAO,EAAG,MAAM,SAAQ,EAAG,GAAG;;;GAFj2C,CAAC;AAC7G,MAAM,WAAW,SAAU,SAAQ,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC;CAAG"}

package/dist/types/src/util/dynamic-table.d.ts

@@ -1,40 +1,31 @@
-import { type SortDirectionType } from '@dxos/echo-schema';
+import type { BaseSchema, JsonSchemaType, SortDirectionType } from '@dxos/echo-schema';
 import { ViewProjection, type SchemaPropertyDefinition } from '@dxos/schema';
+import { TableType } from '../types';
 type PropertyDisplayProps = {
     size: number;
     title: string;
     sort: SortDirectionType;
 };
 export type TablePropertyDefinition = SchemaPropertyDefinition & Partial<PropertyDisplayProps>;
-export declare const makeDynamicTable: (typename: string, properties: TablePropertyDefinition[]) => {
-    table: import("@dxos/live-object").ReactiveObject<{
-        readonly id: string;
-        name?: string | undefined;
-        view?: import("@dxos/echo-schema").Ref<import("@dxos/echo-schema").TypedObjectFields<{
-            name: import("effect/Schema").SchemaClass<string, string, never>;
-            query: import("effect/Schema").Schema<import("@dxos/echo-schema").QueryType, import("@dxos/echo-schema").QueryType, never>;
-            schema: import("effect/Schema").optional<import("effect/Schema").Schema<import("@dxos/echo-schema").JsonSchemaType, import("@dxos/echo-schema").JsonSchemaType, never>>;
-            fields: import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").mutable<import("effect/Schema").Struct<{
-                id: typeof import("effect/Schema").String;
-                path: import("effect/Schema").Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>;
-                visible: import("effect/Schema").optional<typeof import("effect/Schema").Boolean>;
-                size: import("effect/Schema").optional<typeof import("effect/Schema").Number>;
-                referencePath: import("effect/Schema").optional<import("effect/Schema").Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>>;
-            }>>>>;
-            hiddenFields: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Array$<import("effect/Schema").mutable<import("effect/Schema").Struct<{
-                id: typeof import("effect/Schema").String;
-                path: import("effect/Schema").Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>;
-                visible: import("effect/Schema").optional<typeof import("effect/Schema").Boolean>;
-                size: import("effect/Schema").optional<typeof import("effect/Schema").Number>;
-                referencePath: import("effect/Schema").optional<import("effect/Schema").Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>>;
-            }>>>>>;
-            metadata: import("effect/Schema").optional<import("effect/Schema").mutable<import("effect/Schema").Record$<typeof import("effect/Schema").String, typeof import("effect/Schema").Any>>>;
-        }, import("@dxos/echo-schema").TypedObjectOptions>> | undefined;
-        threads?: readonly import("@dxos/echo-schema").Ref<import("@dxos/echo-schema").Expando>[] | undefined;
-    }>;
-    schema: import("@dxos/echo-schema").EchoSchema;
-    view: import("@dxos/live-object").ReactiveObject<import("@dxos/schema").ViewType>;
-    viewProjection: ViewProjection;
+/**
+ * @deprecated
+ */
+export declare const getBaseSchems: ({ typename, properties, jsonSchema, schema, }: {
+    typename?: string;
+    properties?: TablePropertyDefinition[];
+    jsonSchema?: JsonSchemaType;
+    schema?: BaseSchema;
+}) => {
+    typename: string;
+    jsonSchema: JsonSchemaType;
+};
+export declare const makeDynamicTable: ({ typename, jsonSchema, properties, }: {
+    typename: string;
+    jsonSchema: JsonSchemaType;
+    properties?: TablePropertyDefinition[];
+}) => {
+    table: TableType;
+    projection: ViewProjection;
 };
 export {};
 //# sourceMappingURL=dynamic-table.d.ts.map

package/dist/types/src/util/dynamic-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-table.d.ts","sourceRoot":"","sources":["../../../../src/util/dynamic-table.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,OAAO,EAGL,cAAc,EACd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAItB,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAE/F,eAAO,MAAM,gBAAgB,aAAc,MAAM,cAAc,uBAAuB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CvF,CAAC"}
+{"version":3,"file":"dynamic-table.d.ts","sourceRoot":"","sources":["../../../../src/util/dynamic-table.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEvF,OAAO,EAGL,cAAc,EAEd,KAAK,wBAAwB,EAC9B,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,iBAAiB,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,wBAAwB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAE/F;;GAEG;AAEH,eAAO,MAAM,aAAa,kDAKvB;IACD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACvC,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,KAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,cAAc,CAAA;CAWjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,0CAI1B;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,cAAc,CAAC;IAC3B,UAAU,CAAC,EAAE,uBAAuB,EAAE,CAAC;CACxC,KAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,UAAU,EAAE,cAAc,CAAA;CAkBjD,CAAC"}

package/dist/types/src/util/table-controls.d.ts

@@ -22,8 +22,8 @@ export declare const CONTROL_IDENTIFIERS: {
     readonly checkbox: "data-table-checkbox";
     readonly switch: "data-table-switch";
 };
-export declare const renderCheckbox: ({ rowIndex, header, checked, disabled, }: RenderCheckboxProps) => string;
-export declare const renderSwitch: ({ colIndex, rowIndex, checked, disabled }: RenderSwitchProps) => string;
+export declare const CheckboxStory: ({ rowIndex, header, checked, disabled, }: RenderCheckboxProps) => string;
+export declare const SwitchStory: ({ colIndex, rowIndex, checked, disabled }: RenderSwitchProps) => string;
 export declare const tableControls: {
     readonly checkbox: {
         readonly attr: "data-table-checkbox";

package/dist/types/src/util/table-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-controls.d.ts","sourceRoot":"","sources":["../../../../src/util/table-controls.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEjD,MAAM,MAAM,WAAW,GACnB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAC/G,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3G,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAwBX,eAAO,MAAM,cAAc,6CAKxB,mBAAmB,KAAG,MAQxB,CAAC;AAEF,eAAO,MAAM,YAAY,8CAA+D,iBAAiB,KAAG,MAQ3G,CAAC;AAEF,eAAO,MAAM,aAAa;;;oEApBvB,mBAAmB,KAAG,MAAM;+BAwBb,WAAW,KAAG,OAAO,CAAC,WAAW,EAAE;YAAE,IAAI,EAAE,UAAU,CAAA;SAAE,CAAC;;;;qEAdc,iBAAiB,KAAG,MAAM;+BAuBhG,WAAW,KAAG,OAAO,CAAC,WAAW,EAAE;YAAE,IAAI,EAAE,QAAQ,CAAA;SAAE,CAAC;;CAM9D,CAAC"}
+{"version":3,"file":"table-controls.d.ts","sourceRoot":"","sources":["../../../../src/util/table-controls.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEjD,MAAM,MAAM,WAAW,GACnB;IAAE,IAAI,EAAE,UAAU,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3D,KAAK,iBAAiB,GAAG;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAC/G,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,EAAE,MAAM,CAAC,CAAC;AAE3G,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAwBX,eAAO,MAAM,aAAa,6CAKvB,mBAAmB,KAAG,MAQxB,CAAC;AAEF,eAAO,MAAM,WAAW,8CAA+D,iBAAiB,KAAG,MAQ1G,CAAC;AAEF,eAAO,MAAM,aAAa;;;oEApBvB,mBAAmB,KAAG,MAAM;+BAwBb,WAAW,KAAG,OAAO,CAAC,WAAW,EAAE;YAAE,IAAI,EAAE,UAAU,CAAA;SAAE,CAAC;;;;qEAda,iBAAiB,KAAG,MAAM;+BAuB/F,WAAW,KAAG,OAAO,CAAC,WAAW,EAAE;YAAE,IAAI,EAAE,QAAQ,CAAA;SAAE,CAAC;;CAM9D,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/util/table.ts"],"names":[],"mappings":"AAIA,OAAO,EAOL,CAAC,EAGF,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,MAAM,EAAa,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAmB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGtE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,oDAMzB,oBAAoB,KAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CA8CtD,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/util/table.ts"],"names":[],"mappings":"AAIA,OAAO,EAOL,CAAC,EAGF,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,KAAK,MAAM,EAAa,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAmB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGtE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAG1C,KAAK,oBAAoB,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,oDAMzB,oBAAoB,KAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CA8CtD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-table",
-  "version": "0.8.1-staging.5be625a",
+  "version": "0.8.1-staging.9eaf14f",
   "description": "A table component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -50,31 +50,32 @@
     "@radix-ui/react-primitive": "2.0.2",
     "@radix-ui/react-slot": "1.1.2",
     "@radix-ui/react-use-controllable-state": "1.1.0",
-    "@tanstack/react-table": "^8.13.2",
-    "@tanstack/react-virtual": "^3.9.0",
     "date-fns": "^3.3.1",
     "lodash.orderby": "^4.6.0",
-    "@dxos/context": "0.8.1-staging.5be625a",
-    "@dxos/invariant": "0.8.1-staging.5be625a",
-    "@dxos/echo-schema": "0.8.1-staging.5be625a",
-    "@dxos/keys": "0.8.1-staging.5be625a",
-    "@dxos/live-object": "0.8.1-staging.5be625a",
-    "@dxos/lit-grid": "0.8.1-staging.5be625a",
-    "@dxos/log": "0.8.1-staging.5be625a",
-    "@dxos/plugin-search": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-attention": "0.8.1-staging.5be625a",
-    "@dxos/plugin-space": "0.8.1-staging.5be625a",
-    "@dxos/react-client": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-form": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-grid": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-menu": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-searchlist": "0.8.1-staging.5be625a",
-    "@dxos/debug": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-syntax-highlighter": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-stack": "0.8.1-staging.5be625a",
-    "@dxos/schema": "0.8.1-staging.5be625a",
-    "@dxos/util": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-types": "0.8.1-staging.5be625a"
+    "@dxos/context": "0.8.1-staging.9eaf14f",
+    "@dxos/echo-schema": "0.8.1-staging.9eaf14f",
+    "@dxos/debug": "0.8.1-staging.9eaf14f",
+    "@dxos/invariant": "0.8.1-staging.9eaf14f",
+    "@dxos/effect": "0.8.1-staging.9eaf14f",
+    "@dxos/keys": "0.8.1-staging.9eaf14f",
+    "@dxos/log": "0.8.1-staging.9eaf14f",
+    "@dxos/lit-grid": "0.8.1-staging.9eaf14f",
+    "@dxos/plugin-space": "0.8.1-staging.9eaf14f",
+    "@dxos/live-object": "0.8.1-staging.9eaf14f",
+    "@dxos/plugin-search": "0.8.1-staging.9eaf14f",
+    "@dxos/react-client": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-attention": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-editor": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-form": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-menu": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-searchlist": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-grid": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-stack": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-syntax-highlighter": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-tag-picker": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-types": "0.8.1-staging.9eaf14f",
+    "@dxos/schema": "0.8.1-staging.9eaf14f",
+    "@dxos/util": "0.8.1-staging.9eaf14f"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -85,19 +86,19 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/random": "0.8.1-staging.5be625a",
-    "@dxos/echo-signals": "0.8.1-staging.5be625a",
-    "@dxos/react-ui": "0.8.1-staging.5be625a",
-    "@dxos/storybook-utils": "0.8.1-staging.5be625a",
-    "@dxos/test-utils": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-theme": "0.8.1-staging.5be625a"
+    "@dxos/echo-signals": "0.8.1-staging.9eaf14f",
+    "@dxos/random": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-theme": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui": "0.8.1-staging.9eaf14f",
+    "@dxos/storybook-utils": "0.8.1-staging.9eaf14f",
+    "@dxos/test-utils": "0.8.1-staging.9eaf14f"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.1-staging.5be625a",
-    "@dxos/react-ui-theme": "0.8.1-staging.5be625a"
+    "@dxos/react-ui": "0.8.1-staging.9eaf14f",
+    "@dxos/react-ui-theme": "0.8.1-staging.9eaf14f"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Table/DynamicTable.stories.tsx

@@ -0,0 +1,155 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import '@dxos-theme';
+
+import { type StoryObj, type Meta } from '@storybook/react';
+import React, { useMemo, useState } from 'react';
+
+import { FormatEnum, type JsonSchemaType } from '@dxos/echo-schema';
+import { faker } from '@dxos/random';
+import { useClient } from '@dxos/react-client';
+import { Filter, useQuery, useSchema, create } from '@dxos/react-client/echo';
+import { useClientProvider, withClientProvider } from '@dxos/react-client/testing';
+import { type SchemaPropertyDefinition } from '@dxos/schema';
+import { Testing } from '@dxos/schema/testing';
+import { withLayout, withTheme } from '@dxos/storybook-utils';
+
+import { DynamicTable } from './DynamicTable';
+import { type TableFeatures } from '../../model';
+import translations from '../../translations';
+
+faker.seed(0);
+
+const useTestPropertiesAndObjects = () => {
+  const properties = useMemo<SchemaPropertyDefinition[]>(
+    () => [
+      { name: 'name', format: FormatEnum.String },
+      { name: 'age', format: FormatEnum.Number },
+    ],
+    [],
+  );
+
+  const [rows] = useState<any[]>(
+    Array.from({ length: 10 }, () => ({
+      id: faker.string.uuid(),
+      name: faker.person.fullName(),
+      age: faker.number.int({ min: 18, max: 80 }),
+    })),
+  );
+
+  return { properties, rows };
+};
+
+//
+// Story components.
+//
+
+const DynamicTableStory = () => {
+  const { properties, rows } = useTestPropertiesAndObjects();
+  return <DynamicTable properties={properties} rows={rows} />;
+};
+
+//
+// Story definitions.
+//
+
+const meta: Meta = {
+  title: 'ui/react-ui-table/DynamicTable',
+  component: DynamicTable,
+  parameters: { translations },
+  decorators: [withTheme, withLayout({ fullscreen: true, tooltips: true })],
+};
+
+export default meta;
+
+export const Default: StoryObj = {
+  render: DynamicTableStory,
+};
+
+export const WithRowClicks: StoryObj = {
+  render: () => {
+    const { properties, rows } = useTestPropertiesAndObjects();
+
+    const handleRowClicked = (row: any) => {
+      console.log('Row clicked:', row);
+      alert(`Row clicked: ${row.name}, age: ${row.age}`);
+    };
+
+    return <DynamicTable properties={properties} rows={rows} onRowClick={handleRowClicked} />;
+  },
+};
+
+export const WithClickToSelect: StoryObj = {
+  render: () => {
+    const { properties, rows } = useTestPropertiesAndObjects();
+
+    const features = useMemo<Partial<TableFeatures>>(
+      () => ({ selection: { enabled: true, mode: 'single' as const }, dataEditable: false }),
+      [],
+    );
+
+    return <DynamicTable properties={properties} rows={rows} features={features} />;
+  },
+};
+
+export const WithJsonSchema: StoryObj = {
+  render: () => {
+    const schema = useMemo<JsonSchemaType>(
+      () => ({
+        type: 'object',
+        properties: {
+          name: { type: 'string', title: 'Full Name' },
+          age: { type: 'number', title: 'Age (Years)' },
+          email: { type: 'string', format: 'email', title: 'Email Address' },
+          active: { type: 'boolean', title: 'Active Status' },
+        },
+        required: ['name', 'email'],
+      }),
+      [],
+    );
+
+    const [rows] = useState<any[]>(
+      Array.from({ length: 15 }, () => ({
+        name: faker.person.fullName(),
+        age: faker.number.int({ min: 18, max: 80 }),
+        email: faker.internet.email(),
+        active: faker.datatype.boolean(),
+      })),
+    );
+
+    return <DynamicTable jsonSchema={schema} rows={rows} />;
+  },
+};
+
+export const WithEchoSchema: StoryObj = {
+  render: () => {
+    const client = useClient();
+    const { space } = useClientProvider();
+    const schema = useSchema(client, space, Testing.Contact.typename);
+    const objects = useQuery(space, schema ? Filter.schema(schema) : Filter.nothing());
+    if (!schema) {
+      return <div>Loading schema...</div>;
+    }
+
+    return <DynamicTable schema={schema} rows={objects} />;
+  },
+  decorators: [
+    withClientProvider({
+      types: [Testing.Contact],
+      createIdentity: true,
+      createSpace: true,
+      onSpaceCreated: async ({ space }) => {
+        Array.from({ length: 10 }).forEach(() => {
+          space.db.add(
+            create(Testing.Contact, {
+              name: faker.person.fullName(),
+              email: faker.internet.email(),
+            }),
+          );
+        });
+      },
+    }),
+  ],
+};

package/src/components/Table/DynamicTable.tsx

@@ -4,61 +4,78 @@
 
 import React, { useRef, useMemo, useCallback } from 'react';
 
+import { type BaseSchema, type JsonSchemaType } from '@dxos/echo-schema';
+import { type ThemedClassName, useDefaultValue } from '@dxos/react-ui';
 import { mx } from '@dxos/react-ui-theme';
 
 import { Table, type TableController } from './Table';
 import { useTableModel } from '../../hooks';
-import { TablePresentation, type TableRowAction } from '../../model';
-import { makeDynamicTable, type TablePropertyDefinition } from '../../util';
+import { type TableFeatures, TablePresentation, type TableRowAction } from '../../model';
+import { getBaseSchems as getBaseSchema, makeDynamicTable, type TablePropertyDefinition } from '../../util';
 
-type DynamicTableProps = {
-  data: any[];
-  properties: TablePropertyDefinition[];
-  tableName?: string;
-  classNames?: string;
-  onRowClicked?: (row: any) => void;
+type DynamicTableProps = ThemedClassName<{
+  name?: string; // TODO(burdon): Remove?
+  rows: any[];
+  properties?: TablePropertyDefinition[];
+  jsonSchema?: JsonSchemaType;
+  schema?: BaseSchema;
+  features?: Partial<TableFeatures>;
   rowActions?: TableRowAction[];
+  onRowClick?: (row: any) => void;
   onRowAction?: (actionId: string, datum: any) => void;
-};
+}>;
 
 /**
- * A dynamic table component that renders data using the specified properties.
  * Properties define both the schema and display characteristics of the table columns.
+ *
+ * @deprecated Use Table.
  */
+// TODO(burdon): Instead of creating component variants, create helpers/hooks that normalize the props.
+// TODO(burdon): Warning: Cannot update a component (`DynamicTable`) while rendering a different component (`DynamicTable`).
 export const DynamicTable = ({
-  data,
-  properties,
   classNames,
-  tableName = 'com.example/dynamic_table',
-  onRowClicked,
+  name = 'example.com/dynamic-table', // Rmove default or make random; this will lead to type collisions.
+  rows,
+  properties,
+  jsonSchema,
+  schema,
   rowActions,
+  onRowClick,
   onRowAction,
+  ...props
 }: DynamicTableProps) => {
-  // TODO(ZaymonFC): Consider allowing the user to supply a schema directly instead of deriving it from
-  //  the properties array. (Both should be viable).
-  const { table, viewProjection } = useMemo(() => {
-    return makeDynamicTable(tableName, properties);
-  }, [tableName, properties]);
+  const { table, projection } = useMemo(() => {
+    // TODO(burdon): Remove variance from the props (should be normalized externally; possibly via hooks).
+    const props = getBaseSchema({ typename: name, properties, jsonSchema, schema });
+    return makeDynamicTable({ ...props, properties });
+  }, [name, properties, schema, jsonSchema]);
 
   const tableRef = useRef<TableController>(null);
   const handleCellUpdate = useCallback((cell: any) => {
     tableRef.current?.update?.(cell);
   }, []);
 
-  const handleRowOrderChanged = useCallback(() => {
+  const handleRowOrderChange = useCallback(() => {
     tableRef.current?.update?.();
   }, []);
 
-  const features = useMemo(() => ({ selection: false, dataEditable: false }), []);
+  const features = useDefaultValue(
+    props.features,
+    () =>
+      ({
+        selection: { enabled: false },
+        dataEditable: false,
+      }) as const,
+  );
 
   const model = useTableModel({
     table,
-    objects: data,
-    projection: viewProjection,
+    rows,
+    projection,
     features,
-    onCellUpdate: handleCellUpdate,
-    onRowOrderChanged: handleRowOrderChanged,
     rowActions,
+    onCellUpdate: handleCellUpdate,
+    onRowOrderChange: handleRowOrderChange,
     onRowAction,
   });
 
@@ -68,16 +85,17 @@ export const DynamicTable = ({
     }
   }, [model]);
 
+  // TODO(burdon): Do we need the outer divs?
   return (
-    <div className={mx('is-full bs-full grow grid', classNames)}>
-      <div className='grid min-bs-0 overflow-hidden'>
+    <div role='none' className={mx('is-full bs-full grow grid', classNames)}>
+      <div role='none' className='grid min-bs-0 overflow-hidden'>
         <Table.Root>
           <Table.Main
             ref={tableRef}
             model={model}
             presentation={presentation}
-            onRowClicked={onRowClicked}
             ignoreAttention
+            onRowClick={onRowClick}
           />
         </Table.Root>
       </div>