@dxos/react-ui-table 0.8.3 → 0.8.4-main.1f223c7

package/dist/lib/node-esm/chunk-GBT6GD4G.mjs

@@ -1,29 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// packages/ui/react-ui-table/src/types/table.ts
-import { Schema } from "effect";
-import { Type } from "@dxos/echo";
-import { ObjectId, Ref, Expando, LabelAnnotation } from "@dxos/echo-schema";
-import { ViewType } from "@dxos/schema";
-var TableSchema = Schema.Struct({
-  id: ObjectId,
-  name: Schema.optional(Schema.String),
-  view: Schema.optional(Ref(ViewType)),
-  // TODO(burdon): Document why threads is included here?
-  threads: Schema.optional(Schema.Array(Ref(
-    Expando
-    /* ThreadType */
-  )))
-}).pipe(LabelAnnotation.set([
-  "name"
-]));
-var TableType = TableSchema.pipe(Type.Obj({
-  typename: "dxos.org/type/Table",
-  version: "0.1.0"
-}));
-
-export {
-  TableSchema,
-  TableType
-};
-//# sourceMappingURL=chunk-GBT6GD4G.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/table.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport { Schema } from 'effect';\n\n// import { ThreadType } from '@dxos/plugin-space/types';\nimport { Type } from '@dxos/echo';\nimport { ObjectId, Ref, Expando, LabelAnnotation } from '@dxos/echo-schema';\nimport { ViewType } from '@dxos/schema';\n\nexport const TableSchema = Schema.Struct({\n  id: ObjectId,\n  name: Schema.optional(Schema.String),\n  view: Schema.optional(Ref(ViewType)),\n  // TODO(burdon): Document why threads is included here?\n  threads: Schema.optional(Schema.Array(Ref(Expando /* ThreadType */))),\n}).pipe(LabelAnnotation.set(['name']));\n\n// TODO(burdon): Move out of react-ui-xxx.\nexport const TableType = TableSchema.pipe(\n  Type.Obj({\n    typename: 'dxos.org/type/Table',\n    version: '0.1.0',\n  }),\n);\nexport interface TableType extends Schema.Schema.Type<typeof TableType> {}\n"],
-  "mappings": ";;;AAIA,SAASA,cAAc;AAGvB,SAASC,YAAY;AACrB,SAASC,UAAUC,KAAKC,SAASC,uBAAuB;AACxD,SAASC,gBAAgB;AAElB,IAAMC,cAAcC,OAAOC,OAAO;EACvCC,IAAIC;EACJC,MAAMJ,OAAOK,SAASL,OAAOM,MAAM;EACnCC,MAAMP,OAAOK,SAASG,IAAIC,QAAAA,CAAAA;;EAE1BC,SAASV,OAAOK,SAASL,OAAOW,MAAMH;IAAII;;EAAsB,CAAA,CAAA;AAClE,CAAA,EAAGC,KAAKC,gBAAgBC,IAAI;EAAC;CAAO,CAAA;AAG7B,IAAMC,YAAYjB,YAAYc,KACnCI,KAAKC,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,CAAA;",
-  "names": ["Schema", "Type", "ObjectId", "Ref", "Expando", "LabelAnnotation", "ViewType", "TableSchema", "Schema", "Struct", "id", "ObjectId", "name", "optional", "String", "view", "Ref", "ViewType", "threads", "Array", "Expando", "pipe", "LabelAnnotation", "set", "TableType", "Type", "Obj", "typename", "version"]
-}

package/dist/types/src/components/Table/relations.stories.d.ts

@@ -1,9 +0,0 @@
-import '@dxos-theme';
-import { type StoryObj, type Meta } from '@storybook/react';
-import React from 'react';
-declare const DefaultStory: () => React.JSX.Element;
-declare const meta: Meta<typeof DefaultStory>;
-export default meta;
-type Story = StoryObj<typeof DefaultStory>;
-export declare const Default: Story;
-//# sourceMappingURL=relations.stories.d.ts.map

