cx 26.0.5 → 26.0.8

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 (257) hide show
  1. package/build/charts/Bar.scss +29 -0
  2. package/build/charts/BarGraph.scss +29 -0
  3. package/build/charts/BubbleGraph.scss +32 -0
  4. package/build/charts/Column.scss +29 -0
  5. package/build/charts/ColumnGraph.scss +30 -0
  6. package/build/charts/Gridlines.scss +25 -0
  7. package/build/charts/Legend.scss +50 -0
  8. package/build/charts/LegendEntry.scss +29 -0
  9. package/build/charts/LineGraph.d.ts +11 -0
  10. package/build/charts/LineGraph.js +1 -0
  11. package/build/charts/LineGraph.scss +25 -0
  12. package/build/charts/Marker.scss +44 -0
  13. package/build/charts/MarkerLine.scss +20 -0
  14. package/build/charts/PieChart.scss +29 -0
  15. package/build/charts/Range.scss +20 -0
  16. package/build/charts/RangeMarker.scss +17 -0
  17. package/build/charts/ScatterGraph.scss +24 -0
  18. package/build/charts/Swimlane.scss +16 -0
  19. package/build/charts/Swimlanes.scss +16 -0
  20. package/build/charts/axis/Axis.scss +23 -0
  21. package/build/charts/axis/CategoryAxis.scss +35 -0
  22. package/build/charts/axis/NumericAxis.scss +35 -0
  23. package/build/charts/axis/TimeAxis.scss +34 -0
  24. package/build/charts/axis/index.scss +5 -0
  25. package/build/charts/axis/variables.scss +3 -0
  26. package/build/charts/index.scss +22 -0
  27. package/build/charts/palette.scss +97 -0
  28. package/build/charts/variables.scss +22 -0
  29. package/build/data/ArrayElementView.spec.js +1 -1
  30. package/build/global.scss +14 -0
  31. package/build/hooks/store.spec.js +1 -1
  32. package/build/hooks/useTrigger.spec.js +1 -1
  33. package/build/index.scss +6 -0
  34. package/build/jsx-runtime.d.ts +3 -2
  35. package/build/svg/Svg.scss +28 -0
  36. package/build/svg/index.scss +9 -0
  37. package/build/ui/Controller.spec.js +6 -2
  38. package/build/ui/app/startAppLoop.d.ts +3 -2
  39. package/build/ui/app/startHotAppLoop.d.ts +3 -2
  40. package/build/ui/index.scss +2 -0
  41. package/build/ui/layout/ContentPlaceholder.spec.js +12 -12
  42. package/build/ui/layout/LabelsLeftLayout.scss +47 -0
  43. package/build/ui/layout/LabelsTopLayout.scss +65 -0
  44. package/build/ui/layout/index.scss +3 -0
  45. package/build/ui/layout/variables.scss +2 -0
  46. package/build/ui/variables.scss +2 -0
  47. package/build/util/addEventListenerWithOptions.d.ts +2 -2
  48. package/build/util/call-once.scss +7 -0
  49. package/build/util/index.scss +11 -0
  50. package/build/util/scss/add-rules.scss +40 -0
  51. package/build/util/scss/calc.scss +45 -0
  52. package/build/util/scss/call-once.scss +13 -0
  53. package/build/util/scss/clockwise.scss +49 -0
  54. package/build/util/scss/colors.scss +10 -0
  55. package/build/util/scss/deep-get.scss +12 -0
  56. package/build/util/scss/deep-merge.scss +21 -0
  57. package/build/util/scss/divide.scss +3 -0
  58. package/build/util/scss/include.scss +48 -0
  59. package/build/util/scss/index.scss +9 -0
  60. package/build/variables.scss +217 -0
  61. package/build/widgets/Button.scss +119 -0
  62. package/build/widgets/Button.variables.scss +117 -0
  63. package/build/widgets/CxCredit.scss +39 -0
  64. package/build/widgets/FlexBox.scss +148 -0
  65. package/build/widgets/Heading.scss +40 -0
  66. package/build/widgets/HighlightedSearchText.scss +20 -0
  67. package/build/widgets/Icon.scss +22 -0
  68. package/build/widgets/List.scss +93 -0
  69. package/build/widgets/ProgressBar.scss +51 -0
  70. package/build/widgets/Resizer.scss +44 -0
  71. package/build/widgets/Section.scss +56 -0
  72. package/build/widgets/animations.scss +11 -0
  73. package/build/widgets/drag-drop/DragClone.scss +36 -0
  74. package/build/widgets/drag-drop/DragHandle.scss +19 -0
  75. package/build/widgets/drag-drop/DragSource.scss +27 -0
  76. package/build/widgets/drag-drop/DropZone.scss +77 -0
  77. package/build/widgets/drag-drop/index.scss +4 -0
  78. package/build/widgets/drag-drop/variables.scss +15 -0
  79. package/build/widgets/form/Calendar.scss +199 -0
  80. package/build/widgets/form/Calendar.variables.scss +64 -0
  81. package/build/widgets/form/Checkbox.scss +129 -0
  82. package/build/widgets/form/Checkbox.variables.scss +40 -0
  83. package/build/widgets/form/ColorField.scss +98 -0
  84. package/build/widgets/form/ColorPicker.scss +285 -0
  85. package/build/widgets/form/ColorPicker.variables.scss +22 -0
  86. package/build/widgets/form/DateTimeField.scss +92 -0
  87. package/build/widgets/form/DateTimePicker.scss +47 -0
  88. package/build/widgets/form/Field.scss +164 -0
  89. package/build/widgets/form/HelpText.scss +24 -0
  90. package/build/widgets/form/Label.scss +38 -0
  91. package/build/widgets/form/LookupField.scss +221 -0
  92. package/build/widgets/form/MonthField.scss +100 -0
  93. package/build/widgets/form/MonthPicker.scss +125 -0
  94. package/build/widgets/form/NumberField.scss +63 -0
  95. package/build/widgets/form/Radio.scss +123 -0
  96. package/build/widgets/form/Radio.variables.scss +46 -0
  97. package/build/widgets/form/Select.scss +101 -0
  98. package/build/widgets/form/Slider.scss +121 -0
  99. package/build/widgets/form/Switch.scss +142 -0
  100. package/build/widgets/form/TextArea.scss +45 -0
  101. package/build/widgets/form/TextField.scss +57 -0
  102. package/build/widgets/form/UploadButton.scss +49 -0
  103. package/build/widgets/form/ValidationError.scss +23 -0
  104. package/build/widgets/form/Wheel.scss +152 -0
  105. package/build/widgets/form/index.scss +24 -0
  106. package/build/widgets/form/variables.scss +355 -0
  107. package/build/widgets/grid/Grid.scss +640 -0
  108. package/build/widgets/grid/Pagination.scss +115 -0
  109. package/build/widgets/grid/TreeNode.scss +90 -0
  110. package/build/widgets/grid/index.scss +4 -0
  111. package/build/widgets/grid/variables.scss +137 -0
  112. package/build/widgets/index.scss +16 -0
  113. package/build/widgets/nav/Link.scss +20 -0
  114. package/build/widgets/nav/Menu.scss +76 -0
  115. package/build/widgets/nav/Menu.variables.scss +25 -0
  116. package/build/widgets/nav/MenuItem.d.ts +1 -0
  117. package/build/widgets/nav/MenuItem.scss +130 -0
  118. package/build/widgets/nav/Scroller.scss +148 -0
  119. package/build/widgets/nav/Tab.scss +82 -0
  120. package/build/widgets/nav/Tab.variables.scss +84 -0
  121. package/build/widgets/nav/cover.scss +22 -0
  122. package/build/widgets/nav/index.scss +6 -0
  123. package/build/widgets/nav/variables.scss +27 -0
  124. package/build/widgets/overlay/Dropdown.scss +186 -0
  125. package/build/widgets/overlay/Overlay.scss +68 -0
  126. package/build/widgets/overlay/Toast.scss +164 -0
  127. package/build/widgets/overlay/Tooltip.scss +177 -0
  128. package/build/widgets/overlay/Window.scss +129 -0
  129. package/build/widgets/overlay/Window.variables.scss +62 -0
  130. package/build/widgets/overlay/captureMouse.scss +13 -0
  131. package/build/widgets/overlay/index.scss +15 -0
  132. package/build/widgets/overlay/variables.scss +85 -0
  133. package/build/widgets/variables.scss +146 -0
  134. package/build.js +133 -129
  135. package/dist/charts.js +1 -0
  136. package/dist/manifest.js +849 -743
  137. package/package.json +4 -2
  138. package/src/charts/Chart.ts +108 -108
  139. package/src/charts/LineGraph.tsx +14 -0
  140. package/src/data/ArrayElementView.ts +90 -90
  141. package/src/data/AugmentedViewBase.ts +88 -88
  142. package/src/data/Binding.ts +104 -104
  143. package/src/data/ExposedRecordView.ts +95 -95
  144. package/src/data/ExposedValueView.ts +89 -89
  145. package/src/data/Expression.spec.ts +229 -229
  146. package/src/data/Expression.ts +233 -233
  147. package/src/data/Grouper.spec.ts +57 -57
  148. package/src/data/Grouper.ts +158 -158
  149. package/src/data/NestedDataView.ts +43 -43
  150. package/src/data/ReadOnlyDataView.ts +39 -39
  151. package/src/data/Ref.ts +104 -104
  152. package/src/data/Selector.ts +10 -10
  153. package/src/data/Store.ts +52 -52
  154. package/src/data/StoreProxy.ts +19 -19
  155. package/src/data/StoreRef.ts +66 -66
  156. package/src/data/StringTemplate.spec.ts +132 -132
  157. package/src/data/StringTemplate.ts +93 -93
  158. package/src/data/StructuredSelector.spec.ts +113 -113
  159. package/src/data/StructuredSelector.ts +146 -146
  160. package/src/data/SubscribableView.ts +63 -63
  161. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  162. package/src/data/ZoomIntoPropertyView.ts +45 -45
  163. package/src/data/computable.spec.ts +62 -62
  164. package/src/data/createAccessorModelProxy.ts +60 -60
  165. package/src/data/createStructuredSelector.ts +62 -62
  166. package/src/data/getAccessor.spec.ts +11 -11
  167. package/src/data/getAccessor.ts +74 -74
  168. package/src/data/getSelector.spec.ts +43 -43
  169. package/src/data/getSelector.ts +66 -66
  170. package/src/data/ops/filter.spec.ts +35 -35
  171. package/src/data/ops/filter.ts +9 -9
  172. package/src/data/ops/merge.ts +13 -13
  173. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  174. package/src/data/ops/removeTreeNodes.ts +15 -15
  175. package/src/data/ops/updateArray.spec.ts +69 -69
  176. package/src/data/ops/updateArray.ts +31 -31
  177. package/src/data/ops/updateTree.ts +23 -23
  178. package/src/data/test-types.ts +7 -7
  179. package/src/hooks/useTrigger.ts +26 -26
  180. package/src/index.scss +6 -6
  181. package/src/jsx-runtime.ts +75 -72
  182. package/src/svg/BoundedObject.ts +101 -101
  183. package/src/ui/CSSHelper.ts +17 -17
  184. package/src/ui/ContentResolver.ts +124 -124
  185. package/src/ui/Controller.ts +189 -189
  186. package/src/ui/Culture.ts +159 -159
  187. package/src/ui/DataProxy.ts +55 -55
  188. package/src/ui/FocusManager.ts +171 -171
  189. package/src/ui/Instance.ts +868 -868
  190. package/src/ui/RenderingContext.ts +99 -99
  191. package/src/ui/Rescope.ts +49 -49
  192. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  193. package/src/ui/VDOM.ts +34 -34
  194. package/src/ui/adapter/ArrayAdapter.spec.ts +55 -55
  195. package/src/ui/adapter/ArrayAdapter.ts +226 -226
  196. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  197. package/src/ui/adapter/TreeAdapter.ts +185 -185
  198. package/src/ui/app/History.ts +133 -133
  199. package/src/ui/app/Url.spec.ts +50 -50
  200. package/src/ui/app/startAppLoop.tsx +2 -1
  201. package/src/ui/app/startHotAppLoop.ts +2 -1
  202. package/src/ui/createFunctionalComponent.ts +65 -65
  203. package/src/ui/index.ts +45 -45
  204. package/src/ui/layout/Content.ts +30 -30
  205. package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
  206. package/src/ui/selection/KeySelection.ts +165 -165
  207. package/src/ui/selection/PropertySelection.ts +87 -87
  208. package/src/ui/selection/Selection.ts +118 -118
  209. package/src/util/Format.ts +267 -267
  210. package/src/util/addEventListenerWithOptions.ts +41 -41
  211. package/src/util/browserSupportsPassiveEventHandlers.ts +20 -20
  212. package/src/util/color/rgbToHsl.ts +35 -35
  213. package/src/util/getActiveElement.ts +4 -4
  214. package/src/util/hasKey.ts +18 -18
  215. package/src/util/index.ts +55 -55
  216. package/src/util/innerTextTrim.ts +10 -10
  217. package/src/util/isArray.ts +3 -3
  218. package/src/util/isDataRecord.ts +5 -5
  219. package/src/util/isDefined.ts +3 -3
  220. package/src/util/isString.ts +3 -3
  221. package/src/widgets/Sandbox.ts +103 -103
  222. package/src/widgets/autoFocus.ts +9 -9
  223. package/src/widgets/cx.ts +63 -63
  224. package/src/widgets/drag-drop/ops.tsx +1 -1
  225. package/src/widgets/grid/GridCell.ts +143 -143
  226. package/src/widgets/icons/calendar.tsx +17 -17
  227. package/src/widgets/icons/check.tsx +13 -13
  228. package/src/widgets/icons/clear.tsx +15 -15
  229. package/src/widgets/icons/close.tsx +20 -20
  230. package/src/widgets/icons/cx.tsx +38 -38
  231. package/src/widgets/icons/drop-down.tsx +15 -15
  232. package/src/widgets/icons/file.tsx +13 -13
  233. package/src/widgets/icons/folder-open.tsx +15 -15
  234. package/src/widgets/icons/folder.tsx +13 -13
  235. package/src/widgets/icons/forward.tsx +22 -22
  236. package/src/widgets/icons/loading.tsx +24 -24
  237. package/src/widgets/icons/menu.tsx +17 -17
  238. package/src/widgets/icons/pixel-picker.tsx +18 -18
  239. package/src/widgets/icons/search.tsx +13 -13
  240. package/src/widgets/icons/sort-asc.tsx +14 -14
  241. package/src/widgets/icons/square.tsx +18 -18
  242. package/src/widgets/nav/MenuItem.tsx +1 -0
  243. package/src/widgets/nav/Route.ts +142 -142
  244. package/src/widgets/overlay/ContextMenu.ts +42 -42
  245. package/src/widgets/overlay/Dropdown.tsx +762 -762
  246. package/src/widgets/overlay/MsgBox.tsx +141 -141
  247. package/src/widgets/overlay/Toast.ts +111 -111
  248. package/src/widgets/overlay/Window.tsx +299 -299
  249. package/src/widgets/overlay/alerts.ts +46 -46
  250. package/src/widgets/overlay/captureMouse.ts +195 -195
  251. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +72 -72
  252. package/src/widgets/overlay/index.d.ts +11 -11
  253. package/src/widgets/overlay/index.ts +11 -11
  254. package/src/widgets/overlay/tooltip-ops.ts +173 -173
  255. package/build/ui/PureContainer.spec.d.ts +0 -1
  256. package/build/ui/PureContainer.spec.js +0 -149
  257. package/dist/manifest.d.ts +0 -1443
