@dxos/react-ui-table 0.6.12-main.78ddbdf → 0.6.12-main.7907542

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/dist/lib/browser/index.mjs +48 -59
  2. package/dist/lib/browser/index.mjs.map +4 -4
  3. package/dist/lib/browser/meta.json +1 -1
  4. package/dist/types/src/components/ColumnMenu/ColumnSettings.d.ts +12 -0
  5. package/dist/types/src/components/ColumnMenu/ColumnSettings.d.ts.map +1 -0
  6. package/dist/types/src/components/ColumnMenu/ColumnSettings.stories.d.ts +83 -0
  7. package/dist/types/src/components/ColumnMenu/ColumnSettings.stories.d.ts.map +1 -0
  8. package/dist/types/src/components/ColumnMenu/index.d.ts +1 -1
  9. package/dist/types/src/components/ColumnMenu/index.d.ts.map +1 -1
  10. package/dist/types/src/components/Form/Form.stories.d.ts +42 -0
  11. package/dist/types/src/components/Form/Form.stories.d.ts.map +1 -0
  12. package/dist/types/src/components/Table/TableContext.d.ts +2 -4
  13. package/dist/types/src/components/Table/TableContext.d.ts.map +1 -1
  14. package/dist/types/src/components/Table/index.d.ts +2 -1
  15. package/dist/types/src/components/Table/index.d.ts.map +1 -1
  16. package/dist/types/src/helpers.d.ts +1 -1
  17. package/dist/types/src/helpers.d.ts.map +1 -1
  18. package/dist/types/src/schema/{SchemaToTable.stories.d.ts → Schema.stories.d.ts} +2 -3
  19. package/dist/types/src/schema/Schema.stories.d.ts.map +1 -0
  20. package/dist/types/src/schema/{schemaToColumns.d.ts → column-utils.d.ts} +2 -2
  21. package/dist/types/src/schema/column-utils.d.ts.map +1 -0
  22. package/dist/types/src/schema/index.d.ts +3 -1
  23. package/dist/types/src/schema/index.d.ts.map +1 -1
  24. package/dist/types/src/schema/schema.d.ts +2 -3
  25. package/dist/types/src/schema/schema.d.ts.map +1 -1
  26. package/dist/types/src/schema/types.d.ts +1 -1
  27. package/dist/types/src/schema/types.d.ts.map +1 -1
  28. package/package.json +19 -17
  29. package/src/components/ColumnMenu/ColumnMenu.stories.tsx +9 -9
  30. package/src/components/ColumnMenu/ColumnMenu.tsx +2 -2
  31. package/src/components/ColumnMenu/{ColumnSettingsForm.stories.tsx → ColumnSettings.stories.tsx} +18 -15
  32. package/src/components/ColumnMenu/{ColumnSettingsForm.tsx → ColumnSettings.tsx} +33 -36
  33. package/src/components/ColumnMenu/index.ts +1 -1
  34. package/src/components/Form/Form.stories.tsx +69 -0
  35. package/src/components/Table/Table.stories.tsx +2 -2
  36. package/src/components/Table/Table.tsx +2 -2
  37. package/src/components/Table/TableContext.tsx +13 -7
  38. package/src/components/Table/index.ts +2 -1
  39. package/src/helpers.tsx +4 -6
  40. package/src/schema/{SchemaToTable.stories.tsx → Schema.stories.tsx} +6 -15
  41. package/src/schema/{schemaToColumns.ts → column-utils.ts} +5 -5
  42. package/src/schema/index.ts +3 -1
  43. package/src/schema/schema.test.ts +20 -91
  44. package/src/schema/schema.ts +23 -30
  45. package/src/schema/types.ts +4 -2
  46. package/dist/types/src/components/ColumnMenu/ColumnSettingsForm.d.ts +0 -12
  47. package/dist/types/src/components/ColumnMenu/ColumnSettingsForm.d.ts.map +0 -1
  48. package/dist/types/src/components/ColumnMenu/ColumnSettingsForm.stories.d.ts +0 -63
  49. package/dist/types/src/components/ColumnMenu/ColumnSettingsForm.stories.d.ts.map +0 -1
  50. package/dist/types/src/schema/SchemaToTable.stories.d.ts.map +0 -1
  51. package/dist/types/src/schema/schemaToColumns.d.ts.map +0 -1
@@ -2,30 +2,27 @@
2
2
  // Copyright 2024 DXOS.org
3
3
  //
4
4
 
5
- import * as AST from '@effect/schema/AST';
6
- import type * as S from '@effect/schema/Schema';
5
+ import { AST, type S } from '@dxos/effect';
7
6
 
