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,146 +1,146 @@
1
- import { Binding } from "./Binding";
2
- import { Expression } from "./Expression";
3
- import { StringTemplate } from "./StringTemplate";
4
- import { createStructuredSelector } from "../data/createStructuredSelector";
5
- import { getSelector } from "../data/getSelector";
6
- import { isFunction } from "../util/isFunction";
7
- import { isUndefined } from "../util/isUndefined";
8
- import { isDefined } from "../util/isDefined";
9
- import { isArray } from "../util/isArray";
10
- import { isAccessorChain } from "./createAccessorModelProxy";
11
- import { isString } from "../util/isString";
12
- import { View } from "./View";
13
-
14
- function defaultValue(pv: any) {
15
- if (typeof pv == "object" && pv && pv.structured) return pv.defaultValue;
16
-
17
- return pv;
18
- }
19
-
20
- function getSelectorConfig(props: any, values: any, nameMap: any) {
21
- let functions: Record<string, any> = {},
22
- structures: Record<string, any> = {},
23
- defaultValues: Record<string, any> = {},
24
- constants: Record<string, any> | undefined,
25
- p: string,
26
- v: any,
27
- pv: any,
28
- constant = true;
29
-
30
- for (p in props) {
31
- v = values[p];
32
- pv = props[p];
33
-
34
- if (isUndefined(v) && pv && (pv.bind || pv.tpl || pv.expr)) v = pv;
35
-
36
- if (v === null) {
37
- if (!constants) constants = {};
38
- constants[p] = null;
39
- } else if (typeof v == "object") {
40
- if (v.bind) {
41
- if (isUndefined(v.defaultValue) && v != pv) v.defaultValue = defaultValue(pv);
42
- if (isDefined(v.defaultValue)) defaultValues[v.bind] = v.defaultValue;
43
- nameMap[p] = v.bind;
44
- functions[p] = Binding.get(v.bind).value;
45
- constant = false;
46
- } else if (v.expr) {
47
- functions[p] = Expression.get(v.expr);
48
- constant = false;
49
- } else if (v.get) {
50
- functions[p] = v.get;
51
- constant = false;
52
- } else if (isString(v.tpl)) {
53
- functions[p] = StringTemplate.get(v.tpl);
54
- constant = false;
55
- } else if (pv && typeof pv == "object" && pv.structured) {
56
- if (isArray(v)) functions[p] = getSelector(v);
57
- else {
58
- let s = getSelectorConfig(v, v, {});
59
- structures[p] = s;
60
- Object.assign(defaultValues, s.defaultValues);
61
- }
62
- constant = false;
63
- } else {
64
- if (!constants) constants = {};
65
- constants[p] = v;
66
- }
67
- } else if (isFunction(v)) {
68
- if (isAccessorChain(v)) {
69
- let path = v.toString();
70
- nameMap[p] = path;
71
- functions[p] = Binding.get(path).value;
72
- } else functions[p] = v;
73
- constant = false;
74
- } else {
75
- if (isUndefined(v)) {
76
- if (isUndefined(pv)) continue;
77
- v = defaultValue(pv);
78
- }
79
-
80
- if (isUndefined(v)) continue;
81
-
82
- if (!constants) constants = {};
83
-
84
- constants[p] = v;
85
- }
86
- }
87
-
88
- return {
89
- functions,
90
- structures,
91
- defaultValues,
92
- constants,
93
- constant,
94
- };
95
- }
96
-
97
- function createSelector({
98
- functions,
99
- structures,
100
- constants,
101
- defaultValues,
102
- }: {
103
- functions: any;
104
- structures: any;
105
- constants: any;
106
- defaultValues: any;
107
- }) {
108
- let selector: Record<string, any> = {};
109
-
110
- for (let n in functions) {
111
- selector[n] = functions[n];
112
- }
113
-
114
- for (let n in structures) selector[n] = createSelector(structures[n]);
115
-
116
- return createStructuredSelector(selector, constants);
117
- }
118
-
119
- export class StructuredSelector {
120
- nameMap: Record<string, string>;
121
- config: any;
122
-
123
- constructor({ props, values }: { props: any; values: any }) {
124
- this.nameMap = {};
125
- this.config = getSelectorConfig(props, values, this.nameMap);
126
- }
127
-
128
- init(store: View) {
129
- store.init(this.config.defaultValues);
130
- }
131
-
132
- create(memoize = true) {
133
- let selector = createSelector(this.config);
134
- if (memoize && selector.memoize) return selector.memoize();
135
- return selector;
136
- }
137
-
138
- createStoreSelector() {
139
- if (this.config.constant) {
140
- let result = { ...this.config.constants };
141
- return () => result;
142
- }
143
- let selector = this.create();
144
- return (store: View) => selector(store.getData());
145
- }
146
- }
1
+ import { Binding } from "./Binding";
2
+ import { Expression } from "./Expression";
3
+ import { StringTemplate } from "./StringTemplate";
4
+ import { createStructuredSelector } from "../data/createStructuredSelector";
5
+ import { getSelector } from "../data/getSelector";
6
+ import { isFunction } from "../util/isFunction";
7
+ import { isUndefined } from "../util/isUndefined";
8
+ import { isDefined } from "../util/isDefined";
9
+ import { isArray } from "../util/isArray";
10
+ import { isAccessorChain } from "./createAccessorModelProxy";
11
+ import { isString } from "../util/isString";
12
+ import { View } from "./View";
13
+
14
+ function defaultValue(pv: any) {
15
+ if (typeof pv == "object" && pv && pv.structured) return pv.defaultValue;
16
+
17
+ return pv;
18
+ }
19
+
20
+ function getSelectorConfig(props: any, values: any, nameMap: any) {
21
+ let functions: Record<string, any> = {},
22
+ structures: Record<string, any> = {},
23
+ defaultValues: Record<string, any> = {},
24
+ constants: Record<string, any> | undefined,
25
+ p: string,
26
+ v: any,
27
+ pv: any,
28
+ constant = true;
29
+
30
+ for (p in props) {
31
+ v = values[p];
32
+ pv = props[p];
33
+
34
+ if (isUndefined(v) && pv && (pv.bind || pv.tpl || pv.expr)) v = pv;
35
+
36
+ if (v === null) {
37
+ if (!constants) constants = {};
38
+ constants[p] = null;
39
+ } else if (typeof v == "object") {
40
+ if (v.bind) {
41
+ if (isUndefined(v.defaultValue) && v != pv) v.defaultValue = defaultValue(pv);
42
+ if (isDefined(v.defaultValue)) defaultValues[v.bind] = v.defaultValue;
43
+ nameMap[p] = v.bind;
44
+ functions[p] = Binding.get(v.bind).value;
45
+ constant = false;
46
+ } else if (v.expr) {
47
+ functions[p] = Expression.get(v.expr);
48
+ constant = false;
49
+ } else if (v.get) {
50
+ functions[p] = v.get;
51
+ constant = false;
52
+ } else if (isString(v.tpl)) {
53
+ functions[p] = StringTemplate.get(v.tpl);
54
+ constant = false;
55
+ } else if (pv && typeof pv == "object" && pv.structured) {
56
+ if (isArray(v)) functions[p] = getSelector(v);
57
+ else {
58
+ let s = getSelectorConfig(v, v, {});
59
+ structures[p] = s;
60
+ Object.assign(defaultValues, s.defaultValues);
61
+ }
62
+ constant = false;
63
+ } else {
64
+ if (!constants) constants = {};
65
+ constants[p] = v;
66
+ }
67
+ } else if (isFunction(v)) {
68
+ if (isAccessorChain(v)) {
69
+ let path = v.toString();
70
+ nameMap[p] = path;
71
+ functions[p] = Binding.get(path).value;
72
+ } else functions[p] = v;
73
+ constant = false;
74
+ } else {
75
+ if (isUndefined(v)) {
76
+ if (isUndefined(pv)) continue;
77
+ v = defaultValue(pv);
78
+ }
79
+
80
+ if (isUndefined(v)) continue;
81
+
82
+ if (!constants) constants = {};
83
+
84
+ constants[p] = v;
85
+ }
86
+ }
87
+
88
+ return {
89
+ functions,
90
+ structures,
91
+ defaultValues,
92
+ constants,
93
+ constant,
94
+ };
95
+ }
96
+
97
+ function createSelector({
98
+ functions,
99
+ structures,
100
+ constants,
101
+ defaultValues,
102
+ }: {
103
+ functions: any;
104
+ structures: any;
105
+ constants: any;
106
+ defaultValues: any;
107
+ }) {
108
+ let selector: Record<string, any> = {};
109
+
110
+ for (let n in functions) {
111
+ selector[n] = functions[n];
112
+ }
113
+
114
+ for (let n in structures) selector[n] = createSelector(structures[n]);
115
+
116
+ return createStructuredSelector(selector, constants);
117
+ }
118
+
119
+ export class StructuredSelector {
120
+ nameMap: Record<string, string>;
121
+ config: any;
122
+
123
+ constructor({ props, values }: { props: any; values: any }) {
124
+ this.nameMap = {};
125
+ this.config = getSelectorConfig(props, values, this.nameMap);
126
+ }
127
+
128
+ init(store: View) {
129
+ store.init(this.config.defaultValues);
130
+ }
131
+
132
+ create(memoize = true) {
133
+ let selector = createSelector(this.config);
134
+ if (memoize && selector.memoize) return selector.memoize();
135
+ return selector;
136
+ }
137
+
138
+ createStoreSelector() {
139
+ if (this.config.constant) {
140
+ let result = { ...this.config.constants };
141
+ return () => result;
142
+ }
143
+ let selector = this.create();
144
+ return (store: View) => selector(store.getData());
145
+ }
146
+ }
@@ -1,63 +1,63 @@
1
- import { View, ViewConfig } from "./View";
2
- import { SubscriberList } from "../util/SubscriberList";
3
-
4
- export interface SubscribableViewConfig extends ViewConfig {
5
- async?: boolean;
6
- }
7
-
8
- export class SubscribableView<D> extends View<D> {
9
- subscribers?: any;
10
- changes: string[];
11
- declare async: boolean;
12
- scheduled: boolean;
13
-
14
- constructor(config?: SubscribableViewConfig) {
15
- super(config);
16
- this.subscribers = new SubscriberList();
17
- this.changes = [];
18
- }
19
-
20
- subscribe(callback: () => void) {
21
- return this.subscribers.subscribe(callback);
22
- }
23
-
24
- unsubscribeAll() {
25
- this.subscribers.clear();
26
- }
27
-
28
- doNotify(path: string) {
29
- if (this.notificationsSuspended) return;
30
-
31
- if (!this.async) {
32
- this.subscribers.notify([path]);
33
- } else {
34
- this.changes.push(path || "");
35
- if (!this.scheduled) {
36
- this.scheduled = true;
37
- setTimeout(() => {
38
- this.scheduled = false;
39
- let changes = this.changes;
40
- this.changes = [];
41
- this.subscribers.notify(changes);
42
- }, 0);
43
- }
44
- }
45
- }
46
-
47
- silently(callback: (store?: View) => void) {
48
- this.notificationsSuspended = (this.notificationsSuspended || 0) + 1;
49
- let wasDirty = this.dirty,
50
- dirty;
51
- this.dirty = false;
52
- try {
53
- callback(this);
54
- } finally {
55
- this.notificationsSuspended--;
56
- dirty = this.dirty;
57
- this.dirty = wasDirty;
58
- }
59
- return dirty;
60
- }
61
- }
62
-
63
- SubscribableView.prototype.async = false;
1
+ import { View, ViewConfig } from "./View";
2
+ import { SubscriberList } from "../util/SubscriberList";
3
+
4
+ export interface SubscribableViewConfig extends ViewConfig {
5
+ async?: boolean;
6
+ }
7
+
8
+ export class SubscribableView<D> extends View<D> {
9
+ subscribers?: any;
10
+ changes: string[];
11
+ declare async: boolean;
12
+ scheduled: boolean;
13
+
14
+ constructor(config?: SubscribableViewConfig) {
15
+ super(config);
16
+ this.subscribers = new SubscriberList();
17
+ this.changes = [];
18
+ }
19
+
20
+ subscribe(callback: () => void) {
21
+ return this.subscribers.subscribe(callback);
22
+ }
23
+
24
+ unsubscribeAll() {
25
+ this.subscribers.clear();
26
+ }
27
+
28
+ doNotify(path: string) {
29
+ if (this.notificationsSuspended) return;
30
+
31
+ if (!this.async) {
32
+ this.subscribers.notify([path]);
33
+ } else {
34
+ this.changes.push(path || "");
35
+ if (!this.scheduled) {
36
+ this.scheduled = true;
37
+ setTimeout(() => {
38
+ this.scheduled = false;
39
+ let changes = this.changes;
40
+ this.changes = [];
41
+ this.subscribers.notify(changes);
42
+ }, 0);
43
+ }
44
+ }
45
+ }
46
+
47
+ silently(callback: (store?: View) => void) {
48
+ this.notificationsSuspended = (this.notificationsSuspended || 0) + 1;
49
+ let wasDirty = this.dirty,
50
+ dirty;
51
+ this.dirty = false;
52
+ try {
53
+ callback(this);
54
+ } finally {
55
+ this.notificationsSuspended--;
56
+ dirty = this.dirty;
57
+ this.dirty = wasDirty;
58
+ }
59
+ return dirty;
60
+ }
61
+ }
62
+
63
+ SubscribableView.prototype.async = false;
@@ -1,64 +1,64 @@
1
- import assert from "assert";
2
-
3
- import { Binding } from "./Binding";
4
- import { Store } from "./Store";
5
- import { ZoomIntoPropertyView } from "./ZoomIntoPropertyView";
6
-
7
- describe("ZoomIntoPropertyView", () => {
8
- const getZoom = () => {
9
- let store = new Store({
10
- data: {
11
- a: 3,
12
- item: {
13
- firstName: "Jack",
14
- },
15
- },
16
- });
17
-
18
- return new ZoomIntoPropertyView({
19
- store: store,
20
- binding: Binding.get("item"),
21
- });
22
- };
23
-
24
- it("allows direct access to properties of zoomed object", () => {
25
- let zoom = getZoom();
26
- assert.equal(zoom.get("firstName"), "Jack");
27
- });
28
-
29
- it("allows access to outside data through $root", () => {
30
- let zoom = getZoom();
31
- assert.equal(zoom.get("$root.a"), 3);
32
- });
33
-
34
- it("correctly sets zoomed object", () => {
35
- let zoom = getZoom();
36
- zoom.set("firstName", "Joe");
37
- assert.equal(zoom.get("firstName"), "Joe");
38
- });
39
-
40
- it("correctly sets zoomed values", () => {
41
- let zoom = getZoom();
42
- zoom.set("firstName", "Joe");
43
- assert.equal(zoom.get("firstName"), "Joe");
44
- assert.equal(zoom.get("$root.item.firstName"), "Joe");
45
- });
46
-
47
- it("correctly sets outside values", () => {
48
- let zoom = getZoom();
49
- zoom.set("$root.a", 6);
50
- assert.equal(zoom.get("$root.a"), 6);
51
- });
52
-
53
- it("correctly deletes zoomed values", () => {
54
- let zoom = getZoom();
55
- zoom.delete("firstName");
56
- assert.equal(zoom.get("firstName"), undefined);
57
- });
58
-
59
- it("correctly deletes outside values", () => {
60
- let zoom = getZoom();
61
- zoom.delete("$root.a");
62
- assert.equal(zoom.get("$root.a"), undefined);
63
- });
64
- });
1
+ import assert from "assert";
2
+
3
+ import { Binding } from "./Binding";
4
+ import { Store } from "./Store";
5
+ import { ZoomIntoPropertyView } from "./ZoomIntoPropertyView";
6
+
7
+ describe("ZoomIntoPropertyView", () => {
8
+ const getZoom = () => {
9
+ let store = new Store({
10
+ data: {
11
+ a: 3,
12
+ item: {
13
+ firstName: "Jack",
14
+ },
15
+ },
16
+ });
17
+
18
+ return new ZoomIntoPropertyView({
19
+ store: store,
20
+ binding: Binding.get("item"),
21
+ });
22
+ };
23
+
24
+ it("allows direct access to properties of zoomed object", () => {
25
+ let zoom = getZoom();
26
+ assert.equal(zoom.get("firstName"), "Jack");
27
+ });
28
+
29
+ it("allows access to outside data through $root", () => {
30
+ let zoom = getZoom();
31
+ assert.equal(zoom.get("$root.a"), 3);
32
+ });
33
+
34
+ it("correctly sets zoomed object", () => {
35
+ let zoom = getZoom();
36
+ zoom.set("firstName", "Joe");
37
+ assert.equal(zoom.get("firstName"), "Joe");
38
+ });
39
+
40
+ it("correctly sets zoomed values", () => {
41
+ let zoom = getZoom();
42
+ zoom.set("firstName", "Joe");
43
+ assert.equal(zoom.get("firstName"), "Joe");
44
+ assert.equal(zoom.get("$root.item.firstName"), "Joe");
45
+ });
46
+
47
+ it("correctly sets outside values", () => {
48
+ let zoom = getZoom();
49
+ zoom.set("$root.a", 6);
50
+ assert.equal(zoom.get("$root.a"), 6);
51
+ });
52
+
53
+ it("correctly deletes zoomed values", () => {
54
+ let zoom = getZoom();
55
+ zoom.delete("firstName");
56
+ assert.equal(zoom.get("firstName"), undefined);
57
+ });
58
+
59
+ it("correctly deletes outside values", () => {
60
+ let zoom = getZoom();
61
+ zoom.delete("$root.a");
62
+ assert.equal(zoom.get("$root.a"), undefined);
63
+ });
64
+ });
@@ -1,45 +1,45 @@
1
- import { Binding } from "./Binding";
2
- import { NestedDataView, NestedDataViewConfig } from "./NestedDataView";
3
-
4
- export interface ZoomIntoPropertyViewConfig extends NestedDataViewConfig {
5
- binding: Binding;
6
- rootName?: string;
7
- }
8
-
9
- export class ZoomIntoPropertyView extends NestedDataView {
10
- declare binding: Binding;
11
- declare rootName: string;
12
-
13
- constructor(config: ZoomIntoPropertyViewConfig) {
14
- super(config);
15
- }
16
-
17
- protected getBaseData(parentStoreData: any): any {
18
- let x = this.binding.value(parentStoreData);
19
- if (x != null && typeof x != "object") throw new Error("Zoomed value must be an object.");
20
- return {
21
- ...x,
22
- };
23
- }
24
-
25
- protected embedAugmentData(result: any, parentStoreData: any): void {
26
- result[this.rootName] = parentStoreData;
27
- super.embedAugmentData(result, parentStoreData);
28
- }
29
-
30
- setItem(path: string, value: any): boolean {
31
- if (path.indexOf(this.rootName + ".") == 0)
32
- return this.store.setItem(path.substring(this.rootName.length + 1), value);
33
- if (this.isExtraKey(Binding.get(path).parts[0])) return super.setItem(path, value);
34
- return super.setItem(this.binding.path + "." + path, value);
35
- }
36
-
37
- deleteItem(path: string): boolean {
38
- if (path.indexOf(this.rootName + ".") == 0)
39
- return this.store.deleteItem(path.substring(this.rootName.length + 1));
40
- if (this.isExtraKey(Binding.get(path).parts[0])) return super.deleteItem(path);
41
- return super.deleteItem(this.binding.path + "." + path);
42
- }
43
- }
44
-
45
- ZoomIntoPropertyView.prototype.rootName = "$root";
1
+ import { Binding } from "./Binding";
2
+ import { NestedDataView, NestedDataViewConfig } from "./NestedDataView";
3
+
4
+ export interface ZoomIntoPropertyViewConfig extends NestedDataViewConfig {
5
+ binding: Binding;
6
+ rootName?: string;
7
+ }
8
+
9
+ export class ZoomIntoPropertyView extends NestedDataView {
10
+ declare binding: Binding;
11
+ declare rootName: string;
12
+
13
+ constructor(config: ZoomIntoPropertyViewConfig) {
14
+ super(config);
15
+ }
16
+
17
+ protected getBaseData(parentStoreData: any): any {
18
+ let x = this.binding.value(parentStoreData);
19
+ if (x != null && typeof x != "object") throw new Error("Zoomed value must be an object.");
20
+ return {
21
+ ...x,
22
+ };
23
+ }
24
+
25
+ protected embedAugmentData(result: any, parentStoreData: any): void {
26
+ result[this.rootName] = parentStoreData;
27
+ super.embedAugmentData(result, parentStoreData);
28
+ }
29
+
30
+ setItem(path: string, value: any): boolean {
31
+ if (path.indexOf(this.rootName + ".") == 0)
32
+ return this.store.setItem(path.substring(this.rootName.length + 1), value);
33
+ if (this.isExtraKey(Binding.get(path).parts[0])) return super.setItem(path, value);
34
+ return super.setItem(this.binding.path + "." + path, value);
35
+ }
36
+
37
+ deleteItem(path: string): boolean {
38
+ if (path.indexOf(this.rootName + ".") == 0)
39
+ return this.store.deleteItem(path.substring(this.rootName.length + 1));
40
+ if (this.isExtraKey(Binding.get(path).parts[0])) return super.deleteItem(path);
41
+ return super.deleteItem(this.binding.path + "." + path);
42
+ }
43
+ }
44
+
45
+ ZoomIntoPropertyView.prototype.rootName = "$root";