cx 26.0.14 → 26.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (263) hide show
  1. package/build/ui/VDOM.d.ts +1 -20
  2. package/build/ui/VDOM.js +1 -3
  3. package/build/ui/Widget.d.ts +1 -1
  4. package/build/ui/Widget.js +0 -5
  5. package/build/ui/app/startAppLoop.js +2 -10
  6. package/build/util/Component.js +5 -0
  7. package/build/util/test/createTestRenderer.d.ts +3 -1
  8. package/build/util/test/createTestRenderer.js +8 -2
  9. package/build/widgets/form/Checkbox.d.ts +0 -1
  10. package/build/widgets/form/Checkbox.js +1 -0
  11. package/build/widgets/form/ColorField.d.ts +0 -1
  12. package/build/widgets/form/ColorField.js +2 -2
  13. package/build/widgets/form/DateTimeField.d.ts +0 -2
  14. package/build/widgets/form/DateTimeField.js +1 -0
  15. package/build/widgets/form/DateTimePicker.d.ts +0 -2
  16. package/build/widgets/form/DateTimePicker.js +1 -0
  17. package/build/widgets/form/Radio.d.ts +0 -1
  18. package/build/widgets/form/Slider.js +9 -1
  19. package/build/widgets/form/Switch.d.ts +0 -1
  20. package/build/widgets/form/Switch.js +1 -1
  21. package/build/widgets/form/Wheel.d.ts +0 -1
  22. package/build/widgets/grid/Grid.d.ts +0 -2
  23. package/build/widgets/grid/GridCellEditor.js +3 -1
  24. package/build/widgets/icons/calendar.js +4 -3
  25. package/build/widgets/icons/check.js +2 -2
  26. package/build/widgets/icons/clear.js +2 -2
  27. package/build/widgets/icons/close.js +2 -2
  28. package/build/widgets/icons/cx.js +2 -2
  29. package/build/widgets/icons/drop-down.js +2 -2
  30. package/build/widgets/icons/file.js +2 -2
  31. package/build/widgets/icons/folder-open.js +2 -2
  32. package/build/widgets/icons/folder.js +2 -2
  33. package/build/widgets/icons/forward.js +2 -2
  34. package/build/widgets/icons/loading.js +2 -2
  35. package/build/widgets/icons/menu.js +2 -2
  36. package/build/widgets/icons/pixel-picker.js +2 -2
  37. package/build/widgets/icons/search.js +2 -2
  38. package/build/widgets/icons/sort-asc.js +2 -2
  39. package/build/widgets/icons/square.js +2 -2
  40. package/build/widgets/overlay/Overlay.d.ts +3 -0
  41. package/build/widgets/overlay/Overlay.js +3 -2
  42. package/dist/manifest.js +867 -867
  43. package/dist/ui.js +4 -18
  44. package/dist/util.js +4 -0
  45. package/dist/widgets.js +395 -319
  46. package/package.json +11 -8
  47. package/src/charts/Chart.ts +108 -108
  48. package/src/core.d.ts +182 -182
  49. package/src/data/Expression.spec.ts +229 -229
  50. package/src/data/Expression.ts +233 -233
  51. package/src/data/Grouper.ts +158 -158
  52. package/src/data/Selector.ts +10 -10
  53. package/src/data/StringTemplate.spec.ts +132 -132
  54. package/src/data/StructuredSelector.ts +146 -146
  55. package/src/data/ZoomIntoPropertyView.spec.ts +64 -64
  56. package/src/data/comparer.ts +78 -78
  57. package/src/data/computable.spec.ts +87 -87
  58. package/src/data/createStructuredSelector.ts +62 -62
  59. package/src/data/getAccessor.spec.ts +11 -11
  60. package/src/data/getAccessor.ts +74 -74
  61. package/src/data/getSelector.spec.ts +43 -43
  62. package/src/data/getSelector.ts +66 -66
  63. package/src/data/ops/filter.spec.ts +35 -35
  64. package/src/data/ops/filter.ts +9 -9
  65. package/src/data/ops/merge.ts +13 -13
  66. package/src/data/ops/removeTreeNodes.spec.ts +37 -37
  67. package/src/data/ops/updateArray.spec.ts +69 -69
  68. package/src/data/ops/updateArray.ts +31 -31
  69. package/src/data/test-types.ts +7 -7
  70. package/src/hooks/invokeCallback.spec.tsx +4 -4
  71. package/src/hooks/resolveCallback.spec.tsx +4 -4
  72. package/src/hooks/store.spec.tsx +15 -15
  73. package/src/hooks/useTrigger.spec.tsx +16 -10
  74. package/src/hooks/useTrigger.ts +26 -26
  75. package/src/index.scss +6 -6
  76. package/src/jsx-runtime.ts +79 -79
  77. package/src/svg/BoundedObject.ts +101 -101
  78. package/src/svg/util/Rect.ts +105 -105
  79. package/src/ui/CSS.ts +87 -87
  80. package/src/ui/CSSHelper.ts +17 -17
  81. package/src/ui/ContentResolver.spec.tsx +31 -29
  82. package/src/ui/Controller.spec.tsx +47 -39
  83. package/src/ui/Culture.ts +159 -159
  84. package/src/ui/Cx.spec.tsx +10 -8
  85. package/src/ui/DataProxy.spec.tsx +18 -18
  86. package/src/ui/Instance.ts +866 -866
  87. package/src/ui/IsolatedScope.spec.tsx +16 -9
  88. package/src/ui/Prop.ts +140 -140
  89. package/src/ui/PureContainer.spec.tsx +20 -18
  90. package/src/ui/RenderingContext.ts +99 -99
  91. package/src/ui/Repeater.spec.tsx +8 -6
  92. package/src/ui/Rescope.spec.tsx +13 -13
  93. package/src/ui/Restate.spec.tsx +31 -27
  94. package/src/ui/StructuredInstanceDataAccessor.ts +32 -32
  95. package/src/ui/VDOM.ts +1 -34
  96. package/src/ui/Widget.tsx +0 -7
  97. package/src/ui/adapter/TreeAdapter.spec.ts +76 -76
  98. package/src/ui/adapter/TreeAdapter.ts +185 -185
  99. package/src/ui/app/History.ts +133 -133
  100. package/src/ui/app/Url.spec.ts +50 -50
  101. package/src/ui/app/startAppLoop.tsx +5 -9
  102. package/src/ui/app/startHotAppLoop.ts +41 -41
  103. package/src/ui/createFunctionalComponent.spec.tsx +20 -18
  104. package/src/ui/layout/ContentPlaceholder.spec.tsx +46 -34
  105. package/src/ui/layout/FirstVisibleChildLayout.spec.tsx +31 -19
  106. package/src/ui/layout/FirstVisibleChildLayout.ts +60 -60
  107. package/src/ui/selection/PropertySelection.ts +87 -87
  108. package/src/util/Component.spec.ts +30 -0
  109. package/src/util/Component.ts +301 -296
  110. package/src/util/Console.ts +13 -13
  111. package/src/util/DOM.ts +88 -88
  112. package/src/util/hasKey.ts +18 -18
  113. package/src/util/index.ts +55 -55
  114. package/src/util/isArray.ts +3 -3
  115. package/src/util/isDefined.ts +3 -3
  116. package/src/util/isString.ts +3 -3
  117. package/src/util/test/createTestRenderer.tsx +9 -2
  118. package/src/widgets/AccessorBindings.spec.tsx +4 -4
  119. package/src/widgets/DocumentTitle.ts +95 -95
  120. package/src/widgets/HtmlElement.spec.tsx +6 -6
  121. package/src/widgets/ReactElementWrapper.spec.tsx +37 -37
  122. package/src/widgets/autoFocus.ts +9 -9
  123. package/src/widgets/cx.ts +63 -63
  124. package/src/widgets/form/Checkbox.tsx +0 -1
  125. package/src/widgets/form/ColorField.tsx +15 -12
  126. package/src/widgets/form/DateTimeField.tsx +0 -2
  127. package/src/widgets/form/DateTimePicker.tsx +0 -2
  128. package/src/widgets/form/Radio.tsx +0 -1
  129. package/src/widgets/form/Slider.tsx +12 -4
  130. package/src/widgets/form/Switch.tsx +2 -3
  131. package/src/widgets/form/ValidationGroup.spec.tsx +12 -12
  132. package/src/widgets/form/Wheel.tsx +0 -1
  133. package/src/widgets/grid/Grid.tsx +0 -1
  134. package/src/widgets/grid/GridCellEditor.tsx +7 -1
  135. package/src/widgets/icons/calendar.tsx +20 -15
  136. package/src/widgets/icons/check.tsx +2 -1
  137. package/src/widgets/icons/clear.tsx +2 -1
  138. package/src/widgets/icons/close.tsx +2 -2
  139. package/src/widgets/icons/cx.tsx +2 -1
  140. package/src/widgets/icons/drop-down.tsx +2 -1
  141. package/src/widgets/icons/file.tsx +2 -1
  142. package/src/widgets/icons/folder-open.tsx +2 -1
  143. package/src/widgets/icons/folder.tsx +2 -1
  144. package/src/widgets/icons/forward.tsx +2 -1
  145. package/src/widgets/icons/loading.tsx +2 -1
  146. package/src/widgets/icons/menu.tsx +2 -1
  147. package/src/widgets/icons/pixel-picker.tsx +2 -2
  148. package/src/widgets/icons/search.tsx +2 -1
  149. package/src/widgets/icons/sort-asc.tsx +2 -1
  150. package/src/widgets/icons/square.tsx +2 -1
  151. package/src/widgets/nav/Route.spec.tsx +2 -2
  152. package/src/widgets/overlay/Overlay.tsx +5 -1
  153. package/src/widgets/overlay/captureMouse.ts +195 -195
  154. package/src/widgets/overlay/createHotPromiseWindowFactory.ts +71 -71
  155. package/src/widgets/overlay/index.d.ts +11 -11
  156. package/src/widgets/overlay/tooltip-ops.ts +173 -173
  157. package/build/data/ArrayElementView.spec.d.ts +0 -1
  158. package/build/data/ArrayElementView.spec.js +0 -81
  159. package/build/data/Binding.spec.d.ts +0 -1
  160. package/build/data/Binding.spec.js +0 -61
  161. package/build/data/Expression.spec.d.ts +0 -1
  162. package/build/data/Expression.spec.js +0 -196
  163. package/build/data/Grouper.spec.d.ts +0 -1
  164. package/build/data/Grouper.spec.js +0 -48
  165. package/build/data/Ref.spec.d.ts +0 -1
  166. package/build/data/Ref.spec.js +0 -72
  167. package/build/data/Store.spec.d.ts +0 -1
  168. package/build/data/Store.spec.js +0 -19
  169. package/build/data/StoreRef.spec.d.ts +0 -1
  170. package/build/data/StoreRef.spec.js +0 -22
  171. package/build/data/StringTemplate.spec.d.ts +0 -1
  172. package/build/data/StringTemplate.spec.js +0 -112
  173. package/build/data/StructuredSelector.spec.d.ts +0 -1
  174. package/build/data/StructuredSelector.spec.js +0 -102
  175. package/build/data/View.spec.d.ts +0 -1
  176. package/build/data/View.spec.js +0 -44
  177. package/build/data/ZoomIntoPropertyView.spec.d.ts +0 -1
  178. package/build/data/ZoomIntoPropertyView.spec.js +0 -54
  179. package/build/data/comparer.spec.d.ts +0 -1
  180. package/build/data/comparer.spec.js +0 -50
  181. package/build/data/computable.spec.d.ts +0 -1
  182. package/build/data/computable.spec.js +0 -56
  183. package/build/data/createAccessorModelProxy.spec.d.ts +0 -1
  184. package/build/data/createAccessorModelProxy.spec.js +0 -30
  185. package/build/data/createStructuredSelector.spec.d.ts +0 -1
  186. package/build/data/createStructuredSelector.spec.js +0 -42
  187. package/build/data/diff/diffs.spec.d.ts +0 -1
  188. package/build/data/diff/diffs.spec.js +0 -45
  189. package/build/data/getAccessor.spec.d.ts +0 -1
  190. package/build/data/getAccessor.spec.js +0 -10
  191. package/build/data/getSelector.spec.d.ts +0 -1
  192. package/build/data/getSelector.spec.js +0 -36
  193. package/build/data/ops/append.spec.d.ts +0 -1
  194. package/build/data/ops/append.spec.js +0 -24
  195. package/build/data/ops/filter.spec.d.ts +0 -1
  196. package/build/data/ops/filter.spec.js +0 -25
  197. package/build/data/ops/findTreeNode.spec.d.ts +0 -1
  198. package/build/data/ops/findTreeNode.spec.js +0 -20
  199. package/build/data/ops/merge.spec.d.ts +0 -1
  200. package/build/data/ops/merge.spec.js +0 -23
  201. package/build/data/ops/removeTreeNodes.spec.d.ts +0 -1
  202. package/build/data/ops/removeTreeNodes.spec.js +0 -35
  203. package/build/data/ops/updateArray.spec.d.ts +0 -1
  204. package/build/data/ops/updateArray.spec.js +0 -33
  205. package/build/data/ops/updateTree.spec.d.ts +0 -1
  206. package/build/data/ops/updateTree.spec.js +0 -44
  207. package/build/hooks/invokeCallback.spec.d.ts +0 -1
  208. package/build/hooks/invokeCallback.spec.js +0 -44
  209. package/build/hooks/resolveCallback.spec.d.ts +0 -1
  210. package/build/hooks/resolveCallback.spec.js +0 -35
  211. package/build/hooks/store.spec.d.ts +0 -1
  212. package/build/hooks/store.spec.js +0 -48
  213. package/build/hooks/useTrigger.spec.d.ts +0 -1
  214. package/build/hooks/useTrigger.spec.js +0 -59
  215. package/build/ui/Controller.spec.d.ts +0 -1
  216. package/build/ui/Controller.spec.js +0 -247
  217. package/build/ui/Cx.spec.d.ts +0 -1
  218. package/build/ui/Cx.spec.js +0 -153
  219. package/build/ui/DataProxy.spec.d.ts +0 -1
  220. package/build/ui/DataProxy.spec.js +0 -208
  221. package/build/ui/IsolatedScope.spec.d.ts +0 -1
  222. package/build/ui/IsolatedScope.spec.js +0 -42
  223. package/build/ui/PureContainer.spec.d.ts +0 -1
  224. package/build/ui/PureContainer.spec.js +0 -149
  225. package/build/ui/Repeater.spec.d.ts +0 -1
  226. package/build/ui/Repeater.spec.js +0 -109
  227. package/build/ui/Rescope.spec.d.ts +0 -1
  228. package/build/ui/Rescope.spec.js +0 -134
  229. package/build/ui/Restate.spec.d.ts +0 -1
  230. package/build/ui/Restate.spec.js +0 -257
  231. package/build/ui/adapter/ArrayAdapter.spec.d.ts +0 -1
  232. package/build/ui/adapter/ArrayAdapter.spec.js +0 -44
  233. package/build/ui/adapter/TreeAdapter.spec.d.ts +0 -1
  234. package/build/ui/adapter/TreeAdapter.spec.js +0 -71
  235. package/build/ui/app/Url.spec.d.ts +0 -1
  236. package/build/ui/app/Url.spec.js +0 -43
  237. package/build/ui/createFunctionalComponent.spec.d.ts +0 -1
  238. package/build/ui/createFunctionalComponent.spec.js +0 -272
  239. package/build/ui/layout/ContentPlaceholder.spec.d.ts +0 -1
  240. package/build/ui/layout/ContentPlaceholder.spec.js +0 -333
  241. package/build/ui/layout/FirstVisibleChildLayout.spec.d.ts +0 -1
  242. package/build/ui/layout/FirstVisibleChildLayout.spec.js +0 -101
  243. package/build/util/Format.spec.d.ts +0 -1
  244. package/build/util/Format.spec.js +0 -58
  245. package/build/util/TraversalStack.spec.d.ts +0 -1
  246. package/build/util/TraversalStack.spec.js +0 -43
  247. package/build/util/date/upperBoundCheck.spec.d.ts +0 -1
  248. package/build/util/date/upperBoundCheck.spec.js +0 -22
  249. package/build/util/getSearchQueryPredicate.spec.d.ts +0 -1
  250. package/build/util/getSearchQueryPredicate.spec.js +0 -33
  251. package/build/util/isValidIdentifierName.spec.d.ts +0 -1
  252. package/build/util/isValidIdentifierName.spec.js +0 -28
  253. package/build/util/routeAppend.spec.d.ts +0 -1
  254. package/build/util/routeAppend.spec.js +0 -14
  255. package/build/widgets/AccessorBindings.spec.d.ts +0 -1
  256. package/build/widgets/AccessorBindings.spec.js +0 -40
  257. package/build/widgets/HtmlElement.spec.d.ts +0 -1
  258. package/build/widgets/HtmlElement.spec.js +0 -38
  259. package/build/widgets/form/ValidationGroup.spec.d.ts +0 -1
  260. package/build/widgets/form/ValidationGroup.spec.js +0 -62
  261. package/build/widgets/nav/Route.spec.d.ts +0 -1
  262. package/build/widgets/nav/Route.spec.js +0 -15
  263. package/dist/manifest.d.ts +0 -1443
