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,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
+ });