cx 25.3.1 → 25.4.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.
- package/dist/charts.css +8 -0
- package/dist/charts.js +29 -2
- package/dist/manifest.js +453 -453
- package/package.json +1 -1
- package/src/charts/Legend.d.ts +18 -0
- package/src/charts/Legend.js +22 -2
- package/src/charts/Legend.scss +8 -0
- package/src/charts/LegendEntry.js +128 -128
- package/src/charts/LegendEntry.scss +27 -27
- package/src/charts/PieChart.d.ts +92 -92
- package/src/charts/PieChart.js +1 -0
- package/src/charts/axis/Axis.d.ts +113 -113
- package/src/charts/axis/Axis.js +280 -280
- package/src/charts/axis/CategoryAxis.d.ts +30 -30
- package/src/charts/axis/CategoryAxis.js +241 -241
- package/src/charts/axis/NumericAxis.js +351 -351
- package/src/charts/axis/Stack.js +55 -55
- package/src/charts/axis/TimeAxis.d.ts +28 -28
- package/src/charts/axis/TimeAxis.js +611 -611
- package/src/charts/helpers/PointReducer.js +47 -47
- package/src/charts/helpers/SnapPointFinder.js +69 -69
- package/src/data/Binding.spec.js +69 -69
- package/src/data/Expression.js +229 -229
- package/src/data/Expression.spec.js +229 -229
- package/src/data/StringTemplate.js +92 -92
- package/src/data/StringTemplate.spec.js +132 -132
- package/src/data/StructuredSelector.js +132 -132
- package/src/data/getAccessor.spec.js +11 -11
- package/src/data/getSelector.js +49 -49
- package/src/hooks/createLocalStorageRef.d.ts +3 -3
- package/src/hooks/createLocalStorageRef.js +20 -20
- package/src/index.scss +6 -6
- package/src/ui/Culture.d.ts +57 -57
- package/src/ui/Culture.js +139 -139
- package/src/ui/FocusManager.js +171 -171
- package/src/ui/Format.js +108 -108
- package/src/ui/HoverSync.js +147 -147
- package/src/ui/Instance.d.ts +72 -72
- package/src/ui/Instance.js +614 -614
- package/src/ui/Repeater.d.ts +61 -61
- package/src/ui/index.d.ts +42 -42
- package/src/ui/layout/ContentPlaceholder.d.ts +19 -19
- package/src/ui/layout/ContentPlaceholder.js +105 -105
- package/src/ui/layout/ContentPlaceholder.spec.js +579 -579
- package/src/ui/layout/LabelsTopLayout.js +134 -134
- package/src/util/date/encodeDate.d.ts +1 -1
- package/src/util/date/encodeDate.js +8 -8
- package/src/util/date/encodeDateWithTimezoneOffset.d.ts +1 -1
- package/src/util/date/index.d.ts +11 -11
- package/src/util/date/index.js +11 -11
- package/src/util/date/parseDateInvariant.d.ts +3 -3
- package/src/util/date/parseDateInvariant.js +20 -20
- package/src/util/getSearchQueryPredicate.js +59 -59
- package/src/util/index.d.ts +51 -51
- package/src/util/index.js +54 -54
- package/src/util/isValidIdentifierName.d.ts +1 -1
- package/src/util/isValidIdentifierName.js +5 -5
- package/src/util/isValidIdentifierName.spec.js +33 -33
- package/src/util/scss/add-rules.scss +38 -38
- package/src/widgets/CxCredit.scss +37 -37
- package/src/widgets/HighlightedSearchText.js +36 -36
- package/src/widgets/HighlightedSearchText.scss +18 -18
- package/src/widgets/List.scss +91 -91
- package/src/widgets/drag-drop/DropZone.js +214 -214
- package/src/widgets/form/Calendar.js +618 -618
- package/src/widgets/form/Calendar.scss +196 -196
- package/src/widgets/form/Checkbox.scss +127 -127
- package/src/widgets/form/ColorField.js +397 -397
- package/src/widgets/form/ColorField.scss +96 -96
- package/src/widgets/form/ColorPicker.js +485 -485
- package/src/widgets/form/ColorPicker.scss +283 -283
- package/src/widgets/form/DateTimeField.js +576 -576
- package/src/widgets/form/DateTimePicker.js +392 -392
- package/src/widgets/form/LookupField.d.ts +179 -179
- package/src/widgets/form/LookupField.scss +219 -219
- package/src/widgets/form/MonthField.d.ts +99 -99
- package/src/widgets/form/MonthField.js +523 -523
- package/src/widgets/form/MonthPicker.d.ts +76 -76
- package/src/widgets/form/MonthPicker.js +641 -641
- package/src/widgets/form/MonthPicker.scss +118 -118
- package/src/widgets/form/NumberField.js +459 -459
- package/src/widgets/form/NumberField.scss +61 -61
- package/src/widgets/form/Radio.scss +121 -121
- package/src/widgets/form/Select.scss +99 -99
- package/src/widgets/form/Slider.scss +118 -118
- package/src/widgets/form/Switch.scss +140 -140
- package/src/widgets/form/TextArea.scss +43 -43
- package/src/widgets/form/TextField.js +290 -290
- package/src/widgets/form/TextField.scss +55 -55
- package/src/widgets/form/UploadButton.d.ts +34 -34
- package/src/widgets/form/variables.scss +353 -353
- package/src/widgets/grid/Grid.d.ts +442 -442
- package/src/widgets/grid/Grid.js +3414 -3414
- package/src/widgets/grid/GridRow.js +228 -228
- package/src/widgets/grid/TreeNode.d.ts +23 -23
- package/src/widgets/grid/TreeNode.scss +88 -88
- package/src/widgets/grid/variables.scss +133 -133
- package/src/widgets/nav/LinkButton.js +128 -128
- package/src/widgets/nav/Menu.scss +74 -74
- package/src/widgets/overlay/Dropdown.js +612 -612
- package/src/widgets/overlay/FlyweightTooltipTracker.js +39 -39
- package/src/widgets/overlay/Overlay.d.ts +73 -73
- package/src/widgets/overlay/Window.js +202 -202
- package/src/widgets/overlay/captureMouse.js +124 -124
- package/src/widgets/overlay/createHotPromiseWindowFactory.d.ts +18 -18
- package/src/widgets/overlay/createHotPromiseWindowFactory.js +56 -56
- package/src/widgets/overlay/index.d.ts +11 -11
- package/src/widgets/overlay/index.js +11 -11
- package/src/widgets/variables.scss +144 -144
package/src/charts/axis/Stack.js
CHANGED
|
@@ -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,28 +1,28 @@
|
|
|
1
|
-
import * as Cx from "../../core";
|
|
2
|
-
import { AxisProps } from "./Axis";
|
|
3
|
-
|
|
4
|
-
interface TimeAxisProps extends AxisProps {
|
|
5
|
-
/** Minimum value. */
|
|
6
|
-
min?: Cx.NumberProp;
|
|
7
|
-
|
|
8
|
-
/** Maximum value. */
|
|
9
|
-
max?: Cx.NumberProp;
|
|
10
|
-
|
|
11
|
-
/** Base CSS class to be applied to the element. Defaults to `timeaxis`. */
|
|
12
|
-
baseClass?: string;
|
|
13
|
-
|
|
14
|
-
/** A number ranged between `0-2`. `0` means that the range is aligned with the lowest ticks. Default value is `1`, which means that the range is aligned with medium ticks. Use value `2` to align with major ticks. */
|
|
15
|
-
snapToTicks?: 0 | 1 | 2 | false;
|
|
16
|
-
|
|
17
|
-
tickDivisions?: { [prop: string]: Array<number[]> };
|
|
18
|
-
minLabelDistance?: number;
|
|
19
|
-
minTickUnit?: string;
|
|
20
|
-
|
|
21
|
-
/** Set to true to apply precise label distances from minLabelDistanceFormatOverride based on the resolved label format. */
|
|
22
|
-
useLabelDistanceFormatOverrides?: boolean;
|
|
23
|
-
|
|
24
|
-
/** Mapping of formats to label distances, i.e. { "datetime;YYYYMM": 80 } */
|
|
25
|
-
minLabelDistanceFormatOverride?: Record<string, number>;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
export class TimeAxis extends Cx.Widget<TimeAxisProps> {}
|
|
1
|
+
import * as Cx from "../../core";
|
|
2
|
+
import { AxisProps } from "./Axis";
|
|
3
|
+
|
|
4
|
+
interface TimeAxisProps extends AxisProps {
|
|
5
|
+
/** Minimum value. */
|
|
6
|
+
min?: Cx.NumberProp;
|
|
7
|
+
|
|
8
|
+
/** Maximum value. */
|
|
9
|
+
max?: Cx.NumberProp;
|
|
10
|
+
|
|
11
|
+
/** Base CSS class to be applied to the element. Defaults to `timeaxis`. */
|
|
12
|
+
baseClass?: string;
|
|
13
|
+
|
|
14
|
+
/** A number ranged between `0-2`. `0` means that the range is aligned with the lowest ticks. Default value is `1`, which means that the range is aligned with medium ticks. Use value `2` to align with major ticks. */
|
|
15
|
+
snapToTicks?: 0 | 1 | 2 | false;
|
|
16
|
+
|
|
17
|
+
tickDivisions?: { [prop: string]: Array<number[]> };
|
|
18
|
+
minLabelDistance?: number;
|
|
19
|
+
minTickUnit?: string;
|
|
20
|
+
|
|
21
|
+
/** Set to true to apply precise label distances from minLabelDistanceFormatOverride based on the resolved label format. */
|
|
22
|
+
useLabelDistanceFormatOverrides?: boolean;
|
|
23
|
+
|
|
24
|
+
/** Mapping of formats to label distances, i.e. { "datetime;YYYYMM": 80 } */
|
|
25
|
+
minLabelDistanceFormatOverride?: Record<string, number>;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
export class TimeAxis extends Cx.Widget<TimeAxisProps> {}
|