cx 26.0.3 → 26.0.5

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 (123) hide show
  1. package/build/data/ArrayElementView.spec.js +1 -1
  2. package/build/hooks/store.spec.js +1 -1
  3. package/build/hooks/useTrigger.spec.js +1 -1
  4. package/build/ui/Controller.spec.js +2 -6
  5. package/build/ui/PureContainer.spec.d.ts +1 -0
  6. package/build/ui/PureContainer.spec.js +149 -0
  7. package/build/ui/layout/ContentPlaceholder.spec.js +12 -12
  8. package/build.js +129 -129
  9. package/dist/manifest.d.ts +1443 -0
  10. package/dist/manifest.js +826 -826
  11. package/package.json +4 -3
  12. package/src/charts/Chart.ts +108 -108
  13. package/src/data/ArrayElementView.ts +90 -90
  14. package/src/data/AugmentedViewBase.ts +88 -88
  15. package/src/data/Binding.ts +104 -104
  16. package/src/data/ExposedRecordView.ts +95 -95
  17. package/src/data/ExposedValueView.ts +89 -89
  18. package/src/data/Expression.spec.ts +229 -229
  19. package/src/data/Expression.ts +233 -233
  20. package/src/data/Grouper.spec.ts +57 -57
  21. package/src/data/Grouper.ts +158 -158
  22. package/src/data/NestedDataView.ts +43 -43
  23. package/src/data/ReadOnlyDataView.ts +39 -39
  24. package/src/data/Ref.ts +104 -104
  25. package/src/data/Selector.ts +10 -10
  26. package/src/data/Store.ts +52 -52
  27. package/src/data/StoreProxy.ts +19 -19
  28. package/src/data/StoreRef.ts +66 -66
  29. package/src/data/StringTemplate.spec.ts +132 -132
  30. package/src/data/StringTemplate.ts +93 -93
  31. package/src/data/StructuredSelector.spec.ts +113 -113
  32. package/src/data/StructuredSelector.ts +146 -146
  33. package/src/data/SubscribableView.ts +63 -63
  34. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  35. package/src/data/ZoomIntoPropertyView.ts +45 -45
  36. package/src/data/computable.spec.ts +62 -62
  37. package/src/data/createAccessorModelProxy.ts +60 -60
  38. package/src/data/createStructuredSelector.ts +62 -62
  39. package/src/data/getAccessor.spec.ts +11 -11
  40. package/src/data/getAccessor.ts +74 -74
  41. package/src/data/getSelector.spec.ts +43 -43
  42. package/src/data/getSelector.ts +66 -66
  43. package/src/data/ops/filter.spec.ts +35 -35
  44. package/src/data/ops/filter.ts +9 -9
  45. package/src/data/ops/merge.ts +13 -13
  46. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  47. package/src/data/ops/removeTreeNodes.ts +15 -15
  48. package/src/data/ops/updateArray.spec.ts +69 -69
  49. package/src/data/ops/updateArray.ts +31 -31
  50. package/src/data/ops/updateTree.ts +23 -23
  51. package/src/data/test-types.ts +7 -7
  52. package/src/hooks/useTrigger.ts +26 -26
  53. package/src/index.scss +6 -6
  54. package/src/jsx-runtime.ts +72 -72
  55. package/src/svg/BoundedObject.ts +101 -101
  56. package/src/ui/CSSHelper.ts +17 -17
  57. package/src/ui/ContentResolver.ts +124 -124
  58. package/src/ui/Controller.ts +189 -189
  59. package/src/ui/Culture.ts +159 -159
  60. package/src/ui/DataProxy.ts +55 -55
  61. package/src/ui/FocusManager.ts +171 -171
  62. package/src/ui/Instance.ts +868 -868
  63. package/src/ui/RenderingContext.ts +99 -99
  64. package/src/ui/Rescope.ts +49 -49
  65. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  66. package/src/ui/VDOM.ts +34 -34
  67. package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
  68. package/src/ui/adapter/ArrayAdapter.ts +226 -226
  69. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  70. package/src/ui/adapter/TreeAdapter.ts +185 -185
  71. package/src/ui/app/History.ts +133 -133
  72. package/src/ui/app/Url.spec.ts +50 -50
  73. package/src/ui/app/startHotAppLoop.ts +40 -40
  74. package/src/ui/createFunctionalComponent.ts +65 -65
  75. package/src/ui/index.ts +45 -45
  76. package/src/ui/layout/Content.ts +30 -30
  77. package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
  78. package/src/ui/selection/KeySelection.ts +165 -165
  79. package/src/ui/selection/PropertySelection.ts +87 -87
  80. package/src/ui/selection/Selection.ts +118 -118
  81. package/src/util/Format.ts +267 -267
  82. package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
  83. package/src/util/color/rgbToHsl.ts +35 -35
  84. package/src/util/getActiveElement.ts +4 -4
  85. package/src/util/hasKey.ts +18 -18
  86. package/src/util/index.ts +55 -55
  87. package/src/util/innerTextTrim.ts +10 -10
  88. package/src/util/isArray.ts +3 -3
  89. package/src/util/isDataRecord.ts +5 -5
  90. package/src/util/isDefined.ts +3 -3
  91. package/src/util/isString.ts +3 -3
  92. package/src/widgets/Sandbox.ts +103 -103
  93. package/src/widgets/autoFocus.ts +9 -9
  94. package/src/widgets/cx.ts +63 -63
  95. package/src/widgets/grid/GridCell.ts +143 -143
  96. package/src/widgets/icons/calendar.tsx +17 -17
  97. package/src/widgets/icons/check.tsx +13 -13
  98. package/src/widgets/icons/clear.tsx +15 -15
  99. package/src/widgets/icons/close.tsx +20 -20
  100. package/src/widgets/icons/cx.tsx +38 -38
  101. package/src/widgets/icons/drop-down.tsx +15 -15
  102. package/src/widgets/icons/file.tsx +13 -13
  103. package/src/widgets/icons/folder-open.tsx +15 -15
  104. package/src/widgets/icons/folder.tsx +13 -13
  105. package/src/widgets/icons/forward.tsx +22 -22
  106. package/src/widgets/icons/loading.tsx +24 -24
  107. package/src/widgets/icons/menu.tsx +17 -17
  108. package/src/widgets/icons/pixel-picker.tsx +18 -18
  109. package/src/widgets/icons/search.tsx +13 -13
  110. package/src/widgets/icons/sort-asc.tsx +14 -14
  111. package/src/widgets/icons/square.tsx +18 -18
  112. package/src/widgets/nav/Route.ts +142 -142
  113. package/src/widgets/overlay/ContextMenu.ts +42 -42
  114. package/src/widgets/overlay/Dropdown.tsx +762 -762
  115. package/src/widgets/overlay/MsgBox.tsx +141 -141
  116. package/src/widgets/overlay/Toast.ts +111 -111
  117. package/src/widgets/overlay/Window.tsx +299 -299
  118. package/src/widgets/overlay/alerts.ts +46 -46
  119. package/src/widgets/overlay/captureMouse.ts +195 -195
  120. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +72 -72
  121. package/src/widgets/overlay/index.d.ts +11 -11
  122. package/src/widgets/overlay/index.ts +11 -11
  123. package/src/widgets/overlay/tooltip-ops.ts +173 -173
