cx 26.0.2 → 26.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/build/data/ArrayElementView.spec.js +1 -1
  2. package/build/hooks/store.spec.js +1 -1
  3. package/build/hooks/useTrigger.spec.js +1 -1
  4. package/build/ui/Controller.spec.js +2 -6
  5. package/build/ui/PureContainer.spec.d.ts +1 -0
  6. package/build/ui/PureContainer.spec.js +149 -0
  7. package/build/ui/layout/ContentPlaceholder.spec.js +12 -12
  8. package/build.js +129 -129
  9. package/dist/manifest.d.ts +1443 -0
  10. package/dist/manifest.js +826 -826
  11. package/package.json +4 -3
  12. package/src/charts/Chart.ts +108 -108
  13. package/src/data/ArrayElementView.ts +90 -90
  14. package/src/data/AugmentedViewBase.ts +88 -88
  15. package/src/data/Binding.ts +104 -104
  16. package/src/data/ExposedRecordView.ts +95 -95
  17. package/src/data/ExposedValueView.ts +89 -89
  18. package/src/data/Expression.spec.ts +229 -229
  19. package/src/data/Expression.ts +233 -233
  20. package/src/data/Grouper.spec.ts +57 -57
  21. package/src/data/Grouper.ts +158 -158
  22. package/src/data/NestedDataView.ts +43 -43
  23. package/src/data/ReadOnlyDataView.ts +39 -39
  24. package/src/data/Ref.ts +104 -104
  25. package/src/data/Selector.ts +10 -10
  26. package/src/data/Store.ts +52 -52
  27. package/src/data/StoreProxy.ts +19 -19
  28. package/src/data/StoreRef.ts +66 -66
  29. package/src/data/StringTemplate.spec.ts +132 -132
  30. package/src/data/StringTemplate.ts +93 -93
  31. package/src/data/StructuredSelector.spec.ts +113 -113
  32. package/src/data/StructuredSelector.ts +146 -146
  33. package/src/data/SubscribableView.ts +63 -63
  34. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  35. package/src/data/ZoomIntoPropertyView.ts +45 -45
  36. package/src/data/computable.spec.ts +62 -62
  37. package/src/data/createAccessorModelProxy.ts +60 -60
  38. package/src/data/createStructuredSelector.ts +62 -62
  39. package/src/data/getAccessor.spec.ts +11 -11
  40. package/src/data/getAccessor.ts +74 -74
  41. package/src/data/getSelector.spec.ts +43 -43
  42. package/src/data/getSelector.ts +66 -66
  43. package/src/data/ops/filter.spec.ts +35 -35
  44. package/src/data/ops/filter.ts +9 -9
  45. package/src/data/ops/merge.ts +13 -13
  46. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  47. package/src/data/ops/removeTreeNodes.ts +15 -15
  48. package/src/data/ops/updateArray.spec.ts +69 -69
  49. package/src/data/ops/updateArray.ts +31 -31
  50. package/src/data/ops/updateTree.ts +23 -23
  51. package/src/data/test-types.ts +7 -7
  52. package/src/hooks/useTrigger.ts +26 -26
  53. package/src/index.scss +6 -6
  54. package/src/jsx-runtime.ts +72 -72
  55. package/src/svg/BoundedObject.ts +101 -101
  56. package/src/ui/CSSHelper.ts +17 -17
  57. package/src/ui/ContentResolver.ts +124 -124
  58. package/src/ui/Controller.ts +189 -189
  59. package/src/ui/Culture.ts +159 -159
  60. package/src/ui/DataProxy.ts +55 -55
  61. package/src/ui/FocusManager.ts +171 -171
  62. package/src/ui/Instance.ts +868 -868
  63. package/src/ui/RenderingContext.ts +99 -99
  64. package/src/ui/Rescope.ts +49 -49
  65. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  66. package/src/ui/VDOM.ts +34 -34
  67. package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
  68. package/src/ui/adapter/ArrayAdapter.ts +226 -226
  69. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  70. package/src/ui/adapter/TreeAdapter.ts +185 -185
  71. package/src/ui/app/History.ts +133 -133
  72. package/src/ui/app/Url.spec.ts +50 -50
  73. package/src/ui/app/startHotAppLoop.ts +40 -40
  74. package/src/ui/createFunctionalComponent.ts +65 -65
  75. package/src/ui/index.ts +45 -45
  76. package/src/ui/layout/Content.ts +30 -30
  77. package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
  78. package/src/ui/selection/KeySelection.ts +165 -165
  79. package/src/ui/selection/PropertySelection.ts +87 -87
  80. package/src/ui/selection/Selection.ts +118 -118
  81. package/src/util/Format.ts +267 -267
  82. package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
  83. package/src/util/color/rgbToHsl.ts +35 -35
  84. package/src/util/getActiveElement.ts +4 -4
  85. package/src/util/hasKey.ts +18 -18
  86. package/src/util/index.ts +55 -55
  87. package/src/util/innerTextTrim.ts +10 -10
  88. package/src/util/isArray.ts +3 -3
  89. package/src/util/isDataRecord.ts +5 -5
  90. package/src/util/isDefined.ts +3 -3
  91. package/src/util/isString.ts +3 -3
  92. package/src/widgets/Sandbox.ts +103 -103
  93. package/src/widgets/autoFocus.ts +9 -9
  94. package/src/widgets/cx.ts +63 -63
  95. package/src/widgets/grid/GridCell.ts +143 -143
  96. package/src/widgets/icons/calendar.tsx +17 -17
  97. package/src/widgets/icons/check.tsx +13 -13
  98. package/src/widgets/icons/clear.tsx +15 -15
  99. package/src/widgets/icons/close.tsx +20 -20
  100. package/src/widgets/icons/cx.tsx +38 -38
  101. package/src/widgets/icons/drop-down.tsx +15 -15
  102. package/src/widgets/icons/file.tsx +13 -13
  103. package/src/widgets/icons/folder-open.tsx +15 -15
  104. package/src/widgets/icons/folder.tsx +13 -13
  105. package/src/widgets/icons/forward.tsx +22 -22
  106. package/src/widgets/icons/loading.tsx +24 -24
  107. package/src/widgets/icons/menu.tsx +17 -17
  108. package/src/widgets/icons/pixel-picker.tsx +18 -18
  109. package/src/widgets/icons/search.tsx +13 -13
  110. package/src/widgets/icons/sort-asc.tsx +14 -14
  111. package/src/widgets/icons/square.tsx +18 -18
  112. package/src/widgets/nav/Route.ts +142 -142
  113. package/src/widgets/overlay/ContextMenu.ts +42 -42
  114. package/src/widgets/overlay/Dropdown.tsx +762 -762
  115. package/src/widgets/overlay/MsgBox.tsx +141 -141
  116. package/src/widgets/overlay/Toast.ts +111 -111
  117. package/src/widgets/overlay/Window.tsx +299 -299
  118. package/src/widgets/overlay/alerts.ts +46 -46
  119. package/src/widgets/overlay/captureMouse.ts +195 -195
  120. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +72 -72
  121. package/src/widgets/overlay/index.d.ts +11 -11
  122. package/src/widgets/overlay/index.ts +11 -11
  123. package/src/widgets/overlay/tooltip-ops.ts +173 -173