@@ -1,87 +1,87 @@
1
- import { computable } from "./computable";
2
- import assert from "assert";
3
- import { createAccessorModelProxy } from "./createAccessorModelProxy";
4
-
5
- describe("computable", function () {
6
- it("creates a selector", function () {
7
- let state = { person: { name: "Joe" } };
8
- let nameLength = computable("person.name", (name: string) => name.length);
9
- assert.equal(nameLength(state), 3);
10
- });
11
-
12
- it("fires every time if not memoized", function () {
13
- let state = { person: { name: "Joe" } };
14
- let fired = 0;
15
- let nameLength = computable("person.name", (name: string) => {
16
- fired++;
17
- return name.length;
18
- });
19
- assert.equal(nameLength(state), 3);
20
- assert.equal(nameLength(state), 3);
21
- assert.equal(fired, 2);
22
- });
23
-
24
- it("fires once if memoized and data has not changed", function () {
25
- let state = { person: { name: "Joe" } };
26
- let fired = 0;
27
- let nameLength = computable("person.name", (name: string) => {
28
- fired++;
29
- return name.length;
30
- }).memoize();
31
- assert.equal(nameLength(state), 3);
32
- assert.equal(nameLength(state), 3);
33
- assert.equal(fired, 1);
34
- });
35
-
36
- //weird but that's how triggers work and
37
- it("memoize with warmup data will not call compute", function () {
38
- let state = { person: { name: "Joe" } };
39
- let fired = 0;
40
- let nameLength = computable("person.name", (name: string) => {
41
- fired++;
42
- return name.length;
43
- }).memoize(state);
44
- assert.equal(nameLength(state), undefined);
45
- assert.equal(nameLength(state), undefined);
46
- assert.equal(fired, 0);
47
- });
48
-
49
- it("works with accessors", function () {
50
- var m = createAccessorModelProxy<{ person: { name: string } }>();
51
- let state = { person: { name: "Joe" } };
52
- let nameLength = computable(m.person.name, (name) => {
53
- // name should be inferred as string
54
- const typedName: string = name;
55
- // @ts-expect-error - name should not be number
56
- const wrongType: number = name;
57
- return typedName.length;
58
- });
59
- assert.equal(nameLength(state), 3);
60
- });
61
-
62
- it("works with array length accessor", function () {
63
- var m = createAccessorModelProxy<{ items: string[] }>();
64
- let state = { items: ["a", "b", "c"] };
65
- let itemCount = computable(m.items.length, (length) => {
66
- // length should be inferred as number
67
- const typedLength: number = length;
68
- // @ts-expect-error - length should not be string
69
- const wrongType: string = length;
70
- return typedLength;
71
- });
72
- assert.equal(itemCount(state), 3);
73
- });
74
-
75
- it("resolves AccessorChain<any> and nested properties to any", function () {
76
- var m = createAccessorModelProxy<{ data: any }>();
77
- let state = { data: { nested: { value: 42 } } };
78
- let result = computable(m.data.nested.value, (value) => {
79
- // value should be any, so all assignments should work
80
- const asString: string = value;
81
- const asNumber: number = value;
82
- const asBoolean: boolean = value;
83
- return value;
84
- });
85
- assert.equal(result(state), 42);
86
- });
87
- });
1
+ import { computable } from "./computable";
2
+ import assert from "assert";
3
+ import { createAccessorModelProxy } from "./createAccessorModelProxy";
4
+
5
+ describe("computable", function () {
6
+ it("creates a selector", function () {
7
+ let state = { person: { name: "Joe" } };
8
+ let nameLength = computable("person.name", (name: string) => name.length);
9
+ assert.equal(nameLength(state), 3);
10
+ });
11
+
12
+ it("fires every time if not memoized", function () {
13
+ let state = { person: { name: "Joe" } };
14
+ let fired = 0;
15
+ let nameLength = computable("person.name", (name: string) => {
16
+ fired++;
17
+ return name.length;
18
+ });
19
+ assert.equal(nameLength(state), 3);
20
+ assert.equal(nameLength(state), 3);
21
+ assert.equal(fired, 2);
22
+ });
23
+
24
+ it("fires once if memoized and data has not changed", function () {
25
+ let state = { person: { name: "Joe" } };
26
+ let fired = 0;
27
+ let nameLength = computable("person.name", (name: string) => {
28
+ fired++;
29
+ return name.length;
30
+ }).memoize();
31
+ assert.equal(nameLength(state), 3);
32
+ assert.equal(nameLength(state), 3);
33
+ assert.equal(fired, 1);
34
+ });
35
+
36
+ //weird but that's how triggers work and
37
+ it("memoize with warmup data will not call compute", function () {
38
+ let state = { person: { name: "Joe" } };
39
+ let fired = 0;
40
+ let nameLength = computable("person.name", (name: string) => {
41
+ fired++;
42
+ return name.length;
43
+ }).memoize(state);
44
+ assert.equal(nameLength(state), undefined);
45
+ assert.equal(nameLength(state), undefined);
46
+ assert.equal(fired, 0);
47
+ });
48
+
49
+ it("works with accessors", function () {
50
+ var m = createAccessorModelProxy<{ person: { name: string } }>();
51
+ let state = { person: { name: "Joe" } };
52
+ let nameLength = computable(m.person.name, (name) => {
53
+ // name should be inferred as string
54
+ const typedName: string = name;
55
+ // @ts-expect-error - name should not be number
56
+ const wrongType: number = name;
57
+ return typedName.length;
58
+ });
59
+ assert.equal(nameLength(state), 3);
60
+ });
61
+
62
+ it("works with array length accessor", function () {
63
+ var m = createAccessorModelProxy<{ items: string[] }>();
64
+ let state = { items: ["a", "b", "c"] };
65
+ let itemCount = computable(m.items.length, (length) => {
66
+ // length should be inferred as number
67
+ const typedLength: number = length;
68
+ // @ts-expect-error - length should not be string
69
+ const wrongType: string = length;
70
+ return typedLength;
71
+ });
72
+ assert.equal(itemCount(state), 3);
73
+ });
74
+
75
+ it("resolves AccessorChain<any> and nested properties to any", function () {
76
+ var m = createAccessorModelProxy<{ data: any }>();
77
+ let state = { data: { nested: { value: 42 } } };
78
+ let result = computable(m.data.nested.value, (value) => {
79
+ // value should be any, so all assignments should work
80
+ const asString: string = value;
81
+ const asNumber: number = value;
82
+ const asBoolean: boolean = value;
83
+ return value;
84
+ });
85
+ assert.equal(result(state), 42);
86
+ });
87
+ });
@@ -1,62 +1,62 @@
1
- import { MemoSelector, Selector } from "./Selector";
2
-
3
- export interface StructuredSelectorConfig {
4
- [prop: string]: Selector;
5
- }
6
-
7
- // Helper type to infer result type from selector config
8
- type InferStructuredSelectorResult<T extends StructuredSelectorConfig, C = {}> = {
9
- [K in keyof T]: T[K] extends Selector<infer R> ? R : any;
10
- } & C;
11
-
12
- export function createStructuredSelector<S extends StructuredSelectorConfig, C extends Record<string, any> = {}>(
13
- selector: S,
14
- constants?: C,
15
- ): MemoSelector<InferStructuredSelectorResult<S, C>> {
16
- let keys = Object.keys(selector);
17
- constants = constants ?? ({} as C);
18
- if (keys.length == 0) {
19
- let result: Selector = () => constants;
20
- result.memoize = () => result;
21
- return result as MemoSelector<InferStructuredSelectorResult<S, C>>;
22
- }
23
-
24
- function memoize() {
25
- let lastResult: Record<string, any> = Object.assign({}, constants);
26
-
27
- let memoizedSelectors: Record<string, Selector> = {};
28
-
29
- keys.forEach((key) => {
30
- memoizedSelectors[key] = selector[key].memoize ? selector[key].memoize() : selector[key];
31
- lastResult[key] = undefined;
32
- });
33
-
34
- return function (data: any) {
35
- let result = lastResult,
36
- k,
37
- v,
38
- i;
39
- for (i = 0; i < keys.length; i++) {
40
- k = keys[i];
41
- v = memoizedSelectors[k](data);
42
- if (result === lastResult) {
43
- if (v === lastResult[k]) continue;
44
- result = Object.assign({}, lastResult);
45
- }
46
- result[k] = v;
47
- }
48
- return (lastResult = result);
49
- };
50
- }
51
-
52
- let result: Selector = function evaluate(data: any) {
53
- let result: Record<string, any> = Object.assign({}, constants);
54
- for (let i = 0; i < keys.length; i++) {
55
- result[keys[i]] = selector[keys[i]](data);
56
- }
57
- return result;
58
- };
59
-
60
- result.memoize = memoize;
61
- return result as MemoSelector<InferStructuredSelectorResult<S, C>>;
62
- }
1
+ import { MemoSelector, Selector } from "./Selector";
2
+
3
+ export interface StructuredSelectorConfig {
4
+ [prop: string]: Selector;
5
+ }
6
+
7
+ // Helper type to infer result type from selector config
8
+ type InferStructuredSelectorResult<T extends StructuredSelectorConfig, C = {}> = {
9
+ [K in keyof T]: T[K] extends Selector<infer R> ? R : any;
10
+ } & C;
11
+
12
+ export function createStructuredSelector<S extends StructuredSelectorConfig, C extends Record<string, any> = {}>(
13
+ selector: S,
14
+ constants?: C,
15
+ ): MemoSelector<InferStructuredSelectorResult<S, C>> {
16
+ let keys = Object.keys(selector);
17
+ constants = constants ?? ({} as C);
18
+ if (keys.length == 0) {
19
+ let result: Selector = () => constants;
20
+ result.memoize = () => result;
21
+ return result as MemoSelector<InferStructuredSelectorResult<S, C>>;
22
+ }
23
+
24
+ function memoize() {
25
+ let lastResult: Record<string, any> = Object.assign({}, constants);
26
+
27
+ let memoizedSelectors: Record<string, Selector> = {};
28
+
29
+ keys.forEach((key) => {
30
+ memoizedSelectors[key] = selector[key].memoize ? selector[key].memoize() : selector[key];
31
+ lastResult[key] = undefined;
32
+ });
33
+
34
+ return function (data: any) {
35
+ let result = lastResult,
36
+ k,
37
+ v,
38
+ i;
39
+ for (i = 0; i < keys.length; i++) {
40
+ k = keys[i];
41
+ v = memoizedSelectors[k](data);
42
+ if (result === lastResult) {
43
+ if (v === lastResult[k]) continue;
44
+ result = Object.assign({}, lastResult);
45
+ }
46
+ result[k] = v;
47
+ }
48
+ return (lastResult = result);
49
+ };
50
+ }
51
+
52
+ let result: Selector = function evaluate(data: any) {
53
+ let result: Record<string, any> = Object.assign({}, constants);
54
+ for (let i = 0; i < keys.length; i++) {
55
+ result[keys[i]] = selector[keys[i]](data);
56
+ }
57
+ return result;
58
+ };
59
+
60
+ result.memoize = memoize;
61
+ return result as MemoSelector<InferStructuredSelectorResult<S, C>>;
62
+ }
@@ -1,11 +1,11 @@
1
- import assert from "assert";
2
- import { createAccessorModelProxy } from "./createAccessorModelProxy";
3
- import { getAccessor } from "./getAccessor";
4
-
5
- describe("getAccessor", function () {
6
- it("works with accessor chains", function () {
7
- let m = createAccessorModelProxy<{ a: { b: any } }>();
8
- let accessor = getAccessor(m.a.b);
9
- assert(typeof accessor.set == "function");
10
- });
11
- });
1
+ import assert from "assert";
2
+ import { createAccessorModelProxy } from "./createAccessorModelProxy";
3
+ import { getAccessor } from "./getAccessor";
4
+
5
+ describe("getAccessor", function () {
6
+ it("works with accessor chains", function () {
7
+ let m = createAccessorModelProxy<{ a: { b: any } }>();
8
+ let accessor = getAccessor(m.a.b);
9
+ assert(typeof accessor.set == "function");
10
+ });
11
+ });
@@ -1,74 +1,74 @@
1
- import { Binding, isBinding } from "./Binding";
2
- import { isSelector } from "./isSelector";
3
- import { getSelector } from "./getSelector";
4
- import { isObject } from "../util/isObject";
5
- import { AccessorChain, isAccessorChain } from "./createAccessorModelProxy";
6
- import { Prop } from "../ui/Prop";
7
- import { View } from "./View";
8
-
9
- /*
10
- Accessor provides a common ground between refs and bindings.
11
- Refs offer simplicity, bindings have better performance with more arguments.
12
- Accessor works as a common interface which works with both patterns.
13
- */
14
-
15
- export interface Accessor<T = any> {
16
- get: (data: any) => T;
17
- set?: (value: T, store: View) => boolean;
18
- bindInstance?(instance: any): Accessor;
19
- isAccessor?: boolean;
20
- isRef?: boolean;
21
- }
22
-
23
- export function getAccessor<T = any>(accessor: Prop<T>): Accessor;
24
- export function getAccessor(accessor: Accessor): Accessor;
25
-
26
- export function getAccessor(accessor: any): Accessor | undefined {
27
- if (accessor == null) return undefined;
28
-
29
- if (isObject(accessor)) {
30
- if ("isAccessor" in accessor || "isRef" in accessor) return accessor as Accessor;
31
- if (isBinding(accessor)) {
32
- let binding = Binding.get(accessor);
33
- return {
34
- get: binding.value,
35
- set: (v, store) => store.set(binding.path, v),
36
- isAccessor: true,
37
- };
38
- }
39
- }
40
-
41
- if (isAccessorChain(accessor)) {
42
- let binding = Binding.get(accessor);
43
- return {
44
- get: binding.value,
45
- set: (v, store) => store.set(binding.path, v),
46
- isAccessor: true,
47
- };
48
- }
49
-
50
- if (isSelector(accessor)) {
51
- let selector = getSelector(accessor);
52
- if (accessor && accessor.set)
53
- return {
54
- get: selector,
55
- isAccessor: true,
56
- bindInstance(instance) {
57
- return {
58
- get: selector,
59
- set: (value) => accessor.set(value, instance),
60
- isAccessor: true,
61
- };
62
- },
63
- };
64
-
65
- return {
66
- get: selector,
67
- isAccessor: true,
68
- };
69
- }
70
-
71
- return {
72
- get: () => accessor,
73
- };
74
- }
1
+ import { Binding, isBinding } from "./Binding";
2
+ import { isSelector } from "./isSelector";
3
+ import { getSelector } from "./getSelector";
4
+ import { isObject } from "../util/isObject";
5
+ import { AccessorChain, isAccessorChain } from "./createAccessorModelProxy";
6
+ import { Prop } from "../ui/Prop";
7
+ import { View } from "./View";
8
+
9
+ /*
10
+ Accessor provides a common ground between refs and bindings.
11
+ Refs offer simplicity, bindings have better performance with more arguments.
12
+ Accessor works as a common interface which works with both patterns.
13
+ */
14
+
15
+ export interface Accessor<T = any> {
16
+ get: (data: any) => T;
17
+ set?: (value: T, store: View) => boolean;
18
+ bindInstance?(instance: any): Accessor;
19
+ isAccessor?: boolean;
20
+ isRef?: boolean;
21
+ }
22
+
23
+ export function getAccessor<T = any>(accessor: Prop<T>): Accessor;
24
+ export function getAccessor(accessor: Accessor): Accessor;
25
+
26
+ export function getAccessor(accessor: any): Accessor | undefined {
27
+ if (accessor == null) return undefined;
28
+
29
+ if (isObject(accessor)) {
30
+ if ("isAccessor" in accessor || "isRef" in accessor) return accessor as Accessor;
31
+ if (isBinding(accessor)) {
32
+ let binding = Binding.get(accessor);
33
+ return {
34
+ get: binding.value,
35
+ set: (v, store) => store.set(binding.path, v),
36
+ isAccessor: true,
37
+ };
38
+ }
39
+ }
40
+
41
+ if (isAccessorChain(accessor)) {
42
+ let binding = Binding.get(accessor);
43
+ return {
44
+ get: binding.value,
45
+ set: (v, store) => store.set(binding.path, v),
46
+ isAccessor: true,
47
+ };
48
+ }
49
+
50
+ if (isSelector(accessor)) {
51
+ let selector = getSelector(accessor);
52
+ if (accessor && accessor.set)
53
+ return {
54
+ get: selector,
55
+ isAccessor: true,
56
+ bindInstance(instance) {
57
+ return {
58
+ get: selector,
59
+ set: (value) => accessor.set(value, instance),
60
+ isAccessor: true,
61
+ };
62
+ },
63
+ };
64
+
65
+ return {
66
+ get: selector,
67
+ isAccessor: true,
68
+ };
69
+ }
70
+
71
+ return {
72
+ get: () => accessor,
73
+ };
74
+ }
@@ -1,43 +1,43 @@
1
- import { getSelector } from "./getSelector";
2
- import assert from "assert";
3
- import { createAccessorModelProxy } from "./createAccessorModelProxy";
4
-
5
- describe("getSelector", function () {
6
- it("array of selectors converts each element into a selector", function () {
7
- let arraySelector = [{ bind: "name" }, { expr: "{name}" }];
8
- let state = { name: "Joe" };
9
- let selector = getSelector(arraySelector);
10
- assert.deepEqual(selector(state), ["Joe", "Joe"]);
11
- });
12
-
13
- it("get can be used for selectors that have set defined too ", function () {
14
- let selector = getSelector({ get: (data: any) => data.name, set: () => {} });
15
- assert.deepEqual(selector({ name: "Jack" }), "Jack");
16
- });
17
-
18
- it("0 is a valid selector", function () {
19
- let selector = getSelector(0);
20
- assert.deepEqual(selector({}), 0);
21
- });
22
-
23
- it("false is a valid selector", function () {
24
- let selector = getSelector(false);
25
- assert.deepEqual(selector({}), false);
26
- });
27
-
28
- it("undefined is a valid selector", function () {
29
- let selector = getSelector(undefined);
30
- assert(selector({}) === undefined);
31
- });
32
-
33
- it("null is a valid selector", function () {
34
- let selector = getSelector(null);
35
- assert(selector({}) === null);
36
- });
37
-
38
- it("works with accessor chains", function () {
39
- let m = createAccessorModelProxy<{ a: { b: any } }>();
40
- let selector = getSelector(m.a.b);
41
- assert(selector({ a: { b: 1 } }) === 1);
42
- });
43
- });
1
+ import { getSelector } from "./getSelector";
2
+ import assert from "assert";
3
+ import { createAccessorModelProxy } from "./createAccessorModelProxy";
4
+
5
+ describe("getSelector", function () {
6
+ it("array of selectors converts each element into a selector", function () {
7
+ let arraySelector = [{ bind: "name" }, { expr: "{name}" }];
8
+ let state = { name: "Joe" };
9
+ let selector = getSelector(arraySelector);
10
+ assert.deepEqual(selector(state), ["Joe", "Joe"]);
11
+ });
12
+
13
+ it("get can be used for selectors that have set defined too ", function () {
14
+ let selector = getSelector({ get: (data: any) => data.name, set: () => {} });
15
+ assert.deepEqual(selector({ name: "Jack" }), "Jack");
16
+ });
17
+
18
+ it("0 is a valid selector", function () {
19
+ let selector = getSelector(0);
20
+ assert.deepEqual(selector({}), 0);
21
+ });
22
+
23
+ it("false is a valid selector", function () {
24
+ let selector = getSelector(false);
25
+ assert.deepEqual(selector({}), false);
26
+ });
27
+
28
+ it("undefined is a valid selector", function () {
29
+ let selector = getSelector(undefined);
30
+ assert(selector({}) === undefined);
31
+ });
32
+
33
+ it("null is a valid selector", function () {
34
+ let selector = getSelector(null);
35
+ assert(selector({}) === null);
36
+ });
37
+
38
+ it("works with accessor chains", function () {
39
+ let m = createAccessorModelProxy<{ a: { b: any } }>();
40
+ let selector = getSelector(m.a.b);
41
+ assert(selector({ a: { b: 1 } }) === 1);
42
+ });
43
+ });