cx 25.4.0 → 25.5.0

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 (138) hide show
  1. package/dist/charts.js +2 -2
  2. package/dist/data.js +17 -3
  3. package/dist/manifest.js +651 -651
  4. package/dist/ui.js +88 -61
  5. package/dist/widgets.js +13 -13
  6. package/package.json +1 -1
  7. package/src/charts/Legend.d.ts +6 -6
  8. package/src/charts/LegendEntry.js +128 -128
  9. package/src/charts/LegendEntry.scss +27 -27
  10. package/src/charts/PieChart.d.ts +92 -92
  11. package/src/charts/RangeMarker.js +6 -2
  12. package/src/charts/axis/Axis.d.ts +113 -113
  13. package/src/charts/axis/Axis.js +280 -280
  14. package/src/charts/axis/CategoryAxis.d.ts +30 -30
  15. package/src/charts/axis/CategoryAxis.js +241 -241
  16. package/src/charts/axis/NumericAxis.d.ts +46 -46
  17. package/src/charts/axis/NumericAxis.js +351 -351
  18. package/src/charts/axis/Stack.js +55 -55
  19. package/src/charts/axis/TimeAxis.d.ts +31 -28
  20. package/src/charts/axis/TimeAxis.js +611 -611
  21. package/src/charts/helpers/PointReducer.js +47 -47
  22. package/src/charts/helpers/SnapPointFinder.js +69 -69
  23. package/src/data/AugmentedViewBase.js +77 -75
  24. package/src/data/Binding.spec.js +69 -69
  25. package/src/data/ExposedRecordView.js +75 -70
  26. package/src/data/ExposedValueView.js +73 -72
  27. package/src/data/Expression.js +229 -229
  28. package/src/data/Expression.spec.js +229 -229
  29. package/src/data/Ref.d.ts +24 -24
  30. package/src/data/Ref.spec.js +79 -79
  31. package/src/data/StoreRef.spec.js +24 -24
  32. package/src/data/StringTemplate.js +92 -92
  33. package/src/data/StringTemplate.spec.js +132 -132
  34. package/src/data/StructuredDataAccessor.d.ts +7 -7
  35. package/src/data/StructuredSelector.js +132 -132
  36. package/src/data/SubscribableView.js +54 -54
  37. package/src/data/getAccessor.spec.js +11 -11
  38. package/src/data/getSelector.js +49 -49
  39. package/src/hooks/createLocalStorageRef.d.ts +3 -3
  40. package/src/hooks/createLocalStorageRef.js +20 -20
  41. package/src/index.scss +6 -6
  42. package/src/ui/Container.js +154 -183
  43. package/src/ui/Culture.d.ts +57 -57
  44. package/src/ui/Culture.js +139 -139
  45. package/src/ui/Cx.js +3 -3
  46. package/src/ui/DataProxy.js +45 -44
  47. package/src/ui/DetachedScope.js +98 -94
  48. package/src/ui/FocusManager.js +171 -171
  49. package/src/ui/Format.js +108 -108
  50. package/src/ui/HoverSync.js +147 -147
  51. package/src/ui/Instance.d.ts +1 -1
  52. package/src/ui/Instance.js +25 -16
  53. package/src/ui/IsolatedScope.js +30 -30
  54. package/src/ui/Repeater.d.ts +61 -61
  55. package/src/ui/Rescope.js +35 -31
  56. package/src/ui/Restate.js +167 -163
  57. package/src/ui/Widget.js +184 -200
  58. package/src/ui/adapter/ArrayAdapter.js +152 -142
  59. package/src/ui/adapter/TreeAdapter.js +101 -100
  60. package/src/ui/createFunctionalComponent.d.ts +1 -1
  61. package/src/ui/createFunctionalComponent.js +31 -36
  62. package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
  63. package/src/ui/layout/ContentPlaceholder.js +105 -105
  64. package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
  65. package/src/ui/layout/LabelsTopLayout.js +134 -134
  66. package/src/ui/layout/exploreChildren.d.ts +12 -15
  67. package/src/ui/layout/exploreChildren.js +27 -40
  68. package/src/util/Format.js +270 -270
  69. package/src/util/date/encodeDate.d.ts +1 -1
  70. package/src/util/date/encodeDate.js +8 -8
  71. package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
  72. package/src/util/date/index.d.ts +11 -11
  73. package/src/util/date/index.js +11 -11
  74. package/src/util/date/parseDateInvariant.d.ts +3 -3
  75. package/src/util/date/parseDateInvariant.js +20 -20
  76. package/src/util/debounce.js +18 -18
  77. package/src/util/getSearchQueryPredicate.js +59 -59
  78. package/src/util/index.d.ts +51 -51
  79. package/src/util/index.js +54 -54
  80. package/src/util/isValidIdentifierName.d.ts +1 -1
  81. package/src/util/isValidIdentifierName.js +5 -5
  82. package/src/util/isValidIdentifierName.spec.js +33 -33
  83. package/src/util/scss/add-rules.scss +38 -38
  84. package/src/util/validatedDebounce.js +19 -19
  85. package/src/widgets/Button.js +118 -118
  86. package/src/widgets/CxCredit.scss +37 -37
  87. package/src/widgets/HighlightedSearchText.js +36 -36
  88. package/src/widgets/HighlightedSearchText.scss +18 -18
  89. package/src/widgets/List.scss +91 -91
  90. package/src/widgets/Sandbox.js +9 -8
  91. package/src/widgets/drag-drop/DropZone.js +214 -214
  92. package/src/widgets/form/Calendar.d.ts +86 -86
  93. package/src/widgets/form/Calendar.js +618 -618
  94. package/src/widgets/form/Calendar.scss +196 -196
  95. package/src/widgets/form/Checkbox.scss +127 -127
  96. package/src/widgets/form/ColorField.js +397 -397
  97. package/src/widgets/form/ColorField.scss +96 -96
  98. package/src/widgets/form/ColorPicker.scss +283 -283
  99. package/src/widgets/form/DateTimeField.js +576 -576
  100. package/src/widgets/form/DateTimePicker.js +392 -392
  101. package/src/widgets/form/LookupField.d.ts +179 -179
  102. package/src/widgets/form/LookupField.scss +219 -219
  103. package/src/widgets/form/MonthField.d.ts +99 -99
  104. package/src/widgets/form/MonthField.js +523 -523
  105. package/src/widgets/form/MonthPicker.d.ts +76 -76
  106. package/src/widgets/form/MonthPicker.js +641 -641
  107. package/src/widgets/form/MonthPicker.scss +118 -118
  108. package/src/widgets/form/NumberField.js +459 -459
  109. package/src/widgets/form/NumberField.scss +61 -61
  110. package/src/widgets/form/Radio.scss +121 -121
  111. package/src/widgets/form/Select.scss +99 -99
  112. package/src/widgets/form/Slider.scss +118 -118
  113. package/src/widgets/form/Switch.scss +140 -140
  114. package/src/widgets/form/TextArea.scss +43 -43
  115. package/src/widgets/form/TextField.js +290 -290
  116. package/src/widgets/form/TextField.scss +55 -55
  117. package/src/widgets/form/UploadButton.d.ts +34 -34
  118. package/src/widgets/form/variables.scss +353 -353
  119. package/src/widgets/grid/Grid.d.ts +442 -442
  120. package/src/widgets/grid/Grid.js +3414 -3414
  121. package/src/widgets/grid/GridRow.js +228 -228
  122. package/src/widgets/grid/TreeNode.d.ts +23 -23
  123. package/src/widgets/grid/TreeNode.scss +88 -88
  124. package/src/widgets/grid/variables.scss +133 -133
  125. package/src/widgets/nav/LinkButton.js +128 -128
  126. package/src/widgets/nav/Menu.scss +74 -74
  127. package/src/widgets/nav/Route.js +102 -106
  128. package/src/widgets/overlay/Dropdown.js +612 -612
  129. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  130. package/src/widgets/overlay/Overlay.d.ts +73 -73
  131. package/src/widgets/overlay/Tooltip.js +1 -1
  132. package/src/widgets/overlay/Window.js +202 -202
  133. package/src/widgets/overlay/captureMouse.js +124 -124
  134. package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
  135. package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
  136. package/src/widgets/overlay/index.d.ts +11 -11
  137. package/src/widgets/overlay/index.js +11 -11
  138. 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.sealed) return this.cache.result;
