@dxos/react-ui-table 0.7.4 → 0.7.5-labs.a279d8c

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

@@ -1,161 +1,53 @@
-import { ref, ObjectId, S } from '@dxos/echo-schema';
+import { S, Expando } from '@dxos/echo-schema';
 export declare const TableSchema: S.Struct<{
-    id: S.SchemaClass<string, string, never> & {
-        random(): ObjectId;
-    };
+    id: import("@dxos/echo-schema").ObjectIdClass;
     name: S.optional<typeof S.String>;
-    view: S.optional<ref<{
-        name: string;
-        schema?: import("@dxos/echo-schema").JsonSchemaType | undefined;
-        query: import("@dxos/echo-schema").QueryType;
-        fields: {
-            referencePath?: import("@dxos/echo-schema").JsonPath | undefined;
-            id: string;
-            path: import("@dxos/echo-schema").JsonPath;
-            visible?: boolean | undefined;
-            size?: number | undefined;
-        }[];
-    } & {
-        id: string;
-    }>>;
-    threads: S.optional<S.Array$<ref<{
-        name?: string | undefined;
-        anchor?: string | undefined;
-        status?: "active" | "staged" | "resolved" | undefined;
-        messages: import("@dxos/echo-schema").Ref<{
-            text: string;
-            timestamp: string;
-            state?: import("@dxos/plugin-space").MessageState | undefined;
-            sender: {
-                name?: string | undefined;
-                contact?: import("@dxos/echo-schema").Ref<{
-                    name?: string | undefined;
-                    identifiers: {
-                        readonly value: string;
-                        readonly type: string;
-                    }[];
-                } & {
-                    id: string;
-                }>;
-                identityKey?: string | undefined;
-                email?: string | undefined;
-            };
-            parts?: import("@dxos/echo-schema").Ref<import("@dxos/echo-schema").Expando>[] | undefined;
-            properties?: {
-                [x: string]: any;
-            } | undefined;
-            context?: import("@dxos/echo-schema").Ref<import("@dxos/echo-schema").Expando>;
-        } & {
-            id: string;
-        }>[];
-    } & {
-        id: string;
-    }>>>;
+    view: S.optional<import("@dxos/echo-schema").Ref$<import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectFields<{
+        name: S.SchemaClass<string, string, never>;
+        query: S.Schema<import("@dxos/echo-schema").QueryType, import("@dxos/echo-schema").QueryType, never>;
+        schema: S.optional<S.Schema<import("@dxos/echo-schema").JsonSchemaType, import("@dxos/echo-schema").JsonSchemaType, never>>;
+        fields: S.mutable<S.Array$<S.mutable<S.Struct<{
+            id: typeof S.String;
+            path: S.Schema<import("@dxos/echo-schema").JsonPath, import("@dxos/echo-schema").JsonPath, never>;
+            visible: S.optional<typeof S.Boolean>;
+            size: S.optional<typeof S.Number>;
+            referencePath: S.optional<S.Schema<import("@dxos/echo-schema").JsonPath, import("@dxos/echo-schema").JsonPath, never>>;
+        }>>>>;
+    }, import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectOptions>>>;
+    threads: S.optional<S.Array$<import("@dxos/echo-schema").Ref$<Expando>>>;
 }>;
