cx 24.9.4 → 24.10.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 (73) hide show
  1. package/dist/charts.css +19 -16
  2. package/dist/charts.js +129 -94
  3. package/dist/data.js +29 -26
  4. package/dist/manifest.js +718 -718
  5. package/dist/svg.js +56 -59
  6. package/dist/ui.js +52 -51
  7. package/dist/widgets.js +44 -40
  8. package/package.json +32 -32
  9. package/src/charts/Legend.js +49 -33
  10. package/src/charts/Legend.scss +40 -42
  11. package/src/charts/LegendEntry.js +120 -121
  12. package/src/charts/LegendEntry.scss +27 -31
  13. package/src/charts/PieChart.d.ts +92 -89
  14. package/src/charts/PieChart.js +529 -527
  15. package/src/charts/PieLabel.js +71 -71
  16. package/src/charts/axis/NumericAxis.js +347 -347
  17. package/src/charts/axis/Stack.js +55 -55
  18. package/src/charts/helpers/PointReducer.js +43 -43
  19. package/src/charts/helpers/SnapPointFinder.js +69 -69
  20. package/src/data/Binding.spec.js +69 -69
  21. package/src/data/Expression.js +221 -221
  22. package/src/data/Expression.spec.js +184 -184
  23. package/src/data/StringTemplate.spec.js +105 -105
  24. package/src/data/getAccessor.spec.js +11 -11
  25. package/src/index.scss +6 -6
  26. package/src/svg/Text.d.ts +40 -40
  27. package/src/ui/Culture.d.ts +55 -55
  28. package/src/ui/Culture.js +139 -139
  29. package/src/ui/FocusManager.js +171 -171
  30. package/src/ui/Instance.d.ts +72 -72
  31. package/src/ui/VDOM.d.ts +12 -12
  32. package/src/ui/app/startAppLoop.js +58 -58
  33. package/src/ui/index.d.ts +42 -42
  34. package/src/ui/layout/LabelsTopLayout.js +134 -134
  35. package/src/util/Console.d.ts +4 -4
  36. package/src/util/index.d.ts +51 -51
  37. package/src/util/index.js +54 -54
  38. package/src/util/isValidIdentifierName.d.ts +1 -1
  39. package/src/util/isValidIdentifierName.js +5 -5
  40. package/src/util/isValidIdentifierName.spec.js +33 -33
  41. package/src/util/scss/add-rules.scss +38 -38
  42. package/src/widgets/CxCredit.scss +37 -37
  43. package/src/widgets/HighlightedSearchText.js +36 -36
  44. package/src/widgets/HighlightedSearchText.scss +18 -18
  45. package/src/widgets/List.scss +91 -91
  46. package/src/widgets/drag-drop/DropZone.js +214 -214
  47. package/src/widgets/form/Calendar.scss +196 -196
  48. package/src/widgets/form/ColorField.js +397 -397
  49. package/src/widgets/form/ColorPicker.scss +283 -283
  50. package/src/widgets/form/DateTimeField.js +573 -573
  51. package/src/widgets/form/LookupField.d.ts +179 -179
  52. package/src/widgets/form/MonthField.js +516 -516
  53. package/src/widgets/form/MonthPicker.scss +118 -118
  54. package/src/widgets/form/NumberField.js +459 -459
  55. package/src/widgets/form/NumberField.scss +61 -61
  56. package/src/widgets/form/Select.scss +99 -99
  57. package/src/widgets/form/Slider.scss +118 -118
  58. package/src/widgets/form/Switch.scss +140 -140
  59. package/src/widgets/form/TextArea.scss +43 -43
  60. package/src/widgets/form/TextField.js +290 -290
  61. package/src/widgets/form/TextField.scss +55 -55
  62. package/src/widgets/form/UploadButton.d.ts +34 -34
  63. package/src/widgets/form/variables.scss +353 -353
  64. package/src/widgets/grid/TreeNode.scss +88 -88
  65. package/src/widgets/grid/variables.scss +88 -88
  66. package/src/widgets/nav/Menu.scss +74 -74
  67. package/src/widgets/overlay/Dropdown.js +612 -612
  68. package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
  69. package/src/widgets/overlay/Tooltip.js +300 -300
  70. package/src/widgets/overlay/Window.js +196 -196
  71. package/src/widgets/overlay/captureMouse.js +124 -124
  72. package/src/widgets/overlay/variables.scss +83 -83
  73. package/src/widgets/variables.scss +144 -144
