cx 25.4.1 → 25.5.1
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/dist/charts.js +2 -2
- package/dist/data.js +17 -3
- package/dist/manifest.js +732 -732
- package/dist/ui.js +94 -61
- package/dist/widgets.js +25 -13
- package/package.json +1 -1
- package/src/charts/Legend.d.ts +45 -45
- package/src/charts/LegendEntry.js +128 -128
- package/src/charts/LegendEntry.scss +27 -27
- package/src/charts/PieChart.d.ts +92 -92
- package/src/charts/RangeMarker.js +6 -2
- package/src/charts/axis/Axis.d.ts +113 -113
- package/src/charts/axis/Axis.js +280 -280
- package/src/charts/axis/CategoryAxis.d.ts +30 -30
- package/src/charts/axis/CategoryAxis.js +241 -241
- package/src/charts/axis/NumericAxis.d.ts +46 -46
- package/src/charts/axis/NumericAxis.js +351 -351
- package/src/charts/axis/Stack.js +55 -55
- package/src/charts/axis/TimeAxis.d.ts +31 -28
- package/src/charts/axis/TimeAxis.js +611 -611
- package/src/charts/helpers/PointReducer.js +47 -47
- package/src/charts/helpers/SnapPointFinder.js +69 -69
- package/src/data/AugmentedViewBase.js +77 -75
- package/src/data/Binding.spec.js +69 -69
- package/src/data/ExposedRecordView.js +75 -70
- package/src/data/ExposedValueView.js +73 -72
- package/src/data/Expression.js +229 -229
- package/src/data/Expression.spec.js +229 -229
- package/src/data/Ref.d.ts +24 -24
- package/src/data/Ref.spec.js +79 -79
- package/src/data/StoreRef.spec.js +24 -24
- package/src/data/StringTemplate.js +92 -92
- package/src/data/StringTemplate.spec.js +132 -132
- package/src/data/StructuredDataAccessor.d.ts +7 -7
- package/src/data/StructuredSelector.js +132 -132
- package/src/data/SubscribableView.js +54 -54
- package/src/data/getAccessor.spec.js +11 -11
- package/src/data/getSelector.js +49 -49
- package/src/hooks/createLocalStorageRef.d.ts +3 -3
- package/src/hooks/createLocalStorageRef.js +20 -20
- package/src/index.scss +6 -6
- package/src/ui/Container.js +154 -183
- package/src/ui/Culture.d.ts +57 -57
- package/src/ui/Culture.js +139 -139
- package/src/ui/Cx.js +3 -3
- package/src/ui/DataProxy.js +45 -44
- package/src/ui/DetachedScope.js +98 -94
- package/src/ui/FocusManager.js +171 -171
- package/src/ui/Format.js +108 -108
- package/src/ui/HoverSync.js +147 -147
- package/src/ui/Instance.d.ts +1 -1
- package/src/ui/Instance.js +25 -16
- package/src/ui/IsolatedScope.js +30 -30
- package/src/ui/Repeater.d.ts +61 -61
- package/src/ui/Repeater.js +109 -102
- package/src/ui/Rescope.js +35 -31
- package/src/ui/Restate.js +167 -163
- package/src/ui/Widget.js +184 -200
- package/src/ui/adapter/ArrayAdapter.js +152 -142
- package/src/ui/adapter/TreeAdapter.js +101 -100
- package/src/ui/createFunctionalComponent.d.ts +1 -1
- package/src/ui/createFunctionalComponent.js +31 -36
- package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
- package/src/ui/layout/ContentPlaceholder.js +105 -105
- package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
- package/src/ui/layout/LabelsTopLayout.js +134 -134
- package/src/ui/layout/exploreChildren.d.ts +12 -15
- package/src/ui/layout/exploreChildren.js +27 -40
- package/src/util/Format.js +270 -270
- package/src/util/date/encodeDate.d.ts +1 -1
- package/src/util/date/encodeDate.js +8 -8
- package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
- package/src/util/date/index.d.ts +11 -11
- package/src/util/date/index.js +11 -11
- package/src/util/date/parseDateInvariant.d.ts +3 -3
- package/src/util/date/parseDateInvariant.js +20 -20
- package/src/util/debounce.js +18 -18
- package/src/util/getSearchQueryPredicate.js +59 -59
- package/src/util/index.d.ts +51 -51
- package/src/util/index.js +54 -54
- package/src/util/isValidIdentifierName.d.ts +1 -1
- package/src/util/isValidIdentifierName.js +5 -5
- package/src/util/isValidIdentifierName.spec.js +33 -33
- package/src/util/scss/add-rules.scss +38 -38
- package/src/util/validatedDebounce.js +19 -19
- package/src/widgets/Button.js +118 -118
- package/src/widgets/CxCredit.scss +37 -37
- package/src/widgets/HighlightedSearchText.js +36 -36
- package/src/widgets/HighlightedSearchText.scss +18 -18
- package/src/widgets/List.js +594 -587
- package/src/widgets/List.scss +91 -91
- package/src/widgets/Sandbox.js +9 -8
- package/src/widgets/drag-drop/DropZone.js +214 -214
- package/src/widgets/form/Calendar.d.ts +86 -86
- package/src/widgets/form/Calendar.js +618 -618
- package/src/widgets/form/Calendar.scss +196 -196
- package/src/widgets/form/Checkbox.scss +127 -127
- package/src/widgets/form/ColorField.js +397 -397
- package/src/widgets/form/ColorField.scss +96 -96
- package/src/widgets/form/ColorPicker.scss +283 -283
- package/src/widgets/form/DateTimeField.js +576 -576
- package/src/widgets/form/DateTimePicker.js +392 -392
- package/src/widgets/form/LookupField.d.ts +179 -179
- package/src/widgets/form/LookupField.scss +219 -219
- package/src/widgets/form/MonthField.d.ts +99 -99
- package/src/widgets/form/MonthField.js +523 -523
- package/src/widgets/form/MonthPicker.d.ts +76 -76
- package/src/widgets/form/MonthPicker.js +641 -641
- package/src/widgets/form/MonthPicker.scss +118 -118
- package/src/widgets/form/NumberField.js +459 -459
- package/src/widgets/form/NumberField.scss +61 -61
- package/src/widgets/form/Radio.scss +121 -121
- package/src/widgets/form/Select.scss +99 -99
- package/src/widgets/form/Slider.scss +118 -118
- package/src/widgets/form/Switch.scss +140 -140
- package/src/widgets/form/TextArea.scss +43 -43
- package/src/widgets/form/TextField.js +290 -290
- package/src/widgets/form/TextField.scss +55 -55
- package/src/widgets/form/UploadButton.d.ts +34 -34
- package/src/widgets/form/variables.scss +353 -353
- package/src/widgets/grid/Grid.d.ts +442 -442
- package/src/widgets/grid/Grid.js +7 -0
- package/src/widgets/grid/GridRow.js +228 -228
- package/src/widgets/grid/TreeNode.d.ts +23 -23
- package/src/widgets/grid/TreeNode.scss +88 -88
- package/src/widgets/grid/variables.scss +133 -133
- package/src/widgets/nav/LinkButton.js +128 -128
- package/src/widgets/nav/Menu.scss +74 -74
- package/src/widgets/nav/Route.js +102 -106
- package/src/widgets/overlay/Dropdown.js +612 -612
- package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
- package/src/widgets/overlay/Overlay.d.ts +73 -73
- package/src/widgets/overlay/Tooltip.js +1 -1
- package/src/widgets/overlay/Window.js +202 -202
- package/src/widgets/overlay/captureMouse.js +124 -124
- package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
- package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
- package/src/widgets/overlay/index.d.ts +11 -11
- package/src/widgets/overlay/index.js +11 -11
- package/src/widgets/variables.scss +144 -144
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
import { PureContainer } from "../../ui/PureContainer";
|
|
2
|
-
|
|
3
|
-
export class PointReducer extends PureContainer {
|
|
4
|
-
explore(context, instance) {
|
|
5
|
-
let parentPointReducer = context.pointReducer;
|
|
6
|
-
instance.parentPointTracker = parentPointReducer;
|
|
7
|
-
|
|
8
|
-
if (!instance.pointReducer) {
|
|
9
|
-
let onMap = this.onMap && instance.getCallback("onMap");
|
|
10
|
-
let accumulator = {};
|
|
11
|
-
instance.resetAccumulator = () => {
|
|
12
|
-
accumulator = {};
|
|
13
|
-
if (this.onInitAccumulator) instance.invoke("onInitAccumulator", accumulator, instance);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
let pointFilter = null;
|
|
17
|
-
if (this.onCreatePointFilter) pointFilter = instance.invoke("onCreatePointFilter", instance);
|
|
18
|
-
|
|
19
|
-
instance.pointReducer = (x, y, name, data, array, index) => {
|
|
20
|
-
if (!pointFilter || pointFilter(x, y, name, data, array, index))
|
|
21
|
-
onMap(accumulator, x, y, name, data, array, index);
|
|
22
|
-
if (parentPointReducer) parentPointReducer(x, y, name, data, array, index);
|
|
23
|
-
};
|
|
24
|
-
instance.write = () => {
|
|
25
|
-
if (this.onReduce) instance.invoke("onReduce", accumulator, instance);
|
|
26
|
-
};
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
instance.resetAccumulator();
|
|
30
|
-
context.push("pointReducer", instance.pointReducer);
|
|
31
|
-
|
|
32
|
-
super.explore(context, instance);
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
exploreCleanup(context, instance) {
|
|
36
|
-
context.pop("pointReducer");
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
prepare(context, instance) {
|
|
40
|
-
context.push("pointReducer", instance.pointReducer);
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
prepareCleanup(context, instance) {
|
|
44
|
-
context.pop("pointReducer");
|
|
45
|
-
instance.write();
|
|
46
|
-
}
|
|
47
|
-
}
|
|
1
|
+
import { PureContainer } from "../../ui/PureContainer";
|
|
2
|
+
|
|
3
|
+
export class PointReducer extends PureContainer {
|
|
4
|
+
explore(context, instance) {
|
|
5
|
+
let parentPointReducer = context.pointReducer;
|
|
6
|
+
instance.parentPointTracker = parentPointReducer;
|
|
7
|
+
|
|
8
|
+
if (!instance.pointReducer) {
|
|
9
|
+
let onMap = this.onMap && instance.getCallback("onMap");
|
|
10
|
+
let accumulator = {};
|
|
11
|
+
instance.resetAccumulator = () => {
|
|
12
|
+
accumulator = {};
|
|
13
|
+
if (this.onInitAccumulator) instance.invoke("onInitAccumulator", accumulator, instance);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
let pointFilter = null;
|
|
17
|
+
if (this.onCreatePointFilter) pointFilter = instance.invoke("onCreatePointFilter", instance);
|
|
18
|
+
|
|
19
|
+
instance.pointReducer = (x, y, name, data, array, index) => {
|
|
20
|
+
if (!pointFilter || pointFilter(x, y, name, data, array, index))
|
|
21
|
+
onMap(accumulator, x, y, name, data, array, index);
|
|
22
|
+
if (parentPointReducer) parentPointReducer(x, y, name, data, array, index);
|
|
23
|
+
};
|
|
24
|
+
instance.write = () => {
|
|
25
|
+
if (this.onReduce) instance.invoke("onReduce", accumulator, instance);
|
|
26
|
+
};
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
instance.resetAccumulator();
|
|
30
|
+
context.push("pointReducer", instance.pointReducer);
|
|
31
|
+
|
|
32
|
+
super.explore(context, instance);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
exploreCleanup(context, instance) {
|
|
36
|
+
context.pop("pointReducer");
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
prepare(context, instance) {
|
|
40
|
+
context.push("pointReducer", instance.pointReducer);
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
prepareCleanup(context, instance) {
|
|
44
|
+
context.pop("pointReducer");
|
|
45
|
+
instance.write();
|
|
46
|
+
}
|
|
47
|
+
}
|
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import { PointReducer } from "./PointReducer";
|
|
2
|
-
|
|
3
|
-
export class SnapPointFinder extends PointReducer {
|
|
4
|
-
declareData() {
|
|
5
|
-
return super.declareData(...arguments, {
|
|
6
|
-
cursorX: undefined,
|
|
7
|
-
cursorY: undefined,
|
|
8
|
-
snapX: undefined,
|
|
9
|
-
snapY: undefined,
|
|
10
|
-
snapRecord: undefined,
|
|
11
|
-
maxDistance: undefined,
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
explore(context, instance) {
|
|
16
|
-
instance.xAxis = context.axes[this.xAxis];
|
|
17
|
-
instance.yAxis = context.axes[this.yAxis];
|
|
18
|
-
super.explore(context, instance);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
onInitAccumulator(acc, { data, xAxis, yAxis }) {
|
|
22
|
-
acc.cursor = {
|
|
23
|
-
x: data.cursorX,
|
|
24
|
-
y: data.cursorY,
|
|
25
|
-
mapped: false,
|
|
26
|
-
};
|
|
27
|
-
acc.dist = data.maxDistance > 0 ? Math.pow(data.maxDistance, 2) : Number.POSITIVE_INFINITY;
|
|
28
|
-
acc.snapX = null;
|
|
29
|
-
acc.snapY = null;
|
|
30
|
-
acc.xAxis = xAxis;
|
|
31
|
-
acc.yAxis = yAxis;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
onMap(acc, x, y, name, p) {
|
|
35
|
-
let { xAxis, yAxis, cursor } = acc;
|
|
36
|
-
|
|
37
|
-
if (!cursor.mapped) {
|
|
38
|
-
cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
|
|
39
|
-
cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
|
|
40
|
-
cursor.mapped = true;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
let d = null;
|
|
44
|
-
let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
|
|
45
|
-
let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
|
|
46
|
-
|
|
47
|
-
if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
|
|
48
|
-
if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
|
|
49
|
-
|
|
50
|
-
if (d != null && d < acc.dist) {
|
|
51
|
-
acc.dist = d;
|
|
52
|
-
acc.snapX = x;
|
|
53
|
-
acc.snapY = y;
|
|
54
|
-
acc.snapRecord = p;
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
onReduce(acc, instance) {
|
|
59
|
-
instance.set("snapX", acc.snapX);
|
|
60
|
-
instance.set("snapY", acc.snapY);
|
|
61
|
-
instance.set("snapRecord", acc.snapRecord);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
SnapPointFinder.prototype.maxDistance = 50;
|
|
66
|
-
SnapPointFinder.prototype.convertX = (x) => x;
|
|
67
|
-
SnapPointFinder.prototype.convertY = (y) => y;
|
|
68
|
-
SnapPointFinder.prototype.xAxis = "x";
|
|
69
|
-
SnapPointFinder.prototype.yAxis = "y";
|
|
1
|
+
import { PointReducer } from "./PointReducer";
|
|
2
|
+
|
|
3
|
+
export class SnapPointFinder extends PointReducer {
|
|
4
|
+
declareData() {
|
|
5
|
+
return super.declareData(...arguments, {
|
|
6
|
+
cursorX: undefined,
|
|
7
|
+
cursorY: undefined,
|
|
8
|
+
snapX: undefined,
|
|
9
|
+
snapY: undefined,
|
|
10
|
+
snapRecord: undefined,
|
|
11
|
+
maxDistance: undefined,
|
|
12
|
+
});
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
explore(context, instance) {
|
|
16
|
+
instance.xAxis = context.axes[this.xAxis];
|
|
17
|
+
instance.yAxis = context.axes[this.yAxis];
|
|
18
|
+
super.explore(context, instance);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
onInitAccumulator(acc, { data, xAxis, yAxis }) {
|
|
22
|
+
acc.cursor = {
|
|
23
|
+
x: data.cursorX,
|
|
24
|
+
y: data.cursorY,
|
|
25
|
+
mapped: false,
|
|
26
|
+
};
|
|
27
|
+
acc.dist = data.maxDistance > 0 ? Math.pow(data.maxDistance, 2) : Number.POSITIVE_INFINITY;
|
|
28
|
+
acc.snapX = null;
|
|
29
|
+
acc.snapY = null;
|
|
30
|
+
acc.xAxis = xAxis;
|
|
31
|
+
acc.yAxis = yAxis;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
onMap(acc, x, y, name, p) {
|
|
35
|
+
let { xAxis, yAxis, cursor } = acc;
|
|
36
|
+
|
|
37
|
+
if (!cursor.mapped) {
|
|
38
|
+
cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
|
|
39
|
+
cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
|
|
40
|
+
cursor.mapped = true;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
let d = null;
|
|
44
|
+
let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
|
|
45
|
+
let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
|
|
46
|
+
|
|
47
|
+
if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
|
|
48
|
+
if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
|
|
49
|
+
|
|
50
|
+
if (d != null && d < acc.dist) {
|
|
51
|
+
acc.dist = d;
|
|
52
|
+
acc.snapX = x;
|
|
53
|
+
acc.snapY = y;
|
|
54
|
+
acc.snapRecord = p;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
onReduce(acc, instance) {
|
|
59
|
+
instance.set("snapX", acc.snapX);
|
|
60
|
+
instance.set("snapY", acc.snapY);
|
|
61
|
+
instance.set("snapRecord", acc.snapRecord);
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
SnapPointFinder.prototype.maxDistance = 50;
|
|
66
|
+
SnapPointFinder.prototype.convertX = (x) => x;
|
|
67
|
+
SnapPointFinder.prototype.convertY = (y) => y;
|
|
68
|
+
SnapPointFinder.prototype.xAxis = "x";
|
|
69
|
+
SnapPointFinder.prototype.yAxis = "y";
|
|
@@ -1,75 +1,77 @@
|
|
|
1
|
-
import { View } from "./View";
|
|
2
|
-
import { Binding } from "./Binding";
|
|
3
|
-
|
|
4
|
-
export class AugmentedViewBase extends View {
|
|
5
|
-
getData() {
|
|
6
|
-
if (this.meta.version === this.cache.version && this.
|
|
7
|
-
|
|
8
|
-
let
|
|
9
|
-
this.
|
|
10
|
-
this.
|
|
11
|
-
this.cache.
|
|
12
|
-
this.cache.
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
let
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
let
|
|
67
|
-
data
|
|
68
|
-
let
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
1
|
+
import { View } from "./View";
|
|
2
|
+
import { Binding } from "./Binding";
|
|
3
|
+
|
|
4
|
+
export class AugmentedViewBase extends View {
|
|
5
|
+
getData() {
|
|
6
|
+
if (this.sealed && this.meta.version === this.cache.version && this.meta === this.store.meta)
|
|
7
|
+
return this.cache.result;
|
|
8
|
+
let parentStoreData = this.store.getData();
|
|
9
|
+
let result = this.getBaseData(parentStoreData);
|
|
10
|
+
this.embedAugmentData(result, parentStoreData);
|
|
11
|
+
this.cache.result = result;
|
|
12
|
+
this.cache.parentStoreData = parentStoreData;
|
|
13
|
+
this.cache.version = this.meta.version;
|
|
14
|
+
this.meta = this.store.meta;
|
|
15
|
+
return this.cache.result;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
getBaseData(parentStoreData) {
|
|
19
|
+
if (this.sealed || this.immutable || this.store.sealed) return { ...parentStoreData };
|
|
20
|
+
return parentStoreData;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
embedAugmentData(result, parentStoreData) {
|
|
24
|
+
throw new Error("abstract");
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
isExtraKey(key) {
|
|
28
|
+
throw new Error("abstract");
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
// Stores which need to support nested aliases should override this method
|
|
32
|
+
getExtraKeyBinding(key) {
|
|
33
|
+
let binding = Binding.get(key);
|
|
34
|
+
return this.isExtraKey(binding.parts[0]) ? Binding.get(binding.parts[0]) : null;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
setExtraKeyValue(key, value) {
|
|
38
|
+
throw new Error("abstract");
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
deleteExtraKeyValue(key) {
|
|
42
|
+
throw new Error("abstract");
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
setItem(path, value) {
|
|
46
|
+
let extraKeyBinding = this.getExtraKeyBinding(path);
|
|
47
|
+
if (extraKeyBinding) {
|
|
48
|
+
let binding = Binding.get(path);
|
|
49
|
+
let newValue = value;
|
|
50
|
+
if (binding.parts.length > extraKeyBinding.parts.length) {
|
|
51
|
+
let data = {};
|
|
52
|
+
this.embedAugmentData(data, this.store.getData());
|
|
53
|
+
let binding = Binding.get(path);
|
|
54
|
+
data = binding.set(data, value);
|
|
55
|
+
newValue = extraKeyBinding.value(data);
|
|
56
|
+
}
|
|
57
|
+
return this.setExtraKeyValue(extraKeyBinding.path, newValue);
|
|
58
|
+
}
|
|
59
|
+
return super.setItem(path, value);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
deleteItem(path) {
|
|
63
|
+
let extraKeyBinding = this.getExtraKeyBinding(path);
|
|
64
|
+
if (extraKeyBinding) {
|
|
65
|
+
if (path == extraKeyBinding.path) return this.deleteExtraKeyValue(extraKeyBinding.path);
|
|
66
|
+
let data = {};
|
|
67
|
+
this.embedAugmentData(data, this.store.getData());
|
|
68
|
+
let binding = Binding.get(path);
|
|
69
|
+
data = binding.delete(data);
|
|
70
|
+
let newValue = extraKeyBinding.value(data);
|
|
71
|
+
return this.setExtraKeyValue(extraKeyBinding.path, newValue);
|
|
72
|
+
}
|
|
73
|
+
return super.deleteItem(path);
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
AugmentedViewBase.prototype.immutable = false;
|
package/src/data/Binding.spec.js
CHANGED
|
@@ -1,69 +1,69 @@
|
|
|
1
|
-
import { Binding } from "./Binding";
|
|
2
|
-
import assert from "assert";
|
|
3
|
-
import { createAccessorModelProxy } from "./createAccessorModelProxy";
|
|
4
|
-
|
|
5
|
-
describe("Binding", function () {
|
|
6
|
-
describe("#get()", function () {
|
|
7
|
-
it("should get value if value is defined", function () {
|
|
8
|
-
var state = { person: { name: "Joe" } };
|
|
9
|
-
var b = Binding.get("person.name");
|
|
10
|
-
assert.equal(b.value(state), "Joe");
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
it("allows non-standard property identifiers", function () {
|
|
14
|
-
var state = { person: { "@schema": "Person" } };
|
|
15
|
-
var b = Binding.get("person.@schema");
|
|
16
|
-
assert.equal(b.path, "person.@schema");
|
|
17
|
-
assert.equal(b.value(state), "Person");
|
|
18
|
-
});
|
|
19
|
-
|
|
20
|
-
it("properly resolves accessor models", function () {
|
|
21
|
-
var state = { person: { schema: "Person" } };
|
|
22
|
-
var b = Binding.get(createAccessorModelProxy("person.schema"));
|
|
23
|
-
assert.equal(b.value(state), "Person");
|
|
24
|
-
});
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
describe("#set()", function () {
|
|
28
|
-
it("produces new objects along the binding path", function () {
|
|
29
|
-
var state = { person: { name: "Joe" } };
|
|
30
|
-
var b = Binding.get("person.name");
|
|
31
|
-
var ns = b.set(state, "Jack");
|
|
32
|
-
assert.equal(ns.person.name, "Jack");
|
|
33
|
-
assert.notEqual(state, ns);
|
|
34
|
-
assert.notEqual(state.person, ns.person);
|
|
35
|
-
assert.notEqual(state.person.name, ns.person.name);
|
|
36
|
-
});
|
|
37
|
-
|
|
38
|
-
it("returns same state object if value does not change", function () {
|
|
39
|
-
var state = { person: { name: "Joe" } };
|
|
40
|
-
var b = Binding.get("person.name");
|
|
41
|
-
var ns = b.set(state, "Joe");
|
|
42
|
-
assert.equal(state, ns);
|
|
43
|
-
});
|
|
44
|
-
|
|
45
|
-
it("allows non-standard property identifiers", function () {
|
|
46
|
-
var state = { person: { "@schema": "Person" } };
|
|
47
|
-
var b = Binding.get("person.@schema");
|
|
48
|
-
var ns = b.set(state, "Test");
|
|
49
|
-
assert.equal(ns.person["@schema"], "Test");
|
|
50
|
-
});
|
|
51
|
-
});
|
|
52
|
-
|
|
53
|
-
describe(".delete()", function () {
|
|
54
|
-
it("correctly removes pointed properties", function () {
|
|
55
|
-
var state = { person: { name: "Joe" } };
|
|
56
|
-
var b = Binding.get("person.name");
|
|
57
|
-
var ns = b.delete(state);
|
|
58
|
-
assert("person" in ns);
|
|
59
|
-
assert(!("name" in ns.person));
|
|
60
|
-
});
|
|
61
|
-
|
|
62
|
-
it("does not change state if property is non-existent", function () {
|
|
63
|
-
var state = { person: { name: "Joe" } };
|
|
64
|
-
var b = Binding.get("person.name2");
|
|
65
|
-
var ns = b.delete(state);
|
|
66
|
-
assert(ns == state);
|
|
67
|
-
});
|
|
68
|
-
});
|
|
69
|
-
});
|
|
1
|
+
import { Binding } from "./Binding";
|
|
2
|
+
import assert from "assert";
|
|
3
|
+
import { createAccessorModelProxy } from "./createAccessorModelProxy";
|
|
4
|
+
|
|
5
|
+
describe("Binding", function () {
|
|
6
|
+
describe("#get()", function () {
|
|
7
|
+
it("should get value if value is defined", function () {
|
|
8
|
+
var state = { person: { name: "Joe" } };
|
|
9
|
+
var b = Binding.get("person.name");
|
|
10
|
+
assert.equal(b.value(state), "Joe");
|
|
11
|
+
});
|
|
12
|
+
|
|
13
|
+
it("allows non-standard property identifiers", function () {
|
|
14
|
+
var state = { person: { "@schema": "Person" } };
|
|
15
|
+
var b = Binding.get("person.@schema");
|
|
16
|
+
assert.equal(b.path, "person.@schema");
|
|
17
|
+
assert.equal(b.value(state), "Person");
|
|
18
|
+
});
|
|
19
|
+
|
|
20
|
+
it("properly resolves accessor models", function () {
|
|
21
|
+
var state = { person: { schema: "Person" } };
|
|
22
|
+
var b = Binding.get(createAccessorModelProxy("person.schema"));
|
|
23
|
+
assert.equal(b.value(state), "Person");
|
|
24
|
+
});
|
|
25
|
+
});
|
|
26
|
+
|
|
27
|
+
describe("#set()", function () {
|
|
28
|
+
it("produces new objects along the binding path", function () {
|
|
29
|
+
var state = { person: { name: "Joe" } };
|
|
30
|
+
var b = Binding.get("person.name");
|
|
31
|
+
var ns = b.set(state, "Jack");
|
|
32
|
+
assert.equal(ns.person.name, "Jack");
|
|
33
|
+
assert.notEqual(state, ns);
|
|
34
|
+
assert.notEqual(state.person, ns.person);
|
|
35
|
+
assert.notEqual(state.person.name, ns.person.name);
|
|
36
|
+
});
|
|
37
|
+
|
|
38
|
+
it("returns same state object if value does not change", function () {
|
|
39
|
+
var state = { person: { name: "Joe" } };
|
|
40
|
+
var b = Binding.get("person.name");
|
|
41
|
+
var ns = b.set(state, "Joe");
|
|
42
|
+
assert.equal(state, ns);
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
it("allows non-standard property identifiers", function () {
|
|
46
|
+
var state = { person: { "@schema": "Person" } };
|
|
47
|
+
var b = Binding.get("person.@schema");
|
|
48
|
+
var ns = b.set(state, "Test");
|
|
49
|
+
assert.equal(ns.person["@schema"], "Test");
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
|
|
53
|
+
describe(".delete()", function () {
|
|
54
|
+
it("correctly removes pointed properties", function () {
|
|
55
|
+
var state = { person: { name: "Joe" } };
|
|
56
|
+
var b = Binding.get("person.name");
|
|
57
|
+
var ns = b.delete(state);
|
|
58
|
+
assert("person" in ns);
|
|
59
|
+
assert(!("name" in ns.person));
|
|
60
|
+
});
|
|
61
|
+
|
|
62
|
+
it("does not change state if property is non-existent", function () {
|
|
63
|
+
var state = { person: { name: "Joe" } };
|
|
64
|
+
var b = Binding.get("person.name2");
|
|
65
|
+
var ns = b.delete(state);
|
|
66
|
+
assert(ns == state);
|
|
67
|
+
});
|
|
68
|
+
});
|
|
69
|
+
});
|