@dxos/react-ui-table 0.6.13-staging.1e988a3 → 0.6.14-main.2b6a0f3

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 (63) hide show
  1. package/dist/lib/browser/index.mjs +49 -132
  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/ColumnMenu.d.ts +6 -3
  5. package/dist/types/src/components/ColumnMenu/ColumnMenu.d.ts.map +1 -1
  6. package/dist/types/src/components/ColumnMenu/ColumnMenu.stories.d.ts +3 -3
  7. package/dist/types/src/components/ColumnMenu/ColumnMenu.stories.d.ts.map +1 -1
  8. package/dist/types/src/components/ColumnMenu/ColumnSettings.d.ts +15 -0
  9. package/dist/types/src/components/ColumnMenu/ColumnSettings.d.ts.map +1 -0
  10. package/dist/types/src/components/ColumnMenu/ColumnSettings.stories.d.ts +84 -0
  11. package/dist/types/src/components/ColumnMenu/ColumnSettings.stories.d.ts.map +1 -0
  12. package/dist/types/src/components/ColumnMenu/index.d.ts +1 -1
  13. package/dist/types/src/components/ColumnMenu/index.d.ts.map +1 -1
  14. package/dist/types/src/components/Table/Table.d.ts.map +1 -1
  15. package/dist/types/src/components/Table/Table.stories.d.ts +9 -27
  16. package/dist/types/src/components/Table/Table.stories.d.ts.map +1 -1
  17. package/dist/types/src/components/Table/TableContext.d.ts +2 -4
  18. package/dist/types/src/components/Table/TableContext.d.ts.map +1 -1
  19. package/dist/types/src/components/Table/TableHead.d.ts.map +1 -1
  20. package/dist/types/src/components/Table/index.d.ts +2 -1
  21. package/dist/types/src/components/Table/index.d.ts.map +1 -1
  22. package/dist/types/src/helpers.d.ts +1 -1
  23. package/dist/types/src/helpers.d.ts.map +1 -1
  24. package/dist/types/src/hooks/useRowSelection.d.ts.map +1 -1
  25. package/dist/types/src/schema/{SchemaToTable.stories.d.ts → Schema.stories.d.ts} +2 -3
  26. package/dist/types/src/schema/Schema.stories.d.ts.map +1 -0
  27. package/dist/types/src/schema/{schemaToColumns.d.ts → column-utils.d.ts} +2 -2
  28. package/dist/types/src/schema/column-utils.d.ts.map +1 -0
  29. package/dist/types/src/schema/index.d.ts +1 -1
  30. package/dist/types/src/schema/index.d.ts.map +1 -1
  31. package/dist/types/src/schema/types.d.ts +10 -4
  32. package/dist/types/src/schema/types.d.ts.map +1 -1
  33. package/package.json +23 -20
  34. package/src/components/ColumnMenu/ColumnMenu.stories.tsx +14 -13
  35. package/src/components/ColumnMenu/ColumnMenu.tsx +8 -5
  36. package/src/components/ColumnMenu/{ColumnSettingsForm.stories.tsx → ColumnSettings.stories.tsx} +27 -23
  37. package/src/components/ColumnMenu/{ColumnSettingsForm.tsx → ColumnSettings.tsx} +44 -43
  38. package/src/components/ColumnMenu/index.ts +1 -1
  39. package/src/components/Table/Table.stories.tsx +93 -95
  40. package/src/components/Table/Table.tsx +10 -15
  41. package/src/components/Table/TableContext.tsx +13 -7
  42. package/src/components/Table/TableHead.tsx +0 -1
  43. package/src/components/Table/index.ts +2 -1
  44. package/src/components/Table/props.ts +4 -4
  45. package/src/helpers.tsx +4 -6
  46. package/src/hooks/useRowSelection.ts +1 -0
  47. package/src/schema/{SchemaToTable.stories.tsx → Schema.stories.tsx} +11 -23
  48. package/src/schema/{schemaToColumns.ts → column-utils.ts} +10 -10
  49. package/src/schema/index.ts +1 -1
  50. package/src/schema/types.ts +14 -6
  51. package/src/translations.ts +1 -1
  52. package/dist/types/src/components/ColumnMenu/ColumnSettingsForm.d.ts +0 -12
  53. package/dist/types/src/components/ColumnMenu/ColumnSettingsForm.d.ts.map +0 -1
  54. package/dist/types/src/components/ColumnMenu/ColumnSettingsForm.stories.d.ts +0 -63
  55. package/dist/types/src/components/ColumnMenu/ColumnSettingsForm.stories.d.ts.map +0 -1
  56. package/dist/types/src/schema/SchemaToTable.stories.d.ts.map +0 -1
  57. package/dist/types/src/schema/schema.d.ts +0 -5
  58. package/dist/types/src/schema/schema.d.ts.map +0 -1
  59. package/dist/types/src/schema/schema.test.d.ts +0 -2
  60. package/dist/types/src/schema/schema.test.d.ts.map +0 -1
  61. package/dist/types/src/schema/schemaToColumns.d.ts.map +0 -1
  62. package/src/schema/schema.test.ts +0 -148
  63. package/src/schema/schema.ts +0 -93