package/dist/types/src/components/Table/relations.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"relations.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Table/relations.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,KAA6B,MAAM,OAAO,CAAC;AA+ElD,QAAA,MAAM,YAAY,yBAejB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAanC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/components/TableCellEditor/extension.d.ts

@@ -1,13 +0,0 @@
-import { type CompletionResult } from '@codemirror/autocomplete';
-import { type Extension } from '@codemirror/state';
-export type CompletionOptions = {
-    debug?: boolean;
-    onQuery: (text: string) => Promise<CompletionResult['options']>;
-    onMatch: (data: any) => void;
-};
-/**
- * Autocomplete Codemirror extension.
- * https://codemirror.net/docs/ref/#autocomplete.autocompletion
- */
-export declare const completion: ({ debug, onQuery, onMatch }: CompletionOptions) => Extension;
-//# sourceMappingURL=extension.d.ts.map

package/dist/types/src/components/TableCellEditor/extension.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extension.d.ts","sourceRoot":"","sources":["../../../../../src/components/TableCellEditor/extension.ts"],"names":[],"mappings":"AAIA,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC;IAChE,OAAO,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;CAC9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,UAAU,GAAI,6BAA6B,iBAAiB,KAAG,SAqC3E,CAAC"}

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

@@ -1,56 +0,0 @@
-import { Schema } from 'effect';
-import { Type } from '@dxos/echo';
-import { Expando } from '@dxos/echo-schema';
-export declare const TableSchema: Schema.Struct<{
-    id: import("@dxos/keys").ObjectIdClass;
-    name: Schema.optional<typeof Schema.String>;
-    view: Schema.optional<import("@dxos/echo-schema").Ref$<import("@dxos/echo-schema").TypedObjectFields<{
-        name: Schema.SchemaClass<string, string, never>;
-        query: Schema.Schema<import("@dxos/echo-schema").QueryType, import("@dxos/echo-schema").QueryType, never>;
-        schema: Schema.optional<Schema.Schema<Type.JsonSchema, Type.JsonSchema, never>>;
-        fields: Schema.mutable<Schema.Array$<Schema.mutable<Schema.Struct<{
-            id: typeof Schema.String;
-            path: Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>;
-            visible: Schema.optional<typeof Schema.Boolean>;
-            size: Schema.optional<typeof Schema.Number>;
-            referencePath: Schema.optional<Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>>;
-        }>>>>;
-        hiddenFields: Schema.optional<Schema.mutable<Schema.Array$<Schema.mutable<Schema.Struct<{
-            id: typeof Schema.String;
-            path: Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>;
-            visible: Schema.optional<typeof Schema.Boolean>;
-            size: Schema.optional<typeof Schema.Number>;
-            referencePath: Schema.optional<Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>>;
-        }>>>>>;
-        metadata: Schema.optional<Schema.mutable<Schema.Record$<typeof Schema.String, typeof Schema.Any>>>;
-    }, import("@dxos/echo-schema").TypedObjectOptions>>>;
-    threads: Schema.optional<Schema.Array$<import("@dxos/echo-schema").Ref$<Expando>>>;
-}>;
-export declare const TableType: Type.obj<Schema.Struct<{
-    id: import("@dxos/keys").ObjectIdClass;
-    name: Schema.optional<typeof Schema.String>;
-    view: Schema.optional<import("@dxos/echo-schema").Ref$<import("@dxos/echo-schema").TypedObjectFields<{
-        name: Schema.SchemaClass<string, string, never>;
-        query: Schema.Schema<import("@dxos/echo-schema").QueryType, import("@dxos/echo-schema").QueryType, never>;
-        schema: Schema.optional<Schema.Schema<Type.JsonSchema, Type.JsonSchema, never>>;
-        fields: Schema.mutable<Schema.Array$<Schema.mutable<Schema.Struct<{
-            id: typeof Schema.String;
-            path: Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>;
-            visible: Schema.optional<typeof Schema.Boolean>;
-            size: Schema.optional<typeof Schema.Number>;
-            referencePath: Schema.optional<Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>>;
-        }>>>>;
-        hiddenFields: Schema.optional<Schema.mutable<Schema.Array$<Schema.mutable<Schema.Struct<{
-            id: typeof Schema.String;
-            path: Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>;
-            visible: Schema.optional<typeof Schema.Boolean>;
-            size: Schema.optional<typeof Schema.Number>;
-            referencePath: Schema.optional<Schema.Schema<import("@dxos/effect").JsonPath, import("@dxos/effect").JsonPath, never>>;
-        }>>>>>;
-        metadata: Schema.optional<Schema.mutable<Schema.Record$<typeof Schema.String, typeof Schema.Any>>>;
-    }, import("@dxos/echo-schema").TypedObjectOptions>>>;
-    threads: Schema.optional<Schema.Array$<import("@dxos/echo-schema").Ref$<Expando>>>;
-}>>;
-export interface TableType extends Schema.Schema.Type<typeof TableType> {
-}
-//# sourceMappingURL=table.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/types/table.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAGhC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAiB,OAAO,EAAmB,MAAM,mBAAmB,CAAC;AAG5E,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;EAMc,CAAC;AAGvC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;GAKrB,CAAC;AACF,MAAM,WAAW,SAAU,SAAQ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,SAAS,CAAC;CAAG"}

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

