cx 25.4.0 → 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 +651 -651
  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 +6 -6
  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,183 +1,154 @@
1
- import {contentAppend, Widget} from './Widget';
2
- import {StaticText} from './StaticText';
3
- import {Text} from './Text';
4
- import {innerTextTrim} from '../util/innerTextTrim';
5
- import {isString} from '../util/isString';
6
- import {isArray} from '../util/isArray';
7
- import {exploreChildren} from "./layout/exploreChildren";
8
-
9
- export class Container extends Widget {
10
-
11
- init(context) {
12
- if (typeof this.ws !== 'undefined')
13
- this.preserveWhitespace = this.ws;
14
-
15
- if (this.preserveWhitespace)
16
- this.trimWhitespace = false;
17
-
18
- let items = this.items || this.children || [];
19
- delete this.children;
20
- this.items = [];
21
-
22
- if (this.layout) {
23
- let layout = Widget.create({type: this.layout, items});
24
- layout.init(context);
25
- this.layout = null;
26
- if (layout.noLayout) {
27
- this.useParentLayout = true;
28
- this.add(items);
29
- }
30
- else {
31
- this.add(layout);
32
- this.layout = layout;
33
- }
34
- }
35
- else {
36
- this.add(items);
37
- }
38
-
39
- super.init(context);
40
- }
41
-
42
- exploreItems(context, instance, items) {
43
- instance.children = exploreChildren(context, instance, items, instance.cached.children);
44
- if (instance.cache('children', instance.children))
45
- instance.markShouldUpdate(context);
46
- }
47
-
48
- explore(context, instance) {
49
- super.explore(context, instance);
50
- this.exploreItems(context, instance, this.items);
51
- }
52
-
53
- render(context, instance) {
54
- return this.renderChildren(context, instance);
55
- }
56
-
57
- renderChildren(context, instance) {
58
-
59
- let preserveComplexContent = this.useParentLayout;
60
-
61
- function append(result, r) {
62
- if (r == null)
63
- return;
64
-
65
- //react element
66
- if (!r.hasOwnProperty("content")) {
67
- contentAppend(result, r);
68
- return;
69
- }
70
-
71
- if (r.useParentLayout)
72
- return r.content.forEach(x => append(result, x));
73
-
74
- if (r.atomic || preserveComplexContent) {
75
- result.push(r);
76
- }
77
- else {
78
- let first = true;
79
- for (let k in r)
80
- if (contentAppend(result, r[k], !first))
81
- first = false;
82
- }
83
- }
84
-
85
- let result = [];
86
- for (let i = 0; i < instance.children.length; i++) {
87
- append(result, instance.children[i].vdom);
88
- }
89
-
90
- if (this.useParentLayout)
91
- return {
92
- useParentLayout: true,
93
- content: result
94
- };
95
-
96
- return result;
97
- }
98
-
99
- clear() {
100
- if (this.layout)
101
- this.layout.clear();
102
- else
103
- this.items = [];
104
- }
105
-
106
- add(...args) {
107
- if (this.layout)
108
- return this.layout.add(...args);
109
-
110
- args.forEach(a => {
111
- if (!a)
112
- return;
113
- if (isArray(a))
114
- a.forEach(c => this.add(c));
115
- else if (isString(a)) {
116
- if (this.trimWhitespace)
117
- a = innerTextTrim(a);
118
- if (a)
119
- this.addText(a);
120
- } else if (a.isComponent)
121
- this.items.push(this.wrapItem(a));
122
- else {
123
- this.add(Widget.create(a, this.itemDefaults));
124
- }
125
- });
126
- }
127
-
128
- wrapItem(item) {
129
- return item;
130
- }
131
-
132
- addText(text) {
133
- if (this.plainText || text.indexOf('{') == -1 || text.indexOf('}') == -1)
134
- this.add(Widget.create(StaticText, {text: text}));
135
- else
136
- this.add(Widget.create(Text, {text: {tpl: text}}));
137
- }
138
-
139
- find(filter, options) {
140
-
141
- if (!options)
142
- options = {};
143
-
144
- if (!filter || !this.items)
145
- return [];
146
-
147
- let alias = filter;
148
-
149
- if (isString(filter))
150
- filter = (w) => w.componentAlias == alias;
151
-
152
- if (filter.isComponentType)
153
- filter = (w) => w instanceof alias;
154
-
155
- let results = [];
156
-
157
- for (let i = 0; i < this.items.length; i++) {
158
- let w = this.items[i];
159
-
160
- if (!w.initialized)
161
- w.init();
162
-
163
- if (filter(w)) {
164
- results.push(w);
165
- if (options.first)
166
- break;
167
- }
168
-
169
- if (w.find)
170
- results.push(...w.find(filter, options))
171
- }
172
-
173
- return results;
174
- }
175
-
176
- findFirst(filter, options) {
177
- return this.find(filter, {...options, first: true})[0];
178
- }
179
- }
180
-
181
- Container.prototype.trimWhitespace = true;
182
- Container.prototype.plainText = true;
183
- Container.prototype.styled = false;
1
+ import { contentAppend, Widget } from "./Widget";
2
+ import { StaticText } from "./StaticText";
3
+ import { Text } from "./Text";
4
+ import { innerTextTrim } from "../util/innerTextTrim";
5
+ import { isString } from "../util/isString";
6
+ import { isArray } from "../util/isArray";
7
+ import { exploreChildren } from "./layout/exploreChildren";
8
+
9
+ export class Container extends Widget {
10
+ init(context) {
11
+ if (typeof this.ws !== "undefined") this.preserveWhitespace = this.ws;
12
+
13
+ if (this.preserveWhitespace) this.trimWhitespace = false;
14
+
15
+ let items = this.items || this.children || [];
16
+ delete this.children;
17
+ this.items = [];
18
+
19
+ if (this.layout) {
20
+ let layout = Widget.create({ type: this.layout, items });
21
+ layout.init(context);
22
+ this.layout = null;
23
+ if (layout.noLayout) {
24
+ this.useParentLayout = true;
25
+ this.add(items);
26
+ } else {
27
+ this.add(layout);
28
+ this.layout = layout;
29
+ }
30
+ } else {
31
+ this.add(items);
32
+ }
33
+
34
+ super.init(context);
35
+ }
36
+
37
+ exploreItems(context, instance, items) {
38
+ instance.children = exploreChildren(context, instance, items, instance.cached.children, null, instance.store);
39
+ if (instance.cache("children", instance.children)) instance.markShouldUpdate(context);
40
+ }
41
+
42
+ explore(context, instance) {
43
+ super.explore(context, instance);
44
+ this.exploreItems(context, instance, this.items);
45
+ }
46
+
47
+ render(context, instance) {
48
+ return this.renderChildren(context, instance);
49
+ }
50
+
51
+ renderChildren(context, instance) {
52
+ let preserveComplexContent = this.useParentLayout;
53
+
54
+ function append(result, r) {
55
+ if (r == null) return;
56
+
57
+ //react element
58
+ if (!r.hasOwnProperty("content")) {
59
+ contentAppend(result, r);
60
+ return;
61
+ }
62
+
63
+ if (r.useParentLayout) return r.content.forEach((x) => append(result, x));
64
+
65
+ if (r.atomic || preserveComplexContent) {
66
+ result.push(r);
67
+ } else {
68
+ let first = true;
69
+ for (let k in r) if (contentAppend(result, r[k], !first)) first = false;
70
+ }
71
+ }
72
+
73
+ let result = [];
74
+ for (let i = 0; i < instance.children.length; i++) {
75
+ append(result, instance.children[i].vdom);
76
+ }
77
+
78
+ if (this.useParentLayout)
79
+ return {
80
+ useParentLayout: true,
81
+ content: result,
82
+ };
83
+
84
+ return result;
85
+ }
86
+
87
+ clear() {
88
+ if (this.layout) this.layout.clear();
89
+ else this.items = [];
90
+ }
91
+
92
+ add(...args) {
93
+ if (this.layout) return this.layout.add(...args);
94
+
95
+ args.forEach((a) => {
96
+ if (!a) return;
97
+ if (isArray(a)) a.forEach((c) => this.add(c));
98
+ else if (isString(a)) {
99
+ if (this.trimWhitespace) a = innerTextTrim(a);
100
+ if (a) this.addText(a);
101
+ } else if (a.isComponent) this.items.push(this.wrapItem(a));
102
+ else {
103
+ this.add(Widget.create(a, this.itemDefaults));
104
+ }
105
+ });
106
+ }
107
+
108
+ wrapItem(item) {
109
+ return item;
110
+ }
111
+
112
+ addText(text) {
113
+ if (this.plainText || text.indexOf("{") == -1 || text.indexOf("}") == -1)
114
+ this.add(Widget.create(StaticText, { text: text }));
115
+ else this.add(Widget.create(Text, { text: { tpl: text } }));
116
+ }
117
+
118
+ find(filter, options) {
119
+ if (!options) options = {};
120
+
121
+ if (!filter || !this.items) return [];
122
+
123
+ let alias = filter;
124
+
125
+ if (isString(filter)) filter = (w) => w.componentAlias == alias;
126
+
127
+ if (filter.isComponentType) filter = (w) => w instanceof alias;
128
+
129
+ let results = [];
130
+
131
+ for (let i = 0; i < this.items.length; i++) {
132
+ let w = this.items[i];
133
+
134
+ if (!w.initialized) w.init();
135
+
136
+ if (filter(w)) {
137
+ results.push(w);
138
+ if (options.first) break;
139
+ }
140
+
141
+ if (w.find) results.push(...w.find(filter, options));
142
+ }
143
+
144
+ return results;
145
+ }
146
+
147
+ findFirst(filter, options) {
148
+ return this.find(filter, { ...options, first: true })[0];
149
+ }
150
+ }
151
+
152
+ Container.prototype.trimWhitespace = true;
153
+ Container.prototype.plainText = true;
154
+ Container.prototype.styled = false;
@@ -1,57 +1,57 @@
1
- declare type DateEncoding = (date: Date) => any;
2
-
3
- export class Culture {
4
- static setCulture(cultureCode: string): void;
5
-
6
- static setDefaultCurrency(currencyCode: string): void;
7
-
8
- static setDefaultTimezone(timezone: string): void;
9
-
10
- static readonly defaultCurrency: string;
11
-
12
- static readonly culture: string;
13
-
14
- static setNumberCulture(cultureCode: string): void;
15
-
16
- static getNumberCulture(): any;
17
-
18
- static setDateTimeCulture(cultureCode: string): void;
19
-
20
- static getDateTimeCulture(): any;
21
-
22
- static getDefaultDateEncoding(): DateEncoding;
23
-
24
- static setDefaultDateEncoding(encoding: DateEncoding): void;
25
-
26
- static invalidateCache(): void;
27
- }
28
-
29
- export interface CultureSpecs {
30
- culture?: string;
31
- numberCulture?: string;
32
- dateTimeCulture?: string;
33
- defaultCurrency?: string;
34
- dateEncoding?: DateEncoding;
35
- timezone?: string;
36
- }
37
-
38
- export interface CultureInfo {
39
- culture: string;
40
- numberCulture?: string;
41
- dateTimeCulture?: string;
42
- defaultCurrency: string;
43
- dateEncoding: DateEncoding;
44
- timezone?: string;
45
- }
46
-
47
- export function createCulture(cultureSpecs: CultureSpecs): CultureInfo;
48
-
49
- export function pushCulture(cultureSpecs: CultureInfo): void;
50
-
51
- export function popCulture(cultureSpecs?: CultureInfo): CultureInfo;
52
-
53
- export function getCurrentCultureCache(): any;
54
-
55
- export function getCurrentCulture(): CultureInfo;
56
-
57
- export function getDefaultCulture(): CultureInfo;
1
+ declare type DateEncoding = (date: Date) => any;
2
+
3
+ export class Culture {
4
+ static setCulture(cultureCode: string): void;
5
+
6
+ static setDefaultCurrency(currencyCode: string): void;
7
+
8
+ static setDefaultTimezone(timezone: string): void;
9
+
10
+ static readonly defaultCurrency: string;
11
+
12
+ static readonly culture: string;
13
+
14
+ static setNumberCulture(cultureCode: string): void;
15
+
16
+ static getNumberCulture(): any;
17
+
18
+ static setDateTimeCulture(cultureCode: string): void;
19
+
20
+ static getDateTimeCulture(): any;
21
+
22
+ static getDefaultDateEncoding(): DateEncoding;
23
+
24
+ static setDefaultDateEncoding(encoding: DateEncoding): void;
25
+
26
+ static invalidateCache(): void;
27
+ }
28
+
29
+ export interface CultureSpecs {
30
+ culture?: string;
31
+ numberCulture?: string;
32
+ dateTimeCulture?: string;
33
+ defaultCurrency?: string;
34
+ dateEncoding?: DateEncoding;
35
+ timezone?: string;
36
+ }
37
+
38
+ export interface CultureInfo {
39
+ culture: string;
40
+ numberCulture?: string;
41
+ dateTimeCulture?: string;
42
+ defaultCurrency: string;
43
+ dateEncoding: DateEncoding;
44
+ timezone?: string;
45
+ }
46
+
47
+ export function createCulture(cultureSpecs: CultureSpecs): CultureInfo;
48
+
49
+ export function pushCulture(cultureSpecs: CultureInfo): void;
50
+
51
+ export function popCulture(cultureSpecs?: CultureInfo): CultureInfo;
52
+
53
+ export function getCurrentCultureCache(): any;
54
+
55
+ export function getCurrentCulture(): CultureInfo;
56
+
57
+ export function getDefaultCulture(): CultureInfo;