@@ -1,55 +1,55 @@
1
- export class Stack {
2
- constructor() {
3
- this.reset();
4
- }
5
-
6
- reset() {
7
- this.stacks = {};
8
- this.values = {};
9
- this.normalized = false;
10
- this.invalid = {};
11
- }
12
-
13
- acknowledge(ordinal, value) {
14
- if (value != null) {
15
- let s = this.stacks[ordinal];
16
- if (!s) this.stacks[ordinal] = s = { total: 0, min: 0, max: 0 };
17
- s.total += value;
18
- if (s.total < s.min) s.min = s.total;
19
- if (s.total > s.max) s.max = s.total;
20
- } else {
21
- this.invalid[ordinal] = true;
22
- }
23
- }
24
-
25
- measure(normalized) {
26
- if (normalized) {
27
- this.normalized = true;
28
- return [0, 1];
29
- }
30
-
31
- let max = 0,
32
- min = 0;
33
- for (let key in this.stacks) {
34
- if (this.stacks[key].max > max) max = this.stacks[key].max;
35
- if (this.stacks[key].min < min) min = this.stacks[key].min;
36
- }
37
- return [min, max];
38
- }
39
-
40
- stack(ordinal, value) {
41
- if (value == null || this.invalid[ordinal]) return null;
42
-
43
- let base = this.values[ordinal] || 0;
44
-
45
- let result = (this.values[ordinal] = base + value);
46
-
47
- if (!this.normalized) return result;
48
-
49
- let total = this.stacks[ordinal].total;
50
-
51
- if (total > 0) return result / total;
52
-
53
- return null;
54
- }
55
- }
1
+ export class Stack {
2
+ constructor() {
3
+ this.reset();
4
+ }
5
+
6
+ reset() {
7
+ this.stacks = {};
8
+ this.values = {};
9
+ this.normalized = false;
10
+ this.invalid = {};
11
+ }
12
+
13
+ acknowledge(ordinal, value) {
14
+ if (value != null) {
15
+ let s = this.stacks[ordinal];
16
+ if (!s) this.stacks[ordinal] = s = { total: 0, min: 0, max: 0 };
17
+ s.total += value;
18
+ if (s.total < s.min) s.min = s.total;
19
+ if (s.total > s.max) s.max = s.total;
20
+ } else {
21
+ this.invalid[ordinal] = true;
22
+ }
23
+ }
24
+
25
+ measure(normalized) {
26
+ if (normalized) {
27
+ this.normalized = true;
28
+ return [0, 1];
29
+ }
30
+
31
+ let max = 0,
32
+ min = 0;
33
+ for (let key in this.stacks) {
34
+ if (this.stacks[key].max > max) max = this.stacks[key].max;
35
+ if (this.stacks[key].min < min) min = this.stacks[key].min;
36
+ }
37
+ return [min, max];
38
+ }
39
+
40
+ stack(ordinal, value) {
41
+ if (value == null || this.invalid[ordinal]) return null;
42
+
43
+ let base = this.values[ordinal] || 0;
44
+
45
+ let result = (this.values[ordinal] = base + value);
46
+
47
+ if (!this.normalized) return result;
48
+
49
+ let total = this.stacks[ordinal].total;
50
+
51
+ if (total > 0) return result / total;
52
+
53
+ return null;
54
+ }
55
+ }
@@ -1,43 +1,43 @@
1
- import { PureContainer } from "../../ui/PureContainer";
2
-
3
- export class PointReducer extends PureContainer {
4
- explore(context, instance) {
5
- let parentPointReducer = context.pointReducer;
6
- instance.parentPointTracker = parentPointReducer;
7
-
8
- if (!instance.pointReducer) {
9
- let onMap = this.onMap && instance.getCallback("onMap");
10
- let accumulator = {};
11
- instance.resetAccumulator = () => {
12
- accumulator = {};
13
- if (this.onInitAccumulator) instance.invoke("onInitAccumulator", accumulator, instance);
14
- };
15
-
16
- instance.pointReducer = (x, y, name, data, array, index) => {
17
- onMap(accumulator, x, y, name, data, array, index);
18
- if (parentPointReducer) parentPointReducer(x, y, name, data, array, index);
19
- };
20
- instance.write = () => {
21
- if (this.onReduce) instance.invoke("onReduce", accumulator, instance);
22
- };
23
- }
24
-
25
- instance.resetAccumulator();
26
- context.push("pointReducer", instance.pointReducer);
27
-
28
- super.explore(context, instance);
29
- }
30
-
31
- exploreCleanup(context, instance) {
32
- context.pop("pointReducer");
33
- }
34
-
35
- prepare(context, instance) {
36
- context.push("pointReducer", instance.pointReducer);
37
- }
38
-
39
- prepareCleanup(context, instance) {
40
- context.pop("pointReducer");
41
- instance.write();
42
- }
43
- }
1
+ import { PureContainer } from "../../ui/PureContainer";
2
+
3
+ export class PointReducer extends PureContainer {
4
+ explore(context, instance) {
5
+ let parentPointReducer = context.pointReducer;
6
+ instance.parentPointTracker = parentPointReducer;
7
+
8
+ if (!instance.pointReducer) {
9
+ let onMap = this.onMap && instance.getCallback("onMap");
10
+ let accumulator = {};
11
+ instance.resetAccumulator = () => {
12
+ accumulator = {};
13
+ if (this.onInitAccumulator) instance.invoke("onInitAccumulator", accumulator, instance);
14
+ };
15
+
16
+ instance.pointReducer = (x, y, name, data, array, index) => {
17
+ onMap(accumulator, x, y, name, data, array, index);
18
+ if (parentPointReducer) parentPointReducer(x, y, name, data, array, index);
19
+ };
20
+ instance.write = () => {
21
+ if (this.onReduce) instance.invoke("onReduce", accumulator, instance);
22
+ };
23
+ }
24
+
25
+ instance.resetAccumulator();
26
+ context.push("pointReducer", instance.pointReducer);
27
+
28
+ super.explore(context, instance);
29
+ }
30
+
31
+ exploreCleanup(context, instance) {
32
+ context.pop("pointReducer");
33
+ }
34
+
35
+ prepare(context, instance) {
36
+ context.push("pointReducer", instance.pointReducer);
37
+ }
38
+
39
+ prepareCleanup(context, instance) {
40
+ context.pop("pointReducer");
41
+ instance.write();
42
+ }
43
+ }
@@ -1,69 +1,69 @@
1
- import { PointReducer } from "./PointReducer";
2
-
3
- export class SnapPointFinder extends PointReducer {
4
- declareData() {
5
- return super.declareData(...arguments, {
6
- cursorX: undefined,
7
- cursorY: undefined,
8
- snapX: undefined,
9
- snapY: undefined,
10
- snapRecord: undefined,
11
- maxDistance: undefined,
12
- });
13
- }
14
-
15
- explore(context, instance) {
16
- instance.xAxis = context.axes[this.xAxis];
17
- instance.yAxis = context.axes[this.yAxis];
18
- super.explore(context, instance);
19
- }
20
-
21
- onInitAccumulator(acc, { data, xAxis, yAxis }) {
22
- acc.cursor = {
23
- x: data.cursorX,
24
- y: data.cursorY,
25
- mapped: false,
26
- };
27
- acc.dist = data.maxDistance > 0 ? Math.pow(data.maxDistance, 2) : Number.POSITIVE_INFINITY;
28
- acc.snapX = null;
29
- acc.snapY = null;
30
- acc.xAxis = xAxis;
31
- acc.yAxis = yAxis;
32
- }
33
-
34
- onMap(acc, x, y, name, p) {
35
- let { xAxis, yAxis, cursor } = acc;
36
-
37
- if (!cursor.mapped) {
38
- cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
39
- cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
40
- cursor.mapped = true;
41
- }
42
-
43
- let d = null;
44
- let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
45
- let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
46
-
47
- if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
48
- if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
49
-
50
- if (d != null && d < acc.dist) {
51
- acc.dist = d;
52
- acc.snapX = x;
53
- acc.snapY = y;
54
- acc.snapRecord = p;
55
- }
56
- }
57
-
58
- onReduce(acc, instance) {
59
- instance.set("snapX", acc.snapX);
60
- instance.set("snapY", acc.snapY);
61
- instance.set("snapRecord", acc.snapRecord);
62
- }
63
- }
64
-
65
- SnapPointFinder.prototype.maxDistance = 50;
66
- SnapPointFinder.prototype.convertX = (x) => x;
67
- SnapPointFinder.prototype.convertY = (y) => y;
68
- SnapPointFinder.prototype.xAxis = "x";
69
- SnapPointFinder.prototype.yAxis = "y";
1
+ import { PointReducer } from "./PointReducer";
2
+
3
+ export class SnapPointFinder extends PointReducer {
4
+ declareData() {
5
+ return super.declareData(...arguments, {
6
+ cursorX: undefined,
7
+ cursorY: undefined,
8
+ snapX: undefined,
9
+ snapY: undefined,
10
+ snapRecord: undefined,
11
+ maxDistance: undefined,
12
+ });
13
+ }
14
+
15
+ explore(context, instance) {
16
+ instance.xAxis = context.axes[this.xAxis];
17
+ instance.yAxis = context.axes[this.yAxis];
18
+ super.explore(context, instance);
19
+ }
20
+
21
+ onInitAccumulator(acc, { data, xAxis, yAxis }) {
22
+ acc.cursor = {
23
+ x: data.cursorX,
24
+ y: data.cursorY,
25
+ mapped: false,
26
+ };
27
+ acc.dist = data.maxDistance > 0 ? Math.pow(data.maxDistance, 2) : Number.POSITIVE_INFINITY;
28
+ acc.snapX = null;
29
+ acc.snapY = null;
30
+ acc.xAxis = xAxis;
31
+ acc.yAxis = yAxis;
32
+ }
33
+
34
+ onMap(acc, x, y, name, p) {
35
+ let { xAxis, yAxis, cursor } = acc;
36
+
37
+ if (!cursor.mapped) {
38
+ cursor.mappedX = cursor.x != null ? xAxis?.map(this.convertX(cursor.x)) : null;
39
+ cursor.mappedY = cursor.y != null ? yAxis?.map(this.convertY(cursor.y)) : null;
40
+ cursor.mapped = true;
41
+ }
42
+
43
+ let d = null;
44
+ let cx = x != null ? xAxis?.map(this.convertX(x)) : null;
45
+ let cy = y != null ? yAxis?.map(this.convertY(y)) : null;
46
+
47
+ if (cursor.mappedX != null && cx != null) d = (d || 0) + Math.pow(Math.abs(cx - cursor.mappedX), 2);
48
+ if (cursor.mappedY != null && cy != null) d = (d || 0) + Math.pow(Math.abs(cy - cursor.mappedY), 2);
49
+
50
+ if (d != null && d < acc.dist) {
51
+ acc.dist = d;
52
+ acc.snapX = x;
53
+ acc.snapY = y;
54
+ acc.snapRecord = p;
55
+ }
56
+ }
57
+
58
+ onReduce(acc, instance) {
59
+ instance.set("snapX", acc.snapX);
60
+ instance.set("snapY", acc.snapY);
61
+ instance.set("snapRecord", acc.snapRecord);
62
+ }
63
+ }
64
+
65
+ SnapPointFinder.prototype.maxDistance = 50;
66
+ SnapPointFinder.prototype.convertX = (x) => x;
67
+ SnapPointFinder.prototype.convertY = (y) => y;
68
+ SnapPointFinder.prototype.xAxis = "x";
69
+ SnapPointFinder.prototype.yAxis = "y";
@@ -1,69 +1,69 @@
1
- import { Binding } from "./Binding";
2
- import assert from "assert";
3
- import { createAccessorModelProxy } from "./createAccessorModelProxy";
4
-
5
- describe("Binding", function () {
6
- describe("#get()", function () {
7
- it("should get value if value is defined", function () {
8
- var state = { person: { name: "Joe" } };
9
- var b = Binding.get("person.name");
10
- assert.equal(b.value(state), "Joe");
11
- });
12
-
13
- it("allows non-standard property identifiers", function () {
14
- var state = { person: { "@schema": "Person" } };
15
- var b = Binding.get("person.@schema");
16
- assert.equal(b.path, "person.@schema");
17
- assert.equal(b.value(state), "Person");
18
- });
19
-
20
- it("properly resolves accessor models", function () {
21
- var state = { person: { schema: "Person" } };
22
- var b = Binding.get(createAccessorModelProxy("person.schema"));
23
- assert.equal(b.value(state), "Person");
24
- });
25
- });
26
-
27
- describe("#set()", function () {
28
- it("produces new objects along the binding path", function () {
29
- var state = { person: { name: "Joe" } };
30
- var b = Binding.get("person.name");
31
- var ns = b.set(state, "Jack");
32
- assert.equal(ns.person.name, "Jack");
33
- assert.notEqual(state, ns);
34
- assert.notEqual(state.person, ns.person);
35
- assert.notEqual(state.person.name, ns.person.name);
36
- });
37
-
38
- it("returns same state object if value does not change", function () {
39
- var state = { person: { name: "Joe" } };
40
- var b = Binding.get("person.name");
41
- var ns = b.set(state, "Joe");
42
- assert.equal(state, ns);
43
- });
44
-
45
- it("allows non-standard property identifiers", function () {
46
- var state = { person: { "@schema": "Person" } };
47
- var b = Binding.get("person.@schema");
48
- var ns = b.set(state, "Test");
49
- assert.equal(ns.person["@schema"], "Test");
50
- });
51
- });
52
-
53
- describe(".delete()", function () {
54
- it("correctly removes pointed properties", function () {
55
- var state = { person: { name: "Joe" } };
56
- var b = Binding.get("person.name");
57
- var ns = b.delete(state);
58
- assert("person" in ns);
59
- assert(!("name" in ns.person));
60
- });
61
-
62
- it("does not change state if property is non-existent", function () {
63
- var state = { person: { name: "Joe" } };
64
- var b = Binding.get("person.name2");
65
- var ns = b.delete(state);
66
- assert(ns == state);
67
- });
68
- });
69
- });
1
+ import { Binding } from "./Binding";
2
+ import assert from "assert";
3
+ import { createAccessorModelProxy } from "./createAccessorModelProxy";
4
+
5
+ describe("Binding", function () {
6
+ describe("#get()", function () {
7
+ it("should get value if value is defined", function () {
8
+ var state = { person: { name: "Joe" } };
9
+ var b = Binding.get("person.name");
10
+ assert.equal(b.value(state), "Joe");
11
+ });
12
+
13
+ it("allows non-standard property identifiers", function () {
14
+ var state = { person: { "@schema": "Person" } };
15
+ var b = Binding.get("person.@schema");
16
+ assert.equal(b.path, "person.@schema");
17
+ assert.equal(b.value(state), "Person");
18
+ });
19
+
20
+ it("properly resolves accessor models", function () {
21
+ var state = { person: { schema: "Person" } };
22
+ var b = Binding.get(createAccessorModelProxy("person.schema"));
23
+ assert.equal(b.value(state), "Person");
24
+ });
25
+ });
26
+
27
+ describe("#set()", function () {
28
+ it("produces new objects along the binding path", function () {
29
+ var state = { person: { name: "Joe" } };
30
+ var b = Binding.get("person.name");
31
+ var ns = b.set(state, "Jack");
32
+ assert.equal(ns.person.name, "Jack");
33
+ assert.notEqual(state, ns);
34
+ assert.notEqual(state.person, ns.person);
35
+ assert.notEqual(state.person.name, ns.person.name);
36
+ });
37
+
38
+ it("returns same state object if value does not change", function () {
39
+ var state = { person: { name: "Joe" } };
40
+ var b = Binding.get("person.name");
41
+ var ns = b.set(state, "Joe");
42
+ assert.equal(state, ns);
43
+ });
44
+
45
+ it("allows non-standard property identifiers", function () {
46
+ var state = { person: { "@schema": "Person" } };
47
+ var b = Binding.get("person.@schema");
48
+ var ns = b.set(state, "Test");
49
+ assert.equal(ns.person["@schema"], "Test");
50
+ });
51
+ });
52
+
53
+ describe(".delete()", function () {
54
+ it("correctly removes pointed properties", function () {
55
+ var state = { person: { name: "Joe" } };
56
+ var b = Binding.get("person.name");
57
+ var ns = b.delete(state);
58
+ assert("person" in ns);
59
+ assert(!("name" in ns.person));
60
+ });
61
+
62
+ it("does not change state if property is non-existent", function () {
63
+ var state = { person: { name: "Joe" } };
64
+ var b = Binding.get("person.name2");
65
+ var ns = b.delete(state);
66
+ assert(ns == state);
67
+ });
68
+ });
69
+ });