@elastic/charts 46.11.2 → 46.13.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/README.md +5 -3
- package/dist/chart_types/flame_chart/render/draw_a_frame.js +42 -40
- package/dist/chart_types/flame_chart/render/draw_a_frame.js.map +1 -1
- package/dist/chart_types/goal_chart/state/selectors/get_goal_chart_data.js.map +1 -1
- package/dist/chart_types/goal_chart/state/selectors/picked_shapes.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/get_color_scale.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/get_heatmap_spec.js.map +1 -1
- package/dist/chart_types/heatmap/state/selectors/is_empty.js +1 -1
- package/dist/chart_types/heatmap/state/selectors/is_empty.js.map +1 -1
- package/dist/chart_types/metric/renderer/dom/index.js +27 -36
- package/dist/chart_types/metric/renderer/dom/index.js.map +1 -1
- package/dist/chart_types/metric/renderer/dom/metric.d.ts +2 -0
- package/dist/chart_types/metric/renderer/dom/metric.d.ts.map +1 -0
- package/dist/chart_types/metric/renderer/dom/metric.js +122 -0
- package/dist/chart_types/metric/renderer/dom/metric.js.map +1 -0
- package/dist/chart_types/metric/renderer/dom/progress.js +4 -4
- package/dist/chart_types/metric/renderer/dom/progress.js.map +1 -1
- package/dist/chart_types/metric/renderer/dom/text.js +20 -12
- package/dist/chart_types/metric/renderer/dom/text.js.map +1 -1
- package/dist/chart_types/metric/specs/index.d.ts +7 -5
- package/dist/chart_types/metric/specs/index.d.ts.map +1 -1
- package/dist/chart_types/metric/specs/index.js +2 -2
- package/dist/chart_types/metric/specs/index.js.map +1 -1
- package/dist/chart_types/metric/state/selectors/chart_size.js.map +1 -1
- package/dist/chart_types/partition_chart/layout/utils/group_by_rollup.js.map +1 -1
- package/dist/chart_types/partition_chart/layout/utils/highlighted_geoms.d.ts.map +1 -1
- package/dist/chart_types/partition_chart/layout/utils/highlighted_geoms.js +51 -39
- package/dist/chart_types/partition_chart/layout/utils/highlighted_geoms.js.map +1 -1
- package/dist/chart_types/partition_chart/layout/viewmodel/hierarchy_of_arrays.js +13 -11
- package/dist/chart_types/partition_chart/layout/viewmodel/hierarchy_of_arrays.js.map +1 -1
- package/dist/chart_types/partition_chart/layout/viewmodel/viewmodel.js.map +1 -1
- package/dist/chart_types/partition_chart/state/selectors/get_debug_state.js +1 -3
- package/dist/chart_types/partition_chart/state/selectors/get_debug_state.js.map +1 -1
- package/dist/chart_types/xy_chart/axes/timeslip/multilayer_ticks.js.map +1 -1
- package/dist/chart_types/xy_chart/axes/timeslip/rasters.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/canvas/animations/index.js +22 -18
- package/dist/chart_types/xy_chart/renderer/canvas/animations/index.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/common/utils.js.map +1 -1
- package/dist/chart_types/xy_chart/renderer/shapes_paths.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/compute_annotations.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/compute_per_panel_axes_geoms.js +3 -1
- package/dist/chart_types/xy_chart/state/selectors/compute_per_panel_axes_geoms.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/get_elements_at_cursor_pos.js +1 -2
- package/dist/chart_types/xy_chart/state/selectors/get_elements_at_cursor_pos.js.map +1 -1
- package/dist/chart_types/xy_chart/state/selectors/get_specs.js.map +1 -1
- package/dist/chart_types/xy_chart/state/utils/common.js +5 -3
- package/dist/chart_types/xy_chart/state/utils/common.js.map +1 -1
- package/dist/chart_types/xy_chart/utils/series.js.map +1 -1
- package/dist/chart_types/xy_chart/utils/stacked_series_utils.js +8 -6
- package/dist/chart_types/xy_chart/utils/stacked_series_utils.js.map +1 -1
- package/dist/common/color_library_wrappers.js +6 -1
- package/dist/common/color_library_wrappers.js.map +1 -1
- package/dist/common/event_handler_selectors.js +54 -48
- package/dist/common/event_handler_selectors.js.map +1 -1
- package/dist/common/kingly.js +9 -7
- package/dist/common/kingly.js.map +1 -1
- package/dist/components/chart.d.ts.map +1 -1
- package/dist/components/chart.js.map +1 -1
- package/dist/components/legend/legend_icon.js +1 -3
- package/dist/components/legend/legend_icon.js.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/scales/scale_band.js.map +1 -1
- package/dist/specs/settings.d.ts +17 -2
- package/dist/specs/settings.d.ts.map +1 -1
- package/dist/specs/settings.js +5 -1
- package/dist/specs/settings.js.map +1 -1
- package/dist/state/selectors/get_settings_specs.js.map +1 -1
- package/dist/state/spec_factory.d.ts.map +1 -1
- package/dist/state/spec_factory.js +15 -11
- package/dist/state/spec_factory.js.map +1 -1
- package/dist/theme.scss +39 -1
- 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/chrono/elasticsearch.d.ts +29 -4
- package/dist/utils/chrono/elasticsearch.d.ts.map +1 -1
- package/dist/utils/chrono/elasticsearch.js +7 -7
- package/dist/utils/chrono/elasticsearch.js.map +1 -1
- package/dist/utils/chrono/types.d.ts +6 -1
- package/dist/utils/chrono/types.d.ts.map +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -3,11 +3,13 @@
|
|
|
3
3
|
Elastic Charts
|
|
4
4
|
</h1>
|
|
5
5
|
<p align="center">
|
|
6
|
-
<
|
|
7
|
-
|
|
6
|
+
<a href="https://buildkite.com/elastic/datavis-ci/builds?branch=master">
|
|
7
|
+
<img alt="Build Status - master branch" src="https://badge.buildkite.com/1b2f6369ef27e5b23a7fccf2545d7d6e31bff1957c7c941d31.svg?branch=master">
|
|
8
|
+
</a>
|
|
9
|
+
<a href="https://www.npmjs.com/@elastic/charts"><img alt="NPM version" src="https://img.shields.io/npm/v/@elastic/charts.svg"></a>
|
|
8
10
|
<a href="http://commitizen.github.io/cz-cli/"><img alt="Commitizen friendly" src="https://img.shields.io/badge/commitizen-friendly-brightgreen.svg"></a>
|
|
9
11
|
<a href="https://elastic.github.io/elastic-charts">
|
|
10
|
-
<img src="https://img.shields.io/static/v1?label=examples&message=storybook&color=
|
|
12
|
+
<img src="https://img.shields.io/static/v1?label=examples&message=storybook&color=ff4685">
|
|
11
13
|
</a>
|
|
12
14
|
</p>
|
|
13
15
|
|
|
@@ -16,46 +16,48 @@ var MINIMUM_FOCUS_INDICATOR_LENGTH = 4;
|
|
|
16
16
|
var TERMINAL_TICK_LINE_WIDTH = 1;
|
|
17
17
|
var TERMINAL_TICK_LINE_LENGTH = 4;
|
|
18
18
|
exports.EPSILON = 1e-4;
|
|
19
|
-
var drawFrame = function (ctx, gl, cssWidth, cssHeight, minimapWidth, minimapHeight, minimapLeft, minimapTop, dpr, columnarGeomData, pickTexture, pickTextureRenderer, roundedRectRenderer, hoverIndex, unitRowHeight, currentColor) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
19
|
+
var drawFrame = function (ctx, gl, cssWidth, cssHeight, minimapWidth, minimapHeight, minimapLeft, minimapTop, dpr, columnarGeomData, pickTexture, pickTextureRenderer, roundedRectRenderer, hoverIndex, unitRowHeight, currentColor) {
|
|
20
|
+
return function (currentFocus, wobbleIndex, wobble) {
|
|
21
|
+
var canvasHeightExcess = ((0, common_1.roundUpSize)(cssHeight) - cssHeight) * dpr;
|
|
22
|
+
var minimapBottom = minimapTop + minimapHeight;
|
|
23
|
+
var minimapCanvasWidth = minimapWidth * dpr;
|
|
24
|
+
var minimapCanvasHeight = minimapHeight * dpr;
|
|
25
|
+
var minimapCanvasX = minimapLeft * dpr;
|
|
26
|
+
var minimapCanvasY = canvasHeightExcess;
|
|
27
|
+
var focusLayerCssWidth = cssWidth - exports.PADDING_LEFT - exports.PADDING_RIGHT;
|
|
28
|
+
var focusLayerCanvasWidth = focusLayerCssWidth * dpr;
|
|
29
|
+
var focusLayerCanvasOffsetX = exports.PADDING_LEFT * dpr;
|
|
30
|
+
var focusLayerCssHeight = cssHeight - exports.PADDING_TOP - exports.PADDING_BOTTOM;
|
|
31
|
+
var fullFocus = [0, 1, 0, 1];
|
|
32
|
+
var drawFocusLayer = function (pickLayer) {
|
|
33
|
+
return (0, draw_webgl_1.drawWebgl)(gl, 1, focusLayerCanvasWidth, focusLayerCssHeight * dpr, focusLayerCanvasOffsetX, (pickLayer ? 0 : canvasHeightExcess) + dpr * exports.PADDING_BOTTOM, pickTexture, pickLayer ? pickTextureRenderer : roundedRectRenderer, wobble ? NaN : hoverIndex, unitRowHeight, currentFocus, columnarGeomData.label.length, true, pickLayer, wobbleIndex, wobble);
|
|
34
|
+
};
|
|
35
|
+
var drawContextLayer = function (pickLayer) {
|
|
36
|
+
return (0, draw_webgl_1.drawWebgl)(gl, 1, minimapCanvasWidth, minimapCanvasHeight, minimapCanvasX, pickLayer ? 0 : minimapCanvasY, pickTexture, pickLayer ? pickTextureRenderer : roundedRectRenderer, hoverIndex, unitRowHeight, fullFocus, columnarGeomData.label.length, false, pickLayer, wobbleIndex, wobble);
|
|
37
|
+
};
|
|
38
|
+
drawFocusLayer(false);
|
|
39
|
+
drawContextLayer(false);
|
|
40
|
+
drawFocusLayer(true);
|
|
41
|
+
drawContextLayer(true);
|
|
42
|
+
(0, draw_canvas_1.drawCanvas2d)(ctx, 1, focusLayerCssWidth, focusLayerCssHeight, exports.PADDING_LEFT, exports.PADDING_TOP, dpr, columnarGeomData, unitRowHeight, currentFocus, currentColor);
|
|
43
|
+
(0, draw_canvas_1.drawRect)(ctx, focusLayerCssWidth, focusLayerCssHeight, exports.PADDING_LEFT, focusLayerCssHeight + exports.PADDING_TOP, dpr, fullFocus, '', 'black', CHART_BOX_LINE_WIDTH);
|
|
44
|
+
(0, draw_canvas_1.drawRect)(ctx, focusLayerCssWidth, 0, exports.PADDING_LEFT, FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH / 2, dpr, fullFocus, '', 'lightgrey', FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH);
|
|
45
|
+
(0, draw_canvas_1.drawRect)(ctx, Math.max(0, focusLayerCssWidth * (currentFocus[1] - currentFocus[0])), 0, exports.PADDING_LEFT + focusLayerCssWidth * currentFocus[0], FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH / 2, dpr, fullFocus, '', 'black', FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH);
|
|
46
|
+
var atWallLeft = Math.abs(currentFocus[0]) < exports.EPSILON ? 4 : 1;
|
|
47
|
+
(0, draw_canvas_1.drawRect)(ctx, TERMINAL_TICK_LINE_WIDTH * atWallLeft, TERMINAL_TICK_LINE_LENGTH * atWallLeft, exports.PADDING_LEFT + focusLayerCssWidth * currentFocus[0] - (TERMINAL_TICK_LINE_WIDTH * atWallLeft) / 2, TERMINAL_TICK_LINE_LENGTH + (FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH * atWallLeft) / 2, dpr, fullFocus, 'black', '', 0);
|
|
48
|
+
var atWallRight = Math.abs(currentFocus[1] - 1) < exports.EPSILON ? 4 : 1;
|
|
49
|
+
(0, draw_canvas_1.drawRect)(ctx, TERMINAL_TICK_LINE_WIDTH * atWallRight, TERMINAL_TICK_LINE_LENGTH * atWallRight, exports.PADDING_LEFT + focusLayerCssWidth * currentFocus[1] - (TERMINAL_TICK_LINE_WIDTH * atWallRight) / 2, TERMINAL_TICK_LINE_LENGTH + (FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH * atWallRight) / 2, dpr, fullFocus, 'black', '', 0);
|
|
50
|
+
(0, draw_canvas_1.drawRect)(ctx, 0, focusLayerCssHeight, FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH / 2, focusLayerCssHeight + exports.PADDING_TOP, dpr, fullFocus, '', 'lightgrey', FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH);
|
|
51
|
+
(0, draw_canvas_1.drawRect)(ctx, 0, Math.max(MINIMUM_FOCUS_INDICATOR_LENGTH, focusLayerCssHeight * (currentFocus[3] - currentFocus[2])), FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH / 2, focusLayerCssHeight * (1 - currentFocus[2]) + exports.PADDING_TOP, dpr, fullFocus, '', 'black', FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH);
|
|
52
|
+
var atWallTop = Math.abs(currentFocus[2]) < exports.EPSILON ? 4 : 1;
|
|
53
|
+
(0, draw_canvas_1.drawRect)(ctx, TERMINAL_TICK_LINE_LENGTH + 1, TERMINAL_TICK_LINE_WIDTH * atWallTop, 0, focusLayerCssHeight * (1 - currentFocus[2]) + exports.PADDING_TOP, dpr, fullFocus, 'black', '', 0);
|
|
54
|
+
var atWallBottom = Math.abs(currentFocus[3] - 1) < exports.EPSILON ? 4 : 1;
|
|
55
|
+
(0, draw_canvas_1.drawRect)(ctx, TERMINAL_TICK_LINE_LENGTH + 1, TERMINAL_TICK_LINE_WIDTH * atWallBottom, 0, focusLayerCssHeight * (1 - currentFocus[3]) + exports.PADDING_TOP, dpr, fullFocus, 'black', '', 0);
|
|
56
|
+
(0, draw_canvas_1.drawRect)(ctx, minimapWidth, minimapHeight, minimapLeft, minimapBottom, dpr, fullFocus, 'rgba(255,255,255,1)', '', 0);
|
|
57
|
+
(0, draw_canvas_1.drawRect)(ctx, minimapWidth, minimapHeight, minimapLeft, minimapBottom, dpr, fullFocus, 'transparent', '', 0);
|
|
58
|
+
(0, draw_canvas_1.drawRect)(ctx, minimapWidth, minimapHeight, minimapLeft, minimapBottom, dpr, currentFocus, '', 'magenta', MINIMAP_FOCUS_BOX_LINE_WIDTH);
|
|
59
|
+
(0, draw_canvas_1.drawRect)(ctx, minimapWidth, minimapHeight, minimapLeft, minimapBottom, dpr, fullFocus, '', 'black', MINIMAP_BOX_LINE_WIDTH);
|
|
33
60
|
};
|
|
34
|
-
|
|
35
|
-
return (0, draw_webgl_1.drawWebgl)(gl, 1, minimapCanvasWidth, minimapCanvasHeight, minimapCanvasX, pickLayer ? 0 : minimapCanvasY, pickTexture, pickLayer ? pickTextureRenderer : roundedRectRenderer, hoverIndex, unitRowHeight, fullFocus, columnarGeomData.label.length, false, pickLayer, wobbleIndex, wobble);
|
|
36
|
-
};
|
|
37
|
-
drawFocusLayer(false);
|
|
38
|
-
drawContextLayer(false);
|
|
39
|
-
drawFocusLayer(true);
|
|
40
|
-
drawContextLayer(true);
|
|
41
|
-
(0, draw_canvas_1.drawCanvas2d)(ctx, 1, focusLayerCssWidth, focusLayerCssHeight, exports.PADDING_LEFT, exports.PADDING_TOP, dpr, columnarGeomData, unitRowHeight, currentFocus, currentColor);
|
|
42
|
-
(0, draw_canvas_1.drawRect)(ctx, focusLayerCssWidth, focusLayerCssHeight, exports.PADDING_LEFT, focusLayerCssHeight + exports.PADDING_TOP, dpr, fullFocus, '', 'black', CHART_BOX_LINE_WIDTH);
|
|
43
|
-
(0, draw_canvas_1.drawRect)(ctx, focusLayerCssWidth, 0, exports.PADDING_LEFT, FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH / 2, dpr, fullFocus, '', 'lightgrey', FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH);
|
|
44
|
-
(0, draw_canvas_1.drawRect)(ctx, Math.max(0, focusLayerCssWidth * (currentFocus[1] - currentFocus[0])), 0, exports.PADDING_LEFT + focusLayerCssWidth * currentFocus[0], FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH / 2, dpr, fullFocus, '', 'black', FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH);
|
|
45
|
-
var atWallLeft = Math.abs(currentFocus[0]) < exports.EPSILON ? 4 : 1;
|
|
46
|
-
(0, draw_canvas_1.drawRect)(ctx, TERMINAL_TICK_LINE_WIDTH * atWallLeft, TERMINAL_TICK_LINE_LENGTH * atWallLeft, exports.PADDING_LEFT + focusLayerCssWidth * currentFocus[0] - (TERMINAL_TICK_LINE_WIDTH * atWallLeft) / 2, TERMINAL_TICK_LINE_LENGTH + (FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH * atWallLeft) / 2, dpr, fullFocus, 'black', '', 0);
|
|
47
|
-
var atWallRight = Math.abs(currentFocus[1] - 1) < exports.EPSILON ? 4 : 1;
|
|
48
|
-
(0, draw_canvas_1.drawRect)(ctx, TERMINAL_TICK_LINE_WIDTH * atWallRight, TERMINAL_TICK_LINE_LENGTH * atWallRight, exports.PADDING_LEFT + focusLayerCssWidth * currentFocus[1] - (TERMINAL_TICK_LINE_WIDTH * atWallRight) / 2, TERMINAL_TICK_LINE_LENGTH + (FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH * atWallRight) / 2, dpr, fullFocus, 'black', '', 0);
|
|
49
|
-
(0, draw_canvas_1.drawRect)(ctx, 0, focusLayerCssHeight, FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH / 2, focusLayerCssHeight + exports.PADDING_TOP, dpr, fullFocus, '', 'lightgrey', FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH);
|
|
50
|
-
(0, draw_canvas_1.drawRect)(ctx, 0, Math.max(MINIMUM_FOCUS_INDICATOR_LENGTH, focusLayerCssHeight * (currentFocus[3] - currentFocus[2])), FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH / 2, focusLayerCssHeight * (1 - currentFocus[2]) + exports.PADDING_TOP, dpr, fullFocus, '', 'black', FOCUS_INDICATOR_PLACEHOLDER_LINE_WIDTH);
|
|
51
|
-
var atWallTop = Math.abs(currentFocus[2]) < exports.EPSILON ? 4 : 1;
|
|
52
|
-
(0, draw_canvas_1.drawRect)(ctx, TERMINAL_TICK_LINE_LENGTH + 1, TERMINAL_TICK_LINE_WIDTH * atWallTop, 0, focusLayerCssHeight * (1 - currentFocus[2]) + exports.PADDING_TOP, dpr, fullFocus, 'black', '', 0);
|
|
53
|
-
var atWallBottom = Math.abs(currentFocus[3] - 1) < exports.EPSILON ? 4 : 1;
|
|
54
|
-
(0, draw_canvas_1.drawRect)(ctx, TERMINAL_TICK_LINE_LENGTH + 1, TERMINAL_TICK_LINE_WIDTH * atWallBottom, 0, focusLayerCssHeight * (1 - currentFocus[3]) + exports.PADDING_TOP, dpr, fullFocus, 'black', '', 0);
|
|
55
|
-
(0, draw_canvas_1.drawRect)(ctx, minimapWidth, minimapHeight, minimapLeft, minimapBottom, dpr, fullFocus, 'rgba(255,255,255,1)', '', 0);
|
|
56
|
-
(0, draw_canvas_1.drawRect)(ctx, minimapWidth, minimapHeight, minimapLeft, minimapBottom, dpr, fullFocus, 'transparent', '', 0);
|
|
57
|
-
(0, draw_canvas_1.drawRect)(ctx, minimapWidth, minimapHeight, minimapLeft, minimapBottom, dpr, currentFocus, '', 'magenta', MINIMAP_FOCUS_BOX_LINE_WIDTH);
|
|
58
|
-
(0, draw_canvas_1.drawRect)(ctx, minimapWidth, minimapHeight, minimapLeft, minimapBottom, dpr, fullFocus, '', 'black', MINIMAP_BOX_LINE_WIDTH);
|
|
59
|
-
}; };
|
|
61
|
+
};
|
|
60
62
|
exports.drawFrame = drawFrame;
|
|
61
63
|
//# sourceMappingURL=draw_a_frame.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"draw_a_frame.js","sourceRoot":"","sources":["../../../../src/chart_types/flame_chart/render/draw_a_frame.ts"],"names":[],"mappings":";;;AAUA,mCAAuC;AACvC,6CAAuD;AACvD,2CAAyC;AAEzC,IAAM,oBAAoB,GAAG,GAAG,CAAC;AACjC,IAAM,4BAA4B,GAAG,CAAC,CAAC;AACvC,IAAM,sBAAsB,GAAG,CAAC,CAAC;AAEpB,QAAA,WAAW,GAAG,EAAE,CAAC;AAEjB,QAAA,cAAc,GAAG,EAAE,CAAC;AAEpB,QAAA,YAAY,GAAG,EAAE,CAAC;AAElB,QAAA,aAAa,GAAG,EAAE,CAAC;AAChC,IAAM,sCAAsC,GAAG,GAAG,CAAC;AACnD,IAAM,8BAA8B,GAAG,CAAC,CAAC;AACzC,IAAM,wBAAwB,GAAG,CAAC,CAAC;AACnC,IAAM,yBAAyB,GAAG,CAAC,CAAC;AAGvB,QAAA,OAAO,GAAG,IAAI,CAAC;AAGrB,IAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"draw_a_frame.js","sourceRoot":"","sources":["../../../../src/chart_types/flame_chart/render/draw_a_frame.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get_goal_chart_data.js","sourceRoot":"","sources":["../../../../../src/chart_types/goal_chart/state/selectors/get_goal_chart_data.ts"],"names":[],"mappings":";;;AAQA,qEAA+E;AAC/E,2CAA0C;AAiB7B,QAAA,wBAAwB,GAAG,IAAA,4CAA0B,
|
|
1
|
+
{"version":3,"file":"get_goal_chart_data.js","sourceRoot":"","sources":["../../../../../src/chart_types/goal_chart/state/selectors/get_goal_chart_data.ts"],"names":[],"mappings":";;;AAQA,qEAA+E;AAC/E,2CAA0C;AAiB7B,QAAA,wBAAwB,GAAG,IAAA,4CAA0B,EAAC,CAAC,uBAAU,CAAC,EAAE,UAAC,KAAK;IACrF,IAAM,aAAa,GAAkB;QACnC,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,YAAY;QAC3C,OAAO,EAAE,KAAK,CAAC,eAAe,CAAC,WAAW;QAC1C,MAAM,EAAE,KAAK,CAAC,eAAe,CAAC,MAAM;QACpC,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,MAAM;KACpC,CAAC;IACF,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC,CAAC;AAGU,QAAA,0BAA0B,GAAG,IAAA,4CAA0B,EAAC,CAAC,uBAAU,CAAC,EAAE,UAAC,KAAK;IACvF,OAAO,EAAE,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,UAAU,EAAE,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,UAAU,EAAE,CAAC;AACxG,CAAC,CAAC,CAAC;AAGU,QAAA,gCAAgC,GAAG,IAAA,4CAA0B,EAAC,CAAC,uBAAU,CAAC,EAAE,UAAC,KAAK;;IAC7F,OAAO,MAAA,KAAK,CAAC,eAAe,CAAC,KAAK,mCAAI,EAAE,CAAC;AAC3C,CAAC,CAAC,CAAC;AAGU,QAAA,yBAAyB,GAAG,IAAA,4CAA0B,EAAC,CAAC,uBAAU,CAAC,EAAE,UAAC,KAAK;IACtF,OAAO,KAAK,CAAC,eAAe,CAAC,WAAW,CAAC;AAC3C,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"picked_shapes.js","sourceRoot":"","sources":["../../../../../src/chart_types/goal_chart/state/selectors/picked_shapes.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAWA,qEAA+E;AAE/E,sDAAwE;AACxE,2CAA6D;AAE7D,SAAS,yBAAyB,CAAC,KAAuB;IACxD,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;AACrD,CAAC;AAED,SAAS,eAAe,CAAC,GAAoC,EAAE,KAAa;;IAC1E,IAAM,GAAG,GAAG,IAAA,0BAAkB,GAAE,CAAC;IACjC,IAAI,GAAG,EAAE;;YACP,KAAgB,IAAA,UAAA,SAAA,KAAK,CAAA,4BAAA,+CAAE;gBAAlB,IAAM,CAAC,kBAAA;;oBACV,KAAiC,IAAA,oBAAA,SAAA,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA,CAAA,gBAAA,4BAAE;wBAA5C,IAAA,aAAkB,EAAhB,EAAE,QAAA,EAAE,EAAE,QAAA,EAAE,EAAE,QAAA,EAAE,EAAE,QAAA;wBACzB,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;wBAClC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;wBAClC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;wBAClC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;qBACnC;;;;;;;;;aACF;;;;;;;;;KACF;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAGY,QAAA,qBAAqB,GAAG,IAAA,4CAA0B,
|
|
1
|
+
{"version":3,"file":"picked_shapes.js","sourceRoot":"","sources":["../../../../../src/chart_types/goal_chart/state/selectors/picked_shapes.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get_color_scale.js","sourceRoot":"","sources":["../../../../../src/chart_types/heatmap/state/selectors/get_color_scale.ts"],"names":[],"mappings":";;;AASA,qEAA+E;AAC/E,kEAAmE;AAEnE,uDAA4D;AAS/C,QAAA,aAAa,GAAG,IAAA,4CAA0B,
|
|
1
|
+
{"version":3,"file":"get_color_scale.js","sourceRoot":"","sources":["../../../../../src/chart_types/heatmap/state/selectors/get_color_scale.ts"],"names":[],"mappings":";;;AASA,qEAA+E;AAC/E,kEAAmE;AAEnE,uDAA4D;AAS/C,QAAA,aAAa,GAAG,IAAA,4CAA0B,EACrD,CAAC,yCAAsB,CAAC,EACxB,UACE,IAAI,IAID,OAAA,IAAA,qCAAkB,EAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,cAAc,CAAC,EAAxD,CAAwD,CAC9D,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get_heatmap_spec.js","sourceRoot":"","sources":["../../../../../src/chart_types/heatmap/state/selectors/get_heatmap_spec.ts"],"names":[],"mappings":";;;AAQA,8BAAqC;AACrC,2CAA6C;AAC7C,qEAA+E;AAC/E,qFAA0E;AAC1E,iDAA4D;AAI/C,QAAA,sBAAsB,GAAG,IAAA,4CAA0B,
|
|
1
|
+
{"version":3,"file":"get_heatmap_spec.js","sourceRoot":"","sources":["../../../../../src/chart_types/heatmap/state/selectors/get_heatmap_spec.ts"],"names":[],"mappings":";;;AAQA,8BAAqC;AACrC,2CAA6C;AAC7C,qEAA+E;AAC/E,qFAA0E;AAC1E,iDAA4D;AAI/C,QAAA,sBAAsB,GAAG,IAAA,4CAA0B,EAAC,CAAC,6BAAQ,CAAC,EAAE,UAAC,KAAK;IACjF,IAAM,IAAI,GAAG,IAAA,yBAAiB,EAAc,KAAK,EAAE,aAAS,CAAC,OAAO,EAAE,gBAAQ,CAAC,MAAM,CAAC,CAAC;IACvF,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;AACjB,CAAC,CAAC,CAAC"}
|
|
@@ -4,6 +4,6 @@ exports.isEmptySelector = void 0;
|
|
|
4
4
|
var create_selector_1 = require("../../../../state/create_selector");
|
|
5
5
|
var get_heatmap_table_1 = require("./get_heatmap_table");
|
|
6
6
|
exports.isEmptySelector = (0, create_selector_1.createCustomCachedSelector)([get_heatmap_table_1.getHeatmapTableSelector], function (heatmap) {
|
|
7
|
-
return heatmap.
|
|
7
|
+
return heatmap.xValues.length === 0 || heatmap.yValues.length === 0;
|
|
8
8
|
});
|
|
9
9
|
//# sourceMappingURL=is_empty.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"is_empty.js","sourceRoot":"","sources":["../../../../../src/chart_types/heatmap/state/selectors/is_empty.ts"],"names":[],"mappings":";;;AAQA,qEAA+E;AAC/E,yDAA8D;AAGjD,QAAA,eAAe,GAAG,IAAA,4CAA0B,EAAC,CAAC,2CAAuB,CAAC,EAAE,UAAC,OAAO;IAC3F,OAAO,OAAO,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"is_empty.js","sourceRoot":"","sources":["../../../../../src/chart_types/heatmap/state/selectors/is_empty.ts"],"names":[],"mappings":";;;AAQA,qEAA+E;AAC/E,yDAA8D;AAGjD,QAAA,eAAe,GAAG,IAAA,4CAA0B,EAAC,CAAC,2CAAuB,CAAC,EAAE,UAAC,OAAO;IAC3F,OAAO,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;AACtE,CAAC,CAAC,CAAC"}
|
|
@@ -52,14 +52,11 @@ var chart_1 = require("../../../../state/actions/chart");
|
|
|
52
52
|
var get_accessibility_config_1 = require("../../../../state/selectors/get_accessibility_config");
|
|
53
53
|
var get_chart_theme_1 = require("../../../../state/selectors/get_chart_theme");
|
|
54
54
|
var get_internal_is_intialized_1 = require("../../../../state/selectors/get_internal_is_intialized");
|
|
55
|
-
var
|
|
55
|
+
var get_settings_specs_1 = require("../../../../state/selectors/get_settings_specs");
|
|
56
56
|
var light_theme_1 = require("../../../../utils/themes/light_theme");
|
|
57
|
-
var specs_1 = require("../../specs");
|
|
58
57
|
var chart_size_1 = require("../../state/selectors/chart_size");
|
|
59
58
|
var data_1 = require("../../state/selectors/data");
|
|
60
|
-
var
|
|
61
|
-
var sparkline_1 = require("./sparkline");
|
|
62
|
-
var text_1 = require("./text");
|
|
59
|
+
var metric_1 = require("./metric");
|
|
63
60
|
var Component = (function (_super) {
|
|
64
61
|
__extends(Component, _super);
|
|
65
62
|
function Component() {
|
|
@@ -72,49 +69,39 @@ var Component = (function (_super) {
|
|
|
72
69
|
this.props.onChartRendered();
|
|
73
70
|
};
|
|
74
71
|
Component.prototype.render = function () {
|
|
75
|
-
var _a = this.props, chartId = _a.chartId, initialized = _a.initialized, _b = _a.size, width = _b.width, height = _b.height, a11y = _a.a11y, specs = _a.specs, style = _a.style;
|
|
72
|
+
var _a = this.props, chartId = _a.chartId, initialized = _a.initialized, _b = _a.size, width = _b.width, height = _b.height, a11y = _a.a11y, specs = _a.specs, style = _a.style, onElementClick = _a.onElementClick, onElementOut = _a.onElementOut, onElementOver = _a.onElementOver;
|
|
76
73
|
if (!initialized || specs.length === 0 || width === 0 || height === 0) {
|
|
77
74
|
return null;
|
|
78
75
|
}
|
|
79
76
|
var data = specs[0].data;
|
|
80
|
-
var
|
|
81
|
-
var
|
|
77
|
+
var totalRows = data.length;
|
|
78
|
+
var totalColumns = data.reduce(function (acc, curr) {
|
|
82
79
|
return Math.max(acc, curr.length);
|
|
83
80
|
}, 0);
|
|
84
|
-
var panel = { width: width /
|
|
85
|
-
return (react_1.default.createElement("
|
|
86
|
-
gridTemplateColumns: "repeat(" +
|
|
87
|
-
gridTemplateRows: "repeat(" +
|
|
81
|
+
var panel = { width: width / totalColumns, height: height / totalRows };
|
|
82
|
+
return (react_1.default.createElement("ul", { role: "list", className: "echMetricContainer", "aria-labelledby": a11y.labelId, "aria-describedby": a11y.descriptionId, style: {
|
|
83
|
+
gridTemplateColumns: "repeat(" + totalColumns + ", minmax(0, 1fr)",
|
|
84
|
+
gridTemplateRows: "repeat(" + totalRows + ", minmax(64px, 1fr)",
|
|
88
85
|
} }, data
|
|
89
|
-
.map(function (columns,
|
|
90
|
-
return __spreadArray(__spreadArray([], __read(columns.map(function (
|
|
91
|
-
var metricHTMLId = "echMetric-" + chartId + "-" + ri + "-" + ci;
|
|
86
|
+
.map(function (columns, rowIndex) {
|
|
87
|
+
return __spreadArray(__spreadArray([], __read(columns.map(function (datum, columnIndex) {
|
|
92
88
|
var emptyMetricClassName = (0, classnames_1.default)('echMetric', {
|
|
93
|
-
'echMetric--rightBorder':
|
|
94
|
-
'echMetric--bottomBorder':
|
|
89
|
+
'echMetric--rightBorder': columnIndex < totalColumns - 1,
|
|
90
|
+
'echMetric--bottomBorder': rowIndex < totalRows - 1,
|
|
95
91
|
});
|
|
96
|
-
if (!
|
|
97
|
-
return react_1.default.createElement("
|
|
92
|
+
if (!datum) {
|
|
93
|
+
return (react_1.default.createElement("li", { key: "empty-" + columnIndex, role: "presentation" },
|
|
94
|
+
react_1.default.createElement("div", { className: emptyMetricClassName })));
|
|
98
95
|
}
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
'echMetric--small': hasProgressBar,
|
|
103
|
-
'echMetric--vertical': progressBarDirection === common_1.LayoutDirection.Vertical,
|
|
104
|
-
'echMetric--horizontal': progressBarDirection === common_1.LayoutDirection.Horizontal,
|
|
105
|
-
});
|
|
106
|
-
return (react_1.default.createElement("div", { role: "figure", "aria-labelledby": d.title && metricHTMLId, key: "" + d.title + d.subtitle + d.color + ci, className: metricPanelClassName, style: {
|
|
107
|
-
backgroundColor: !(0, specs_1.isMetricWTrend)(d) && !(0, specs_1.isMetricWProgress)(d) ? d.color : style.background,
|
|
108
|
-
} },
|
|
109
|
-
react_1.default.createElement(text_1.MetricText, { id: metricHTMLId, datum: d, panel: panel, style: style }),
|
|
110
|
-
(0, specs_1.isMetricWTrend)(d) && react_1.default.createElement(sparkline_1.SparkLine, { id: metricHTMLId, datum: d }),
|
|
111
|
-
(0, specs_1.isMetricWProgress)(d) && react_1.default.createElement(progress_1.ProgressBar, { datum: d, barBackground: style.barBackground })));
|
|
112
|
-
})), false), __read(Array.from({ length: maxColumns - columns.length }, function (d, ci) {
|
|
96
|
+
return (react_1.default.createElement("li", { key: "" + datum.title + datum.subtitle + datum.color + columnIndex },
|
|
97
|
+
react_1.default.createElement(metric_1.Metric, { chartId: chartId, datum: datum, totalRows: totalRows, totalColumns: totalColumns, rowIndex: rowIndex, columnIndex: columnIndex, panel: panel, style: style, onElementClick: onElementClick, onElementOut: onElementOut, onElementOver: onElementOver })));
|
|
98
|
+
})), false), __read(Array.from({ length: totalColumns - columns.length }, function (_, columIndex) {
|
|
113
99
|
var emptyMetricClassName = (0, classnames_1.default)('echMetric', {
|
|
114
|
-
'echMetric--rightBorder': columns.length +
|
|
115
|
-
'echMetric--bottomBorder':
|
|
100
|
+
'echMetric--rightBorder': columns.length + columIndex < totalColumns - 1,
|
|
101
|
+
'echMetric--bottomBorder': rowIndex < totalRows - 1,
|
|
116
102
|
});
|
|
117
|
-
return react_1.default.createElement("
|
|
103
|
+
return (react_1.default.createElement("li", { key: "missing-" + columIndex, role: "presentation" },
|
|
104
|
+
react_1.default.createElement("div", { className: emptyMetricClassName })));
|
|
118
105
|
})), false);
|
|
119
106
|
})
|
|
120
107
|
.flat()));
|
|
@@ -142,12 +129,16 @@ var mapStateToProps = function (state) {
|
|
|
142
129
|
if ((0, get_internal_is_intialized_1.getInternalIsInitializedSelector)(state) !== get_internal_is_intialized_1.InitStatus.Initialized) {
|
|
143
130
|
return DEFAULT_PROPS;
|
|
144
131
|
}
|
|
132
|
+
var _a = (0, get_settings_specs_1.getSettingsSpecSelector)(state), onElementClick = _a.onElementClick, onElementOut = _a.onElementOut, onElementOver = _a.onElementOver;
|
|
145
133
|
return {
|
|
146
134
|
initialized: true,
|
|
147
135
|
chartId: state.chartId,
|
|
148
136
|
specs: (0, data_1.getMetricSpecs)(state),
|
|
149
137
|
size: (0, chart_size_1.chartSize)(state),
|
|
150
138
|
a11y: (0, get_accessibility_config_1.getA11ySettingsSelector)(state),
|
|
139
|
+
onElementClick: onElementClick,
|
|
140
|
+
onElementOver: onElementOver,
|
|
141
|
+
onElementOut: onElementOut,
|
|
151
142
|
style: (0, get_chart_theme_1.getChartThemeSelector)(state).metric,
|
|
152
143
|
};
|
|
153
144
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,0DAAoC;AACpC,gDAA0B;AAC1B,2CAAsC;AACtC,+BAAqD;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metric.d.ts","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/metric.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,122 @@
|
|
|
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
33
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
34
|
+
if (!m) return o;
|
|
35
|
+
var i = m.call(o), r, ar = [], e;
|
|
36
|
+
try {
|
|
37
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
38
|
+
}
|
|
39
|
+
catch (error) { e = { error: error }; }
|
|
40
|
+
finally {
|
|
41
|
+
try {
|
|
42
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
43
|
+
}
|
|
44
|
+
finally { if (e) throw e.error; }
|
|
45
|
+
}
|
|
46
|
+
return ar;
|
|
47
|
+
};
|
|
48
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
49
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
50
|
+
};
|
|
51
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
52
|
+
exports.Metric = void 0;
|
|
53
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
54
|
+
var react_1 = __importStar(require("react"));
|
|
55
|
+
var color_calcs_1 = require("../../../../common/color_calcs");
|
|
56
|
+
var color_library_wrappers_1 = require("../../../../common/color_library_wrappers");
|
|
57
|
+
var colors_1 = require("../../../../common/colors");
|
|
58
|
+
var constants_1 = require("../../../../common/constants");
|
|
59
|
+
var common_1 = require("../../../../utils/common");
|
|
60
|
+
var specs_1 = require("../../specs");
|
|
61
|
+
var progress_1 = require("./progress");
|
|
62
|
+
var sparkline_1 = require("./sparkline");
|
|
63
|
+
var text_1 = require("./text");
|
|
64
|
+
var Metric = function (_a) {
|
|
65
|
+
var chartId = _a.chartId, rowIndex = _a.rowIndex, columnIndex = _a.columnIndex, totalColumns = _a.totalColumns, totalRows = _a.totalRows, datum = _a.datum, panel = _a.panel, style = _a.style, onElementClick = _a.onElementClick, onElementOver = _a.onElementOver, onElementOut = _a.onElementOut;
|
|
66
|
+
var _b = __read((0, react_1.useState)('leave'), 2), mouseState = _b[0], setMouseState = _b[1];
|
|
67
|
+
var _c = __read((0, react_1.useState)(0), 2), lastMouseDownTimestamp = _c[0], setLastMouseDownTimestamp = _c[1];
|
|
68
|
+
var metricHTMLId = "echMetric-" + chartId + "-" + rowIndex + "-" + columnIndex;
|
|
69
|
+
var hasProgressBar = (0, specs_1.isMetricWProgress)(datum);
|
|
70
|
+
var progressBarDirection = hasProgressBar ? datum.progressBarDirection : undefined;
|
|
71
|
+
var containerClassName = (0, classnames_1.default)('echMetric', {
|
|
72
|
+
'echMetric--rightBorder': columnIndex < totalColumns - 1,
|
|
73
|
+
'echMetric--bottomBorder': rowIndex < totalRows - 1,
|
|
74
|
+
'echMetric--small': hasProgressBar,
|
|
75
|
+
'echMetric--vertical': progressBarDirection === common_1.LayoutDirection.Vertical,
|
|
76
|
+
'echMetric--horizontal': progressBarDirection === common_1.LayoutDirection.Horizontal,
|
|
77
|
+
});
|
|
78
|
+
var lightnessAmount = mouseState === 'leave' ? 0 : mouseState === 'enter' ? 0.05 : 0.1;
|
|
79
|
+
var interactionColor = (0, color_library_wrappers_1.changeColorLightness)(datum.color, lightnessAmount, 0.8);
|
|
80
|
+
var backgroundInteractionColor = (0, color_library_wrappers_1.changeColorLightness)(style.background, lightnessAmount, 0.8);
|
|
81
|
+
var datumWithInteractionColor = __assign(__assign({}, datum), { color: interactionColor });
|
|
82
|
+
var updatedStyle = __assign(__assign({}, style), { background: backgroundInteractionColor });
|
|
83
|
+
var event = { type: 'metricElementEvent', rowIndex: rowIndex, columnIndex: columnIndex };
|
|
84
|
+
var containerStyle = {
|
|
85
|
+
backgroundColor: !(0, specs_1.isMetricWTrend)(datumWithInteractionColor) && !(0, specs_1.isMetricWProgress)(datumWithInteractionColor)
|
|
86
|
+
? datumWithInteractionColor.color
|
|
87
|
+
: updatedStyle.background,
|
|
88
|
+
cursor: onElementClick ? 'pointer' : constants_1.DEFAULT_CSS_CURSOR,
|
|
89
|
+
};
|
|
90
|
+
var bgColor = (0, specs_1.isMetricWTrend)(datum) || !(0, specs_1.isMetricWProgress)(datum) ? datum.color : style.background;
|
|
91
|
+
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;
|
|
92
|
+
var onElementClickHandler = function () { return onElementClick && onElementClick([event]); };
|
|
93
|
+
return (react_1.default.createElement("div", { role: "figure", "aria-labelledby": datum.title && metricHTMLId, className: containerClassName, style: containerStyle, onMouseLeave: function () {
|
|
94
|
+
setMouseState('leave');
|
|
95
|
+
if (onElementOut)
|
|
96
|
+
onElementOut();
|
|
97
|
+
}, onMouseEnter: function () {
|
|
98
|
+
setMouseState('enter');
|
|
99
|
+
if (onElementOver)
|
|
100
|
+
onElementOver([event]);
|
|
101
|
+
}, onMouseDown: function () {
|
|
102
|
+
setMouseState('down');
|
|
103
|
+
setLastMouseDownTimestamp(Date.now());
|
|
104
|
+
}, onMouseUp: function () {
|
|
105
|
+
setMouseState('enter');
|
|
106
|
+
if (Date.now() - lastMouseDownTimestamp < 200 && onElementClick) {
|
|
107
|
+
onElementClickHandler();
|
|
108
|
+
}
|
|
109
|
+
}, onFocus: function () {
|
|
110
|
+
setMouseState('enter');
|
|
111
|
+
}, onBlur: function () {
|
|
112
|
+
setMouseState('leave');
|
|
113
|
+
}, onClick: function (e) {
|
|
114
|
+
e.stopPropagation();
|
|
115
|
+
} },
|
|
116
|
+
react_1.default.createElement(text_1.MetricText, { id: metricHTMLId, datum: datumWithInteractionColor, panel: panel, style: updatedStyle, onElementClick: onElementClickHandler, highContrastTextColor: highContrastTextColor }),
|
|
117
|
+
(0, specs_1.isMetricWTrend)(datumWithInteractionColor) && react_1.default.createElement(sparkline_1.SparkLine, { id: metricHTMLId, datum: datumWithInteractionColor }),
|
|
118
|
+
(0, specs_1.isMetricWProgress)(datumWithInteractionColor) && (react_1.default.createElement(progress_1.ProgressBar, { datum: datumWithInteractionColor, barBackground: updatedStyle.barBackground })),
|
|
119
|
+
react_1.default.createElement("div", { className: "echMetric--outline", style: { color: highContrastTextColor } })));
|
|
120
|
+
};
|
|
121
|
+
exports.Metric = Metric;
|
|
122
|
+
//# sourceMappingURL=metric.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"metric.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/metric.tsx"],"names":[],"mappings":"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"}
|
|
@@ -19,10 +19,10 @@ var classnames_1 = __importDefault(require("classnames"));
|
|
|
19
19
|
var react_1 = __importDefault(require("react"));
|
|
20
20
|
var common_1 = require("../../../../utils/common");
|
|
21
21
|
var ProgressBar = function (_a) {
|
|
22
|
-
var _b = _a.datum, title = _b.title,
|
|
22
|
+
var _b = _a.datum, title = _b.title, domainMax = _b.domainMax, value = _b.value, color = _b.color, progressBarDirection = _b.progressBarDirection, barBackground = _a.barBackground;
|
|
23
23
|
var verticalDirection = progressBarDirection === common_1.LayoutDirection.Vertical;
|
|
24
24
|
var isSmall = true;
|
|
25
|
-
var percent = Number((0, common_1.clamp)((
|
|
25
|
+
var percent = Number((0, common_1.clamp)((value / domainMax) * 100, 0, 100).toFixed(1));
|
|
26
26
|
var bgClassName = (0, classnames_1.default)('echSingleMetricProgress', {
|
|
27
27
|
'echSingleMetricProgress--vertical': verticalDirection,
|
|
28
28
|
'echSingleMetricProgress--horizontal': !verticalDirection,
|
|
@@ -34,8 +34,8 @@ var ProgressBar = function (_a) {
|
|
|
34
34
|
'echSingleMetricProgressBar--small': isSmall,
|
|
35
35
|
});
|
|
36
36
|
var percentProp = verticalDirection ? { height: percent + "%" } : { width: percent + "%" };
|
|
37
|
-
return (react_1.default.createElement("div", { className: bgClassName, style: {
|
|
38
|
-
react_1.default.createElement("div", { className: barClassName, style: __assign({
|
|
37
|
+
return (react_1.default.createElement("div", { className: bgClassName, style: { backgroundColor: isSmall ? barBackground : undefined } },
|
|
38
|
+
react_1.default.createElement("div", { className: barClassName, style: __assign({ backgroundColor: color }, percentProp), role: "meter", "aria-label": title ? "Percentage of " + title : 'Percentage', "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": percent })));
|
|
39
39
|
};
|
|
40
40
|
exports.ProgressBar = ProgressBar;
|
|
41
41
|
//# sourceMappingURL=progress.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,gDAA0B;AAG1B,mDAAkE;AAI3D,IAAM,WAAW,GAGnB,UAAC,
|
|
1
|
+
{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../../src/chart_types/metric/renderer/dom/progress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAQA,0DAAoC;AACpC,gDAA0B;AAG1B,mDAAkE;AAI3D,IAAM,WAAW,GAGnB,UAAC,EAAkF;QAAhF,aAA+D,EAAtD,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,oBAAoB,0BAAA,EAAI,aAAa,mBAAA;IACpF,IAAM,iBAAiB,GAAG,oBAAoB,KAAK,wBAAe,CAAC,QAAQ,CAAC;IAE5E,IAAM,OAAO,GAAG,IAAI,CAAC;IACrB,IAAM,OAAO,GAAG,MAAM,CAAC,IAAA,cAAK,EAAC,CAAC,KAAK,GAAG,SAAS,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAE5E,IAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,yBAAyB,EAAE;QACxD,mCAAmC,EAAE,iBAAiB;QACtD,qCAAqC,EAAE,CAAC,iBAAiB;QACzD,gCAAgC,EAAE,OAAO;KAC1C,CAAC,CAAC;IACH,IAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,4BAA4B,EAAE;QAC5D,sCAAsC,EAAE,iBAAiB;QACzD,wCAAwC,EAAE,CAAC,iBAAiB;QAC5D,mCAAmC,EAAE,OAAO;KAC7C,CAAC,CAAC;IACH,IAAM,WAAW,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,MAAM,EAAK,OAAO,MAAG,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAK,OAAO,MAAG,EAAE,CAAC;IAC7F,OAAO,CACL,uCAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAAE;QAC1F,uCACE,SAAS,EAAE,YAAY,EACvB,KAAK,aAAI,eAAe,EAAE,KAAK,IAAK,WAAW,GAC/C,IAAI,EAAC,OAAO,gBACA,KAAK,CAAC,CAAC,CAAC,mBAAiB,KAAO,CAAC,CAAC,CAAC,YAAY,mBAC5C,CAAC,mBACD,GAAG,mBACH,OAAO,GACtB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB"}
|
|
@@ -33,9 +33,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
33
33
|
exports.MetricText = void 0;
|
|
34
34
|
var classnames_1 = __importDefault(require("classnames"));
|
|
35
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
36
|
var common_1 = require("../../../../utils/common");
|
|
40
37
|
var specs_1 = require("../../specs");
|
|
41
38
|
var WIDTH_BP = [
|
|
@@ -44,7 +41,8 @@ var WIDTH_BP = [
|
|
|
44
41
|
[300, Infinity, 'l'],
|
|
45
42
|
];
|
|
46
43
|
var PADDING = 8;
|
|
47
|
-
var
|
|
44
|
+
var NUMBER_LINE_HEIGHT = 1.2;
|
|
45
|
+
var ICON_SIZE = { s: 16, m: 16, l: 24 };
|
|
48
46
|
var TITLE_FONT_SIZE = { s: 12, m: 16, l: 16 };
|
|
49
47
|
var SUBTITLE_FONT_SIZE = { s: 10, m: 14, l: 14 };
|
|
50
48
|
var EXTRA_FONT_SIZE = { s: 10, m: 14, l: 14 };
|
|
@@ -60,13 +58,13 @@ function findRange(ranges, value) {
|
|
|
60
58
|
function elementVisibility(datum, panel, size) {
|
|
61
59
|
var _a;
|
|
62
60
|
var titleHeight = function (title, maxLines) {
|
|
63
|
-
return PADDING + (title ? maxLines * TITLE_FONT_SIZE[size] *
|
|
61
|
+
return PADDING + (title ? maxLines * TITLE_FONT_SIZE[size] * NUMBER_LINE_HEIGHT : 0);
|
|
64
62
|
};
|
|
65
63
|
var subtitleHeight = function (subtitle, maxLines) {
|
|
66
|
-
return subtitle ? maxLines * SUBTITLE_FONT_SIZE[size] *
|
|
64
|
+
return subtitle ? maxLines * SUBTITLE_FONT_SIZE[size] * NUMBER_LINE_HEIGHT + PADDING : 0;
|
|
67
65
|
};
|
|
68
|
-
var extraHeight = function (extra) { return (extra ? EXTRA_FONT_SIZE[size] *
|
|
69
|
-
var valueHeight = VALUE_FONT_SIZE[size] *
|
|
66
|
+
var extraHeight = function (extra) { return (extra ? EXTRA_FONT_SIZE[size] * NUMBER_LINE_HEIGHT : 0); };
|
|
67
|
+
var valueHeight = VALUE_FONT_SIZE[size] * NUMBER_LINE_HEIGHT + PADDING;
|
|
70
68
|
var responsiveBreakPoints = [
|
|
71
69
|
{ titleLines: 3, subtitleLines: 2, title: !!datum.title, subtitle: !!datum.subtitle, extra: !!datum.extra },
|
|
72
70
|
{ titleLines: 3, subtitleLines: 1, title: !!datum.title, subtitle: !!datum.subtitle, extra: !!datum.extra },
|
|
@@ -93,7 +91,7 @@ function lineClamp(maxLines) {
|
|
|
93
91
|
};
|
|
94
92
|
}
|
|
95
93
|
var MetricText = function (_a) {
|
|
96
|
-
var id = _a.id, datum = _a.datum, panel = _a.panel, style = _a.style;
|
|
94
|
+
var id = _a.id, datum = _a.datum, panel = _a.panel, style = _a.style, onElementClick = _a.onElementClick, highContrastTextColor = _a.highContrastTextColor;
|
|
97
95
|
var title = datum.title, subtitle = datum.subtitle, extra = datum.extra, value = datum.value;
|
|
98
96
|
var size = findRange(WIDTH_BP, panel.width);
|
|
99
97
|
var hasProgressBar = (0, specs_1.isMetricWProgress)(datum);
|
|
@@ -105,10 +103,20 @@ var MetricText = function (_a) {
|
|
|
105
103
|
});
|
|
106
104
|
var visibility = elementVisibility(datum, panel, size);
|
|
107
105
|
var parts = splitNumericSuffixPrefix(datum.valueFormatter(value));
|
|
108
|
-
var
|
|
109
|
-
var
|
|
106
|
+
var titleWidthMaxSize = size === 's' ? '100%' : '80%';
|
|
107
|
+
var titleWidth = "min(" + titleWidthMaxSize + ", calc(" + titleWidthMaxSize + " - " + (datum.icon ? '24px' : '0px') + "))";
|
|
110
108
|
return (react_1.default.createElement("div", { className: containerClassName, style: { color: highContrastTextColor } },
|
|
111
|
-
react_1.default.createElement("div", null,
|
|
109
|
+
react_1.default.createElement("div", null,
|
|
110
|
+
visibility.title && (react_1.default.createElement("h2", { id: id, className: "echMetricText__title", style: __assign(__assign({ fontSize: TITLE_FONT_SIZE[size] + "px" }, lineClamp(visibility.titleLines)), { width: titleWidth }) },
|
|
111
|
+
react_1.default.createElement("button", { onMouseDown: function (e) { return e.stopPropagation(); }, onMouseUp: function (e) { return e.stopPropagation(); }, onClick: function (e) {
|
|
112
|
+
e.stopPropagation();
|
|
113
|
+
onElementClick();
|
|
114
|
+
} }, title))),
|
|
115
|
+
datum.icon && (react_1.default.createElement("div", { className: "echMetricText__icon" }, (0, common_1.renderWithProps)(datum.icon, {
|
|
116
|
+
width: ICON_SIZE[size],
|
|
117
|
+
height: ICON_SIZE[size],
|
|
118
|
+
color: highContrastTextColor,
|
|
119
|
+
})))),
|
|
112
120
|
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
121
|
react_1.default.createElement("div", { className: "echMetricText__gap" }),
|
|
114
122
|
react_1.default.createElement("div", null, visibility.extra && (react_1.default.createElement("p", { className: "echMetricText__extra", style: { fontSize: EXTRA_FONT_SIZE[size] + "px" } }, extra))),
|