-declare const TableType_base: import("@dxos/echo-schema").AbstractTypedObject<{
-    name?: string | undefined;
-    id: string;
-    view?: import("@dxos/echo-schema").Ref<{
-        name: string;
-        schema?: import("@dxos/echo-schema").JsonSchemaType | undefined;
-        query: import("@dxos/echo-schema").QueryType;
-        fields: {
-            referencePath?: import("@dxos/echo-schema").JsonPath | undefined;
-            id: string;
-            path: import("@dxos/echo-schema").JsonPath;
-            visible?: boolean | undefined;
-            size?: number | undefined;
-        }[];
-    } & {
-        id: string;
-    }>;
-    threads?: readonly import("@dxos/echo-schema").Ref<{
-        name?: string | undefined;
-        anchor?: string | undefined;
-        status?: "active" | "staged" | "resolved" | undefined;
-        messages: import("@dxos/echo-schema").Ref<{
-            text: string;
-            timestamp: string;
-            state?: import("@dxos/plugin-space").MessageState | undefined;
-            sender: {
-                name?: string | undefined;
-                contact?: import("@dxos/echo-schema").Ref<{
-                    name?: string | undefined;
-                    identifiers: {
-                        readonly value: string;
-                        readonly type: string;
-                    }[];
-                } & {
-                    id: string;
-                }>;
-                identityKey?: string | undefined;
-                email?: string | undefined;
-            };
-            parts?: import("@dxos/echo-schema").Ref<import("@dxos/echo-schema").Expando>[] | undefined;
-            properties?: {
-                [x: string]: any;
-            } | undefined;
-            context?: import("@dxos/echo-schema").Ref<import("@dxos/echo-schema").Expando>;
-        } & {
-            id: string;
-        }>[];
-    } & {
-        id: string;
-    }>[] | undefined;
-} & {
-    id: string;
-}, S.Struct.Encoded<{
-    readonly id: S.SchemaClass<string, string, never> & {
-        random(): ObjectId;
-    };
+declare const TableType_base: import("@dxos/echo-schema").TypedObjectPrototype<import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectFields<{
+    readonly id: import("@dxos/echo-schema").ObjectIdClass;
     readonly name: S.optional<typeof S.String>;
-    readonly view: S.optional<ref<{
-        name: string;
-        schema?: import("@dxos/echo-schema").JsonSchemaType | undefined;
-        query: import("@dxos/echo-schema").QueryType;
-        fields: {
-            referencePath?: import("@dxos/echo-schema").JsonPath | undefined;
-            id: string;
-            path: import("@dxos/echo-schema").JsonPath;
-            visible?: boolean | undefined;
-            size?: number | undefined;
-        }[];
-    } & {
-        id: string;
-    }>>;
-    readonly threads: S.optional<S.Array$<ref<{
-        name?: string | undefined;
-        anchor?: string | undefined;
-        status?: "active" | "staged" | "resolved" | undefined;
-        messages: import("@dxos/echo-schema").Ref<{
-            text: string;
-            timestamp: string;
-            state?: import("@dxos/plugin-space").MessageState | undefined;
-            sender: {
-                name?: string | undefined;
-                contact?: import("@dxos/echo-schema").Ref<{
-                    name?: string | undefined;
-                    identifiers: {
-                        readonly value: string;
-                        readonly type: string;
-                    }[];
-                } & {
-                    id: string;
-                }>;
-                identityKey?: string | undefined;
-                email?: string | undefined;
-            };
-            parts?: import("@dxos/echo-schema").Ref<import("@dxos/echo-schema").Expando>[] | undefined;
-            properties?: {
-                [x: string]: any;
-            } | undefined;
-            context?: import("@dxos/echo-schema").Ref<import("@dxos/echo-schema").Expando>;
-        } & {
-            id: string;
-        }>[];
-    } & {
-        id: string;
-    }>>>;
+    readonly view: S.optional<import("@dxos/echo-schema").Ref$<import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectFields<{
+        name: S.SchemaClass<string, string, never>;
+        query: S.Schema<import("@dxos/echo-schema").QueryType, import("@dxos/echo-schema").QueryType, never>;
+        schema: S.optional<S.Schema<import("@dxos/echo-schema").JsonSchemaType, import("@dxos/echo-schema").JsonSchemaType, never>>;
+        fields: S.mutable<S.Array$<S.mutable<S.Struct<{
+            id: typeof S.String;
+            path: S.Schema<import("@dxos/echo-schema").JsonPath, import("@dxos/echo-schema").JsonPath, never>;
+            visible: S.optional<typeof S.Boolean>;
+            size: S.optional<typeof S.Number>;
+            referencePath: S.optional<S.Schema<import("@dxos/echo-schema").JsonPath, import("@dxos/echo-schema").JsonPath, never>>;
+        }>>>>;
+    }, import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectOptions>>>;
+    readonly threads: S.optional<S.Array$<import("@dxos/echo-schema").Ref$<Expando>>>;
+}, import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectOptions>, S.Struct.Encoded<{
+    readonly id: import("@dxos/echo-schema").ObjectIdClass;
+    readonly name: S.optional<typeof S.String>;
+    readonly view: S.optional<import("@dxos/echo-schema").Ref$<import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectFields<{
+        name: S.SchemaClass<string, string, never>;
+        query: S.Schema<import("@dxos/echo-schema").QueryType, import("@dxos/echo-schema").QueryType, never>;
+        schema: S.optional<S.Schema<import("@dxos/echo-schema").JsonSchemaType, import("@dxos/echo-schema").JsonSchemaType, never>>;
+        fields: S.mutable<S.Array$<S.mutable<S.Struct<{
+            id: typeof S.String;
+            path: S.Schema<import("@dxos/echo-schema").JsonPath, import("@dxos/echo-schema").JsonPath, never>;
+            visible: S.optional<typeof S.Boolean>;
+            size: S.optional<typeof S.Number>;
+            referencePath: S.optional<S.Schema<import("@dxos/echo-schema").JsonPath, import("@dxos/echo-schema").JsonPath, never>>;
+        }>>>>;
+    }, import("packages/core/echo/echo-schema/dist/types/src/object/common").TypedObjectOptions>>>;
+    readonly threads: S.optional<S.Array$<import("@dxos/echo-schema").Ref$<Expando>>>;
 }>>;
 export declare class TableType extends TableType_base {
 }

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,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAe,MAAM,mBAAmB,CAAC;AAIlE,eAAO,MAAM,WAAW;;;;;;;;;;yBAcD,CAAC;;;mBAAmF,CAAC;gBAAmC,CAAC;;;;;;;;;;;;iBAAglF,CAAC;;oBAA8D,CAAC;uBAAyC,CAAC;wBAAwD,CAAC;;;;;;;;2BAAsP,CAAC;qBAAuC,CAAC;;iBAA8C,CAAC;sBAA4E,CAAC;;;mBAAwE,CAAC;;;;;;;EARr2G,CAAC;;;;;;;;;yBAQoB,CAAC;;;mBAAmF,CAAC;gBAAmC,CAAC;;;;;;;;;;;;iBAAglF,CAAC;;oBAA8D,CAAC;uBAAyC,CAAC;wBAAwD,CAAC;;;;;;;;2BAAsP,CAAC;qBAAuC,CAAC;;iBAA8C,CAAC;sBAA4E,CAAC;;;mBAAwE,CAAC;;;;;;;;;;;;;;;;;;;yBAAh1G,CAAC;;;mBAAmF,CAAC;gBAAmC,CAAC;;;;;;;;;;;;iBAAglF,CAAC;;oBAA8D,CAAC;uBAAyC,CAAC;wBAAwD,CAAC;;;;;;;;2BAAsP,CAAC;qBAAuC,CAAC;;iBAA8C,CAAC;sBAA4E,CAAC;;;mBAAwE,CAAC;;;;;;;;AAJv2G,qBAAa,SAAU,SAAQ,cAGT;CAAG"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/types/table.ts"],"names":[],"mappings":"AAIA,OAAO,EAAiB,CAAC,EAAe,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAI3E,eAAO,MAAM,WAAW;;;;cAWL,EAAG,WAAW;eAGmK,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;;;;EAR/uB,CAAC;;;;;cAKgB,EAAG,WAAW;eAGmK,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;;;;;;;;cAH9tB,EAAG,WAAW;eAGmK,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;;;;;AAJjvB,qBAAa,SAAU,SAAQ,cAGT;CAAG"}

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

