cx 25.4.1 → 25.5.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 (140) hide show
  1. package/dist/charts.js +2 -2
  2. package/dist/data.js +17 -3
  3. package/dist/manifest.js +732 -732
  4. package/dist/ui.js +94 -61
  5. package/dist/widgets.js +25 -13
  6. package/package.json +1 -1
  7. package/src/charts/Legend.d.ts +45 -45
  8. package/src/charts/LegendEntry.js +128 -128
  9. package/src/charts/LegendEntry.scss +27 -27
  10. package/src/charts/PieChart.d.ts +92 -92
  11. package/src/charts/RangeMarker.js +6 -2
  12. package/src/charts/axis/Axis.d.ts +113 -113
  13. package/src/charts/axis/Axis.js +280 -280
  14. package/src/charts/axis/CategoryAxis.d.ts +30 -30
  15. package/src/charts/axis/CategoryAxis.js +241 -241
  16. package/src/charts/axis/NumericAxis.d.ts +46 -46
  17. package/src/charts/axis/NumericAxis.js +351 -351
  18. package/src/charts/axis/Stack.js +55 -55
  19. package/src/charts/axis/TimeAxis.d.ts +31 -28
  20. package/src/charts/axis/TimeAxis.js +611 -611
  21. package/src/charts/helpers/PointReducer.js +47 -47
  22. package/src/charts/helpers/SnapPointFinder.js +69 -69
  23. package/src/data/AugmentedViewBase.js +77 -75
  24. package/src/data/Binding.spec.js +69 -69
  25. package/src/data/ExposedRecordView.js +75 -70
  26. package/src/data/ExposedValueView.js +73 -72
  27. package/src/data/Expression.js +229 -229
  28. package/src/data/Expression.spec.js +229 -229
  29. package/src/data/Ref.d.ts +24 -24
  30. package/src/data/Ref.spec.js +79 -79
  31. package/src/data/StoreRef.spec.js +24 -24
  32. package/src/data/StringTemplate.js +92 -92
  33. package/src/data/StringTemplate.spec.js +132 -132
  34. package/src/data/StructuredDataAccessor.d.ts +7 -7
  35. package/src/data/StructuredSelector.js +132 -132
  36. package/src/data/SubscribableView.js +54 -54
  37. package/src/data/getAccessor.spec.js +11 -11
  38. package/src/data/getSelector.js +49 -49
  39. package/src/hooks/createLocalStorageRef.d.ts +3 -3
  40. package/src/hooks/createLocalStorageRef.js +20 -20
  41. package/src/index.scss +6 -6
  42. package/src/ui/Container.js +154 -183
  43. package/src/ui/Culture.d.ts +57 -57
  44. package/src/ui/Culture.js +139 -139
  45. package/src/ui/Cx.js +3 -3
  46. package/src/ui/DataProxy.js +45 -44
  47. package/src/ui/DetachedScope.js +98 -94
  48. package/src/ui/FocusManager.js +171 -171
  49. package/src/ui/Format.js +108 -108
  50. package/src/ui/HoverSync.js +147 -147
  51. package/src/ui/Instance.d.ts +1 -1
  52. package/src/ui/Instance.js +25 -16
  53. package/src/ui/IsolatedScope.js +30 -30
  54. package/src/ui/Repeater.d.ts +61 -61
  55. package/src/ui/Repeater.js +109 -102
  56. package/src/ui/Rescope.js +35 -31
  57. package/src/ui/Restate.js +167 -163
  58. package/src/ui/Widget.js +184 -200
  59. package/src/ui/adapter/ArrayAdapter.js +152 -142
  60. package/src/ui/adapter/TreeAdapter.js +101 -100
  61. package/src/ui/createFunctionalComponent.d.ts +1 -1
  62. package/src/ui/createFunctionalComponent.js +31 -36
  63. package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
  64. package/src/ui/layout/ContentPlaceholder.js +105 -105
  65. package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
  66. package/src/ui/layout/LabelsTopLayout.js +134 -134
  67. package/src/ui/layout/exploreChildren.d.ts +12 -15
  68. package/src/ui/layout/exploreChildren.js +27 -40
  69. package/src/util/Format.js +270 -270
  70. package/src/util/date/encodeDate.d.ts +1 -1
  71. package/src/util/date/encodeDate.js +8 -8
  72. package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
  73. package/src/util/date/index.d.ts +11 -11
  74. package/src/util/date/index.js +11 -11
  75. package/src/util/date/parseDateInvariant.d.ts +3 -3
  76. package/src/util/date/parseDateInvariant.js +20 -20
  77. package/src/util/debounce.js +18 -18
  78. package/src/util/getSearchQueryPredicate.js +59 -59
  79. package/src/util/index.d.ts +51 -51
  80. package/src/util/index.js +54 -54
  81. package/src/util/isValidIdentifierName.d.ts +1 -1
  82. package/src/util/isValidIdentifierName.js +5 -5
  83. package/src/util/isValidIdentifierName.spec.js +33 -33
  84. package/src/util/scss/add-rules.scss +38 -38
  85. package/src/util/validatedDebounce.js +19 -19
  86. package/src/widgets/Button.js +118 -118
  87. package/src/widgets/CxCredit.scss +37 -37
  88. package/src/widgets/HighlightedSearchText.js +36 -36
  89. package/src/widgets/HighlightedSearchText.scss +18 -18
  90. package/src/widgets/List.js +594 -587
  91. package/src/widgets/List.scss +91 -91
  92. package/src/widgets/Sandbox.js +9 -8
  93. package/src/widgets/drag-drop/DropZone.js +214 -214
  94. package/src/widgets/form/Calendar.d.ts +86 -86
  95. package/src/widgets/form/Calendar.js +618 -618
  96. package/src/widgets/form/Calendar.scss +196 -196
  97. package/src/widgets/form/Checkbox.scss +127 -127
  98. package/src/widgets/form/ColorField.js +397 -397
  99. package/src/widgets/form/ColorField.scss +96 -96
  100. package/src/widgets/form/ColorPicker.scss +283 -283
  101. package/src/widgets/form/DateTimeField.js +576 -576
  102. package/src/widgets/form/DateTimePicker.js +392 -392
  103. package/src/widgets/form/LookupField.d.ts +179 -179
  104. package/src/widgets/form/LookupField.scss +219 -219
  105. package/src/widgets/form/MonthField.d.ts +99 -99
  106. package/src/widgets/form/MonthField.js +523 -523
  107. package/src/widgets/form/MonthPicker.d.ts +76 -76
  108. package/src/widgets/form/MonthPicker.js +641 -641
  109. package/src/widgets/form/MonthPicker.scss +118 -118
  110. package/src/widgets/form/NumberField.js +459 -459
  111. package/src/widgets/form/NumberField.scss +61 -61
  112. package/src/widgets/form/Radio.scss +121 -121
  113. package/src/widgets/form/Select.scss +99 -99
  114. package/src/widgets/form/Slider.scss +118 -118
  115. package/src/widgets/form/Switch.scss +140 -140
  116. package/src/widgets/form/TextArea.scss +43 -43
  117. package/src/widgets/form/TextField.js +290 -290
  118. package/src/widgets/form/TextField.scss +55 -55
  119. package/src/widgets/form/UploadButton.d.ts +34 -34
  120. package/src/widgets/form/variables.scss +353 -353
  121. package/src/widgets/grid/Grid.d.ts +442 -442
  122. package/src/widgets/grid/Grid.js +7 -0
  123. package/src/widgets/grid/GridRow.js +228 -228
  124. package/src/widgets/grid/TreeNode.d.ts +23 -23
  125. package/src/widgets/grid/TreeNode.scss +88 -88
  126. package/src/widgets/grid/variables.scss +133 -133
  127. package/src/widgets/nav/LinkButton.js +128 -128
  128. package/src/widgets/nav/Menu.scss +74 -74
  129. package/src/widgets/nav/Route.js +102 -106
  130. package/src/widgets/overlay/Dropdown.js +612 -612
  131. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  132. package/src/widgets/overlay/Overlay.d.ts +73 -73
  133. package/src/widgets/overlay/Tooltip.js +1 -1
  134. package/src/widgets/overlay/Window.js +202 -202
  135. package/src/widgets/overlay/captureMouse.js +124 -124
  136. package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
  137. package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
  138. package/src/widgets/overlay/index.d.ts +11 -11
  139. package/src/widgets/overlay/index.js +11 -11
  140. package/src/widgets/variables.scss +144 -144