@@ -1,14 +0,0 @@
-import { Schema } from 'effect';
-import { type Client } from '@dxos/react-client';
-import { type Space } from '@dxos/react-client/echo';
-import { type TableType } from '../types';
-type InitialiseTableProps = {
-    client: Client;
-    space: Space;
-    table: TableType;
-    typename?: string;
-    initialRow?: boolean;
-};
-export declare const initializeTable: ({ client, space, table, typename, initialRow, }: InitialiseTableProps) => Promise<Schema.Schema.AnyNoContext>;
-export {};
-//# sourceMappingURL=table.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/util/table.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAYhC,OAAO,EAAE,KAAK,MAAM,EAAa,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAQ,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAG3D,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,GAAU,iDAMnC,oBAAoB,KAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,YAAY,CA0C3D,CAAC"}

package/src/components/TableCellEditor/extension.ts

@@ -1,61 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import {
-  autocompletion,
-  pickedCompletion,
-  type CompletionContext,
-  type CompletionResult,
-} from '@codemirror/autocomplete';
-import { type Extension } from '@codemirror/state';
-import { EditorView } from '@codemirror/view';
-
-export type CompletionOptions = {
-  debug?: boolean;
-  onQuery: (text: string) => Promise<CompletionResult['options']>;
-  onMatch: (data: any) => void;
-};
-
-/**
- * Autocomplete Codemirror extension.
- * https://codemirror.net/docs/ref/#autocomplete.autocompletion
- */
-export const completion = ({ debug, onQuery, onMatch }: CompletionOptions): Extension => {
-  return [
-    EditorView.theme({
-      '.cm-completionDialog': {
-        width: 'var(--dx-gridCellWidth)',
-      },
-    }),
-
-    autocompletion({
-      icons: false,
-      activateOnTyping: true,
-      closeOnBlur: !debug,
-      override: [
-        async (context: CompletionContext): Promise<CompletionResult> => {
-          const text = context.state.doc.toString();
-          return {
-            from: 0,
-            options: await onQuery(text),
-          };
-        },
-      ],
-
-      // TODO(burdon): Consts from grid (to line-up with grid).
-      tooltipClass: () => 'cm-completionDialog !mt-[8px] !-ml-[4px] [&>ul]:!max-h-[264px]',
-      optionClass: () => 'flex h-[33px] items-center',
-    }),
-
-    // Check for accepted completion metadata in the transaction.
-    EditorView.updateListener.of((update) => {
-      update.transactions.forEach((tr) => {
-        const completion = tr.annotation(pickedCompletion);
-        if (completion) {
-          onMatch((completion as any).data);
-        }
-      });
-    }),
-  ];
-};

package/src/playwright/playwright.config.cts