@@ -1,132 +1,132 @@
1
- import { StringTemplate } from "./StringTemplate";
2
- import assert from "assert";
3
-
4
- describe("StringTemplate", function () {
5
- describe("#compile()", function () {
6
- it("returns a selector", function () {
7
- var e = StringTemplate.compile("Hello {person.name}");
8
- var state = {
9
- person: {
10
- name: "Jim",
11
- },
12
- };
13
- assert.equal(e(state), "Hello Jim");
14
- });
15
-
16
- it("allows empty strings", function () {
17
- let e = StringTemplate.compile("");
18
- assert.equal(e({}), "");
19
- });
20
-
21
- it("properly encodes ' and \"", function () {
22
- var e = StringTemplate.compile('It\'s "working"!');
23
- assert.equal(e({}), 'It\'s "working"!');
24
- });
25
-
26
- it("allows \\ before a binding", function () {
27
- var e = StringTemplate.compile("t\\{person.name}");
28
- assert.equal(e({ person: { name: "Ogi" } }), "t\\Ogi");
29
- });
30
-
31
- it("supports multi-line strings", function () {
32
- var e = StringTemplate.compile("a\nb");
33
- assert.equal(e({}), "a\nb");
34
-
35
- var e = StringTemplate.compile("a\r\nb");
36
- assert.equal(e({}), "a\r\nb");
37
- });
38
- });
39
-
40
- describe("double brackets are used to escape brackets", function () {
41
- it("double brackets are preserved", function () {
42
- var e = StringTemplate.compile("Hello {{person.name}}");
43
- var state = {
44
- person: {
45
- name: "Jim",
46
- },
47
- };
48
- assert.equal(e(state), "Hello {person.name}");
49
- });
50
-
51
- it("triple brackets are converted to single brackets and a binding", function () {
52
- var e = StringTemplate.compile("Hello {{{person.name}}}");
53
- var state = {
54
- person: {
55
- name: "Jim",
56
- },
57
- };
58
- assert.equal(e(state), "Hello {Jim}");
59
- });
60
-
61
- it("open brackets are ignored", function () {
62
- var e = StringTemplate.compile("B { A");
63
- assert.equal(e({}), "B { A");
64
- });
65
- });
66
-
67
- describe("supports formatting", function () {
68
- it("with colon", function () {
69
- var e = StringTemplate.compile("{str:suffix;kg}");
70
- assert.equal(e({ str: "5" }), "5kg");
71
- });
72
-
73
- it("with multiple formats", function () {
74
- var e = StringTemplate.compile("{str:suffix;kg:wrap;(;)}");
75
- assert.equal(e({ str: "5" }), "(5kg)");
76
- });
77
-
78
- it("with null values", function () {
79
- var e = StringTemplate.compile("{str:suffix;kg:|N/A}");
80
- assert.equal(e({ str: null }), "N/A");
81
- });
82
-
83
- it("of null values", function () {
84
- var e = StringTemplate.compile("{str|N/A}");
85
- assert.equal(e({ str: null }), "N/A");
86
- });
87
- });
88
-
89
- describe("properly handles backslashes", function () {
90
- it("in a string", function () {
91
- var e = StringTemplate.compile("a\\b");
92
- assert.equal(e({}), "a\\b");
93
- });
94
-
95
- it("before a special character", function () {
96
- var e = StringTemplate.compile("\\t");
97
- assert.equal(e({}), "\\t");
98
- });
99
- });
100
-
101
- describe("supports expressions", function () {
102
- it("using []", function () {
103
- var e = StringTemplate.compile("1 + 2 = {[1+2]}");
104
- assert.equal(e({}), "1 + 2 = 3");
105
- });
106
-
107
- it("using %", function () {
108
- var e = StringTemplate.compile("1 + 2 = %{1+2}");
109
- assert.equal(e({}), "1 + 2 = 3");
110
- });
111
-
112
- it("with subexpressions", function () {
113
- var e = StringTemplate.compile("1 + 2 = {[%{1+2}]}");
114
- assert.equal(e({}), "1 + 2 = 3");
115
- });
116
-
117
- it("with a conditional operator", function () {
118
- var e = StringTemplate.compile("1 + 2 = {[true ? 3 : 2]:s}");
119
- assert.equal(e({}), "1 + 2 = 3");
120
- });
121
-
122
- it("with sub-expression formatting", function () {
123
- var e = StringTemplate.compile("{[!!{person.age} ? {person.age:suffix; years old} : 'Age unknown']}");
124
- var state = {
125
- person: {
126
- age: 32,
127
- },
128
- };
129
- assert.equal(e(state), "32 years old");
130
- });
131
- });
132
- });
1
+ import { StringTemplate } from "./StringTemplate";
2
+ import assert from "assert";
3
+
4
+ describe("StringTemplate", function () {
5
+ describe("#compile()", function () {
6
+ it("returns a selector", function () {
7
+ var e = StringTemplate.compile("Hello {person.name}");
8
+ var state = {
9
+ person: {
10
+ name: "Jim",
11
+ },
12
+ };
13
+ assert.equal(e(state), "Hello Jim");
14
+ });
15
+
16
+ it("allows empty strings", function () {
17
+ let e = StringTemplate.compile("");
18
+ assert.equal(e({}), "");
19
+ });
20
+
21
+ it("properly encodes ' and \"", function () {
22
+ var e = StringTemplate.compile('It\'s "working"!');
23
+ assert.equal(e({}), 'It\'s "working"!');
24
+ });
25
+
26
+ it("allows \\ before a binding", function () {
27
+ var e = StringTemplate.compile("t\\{person.name}");
28
+ assert.equal(e({ person: { name: "Ogi" } }), "t\\Ogi");
29
+ });
30
+
31
+ it("supports multi-line strings", function () {
32
+ var e = StringTemplate.compile("a\nb");
33
+ assert.equal(e({}), "a\nb");
34
+
35
+ var e = StringTemplate.compile("a\r\nb");
36
+ assert.equal(e({}), "a\r\nb");
37
+ });
38
+ });
39
+
40
+ describe("double brackets are used to escape brackets", function () {
41
+ it("double brackets are preserved", function () {
42
+ var e = StringTemplate.compile("Hello {{person.name}}");
43
+ var state = {
44
+ person: {
45
+ name: "Jim",
46
+ },
47
+ };
48
+ assert.equal(e(state), "Hello {person.name}");
49
+ });
50
+
51
+ it("triple brackets are converted to single brackets and a binding", function () {
52
+ var e = StringTemplate.compile("Hello {{{person.name}}}");
53
+ var state = {
54
+ person: {
55
+ name: "Jim",
56
+ },
57
+ };
58
+ assert.equal(e(state), "Hello {Jim}");
59
+ });
60
+
61
+ it("open brackets are ignored", function () {
62
+ var e = StringTemplate.compile("B { A");
63
+ assert.equal(e({}), "B { A");
64
+ });
65
+ });
66
+
67
+ describe("supports formatting", function () {
68
+ it("with colon", function () {
69
+ var e = StringTemplate.compile("{str:suffix;kg}");
70
+ assert.equal(e({ str: "5" }), "5kg");
71
+ });
72
+
73
+ it("with multiple formats", function () {
74
+ var e = StringTemplate.compile("{str:suffix;kg:wrap;(;)}");
75
+ assert.equal(e({ str: "5" }), "(5kg)");
76
+ });
77
+
78
+ it("with null values", function () {
79
+ var e = StringTemplate.compile("{str:suffix;kg:|N/A}");
80
+ assert.equal(e({ str: null }), "N/A");
81
+ });
82
+
83
+ it("of null values", function () {
84
+ var e = StringTemplate.compile("{str|N/A}");
85
+ assert.equal(e({ str: null }), "N/A");
86
+ });
87
+ });
88
+
89
+ describe("properly handles backslashes", function () {
90
+ it("in a string", function () {
91
+ var e = StringTemplate.compile("a\\b");
92
+ assert.equal(e({}), "a\\b");
93
+ });
94
+
95
+ it("before a special character", function () {
96
+ var e = StringTemplate.compile("\\t");
97
+ assert.equal(e({}), "\\t");
98
+ });
99
+ });
100
+
101
+ describe("supports expressions", function () {
102
+ it("using []", function () {
103
+ var e = StringTemplate.compile("1 + 2 = {[1+2]}");
104
+ assert.equal(e({}), "1 + 2 = 3");
105
+ });
106
+
107
+ it("using %", function () {
108
+ var e = StringTemplate.compile("1 + 2 = %{1+2}");
109
+ assert.equal(e({}), "1 + 2 = 3");
110
+ });
111
+
112
+ it("with subexpressions", function () {
113
+ var e = StringTemplate.compile("1 + 2 = {[%{1+2}]}");
114
+ assert.equal(e({}), "1 + 2 = 3");
115
+ });
116
+
117
+ it("with a conditional operator", function () {
118
+ var e = StringTemplate.compile("1 + 2 = {[true ? 3 : 2]:s}");
119
+ assert.equal(e({}), "1 + 2 = 3");
120
+ });
121
+
122
+ it("with sub-expression formatting", function () {
123
+ var e = StringTemplate.compile("{[!!{person.age} ? {person.age:suffix; years old} : 'Age unknown']}");
124
+ var state = {
125
+ person: {
126
+ age: 32,
127
+ },
128
+ };
129
+ assert.equal(e(state), "32 years old");
130
+ });
131
+ });
132
+ });
@@ -1,93 +1,93 @@
1
- import { expression } from "./Expression";
2
- import { MemoSelector } from "./Selector";
3
-
4
- import { quoteStr } from "../util/quote";
5
-
6
- function plus(str: string) {
7
- return str.length ? str + " + " : str;
8
- }
9
-
10
- export function stringTemplate(str: string): MemoSelector<string> {
11
- let tplCache = getTplCache();
12
- let cached = tplCache[str];
13
- if (cached) return cached;
14
-
15
- let expr = "";
16
-
17
- let termStart = -1,
18
- quoteStart = 0,
19
- term: string,
20
- bracketsOpen = 0,
21
- percentSign: boolean = false;
22
-
23
- for (let i = 0; i < str.length; i++) {
24
- switch (str[i]) {
25
- case "{":
26
- if (termStart < 0) {
27
- if (str[i + 1] == "{" && str[i - 1] != "%") {
28
- expr = plus(expr) + quoteStr(str.substring(quoteStart, i) + "{");
29
- i++;
30
- quoteStart = i + 1;
31
- } else {
32
- termStart = i + 1;
33
- percentSign = str[i - 1] == "%";
34
- if (i > quoteStart) expr = plus(expr) + quoteStr(str.substring(quoteStart, percentSign ? i - 1 : i));
35
- bracketsOpen = 1;
36
- quoteStart = i; // for the case where the brackets are not closed
37
- }
38
- } else bracketsOpen++;
39
- break;
40
-
41
- case "}":
42
- if (termStart >= 0) {
43
- if (--bracketsOpen == 0) {
44
- term = str.substring(termStart, i);
45
- if (term.indexOf(":") == -1) {
46
- let nullSepIndex = term.indexOf("|");
47
- if (nullSepIndex == -1) term += ":s";
48
- else term = term.substring(0, nullSepIndex) + ":s" + term.substring(nullSepIndex);
49
- }
50
- expr = plus(expr) + (percentSign ? "%{" : "{") + term + "}";
51
- termStart = -1;
52
- quoteStart = i + 1;
53
- bracketsOpen = 0;
54
- }
55
- } else if (str[i + 1] == "}") {
56
- expr = plus(expr) + quoteStr(str.substring(quoteStart, i) + "}");
57
- i++;
58
- quoteStart = i + 1;
59
- }
60
- break;
61
- }
62
- }
63
-
64
- if (quoteStart < str.length || expr.length == 0) expr = plus(expr) + quoteStr(str.substring(quoteStart));
65
-
66
- return (tplCache[str] = expression(expr));
67
- }
68
-
69
- export const StringTemplate = {
70
- get: function (str: string) {
71
- return stringTemplate(str);
72
- },
73
-
74
- compile: function (str: string) {
75
- return stringTemplate(str).memoize();
76
- },
77
-
78
- format: function (format: string, ...args: any[]) {
79
- return stringTemplate(format)(args);
80
- },
81
- };
82
-
83
- let tplCache: Record<string, MemoSelector> = {};
84
-
85
- let getTplCache = () => tplCache;
86
-
87
- export function invalidateStringTemplateCache() {
88
- tplCache = {};
89
- }
90
-
91
- export function setGetStringTemplateCacheCallback(callback: () => Record<string, MemoSelector>) {
92
- getTplCache = callback;
93
- }
1
+ import { expression } from "./Expression";
2
+ import { MemoSelector } from "./Selector";
3
+
4
+ import { quoteStr } from "../util/quote";
5
+
6
+ function plus(str: string) {
7
+ return str.length ? str + " + " : str;
8
+ }
9
+
10
+ export function stringTemplate(str: string): MemoSelector<string> {
11
+ let tplCache = getTplCache();
12
+ let cached = tplCache[str];
13
+ if (cached) return cached;
14
+
15
+ let expr = "";
16
+
17
+ let termStart = -1,
18
+ quoteStart = 0,
19
+ term: string,
20
+ bracketsOpen = 0,
21
+ percentSign: boolean = false;
22
+
23
+ for (let i = 0; i < str.length; i++) {
24
+ switch (str[i]) {
25
+ case "{":
26
+ if (termStart < 0) {
27
+ if (str[i + 1] == "{" && str[i - 1] != "%") {
28
+ expr = plus(expr) + quoteStr(str.substring(quoteStart, i) + "{");
29
+ i++;
30
+ quoteStart = i + 1;
31
+ } else {
32
+ termStart = i + 1;
33
+ percentSign = str[i - 1] == "%";
34
+ if (i > quoteStart) expr = plus(expr) + quoteStr(str.substring(quoteStart, percentSign ? i - 1 : i));
35
+ bracketsOpen = 1;
36
+ quoteStart = i; // for the case where the brackets are not closed
37
+ }
38
+ } else bracketsOpen++;
39
+ break;
40
+
41
+ case "}":
42
+ if (termStart >= 0) {
43
+ if (--bracketsOpen == 0) {
44
+ term = str.substring(termStart, i);
45
+ if (term.indexOf(":") == -1) {
46
+ let nullSepIndex = term.indexOf("|");
47
+ if (nullSepIndex == -1) term += ":s";
48
+ else term = term.substring(0, nullSepIndex) + ":s" + term.substring(nullSepIndex);
49
+ }
50
+ expr = plus(expr) + (percentSign ? "%{" : "{") + term + "}";
51
+ termStart = -1;
52
+ quoteStart = i + 1;
53
+ bracketsOpen = 0;
54
+ }
55
+ } else if (str[i + 1] == "}") {
56
+ expr = plus(expr) + quoteStr(str.substring(quoteStart, i) + "}");
57
+ i++;
58
+ quoteStart = i + 1;
59
+ }
60
+ break;
61
+ }
62
+ }
63
+
64
+ if (quoteStart < str.length || expr.length == 0) expr = plus(expr) + quoteStr(str.substring(quoteStart));
65
+
66
+ return (tplCache[str] = expression(expr));
67
+ }
68
+
69
+ export const StringTemplate = {
70
+ get: function (str: string) {
71
+ return stringTemplate(str);
72
+ },
73
+
74
+ compile: function (str: string) {
75
+ return stringTemplate(str).memoize();
76
+ },
77
+
78
+ format: function (format: string, ...args: any[]) {
79
+ return stringTemplate(format)(args);
80
+ },
81
+ };
82
+
83
+ let tplCache: Record<string, MemoSelector> = {};
84
+
85
+ let getTplCache = () => tplCache;
86
+
87
+ export function invalidateStringTemplateCache() {
88
+ tplCache = {};
89
+ }
90
+
91
+ export function setGetStringTemplateCacheCallback(callback: () => Record<string, MemoSelector>) {
92
+ getTplCache = callback;
93
+ }
@@ -1,113 +1,113 @@
1
- import { StructuredSelector } from "./StructuredSelector";
2
- import assert from "assert";
3
- import { createAccessorModelProxy } from "./createAccessorModelProxy";
4
-
5
- describe("StructuredSelector", function () {
6
- describe("#create()", function () {
7
- it("constants", function () {
8
- var x = {};
9
- var s = new StructuredSelector({
10
- props: {
11
- a: undefined,
12
- b: undefined,
13
- },
14
- values: {
15
- a: 1,
16
- b: 2,
17
- },
18
- }).create();
19
-
20
- assert.deepEqual(s(x), { a: 1, b: 2 });
21
- });
22
-
23
- it("bindings", function () {
24
- var x = { a: 1, b: 2 };
25
- var s = new StructuredSelector({
26
- props: {
27
- a: undefined,
28
- b: undefined,
29
- },
30
- values: {
31
- a: { bind: "b" },
32
- b: { bind: "a" },
33
- },
34
- }).create();
35
-
36
- assert.deepEqual(s(x), { a: 2, b: 1 });
37
- });
38
-
39
- it("templates", function () {
40
- var x = { a: 1, b: 2 };
41
- var s = new StructuredSelector({
42
- props: {
43
- a: undefined,
44
- b: undefined,
45
- },
46
- values: {
47
- a: { tpl: "b{a}" },
48
- b: { tpl: "a{b}" },
49
- },
50
- }).create();
51
-
52
- assert.deepEqual(s(x), { a: "b1", b: "a2" });
53
- });
54
-
55
- it("structured", function () {
56
- var x = { a: 1, b: 2 };
57
- var s = new StructuredSelector({
58
- props: {
59
- a: {
60
- structured: true,
61
- },
62
- b: undefined,
63
- },
64
- values: {
65
- a: {
66
- x: { expr: "{a} == 1" },
67
- y: { expr: "{b} == 1" },
68
- },
69
- b: { tpl: "a{b}" },
70
- },
71
- }).create();
72
-
73
- assert.deepEqual(s(x), { a: { x: true, y: false }, b: "a2" });
74
- });
75
- });
76
-
77
- it("structures do not change if data doesn't change", function () {
78
- var x = { a: 1, b: 2 };
79
- var s = new StructuredSelector({
80
- props: {
81
- a: {
82
- structured: true,
83
- },
84
- },
85
- values: {
86
- a: {
87
- x: { expr: "{a} == 1" },
88
- y: { expr: "{b} == 1" },
89
- },
90
- b: { tpl: "a{b}" },
91
- },
92
- }).create();
93
-
94
- let r1 = s(x);
95
- let r2 = s(x);
96
-
97
- assert.equal(r1, r2);
98
- });
99
-
100
- it("accessor model proxy works", function () {
101
- var x = { a: { b: 2 } };
102
- var m = createAccessorModelProxy<typeof x>();
103
- var s = new StructuredSelector({
104
- props: {
105
- b: undefined,
106
- },
107
- values: {
108
- b: m.a.b,
109
- },
110
- }).create();
111
- assert.deepEqual(s(x), { b: 2 });
112
- });
113
- });
1
+ import { StructuredSelector } from "./StructuredSelector";
2
+ import assert from "assert";
3
+ import { createAccessorModelProxy } from "./createAccessorModelProxy";
4
+
5
+ describe("StructuredSelector", function () {
6
+ describe("#create()", function () {
7
+ it("constants", function () {
8
+ var x = {};
9
+ var s = new StructuredSelector({
10
+ props: {
11
+ a: undefined,
12
+ b: undefined,
13
+ },
14
+ values: {
15
+ a: 1,
16
+ b: 2,
17
+ },
18
+ }).create();
19
+
20
+ assert.deepEqual(s(x), { a: 1, b: 2 });
21
+ });
22
+
23
+ it("bindings", function () {
24
+ var x = { a: 1, b: 2 };
25
+ var s = new StructuredSelector({
26
+ props: {
27
+ a: undefined,
28
+ b: undefined,
29
+ },
30
+ values: {
31
+ a: { bind: "b" },
32
+ b: { bind: "a" },
33
+ },
34
+ }).create();
35
+
36
+ assert.deepEqual(s(x), { a: 2, b: 1 });
37
+ });
38
+
39
+ it("templates", function () {
40
+ var x = { a: 1, b: 2 };
41
+ var s = new StructuredSelector({
42
+ props: {
43
+ a: undefined,
44
+ b: undefined,
45
+ },
46
+ values: {
47
+ a: { tpl: "b{a}" },
48
+ b: { tpl: "a{b}" },
49
+ },
50
+ }).create();
51
+
52
+ assert.deepEqual(s(x), { a: "b1", b: "a2" });
53
+ });
54
+
55
+ it("structured", function () {
56
+ var x = { a: 1, b: 2 };
57
+ var s = new StructuredSelector({
58
+ props: {
59
+ a: {
60
+ structured: true,
61
+ },
62
+ b: undefined,
63
+ },
64
+ values: {
65
+ a: {
66
+ x: { expr: "{a} == 1" },
67
+ y: { expr: "{b} == 1" },
68
+ },
69
+ b: { tpl: "a{b}" },
70
+ },
71
+ }).create();
72
+
73
+ assert.deepEqual(s(x), { a: { x: true, y: false }, b: "a2" });
74
+ });
75
+ });
76
+
77
+ it("structures do not change if data doesn't change", function () {
78
+ var x = { a: 1, b: 2 };
79
+ var s = new StructuredSelector({
80
+ props: {
81
+ a: {
82
+ structured: true,
83
+ },
84
+ },
85
+ values: {
86
+ a: {
87
+ x: { expr: "{a} == 1" },
88
+ y: { expr: "{b} == 1" },
89
+ },
90
+ b: { tpl: "a{b}" },
91
+ },
92
+ }).create();
93
+
94
+ let r1 = s(x);
95
+ let r2 = s(x);
96
+
97
+ assert.equal(r1, r2);
98
+ });
99
+
100
+ it("accessor model proxy works", function () {
101
+ var x = { a: { b: 2 } };
102
+ var m = createAccessorModelProxy<typeof x>();
103
+ var s = new StructuredSelector({
104
+ props: {
105
+ b: undefined,
106
+ },
107
+ values: {
108
+ b: m.a.b,
109
+ },
110
+ }).create();
111
+ assert.deepEqual(s(x), { b: 2 });
112
+ });
113
+ });