@@ -1,229 +1,229 @@
1
- import { computable } from "./computable";
2
- import { Format } from "../util/Format";
3
- import { Binding } from "./Binding";
4
-
5
- import { quoteStr } from "../util/quote";
6
- import { isFunction } from "../util/isFunction";
7
- import { isValidIdentifierName } from "../util/isValidIdentifierName";
8
-
9
- /*
10
- Helper usage example
11
-
12
- Expression.registerHelper('_', _);
13
- let e = Expression.compile('_.min({data})');
14
- */
15
-
16
- let helpers = {},
17
- helperNames = [],
18
- helperValues = [],
19
- expFatArrows = null;
20
-
21
- function getExpr(expr) {
22
- if (expr.memoize) return expr;
23
-
24
- function memoize() {
25
- let lastValue,
26
- lastRunBindings = {},
27
- lastRunResults = {},
28
- getters = {},
29
- currentData,
30
- len = -1;
31
-
32
- let get = function (bindingWithFormat) {
33
- let getter = getters[bindingWithFormat];
34
- if (!getter) {
35
- let binding = bindingWithFormat,
36
- format;
37
- let colonIndex = bindingWithFormat.indexOf(":");
38
- if (colonIndex != -1) {
39
- format = Format.parse(bindingWithFormat.substring(colonIndex + 1));
40
- binding = bindingWithFormat.substring(0, colonIndex);
41
- } else {
42
- let nullSeparatorIndex = bindingWithFormat.indexOf(":");
43
- if (nullSeparatorIndex != -1) {
44
- format = Format.parse(bindingWithFormat.substring(nullSeparatorIndex));
45
- binding = bindingWithFormat.substring(0, nullSeparatorIndex - 1);
46
- }
47
- }
48
- let b = Binding.get(binding);
49
- getter = (data) => {
50
- let value = b.value(data);
51
- lastRunBindings[len] = b.value;
52
- lastRunResults[len] = value;
53
- len++;
54
- return value;
55
- };
56
-
57
- if (format) {
58
- let valueGetter = getter;
59
- getter = (data) => format(valueGetter(data));
60
- }
61
-
62
- getters[bindingWithFormat] = getter;
63
- }
64
- return getter(currentData);
65
- };
66
-
67
- return function (data) {
68
- let i = 0;
69
- for (; i < len; i++) if (lastRunBindings[i](data) !== lastRunResults[i]) break;
70
- if (i !== len) {
71
- len = 0;
72
- currentData = data;
73
- lastValue = expr(get);
74
- }
75
- return lastValue;
76
- };
77
- }
78
-
79
- let result = memoize();
80
- result.memoize = memoize;
81
- return result;
82
- }
83
-
84
- export function expression(str) {
85
- if (isFunction(str)) return getExpr(str);
86
-
87
- let cache = getExpressionCache();
88
- let r = cache[str];
89
- if (r) return r;
90
-
91
- let quote = false;
92
-
93
- let termStart = -1,
94
- curlyBrackets = 0,
95
- percentExpression;
96
-
97
- let fb = ["return ("];
98
-
99
- let args = {};
100
- let formats = [];
101
- let subExprCount = 0;
102
- let invalidNameCount = 0;
103
-
104
- for (let i = 0; i < str.length; i++) {
105
- let c = str[i];
106
- switch (c) {
107
- case "{":
108
- if (curlyBrackets > 0 && !quote) curlyBrackets++;
109
- else if (!quote && termStart < 0 && (str[i + 1] != "{" || str[i - 1] == "%")) {
110
- termStart = i + 1;
111
- curlyBrackets = 1;
112
- percentExpression = str[i - 1] == "%";
113
- if (percentExpression) fb.pop(); //%
114
- } else if (termStart < 0 && (quote || str[i - 1] != "{")) fb.push(c);
115
- break;
116
-
117
- case "}":
118
- if (termStart >= 0) {
119
- if (quote) continue;
120
- if (--curlyBrackets == 0) {
121
- let term = str.substring(termStart, i);
122
- let formatStart = 0;
123
- if (term[0] == "[") formatStart = term.indexOf("]");
124
- let colon = term.indexOf(":", formatStart > 0 ? formatStart : 0);
125
- let binding = colon == -1 ? term : term.substring(0, colon);
126
- let format = colon == -1 ? null : term.substring(colon + 1);
127
- if (colon == -1) {
128
- let nullSepIndex = binding.indexOf("|", formatStart);
129
- if (nullSepIndex != -1) {
130
- format = binding.substring(nullSepIndex);
131
- binding = binding.substring(0, nullSepIndex);
132
- }
133
- }
134
- let argName = binding.replace(/\./g, "_");
135
- if (!isValidIdentifierName(argName)) argName = "inv" + ++invalidNameCount;
136
- if (percentExpression || (binding[0] == "[" && binding[binding.length - 1] == "]")) {
137
- argName = `expr${++subExprCount}`;
138
- args[argName] = expression(percentExpression ? binding : binding.substring(1, binding.length - 1));
139
- } else args[argName] = binding;
140
- if (format) {
141
- let formatter = "fmt" + formats.length;
142
- fb.push(formatter, "(", argName, ", ", quoteStr(format), ")");
143
- formats.push(Format.parse(format));
144
- } else fb.push(argName);
145
- termStart = -1;
146
- }
147
- } else fb.push(c);
148
-
149
- break;
150
-
151
- case '"':
152
- case "'":
153
- if (!quote) quote = c;
154
- else if (quote == c) {
155
- let at = i - 1;
156
- let slashCount = 0;
157
- while (at >= 0 && str[at] === "\\") {
158
- slashCount++;
159
- at--;
160
- }
161
- if (slashCount % 2 == 0) quote = false;
162
- }
163
-
164
- if (curlyBrackets == 0) fb.push(c);
165
-
166
- break;
167
-
168
- default:
169
- if (termStart < 0) fb.push(c);
170
- break;
171
- }
172
- }
173
-
174
- fb.push(")");
175
-
176
- let body = fb.join("");
177
-
178
- if (expFatArrows) body = expFatArrows(body);
179
-
180
- //console.log(body);
181
- let keys = Object.keys(args);
182
-
183
- try {
184
- let compute = new Function("fmt", ...formats.map((f, i) => "fmt" + i), ...helperNames, ...keys, body).bind(
185
- Format,
186
- Format.value,
187
- ...formats,
188
- ...helperValues,
189
- );
190
-
191
- let selector = computable(...keys.map((k) => args[k]), compute);
192
- cache[str] = selector;
193
- return selector;
194
- } catch (err) {
195
- throw new Error(`Failed to parse expression: '${str}'. Error: ${err.message}`);
196
- }
197
- }
198
-
199
- export const Expression = {
200
- get: function (str) {
201
- return expression(str);
202
- },
203
-
204
- compile: function (str) {
205
- return this.get(str).memoize();
206
- },
207
-
208
- registerHelper: function (name, helper) {
209
- helpers[name] = helper;
210
- helperNames = Object.keys(helpers);
211
- helperValues = helperNames.map((n) => helpers[n]);
212
- },
213
- };
214
-
215
- export function plugFatArrowExpansion(impl) {
216
- expFatArrows = impl;
217
- }
218
-
219
- export function invalidateExpressionCache() {
220
- expCache = {};
221
- }
222
-
223
- let expCache = {};
224
-
225
- let getExpressionCache = () => expCache;
226
-
227
- export function setGetExpressionCacheCallback(callback) {
228
- getExpressionCache = callback;
229
- }
1
+ import { computable } from "./computable";
2
+ import { Format } from "../util/Format";
3
+ import { Binding } from "./Binding";
4
+
5
+ import { quoteStr } from "../util/quote";
6
+ import { isFunction } from "../util/isFunction";
7
+ import { isValidIdentifierName } from "../util/isValidIdentifierName";
8
+
9
+ /*
10
+ Helper usage example
11
+
12
+ Expression.registerHelper('_', _);
13
+ let e = Expression.compile('_.min({data})');
14
+ */
15
+
16
+ let helpers = {},
17
+ helperNames = [],
18
+ helperValues = [],
19
+ expFatArrows = null;
20
+
21
+ function getExpr(expr) {
22
+ if (expr.memoize) return expr;
23
+
24
+ function memoize() {
25
+ let lastValue,
26
+ lastRunBindings = {},
27
+ lastRunResults = {},
28
+ getters = {},
29
+ currentData,
30
+ len = -1;
31
+
32
+ let get = function (bindingWithFormat) {
33
+ let getter = getters[bindingWithFormat];
34
+ if (!getter) {
35
+ let binding = bindingWithFormat,
36
+ format;
37
+ let colonIndex = bindingWithFormat.indexOf(":");
38
+ if (colonIndex != -1) {
39
+ format = Format.parse(bindingWithFormat.substring(colonIndex + 1));
40
+ binding = bindingWithFormat.substring(0, colonIndex);
41
+ } else {
42
+ let nullSeparatorIndex = bindingWithFormat.indexOf(":");
43
+ if (nullSeparatorIndex != -1) {
44
+ format = Format.parse(bindingWithFormat.substring(nullSeparatorIndex));
45
+ binding = bindingWithFormat.substring(0, nullSeparatorIndex - 1);
46
+ }
47
+ }
48
+ let b = Binding.get(binding);
49
+ getter = (data) => {
50
+ let value = b.value(data);
51
+ lastRunBindings[len] = b.value;
52
+ lastRunResults[len] = value;
53
+ len++;
54
+ return value;
55
+ };
56
+
57
+ if (format) {
58
+ let valueGetter = getter;
59
+ getter = (data) => format(valueGetter(data));
60
+ }
61
+
62
+ getters[bindingWithFormat] = getter;
63
+ }
64
+ return getter(currentData);
65
+ };
66
+
67
+ return function (data) {
68
+ let i = 0;
69
+ for (; i < len; i++) if (lastRunBindings[i](data) !== lastRunResults[i]) break;
70
+ if (i !== len) {
71
+ len = 0;
72
+ currentData = data;
73
+ lastValue = expr(get);
74
+ }
75
+ return lastValue;
76
+ };
77
+ }
78
+
79
+ let result = memoize();
80
+ result.memoize = memoize;
81
+ return result;
82
+ }
83
+
84
+ export function expression(str) {
85
+ if (isFunction(str)) return getExpr(str);
86
+
87
+ let cache = getExpressionCache();
88
+ let r = cache[str];
89
+ if (r) return r;
90
+
91
+ let quote = false;
92
+
93
+ let termStart = -1,
94
+ curlyBrackets = 0,
95
+ percentExpression;
96
+
97
+ let fb = ["return ("];
98
+
99
+ let args = {};
100
+ let formats = [];
101
+ let subExprCount = 0;
102
+ let invalidNameCount = 0;
103
+
104
+ for (let i = 0; i < str.length; i++) {
105
+ let c = str[i];
106
+ switch (c) {
107
+ case "{":
108
+ if (curlyBrackets > 0 && !quote) curlyBrackets++;
109
+ else if (!quote && termStart < 0 && (str[i + 1] != "{" || str[i - 1] == "%")) {
110
+ termStart = i + 1;
111
+ curlyBrackets = 1;
112
+ percentExpression = str[i - 1] == "%";
113
+ if (percentExpression) fb.pop(); //%
114
+ } else if (termStart < 0 && (quote || str[i - 1] != "{")) fb.push(c);
115
+ break;
116
+
117
+ case "}":
118
+ if (termStart >= 0) {
119
+ if (quote) continue;
120
+ if (--curlyBrackets == 0) {
121
+ let term = str.substring(termStart, i);
122
+ let formatStart = 0;
123
+ if (term[0] == "[") formatStart = term.indexOf("]");
124
+ let colon = term.indexOf(":", formatStart > 0 ? formatStart : 0);
125
+ let binding = colon == -1 ? term : term.substring(0, colon);
126
+ let format = colon == -1 ? null : term.substring(colon + 1);
127
+ if (colon == -1) {
128
+ let nullSepIndex = binding.indexOf("|", formatStart);
129
+ if (nullSepIndex != -1) {
130
+ format = binding.substring(nullSepIndex);
131
+ binding = binding.substring(0, nullSepIndex);
132
+ }
133
+ }
134
+ let argName = binding.replace(/\./g, "_");
135
+ if (!isValidIdentifierName(argName)) argName = "inv" + ++invalidNameCount;
136
+ if (percentExpression || (binding[0] == "[" && binding[binding.length - 1] == "]")) {
137
+ argName = `expr${++subExprCount}`;
138
+ args[argName] = expression(percentExpression ? binding : binding.substring(1, binding.length - 1));
139
+ } else args[argName] = binding;
140
+ if (format) {
141
+ let formatter = "fmt" + formats.length;
142
+ fb.push(formatter, "(", argName, ", ", quoteStr(format), ")");
143
+ formats.push(Format.parse(format));
144
+ } else fb.push(argName);
145
+ termStart = -1;
146
+ }
147
+ } else fb.push(c);
148
+
149
+ break;
150
+
151
+ case '"':
152
+ case "'":
153
+ if (!quote) quote = c;
154
+ else if (quote == c) {
155
+ let at = i - 1;
156
+ let slashCount = 0;
157
+ while (at >= 0 && str[at] === "\\") {
158
+ slashCount++;
159
+ at--;
160
+ }
161
+ if (slashCount % 2 == 0) quote = false;
162
+ }
163
+
164
+ if (curlyBrackets == 0) fb.push(c);
165
+
166
+ break;
167
+
168
+ default:
169
+ if (termStart < 0) fb.push(c);
170
+ break;
171
+ }
172
+ }
173
+
174
+ fb.push(")");
175
+
176
+ let body = fb.join("");
177
+
178
+ if (expFatArrows) body = expFatArrows(body);
179
+
180
+ //console.log(body);
181
+ let keys = Object.keys(args);
182
+
183
+ try {
184
+ let compute = new Function("fmt", ...formats.map((f, i) => "fmt" + i), ...helperNames, ...keys, body).bind(
185
+ Format,
186
+ Format.value,
187
+ ...formats,
188
+ ...helperValues,
189
+ );
190
+
191
+ let selector = computable(...keys.map((k) => args[k]), compute);
192
+ cache[str] = selector;
193
+ return selector;
194
+ } catch (err) {
195
+ throw new Error(`Failed to parse expression: '${str}'. Error: ${err.message}`);
196
+ }
197
+ }
198
+
199
+ export const Expression = {
200
+ get: function (str) {
201
+ return expression(str);
202
+ },
203
+
204
+ compile: function (str) {
205
+ return this.get(str).memoize();
206
+ },
207
+
208
+ registerHelper: function (name, helper) {
209
+ helpers[name] = helper;
210
+ helperNames = Object.keys(helpers);
211
+ helperValues = helperNames.map((n) => helpers[n]);
212
+ },
213
+ };
214
+
215
+ export function plugFatArrowExpansion(impl) {
216
+ expFatArrows = impl;
217
+ }
218
+
219
+ export function invalidateExpressionCache() {
220
+ expCache = {};
221
+ }
222
+
223
+ let expCache = {};
224
+
225
+ let getExpressionCache = () => expCache;
226
+
227
+ export function setGetExpressionCacheCallback(callback) {
228
+ getExpressionCache = callback;
229
+ }