@@ -1,18 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { nxE2EPreset } from '@nx/playwright/preset';
-import { defineConfig } from '@playwright/test';
-
-import { e2ePreset } from '@dxos/test-utils/playwright';
-
-export default defineConfig({
-  ...nxE2EPreset(__filename, { testDir: __dirname }),
-  ...e2ePreset(__dirname),
-  webServer: {
-    command: 'pnpm -w nx storybook-e2e stories',
-    port: 9009,
-    reuseExistingServer: !process.env.CI,
-  },
-});

package/src/types/table.ts

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

package/src/util/table.ts

@@ -1,127 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { Schema } from 'effect';
-
-import {
-  type EchoSchema,
-  Format,
-  FormatEnum,
-  type JsonPath,
-  type JsonProp,
-  Ref,
-  TypedObject,
-  TypeEnum,
-} from '@dxos/echo-schema';
-import { type Client, PublicKey } from '@dxos/react-client';
-import { live, type Space } from '@dxos/react-client/echo';
-import { createFieldId, createView, getSchemaProperties, ViewProjection, type ViewType } from '@dxos/schema';
-
-import { type TableType } from '../types';
-
-// TODO(ZaymonFC): We don't need the client anymore.
-type InitialiseTableProps = {
-  client: Client;
-  space: Space;
-  table: TableType;
-  typename?: string;
-  initialRow?: boolean;
-};
-
-export const initializeTable = async ({
-  client,
-  space,
-  table,
-  typename,
-  initialRow = true,
-}: 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}`);
-    }
-
-    const fields = getSchemaProperties(schema.ast).map((prop) => prop.name);
-
-    table.view = Ref.make(
-      createView({
-        // TODO(ZaymonFC): Don't hardcode name?
-        name: 'View',
-        typename: schema.typename,
-        jsonSchema: schema.jsonSchema,
-        fields,
-      }),
-    );
-
-    return schema;
-  } else {
-    const [schema] = await space.db.schemaRegistry.register([createContactSchema()]);
-    const fields = ContactFields;
-
-    table.view = Ref.make(
-      createView({
-        name: 'View',
-        typename: schema.typename,
-        jsonSchema: schema.jsonSchema,
-        fields,
-      }),
-    );
-
-    createProjection(schema, table.view.target!);
-
-    if (initialRow) {
-      // TODO(burdon): Last (first) row should not be in db and should be managed by the model.
-      space.db.add(live(schema, {}));
-    }
-
-    return schema;
-  }
-};
-
-const createContactSchema = () =>
-  TypedObject({
-    typename: `example.com/type/${PublicKey.random().truncate()}`,
-    version: '0.1.0',
-  })({
-    name: Schema.optional(Schema.String).annotations({ title: 'Name' }),
-    active: Schema.optional(Schema.Boolean).annotations({ title: 'Active' }),
-    email: Schema.optional(Format.Email),
-    salary: Schema.optional(Format.Currency()).annotations({ title: 'Salary' }),
-  });
-
-const ContactFields = ['name', 'email', 'salary', 'active'];
-
-const createProjection = (schema: EchoSchema, view: ViewType): ViewProjection => {
-  const projection = new ViewProjection(schema.jsonSchema, view);
-  projection.setFieldProjection({
-    field: {
-      id: view.fields.find((f) => f.path === 'salary')!.id,
-      path: 'salary' as JsonPath,
-      size: 150,
-    },
-  });
-  projection.setFieldProjection({
-    field: {
-      id: view.fields.find((f) => f.path === 'active')!.id,
-      path: 'active' as JsonPath,
-      size: 100,
-    },
-  });
-  projection.setFieldProjection({
-    field: {
-      id: createFieldId(),
-      path: 'manager' as JsonPath,
-      referencePath: 'name' as JsonPath,
-    },
-    props: {
-      property: 'manager' as JsonProp,
-      type: TypeEnum.Ref,
-      format: FormatEnum.Ref,
-      referenceSchema: schema.typename,
-      title: 'Manager',
-    },
-  });
-
-  return projection;
-};