cx 25.4.1 → 25.5.0

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 (138) hide show
  1. package/dist/charts.js +2 -2
  2. package/dist/data.js +17 -3
  3. package/dist/manifest.js +677 -677
  4. package/dist/ui.js +88 -61
  5. package/dist/widgets.js +13 -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/Rescope.js +35 -31
  56. package/src/ui/Restate.js +167 -163
  57. package/src/ui/Widget.js +184 -200
  58. package/src/ui/adapter/ArrayAdapter.js +152 -142
  59. package/src/ui/adapter/TreeAdapter.js +101 -100
  60. package/src/ui/createFunctionalComponent.d.ts +1 -1
  61. package/src/ui/createFunctionalComponent.js +31 -36
  62. package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
  63. package/src/ui/layout/ContentPlaceholder.js +105 -105
  64. package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
  65. package/src/ui/layout/LabelsTopLayout.js +134 -134
  66. package/src/ui/layout/exploreChildren.d.ts +12 -15
  67. package/src/ui/layout/exploreChildren.js +27 -40
  68. package/src/util/Format.js +270 -270
  69. package/src/util/date/encodeDate.d.ts +1 -1
  70. package/src/util/date/encodeDate.js +8 -8
  71. package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
  72. package/src/util/date/index.d.ts +11 -11
  73. package/src/util/date/index.js +11 -11
  74. package/src/util/date/parseDateInvariant.d.ts +3 -3
  75. package/src/util/date/parseDateInvariant.js +20 -20
  76. package/src/util/debounce.js +18 -18
  77. package/src/util/getSearchQueryPredicate.js +59 -59
  78. package/src/util/index.d.ts +51 -51
  79. package/src/util/index.js +54 -54
  80. package/src/util/isValidIdentifierName.d.ts +1 -1
  81. package/src/util/isValidIdentifierName.js +5 -5
  82. package/src/util/isValidIdentifierName.spec.js +33 -33
  83. package/src/util/scss/add-rules.scss +38 -38
  84. package/src/util/validatedDebounce.js +19 -19
  85. package/src/widgets/Button.js +118 -118
  86. package/src/widgets/CxCredit.scss +37 -37
  87. package/src/widgets/HighlightedSearchText.js +36 -36
  88. package/src/widgets/HighlightedSearchText.scss +18 -18
  89. package/src/widgets/List.scss +91 -91
  90. package/src/widgets/Sandbox.js +9 -8
  91. package/src/widgets/drag-drop/DropZone.js +214 -214
  92. package/src/widgets/form/Calendar.d.ts +86 -86
  93. package/src/widgets/form/Calendar.js +618 -618
  94. package/src/widgets/form/Calendar.scss +196 -196
  95. package/src/widgets/form/Checkbox.scss +127 -127
  96. package/src/widgets/form/ColorField.js +397 -397
  97. package/src/widgets/form/ColorField.scss +96 -96
  98. package/src/widgets/form/ColorPicker.scss +283 -283
  99. package/src/widgets/form/DateTimeField.js +576 -576
  100. package/src/widgets/form/DateTimePicker.js +392 -392
  101. package/src/widgets/form/LookupField.d.ts +179 -179
  102. package/src/widgets/form/LookupField.scss +219 -219
  103. package/src/widgets/form/MonthField.d.ts +99 -99
  104. package/src/widgets/form/MonthField.js +523 -523
  105. package/src/widgets/form/MonthPicker.d.ts +76 -76
  106. package/src/widgets/form/MonthPicker.js +641 -641
  107. package/src/widgets/form/MonthPicker.scss +118 -118
  108. package/src/widgets/form/NumberField.js +459 -459
  109. package/src/widgets/form/NumberField.scss +61 -61
  110. package/src/widgets/form/Radio.scss +121 -121
  111. package/src/widgets/form/Select.scss +99 -99
  112. package/src/widgets/form/Slider.scss +118 -118
  113. package/src/widgets/form/Switch.scss +140 -140
  114. package/src/widgets/form/TextArea.scss +43 -43
  115. package/src/widgets/form/TextField.js +290 -290
  116. package/src/widgets/form/TextField.scss +55 -55
  117. package/src/widgets/form/UploadButton.d.ts +34 -34
  118. package/src/widgets/form/variables.scss +353 -353
  119. package/src/widgets/grid/Grid.d.ts +442 -442
  120. package/src/widgets/grid/Grid.js +3414 -3414
  121. package/src/widgets/grid/GridRow.js +228 -228
  122. package/src/widgets/grid/TreeNode.d.ts +23 -23
  123. package/src/widgets/grid/TreeNode.scss +88 -88
  124. package/src/widgets/grid/variables.scss +133 -133
  125. package/src/widgets/nav/LinkButton.js +128 -128
  126. package/src/widgets/nav/Menu.scss +74 -74
  127. package/src/widgets/nav/Route.js +102 -106
  128. package/src/widgets/overlay/Dropdown.js +612 -612
  129. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  130. package/src/widgets/overlay/Overlay.d.ts +73 -73
  131. package/src/widgets/overlay/Tooltip.js +1 -1
  132. package/src/widgets/overlay/Window.js +202 -202
  133. package/src/widgets/overlay/captureMouse.js +124 -124
  134. package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
  135. package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
  136. package/src/widgets/overlay/index.d.ts +11 -11
  137. package/src/widgets/overlay/index.js +11 -11
  138. 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
+ }