7
- let parentStoreData = this.store.getData();
8
- let result = this.getBaseData(parentStoreData);
9
- this.embedAugmentData(result, parentStoreData);
10
- this.cache.result = result;
11
- this.cache.parentStoreData = parentStoreData;
12
- this.cache.version = this.meta.version;
13
- return this.cache.result;
14
- }
15
-
16
- getBaseData(parentStoreData) {
17
- if (this.sealed || this.immutable || this.store.sealed) return { ...parentStoreData };
18
- return parentStoreData;
19
- }
20
-
21
- embedAugmentData(result, parentStoreData) {
22
- throw new Error("abstract");
23
- }
24
-
25
- isExtraKey(key) {
26
- throw new Error("abstract");
27
- }
28
-
29
- // Stores which need to support nested aliases should override this method
30
- getExtraKeyBinding(key) {
31
- let binding = Binding.get(key);
32
- return this.isExtraKey(binding.parts[0]) ? Binding.get(binding.parts[0]) : null;
33
- }
34
-
35
- setExtraKeyValue(key, value) {
36
- throw new Error("abstract");
37
- }
38
-
39
- deleteExtraKeyValue(key) {
40
- throw new Error("abstract");
41
- }
42
-
43
- setItem(path, value) {
44
- let extraKeyBinding = this.getExtraKeyBinding(path);
45
- if (extraKeyBinding) {
46
- let binding = Binding.get(path);
47
- let newValue = value;
48
- if (binding.parts.length > extraKeyBinding.parts.length) {
49
- let data = {};
50
- this.embedAugmentData(data, this.store.getData());
51
- let binding = Binding.get(path);
52
- data = binding.set(data, value);
53
- newValue = extraKeyBinding.value(data);
54
- }
55
- return this.setExtraKeyValue(extraKeyBinding.path, newValue);
56
- }
57
- return super.setItem(path, value);
58
- }
59
-
60
- deleteItem(path) {
61
- let extraKeyBinding = this.getExtraKeyBinding(path);
62
- if (extraKeyBinding) {
63
- if (path == extraKeyBinding.path) return this.deleteExtraKeyValue(extraKeyBinding.path);
64
- let data = {};
65
- this.embedAugmentData(data, this.store.getData());
66
- let binding = Binding.get(path);
67
- data = binding.delete(data);
68
- let newValue = extraKeyBinding.value(data);
69
- return this.setExtraKeyValue(extraKeyBinding.path, newValue);
70
- }
71
- return super.deleteItem(path);
72
- }
73
- }
74
-
75
- AugmentedViewBase.prototype.immutable = false;
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;
@@ -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
+ });