8
7
  import { type ColumnType } from './types';
9
8
 
10
- // TODO(burdon): Reconcile with react-ui-table.
11
- export type ClassifiedColumnType = ColumnType | 'display';
12
-
13
- // TODO(burdon): Rename getX? and return typed array?
14
- export const classifySchemaProperties = (schema: S.Schema<any, any>): [string, ClassifiedColumnType][] => {
15
- const recurse = (node: AST.AST, path: string[], acc: [string, ClassifiedColumnType][]) => {
16
- const properties = AST.getPropertySignatures(node);
17
- properties.forEach((prop) => {
9
+ // TODO(burdon): Factor out to @dxos/effect?
10
+ // TODO(burdon): Return struct (with prop metadata).
11
+ export const getColumnTypes = (schema: S.Schema<any, any>): [string, ColumnType][] => {
12
+ const visitNode = (node: AST.AST, path: string[] = [], acc: [string, ColumnType][] = []) => {
13
+ const props = AST.getPropertySignatures(node);
14
+ props.forEach((prop) => {
18
15
  const propName = prop.name.toString();
19
16
 
20
17
  if (prop.isOptional) {
21
18
  const unwrappedAst = unwrapOptionProperty(prop);
22
19
  if (isStruct(unwrappedAst)) {
23
- return recurse(unwrappedAst, [...path, propName], acc);
20
+ return visitNode(unwrappedAst, [...path, propName], acc);
24
21
  }
25
22
  }
26
23
 
27
24
  if (isStruct(prop.type)) {
28
- recurse(prop.type, [...path, propName], acc);
25
+ visitNode(prop.type, [...path, propName], acc);
29
26
  } else {
30
27
  acc.push([path.concat(propName).join('.'), propertyToColumn(prop)]);
31
28
  }
@@ -34,27 +31,31 @@ export const classifySchemaProperties = (schema: S.Schema<any, any>): [string, C
34
31
  return acc;
35
32
  };
36
33
 
37
- return recurse(schema.ast, [], []);
34
+ return visitNode(schema.ast);
38
35
  };
39
36
 
37
+ // TODO(burdon): Document AST?
40
38
  const isStruct = (node: AST.AST) => AST.isTypeLiteral(node);
41
39
 
42
- const isOptionalUnion = (prop: AST.PropertySignature) => AST.isUnion(prop.type) && prop.isOptional;
43
-
44
- const unwrapOptionProperty = (prop: AST.PropertySignature) => {
45
- if (!isOptionalUnion(prop)) {
46
- throw new Error(`Not an optional property: ${String(prop.name)}`);
40
+ const propertyToColumn = (prop: AST.PropertySignature): ColumnType => {
41
+ let type = prop.type;
42
+ if (prop.isOptional) {
43
+ type = unwrapOptionProperty(prop);
47
44
  }
48
45
 
46
+ return typeToColumn(type);
47
+ };
48
+
49
+ const unwrapOptionProperty = (prop: AST.PropertySignature) => {
49
50
  if (!AST.isUnion(prop.type)) {
50
51
  throw new Error(`Not a union type: ${String(prop.name)}`);
51
52
  }
52
53
 
53
- const [type, _undefinedCase] = prop.type.types;
54
+ const [type] = prop.type.types;
54
55
  return type;
55
56
  };
56
57
 
57
- const typeToColumn = (type: AST.AST): ClassifiedColumnType => {
58
+ const typeToColumn = (type: AST.AST): ColumnType => {
58
59
  if (AST.isStringKeyword(type)) {
59
60
  return 'string';
60
61
  } else if (AST.isNumberKeyword(type)) {
@@ -80,14 +81,6 @@ const typeToColumn = (type: AST.AST): ClassifiedColumnType => {
80
81
  }
81
82
  }
82
83
 
83
- return 'display';
84
- };
85
-
86
- const propertyToColumn = (prop: AST.PropertySignature): ClassifiedColumnType => {
87
- let type = prop.type;
88
- if (prop.isOptional) {
89
- type = unwrapOptionProperty(prop);
90
- }
91
-
92
- return typeToColumn(type);
84
+ // TODO(burdon): Better fallback?
85
+ return 'json';
93
86
  };
@@ -4,12 +4,14 @@
4
4
 
5
5
  export type TableDef = {
6
6
  id: string;
7
- name?: string; // TODO(burdon): Required?
7
+ name?: string;
8
8
  columns: ColumnProps[];
9
9
  };
10
10
 
11
- export type ColumnType = 'number' | 'boolean' | 'date' | 'string' | 'ref';
11
+ // TODO(burdon): Use Effect defs?
12
+ export type ColumnType = 'number' | 'boolean' | 'date' | 'string' | 'json' | 'ref';
12
13
 
14
+ // TODO(burdon): Effect schema?
13
15
  export type ColumnProps = {
14
16
  id: string;
15
17
  prop: string;
@@ -1,12 +0,0 @@
1
- import React from 'react';
2
- import { type TableDef, type ColumnProps } from '../../schema';
3
- export type ColumnSettingsFormProps = {
4
- column: ColumnProps;
5
- tableDef: TableDef;
6
- tablesToReference: TableDef[];
7
- onUpdate?: ((id: string, column: ColumnProps) => void) | undefined;
8
- onDelete?: ((id: string) => void) | undefined;
9
- onClose?: () => void;
10
- };
11
- export declare const ColumnSettingsForm: ({ column, tableDef, tablesToReference, onUpdate, onDelete, onClose, }: ColumnSettingsFormProps) => React.JSX.Element;
12
- //# sourceMappingURL=ColumnSettingsForm.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ColumnSettingsForm.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnSettingsForm.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAKhD,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,WAAW,EAAmB,MAAM,cAAc,CAAC;AAGhF,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,iBAAiB,EAAE,QAAQ,EAAE,CAAC;IAC9B,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,0EAO5B,uBAAuB,sBAkLzB,CAAC"}
@@ -1,63 +0,0 @@
1
- import '@dxos-theme';
2
- import React from 'react';
3
- import { type ColumnSettingsFormProps } from './ColumnSettingsForm';
4
- import { type TableDef } from '../../schema';
5
- declare const _default: {
6
- title: string;
7
- component: ({ column, tableDef, tablesToReference, onUpdate, onDelete, onClose, }: ColumnSettingsFormProps) => React.JSX.Element;
8
- decorators: import("@storybook/react/*").Decorator[];
9
- };
10
- export default _default;
11
- export declare const Default: {
12
- args: ColumnSettingsFormProps;
13
- };
14
- export declare const NumberColumn: {
15
- args: {
16
- column: {
17
- id: string;
18
- prop: string;
19
- type: string;
20
- label: string;
21
- digits: number;
22
- };
23
- tableDef: TableDef;
24
- tablesToReference: TableDef[];
25
- onUpdate?: ((id: string, column: import("../../schema").ColumnProps) => void) | undefined;
26
- onDelete?: ((id: string) => void) | undefined;
27
- onClose?: () => void;
28
- };
29
- };
30
- export declare const ReferenceColumn: {
31
- args: {
32
- column: {
33
- id: string;
34
- prop: string;
35
- type: string;
36
- label: string;
37
- refTable: string;
38
- refProp: string;
39
- };
40
- tableDef: TableDef;
41
- tablesToReference: TableDef[];
42
- onUpdate?: ((id: string, column: import("../../schema").ColumnProps) => void) | undefined;
43
- onDelete?: ((id: string) => void) | undefined;
44
- onClose?: () => void;
45
- };
46
- };
47
- export declare const NewColumn: {
48
- args: {
49
- column: {
50
- id: string;
51
- prop: string;
52
- type: string;
53
- label: string;
54
- };
55
- tableDef: TableDef;
56
- tablesToReference: TableDef[];
57
- onUpdate?: ((id: string, column: import("../../schema").ColumnProps) => void) | undefined;
58
- onDelete?: ((id: string) => void) | undefined;
59
- onClose?: () => void;
60
- };
61
- };
62
- export declare const Interactive: (args: ColumnSettingsFormProps) => React.JSX.Element;
63
- //# sourceMappingURL=ColumnSettingsForm.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ColumnSettingsForm.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/ColumnMenu/ColumnSettingsForm.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;;;;;;AAE7C,wBAIE;AAqCF,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;CAWxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;CAY3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAUrB,CAAC;AAQF,eAAO,MAAM,WAAW,SANA,uBAAuB,sBAMH,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SchemaToTable.stories.d.ts","sourceRoot":"","sources":["../../../../src/schema/SchemaToTable.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAIrB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;AAS1B,wBAWE;AAuBF,eAAO,MAAM,WAAW;;CAmBvB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"schemaToColumns.d.ts","sourceRoot":"","sources":["../../../../src/schema/schemaToColumns.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,mBAAmB,CAAC;AAK3C,eAAO,MAAM,kBAAkB,GAAI,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,CAAC,KAAG,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,EAoCjF,CAAC"}