@@ -1,229 +1,229 @@
1
- import { Expression } from "./Expression";
2
- import assert from "assert";
3
- import { StringTemplate } from "./StringTemplate";
4
-
5
- describe("Expression", function () {
6
- describe("#compile()", function () {
7
- it("returns a selector", function () {
8
- let e = Expression.compile("{person.name}");
9
- let state = {
10
- person: {
11
- name: "Jim",
12
- },
13
- };
14
- assert.equal(e(state), "Jim");
15
- });
16
-
17
- it("ignores bindings in strings", function () {
18
- let e = Expression.compile('"{person.name}"');
19
- let state = {
20
- person: {
21
- name: "Jim",
22
- },
23
- };
24
- assert.equal(e(state), "{person.name}");
25
- });
26
-
27
- it("allows mixed curly braces in strings", () => {
28
- let e = Expression.compile('"Hello {" + "person.name}"');
29
- assert.equal(e({}), "Hello {person.name}");
30
- });
31
-
32
- it("properly encodes quotes #1", function () {
33
- let e = Expression.compile('"\'"');
34
- let state = {};
35
- assert.equal(e(state), "'");
36
- });
37
-
38
- it("properly encodes quotes #2", function () {
39
- let e = Expression.compile('"\\""');
40
- let state = {};
41
- assert.equal(e(state), '"');
42
- });
43
-
44
- it("properly encodes quotes #3", function () {
45
- let e = Expression.compile('"\\\\\\""');
46
- let state = {};
47
- assert.equal(e(state), '\\"');
48
- });
49
-
50
- it("properly encodes quotes #4", function () {
51
- let e = Expression.compile('"\\\\"');
52
- let state = {};
53
- assert.equal(e(state), "\\");
54
- });
55
- });
56
-
57
- describe("allow subexpressions", function () {
58
- it("in square brackets", function () {
59
- let e = Expression.compile("{[{person.name}]}");
60
- let state = {
61
- person: {
62
- name: "Jim",
63
- },
64
- };
65
- assert.equal(e(state), "Jim");
66
- });
67
-
68
- it("in square brackets", function () {
69
- let e = Expression.compile("{[{person.alias} || {person.name}]}");
70
- let state = {
71
- person: {
72
- name: "Jim",
73
- alias: "J",
74
- },
75
- };
76
- assert.equal(e(state), "J");
77
- });
78
-
79
- it("prefixed with % sign", function () {
80
- let e = Expression.compile("%{1+1}");
81
- assert.equal(e({}), "2");
82
- });
83
-
84
- it("can be formatted", function () {
85
- let e = Expression.compile("{[1+1]:f;2}");
86
- assert.equal(e({}), "2.00");
87
- });
88
-
89
- it("n level deep", function () {
90
- let e = Expression.compile("{[{[{[1+1]}]}]:f;2}");
91
- assert.equal(e({}), "2.00");
92
- });
93
-
94
- it("with complex math inside", function () {
95
- let e = Expression.compile("%{{data}.reduce((a,b)=>a+b, 0):f;2}");
96
- let state = {
97
- data: [1, 2, 3],
98
- };
99
- assert.equal(e(state), "6.00");
100
- });
101
-
102
- it("with a conditional operator inside", function () {
103
- let e = Expression.compile('{[true ? "T" : "F"]}');
104
- assert.equal(e({}), "T");
105
- });
106
-
107
- it("with string interpolation inside", function () {
108
- let e = Expression.compile("{[`${{test}}`]}");
109
- assert.equal(e({ test: "T" }), "T");
110
- });
111
- });
112
-
113
- describe("are working", function () {
114
- it("function expressions with get", function () {
115
- let e = Expression.get((get) => get("a") + get("b"));
116
- assert.equal(e({ a: 1, b: 2 }), 3);
117
- });
118
-
119
- it("are properly memoized", function () {
120
- let inv = 0;
121
- let e = Expression.get((get) => {
122
- inv++;
123
- return get("a") + get("b");
124
- }).memoize();
125
-
126
- assert.equal(e({ a: 1, b: 1 }), 2);
127
- assert.equal(inv, 1);
128
-
129
- assert.equal(e({ a: 1, b: 1 }), 2);
130
- assert.equal(inv, 1);
131
-
132
- assert.equal(e({ a: 1, b: 2 }), 3);
133
- assert.equal(inv, 2);
134
-
135
- assert.equal(e({ a: 1, b: 2 }), 3);
136
- assert.equal(inv, 2);
137
-
138
- assert.equal(e({ a: 2, b: 2 }), 4);
139
- assert.equal(inv, 3);
140
- });
141
-
142
- it("formatting can be used inside bindings", function () {
143
- let e = Expression.get((get) => get("name:prefix;Hello "));
144
- assert(e({ name: "CxJS" }), "Hello CxJS");
145
- });
146
-
147
- it("allows using the fmt function inside", function () {
148
- let e = Expression.compile('{[fmt({text}, "prefix;Hello ")]}');
149
- assert.equal(e({ text: "CxJS" }), "Hello CxJS");
150
- });
151
-
152
- it("allows using dashes inside names", function () {
153
- let e = Expression.compile("{framework-name}");
154
- assert.equal(e({ "framework-name": "CxJS" }), "CxJS");
155
- });
156
-
157
- it("allows using spaces and other characters inside names", function () {
158
- let e = Expression.compile("{1nv@lid js ident1fier}");
159
- assert.equal(e({ "1nv@lid js ident1fier": "CxJS" }), "CxJS");
160
- });
161
-
162
- it("allows strings in subexpressions", () => {
163
- let e = Expression.compile("{['1']}");
164
- assert.equal(e({}), "1");
165
-
166
- let e2 = Expression.compile('%{"1"}');
167
- assert.equal(e({}), "1");
168
- });
169
-
170
- it("allows string templates in nested expressions", () => {
171
- Expression.registerHelper("tpl", StringTemplate.format);
172
- let e = Expression.compile("tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})");
173
- assert.equal(e({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
174
-
175
- let e2 = Expression.compile("{[tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})]}");
176
- assert.equal(e2({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
177
-
178
- // we're going to need a better parser for this
179
- // let e3 = Expression.compile("%{tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})}");
180
- // assert.equal(e3({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
181
- });
182
-
183
- it("string templates can be in the data", () => {
184
- Expression.registerHelper("tpl", StringTemplate.format);
185
- let e = Expression.compile("tpl({template}, {value}, {percentage})");
186
- assert.equal(e({ value: 1, percentage: 0.02, template: "{0:n;2} {1:p;2:wrap;(;)}" }), "1.00 (2.00%)");
187
- });
188
-
189
- // it('are properly memoized with proxies', function () {
190
- // let inv = 0;
191
- // let e = Expression.get(d => { inv++; return d.a + d.b}).memoize();
192
- //
193
- // assert.equal(e({ a: 1, b: 1 }), 2);
194
- // assert.equal(inv, 1);
195
- //
196
- // assert.equal(e({ a: 1, b: 1 }), 2);
197
- // assert.equal(inv, 1);
198
- //
199
- // assert.equal(e({ a: 1, b: 2 }), 3);
200
- // assert.equal(inv, 2);
201
- //
202
- // assert.equal(e({ a: 1, b: 2 }), 3);
203
- // assert.equal(inv, 2);
204
- //
205
- // assert.equal(e({ a: 2, b: 2 }), 4);
206
- // assert.equal(inv, 3);
207
- // });
208
- //
209
- // it('are properly memoized with proxies and deep data', function () {
210
- // let inv = 0;
211
- // let e = Expression.get(d => { inv++; return d.v.a + d.v.b}).memoize();
212
- //
213
- // assert.equal(e({ v: { a: 1, b: 1 }}), 2);
214
- // assert.equal(inv, 1);
215
- //
216
- // assert.equal(e({ v: { a: 1, b: 1 }}), 2);
217
- // assert.equal(inv, 1);
218
- //
219
- // assert.equal(e({ v: { a: 1, b: 2 }}), 3);
220
- // assert.equal(inv, 2);
221
- //
222
- // assert.equal(e({ v: { a: 1, b: 2 }}), 3);
223
- // assert.equal(inv, 2);
224
- //
225
- // assert.equal(e({ v: { a: 2, b: 2 }}), 4);
226
- // assert.equal(inv, 3);
227
- // });
228
- });
229
- });
1
+ import { Expression } from "./Expression";
2
+ import assert from "assert";
3
+ import { StringTemplate } from "./StringTemplate";
4
+
5
+ describe("Expression", function () {
6
+ describe("#compile()", function () {
7
+ it("returns a selector", function () {
8
+ let e = Expression.compile("{person.name}");
9
+ let state = {
10
+ person: {
11
+ name: "Jim",
12
+ },
13
+ };
14
+ assert.equal(e(state), "Jim");
15
+ });
16
+
17
+ it("ignores bindings in strings", function () {
18
+ let e = Expression.compile('"{person.name}"');
19
+ let state = {
20
+ person: {
21
+ name: "Jim",
22
+ },
23
+ };
24
+ assert.equal(e(state), "{person.name}");
25
+ });
26
+
27
+ it("allows mixed curly braces in strings", () => {
28
+ let e = Expression.compile('"Hello {" + "person.name}"');
29
+ assert.equal(e({}), "Hello {person.name}");
30
+ });
31
+
32
+ it("properly encodes quotes #1", function () {
33
+ let e = Expression.compile('"\'"');
34
+ let state = {};
35
+ assert.equal(e(state), "'");
36
+ });
37
+
38
+ it("properly encodes quotes #2", function () {
39
+ let e = Expression.compile('"\\""');
40
+ let state = {};
41
+ assert.equal(e(state), '"');
42
+ });
43
+
44
+ it("properly encodes quotes #3", function () {
45
+ let e = Expression.compile('"\\\\\\""');
46
+ let state = {};
47
+ assert.equal(e(state), '\\"');
48
+ });
49
+
50
+ it("properly encodes quotes #4", function () {
51
+ let e = Expression.compile('"\\\\"');
52
+ let state = {};
53
+ assert.equal(e(state), "\\");
54
+ });
55
+ });
56
+
57
+ describe("allow subexpressions", function () {
58
+ it("in square brackets", function () {
59
+ let e = Expression.compile("{[{person.name}]}");
60
+ let state = {
61
+ person: {
62
+ name: "Jim",
63
+ },
64
+ };
65
+ assert.equal(e(state), "Jim");
66
+ });
67
+
68
+ it("in square brackets", function () {
69
+ let e = Expression.compile("{[{person.alias} || {person.name}]}");
70
+ let state = {
71
+ person: {
72
+ name: "Jim",
73
+ alias: "J",
74
+ },
75
+ };
76
+ assert.equal(e(state), "J");
77
+ });
78
+
79
+ it("prefixed with % sign", function () {
80
+ let e = Expression.compile("%{1+1}");
81
+ assert.equal(e({}), "2");
82
+ });
83
+
84
+ it("can be formatted", function () {
85
+ let e = Expression.compile("{[1+1]:f;2}");
86
+ assert.equal(e({}), "2.00");
87
+ });
88
+
89
+ it("n level deep", function () {
90
+ let e = Expression.compile("{[{[{[1+1]}]}]:f;2}");
91
+ assert.equal(e({}), "2.00");
92
+ });
93
+
94
+ it("with complex math inside", function () {
95
+ let e = Expression.compile("%{{data}.reduce((a,b)=>a+b, 0):f;2}");
96
+ let state = {
97
+ data: [1, 2, 3],
98
+ };
99
+ assert.equal(e(state), "6.00");
100
+ });
101
+
102
+ it("with a conditional operator inside", function () {
103
+ let e = Expression.compile('{[true ? "T" : "F"]}');
104
+ assert.equal(e({}), "T");
105
+ });
106
+
107
+ it("with string interpolation inside", function () {
108
+ let e = Expression.compile("{[`${{test}}`]}");
109
+ assert.equal(e({ test: "T" }), "T");
110
+ });
111
+ });
112
+
113
+ describe("are working", function () {
114
+ it("function expressions with get", function () {
115
+ let e = Expression.get((get) => get("a") + get("b"));
116
+ assert.equal(e({ a: 1, b: 2 }), 3);
117
+ });
118
+
119
+ it("are properly memoized", function () {
120
+ let inv = 0;
121
+ let e = Expression.get((get) => {
122
+ inv++;
123
+ return get("a") + get("b");
124
+ }).memoize();
125
+
126
+ assert.equal(e({ a: 1, b: 1 }), 2);
127
+ assert.equal(inv, 1);
128
+
129
+ assert.equal(e({ a: 1, b: 1 }), 2);
130
+ assert.equal(inv, 1);
131
+
132
+ assert.equal(e({ a: 1, b: 2 }), 3);
133
+ assert.equal(inv, 2);
134
+
135
+ assert.equal(e({ a: 1, b: 2 }), 3);
136
+ assert.equal(inv, 2);
137
+
138
+ assert.equal(e({ a: 2, b: 2 }), 4);
139
+ assert.equal(inv, 3);
140
+ });
141
+
142
+ it("formatting can be used inside bindings", function () {
143
+ let e = Expression.get((get) => get("name:prefix;Hello "));
144
+ assert(e({ name: "CxJS" }), "Hello CxJS");
145
+ });
146
+
147
+ it("allows using the fmt function inside", function () {
148
+ let e = Expression.compile('{[fmt({text}, "prefix;Hello ")]}');
149
+ assert.equal(e({ text: "CxJS" }), "Hello CxJS");
150
+ });
151
+
152
+ it("allows using dashes inside names", function () {
153
+ let e = Expression.compile("{framework-name}");
154
+ assert.equal(e({ "framework-name": "CxJS" }), "CxJS");
155
+ });
156
+
157
+ it("allows using spaces and other characters inside names", function () {
158
+ let e = Expression.compile("{1nv@lid js ident1fier}");
159
+ assert.equal(e({ "1nv@lid js ident1fier": "CxJS" }), "CxJS");
160
+ });
161
+
162
+ it("allows strings in subexpressions", () => {
163
+ let e = Expression.compile("{['1']}");
164
+ assert.equal(e({}), "1");
165
+
166
+ let e2 = Expression.compile('%{"1"}');
167
+ assert.equal(e({}), "1");
168
+ });
169
+
170
+ it("allows string templates in nested expressions", () => {
171
+ Expression.registerHelper("tpl", StringTemplate.format);
172
+ let e = Expression.compile("tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})");
173
+ assert.equal(e({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
174
+
175
+ let e2 = Expression.compile("{[tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})]}");
176
+ assert.equal(e2({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
177
+
178
+ // we're going to need a better parser for this
179
+ // let e3 = Expression.compile("%{tpl('{0:n;2} {1:p;2:wrap;(;)}', {value}, {percentage})}");
180
+ // assert.equal(e3({ value: 1, percentage: 0.02 }), "1.00 (2.00%)");
181
+ });
182
+
183
+ it("string templates can be in the data", () => {
184
+ Expression.registerHelper("tpl", StringTemplate.format);
185
+ let e = Expression.compile("tpl({template}, {value}, {percentage})");
186
+ assert.equal(e({ value: 1, percentage: 0.02, template: "{0:n;2} {1:p;2:wrap;(;)}" }), "1.00 (2.00%)");
187
+ });
188
+
189
+ // it('are properly memoized with proxies', function () {
190
+ // let inv = 0;
191
+ // let e = Expression.get(d => { inv++; return d.a + d.b}).memoize();
192
+ //
193
+ // assert.equal(e({ a: 1, b: 1 }), 2);
194
+ // assert.equal(inv, 1);
195
+ //
196
+ // assert.equal(e({ a: 1, b: 1 }), 2);
197
+ // assert.equal(inv, 1);
198
+ //
199
+ // assert.equal(e({ a: 1, b: 2 }), 3);
200
+ // assert.equal(inv, 2);
201
+ //
202
+ // assert.equal(e({ a: 1, b: 2 }), 3);
203
+ // assert.equal(inv, 2);
204
+ //
205
+ // assert.equal(e({ a: 2, b: 2 }), 4);
206
+ // assert.equal(inv, 3);
207
+ // });
208
+ //
209
+ // it('are properly memoized with proxies and deep data', function () {
210
+ // let inv = 0;
211
+ // let e = Expression.get(d => { inv++; return d.v.a + d.v.b}).memoize();
212
+ //
213
+ // assert.equal(e({ v: { a: 1, b: 1 }}), 2);
214
+ // assert.equal(inv, 1);
215
+ //
216
+ // assert.equal(e({ v: { a: 1, b: 1 }}), 2);
217
+ // assert.equal(inv, 1);
218
+ //
219
+ // assert.equal(e({ v: { a: 1, b: 2 }}), 3);
220
+ // assert.equal(inv, 2);
221
+ //
222
+ // assert.equal(e({ v: { a: 1, b: 2 }}), 3);
223
+ // assert.equal(inv, 2);
224
+ //
225
+ // assert.equal(e({ v: { a: 2, b: 2 }}), 4);
226
+ // assert.equal(inv, 3);
227
+ // });
228
+ });
229
+ });