@@ -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,5 +0,0 @@
1
- import type * as S from '@effect/schema/Schema';
2
- import { type ColumnType } from './types';
3
- export type ClassifiedColumnType = ColumnType | 'display';
4
- export declare const classifySchemaProperties: (schema: S.Schema<any, any>) => [string, ClassifiedColumnType][];
5
- //# sourceMappingURL=schema.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/schema/schema.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,CAAC,MAAM,uBAAuB,CAAC;AAEhD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,SAAS,CAAC;AAG1D,eAAO,MAAM,wBAAwB,WAAY,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,KAAG,CAAC,MAAM,EAAE,oBAAoB,CAAC,EAwBnG,CAAC"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=schema.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"schema.test.d.ts","sourceRoot":"","sources":["../../../../src/schema/schema.test.ts"],"names":[],"mappings":""}
@@ -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"}
@@ -1,148 +0,0 @@
1
- //
2
- // Copyright 2024 DXOS.org
3
- //
4
-
5
- import { expect } from 'chai';
6
-
7
- import { S } from '@dxos/echo-schema';
8
- import { describe, test } from '@dxos/test';
9
-
10
- import { classifySchemaProperties } from './schema';
11
-
12
- describe('schema->column-type', () => {
13
- test('basic', () => {
14
- const simpleSchema = S.Struct({
15
- field1: S.String,
16
- field2: S.Number,
17
- });
18
-
19
- const columns = classifySchemaProperties(simpleSchema);
20
-
21
- expect(columns).to.deep.equal([
22
- ['field1', 'string'],
23
- ['field2', 'number'],
24
- ]);
25
- });
26
-
27
- test('optional properties', () => {
28
- const simpleSchema = S.Struct({
29
- field1: S.optional(S.String),
30
- field2: S.optional(S.Number),
31
- });
32
-
33
- const columns = classifySchemaProperties(simpleSchema);
34
-
35
- expect(columns).to.deep.equal([
36
- ['field1', 'string'],
37
- ['field2', 'number'],
38
- ]);
39
- });
40
-
41
- test('dates', () => {
42
- const simpleSchema = S.Struct({
43
- field1: S.Date,
44
- field2: S.optional(S.Date),
45
- });
46
-
47
- const columns = classifySchemaProperties(simpleSchema);
48
-
49
- expect(columns).to.deep.equal([
50
- ['field1', 'date'],
51
- ['field2', 'date'],
52
- ]);
53
- });
54
-
55
- test('Piped validators', () => {
56
- const simpleSchema = S.Struct({
57
- name: S.optional(S.String.pipe(S.nonEmpty(), S.maxLength(10))),
58
- age: S.Number.pipe(S.negative()),
59
- });
60
-
61
- const columns = classifySchemaProperties(simpleSchema);
62
-
63
- expect(columns).to.deep.equal([
64
- ['name', 'string'],
65
- ['age', 'number'],
66
- ]);
67
- });
68
-
69
- test('nested schema', () => {
70
- const simpleSchema = S.Struct({
71
- name: S.String,
72
- nested: S.Struct({
73
- age: S.Number,
74
- }),
75
- someUnion: S.Union(S.String, S.Number),
76
- });
77
-
78
- const columns = classifySchemaProperties(simpleSchema);
79
-
80
- expect(columns).to.deep.equal([
81
- ['name', 'string'],
82
- ['nested.age', 'number'],
83
- ['someUnion', 'display'],
84
- ]);
85
- });
86
-
87
- test('deeply nested schema', () => {
88
- const simpleSchema = S.Struct({
89
- name: S.String,
90
- nested: S.Struct({
91
- age: S.Number,
92
- deeplyNested: S.Struct({
93
- height: S.Number,
94
- }),
95
- }),
96
- });
97
-
98
- const columns = classifySchemaProperties(simpleSchema);
99
-
100
- expect(columns).to.deep.equal([
101
- ['name', 'string'],
102
- ['nested.age', 'number'],
103
- ['nested.deeplyNested.height', 'number'],
104
- ]);
105
- });
106
-
107
- test('even more deeply nested schema with optionals', () => {
108
- const simpleSchema = S.Struct({
109
- name: S.String,
110
- nested: S.Struct({
111
- age: S.Number,
112
- deeplyNested: S.optional(
113
- S.Struct({
114
- height: S.optional(S.Number),
115
- }),
116
- ),
117
- }),
118
- });
119
-
120
- const columns = classifySchemaProperties(simpleSchema);
121
-
122
- expect(columns).to.deep.equal([
123
- ['name', 'string'],
124
- ['nested.age', 'number'],
125
- ['nested.deeplyNested.height', 'number'],
126
- ]);
127
- });
128
-
129
- test('multiple-nested schemata as sibblings', () => {
130
- const simpleSchema = S.Struct({
131
- name: S.String,
132
- nested: S.Struct({
133
- age: S.Number,
134
- }),
135
- nested2: S.Struct({
136
- height: S.Number,
137
- }),
138
- });
139
-
140
- const columns = classifySchemaProperties(simpleSchema);
141
-
142
- expect(columns).to.deep.equal([
143
- ['name', 'string'],
144
- ['nested.age', 'number'],
145
- ['nested2.height', 'number'],
146
- ]);
147
- });
148
- });
@@ -1,93 +0,0 @@
1
- //
2
- // Copyright 2024 DXOS.org
3
- //
4
-
5
- import * as AST from '@effect/schema/AST';
6
- import type * as S from '@effect/schema/Schema';
7
-
8
- import { type ColumnType } from './types';
9
-
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) => {
18
- const propName = prop.name.toString();
19
-
20
- if (prop.isOptional) {
21
- const unwrappedAst = unwrapOptionProperty(prop);
22
- if (isStruct(unwrappedAst)) {
23
- return recurse(unwrappedAst, [...path, propName], acc);
24
- }
25
- }
26
-
27
- if (isStruct(prop.type)) {
28
- recurse(prop.type, [...path, propName], acc);
29
- } else {
30
- acc.push([path.concat(propName).join('.'), propertyToColumn(prop)]);
31
- }
32
- });
33
-
34
- return acc;
35
- };
36
-
37
- return recurse(schema.ast, [], []);
38
- };
39
-
40
- const isStruct = (node: AST.AST) => AST.isTypeLiteral(node);
41
-
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)}`);
47
- }
48
-
49
- if (!AST.isUnion(prop.type)) {
50
- throw new Error(`Not a union type: ${String(prop.name)}`);
51
- }
52
-
53
- const [type, _undefinedCase] = prop.type.types;
54
- return type;
55
- };
56
-
57
- const typeToColumn = (type: AST.AST): ClassifiedColumnType => {
58
- if (AST.isStringKeyword(type)) {
59
- return 'string';
60
- } else if (AST.isNumberKeyword(type)) {
61
- return 'number';
62
- } else if (AST.isBooleanKeyword(type)) {
63
- return 'boolean';
64
- }
65
-
66
- if (AST.isRefinement(type)) {
67
- return typeToColumn(type.from);
68
- }
69
-
70
- // TODO(zan): How should we be thinking about transformations?
71
- // - Which of these are we storing in the database?
72
- // - For types that aren't the 'DateFromString' transformation, should we be using the 'from' or 'to' type?
73
-
74
- if (AST.isTransformation(type)) {
75
- const identifier = AST.getIdentifierAnnotation(type);
76
- if (identifier._tag === 'Some') {
77
- if (identifier.value === 'DateFromString') {
78
- return 'date';
79
- }
80
- }
81
- }
82
-
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);
93
- };