cx 26.0.4 → 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.
- package/build/data/ArrayElementView.spec.js +1 -1
- package/build/hooks/store.spec.js +1 -1
- package/build/hooks/useTrigger.spec.js +1 -1
- package/build/ui/Controller.spec.js +6 -2
- package/build/ui/app/startAppLoop.d.ts +3 -2
- package/build/ui/app/startHotAppLoop.d.ts +3 -2
- package/build/ui/layout/ContentPlaceholder.spec.js +12 -12
- package/build.js +129 -129
- package/dist/manifest.js +844 -844
- package/package.json +3 -2
- package/src/charts/Chart.ts +108 -108
- package/src/data/ArrayElementView.ts +90 -90
- package/src/data/AugmentedViewBase.ts +88 -88
- package/src/data/Binding.ts +104 -104
- package/src/data/ExposedRecordView.ts +95 -95
- package/src/data/ExposedValueView.ts +89 -89
- package/src/data/Expression.spec.ts +229 -229
- package/src/data/Expression.ts +233 -233
- package/src/data/Grouper.spec.ts +57 -57
- package/src/data/Grouper.ts +158 -158
- package/src/data/NestedDataView.ts +43 -43
- package/src/data/ReadOnlyDataView.ts +39 -39
- package/src/data/Ref.ts +104 -104
- package/src/data/Selector.ts +10 -10
- package/src/data/Store.ts +52 -52
- package/src/data/StoreProxy.ts +19 -19
- package/src/data/StoreRef.ts +66 -66
- package/src/data/StringTemplate.spec.ts +132 -132
- package/src/data/StringTemplate.ts +93 -93
- package/src/data/StructuredSelector.spec.ts +113 -113
- package/src/data/StructuredSelector.ts +146 -146
- package/src/data/SubscribableView.ts +63 -63
- package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
- package/src/data/ZoomIntoPropertyView.ts +45 -45
- package/src/data/computable.spec.ts +62 -62
- package/src/data/createAccessorModelProxy.ts +60 -60
- package/src/data/createStructuredSelector.ts +62 -62
- package/src/data/getAccessor.spec.ts +11 -11
- package/src/data/getAccessor.ts +74 -74
- package/src/data/getSelector.spec.ts +43 -43
- package/src/data/getSelector.ts +66 -66
- package/src/data/ops/filter.spec.ts +35 -35
- package/src/data/ops/filter.ts +9 -9
- package/src/data/ops/merge.ts +13 -13
- package/src/data/ops/removeTreeNodes.spec.ts +37 -37
- package/src/data/ops/removeTreeNodes.ts +15 -15
- package/src/data/ops/updateArray.spec.ts +69 -69
- package/src/data/ops/updateArray.ts +31 -31
- package/src/data/ops/updateTree.ts +23 -23
- package/src/data/test-types.ts +7 -7
- package/src/hooks/useTrigger.ts +26 -26
- package/src/index.scss +6 -6
- package/src/jsx-runtime.ts +72 -72
- package/src/svg/BoundedObject.ts +101 -101
- package/src/ui/CSSHelper.ts +17 -17
- package/src/ui/ContentResolver.ts +124 -124
- package/src/ui/Controller.ts +189 -189
- package/src/ui/Culture.ts +159 -159
- package/src/ui/DataProxy.ts +55 -55
- package/src/ui/FocusManager.ts +171 -171
- package/src/ui/Instance.ts +868 -868
- package/src/ui/RenderingContext.ts +99 -99
- package/src/ui/Rescope.ts +49 -49
- package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
- package/src/ui/VDOM.ts +34 -34
- package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
- package/src/ui/adapter/ArrayAdapter.ts +226 -226
- package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
- package/src/ui/adapter/TreeAdapter.ts +185 -185
- package/src/ui/app/History.ts +133 -133
- package/src/ui/app/Url.spec.ts +50 -50
- package/src/ui/app/startAppLoop.tsx +2 -1
- package/src/ui/app/startHotAppLoop.ts +2 -1
- package/src/ui/createFunctionalComponent.ts +65 -65
- package/src/ui/index.ts +45 -45
- package/src/ui/layout/Content.ts +30 -30
- package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
- package/src/ui/selection/KeySelection.ts +165 -165
- package/src/ui/selection/PropertySelection.ts +87 -87
- package/src/ui/selection/Selection.ts +118 -118
- package/src/util/Format.ts +267 -267
- package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
- package/src/util/color/rgbToHsl.ts +35 -35
- package/src/util/getActiveElement.ts +4 -4
- package/src/util/hasKey.ts +18 -18
- package/src/util/index.ts +55 -55
- package/src/util/innerTextTrim.ts +10 -10
- package/src/util/isArray.ts +3 -3
- package/src/util/isDataRecord.ts +5 -5
- package/src/util/isDefined.ts +3 -3
- package/src/util/isString.ts +3 -3
- package/src/widgets/Sandbox.ts +103 -103
- package/src/widgets/autoFocus.ts +9 -9
- package/src/widgets/cx.ts +63 -63
- package/src/widgets/drag-drop/ops.tsx +1 -1
- package/src/widgets/grid/GridCell.ts +143 -143
- package/src/widgets/icons/calendar.tsx +17 -17
- package/src/widgets/icons/check.tsx +13 -13
- package/src/widgets/icons/clear.tsx +15 -15
- package/src/widgets/icons/close.tsx +20 -20
- package/src/widgets/icons/cx.tsx +38 -38
- package/src/widgets/icons/drop-down.tsx +15 -15
- package/src/widgets/icons/file.tsx +13 -13
- package/src/widgets/icons/folder-open.tsx +15 -15
- package/src/widgets/icons/folder.tsx +13 -13
- package/src/widgets/icons/forward.tsx +22 -22
- package/src/widgets/icons/loading.tsx +24 -24
- package/src/widgets/icons/menu.tsx +17 -17
- package/src/widgets/icons/pixel-picker.tsx +18 -18
- package/src/widgets/icons/search.tsx +13 -13
- package/src/widgets/icons/sort-asc.tsx +14 -14
- package/src/widgets/icons/square.tsx +18 -18
- package/src/widgets/nav/Route.ts +142 -142
- package/src/widgets/overlay/ContextMenu.ts +42 -42
- package/src/widgets/overlay/Dropdown.tsx +762 -762
- package/src/widgets/overlay/MsgBox.tsx +141 -141
- package/src/widgets/overlay/Toast.ts +111 -111
- package/src/widgets/overlay/Window.tsx +299 -299
- package/src/widgets/overlay/alerts.ts +46 -46
- package/src/widgets/overlay/captureMouse.ts +195 -195
- package/src/widgets/overlay/createHotPromiseWindowFactory.ts +72 -72
- package/src/widgets/overlay/index.d.ts +11 -11
- package/src/widgets/overlay/index.ts +11 -11
- package/src/widgets/overlay/tooltip-ops.ts +173 -173
- package/build/ui/PureContainer.spec.d.ts +0 -1
- package/build/ui/PureContainer.spec.js +0 -149
- package/dist/manifest.d.ts +0 -1443
package/src/data/Grouper.ts
CHANGED
|
@@ -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;
|