@@ -1,158 +1,158 @@
1
- import { getSelector } from "./getSelector";
2
- import { AggregateFunction } from "./AggregateFunction";
3
- import { Binding } from "./Binding";
4
-
5
- /*
6
- 'column': {
7
- index: 0,
8
- sort: 'asc',
9
- group: true
10
- aggregate: 'count'
11
- }
12
- */
13
-
14
- export interface GroupResult {
15
- key: any;
16
- name?: any;
17
- records: any[];
18
- indexes: number[];
19
- aggregates?: Record<string, any>;
20
- }
21
-
22
- export class Grouper {
23
- keys: any[];
24
- nameGetter?: any;
25
- dataGetter: any;
26
- aggregates?: any;
27
- groups: any;
28
-
29
- constructor(key: any, aggregates?: any, dataGetter?: any, nameGetter?: any) {
30
- this.keys = Object.keys(key).map((keyField) => {
31
- let isSimpleField = keyField.indexOf(".") === -1;
32
- let keySetter;
33
- if (isSimpleField) {
34
- // use simple field setter wherever possible
35
- keySetter = function set(result: any, value: any) {
36
- result[keyField] = value;
37
- return result;
38
- };
39
- } else {
40
- // for complex paths, use deep setter
41
- let binding = Binding.get(keyField);
42
- keySetter = (result: any, value: any) => binding.set(result, value);
43
- }
44
- return {
45
- name: keyField,
46
- keySetter,
47
- value: getSelector(key[keyField]),
48
- };
49
- });
50
- if (nameGetter) this.nameGetter = getSelector(nameGetter);
51
- this.dataGetter = dataGetter || ((x: any) => x);
52
- this.aggregates =
53
- aggregates &&
54
- transformValues(aggregates, (prop) => {
55
- if (!(prop.type in AggregateFunction)) throw new Error(`Unknown aggregate function '${prop.type}'.`);
56
-
57
- return {
58
- value: getSelector(prop.value),
59
- weight: getSelector(prop.weight ?? 1),
60
- type: prop.type,
61
- };
62
- });
63
- this.reset();
64
- }
65
-
66
- reset() {
67
- this.groups = this.initGroup(this.keys.length == 0);
68
- }
69
-
70
- initGroup(leaf: boolean) {
71
- if (!leaf) return {};
72
-
73
- return {
74
- records: [],
75
- indexes: [],
76
- aggregates:
77
- this.aggregates &&
78
- transformValues(this.aggregates, (prop) => {
79
- let f = (AggregateFunction as any)[prop.type];
80
- return {
81
- processor: f(),
82
- value: prop.value,
83
- weight: prop.weight,
84
- };
85
- }),
86
- };
87
- }
88
-
89
- process(record: any, index: number) {
90
- let data = this.dataGetter(record);
91
- let key = this.keys.map((k) => k.value(data));
92
- let g = this.groups;
93
- for (let i = 0; i < key.length; i++) {
94
- let sg = g[key[i]];
95
- if (!sg) {
96
- sg = g[key[i]] = this.initGroup(i + 1 == key.length);
97
- if (this.nameGetter) sg.name = this.nameGetter(data);
98
- }
99
- g = sg;
100
- }
101
-
102
- g.records.push(record);
103
- g.indexes.push(index);
104
-
105
- if (g.aggregates) {
106
- for (let k in g.aggregates)
107
- g.aggregates[k].processor.process(g.aggregates[k].value(data), g.aggregates[k].weight(data));
108
- }
109
- }
110
-
111
- processAll(records: any[], indexes?: number[]) {
112
- if (indexes) {
113
- for (let i = 0; i < records.length; i++) this.process(records[i], indexes[i]);
114
- } else records.forEach((r: any, i: number) => this.process(r, i));
115
- }
116
-
117
- report(g: any, path: any[], level: number, results: GroupResult[]) {
118
- if (level == this.keys.length) {
119
- let key = {};
120
- this.keys.forEach((k: any, i: number) => {
121
- key = k.keySetter(key, path[i]);
122
- });
123
- results.push({
124
- key: key,
125
- name: g.name,
126
- records: g.records,
127
- indexes: g.indexes,
128
- aggregates: resolveKeyPaths(transformValues(g.aggregates, (p) => p.processor.getResult())),
129
- });
130
- } else {
131
- Object.keys(g).forEach((k) => this.report(g[k], [...path, k], level + 1, results));
132
- }
133
- }
134
-
135
- getResults(): GroupResult[] {
136
- let g = this.groups;
137
- let results: GroupResult[] = [];
138
- this.report(g, [], 0, results);
139
- return results;
140
- }
141
- }
142
-
143
- // transform object values using a function
144
- function transformValues(o: Record<string, any>, f: (v: any, k?: string) => any): Record<string, any> {
145
- let res: Record<string, any> = {};
146
- for (let k in o) res[k] = f(o[k], k);
147
- return res;
148
- }
149
-
150
- // transform keys like 'a.b.c' into nested objects
151
- function resolveKeyPaths(o: Record<string, any>) {
152
- let res: Record<string, any> = {};
153
- for (let k in o) {
154
- if (k.indexOf(".") > 0) res = Binding.get(k).set(res, o[k]);
155
- else res[k] = o[k];
156
- }
157
- return res;
158
- }
1
+ import { getSelector } from "./getSelector";
2
+ import { AggregateFunction } from "./AggregateFunction";
3
+ import { Binding } from "./Binding";
4
+
5
+ /*
6
+ 'column': {
7
+ index: 0,
8
+ sort: 'asc',
9
+ group: true
10
+ aggregate: 'count'
11
+ }
12
+ */
13
+
14
+ export interface GroupResult {
15
+ key: any;
16
+ name?: any;
17
+ records: any[];
18
+ indexes: number[];
19
+ aggregates?: Record<string, any>;
20
+ }
21
+
22
+ export class Grouper {
23
+ keys: any[];
24
+ nameGetter?: any;
25
+ dataGetter: any;
26
+ aggregates?: any;
27
+ groups: any;
28
+
29
+ constructor(key: any, aggregates?: any, dataGetter?: any, nameGetter?: any) {
30
+ this.keys = Object.keys(key).map((keyField) => {
31
+ let isSimpleField = keyField.indexOf(".") === -1;
32
+ let keySetter;
33
+ if (isSimpleField) {
34
+ // use simple field setter wherever possible
35
+ keySetter = function set(result: any, value: any) {
36
+ result[keyField] = value;
37
+ return result;
38
+ };
39
+ } else {
40
+ // for complex paths, use deep setter
41
+ let binding = Binding.get(keyField);
42
+ keySetter = (result: any, value: any) => binding.set(result, value);
43
+ }
44
+ return {
45
+ name: keyField,
46
+ keySetter,
47
+ value: getSelector(key[keyField]),
48
+ };
49
+ });
50
+ if (nameGetter) this.nameGetter = getSelector(nameGetter);
51
+ this.dataGetter = dataGetter || ((x: any) => x);
52
+ this.aggregates =
53
+ aggregates &&
54
+ transformValues(aggregates, (prop) => {
55
+ if (!(prop.type in AggregateFunction)) throw new Error(`Unknown aggregate function '${prop.type}'.`);
56
+
57
+ return {
58
+ value: getSelector(prop.value),
59
+ weight: getSelector(prop.weight ?? 1),
60
+ type: prop.type,
61
+ };
62
+ });
63
+ this.reset();
64
+ }
65
+
66
+ reset() {
67
+ this.groups = this.initGroup(this.keys.length == 0);
68
+ }
69
+
70
+ initGroup(leaf: boolean) {
71
+ if (!leaf) return {};
72
+
73
+ return {
74
+ records: [],
75
+ indexes: [],
76
+ aggregates:
77
+ this.aggregates &&
78
+ transformValues(this.aggregates, (prop) => {
79
+ let f = (AggregateFunction as any)[prop.type];
80
+ return {
81
+ processor: f(),
82
+ value: prop.value,
83
+ weight: prop.weight,
84
+ };
85
+ }),
86
+ };
87
+ }
88
+
89
+ process(record: any, index: number) {
90
+ let data = this.dataGetter(record);
91
+ let key = this.keys.map((k) => k.value(data));
92
+ let g = this.groups;
93
+ for (let i = 0; i < key.length; i++) {
94
+ let sg = g[key[i]];
95
+ if (!sg) {
96
+ sg = g[key[i]] = this.initGroup(i + 1 == key.length);
97
+ if (this.nameGetter) sg.name = this.nameGetter(data);
98
+ }
99
+ g = sg;
100
+ }
101
+
102
+ g.records.push(record);
103
+ g.indexes.push(index);
104
+
105
+ if (g.aggregates) {
106
+ for (let k in g.aggregates)
107
+ g.aggregates[k].processor.process(g.aggregates[k].value(data), g.aggregates[k].weight(data));
108
+ }
109
+ }
110
+
111
+ processAll(records: any[], indexes?: number[]) {
112
+ if (indexes) {
113
+ for (let i = 0; i < records.length; i++) this.process(records[i], indexes[i]);
114
+ } else records.forEach((r: any, i: number) => this.process(r, i));
115
+ }
116
+
117
+ report(g: any, path: any[], level: number, results: GroupResult[]) {
118
+ if (level == this.keys.length) {
119
+ let key = {};
120
+ this.keys.forEach((k: any, i: number) => {
121
+ key = k.keySetter(key, path[i]);
122
+ });
123
+ results.push({
124
+ key: key,
125
+ name: g.name,
126
+ records: g.records,
127
+ indexes: g.indexes,
128
+ aggregates: resolveKeyPaths(transformValues(g.aggregates, (p) => p.processor.getResult())),
129
+ });
130
+ } else {
131
+ Object.keys(g).forEach((k) => this.report(g[k], [...path, k], level + 1, results));
132
+ }
133
+ }
134
+
135
+ getResults(): GroupResult[] {
136
+ let g = this.groups;
137
+ let results: GroupResult[] = [];
138
+ this.report(g, [], 0, results);
139
+ return results;
140
+ }
141
+ }
142
+
143
+ // transform object values using a function
144
+ function transformValues(o: Record<string, any>, f: (v: any, k?: string) => any): Record<string, any> {
145
+ let res: Record<string, any> = {};
146
+ for (let k in o) res[k] = f(o[k], k);
147
+ return res;
148
+ }
149
+
150
+ // transform keys like 'a.b.c' into nested objects
151
+ function resolveKeyPaths(o: Record<string, any>) {
152
+ let res: Record<string, any> = {};
153
+ for (let k in o) {
154
+ if (k.indexOf(".") > 0) res = Binding.get(k).set(res, o[k]);
155
+ else res[k] = o[k];
156
+ }
157
+ return res;
158
+ }
@@ -1,43 +1,43 @@
1
- import { View, ViewConfig } from "./View";
2
- import { AugmentedViewBase } from "../data/AugmentedViewBase";
3
-
4
- export interface StructuredDataAccessor {
5
- getSelector(): (data: object) => Record<string, any>;
6
- get(): object;
7
- setItem(key: string, value: any): boolean;
8
- containsKey(key: string): boolean;
9
- getKeys(): string[];
10
- }
11
-
12
- export interface NestedDataViewConfig extends ViewConfig {
13
- nestedData?: StructuredDataAccessor;
14
- store: View;
15
- }
16
-
17
- export class NestedDataView extends AugmentedViewBase {
18
- declare nestedData?: StructuredDataAccessor;
19
-
20
- constructor(config: NestedDataViewConfig) {
21
- super(config);
22
- }
23
-
24
- protected embedAugmentData(result: Record<string, any>, parentStoreData: Record<string, any>): void {
25
- if (this.nestedData) {
26
- let nested = this.nestedData.getSelector()(parentStoreData);
27
- for (let key in nested) result[key] = nested[key];
28
- }
29
- }
30
-
31
- protected isExtraKey(key: string): boolean {
32
- return !!this.nestedData && this.nestedData.containsKey(key);
33
- }
34
-
35
- protected setExtraKeyValue(key: string, value: any): boolean {
36
- if (!this.nestedData) throw new Error("Internal error. This should not happen.");
37
- return this.nestedData.setItem(key, value);
38
- }
39
-
40
- protected deleteExtraKeyValue(key: string): boolean {
41
- return this.setExtraKeyValue(key, undefined);
42
- }
43
- }
1
+ import { View, ViewConfig } from "./View";
2
+ import { AugmentedViewBase } from "../data/AugmentedViewBase";
3
+
4
+ export interface StructuredDataAccessor {
5
+ getSelector(): (data: object) => Record<string, any>;
6
+ get(): object;
7
+ setItem(key: string, value: any): boolean;
8
+ containsKey(key: string): boolean;
9
+ getKeys(): string[];
10
+ }
11
+
12
+ export interface NestedDataViewConfig extends ViewConfig {
13
+ nestedData?: StructuredDataAccessor;
14
+ store: View;
15
+ }
16
+
17
+ export class NestedDataView extends AugmentedViewBase {
18
+ declare nestedData?: StructuredDataAccessor;
19
+
20
+ constructor(config: NestedDataViewConfig) {
21
+ super(config);
22
+ }
23
+
24
+ protected embedAugmentData(result: Record<string, any>, parentStoreData: Record<string, any>): void {
25
+ if (this.nestedData) {
26
+ let nested = this.nestedData.getSelector()(parentStoreData);
27
+ for (let key in nested) result[key] = nested[key];
28
+ }
29
+ }
30
+
31
+ protected isExtraKey(key: string): boolean {
32
+ return !!this.nestedData && this.nestedData.containsKey(key);
33
+ }
34
+
35
+ protected setExtraKeyValue(key: string, value: any): boolean {
36
+ if (!this.nestedData) throw new Error("Internal error. This should not happen.");
37
+ return this.nestedData.setItem(key, value);
38
+ }
39
+
40
+ protected deleteExtraKeyValue(key: string): boolean {
41
+ return this.setExtraKeyValue(key, undefined);
42
+ }
43
+ }
@@ -1,39 +1,39 @@
1
- import { View, ViewConfig } from "./View";
2
-
3
- export interface ReadOnlyDataViewConfig extends ViewConfig {
4
- data?: any;
5
- }
6
-
7
- export class ReadOnlyDataView extends View {
8
- declare store: View;
9
- declare data?: any;
10
- declare immutable?: boolean;
11
-
12
- constructor(config?: ReadOnlyDataViewConfig) {
13
- super(config);
14
- }
15
-
16
- getData(): any {
17
- if (this.sealed && this.meta.version === this.cache.version && this.cache.data === this.data)
18
- return this.cache.result;
19
-
20
- let data = this.store.getData();
21
- this.cache.result =
22
- this.sealed || this.immutable || this.store.sealed
23
- ? Object.assign({}, data, this.getAdditionalData(data))
24
- : Object.assign(data, this.getAdditionalData(data));
25
- this.cache.version = this.meta.version;
26
- this.cache.data = this.data;
27
- return this.cache.result;
28
- }
29
-
30
- getAdditionalData(data?: any): any {
31
- return this.data;
32
- }
33
-
34
- setData(data: any): void {
35
- this.data = data;
36
- }
37
- }
38
-
39
- ReadOnlyDataView.prototype.immutable = false;
1
+ import { View, ViewConfig } from "./View";
2
+
3
+ export interface ReadOnlyDataViewConfig extends ViewConfig {
4
+ data?: any;
5
+ }
6
+
7
+ export class ReadOnlyDataView extends View {
8
+ declare store: View;
9
+ declare data?: any;
10
+ declare immutable?: boolean;
11
+
12
+ constructor(config?: ReadOnlyDataViewConfig) {
13
+ super(config);
14
+ }
15
+
16
+ getData(): any {
17
+ if (this.sealed && this.meta.version === this.cache.version && this.cache.data === this.data)
18
+ return this.cache.result;
19
+
20
+ let data = this.store.getData();
21
+ this.cache.result =
22
+ this.sealed || this.immutable || this.store.sealed
23
+ ? Object.assign({}, data, this.getAdditionalData(data))
24
+ : Object.assign(data, this.getAdditionalData(data));
25
+ this.cache.version = this.meta.version;
26
+ this.cache.data = this.data;
27
+ return this.cache.result;
28
+ }
29
+
30
+ getAdditionalData(data?: any): any {
31
+ return this.data;
32
+ }
33
+
34
+ setData(data: any): void {
35
+ this.data = data;
36
+ }
37
+ }
38
+
39
+ ReadOnlyDataView.prototype.immutable = false;