@@ -1,4 +1,5 @@
 export * from './signals';
 export * from './table';
 export * from './table-buttons';
+export * from './table-controls';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/util/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

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

@@ -1,32 +1,76 @@
+export type TableButton = 'columnSettings' | 'rowMenu' | 'newColumn' | 'referencedCell' | 'sort';
+export declare 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';
+};
 export declare const tableButtons: {
-    readonly referencedCell: {
+    readonly addColumn: {
         readonly attr: string;
-        readonly icon: string;
-        readonly render: ({ targetId, schemaId }: {
-            targetId: string;
-            schemaId: string;
-        }) => string;
+        readonly icon: "ph--plus--regular";
+        readonly render: ({ disabled }: Omit<Extract<ButtonData, {
+            type: "newColumn";
+        }>, "type">) => string;
+        readonly getData: (_el: HTMLElement) => Extract<ButtonData, {
+            type: "newColumn";
+        }>;
     };
     readonly columnSettings: {
         readonly attr: string;
-        readonly icon: string;
-        readonly render: ({ fieldId }: {
-            fieldId: string;
-        }) => string;
+        readonly icon: "ph--caret-down--regular";
+        readonly render: ({ fieldId }: Omit<Extract<ButtonData, {
+            type: "columnSettings";
+        }>, "type">) => string;
+        readonly getData: (el: HTMLElement) => Extract<ButtonData, {
+            type: "columnSettings";
+        }>;
+    };
+    readonly referencedCell: {
+        readonly attr: string;
+        readonly icon: "ph--link-simple-horizontal--regular";
+        readonly render: ({ targetId, schemaId }: Omit<Extract<ButtonData, {
+            type: "referencedCell";
+        }>, "type">) => string;
+        readonly getData: (el: HTMLElement) => Extract<ButtonData, {
+            type: "referencedCell";
+        }>;
     };
     readonly rowMenu: {
         readonly attr: string;
-        readonly icon: string;
-        readonly render: ({ rowIndex }: {
-            rowIndex: number;
-        }) => string;
+        readonly icon: "ph--dots-three--regular";
+        readonly render: ({ rowIndex }: Omit<Extract<ButtonData, {
+            type: "rowMenu";
+        }>, "type">) => string;
+        readonly getData: (el: HTMLElement) => Extract<ButtonData, {
+            type: "rowMenu";
+        }>;
     };
-    readonly addColumn: {
+    readonly sort: {
         readonly attr: string;
-        readonly icon: string;
-        readonly render: ({ disabled }?: {
-            disabled?: boolean;
-        }) => string;
+        readonly icon: "ph--sort-ascending--regular";
+        readonly render: ({ fieldId, direction }: Omit<Extract<ButtonData, {
+            type: "sort";
+        }>, "type">) => string;
+        readonly getData: (el: HTMLElement) => Extract<ButtonData, {
+            type: "sort";
+        }>;
     };
 };
+export {};
 //# sourceMappingURL=table-buttons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table-buttons.d.ts","sourceRoot":"","sources":["../../../../src/util/table-buttons.ts"],"names":[],"mappings":"AAwCA,eAAO,MAAM,YAAY;;;;kDAIY;YAAE,QAAQ,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE;;;;;uCAUjD;YAAE,OAAO,EAAE,MAAM,CAAA;SAAE;;;;;wCAMlB;YAAE,QAAQ,EAAE,MAAM,CAAA;SAAE;;;;;yCAMpB;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAE;;CAGvC,CAAC"}
+{"version":3,"file":"table-buttons.d.ts","sourceRoot":"","sources":["../../../../src/util/table-buttons.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,WAAW,GAAG,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,gBAAgB,GAAG,MAAM,CAAC;AAEjG,eAAO,MAAM,kBAAkB,EAAE;KAAG,CAAC,IAAI,WAAW,GAAG,MAAM;CAMnD,CAAC;AAEX,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GAC3C;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,gBAAgB,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GAC9D;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GACrC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CAAE,CAAC;AA2HlE,eAAO,MAAM,YAAY;;;;wCA/FA,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,WAAW,CAAA;SAAE,CAAC,EAAE,MAAM,CAAC;gCAShE,WAAW,KAAG,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,WAAW,CAAA;SAAE,CAAC;;;;;uCAMjD,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,gBAAgB,CAAA;SAAE,CAAC,EAAE,MAAM,CAAC;+BAUrE,WAAW,KAAG,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,gBAAgB,CAAA;SAAE,CAAC;;;;;kDAS1C,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,gBAAgB,CAAA;SAAE,CAAC,EAAE,MAAM,CAAC;+BAWhF,WAAW,KAAG,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,gBAAgB,CAAA;SAAE,CAAC;;;;;wCAUpD,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,SAAS,CAAA;SAAE,CAAC,EAAE,MAAM,CAAC;+BAU/D,WAAW,KAAG,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,SAAS,CAAA;SAAE,CAAC;;;;;kDASnC,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC,EAAE,MAAM,CAAC;+BActE,WAAW,KAAG,OAAO,CAAC,UAAU,EAAE;YAAE,IAAI,EAAE,MAAM,CAAA;SAAE,CAAC;;CAazD,CAAC"}

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

@@ -1,21 +1,44 @@
-export declare const checkboxAttributes: {
-    readonly checkbox: "data-table-checkbox";
-    readonly header: "data-table-header";
-};
-export type RenderCheckboxProps = {
+export type TableControl = 'checkbox' | 'switch';
+export type ControlData = {
+    type: 'checkbox';
     rowIndex: number;
     header?: boolean;
+} | {
+    type: 'switch';
+    colIndex: number;
+    rowIndex: number;
+};
+type CommonRenderProps = {
     checked?: boolean;
     disabled?: boolean;
 };
+export type RenderCheckboxProps = CommonRenderProps & Omit<Extract<ControlData, {
+    type: 'checkbox';
+}>, 'type'>;
+export type RenderSwitchProps = CommonRenderProps & Omit<Extract<ControlData, {
+    type: 'switch';
+}>, 'type'>;
+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 tableControls: {
     readonly checkbox: {
-        readonly attributes: {
-            readonly checkbox: "data-table-checkbox";
-            readonly header: "data-table-header";
-        };
+        readonly attr: "data-table-checkbox";
         readonly render: ({ rowIndex, header, checked, disabled, }: RenderCheckboxProps) => string;
+        readonly getData: (el: HTMLElement) => Extract<ControlData, {
+            type: "checkbox";
+        }>;
+    };
+    readonly switch: {
+        readonly attr: "data-table-switch";
+        readonly render: ({ colIndex, rowIndex, checked, disabled }: RenderSwitchProps) => string;
+        readonly getData: (el: HTMLElement) => Extract<ControlData, {
+            type: "switch";
+        }>;
     };
 };
+export {};
 //# sourceMappingURL=table-controls.d.ts.map

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":"AAIA,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAChH,eAAO,MAAM,cAAc,6CAKxB,mBAAmB,KAAG,MAIxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;oEANvB,mBAAmB,KAAG,MAAM;;CAWrB,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,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"}

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

@@ -1,11 +1,12 @@
-import { type MutableSchema } from '@dxos/echo-schema';
+import { type EchoSchema } from '@dxos/echo-schema';
 import { type Space } from '@dxos/react-client/echo';
 import { type TableType } from '../types';
 type InitialiseTableProps = {
     space: Space;
     table: TableType;
     initialRow?: boolean;
+    initialSchema?: string;
 };
-export declare const initializeTable: ({ space, table, initialRow }: InitialiseTableProps) => MutableSchema;
+export declare const initializeTable: ({ space, table, initialRow, initialSchema, }: InitialiseTableProps) => Promise<EchoSchema>;
 export {};
 //# sourceMappingURL=table.d.ts.map

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,EAML,KAAK,aAAa,EAInB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,eAAe,iCAAyC,oBAAoB,KAAG,aAsD3F,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/util/table.ts"],"names":[],"mappings":"AAIA,OAAO,EAML,KAAK,UAAU,EAIhB,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAmB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAGtE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAE1C,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAMF,eAAO,MAAM,eAAe,iDAKzB,oBAAoB,KAAG,OAAO,CAAC,UAAU,CAwF3C,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"5.7.2"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-table",
-  "version": "0.7.4",
+  "version": "0.7.5-labs.a279d8c",
   "description": "A table component.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -53,26 +53,27 @@
     "@tanstack/react-virtual": "^3.9.0",
     "date-fns": "^3.3.1",
     "lodash.orderby": "^4.6.0",
-    "@dxos/context": "0.7.4",
-    "@dxos/debug": "0.7.4",
-    "@dxos/echo-schema": "0.7.4",
-    "@dxos/invariant": "0.7.4",
-    "@dxos/keys": "0.7.4",
-    "@dxos/live-object": "0.7.4",
-    "@dxos/plugin-search": "0.7.4",
-    "@dxos/lit-grid": "0.7.4",
-    "@dxos/log": "0.7.4",
-    "@dxos/react-client": "0.7.4",
-    "@dxos/plugin-space": "0.7.4",
-    "@dxos/react-ui-attention": "0.7.4",
-    "@dxos/react-ui-form": "0.7.4",
-    "@dxos/react-ui-stack": "0.7.4",
-    "@dxos/react-ui-searchlist": "0.7.4",
-    "@dxos/react-ui-syntax-highlighter": "0.7.4",
-    "@dxos/react-ui-grid": "0.7.4",
-    "@dxos/react-ui-types": "0.7.4",
-    "@dxos/schema": "0.7.4",
-    "@dxos/util": "0.7.4"
+    "@dxos/context": "0.7.5-labs.a279d8c",
+    "@dxos/echo-schema": "0.7.5-labs.a279d8c",
+    "@dxos/debug": "0.7.5-labs.a279d8c",
+    "@dxos/invariant": "0.7.5-labs.a279d8c",
+    "@dxos/lit-grid": "0.7.5-labs.a279d8c",
+    "@dxos/live-object": "0.7.5-labs.a279d8c",
+    "@dxos/keys": "0.7.5-labs.a279d8c",
+    "@dxos/log": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-search": "0.7.5-labs.a279d8c",
+    "@dxos/react-client": "0.7.5-labs.a279d8c",
+    "@dxos/plugin-space": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-attention": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-grid": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-form": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-searchlist": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-stack": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-types": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-menu": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-syntax-highlighter": "0.7.5-labs.a279d8c",
+    "@dxos/schema": "0.7.5-labs.a279d8c",
+    "@dxos/util": "0.7.5-labs.a279d8c"
   },
   "devDependencies": {
     "@phosphor-icons/react": "^2.1.5",
@@ -83,19 +84,19 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/echo-signals": "0.7.4",
-    "@dxos/random": "0.7.4",
-    "@dxos/react-ui": "0.7.4",
-    "@dxos/react-ui-theme": "0.7.4",
-    "@dxos/test-utils": "0.7.4",
-    "@dxos/storybook-utils": "0.7.4"
+    "@dxos/echo-signals": "0.7.5-labs.a279d8c",
+    "@dxos/random": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-theme": "0.7.5-labs.a279d8c",
+    "@dxos/storybook-utils": "0.7.5-labs.a279d8c",
+    "@dxos/test-utils": "0.7.5-labs.a279d8c"
   },
   "peerDependencies": {
     "@phosphor-icons/react": "^2.1.5",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.7.4",
-    "@dxos/react-ui-theme": "0.7.4"
+    "@dxos/react-ui": "0.7.5-labs.a279d8c",
+    "@dxos/react-ui-theme": "0.7.5-labs.a279d8c"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Table/ColumnActionsMenu.tsx

@@ -6,31 +6,31 @@ import React from 'react';
 
 import { DropdownMenu, useTranslation } from '@dxos/react-ui';
 
-import { type TableModel } from '../../model';
+import { type TableModel, type ModalController } from '../../model';
 import { translationKey } from '../../translations';
 
-type ColumnActionsMenuProps = { model?: TableModel };
+type ColumnActionsMenuProps = { model: TableModel; modals: ModalController };
 
-export const ColumnActionsMenu = ({ model }: ColumnActionsMenuProps) => {
+export const ColumnActionsMenu = ({ model, modals }: ColumnActionsMenuProps) => {
   const { t } = useTranslation(translationKey);
-  const state = model?.modalController.state.value;
-  if (!model || state?.type !== 'column') {
+  const state = modals.state.value;
+  if (state?.type !== 'column') {
     return null;
   }
 
-  const currentSort = model.sorting;
+  const currentSort = model.sorting?.sorting;
   const isCurrentColumnSorted = currentSort?.fieldId === state.fieldId;
 
   return (
-    <DropdownMenu.Root modal={false} open={state?.type === 'column'} onOpenChange={model.modalController.close}>
-      <DropdownMenu.VirtualTrigger virtualRef={model.modalController.trigger} />
+    <DropdownMenu.Root modal={false} open={true} onOpenChange={modals.close}>
+      <DropdownMenu.VirtualTrigger virtualRef={modals.trigger} />
       <DropdownMenu.Portal>
         <DropdownMenu.Content>
           <DropdownMenu.Viewport>
             {(!isCurrentColumnSorted || currentSort?.direction === 'asc') && (
               <DropdownMenu.Item
                 data-testid='column-sort-descending'
-                onClick={() => model.setSort(state.fieldId, 'desc')}
+                onClick={() => model.sorting?.setSort(state.fieldId, 'desc')}
               >
                 {t('column action sort descending')}
               </DropdownMenu.Item>
@@ -38,13 +38,13 @@ export const ColumnActionsMenu = ({ model }: ColumnActionsMenuProps) => {
             {(!isCurrentColumnSorted || currentSort?.direction === 'desc') && (
               <DropdownMenu.Item
                 data-testid='column-sort-ascending'
-                onClick={() => model.setSort(state.fieldId, 'asc')}
+                onClick={() => model.sorting?.setSort(state.fieldId, 'asc')}
               >
                 {t('column action sort ascending')}
               </DropdownMenu.Item>
             )}
             {isCurrentColumnSorted && (
-              <DropdownMenu.Item data-testid='column-clear-sort' onClick={() => model.clearSort()}>
+              <DropdownMenu.Item data-testid='column-clear-sort' onClick={() => model.sorting?.clearSort()}>
                 {t('column action clear sorting')}
               </DropdownMenu.Item>
             )}
@@ -53,7 +53,7 @@ export const ColumnActionsMenu = ({ model }: ColumnActionsMenuProps) => {
                 {t('column action delete')}
               </DropdownMenu.Item>
             )}
-            <DropdownMenu.Item data-testid='column-settings' onClick={() => model.modalController.openColumnSettings()}>
+            <DropdownMenu.Item data-testid='column-settings' onClick={() => modals.openColumnSettings()}>
               {t('column action settings')}
             </DropdownMenu.Item>
           </DropdownMenu.Viewport>

package/src/components/Table/ColumnSettings.tsx

@@ -9,13 +9,13 @@ import { DropdownMenu } from '@dxos/react-ui';
 import { FieldEditor } from '@dxos/react-ui-form';
 import { type FieldType } from '@dxos/schema';
 
-import { type TableModel } from '../../model';
+import { type TableModel, type ModalController } from '../../model';
 
-type ColumnSettingsProps = { model?: TableModel; onNewColumn: () => void };
+type ColumnSettingsProps = { model?: TableModel; modals: ModalController; onNewColumn: () => void };
 
-export const ColumnSettings = ({ model, onNewColumn }: ColumnSettingsProps) => {
+export const ColumnSettings = ({ model, modals, onNewColumn }: ColumnSettingsProps) => {
   const [newField, setNewField] = useState<FieldType>();
-  const state = model?.modalController.state.value;
+  const state = modals.state.value;
 
   const space = getSpace(model?.table);
 
@@ -34,17 +34,17 @@ export const ColumnSettings = ({ model, onNewColumn }: ColumnSettingsProps) => {
     if (state?.type === 'columnSettings') {
       const { mode } = state;
       if (mode.type === 'edit') {
-        return model?.table?.view?.fields.find((f) => f.id === mode.fieldId);
+        return model?.table?.view?.target?.fields.find((f) => f.id === mode.fieldId);
       }
     }
     return undefined;
-  }, [model?.table?.view?.fields, state]);
+  }, [model?.table?.view?.target?.fields, state]);
 
   const field = existingField ?? newField;
 
   const handleSave = useCallback(() => {
-    model?.modalController.close();
-  }, [model?.modalController]);
+    modals.close();
+  }, [modals]);
 
   const handleCancel = useCallback(() => {
     if (state?.type === 'columnSettings' && state.mode.type === 'create' && newField) {
@@ -52,18 +52,18 @@ export const ColumnSettings = ({ model, onNewColumn }: ColumnSettingsProps) => {
     }
   }, [model?.projection, state, newField]);
 
-  if (!model?.table?.view || !model.projection || !field) {
+  if (!model?.table?.view?.target || !model.projection || !field) {
     return null;
   }
 
   return (
     <DropdownMenu.Root modal={false} open={state?.type === 'columnSettings'}>
-      <DropdownMenu.VirtualTrigger virtualRef={model.modalController.trigger} />
+      <DropdownMenu.VirtualTrigger virtualRef={modals.trigger} />
       <DropdownMenu.Portal>
         <DropdownMenu.Content classNames='md:is-64'>
           <DropdownMenu.Viewport>
             <FieldEditor
-              view={model.table.view}
+              view={model.table.view.target!}
               projection={model.projection}
               field={field}
               registry={space?.db.schemaRegistry}