@elastic/charts 46.7.1 → 46.10.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/CHANGELOG.md +21 -0
- package/dist/chart_types/flame_chart/flame_api.d.ts +2 -2
- package/dist/chart_types/flame_chart/flame_api.d.ts.map +1 -1
- package/dist/chart_types/flame_chart/flame_chart.js +53 -25
- package/dist/chart_types/flame_chart/flame_chart.js.map +1 -1
- package/dist/chart_types/index.d.ts +1 -0
- package/dist/chart_types/index.d.ts.map +1 -1
- package/dist/chart_types/index.js +1 -0
- package/dist/chart_types/index.js.map +1 -1
- package/dist/chart_types/metric/renderer/dom/index.d.ts +2 -0
- package/dist/chart_types/metric/renderer/dom/index.d.ts.map +1 -0
- package/dist/chart_types/metric/renderer/dom/index.js +155 -0
- package/dist/chart_types/metric/renderer/dom/index.js.map +1 -0
- package/dist/chart_types/metric/renderer/dom/progress.d.ts +2 -0
- package/dist/chart_types/metric/renderer/dom/progress.d.ts.map +1 -0
- package/dist/chart_types/metric/renderer/dom/progress.js +41 -0
- package/dist/chart_types/metric/renderer/dom/progress.js.map +1 -0
- package/dist/chart_types/metric/renderer/dom/sparkline.d.ts +2 -0
- package/dist/chart_types/metric/renderer/dom/sparkline.d.ts.map +1 -0
- package/dist/chart_types/metric/renderer/dom/sparkline.js +52 -0
- package/dist/chart_types/metric/renderer/dom/sparkline.js.map +1 -0
- package/dist/chart_types/metric/renderer/dom/text.d.ts +2 -0
- package/dist/chart_types/metric/renderer/dom/text.d.ts.map +1 -0
- package/dist/chart_types/metric/renderer/dom/text.js +141 -0
- package/dist/chart_types/metric/renderer/dom/text.js.map +1 -0
- package/dist/chart_types/metric/specs/index.d.ts +52 -0
- package/dist/chart_types/metric/specs/index.d.ts.map +1 -0
- package/dist/chart_types/metric/specs/index.js +25 -0
- package/dist/chart_types/metric/specs/index.js.map +1 -0
- package/dist/chart_types/metric/state/chart_state.d.ts +2 -0
- package/dist/chart_types/metric/state/chart_state.d.ts.map +1 -0
- package/dist/chart_types/metric/state/chart_state.js +40 -0
- package/dist/chart_types/metric/state/chart_state.js.map +1 -0
- package/dist/chart_types/metric/state/selectors/chart_size.d.ts +2 -0
- package/dist/chart_types/metric/state/selectors/chart_size.d.ts.map +1 -0
- package/dist/chart_types/metric/state/selectors/chart_size.js +20 -0
- package/dist/chart_types/metric/state/selectors/chart_size.js.map +1 -0
- package/dist/chart_types/metric/state/selectors/data.d.ts +2 -0
- package/dist/chart_types/metric/state/selectors/data.d.ts.map +1 -0
- package/dist/chart_types/metric/state/selectors/data.js +8 -0
- package/dist/chart_types/metric/state/selectors/data.js.map +1 -0
- package/dist/chart_types/partition_chart/specs/index.d.ts +2 -2
- package/dist/chart_types/partition_chart/specs/index.d.ts.map +1 -1
- package/dist/chart_types/specs.d.ts +1 -0
- package/dist/chart_types/specs.d.ts.map +1 -1
- package/dist/chart_types/specs.js +4 -1
- package/dist/chart_types/specs.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/canvas/annotations/index.js +1 -1
- package/dist/chart_types/xy_chart/renderer/canvas/annotations/index.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/canvas/annotations/lines.js +2 -3
- package/dist/chart_types/xy_chart/renderer/canvas/annotations/lines.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/canvas/annotations/rect.js +2 -3
- package/dist/chart_types/xy_chart/renderer/canvas/annotations/rect.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/common/utils.js +31 -9
- package/dist/chart_types/xy_chart/renderer/common/utils.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/dom/annotations/annotations.js +4 -7
- package/dist/chart_types/xy_chart/renderer/dom/annotations/annotations.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/dom/annotations/line_marker.js +4 -3
- package/dist/chart_types/xy_chart/renderer/dom/annotations/line_marker.js.map +1 -1
- package/dist/chart_types/xy_chart/specs/line_annotation.d.ts +2 -2
- package/dist/chart_types/xy_chart/specs/line_annotation.d.ts.map +1 -1
- package/dist/chart_types/xy_chart/specs/rect_annotation.d.ts +1 -1
- package/dist/chart_types/xy_chart/specs/rect_annotation.d.ts.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/get_annotation_tooltip_state.js +1 -2
- package/dist/chart_types/xy_chart/state/selectors/get_annotation_tooltip_state.js.map +1 -1
- package/dist/chart_types/xy_chart/utils/specs.d.ts +19 -1
- package/dist/chart_types/xy_chart/utils/specs.d.ts.map +1 -1
- package/dist/chart_types/xy_chart/utils/specs.js +4 -1
- package/dist/chart_types/xy_chart/utils/specs.js.map +1 -1
- package/dist/common/animation.d.ts +6 -2
- package/dist/common/animation.d.ts.map +1 -1
- package/dist/common/color_library_wrappers.js +11 -1
- package/dist/common/color_library_wrappers.js.map +1 -1
- package/dist/geoms/path.d.ts +2 -0
- package/dist/geoms/path.d.ts.map +1 -0
- package/dist/geoms/path.js +20 -0
- package/dist/geoms/path.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/state/chart_state.js +8 -6
- package/dist/state/chart_state.js.map +1 -1
- package/dist/state/selectors/get_specs_by_type.d.ts +2 -0
- package/dist/state/selectors/get_specs_by_type.d.ts.map +1 -0
- package/dist/state/selectors/get_specs_by_type.js +12 -0
- package/dist/state/selectors/get_specs_by_type.js.map +1 -0
- package/dist/theme.scss +161 -0
- package/dist/theme_dark.css +1 -1
- package/dist/theme_dark.css.map +1 -1
- package/dist/theme_light.css +1 -1
- package/dist/theme_light.css.map +1 -1
- package/dist/theme_only_dark.css +1 -1
- package/dist/theme_only_dark.css.map +1 -1
- package/dist/theme_only_light.css +1 -1
- package/dist/theme_only_light.css.map +1 -1
- package/dist/utils/themes/dark_theme.d.ts.map +1 -1
- package/dist/utils/themes/dark_theme.js +9 -0
- package/dist/utils/themes/dark_theme.js.map +1 -1
- package/dist/utils/themes/light_theme.d.ts.map +1 -1
- package/dist/utils/themes/light_theme.js +9 -0
- package/dist/utils/themes/light_theme.js.map +1 -1
- package/dist/utils/themes/merge_utils.d.ts.map +1 -1
- package/dist/utils/themes/merge_utils.js +0 -15
- package/dist/utils/themes/merge_utils.js.map +1 -1
- package/dist/utils/themes/theme.d.ts +13 -14
- package/dist/utils/themes/theme.d.ts.map +1 -1
- package/dist/utils/themes/theme.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
3
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
4
|
+
if (!m) return o;
|
|
5
|
+
var i = m.call(o), r, ar = [], e;
|
|
6
|
+
try {
|
|
7
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
8
|
+
}
|
|
9
|
+
catch (error) { e = { error: error }; }
|
|
10
|
+
finally {
|
|
11
|
+
try {
|
|
12
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
13
|
+
}
|
|
14
|
+
finally { if (e) throw e.error; }
|
|
15
|
+
}
|
|
16
|
+
return ar;
|
|
17
|
+
};
|
|
18
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
19
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
20
|
+
};
|
|
21
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
+
exports.SparkLine = void 0;
|
|
23
|
+
var react_1 = __importDefault(require("react"));
|
|
24
|
+
var color_library_wrappers_1 = require("../../../../common/color_library_wrappers");
|
|
25
|
+
var math_1 = require("../../../../common/math");
|
|
26
|
+
var path_1 = require("../../../../geoms/path");
|
|
27
|
+
var common_1 = require("../../../../utils/common");
|
|
28
|
+
var curves_1 = require("../../../../utils/curves");
|
|
29
|
+
var specs_1 = require("../../specs");
|
|
30
|
+
var SparkLine = function (_a) {
|
|
31
|
+
var id = _a.id, _b = _a.datum, color = _b.color, trend = _b.trend, trendA11yTitle = _b.trendA11yTitle, trendA11yDescription = _b.trendA11yDescription, trendShape = _b.trendShape;
|
|
32
|
+
if (!trend) {
|
|
33
|
+
return null;
|
|
34
|
+
}
|
|
35
|
+
var _c = __read((0, math_1.extent)(trend.map(function (d) { return d.x; })), 2), xMin = _c[0], xMax = _c[1];
|
|
36
|
+
var _d = __read((0, math_1.extent)(trend.map(function (d) { return d.y; })), 2), yMax = _d[1];
|
|
37
|
+
var xScale = function (value) { return (value - xMin) / (xMax - xMin); };
|
|
38
|
+
var yScale = function (value) { return value / yMax; };
|
|
39
|
+
var path = (0, path_1.areaGenerator)(function (d) { return xScale(d.x); }, function () { return 1; }, function (d) { return 1 - yScale(d.y); }, function (d) { return (0, common_1.isFiniteNumber)(d.x) && (0, common_1.isFiniteNumber)(d.y); }, trendShape === specs_1.MetricTrendShape.Bars ? curves_1.CurveType.CURVE_STEP_AFTER : curves_1.CurveType.LINEAR);
|
|
40
|
+
var _e = __read((0, color_library_wrappers_1.colorToHsl)(color), 3), h = _e[0], s = _e[1], l = _e[2];
|
|
41
|
+
var pathColor = (0, color_library_wrappers_1.hslToColor)(h, s, l >= 0.8 ? l - 0.1 : l + 0.1);
|
|
42
|
+
var titleId = id + "-trend-title";
|
|
43
|
+
var descriptionId = id + "-trend-description";
|
|
44
|
+
return (react_1.default.createElement("div", { className: "echSingleMetricSparkline" },
|
|
45
|
+
react_1.default.createElement("svg", { className: "echSingleMetricSparkline__svg", width: "100%", height: "100%", viewBox: "0 0 1 1", preserveAspectRatio: "none", role: "img", "aria-labelledby": titleId + " " + descriptionId },
|
|
46
|
+
react_1.default.createElement("title", { id: titleId, className: "echScreenReaderOnly" }, trendA11yTitle),
|
|
47
|
+
react_1.default.createElement("text", { id: descriptionId, className: "echScreenReaderOnly", fontSize: 0 }, trendA11yDescription),
|
|
48
|
+
react_1.default.createElement("rect", { x: 0, y: 0, width: 1, height: 1, fill: color }),
|
|
49
|
+
react_1.default.createElement("path", { d: path.area(trend), transform: "translate(0, 0.5),scale(1,0.5)", fill: pathColor, stroke: "none", strokeWidth: 0 }))));
|
|
50
|
+
};
|
|
51
|
+
exports.SparkLine = SparkLine;
|
|
52
|
+
//# sourceMappingURL=sparkline.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sparkline.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/sparkline.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/text.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
14
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
15
|
+
if (!m) return o;
|
|
16
|
+
var i = m.call(o), r, ar = [], e;
|
|
17
|
+
try {
|
|
18
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
19
|
+
}
|
|
20
|
+
catch (error) { e = { error: error }; }
|
|
21
|
+
finally {
|
|
22
|
+
try {
|
|
23
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
24
|
+
}
|
|
25
|
+
finally { if (e) throw e.error; }
|
|
26
|
+
}
|
|
27
|
+
return ar;
|
|
28
|
+
};
|
|
29
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
30
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
31
|
+
};
|
|
32
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
+
exports.MetricText = void 0;
|
|
34
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
35
|
+
var react_1 = __importDefault(require("react"));
|
|
36
|
+
var color_calcs_1 = require("../../../../common/color_calcs");
|
|
37
|
+
var color_library_wrappers_1 = require("../../../../common/color_library_wrappers");
|
|
38
|
+
var colors_1 = require("../../../../common/colors");
|
|
39
|
+
var common_1 = require("../../../../utils/common");
|
|
40
|
+
var specs_1 = require("../../specs");
|
|
41
|
+
var WIDTH_BP = [
|
|
42
|
+
[0, 180, 's'],
|
|
43
|
+
[180, 300, 'm'],
|
|
44
|
+
[300, Infinity, 'l'],
|
|
45
|
+
];
|
|
46
|
+
var PADDING = 8;
|
|
47
|
+
var MAGIC_NUMBER_LINE_HEIGHT = 1.1428571428571428;
|
|
48
|
+
var TITLE_FONT_SIZE = { s: 12, m: 16, l: 16 };
|
|
49
|
+
var SUBTITLE_FONT_SIZE = { s: 10, m: 14, l: 14 };
|
|
50
|
+
var EXTRA_FONT_SIZE = { s: 10, m: 14, l: 14 };
|
|
51
|
+
var VALUE_FONT_SIZE = { s: 22, m: 27, l: 34 };
|
|
52
|
+
var VALUE_PART_FONT_SIZE = { s: 16, m: 20, l: 24 };
|
|
53
|
+
function findRange(ranges, value) {
|
|
54
|
+
var range = ranges.find(function (_a) {
|
|
55
|
+
var _b = __read(_a, 2), min = _b[0], max = _b[1];
|
|
56
|
+
return min <= value && value < max;
|
|
57
|
+
});
|
|
58
|
+
return range ? range[2] : ranges[0][2];
|
|
59
|
+
}
|
|
60
|
+
function elementVisibility(datum, panel, size) {
|
|
61
|
+
var _a;
|
|
62
|
+
var titleHeight = function (title, maxLines) {
|
|
63
|
+
return PADDING + (title ? maxLines * TITLE_FONT_SIZE[size] * MAGIC_NUMBER_LINE_HEIGHT : 0);
|
|
64
|
+
};
|
|
65
|
+
var subtitleHeight = function (subtitle, maxLines) {
|
|
66
|
+
return subtitle ? maxLines * SUBTITLE_FONT_SIZE[size] * MAGIC_NUMBER_LINE_HEIGHT + PADDING : 0;
|
|
67
|
+
};
|
|
68
|
+
var extraHeight = function (extra) { return (extra ? EXTRA_FONT_SIZE[size] * MAGIC_NUMBER_LINE_HEIGHT : 0); };
|
|
69
|
+
var valueHeight = VALUE_FONT_SIZE[size] * MAGIC_NUMBER_LINE_HEIGHT + PADDING;
|
|
70
|
+
var responsiveBreakPoints = [
|
|
71
|
+
{ titleLines: 3, subtitleLines: 2, title: !!datum.title, subtitle: !!datum.subtitle, extra: !!datum.extra },
|
|
72
|
+
{ titleLines: 3, subtitleLines: 1, title: !!datum.title, subtitle: !!datum.subtitle, extra: !!datum.extra },
|
|
73
|
+
{ titleLines: 3, subtitleLines: 0, title: !!datum.title, subtitle: false, extra: !!datum.extra },
|
|
74
|
+
{ titleLines: 2, subtitleLines: 0, title: !!datum.title, subtitle: false, extra: !!datum.extra },
|
|
75
|
+
{ titleLines: 2, subtitleLines: 0, title: !!datum.title, subtitle: false, extra: false },
|
|
76
|
+
{ titleLines: 1, subtitleLines: 0, title: !!datum.title, subtitle: false, extra: false },
|
|
77
|
+
];
|
|
78
|
+
var isVisible = function (_a) {
|
|
79
|
+
var titleLines = _a.titleLines, subtitleLines = _a.subtitleLines, title = _a.title, subtitle = _a.subtitle, extra = _a.extra;
|
|
80
|
+
return titleHeight(title, titleLines) + subtitleHeight(subtitle, subtitleLines) + extraHeight(extra) + valueHeight <
|
|
81
|
+
panel.height;
|
|
82
|
+
};
|
|
83
|
+
return ((_a = responsiveBreakPoints.find(function (breakpoint) { return isVisible(breakpoint); })) !== null && _a !== void 0 ? _a : responsiveBreakPoints[responsiveBreakPoints.length - 1]);
|
|
84
|
+
}
|
|
85
|
+
function lineClamp(maxLines) {
|
|
86
|
+
return {
|
|
87
|
+
textOverflow: 'ellipsis',
|
|
88
|
+
display: '-webkit-box',
|
|
89
|
+
WebkitLineClamp: maxLines,
|
|
90
|
+
lineClamp: maxLines,
|
|
91
|
+
WebkitBoxOrient: 'vertical',
|
|
92
|
+
overflow: 'hidden',
|
|
93
|
+
};
|
|
94
|
+
}
|
|
95
|
+
var MetricText = function (_a) {
|
|
96
|
+
var id = _a.id, datum = _a.datum, panel = _a.panel, style = _a.style;
|
|
97
|
+
var title = datum.title, subtitle = datum.subtitle, extra = datum.extra, value = datum.value;
|
|
98
|
+
var size = findRange(WIDTH_BP, panel.width);
|
|
99
|
+
var hasProgressBar = (0, specs_1.isMetricWProgress)(datum);
|
|
100
|
+
var progressBarDirection = (0, specs_1.isMetricWProgress)(datum) ? datum.progressBarDirection : undefined;
|
|
101
|
+
var containerClassName = (0, classnames_1.default)('echMetricText', {
|
|
102
|
+
'echMetricText--small': hasProgressBar,
|
|
103
|
+
'echMetricText--vertical': progressBarDirection === common_1.LayoutDirection.Vertical,
|
|
104
|
+
'echMetricText--horizontal': progressBarDirection === common_1.LayoutDirection.Horizontal,
|
|
105
|
+
});
|
|
106
|
+
var visibility = elementVisibility(datum, panel, size);
|
|
107
|
+
var parts = splitNumericSuffixPrefix(datum.valueFormatter(value));
|
|
108
|
+
var bgColor = (0, specs_1.isMetricWTrend)(datum) || !(0, specs_1.isMetricWProgress)(datum) ? datum.color : style.background;
|
|
109
|
+
var highContrastTextColor = (0, color_calcs_1.highContrastColor)((0, color_library_wrappers_1.colorToRgba)(bgColor)) === colors_1.Colors.White.rgba ? style.text.lightColor : style.text.darkColor;
|
|
110
|
+
return (react_1.default.createElement("div", { className: containerClassName, style: { color: highContrastTextColor } },
|
|
111
|
+
react_1.default.createElement("div", null, visibility.title && (react_1.default.createElement("h2", { id: id, className: "echMetricText__title", style: __assign({ fontSize: TITLE_FONT_SIZE[size] + "px" }, lineClamp(visibility.titleLines)) }, title))),
|
|
112
|
+
react_1.default.createElement("div", null, visibility.subtitle && (react_1.default.createElement("p", { className: "echMetricText__subtitle", style: __assign({ fontSize: SUBTITLE_FONT_SIZE[size] + "px" }, lineClamp(visibility.subtitleLines)) }, subtitle))),
|
|
113
|
+
react_1.default.createElement("div", { className: "echMetricText__gap" }),
|
|
114
|
+
react_1.default.createElement("div", null, visibility.extra && (react_1.default.createElement("p", { className: "echMetricText__extra", style: { fontSize: EXTRA_FONT_SIZE[size] + "px" } }, extra))),
|
|
115
|
+
react_1.default.createElement("div", null,
|
|
116
|
+
react_1.default.createElement("p", { className: "echMetricText__value", style: { fontSize: VALUE_FONT_SIZE[size] + "px" } }, (0, common_1.isFiniteNumber)(value)
|
|
117
|
+
? parts.map(function (_a, i) {
|
|
118
|
+
var _b = __read(_a, 2), type = _b[0], text = _b[1];
|
|
119
|
+
return type === 'numeric' ? (text) : (react_1.default.createElement("span", { key: i, className: "echMetricText__part", style: { fontSize: VALUE_PART_FONT_SIZE[size] + "px" } }, text));
|
|
120
|
+
})
|
|
121
|
+
: style.nonFiniteText))));
|
|
122
|
+
};
|
|
123
|
+
exports.MetricText = MetricText;
|
|
124
|
+
function splitNumericSuffixPrefix(text) {
|
|
125
|
+
var charts = text.split('');
|
|
126
|
+
var parts = charts.reduce(function (acc, curr) {
|
|
127
|
+
var type = curr === '.' || curr === ',' || (0, common_1.isFiniteNumber)(Number.parseInt(curr)) ? 'numeric' : 'string';
|
|
128
|
+
if (acc.length > 0 && acc[acc.length - 1][0] === type) {
|
|
129
|
+
acc[acc.length - 1][1].push(curr);
|
|
130
|
+
}
|
|
131
|
+
else {
|
|
132
|
+
acc.push([type, [curr]]);
|
|
133
|
+
}
|
|
134
|
+
return acc;
|
|
135
|
+
}, []);
|
|
136
|
+
return parts.map(function (_a) {
|
|
137
|
+
var _b = __read(_a, 2), type = _b[0], chars = _b[1];
|
|
138
|
+
return [type, chars.join('')];
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
//# sourceMappingURL=text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,gDAA6C;AAE7C,8DAAmE;AACnE,oFAAwE;AACxE,oDAAmD;AACnD,mDAA2E;AAG3E,qCAA2G;AAI3G,IAAM,QAAQ,GAAmC;IAC/C,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC;IACb,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC;IACf,CAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,CAAC;CACrB,CAAC;AAEF,IAAM,OAAO,GAAG,CAAC,CAAC;AAClB,IAAM,wBAAwB,GAAG,kBAAkB,CAAC;AACpD,IAAM,eAAe,GAA+B,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;AAC5E,IAAM,kBAAkB,GAA+B,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;AAC/E,IAAM,eAAe,GAA+B,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;AAC5E,IAAM,eAAe,GAA+B,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;AAC5E,IAAM,oBAAoB,GAA+B,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;AAEjF,SAAS,SAAS,CAAC,MAAsC,EAAE,KAAa;IACtE,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,UAAC,EAAU;YAAV,KAAA,aAAU,EAAT,GAAG,QAAA,EAAE,GAAG,QAAA;QAAM,OAAA,GAAG,IAAI,KAAK,IAAI,KAAK,GAAG,GAAG;IAA3B,CAA2B,CAAC,CAAC;IACvE,OAAO,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACzC,CAAC;AAUD,SAAS,iBAAiB,CACxB,KAAkD,EAClD,KAAW,EACX,IAAgB;;IAEhB,IAAM,WAAW,GAAG,UAAC,KAAc,EAAE,QAAgB;QACnD,OAAA,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;IAAnF,CAAmF,CAAC;IACtF,IAAM,cAAc,GAAG,UAAC,QAAiB,EAAE,QAAgB;QACzD,OAAA,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,wBAAwB,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;IAAvF,CAAuF,CAAC;IAC1F,IAAM,WAAW,GAAG,UAAC,KAAc,IAAK,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC,EAA9D,CAA8D,CAAC;IACvG,IAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,wBAAwB,GAAG,OAAO,CAAC;IAE/E,IAAM,qBAAqB,GAA6B;QACtD,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE;QAC3G,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE;QAC3G,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE;QAChG,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE;QAChG,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;QACxF,EAAE,UAAU,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;KACzF,CAAC;IAEF,IAAM,SAAS,GAAG,UAAC,EAAwE;YAAtE,UAAU,gBAAA,EAAE,aAAa,mBAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA;QACpE,OAAA,WAAW,CAAC,KAAK,EAAE,UAAU,CAAC,GAAG,cAAc,CAAC,QAAQ,EAAE,aAAa,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,GAAG,WAAW;YAC3G,KAAK,CAAC,MAAM;IADZ,CACY,CAAC;IAEf,OAAO,CACL,MAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,UAAU,IAAK,OAAA,SAAS,CAAC,UAAU,CAAC,EAArB,CAAqB,CAAC,mCACjE,qBAAqB,CAAC,qBAAqB,CAAC,MAAM,GAAG,CAAC,CAAC,CACxD,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,QAAgB;IACjC,OAAO;QACL,YAAY,EAAE,UAAU;QACxB,OAAO,EAAE,aAAa;QACtB,eAAe,EAAE,QAAQ;QACzB,SAAS,EAAE,QAAQ;QACnB,eAAe,EAAE,UAAU;QAC3B,QAAQ,EAAE,QAAQ;KACnB,CAAC;AACJ,CAAC;AAGM,IAAM,UAAU,GAKlB,UAAC,EAA2B;QAAzB,EAAE,QAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA;IACrB,IAAA,KAAK,GAA6B,KAAK,MAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAE,KAAK,GAAY,KAAK,MAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAEhD,IAAM,IAAI,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IAC9C,IAAM,cAAc,GAAG,IAAA,yBAAiB,EAAC,KAAK,CAAC,CAAC;IAChD,IAAM,oBAAoB,GAAG,IAAA,yBAAiB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/F,IAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,eAAe,EAAE;QACrD,sBAAsB,EAAE,cAAc;QACtC,yBAAyB,EAAE,oBAAoB,KAAK,wBAAe,CAAC,QAAQ;QAC5E,2BAA2B,EAAE,oBAAoB,KAAK,wBAAe,CAAC,UAAU;KACjF,CAAC,CAAC;IAEH,IAAM,UAAU,GAAG,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAEzD,IAAM,KAAK,GAAG,wBAAwB,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC;IACpE,IAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,KAAK,CAAC,IAAI,CAAC,IAAA,yBAAiB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC;IAEpG,IAAM,qBAAqB,GACzB,IAAA,+BAAiB,EAAC,IAAA,oCAAW,EAAC,OAAO,CAAC,CAAC,KAAK,eAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC;IAE/G,OAAO,CACL,uCAAK,SAAS,EAAE,kBAAkB,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,qBAAqB,EAAE;QACzE,2CACG,UAAU,CAAC,KAAK,IAAI,CACnB,sCACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,sBAAsB,EAChC,KAAK,aAAI,QAAQ,EAAK,eAAe,CAAC,IAAI,CAAC,OAAI,IAAK,SAAS,CAAC,UAAU,CAAC,UAAU,CAAC,KAEnF,KAAK,CACH,CACN,CACG;QACN,2CACG,UAAU,CAAC,QAAQ,IAAI,CACtB,qCACE,SAAS,EAAC,yBAAyB,EACnC,KAAK,aAAI,QAAQ,EAAK,kBAAkB,CAAC,IAAI,CAAC,OAAI,IAAK,SAAS,CAAC,UAAU,CAAC,aAAa,CAAC,KAEzF,QAAQ,CACP,CACL,CACG;QACN,uCAAK,SAAS,EAAC,oBAAoB,GAAO;QAC1C,2CACG,UAAU,CAAC,KAAK,IAAI,CACnB,qCAAG,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAK,eAAe,CAAC,IAAI,CAAC,OAAI,EAAE,IAClF,KAAK,CACJ,CACL,CACG;QACN;YACE,qCAAG,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAK,eAAe,CAAC,IAAI,CAAC,OAAI,EAAE,IAClF,IAAA,uBAAc,EAAC,KAAK,CAAC;gBACpB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAY,EAAE,CAAC;wBAAf,KAAA,aAAY,EAAX,IAAI,QAAA,EAAE,IAAI,QAAA;oBACpB,OAAA,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CACnB,IAAI,CACL,CAAC,CAAC,CAAC,CAEF,wCAAM,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAK,oBAAoB,CAAC,IAAI,CAAC,OAAI,EAAE,IACjG,IAAI,CACA,CACR;gBAPD,CAOC,CACF;gBACH,CAAC,CAAC,KAAK,CAAC,aAAa,CACrB,CACA,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AA1EW,QAAA,UAAU,cA0ErB;AAEF,SAAS,wBAAwB,CAAC,IAAY;IAC5C,IAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAC9B,IAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAA4B,UAAC,GAAG,EAAE,IAAI;QAC/D,IAAM,IAAI,GAAG,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,IAAI,IAAA,uBAAc,EAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;QAE1G,IAAI,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;YACrD,GAAG,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACnC;aAAM;YACL,GAAG,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;SAC1B;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,KAAK,CAAC,GAAG,CAAC,UAAC,EAAa;YAAb,KAAA,aAAa,EAAZ,IAAI,QAAA,EAAE,KAAK,QAAA;QAAM,OAAA,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAAtB,CAAsB,CAAC,CAAC;AAC9D,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { ComponentProps, ReactElement } from 'react';
|
|
2
|
+
import { $Values } from 'utility-types';
|
|
3
|
+
import { ChartType } from '../..';
|
|
4
|
+
import { Color } from '../../../common/colors';
|
|
5
|
+
import { Spec } from '../../../specs';
|
|
6
|
+
import { SpecType } from '../../../specs/constants';
|
|
7
|
+
import { LayoutDirection } from '../../../utils/common';
|
|
8
|
+
/** @alpha */
|
|
9
|
+
export declare type MetricBase = {
|
|
10
|
+
value: number;
|
|
11
|
+
valueFormatter: (d: number) => string;
|
|
12
|
+
color: Color;
|
|
13
|
+
title?: string;
|
|
14
|
+
subtitle?: string;
|
|
15
|
+
extra?: ReactElement;
|
|
16
|
+
};
|
|
17
|
+
/** @alpha */
|
|
18
|
+
export declare type MetricWProgress = MetricBase & {
|
|
19
|
+
domain: {
|
|
20
|
+
min: number;
|
|
21
|
+
max: number;
|
|
22
|
+
};
|
|
23
|
+
progressBarDirection?: LayoutDirection;
|
|
24
|
+
};
|
|
25
|
+
/** @alpha */
|
|
26
|
+
export declare const MetricTrendShape: Readonly<{
|
|
27
|
+
Bars: "bars";
|
|
28
|
+
Area: "area";
|
|
29
|
+
}>;
|
|
30
|
+
/** @alpha */
|
|
31
|
+
export declare type MetricTrendShape = $Values<typeof MetricTrendShape>;
|
|
32
|
+
/** @alpha */
|
|
33
|
+
export declare type MetricWTrend = MetricBase & {
|
|
34
|
+
trend: {
|
|
35
|
+
x: number;
|
|
36
|
+
y: number;
|
|
37
|
+
}[];
|
|
38
|
+
trendShape?: MetricTrendShape;
|
|
39
|
+
trendA11yTitle?: string;
|
|
40
|
+
trendA11yDescription?: string;
|
|
41
|
+
};
|
|
42
|
+
/** @alpha */
|
|
43
|
+
export interface MetricSpec extends Spec {
|
|
44
|
+
specType: typeof SpecType.Series;
|
|
45
|
+
chartType: typeof ChartType.Metric;
|
|
46
|
+
data: (MetricBase | MetricWProgress | MetricWTrend | undefined)[][];
|
|
47
|
+
}
|
|
48
|
+
/** @alpha */
|
|
49
|
+
export declare const Metric: import("react").FC<import("../../../state/spec_factory").SFProps<MetricSpec, "chartType" | "specType", "data", never, "id">>;
|
|
50
|
+
/** @alpha */
|
|
51
|
+
export declare type MetricSpecProps = ComponentProps<typeof Metric>;
|
|
52
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/chart_types/metric/specs/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,aAAa;AACb,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,aAAa;AACb,oBAAY,eAAe,GAAG,UAAU,GAAG;IACzC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,oBAAoB,CAAC,EAAE,eAAe,CAAC;CACxC,CAAC;AAEF,aAAa;AACb,eAAO,MAAM,gBAAgB;;;EAG3B,CAAC;AAEH,aAAa;AACb,oBAAY,gBAAgB,GAAG,OAAO,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAEhE,aAAa;AACb,oBAAY,YAAY,GAAG,UAAU,GAAG;IACtC,KAAK,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,aAAa;AACb,MAAM,WAAW,UAAW,SAAQ,IAAI;IACtC,QAAQ,EAAE,OAAO,QAAQ,CAAC,MAAM,CAAC;IACjC,SAAS,EAAE,OAAO,SAAS,CAAC,MAAM,CAAC;IACnC,IAAI,EAAE,CAAC,UAAU,GAAG,eAAe,GAAG,YAAY,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC;CACrE;AAED,aAAa;AACb,eAAO,MAAM,MAAM,8HAQlB,CAAC;AAEF,aAAa;AACb,oBAAY,eAAe,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.isMetricWTrend = exports.isMetricWProgress = exports.Metric = exports.MetricTrendShape = void 0;
|
|
4
|
+
var __1 = require("../..");
|
|
5
|
+
var constants_1 = require("../../../specs/constants");
|
|
6
|
+
var spec_factory_1 = require("../../../state/spec_factory");
|
|
7
|
+
exports.MetricTrendShape = Object.freeze({
|
|
8
|
+
Bars: 'bars',
|
|
9
|
+
Area: 'area',
|
|
10
|
+
});
|
|
11
|
+
exports.Metric = (0, spec_factory_1.specComponentFactory)()({
|
|
12
|
+
chartType: __1.ChartType.Metric,
|
|
13
|
+
specType: constants_1.SpecType.Series,
|
|
14
|
+
}, {
|
|
15
|
+
data: [],
|
|
16
|
+
});
|
|
17
|
+
function isMetricWProgress(datum) {
|
|
18
|
+
return datum.hasOwnProperty('domain') && !datum.hasOwnProperty('trend');
|
|
19
|
+
}
|
|
20
|
+
exports.isMetricWProgress = isMetricWProgress;
|
|
21
|
+
function isMetricWTrend(datum) {
|
|
22
|
+
return datum.hasOwnProperty('trend') && !datum.hasOwnProperty('domain');
|
|
23
|
+
}
|
|
24
|
+
exports.isMetricWTrend = isMetricWTrend;
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/chart_types/metric/specs/index.ts"],"names":[],"mappings":";;;AAWA,2BAAkC;AAGlC,sDAAoD;AACpD,4DAAmE;AAoBtD,QAAA,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC;IAC5C,IAAI,EAAE,MAAe;IACrB,IAAI,EAAE,MAAe;CACtB,CAAC,CAAC;AAqBU,QAAA,MAAM,GAAG,IAAA,mCAAoB,GAAc,CACtD;IACE,SAAS,EAAE,aAAS,CAAC,MAAM;IAC3B,QAAQ,EAAE,oBAAQ,CAAC,MAAM;CAC1B,EACD;IACE,IAAI,EAAE,EAAE;CACT,CACF,CAAC;AAMF,SAAgB,iBAAiB,CAAC,KAAkD;IAClF,OAAO,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAC1E,CAAC;AAFD,8CAEC;AAGD,SAAgB,cAAc,CAAC,KAAkD;IAC/E,OAAO,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAC1E,CAAC;AAFD,wCAEC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart_state.d.ts","sourceRoot":"","sources":["../../../../src/chart_types/metric/state/chart_state.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.MetricState = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var __1 = require("../..");
|
|
9
|
+
var constants_1 = require("../../../common/constants");
|
|
10
|
+
var get_internal_is_intialized_1 = require("../../../state/selectors/get_internal_is_intialized");
|
|
11
|
+
var dom_1 = require("../renderer/dom");
|
|
12
|
+
var EMPTY_MAP = new Map();
|
|
13
|
+
var EMPTY_LEGEND_LIST = [];
|
|
14
|
+
var EMPTY_LEGEND_ITEM_LIST = [];
|
|
15
|
+
var MetricState = (function () {
|
|
16
|
+
function MetricState() {
|
|
17
|
+
this.chartType = __1.ChartType.Metric;
|
|
18
|
+
this.getChartTypeDescription = function () { return 'Metric chart'; };
|
|
19
|
+
this.chartRenderer = function () { return react_1.default.createElement(dom_1.Metric, null); };
|
|
20
|
+
this.isInitialized = function () { return get_internal_is_intialized_1.InitStatus.Initialized; };
|
|
21
|
+
this.isBrushAvailable = function () { return false; };
|
|
22
|
+
this.isBrushing = function () { return false; };
|
|
23
|
+
this.isChartEmpty = function () { return false; };
|
|
24
|
+
this.getLegendItems = function () { return EMPTY_LEGEND_LIST; };
|
|
25
|
+
this.getLegendItemsLabels = function () { return EMPTY_LEGEND_ITEM_LIST; };
|
|
26
|
+
this.getLegendExtraValues = function () { return EMPTY_MAP; };
|
|
27
|
+
this.getPointerCursor = function () { return constants_1.DEFAULT_CSS_CURSOR; };
|
|
28
|
+
this.isTooltipVisible = function () { return ({ visible: false, isExternal: false }); };
|
|
29
|
+
this.getTooltipInfo = function () { return undefined; };
|
|
30
|
+
this.getTooltipAnchor = function () { return null; };
|
|
31
|
+
this.eventCallbacks = function () { };
|
|
32
|
+
this.getProjectionContainerArea = function () { return ({ width: 0, height: 0, top: 0, left: 0 }); };
|
|
33
|
+
this.getMainProjectionArea = function () { return ({ width: 0, height: 0, top: 0, left: 0 }); };
|
|
34
|
+
this.getBrushArea = function () { return null; };
|
|
35
|
+
this.getDebugState = function () { return ({}); };
|
|
36
|
+
}
|
|
37
|
+
return MetricState;
|
|
38
|
+
}());
|
|
39
|
+
exports.MetricState = MetricState;
|
|
40
|
+
//# sourceMappingURL=chart_state.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart_state.js","sourceRoot":"","sources":["../../../../src/chart_types/metric/state/chart_state.tsx"],"names":[],"mappings":";;;;;;AAQA,gDAA0B;AAE1B,2BAAkC;AAClC,uDAA+D;AAG/D,kGAAiF;AAEjF,uCAAyC;AAEzC,IAAM,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;AAC5B,IAAM,iBAAiB,GAAiB,EAAE,CAAC;AAC3C,IAAM,sBAAsB,GAAsB,EAAE,CAAC;AAGrD;IAAA;QACE,cAAS,GAAG,aAAS,CAAC,MAAM,CAAC;QAC7B,4BAAuB,GAAG,cAAM,OAAA,cAAc,EAAd,CAAc,CAAC;QAC/C,kBAAa,GAAG,cAAM,OAAA,8BAAC,YAAM,OAAG,EAAV,CAAU,CAAC;QACjC,kBAAa,GAAG,cAAM,OAAA,uCAAU,CAAC,WAAW,EAAtB,CAAsB,CAAC;QAC7C,qBAAgB,GAAG,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;QAC/B,eAAU,GAAG,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;QACzB,iBAAY,GAAG,cAAM,OAAA,KAAK,EAAL,CAAK,CAAC;QAC3B,mBAAc,GAAG,cAAM,OAAA,iBAAiB,EAAjB,CAAiB,CAAC;QACzC,yBAAoB,GAAG,cAAM,OAAA,sBAAsB,EAAtB,CAAsB,CAAC;QACpD,yBAAoB,GAAG,cAAM,OAAA,SAAS,EAAT,CAAS,CAAC;QACvC,qBAAgB,GAAG,cAAM,OAAA,8BAAkB,EAAlB,CAAkB,CAAC;QAC5C,qBAAgB,GAAG,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAvC,CAAuC,CAAC;QACjE,mBAAc,GAAG,cAAM,OAAA,SAAS,EAAT,CAAS,CAAC;QACjC,qBAAgB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;QAC9B,mBAAc,GAAG,cAAO,CAAC,CAAC;QAC1B,+BAA0B,GAAG,cAAM,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAA1C,CAA0C,CAAC;QAC9E,0BAAqB,GAAG,cAAM,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAA1C,CAA0C,CAAC;QACzE,iBAAY,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;QAC1B,kBAAa,GAAG,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC;IAC7B,CAAC;IAAD,kBAAC;AAAD,CAAC,AApBD,IAoBC;AApBY,kCAAW"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart_size.d.ts","sourceRoot":"","sources":["../../../../../src/chart_types/metric/state/selectors/chart_size.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.chartSize = void 0;
|
|
15
|
+
var create_selector_1 = require("../../../../state/create_selector");
|
|
16
|
+
var getParentDimension = function (state) { return state.parentDimensions; };
|
|
17
|
+
exports.chartSize = (0, create_selector_1.createCustomCachedSelector)([getParentDimension], function (container) {
|
|
18
|
+
return __assign({}, container);
|
|
19
|
+
});
|
|
20
|
+
//# sourceMappingURL=chart_size.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chart_size.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/state/selectors/chart_size.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AASA,qEAA+E;AAG/E,IAAM,kBAAkB,GAAG,UAAC,KAAuB,IAAK,OAAA,KAAK,CAAC,gBAAgB,EAAtB,CAAsB,CAAC;AAGlE,QAAA,SAAS,GAAG,IAAA,4CAA0B,EACjD,CAAC,kBAAkB,CAAC,EACpB,UAAC,SAAS;IACR,oBAAY,SAAS,EAAG;AAC1B,CAAC,CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../../src/chart_types/metric/state/selectors/data.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getMetricSpecs = void 0;
|
|
4
|
+
var __1 = require("../../..");
|
|
5
|
+
var specs_1 = require("../../../../specs");
|
|
6
|
+
var get_specs_by_type_1 = require("../../../../state/selectors/get_specs_by_type");
|
|
7
|
+
exports.getMetricSpecs = (0, get_specs_by_type_1.getSpecsByType)(__1.ChartType.Metric, specs_1.SpecType.Series);
|
|
8
|
+
//# sourceMappingURL=data.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"data.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/state/selectors/data.ts"],"names":[],"mappings":";;;AAQA,8BAAqC;AACrC,2CAA6C;AAC7C,mFAA+E;AAIlE,QAAA,cAAc,GAAG,IAAA,kCAAc,EAAa,aAAS,CAAC,MAAM,EAAE,gBAAQ,CAAC,MAAM,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
2
|
import { ChartType } from '../..';
|
|
3
|
-
import {
|
|
3
|
+
import { LegacyAnimationConfig } from '../../../common/animation';
|
|
4
4
|
import { Distance, Pixels, Radius } from '../../../common/geometry';
|
|
5
5
|
import { BaseDatum, Spec } from '../../../specs';
|
|
6
6
|
import { SpecType } from '../../../specs/constants';
|
|
@@ -32,7 +32,7 @@ export interface Layer<D extends BaseDatum = Datum> {
|
|
|
32
32
|
* Specifies the partition chart
|
|
33
33
|
* @public
|
|
34
34
|
*/
|
|
35
|
-
export interface PartitionSpec<D extends BaseDatum = Datum> extends Spec,
|
|
35
|
+
export interface PartitionSpec<D extends BaseDatum = Datum> extends Spec, LegacyAnimationConfig {
|
|
36
36
|
specType: typeof SpecType.Series;
|
|
37
37
|
chartType: typeof ChartType.Partition;
|
|
38
38
|
data: D[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/chart_types/partition_chart/specs/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/chart_types/partition_chart/specs/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAgB,OAAO,EAAkB,MAAM,6BAA6B,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EACL,KAAK,EACL,aAAa,EACb,YAAY,EACZ,aAAa,EACb,cAAc,EAEf,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAErF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AACjF,OAAO,EAAE,UAAU,EAAiB,MAAM,iCAAiC,CAAC;AAE5E,UAAU,uBAAwB,SAAQ,eAAe,EAAE,iBAAiB;IAC1E,cAAc,EAAE,cAAc,CAAC;CAChC;AAED;;;GAGG;AACH,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,SAAS,GAAG,KAAK;IAChD,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC;IACpC,aAAa,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC7C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE;QAAE,SAAS,EAAE,MAAM,GAAG,iBAAiB,CAAA;KAAE,CAAC;CACnD;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,SAAS,GAAG,KAAK,CAAE,SAAQ,IAAI,EAAE,qBAAqB;IAC7F,QAAQ,EAAE,OAAO,QAAQ,CAAC,MAAM,CAAC;IACjC,SAAS,EAAE,OAAO,SAAS,CAAC,SAAS,CAAC;IACtC,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,cAAc,EAAE,cAAc,CAAC;IAC/B,WAAW,EAAE,WAAW,CAAC;IACzB,gBAAgB,EAAE,cAAc,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,2BAA2B,EAAE,OAAO,CAAC;IACrC,MAAM,EAAE,eAAe,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa;IACb,SAAS,EAAE,OAAO,CAAC;IAGnB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,QAAQ,CAAC;IAC7B,mBAAmB,EAAE,QAAQ,CAAC;CAC/B;AAED,QAAA,MAAM,UAAU,waA+Bf,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,yaAYrB,CAAC;AAEF,cAAc;AACd,oBAAY,cAAc,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC"}
|
|
@@ -2,4 +2,5 @@ export { AreaSeries, AreaSeriesProps, Axis, AxisProps, BarSeries, BarSeriesProps
|
|
|
2
2
|
export * from './xy_chart/utils/specs';
|
|
3
3
|
export { Partition } from './partition_chart/specs';
|
|
4
4
|
export { Heatmap, HeatmapSpec, RasterTimeScale, TimeScale, LinearScale, OrdinalScale } from './heatmap/specs';
|
|
5
|
+
export { Metric, MetricSpecProps, MetricSpec, MetricBase, MetricWProgress, MetricWTrend, MetricTrendShape, } from './metric/specs';
|
|
5
6
|
//# sourceMappingURL=specs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"specs.d.ts","sourceRoot":"","sources":["../../src/chart_types/specs.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,UAAU,EACV,eAAe,EACf,IAAI,EACJ,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,cAAc,EACd,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAE1B,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"specs.d.ts","sourceRoot":"","sources":["../../src/chart_types/specs.ts"],"names":[],"mappings":"AAQA,OAAO,EACL,UAAU,EACV,eAAe,EACf,IAAI,EACJ,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,EACvB,cAAc,EACd,mBAAmB,EACnB,UAAU,EACV,eAAe,EACf,cAAc,EACd,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAE1B,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE9G,OAAO,EACL,MAAM,EACN,eAAe,EACf,UAAU,EACV,UAAU,EACV,eAAe,EACf,YAAY,EACZ,gBAAgB,GACjB,MAAM,gBAAgB,CAAC"}
|
|
@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
exports.Heatmap = exports.Partition = exports.RectAnnotation = exports.LineSeries = exports.LineAnnotation = exports.HistogramBarSeries = exports.BubbleSeries = exports.BarSeries = exports.Axis = exports.AreaSeries = void 0;
|
|
13
|
+
exports.MetricTrendShape = exports.Metric = exports.Heatmap = exports.Partition = exports.RectAnnotation = exports.LineSeries = exports.LineAnnotation = exports.HistogramBarSeries = exports.BubbleSeries = exports.BarSeries = exports.Axis = exports.AreaSeries = void 0;
|
|
14
14
|
var specs_1 = require("./xy_chart/specs");
|
|
15
15
|
Object.defineProperty(exports, "AreaSeries", { enumerable: true, get: function () { return specs_1.AreaSeries; } });
|
|
16
16
|
Object.defineProperty(exports, "Axis", { enumerable: true, get: function () { return specs_1.Axis; } });
|
|
@@ -25,4 +25,7 @@ var specs_2 = require("./partition_chart/specs");
|
|
|
25
25
|
Object.defineProperty(exports, "Partition", { enumerable: true, get: function () { return specs_2.Partition; } });
|
|
26
26
|
var specs_3 = require("./heatmap/specs");
|
|
27
27
|
Object.defineProperty(exports, "Heatmap", { enumerable: true, get: function () { return specs_3.Heatmap; } });
|
|
28
|
+
var specs_4 = require("./metric/specs");
|
|
29
|
+
Object.defineProperty(exports, "Metric", { enumerable: true, get: function () { return specs_4.Metric; } });
|
|
30
|
+
Object.defineProperty(exports, "MetricTrendShape", { enumerable: true, get: function () { return specs_4.MetricTrendShape; } });
|
|
28
31
|
//# sourceMappingURL=specs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"specs.js","sourceRoot":"","sources":["../../src/chart_types/specs.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAQA,0CAiB0B;AAhBxB,mGAAA,UAAU,OAAA;AAEV,6FAAA,IAAI,OAAA;AAEJ,kGAAA,SAAS,OAAA;AAET,qGAAA,YAAY,OAAA;AAEZ,2GAAA,kBAAkB,OAAA;AAElB,uGAAA,cAAc,OAAA;AAEd,mGAAA,UAAU,OAAA;AAEV,uGAAA,cAAc,OAAA;AAIhB,yDAAuC;AAEvC,iDAAoD;AAA3C,kGAAA,SAAS,OAAA;AAElB,yCAA8G;AAArG,gGAAA,OAAO,OAAA"}
|
|
1
|
+
{"version":3,"file":"specs.js","sourceRoot":"","sources":["../../src/chart_types/specs.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAQA,0CAiB0B;AAhBxB,mGAAA,UAAU,OAAA;AAEV,6FAAA,IAAI,OAAA;AAEJ,kGAAA,SAAS,OAAA;AAET,qGAAA,YAAY,OAAA;AAEZ,2GAAA,kBAAkB,OAAA;AAElB,uGAAA,cAAc,OAAA;AAEd,mGAAA,UAAU,OAAA;AAEV,uGAAA,cAAc,OAAA;AAIhB,yDAAuC;AAEvC,iDAAoD;AAA3C,kGAAA,SAAS,OAAA;AAElB,yCAA8G;AAArG,gGAAA,OAAO,OAAA;AAEhB,wCAQwB;AAPtB,+FAAA,MAAM,OAAA;AAMN,yGAAA,gBAAgB,OAAA"}
|
|
@@ -9,12 +9,12 @@ var lines_1 = require("./lines");
|
|
|
9
9
|
var rect_1 = require("./rect");
|
|
10
10
|
function renderAnnotations(ctx, aCtx, annotationDimensions, annotationSpecs, rotation, renderingArea, sharedStyle, hoveredAnnotationIds, renderOnBackground) {
|
|
11
11
|
if (renderOnBackground === void 0) { renderOnBackground = true; }
|
|
12
|
-
var getHoverParams = (0, utils_1.getAnnotationHoverParamsFn)(hoveredAnnotationIds, sharedStyle);
|
|
13
12
|
annotationDimensions.forEach(function (annotation, id) {
|
|
14
13
|
var _a;
|
|
15
14
|
var spec = (0, spec_1.getSpecsById)(annotationSpecs, id);
|
|
16
15
|
var isBackground = ((_a = spec === null || spec === void 0 ? void 0 : spec.zIndex) !== null && _a !== void 0 ? _a : 0) <= 0;
|
|
17
16
|
if (spec && isBackground === renderOnBackground) {
|
|
17
|
+
var getHoverParams = (0, utils_1.getAnnotationHoverParamsFn)(hoveredAnnotationIds, sharedStyle, spec.animations);
|
|
18
18
|
if ((0, specs_1.isLineAnnotation)(spec)) {
|
|
19
19
|
var lineStyle = (0, merge_utils_1.mergeWithDefaultAnnotationLine)(spec.style);
|
|
20
20
|
(0, lines_1.renderLineAnnotations)(ctx, aCtx, annotation, lineStyle, getHoverParams, rotation, renderingArea);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/index.ts"],"names":[],"mappings":";;;AAWA,uEAGiD;AAKjD,kDAAyD;AACzD,8CAA0F;AAC1F,4CAAgE;AAEhE,iCAAgD;AAChD,+BAA+C;AAG/C,SAAgB,iBAAiB,CAC/B,GAA6B,EAC7B,IAAsB,EACtB,oBAA6D,EAC7D,eAAiC,EACjC,QAAkB,EAClB,aAAyB,EACzB,WAAqC,EACrC,oBAA8B,EAC9B,kBAAkC;IAAlC,mCAAA,EAAA,yBAAkC;IAElC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/index.ts"],"names":[],"mappings":";;;AAWA,uEAGiD;AAKjD,kDAAyD;AACzD,8CAA0F;AAC1F,4CAAgE;AAEhE,iCAAgD;AAChD,+BAA+C;AAG/C,SAAgB,iBAAiB,CAC/B,GAA6B,EAC7B,IAAsB,EACtB,oBAA6D,EAC7D,eAAiC,EACjC,QAAkB,EAClB,aAAyB,EACzB,WAAqC,EACrC,oBAA8B,EAC9B,kBAAkC;IAAlC,mCAAA,EAAA,yBAAkC;IAElC,oBAAoB,CAAC,OAAO,CAAC,UAAC,UAAU,EAAE,EAAE;;QAC1C,IAAM,IAAI,GAAG,IAAA,mBAAY,EAAiB,eAAe,EAAE,EAAE,CAAC,CAAC;QAC/D,IAAM,YAAY,GAAG,CAAC,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,mCAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAE9C,IAAI,IAAI,IAAI,YAAY,KAAK,kBAAkB,EAAE;YAC/C,IAAM,cAAc,GAAG,IAAA,kCAA0B,EAAC,oBAAoB,EAAE,WAAW,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;YACtG,IAAI,IAAA,wBAAgB,EAAC,IAAI,CAAC,EAAE;gBAC1B,IAAM,SAAS,GAAG,IAAA,4CAA8B,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7D,IAAA,6BAAqB,EACnB,GAAG,EACH,IAAI,EACJ,UAAmC,EACnC,SAAS,EACT,cAAc,EACd,QAAQ,EACR,aAAa,CACd,CAAC;aACH;iBAAM,IAAI,IAAA,wBAAgB,EAAC,IAAI,CAAC,EAAE;gBACjC,IAAM,SAAS,GAAG,IAAA,4CAA8B,EAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC7D,IAAA,4BAAqB,EACnB,GAAG,EACH,IAAI,EACJ,UAAmC,EACnC,SAAS,EACT,cAAc,EACd,QAAQ,EACR,aAAa,CACd,CAAC;aACH;SACF;IACH,CAAC,CAAC,CAAC;AACL,CAAC;AA1CD,8CA0CC"}
|
|
@@ -5,11 +5,10 @@ var color_library_wrappers_1 = require("../../../../../common/color_library_wrap
|
|
|
5
5
|
var line_1 = require("../primitives/line");
|
|
6
6
|
var panel_transform_1 = require("../utils/panel_transform");
|
|
7
7
|
function renderLineAnnotations(ctx, aCtx, annotations, lineStyle, getHoverParams, rotation, renderingArea) {
|
|
8
|
-
var getAnimatedValue = aCtx.getValue(lineStyle.animations);
|
|
9
8
|
var getStroke = function (id) {
|
|
10
|
-
var
|
|
9
|
+
var _a = getHoverParams(id), style = _a.style, options = _a.options;
|
|
11
10
|
var opacityKey = "anno-rect-opacity--" + id;
|
|
12
|
-
var hoverOpacity =
|
|
11
|
+
var hoverOpacity = aCtx.getValue(options)(opacityKey, style.opacity);
|
|
13
12
|
var strokeColor = (0, color_library_wrappers_1.overrideOpacity)((0, color_library_wrappers_1.colorToRgba)(lineStyle.line.stroke), function (opacity) { return opacity * lineStyle.line.opacity * hoverOpacity; });
|
|
14
13
|
return {
|
|
15
14
|
color: strokeColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/lines.ts"],"names":[],"mappings":";;;AAQA,uFAA4F;AAQ5F,2CAAqD;AACrD,4DAA8D;AAG9D,SAAgB,qBAAqB,CACnC,GAA6B,EAC7B,IAAsB,EACtB,WAAkC,EAClC,SAA8B,EAC9B,
|
|
1
|
+
{"version":3,"file":"lines.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/lines.ts"],"names":[],"mappings":";;;AAQA,uFAA4F;AAQ5F,2CAAqD;AACrD,4DAA8D;AAG9D,SAAgB,qBAAqB,CACnC,GAA6B,EAC7B,IAAsB,EACtB,WAAkC,EAClC,SAA8B,EAC9B,cAAqC,EACrC,QAAkB,EAClB,aAAyB;IAEzB,IAAM,SAAS,GAAG,UAAC,EAAU;QACrB,IAAA,KAAqB,cAAc,CAAC,EAAE,CAAC,EAArC,KAAK,WAAA,EAAE,OAAO,aAAuB,CAAC;QAC9C,IAAM,UAAU,GAAG,wBAAsB,EAAI,CAAC;QAC9C,IAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QACvE,IAAM,WAAW,GAAG,IAAA,wCAAe,EACjC,IAAA,oCAAW,EAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,EAClC,UAAC,OAAO,IAAK,OAAA,OAAO,GAAG,SAAS,CAAC,IAAI,CAAC,OAAO,GAAG,YAAY,EAA/C,CAA+C,CAC7D,CAAC;QACF,OAAO;YACL,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW;YACjC,IAAI,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI;SAC1B,CAAC;IACJ,CAAC,CAAC;IAEF,WAAW,CAAC,OAAO,CAAC,UAAC,EAA6B;YAA3B,cAAc,oBAAA,EAAE,KAAK,WAAA,EAAE,EAAE,QAAA;QAC9C,OAAA,IAAA,oCAAkB,EAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE;YACtD,OAAA,IAAA,sBAAe,EAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC;QAArD,CAAqD,CACtD;IAFD,CAEC,CACF,CAAC;AACJ,CAAC;AA7BD,sDA6BC"}
|
|
@@ -30,11 +30,10 @@ var color_library_wrappers_1 = require("../../../../../common/color_library_wrap
|
|
|
30
30
|
var rect_1 = require("../primitives/rect");
|
|
31
31
|
var panel_transform_1 = require("../utils/panel_transform");
|
|
32
32
|
function renderRectAnnotations(ctx, aCtx, annotations, rectStyle, getHoverParams, rotation, renderingArea) {
|
|
33
|
-
var getAnimatedValue = aCtx.getValue(rectStyle.animations);
|
|
34
33
|
var getFillAndStroke = function (id) {
|
|
35
|
-
var
|
|
34
|
+
var _a = getHoverParams(id), style = _a.style, options = _a.options;
|
|
36
35
|
var opacityKey = "anno-rect-opacity--" + id;
|
|
37
|
-
var hoverOpacity =
|
|
36
|
+
var hoverOpacity = aCtx.getValue(options)(opacityKey, style.opacity);
|
|
38
37
|
var fill = {
|
|
39
38
|
color: (0, color_library_wrappers_1.overrideOpacity)((0, color_library_wrappers_1.colorToRgba)(rectStyle.fill), function (opacity) { return opacity * rectStyle.opacity * hoverOpacity; }),
|
|
40
39
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rect.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/rect.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,uFAA4F;AAQ5F,2CAAgD;AAChD,4DAA8D;AAG9D,SAAgB,qBAAqB,CACnC,GAA6B,EAC7B,IAAsB,EACtB,WAAkC,EAClC,SAA8B,EAC9B,
|
|
1
|
+
{"version":3,"file":"rect.js","sourceRoot":"","sources":["../../../../../../src/chart_types/xy_chart/renderer/canvas/annotations/rect.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,uFAA4F;AAQ5F,2CAAgD;AAChD,4DAA8D;AAG9D,SAAgB,qBAAqB,CACnC,GAA6B,EAC7B,IAAsB,EACtB,WAAkC,EAClC,SAA8B,EAC9B,cAAqC,EACrC,QAAkB,EAClB,aAAyB;IAEzB,IAAM,gBAAgB,GAAG,UAAC,EAAU;QAC5B,IAAA,KAAqB,cAAc,CAAC,EAAE,CAAC,EAArC,KAAK,WAAA,EAAE,OAAO,aAAuB,CAAC;QAE9C,IAAM,UAAU,GAAG,wBAAsB,EAAI,CAAC;QAC9C,IAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAEvE,IAAM,IAAI,GAAS;YACjB,KAAK,EAAE,IAAA,wCAAe,EAAC,IAAA,oCAAW,EAAC,SAAS,CAAC,IAAI,CAAC,EAAE,UAAC,OAAO,IAAK,OAAA,OAAO,GAAG,SAAS,CAAC,OAAO,GAAG,YAAY,EAA1C,CAA0C,CAAC;SAC7G,CAAC;QACF,IAAM,MAAM,GAAW;YACrB,KAAK,EAAE,IAAA,wCAAe,EAAC,IAAA,oCAAW,EAAC,SAAS,CAAC,MAAM,CAAC,EAAE,UAAC,OAAO,IAAK,OAAA,OAAO,GAAG,SAAS,CAAC,OAAO,GAAG,YAAY,EAA1C,CAA0C,CAAC;YAC9G,KAAK,EAAE,SAAS,CAAC,WAAW;SAC7B,CAAC;QAEF,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,WAAW,CAAC,OAAO,CAAC,UAAC,EAAmB;YAAjB,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,EAAE,QAAA;QACpC,OAAA,IAAA,oCAAkB,EAAC,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,cAAM,OAAA,iBAAU,8BAAC,GAAG,EAAE,IAAI,UAAK,gBAAgB,CAAC,EAAE,CAAC,YAA7C,CAA8C,CAAC;IAA7G,CAA6G,CAC9G,CAAC;AACJ,CAAC;AA7BD,sDA6BC"}
|