cx 26.0.5 → 26.0.6

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 (127) 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 +6 -2
  5. package/build/ui/app/startAppLoop.d.ts +3 -2
  6. package/build/ui/app/startHotAppLoop.d.ts +3 -2
  7. package/build/ui/layout/ContentPlaceholder.spec.js +12 -12
  8. package/build.js +129 -129
  9. package/dist/manifest.js +844 -844
  10. package/package.json +2 -2
  11. package/src/charts/Chart.ts +108 -108
  12. package/src/data/ArrayElementView.ts +90 -90
  13. package/src/data/AugmentedViewBase.ts +88 -88
  14. package/src/data/Binding.ts +104 -104
  15. package/src/data/ExposedRecordView.ts +95 -95
  16. package/src/data/ExposedValueView.ts +89 -89
  17. package/src/data/Expression.spec.ts +229 -229
  18. package/src/data/Expression.ts +233 -233
  19. package/src/data/Grouper.spec.ts +57 -57
  20. package/src/data/Grouper.ts +158 -158
  21. package/src/data/NestedDataView.ts +43 -43
  22. package/src/data/ReadOnlyDataView.ts +39 -39
  23. package/src/data/Ref.ts +104 -104
  24. package/src/data/Selector.ts +10 -10
  25. package/src/data/Store.ts +52 -52
  26. package/src/data/StoreProxy.ts +19 -19
  27. package/src/data/StoreRef.ts +66 -66
  28. package/src/data/StringTemplate.spec.ts +132 -132
  29. package/src/data/StringTemplate.ts +93 -93
  30. package/src/data/StructuredSelector.spec.ts +113 -113
  31. package/src/data/StructuredSelector.ts +146 -146
  32. package/src/data/SubscribableView.ts +63 -63
  33. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  34. package/src/data/ZoomIntoPropertyView.ts +45 -45
  35. package/src/data/computable.spec.ts +62 -62
  36. package/src/data/createAccessorModelProxy.ts +60 -60
  37. package/src/data/createStructuredSelector.ts +62 -62
  38. package/src/data/getAccessor.spec.ts +11 -11
  39. package/src/data/getAccessor.ts +74 -74
  40. package/src/data/getSelector.spec.ts +43 -43
  41. package/src/data/getSelector.ts +66 -66
  42. package/src/data/ops/filter.spec.ts +35 -35
  43. package/src/data/ops/filter.ts +9 -9
  44. package/src/data/ops/merge.ts +13 -13
  45. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  46. package/src/data/ops/removeTreeNodes.ts +15 -15
  47. package/src/data/ops/updateArray.spec.ts +69 -69
  48. package/src/data/ops/updateArray.ts +31 -31
  49. package/src/data/ops/updateTree.ts +23 -23
  50. package/src/data/test-types.ts +7 -7
  51. package/src/hooks/useTrigger.ts +26 -26
  52. package/src/index.scss +6 -6
  53. package/src/jsx-runtime.ts +72 -72
  54. package/src/svg/BoundedObject.ts +101 -101
  55. package/src/ui/CSSHelper.ts +17 -17
  56. package/src/ui/ContentResolver.ts +124 -124
  57. package/src/ui/Controller.ts +189 -189
  58. package/src/ui/Culture.ts +159 -159
  59. package/src/ui/DataProxy.ts +55 -55
  60. package/src/ui/FocusManager.ts +171 -171
  61. package/src/ui/Instance.ts +868 -868
  62. package/src/ui/RenderingContext.ts +99 -99
  63. package/src/ui/Rescope.ts +49 -49
  64. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  65. package/src/ui/VDOM.ts +34 -34
  66. package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
  67. package/src/ui/adapter/ArrayAdapter.ts +226 -226
  68. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  69. package/src/ui/adapter/TreeAdapter.ts +185 -185
  70. package/src/ui/app/History.ts +133 -133
  71. package/src/ui/app/Url.spec.ts +50 -50
  72. package/src/ui/app/startAppLoop.tsx +2 -1
  73. package/src/ui/app/startHotAppLoop.ts +2 -1
  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/drag-drop/ops.tsx +1 -1
  96. package/src/widgets/grid/GridCell.ts +143 -143
  97. package/src/widgets/icons/calendar.tsx +17 -17
  98. package/src/widgets/icons/check.tsx +13 -13
  99. package/src/widgets/icons/clear.tsx +15 -15
  100. package/src/widgets/icons/close.tsx +20 -20
  101. package/src/widgets/icons/cx.tsx +38 -38
  102. package/src/widgets/icons/drop-down.tsx +15 -15
  103. package/src/widgets/icons/file.tsx +13 -13
  104. package/src/widgets/icons/folder-open.tsx +15 -15
  105. package/src/widgets/icons/folder.tsx +13 -13
  106. package/src/widgets/icons/forward.tsx +22 -22
  107. package/src/widgets/icons/loading.tsx +24 -24
  108. package/src/widgets/icons/menu.tsx +17 -17
  109. package/src/widgets/icons/pixel-picker.tsx +18 -18
  110. package/src/widgets/icons/search.tsx +13 -13
  111. package/src/widgets/icons/sort-asc.tsx +14 -14
  112. package/src/widgets/icons/square.tsx +18 -18
  113. package/src/widgets/nav/Route.ts +142 -142
  114. package/src/widgets/overlay/ContextMenu.ts +42 -42
  115. package/src/widgets/overlay/Dropdown.tsx +762 -762
  116. package/src/widgets/overlay/MsgBox.tsx +141 -141
  117. package/src/widgets/overlay/Toast.ts +111 -111
  118. package/src/widgets/overlay/Window.tsx +299 -299
  119. package/src/widgets/overlay/alerts.ts +46 -46
  120. package/src/widgets/overlay/captureMouse.ts +195 -195
  121. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +72 -72
  122. package/src/widgets/overlay/index.d.ts +11 -11
  123. package/src/widgets/overlay/index.ts +11 -11
  124. package/src/widgets/overlay/tooltip-ops.ts +173 -173
  125. package/build/ui/PureContainer.spec.d.ts +0 -1
  126. package/build/ui/PureContainer.spec.js +0 -149
  127. package/dist/manifest.d.ts +0 -1443
@@ -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;