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,70 +1,75 @@
1
- import {View} from './View';
2
- import {Binding} from './Binding';
3
-
4
- export class ExposedRecordView extends View {
5
-
6
- getData() {
7
- if (this.sealed && this.meta.version === this.cache.version && this.cache.itemIndex === this.itemIndex)
8
- return this.cache.result;
9
-
10
- this.cache.result = this.embed(this.store.getData());
11
- this.cache.version = this.meta.version;
12
- this.cache.itemIndex = this.itemIndex;
13
- return this.cache.result;
14
- }
15
-
16
- embed(data) {
17
- const collection = this.collectionBinding.value(data);
18
- const record = collection[this.itemIndex];
19
- const copy = this.sealed || this.immutable || this.store.sealed ? {...data} : data;
20
- copy[this.recordName] = record;
21
- if (this.indexName)
22
- copy[this.indexName] = this.itemIndex;
23
- return copy;
24
- }
25
-
26
- setIndex(index) {
27
- this.itemIndex = index;
28
- }
29
-
30
- setItem(path, value) {
31
- if (path == this.recordName || path.indexOf(this.recordName + '.') == 0) {
32
- const storeData = this.store.getData();
33
- const collection = this.collectionBinding.value(storeData);
34
- const data = this.embed(storeData);
35
- const d = Binding.get(path).set(data, value);
36
- if (d === data)
37
- return false;
38
- const record = d[this.recordName];
39
- const newCollection = [...collection.slice(0, this.itemIndex), record, ...collection.slice(this.itemIndex + 1)]
40
- return this.store.setItem(this.collectionBinding.path, newCollection);
41
- }
42
- return this.store.setItem(path, value);
43
- }
44
-
45
- deleteItem(path) {
46
- let storeData, collection, newCollection;
47
-
48
- if (path == this.recordName) {
49
- storeData = this.store.getData();
50
- collection = this.collectionBinding.value(storeData);
51
- newCollection = [...collection.slice(0, this.itemIndex), ...collection.slice(this.itemIndex + 1)];
52
- return this.store.setItem(this.collectionBinding.path, newCollection);
53
- }
54
- else if (path.indexOf(this.recordName + '.') == 0) {
55
- storeData = this.store.getData();
56
- collection = this.collectionBinding.value(storeData);
57
- const data = this.embed(storeData);
58
- const d = Binding.get(path).delete(data);
59
- if (d === data)
60
- return false;
61
- const record = d[this.recordName];
62
- newCollection = [...collection.slice(0, this.itemIndex), record, ...collection.slice(this.itemIndex + 1)]
63
- return this.store.setItem(this.collectionBinding.path, newCollection);
64
- }
65
-
66
- return this.store.deleteItem(path);
67
- }
68
- }
69
-
70
- ExposedRecordView.prototype.immutable = false;
1
+ import { View } from "./View";
2
+ import { Binding } from "./Binding";
3
+
4
+ export class ExposedRecordView extends View {
5
+ getData() {
6
+ if (
7
+ this.sealed &&
8
+ this.meta.version === this.cache.version &&
9
+ this.cache.itemIndex === this.itemIndex &&
10
+ this.meta === this.store.meta
11
+ )
12
+ return this.cache.result;
13
+
14
+ this.cache.result = this.embed(this.store.getData());
15
+ this.cache.version = this.meta.version;
16
+ this.cache.itemIndex = this.itemIndex;
17
+ this.meta = this.store.meta;
18
+ return this.cache.result;
19
+ }
20
+
21
+ embed(data) {
22
+ const collection = this.collectionBinding.value(data);
23
+ const record = collection[this.itemIndex];
24
+ const copy = this.sealed || this.immutable || this.store.sealed ? { ...data } : data;
25
+ copy[this.recordName] = record;
26
+ if (this.indexName) copy[this.indexName] = this.itemIndex;
27
+ return copy;
28
+ }
29
+
30
+ setIndex(index) {
31
+ this.itemIndex = index;
32
+ }
33
+
34
+ setItem(path, value) {
35
+ if (path == this.recordName || path.indexOf(this.recordName + ".") == 0) {
36
+ const storeData = this.store.getData();
37
+ const collection = this.collectionBinding.value(storeData);
38
+ const data = this.embed(storeData);
39
+ const d = Binding.get(path).set(data, value);
40
+ if (d === data) return false;
41
+ const record = d[this.recordName];
42
+ const newCollection = [
43
+ ...collection.slice(0, this.itemIndex),
44
+ record,
45
+ ...collection.slice(this.itemIndex + 1),
46
+ ];
47
+ return this.store.setItem(this.collectionBinding.path, newCollection);
48
+ }
49
+ return this.store.setItem(path, value);
50
+ }
51
+
52
+ deleteItem(path) {
53
+ let storeData, collection, newCollection;
54
+
55
+ if (path == this.recordName) {
56
+ storeData = this.store.getData();
57
+ collection = this.collectionBinding.value(storeData);
58
+ newCollection = [...collection.slice(0, this.itemIndex), ...collection.slice(this.itemIndex + 1)];
59
+ return this.store.setItem(this.collectionBinding.path, newCollection);
60
+ } else if (path.indexOf(this.recordName + ".") == 0) {
61
+ storeData = this.store.getData();
62
+ collection = this.collectionBinding.value(storeData);
63
+ const data = this.embed(storeData);
64
+ const d = Binding.get(path).delete(data);
65
+ if (d === data) return false;
66
+ const record = d[this.recordName];
67
+ newCollection = [...collection.slice(0, this.itemIndex), record, ...collection.slice(this.itemIndex + 1)];
68
+ return this.store.setItem(this.collectionBinding.path, newCollection);
69
+ }
70
+
71
+ return this.store.deleteItem(path);
72
+ }
73
+ }
74
+
75
+ ExposedRecordView.prototype.immutable = false;
@@ -1,72 +1,73 @@
1
- import {View} from './View';
2
- import {Binding} from './Binding';
3
-
4
- export class ExposedValueView extends View {
5
-
6
- getData() {
7
- if (this.sealed && this.meta.version === this.cache.version && this.cache.key === this.key)
8
- return this.cache.result;
9
-
10
- let data = this.store.getData();
11
- let container = this.containerBinding.value(data) || {};
12
- let record = container[this.key];
13
-
14
- this.cache.version = this.meta.version;
15
- this.cache.key = this.key;
16
- this.cache.result = this.sealed || this.immutable || this.store.sealed ? {...data} : data;
17
- this.cache.result[this.recordName] = record;
18
- return this.cache.result;
19
- }
20
-
21
- setKey(key) {
22
- this.key = key;
23
- }
24
-
25
- getKey() {
26
- return this.key;
27
- }
28
-
29
- setItem(path, value) {
30
- if (path == this.recordName || path.indexOf(this.recordName + '.') == 0) {
31
- var data = this.getData();
32
- var d = Binding.get(path).set(data, value);
33
- if (d === data)
34
- return false;
35
- var container = this.containerBinding.value(d);
36
- var record = d[this.recordName];
37
- var newContainer = Object.assign({}, container);
38
- newContainer[this.key] = record;
39
- return this.store.setItem(this.containerBinding.path, newContainer);
40
- }
41
- return this.store.setItem(path, value);
42
- }
43
-
44
- deleteItem(path) {
45
- var data, container, newContainer;
46
-
47
- if (path == this.recordName) {
48
- data = this.getData();
49
- container = this.containerBinding.value(data);
50
- if (!container || !container.hasOwnProperty(path))
51
- return false;
52
- newContainer = Object.assign({}, container);
53
- delete newContainer[this.key];
54
- this.store.set(this.containerBinding.path, newContainer);
55
- }
56
- else if (path.indexOf(this.recordName + '.') == 0) {
57
- data = this.getData();
58
- var d = Binding.get(path).delete(data);
59
- if (d === data)
60
- return false;
61
- container = this.containerBinding.value(d);
62
- var record = d[this.recordName];
63
- newContainer = Object.assign({}, container);
64
- newContainer[this.key] = record;
65
- return this.store.setItem(this.containerBinding.path, newContainer);
66
- }
67
-
68
- return this.store.deleteItem(path);
69
- }
70
- }
71
-
72
- ExposedValueView.prototype.immutable = false;
1
+ import { View } from "./View";
2
+ import { Binding } from "./Binding";
3
+
4
+ export class ExposedValueView extends View {
5
+ getData() {
6
+ if (
7
+ this.sealed &&
8
+ this.meta.version === this.cache.version &&
9
+ this.cache.key === this.key &&
10
+ this.meta == this.store.meta
11
+ )
12
+ return this.cache.result;
13
+
14
+ let data = this.store.getData();
15
+ let container = this.containerBinding.value(data) || {};
16
+ let record = container[this.key];
17
+
18
+ this.cache.version = this.meta.version;
19
+ this.cache.key = this.key;
20
+ this.cache.result = this.sealed || this.immutable || this.store.sealed ? { ...data } : data;
21
+ this.cache.result[this.recordName] = record;
22
+ this.meta = this.store.meta;
23
+ return this.cache.result;
24
+ }
25
+
26
+ setKey(key) {
27
+ this.key = key;
28
+ }
29
+
30
+ getKey() {
31
+ return this.key;
32
+ }
33
+
34
+ setItem(path, value) {
35
+ if (path == this.recordName || path.indexOf(this.recordName + ".") == 0) {
36
+ var data = this.getData();
37
+ var d = Binding.get(path).set(data, value);
38
+ if (d === data) return false;
39
+ var container = this.containerBinding.value(d);
40
+ var record = d[this.recordName];
41
+ var newContainer = Object.assign({}, container);
42
+ newContainer[this.key] = record;
43
+ return this.store.setItem(this.containerBinding.path, newContainer);
44
+ }
45
+ return this.store.setItem(path, value);
46
+ }
47
+
48
+ deleteItem(path) {
49
+ var data, container, newContainer;
50
+
51
+ if (path == this.recordName) {
52
+ data = this.getData();
53
+ container = this.containerBinding.value(data);
54
+ if (!container || !container.hasOwnProperty(path)) return false;
55
+ newContainer = Object.assign({}, container);
56
+ delete newContainer[this.key];
57
+ this.store.set(this.containerBinding.path, newContainer);
58
+ } else if (path.indexOf(this.recordName + ".") == 0) {
59
+ data = this.getData();
60
+ var d = Binding.get(path).delete(data);
61
+ if (d === data) return false;
62
+ container = this.containerBinding.value(d);
63
+ var record = d[this.recordName];
64
+ newContainer = Object.assign({}, container);
65
+ newContainer[this.key] = record;
66
+ return this.store.setItem(this.containerBinding.path, newContainer);
67
+ }
68
+
69
+ return this.store.deleteItem(path);
70
+ }
71
+ }
72
+
73
+ ExposedValueView.prototype.immutable = false;