@hitachivantara/uikit-react-core 3.66.1 → 3.66.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Barchart/Barchart.d.ts +14 -0
- package/dist/Barchart/Barchart.js +239 -0
- package/dist/Barchart/Barchart.js.map +1 -0
- package/dist/Barchart/barchartPlotlyOverrides.js +59 -0
- package/dist/Barchart/barchartPlotlyOverrides.js.map +1 -0
- package/dist/Barchart/index.d.ts +2 -0
- package/dist/Barchart/index.js +16 -0
- package/dist/Barchart/index.js.map +1 -0
- package/dist/Barchart/styles.js +10 -0
- package/dist/Barchart/styles.js.map +1 -0
- package/dist/Chart/Chart.d.ts +25 -0
- package/dist/Chart/Chart.js +215 -0
- package/dist/Chart/Chart.js.map +1 -0
- package/dist/Chart/Plot/Plot.d.ts +43 -0
- package/dist/Chart/Plot/Plot.js +131 -0
- package/dist/Chart/Plot/Plot.js.map +1 -0
- package/dist/Chart/Plot/index.d.ts +2 -0
- package/dist/Chart/Plot/index.js +16 -0
- package/dist/Chart/Plot/index.js.map +1 -0
- package/dist/Chart/Plot/styles.js +10 -0
- package/dist/Chart/Plot/styles.js.map +1 -0
- package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js +162 -0
- package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
- package/dist/Chart/Tooltip/MultiTooltip/index.js +16 -0
- package/dist/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
- package/dist/Chart/Tooltip/MultiTooltip/styles.js +51 -0
- package/dist/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
- package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js +87 -0
- package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
- package/dist/Chart/Tooltip/SingleTooltip/index.js +16 -0
- package/dist/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
- package/dist/Chart/Tooltip/SingleTooltip/styles.js +26 -0
- package/dist/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
- package/dist/Chart/Tooltip/Tooltip.js +165 -0
- package/dist/Chart/Tooltip/Tooltip.js.map +1 -0
- package/dist/Chart/Tooltip/index.js +16 -0
- package/dist/Chart/Tooltip/index.js.map +1 -0
- package/dist/Chart/Tooltip/styles.js +16 -0
- package/dist/Chart/Tooltip/styles.js.map +1 -0
- package/dist/Chart/chartPlotlyOverrides.js +169 -0
- package/dist/Chart/chartPlotlyOverrides.js.map +1 -0
- package/dist/Chart/index.d.ts +5 -0
- package/dist/Chart/index.js +16 -0
- package/dist/Chart/index.js.map +1 -0
- package/dist/Chart/styles.js +49 -0
- package/dist/Chart/styles.js.map +1 -0
- package/dist/Donutchart/Donutchart.d.ts +10 -0
- package/dist/Donutchart/Donutchart.js +124 -0
- package/dist/Donutchart/Donutchart.js.map +1 -0
- package/dist/Donutchart/donutchartPlotlyOverrides.js +56 -0
- package/dist/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
- package/dist/Donutchart/index.d.ts +2 -0
- package/dist/Donutchart/index.js +16 -0
- package/dist/Donutchart/index.js.map +1 -0
- package/dist/Donutchart/styles.js +10 -0
- package/dist/Donutchart/styles.js.map +1 -0
- package/dist/Linechart/Linechart.d.ts +14 -0
- package/dist/Linechart/Linechart.js +130 -0
- package/dist/Linechart/Linechart.js.map +1 -0
- package/dist/Linechart/index.d.ts +2 -0
- package/dist/Linechart/index.js +16 -0
- package/dist/Linechart/index.js.map +1 -0
- package/dist/Linechart/lineChartPlotlyOverrides.js +79 -0
- package/dist/Linechart/lineChartPlotlyOverrides.js.map +1 -0
- package/dist/Linechart/styles.js +10 -0
- package/dist/Linechart/styles.js.map +1 -0
- package/dist/Provider/Provider.js +3 -14
- package/dist/Provider/Provider.js.map +1 -1
- package/dist/Stack/Stack.js +14 -14
- package/dist/Stack/Stack.js.map +1 -1
- package/dist/index.d.ts +9 -0
- package/dist/index.js +27 -0
- package/dist/index.js.map +1 -1
- package/dist/legacy/Barchart/Barchart.d.ts +14 -0
- package/dist/legacy/Barchart/Barchart.js +195 -0
- package/dist/legacy/Barchart/Barchart.js.map +1 -0
- package/dist/legacy/Barchart/barchartPlotlyOverrides.js +43 -0
- package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +1 -0
- package/dist/legacy/Barchart/index.d.ts +2 -0
- package/dist/legacy/Barchart/index.js +2 -0
- package/dist/legacy/Barchart/index.js.map +1 -0
- package/dist/legacy/Barchart/styles.js +3 -0
- package/dist/legacy/Barchart/styles.js.map +1 -0
- package/dist/legacy/Chart/Chart.d.ts +25 -0
- package/dist/legacy/Chart/Chart.js +174 -0
- package/dist/legacy/Chart/Chart.js.map +1 -0
- package/dist/legacy/Chart/Plot/Plot.d.ts +43 -0
- package/dist/legacy/Chart/Plot/Plot.js +93 -0
- package/dist/legacy/Chart/Plot/Plot.js.map +1 -0
- package/dist/legacy/Chart/Plot/index.d.ts +2 -0
- package/dist/legacy/Chart/Plot/index.js +2 -0
- package/dist/legacy/Chart/Plot/index.js.map +1 -0
- package/dist/legacy/Chart/Plot/styles.js +3 -0
- package/dist/legacy/Chart/Plot/styles.js.map +1 -0
- package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js +130 -0
- package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
- package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js +2 -0
- package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
- package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js +43 -0
- package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
- package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js +54 -0
- package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
- package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js +2 -0
- package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
- package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js +18 -0
- package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
- package/dist/legacy/Chart/Tooltip/Tooltip.js +128 -0
- package/dist/legacy/Chart/Tooltip/Tooltip.js.map +1 -0
- package/dist/legacy/Chart/Tooltip/index.js +2 -0
- package/dist/legacy/Chart/Tooltip/index.js.map +1 -0
- package/dist/legacy/Chart/Tooltip/styles.js +9 -0
- package/dist/legacy/Chart/Tooltip/styles.js.map +1 -0
- package/dist/legacy/Chart/chartPlotlyOverrides.js +147 -0
- package/dist/legacy/Chart/chartPlotlyOverrides.js.map +1 -0
- package/dist/legacy/Chart/index.d.ts +5 -0
- package/dist/legacy/Chart/index.js +2 -0
- package/dist/legacy/Chart/index.js.map +1 -0
- package/dist/legacy/Chart/styles.js +32 -0
- package/dist/legacy/Chart/styles.js.map +1 -0
- package/dist/legacy/Donutchart/Donutchart.d.ts +10 -0
- package/dist/legacy/Donutchart/Donutchart.js +86 -0
- package/dist/legacy/Donutchart/Donutchart.js.map +1 -0
- package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js +40 -0
- package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
- package/dist/legacy/Donutchart/index.d.ts +2 -0
- package/dist/legacy/Donutchart/index.js +2 -0
- package/dist/legacy/Donutchart/index.js.map +1 -0
- package/dist/legacy/Donutchart/styles.js +3 -0
- package/dist/legacy/Donutchart/styles.js.map +1 -0
- package/dist/legacy/Linechart/Linechart.d.ts +14 -0
- package/dist/legacy/Linechart/Linechart.js +92 -0
- package/dist/legacy/Linechart/Linechart.js.map +1 -0
- package/dist/legacy/Linechart/index.d.ts +2 -0
- package/dist/legacy/Linechart/index.js +2 -0
- package/dist/legacy/Linechart/index.js.map +1 -0
- package/dist/legacy/Linechart/lineChartPlotlyOverrides.js +63 -0
- package/dist/legacy/Linechart/lineChartPlotlyOverrides.js.map +1 -0
- package/dist/legacy/Linechart/styles.js +3 -0
- package/dist/legacy/Linechart/styles.js.map +1 -0
- package/dist/legacy/Provider/Provider.js +4 -15
- package/dist/legacy/Provider/Provider.js.map +1 -1
- package/dist/legacy/Stack/Stack.js +14 -14
- package/dist/legacy/Stack/Stack.js.map +1 -1
- package/dist/legacy/index.d.ts +9 -0
- package/dist/legacy/index.js +3 -0
- package/dist/legacy/index.js.map +1 -1
- package/dist/modern/Barchart/Barchart.d.ts +14 -0
- package/dist/modern/Barchart/Barchart.js +176 -0
- package/dist/modern/Barchart/Barchart.js.map +1 -0
- package/dist/modern/Barchart/barchartPlotlyOverrides.js +41 -0
- package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +1 -0
- package/dist/modern/Barchart/index.d.ts +2 -0
- package/dist/modern/Barchart/index.js +2 -0
- package/dist/modern/Barchart/index.js.map +1 -0
- package/dist/modern/Barchart/styles.js +3 -0
- package/dist/modern/Barchart/styles.js.map +1 -0
- package/dist/modern/Chart/Chart.d.ts +25 -0
- package/dist/modern/Chart/Chart.js +158 -0
- package/dist/modern/Chart/Chart.js.map +1 -0
- package/dist/modern/Chart/Plot/Plot.d.ts +43 -0
- package/dist/modern/Chart/Plot/Plot.js +94 -0
- package/dist/modern/Chart/Plot/Plot.js.map +1 -0
- package/dist/modern/Chart/Plot/index.d.ts +2 -0
- package/dist/modern/Chart/Plot/index.js +2 -0
- package/dist/modern/Chart/Plot/index.js.map +1 -0
- package/dist/modern/Chart/Plot/styles.js +3 -0
- package/dist/modern/Chart/Plot/styles.js.map +1 -0
- package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js +123 -0
- package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
- package/dist/modern/Chart/Tooltip/MultiTooltip/index.js +2 -0
- package/dist/modern/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
- package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js +41 -0
- package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
- package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js +51 -0
- package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
- package/dist/modern/Chart/Tooltip/SingleTooltip/index.js +2 -0
- package/dist/modern/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
- package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js +16 -0
- package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
- package/dist/modern/Chart/Tooltip/Tooltip.js +125 -0
- package/dist/modern/Chart/Tooltip/Tooltip.js.map +1 -0
- package/dist/modern/Chart/Tooltip/index.js +2 -0
- package/dist/modern/Chart/Tooltip/index.js.map +1 -0
- package/dist/modern/Chart/Tooltip/styles.js +9 -0
- package/dist/modern/Chart/Tooltip/styles.js.map +1 -0
- package/dist/modern/Chart/chartPlotlyOverrides.js +137 -0
- package/dist/modern/Chart/chartPlotlyOverrides.js.map +1 -0
- package/dist/modern/Chart/index.d.ts +5 -0
- package/dist/modern/Chart/index.js +2 -0
- package/dist/modern/Chart/index.js.map +1 -0
- package/dist/modern/Chart/styles.js +23 -0
- package/dist/modern/Chart/styles.js.map +1 -0
- package/dist/modern/Donutchart/Donutchart.d.ts +10 -0
- package/dist/modern/Donutchart/Donutchart.js +82 -0
- package/dist/modern/Donutchart/Donutchart.js.map +1 -0
- package/dist/modern/Donutchart/donutchartPlotlyOverrides.js +38 -0
- package/dist/modern/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
- package/dist/modern/Donutchart/index.d.ts +2 -0
- package/dist/modern/Donutchart/index.js +2 -0
- package/dist/modern/Donutchart/index.js.map +1 -0
- package/dist/modern/Donutchart/styles.js +3 -0
- package/dist/modern/Donutchart/styles.js.map +1 -0
- package/dist/modern/Linechart/Linechart.d.ts +14 -0
- package/dist/modern/Linechart/Linechart.js +87 -0
- package/dist/modern/Linechart/Linechart.js.map +1 -0
- package/dist/modern/Linechart/index.d.ts +2 -0
- package/dist/modern/Linechart/index.js +2 -0
- package/dist/modern/Linechart/index.js.map +1 -0
- package/dist/modern/Linechart/lineChartPlotlyOverrides.js +59 -0
- package/dist/modern/Linechart/lineChartPlotlyOverrides.js.map +1 -0
- package/dist/modern/Linechart/styles.js +3 -0
- package/dist/modern/Linechart/styles.js.map +1 -0
- package/dist/modern/Provider/Provider.js +3 -8
- package/dist/modern/Provider/Provider.js.map +1 -1
- package/dist/modern/Stack/Stack.js +4 -4
- package/dist/modern/Stack/Stack.js.map +1 -1
- package/dist/modern/index.d.ts +9 -0
- package/dist/modern/index.js +3 -0
- package/dist/modern/index.js.map +1 -1
- package/package.json +7 -6
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StandardProps } from "@material-ui/core";
|
|
3
|
+
import type { Config, Layout, Data as PlotlyPlotData } from "plotly.js";
|
|
4
|
+
|
|
5
|
+
export type PlotData = PlotlyPlotData;
|
|
6
|
+
export type PlotLayout = Layout;
|
|
7
|
+
export type PlotConfig = Config;
|
|
8
|
+
|
|
9
|
+
export type HvPlotClassKey = "";
|
|
10
|
+
|
|
11
|
+
export interface HvPlotProps
|
|
12
|
+
extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvPlotClassKey> {
|
|
13
|
+
/**
|
|
14
|
+
* Plotly data object.
|
|
15
|
+
*/
|
|
16
|
+
data: PlotData[];
|
|
17
|
+
/**
|
|
18
|
+
* Plotly layout object.
|
|
19
|
+
*/
|
|
20
|
+
layout?: Partial<PlotLayout>;
|
|
21
|
+
/**
|
|
22
|
+
* Plotly config object.
|
|
23
|
+
*/
|
|
24
|
+
config?: Partial<PlotConfig>;
|
|
25
|
+
/**
|
|
26
|
+
* OnHover function.
|
|
27
|
+
*/
|
|
28
|
+
onHover?: (data: PlotData) => void;
|
|
29
|
+
/**
|
|
30
|
+
* OnUnHover function.
|
|
31
|
+
*/
|
|
32
|
+
onUnHover?: (data: PlotData) => void;
|
|
33
|
+
/**
|
|
34
|
+
* Function to be call after plot render.
|
|
35
|
+
*/
|
|
36
|
+
afterPlot?: (data: PlotData, ref: any) => void;
|
|
37
|
+
/**
|
|
38
|
+
* Plot revision
|
|
39
|
+
*/
|
|
40
|
+
revision?: number;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
export default function HvPlot(props: HvPlotProps): JSX.Element | null;
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.array.iterator.js");
|
|
4
|
+
|
|
5
|
+
require("core-js/modules/es.object.to-string.js");
|
|
6
|
+
|
|
7
|
+
require("core-js/modules/es.string.iterator.js");
|
|
8
|
+
|
|
9
|
+
require("core-js/modules/es.weak-map.js");
|
|
10
|
+
|
|
11
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
12
|
+
|
|
13
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
14
|
+
|
|
15
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
16
|
+
|
|
17
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
18
|
+
|
|
19
|
+
Object.defineProperty(exports, "__esModule", {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
exports.default = void 0;
|
|
23
|
+
|
|
24
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
25
|
+
|
|
26
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
27
|
+
|
|
28
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
+
|
|
30
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
|
+
|
|
32
|
+
var _plotly = _interopRequireDefault(require("plotly.js-basic-dist"));
|
|
33
|
+
|
|
34
|
+
var _factory = _interopRequireDefault(require("react-plotly.js/factory"));
|
|
35
|
+
|
|
36
|
+
var _core = require("@material-ui/core");
|
|
37
|
+
|
|
38
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
39
|
+
|
|
40
|
+
var _excluded = ["data", "layout", "config", "revision", "onHover", "onUnHover", "afterPlot"];
|
|
41
|
+
|
|
42
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
43
|
+
|
|
44
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
45
|
+
|
|
46
|
+
var PlotGraph = (0, _factory.default)(_plotly.default);
|
|
47
|
+
var plotGraphStyle = {
|
|
48
|
+
position: "relative"
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
var Plot = function Plot(_ref) {
|
|
52
|
+
var data = _ref.data,
|
|
53
|
+
layout = _ref.layout,
|
|
54
|
+
config = _ref.config,
|
|
55
|
+
_ref$revision = _ref.revision,
|
|
56
|
+
revision = _ref$revision === void 0 ? 0 : _ref$revision,
|
|
57
|
+
onHover = _ref.onHover,
|
|
58
|
+
onUnHover = _ref.onUnHover,
|
|
59
|
+
afterPlot = _ref.afterPlot,
|
|
60
|
+
others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
61
|
+
var ref = (0, _react.useRef)(null);
|
|
62
|
+
/* Callbacks */
|
|
63
|
+
|
|
64
|
+
var afterPlotInternal = (0, _react.useCallback)(function () {
|
|
65
|
+
afterPlot === null || afterPlot === void 0 ? void 0 : afterPlot(ref);
|
|
66
|
+
}, [afterPlot]);
|
|
67
|
+
/* Effects */
|
|
68
|
+
|
|
69
|
+
/**
|
|
70
|
+
* Call in the first render because react-plotly.js won't do so.
|
|
71
|
+
* (https://github.com/plotly/react-plotly.js/blob/bd15ca98be12b159633fb57c4ea762cb7a64c3a7/src/factory.js#L88)
|
|
72
|
+
*/
|
|
73
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
74
|
+
|
|
75
|
+
(0, _react.useLayoutEffect)(afterPlotInternal, []);
|
|
76
|
+
return /*#__PURE__*/_react.default.createElement(PlotGraph, (0, _extends2.default)({
|
|
77
|
+
ref: ref,
|
|
78
|
+
data: data,
|
|
79
|
+
layout: layout,
|
|
80
|
+
config: config,
|
|
81
|
+
revision: revision,
|
|
82
|
+
onHover: onHover,
|
|
83
|
+
onUnhover: onUnHover,
|
|
84
|
+
onAfterPlot: afterPlot != null ? afterPlotInternal : null,
|
|
85
|
+
style: plotGraphStyle
|
|
86
|
+
}, others));
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
process.env.NODE_ENV !== "production" ? Plot.propTypes = {
|
|
90
|
+
/**
|
|
91
|
+
* Plotly data object.
|
|
92
|
+
*/
|
|
93
|
+
data: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Object)).isRequired,
|
|
94
|
+
|
|
95
|
+
/**
|
|
96
|
+
* Plotly layout object.
|
|
97
|
+
*/
|
|
98
|
+
layout: _propTypes.default.instanceOf(Object).isRequired,
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* Plotly config object.
|
|
102
|
+
*/
|
|
103
|
+
config: _propTypes.default.instanceOf(Object).isRequired,
|
|
104
|
+
|
|
105
|
+
/**
|
|
106
|
+
* OnHover function.
|
|
107
|
+
*/
|
|
108
|
+
onHover: _propTypes.default.func,
|
|
109
|
+
|
|
110
|
+
/**
|
|
111
|
+
* OnUnHover function.
|
|
112
|
+
*/
|
|
113
|
+
onUnHover: _propTypes.default.func,
|
|
114
|
+
|
|
115
|
+
/**
|
|
116
|
+
* Function to be call after plot render.
|
|
117
|
+
*/
|
|
118
|
+
afterPlot: _propTypes.default.func,
|
|
119
|
+
|
|
120
|
+
/**
|
|
121
|
+
* Plot revision.
|
|
122
|
+
*/
|
|
123
|
+
revision: _propTypes.default.number
|
|
124
|
+
} : void 0;
|
|
125
|
+
|
|
126
|
+
var _default = (0, _core.withStyles)(_styles.default, {
|
|
127
|
+
name: "HvChartPlot"
|
|
128
|
+
})(Plot);
|
|
129
|
+
|
|
130
|
+
exports.default = _default;
|
|
131
|
+
//# sourceMappingURL=Plot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Plot.js","names":["PlotGraph","Plotly","plotGraphStyle","position","Plot","data","layout","config","revision","onHover","onUnHover","afterPlot","others","ref","afterPlotInternal","propTypes","PropTypes","arrayOf","instanceOf","Object","isRequired","func","number","styles","name"],"sources":["../../../src/Chart/Plot/Plot.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport Plotly from \"plotly.js-basic-dist\";\nimport createPlotlyComponent from \"react-plotly.js/factory\";\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst PlotGraph = createPlotlyComponent(Plotly);\n\nconst plotGraphStyle = { position: \"relative\" };\n\nconst Plot = ({ data, layout, config, revision = 0, onHover, onUnHover, afterPlot, ...others }) => {\n const ref = useRef(null);\n\n /* Callbacks */\n\n const afterPlotInternal = useCallback(() => {\n afterPlot?.(ref);\n }, [afterPlot]);\n\n /* Effects */\n\n /**\n * Call in the first render because react-plotly.js won't do so.\n * (https://github.com/plotly/react-plotly.js/blob/bd15ca98be12b159633fb57c4ea762cb7a64c3a7/src/factory.js#L88)\n */\n // eslint-disable-next-line react-hooks/exhaustive-deps\n useLayoutEffect(afterPlotInternal, []);\n\n return (\n <PlotGraph\n ref={ref}\n data={data}\n layout={layout}\n config={config}\n revision={revision}\n onHover={onHover}\n onUnhover={onUnHover}\n onAfterPlot={afterPlot != null ? afterPlotInternal : null}\n style={plotGraphStyle}\n {...others}\n />\n );\n};\n\nPlot.propTypes = {\n /**\n * Plotly data object.\n */\n data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n /**\n * Plotly layout object.\n */\n layout: PropTypes.instanceOf(Object).isRequired,\n /**\n * Plotly config object.\n */\n config: PropTypes.instanceOf(Object).isRequired,\n /**\n * OnHover function.\n */\n onHover: PropTypes.func,\n /**\n * OnUnHover function.\n */\n onUnHover: PropTypes.func,\n /**\n * Function to be call after plot render.\n */\n afterPlot: PropTypes.func,\n /**\n * Plot revision.\n */\n revision: PropTypes.number,\n};\n\nexport default withStyles(styles, { name: \"HvChartPlot\" })(Plot);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,SAAS,GAAG,sBAAsBC,eAAtB,CAAlB;AAEA,IAAMC,cAAc,GAAG;EAAEC,QAAQ,EAAE;AAAZ,CAAvB;;AAEA,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAAsF;EAAA,IAAnFC,IAAmF,QAAnFA,IAAmF;EAAA,IAA7EC,MAA6E,QAA7EA,MAA6E;EAAA,IAArEC,MAAqE,QAArEA,MAAqE;EAAA,yBAA7DC,QAA6D;EAAA,IAA7DA,QAA6D,8BAAlD,CAAkD;EAAA,IAA/CC,OAA+C,QAA/CA,OAA+C;EAAA,IAAtCC,SAAsC,QAAtCA,SAAsC;EAAA,IAA3BC,SAA2B,QAA3BA,SAA2B;EAAA,IAAbC,MAAa;EACjG,IAAMC,GAAG,GAAG,mBAAO,IAAP,CAAZ;EAEA;;EAEA,IAAMC,iBAAiB,GAAG,wBAAY,YAAM;IAC1CH,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAGE,GAAH,CAAT;EACD,CAFyB,EAEvB,CAACF,SAAD,CAFuB,CAA1B;EAIA;;EAEA;AACF;AACA;AACA;EACE;;EACA,4BAAgBG,iBAAhB,EAAmC,EAAnC;EAEA,oBACE,6BAAC,SAAD;IACE,GAAG,EAAED,GADP;IAEE,IAAI,EAAER,IAFR;IAGE,MAAM,EAAEC,MAHV;IAIE,MAAM,EAAEC,MAJV;IAKE,QAAQ,EAAEC,QALZ;IAME,OAAO,EAAEC,OANX;IAOE,SAAS,EAAEC,SAPb;IAQE,WAAW,EAAEC,SAAS,IAAI,IAAb,GAAoBG,iBAApB,GAAwC,IARvD;IASE,KAAK,EAAEZ;EATT,GAUMU,MAVN,EADF;AAcD,CAhCD;;AAkCA,wCAAAR,IAAI,CAACW,SAAL,GAAiB;EACf;AACF;AACA;EACEV,IAAI,EAAEW,mBAAUC,OAAV,CAAkBD,mBAAUE,UAAV,CAAqBC,MAArB,CAAlB,EAAgDC,UAJvC;;EAKf;AACF;AACA;EACEd,MAAM,EAAEU,mBAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UARtB;;EASf;AACF;AACA;EACEb,MAAM,EAAES,mBAAUE,UAAV,CAAqBC,MAArB,EAA6BC,UAZtB;;EAaf;AACF;AACA;EACEX,OAAO,EAAEO,mBAAUK,IAhBJ;;EAiBf;AACF;AACA;EACEX,SAAS,EAAEM,mBAAUK,IApBN;;EAqBf;AACF;AACA;EACEV,SAAS,EAAEK,mBAAUK,IAxBN;;EAyBf;AACF;AACA;EACEb,QAAQ,EAAEQ,mBAAUM;AA5BL,CAAjB;;eA+Be,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4CpB,IAA5C,C"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "default", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _Plot.default;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
var _Plot = _interopRequireDefault(require("./Plot"));
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/Chart/Plot/index.js"],"sourcesContent":["export { default } from \"./Plot\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/Chart/Plot/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,EAAf;eAEeA,M"}
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.string.iterator.js");
|
|
4
|
+
|
|
5
|
+
require("core-js/modules/es.weak-map.js");
|
|
6
|
+
|
|
7
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
8
|
+
|
|
9
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
10
|
+
|
|
11
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
12
|
+
|
|
13
|
+
Object.defineProperty(exports, "__esModule", {
|
|
14
|
+
value: true
|
|
15
|
+
});
|
|
16
|
+
exports.default = void 0;
|
|
17
|
+
|
|
18
|
+
require("core-js/modules/es.array.map.js");
|
|
19
|
+
|
|
20
|
+
require("core-js/modules/es.function.name.js");
|
|
21
|
+
|
|
22
|
+
require("core-js/modules/es.array.iterator.js");
|
|
23
|
+
|
|
24
|
+
require("core-js/modules/es.object.to-string.js");
|
|
25
|
+
|
|
26
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
27
|
+
|
|
28
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
+
|
|
30
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
|
+
|
|
32
|
+
var _core = require("@material-ui/core");
|
|
33
|
+
|
|
34
|
+
var _Typography = _interopRequireDefault(require("../../../Typography"));
|
|
35
|
+
|
|
36
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
37
|
+
|
|
38
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
39
|
+
|
|
40
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
41
|
+
|
|
42
|
+
var MultiTooltip = function MultiTooltip(_ref) {
|
|
43
|
+
var _data$elements;
|
|
44
|
+
|
|
45
|
+
var classes = _ref.classes,
|
|
46
|
+
data = _ref.data;
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
48
|
+
className: classes.root
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
50
|
+
className: classes.title
|
|
51
|
+
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
52
|
+
variant: "highlightText"
|
|
53
|
+
}, data.title))), /*#__PURE__*/_react.default.createElement("div", {
|
|
54
|
+
className: classes.valuesContainer
|
|
55
|
+
}, data === null || data === void 0 ? void 0 : (_data$elements = data.elements) === null || _data$elements === void 0 ? void 0 : _data$elements.map(function (element) {
|
|
56
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
57
|
+
key: element.name,
|
|
58
|
+
className: classes.values
|
|
59
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
60
|
+
className: classes.valueNameWrapper
|
|
61
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
62
|
+
className: classes.color,
|
|
63
|
+
style: {
|
|
64
|
+
backgroundColor: element.color
|
|
65
|
+
}
|
|
66
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
67
|
+
className: classes.separatorColor
|
|
68
|
+
}), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
69
|
+
variant: "highlightText"
|
|
70
|
+
}, element.name)), /*#__PURE__*/_react.default.createElement("div", {
|
|
71
|
+
className: classes.separator
|
|
72
|
+
})), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, null, element.value)));
|
|
73
|
+
})));
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
|
|
77
|
+
/**
|
|
78
|
+
* A Jss Object used to override or extend the styles applied.
|
|
79
|
+
*/
|
|
80
|
+
classes: _propTypes.default.shape({
|
|
81
|
+
/**
|
|
82
|
+
* Styles applied to the root.
|
|
83
|
+
*/
|
|
84
|
+
root: _propTypes.default.string,
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Styles applied to the title.
|
|
88
|
+
*/
|
|
89
|
+
title: _propTypes.default.string,
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Styles applied to the values container.
|
|
93
|
+
*/
|
|
94
|
+
valuesContainer: _propTypes.default.string,
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* Styling applied to the elements describing a data.
|
|
98
|
+
*/
|
|
99
|
+
valueNameWrapper: _propTypes.default.string,
|
|
100
|
+
|
|
101
|
+
/**
|
|
102
|
+
* Styles applied to the values.
|
|
103
|
+
*/
|
|
104
|
+
values: _propTypes.default.string,
|
|
105
|
+
|
|
106
|
+
/**
|
|
107
|
+
* Styles applied to the color.
|
|
108
|
+
*/
|
|
109
|
+
color: _propTypes.default.string,
|
|
110
|
+
|
|
111
|
+
/**
|
|
112
|
+
* Styles applied to the separator between color and title.
|
|
113
|
+
*/
|
|
114
|
+
separatorColor: _propTypes.default.string,
|
|
115
|
+
|
|
116
|
+
/**
|
|
117
|
+
* Styles applied to the separator.
|
|
118
|
+
*/
|
|
119
|
+
separator: _propTypes.default.string
|
|
120
|
+
}).isRequired,
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* Data of the tooltip.
|
|
124
|
+
*/
|
|
125
|
+
data: _propTypes.default.shape({
|
|
126
|
+
/**
|
|
127
|
+
* Styles applied to the barchart root class.
|
|
128
|
+
*/
|
|
129
|
+
title: _propTypes.default.string,
|
|
130
|
+
|
|
131
|
+
/**
|
|
132
|
+
* Values of tooltip
|
|
133
|
+
*/
|
|
134
|
+
elements: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
135
|
+
/**
|
|
136
|
+
* Color (in hex).
|
|
137
|
+
*/
|
|
138
|
+
color: _propTypes.default.string,
|
|
139
|
+
|
|
140
|
+
/**
|
|
141
|
+
* Name.
|
|
142
|
+
*/
|
|
143
|
+
name: _propTypes.default.string,
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* Value.
|
|
147
|
+
*/
|
|
148
|
+
value: _propTypes.default.number
|
|
149
|
+
}))
|
|
150
|
+
}).isRequired
|
|
151
|
+
} : void 0;
|
|
152
|
+
|
|
153
|
+
var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
|
|
154
|
+
return prevProps.data === nextProps.data;
|
|
155
|
+
};
|
|
156
|
+
|
|
157
|
+
var _default = (0, _core.withStyles)(_styles.default, {
|
|
158
|
+
name: "HvChartMultiTooltip"
|
|
159
|
+
})( /*#__PURE__*/(0, _react.memo)(MultiTooltip, arePropsEqual));
|
|
160
|
+
|
|
161
|
+
exports.default = _default;
|
|
162
|
+
//# sourceMappingURL=MultiTooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiTooltip.js","names":["MultiTooltip","classes","data","root","title","valuesContainer","elements","map","element","name","values","valueNameWrapper","color","backgroundColor","separatorColor","separator","value","propTypes","PropTypes","shape","string","isRequired","arrayOf","number","arePropsEqual","prevProps","nextProps","styles"],"sources":["../../../../src/Chart/Tooltip/MultiTooltip/MultiTooltip.js"],"sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Typography from \"../../../Typography\";\nimport styles from \"./styles\";\n\nconst MultiTooltip = ({ classes, data }) => (\n <div className={classes.root}>\n <div className={classes.title}>\n <div>\n <Typography variant=\"highlightText\">{data.title}</Typography>\n </div>\n </div>\n <div className={classes.valuesContainer}>\n {data?.elements?.map((element) => (\n <div key={element.name} className={classes.values}>\n <div className={classes.valueNameWrapper}>\n <div className={classes.color} style={{ backgroundColor: element.color }} />\n <div className={classes.separatorColor} />\n <div>\n <Typography variant=\"highlightText\">{element.name}</Typography>\n </div>\n <div className={classes.separator} />\n </div>\n <div>\n <Typography>{element.value}</Typography>\n </div>\n </div>\n ))}\n </div>\n </div>\n);\n\nMultiTooltip.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the title.\n */\n title: PropTypes.string,\n /**\n * Styles applied to the values container.\n */\n valuesContainer: PropTypes.string,\n /**\n * Styling applied to the elements describing a data.\n */\n valueNameWrapper: PropTypes.string,\n /**\n * Styles applied to the values.\n */\n values: PropTypes.string,\n /**\n * Styles applied to the color.\n */\n color: PropTypes.string,\n /**\n * Styles applied to the separator between color and title.\n */\n separatorColor: PropTypes.string,\n /**\n * Styles applied to the separator.\n */\n separator: PropTypes.string,\n }).isRequired,\n /**\n * Data of the tooltip.\n */\n data: PropTypes.shape({\n /**\n * Styles applied to the barchart root class.\n */\n title: PropTypes.string,\n /**\n * Values of tooltip\n */\n elements: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Color (in hex).\n */\n color: PropTypes.string,\n /**\n * Name.\n */\n name: PropTypes.string,\n /**\n * Value.\n */\n value: PropTypes.number,\n })\n ),\n }).isRequired,\n};\n\nconst arePropsEqual = (prevProps, nextProps) => prevProps.data === nextProps.data;\n\nexport default withStyles(styles, { name: \"HvChartMultiTooltip\" })(\n memo(MultiTooltip, arePropsEqual)\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA;;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,IAAZ,QAAYA,IAAZ;EAAA,oBACnB;IAAK,SAAS,EAAED,OAAO,CAACE;EAAxB,gBACE;IAAK,SAAS,EAAEF,OAAO,CAACG;EAAxB,gBACE,uDACE,6BAAC,mBAAD;IAAY,OAAO,EAAC;EAApB,GAAqCF,IAAI,CAACE,KAA1C,CADF,CADF,CADF,eAME;IAAK,SAAS,EAAEH,OAAO,CAACI;EAAxB,GACGH,IADH,aACGA,IADH,yCACGA,IAAI,CAAEI,QADT,mDACG,eAAgBC,GAAhB,CAAoB,UAACC,OAAD;IAAA,oBACnB;MAAK,GAAG,EAAEA,OAAO,CAACC,IAAlB;MAAwB,SAAS,EAAER,OAAO,CAACS;IAA3C,gBACE;MAAK,SAAS,EAAET,OAAO,CAACU;IAAxB,gBACE;MAAK,SAAS,EAAEV,OAAO,CAACW,KAAxB;MAA+B,KAAK,EAAE;QAAEC,eAAe,EAAEL,OAAO,CAACI;MAA3B;IAAtC,EADF,eAEE;MAAK,SAAS,EAAEX,OAAO,CAACa;IAAxB,EAFF,eAGE,uDACE,6BAAC,mBAAD;MAAY,OAAO,EAAC;IAApB,GAAqCN,OAAO,CAACC,IAA7C,CADF,CAHF,eAME;MAAK,SAAS,EAAER,OAAO,CAACc;IAAxB,EANF,CADF,eASE,uDACE,6BAAC,mBAAD,QAAaP,OAAO,CAACQ,KAArB,CADF,CATF,CADmB;EAAA,CAApB,CADH,CANF,CADmB;AAAA,CAArB;;AA2BA,wCAAAhB,YAAY,CAACiB,SAAb,GAAyB;EACvB;AACF;AACA;EACEhB,OAAO,EAAEiB,mBAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIhB,IAAI,EAAEe,mBAAUE,MAJO;;IAKvB;AACJ;AACA;IACIhB,KAAK,EAAEc,mBAAUE,MARM;;IASvB;AACJ;AACA;IACIf,eAAe,EAAEa,mBAAUE,MAZJ;;IAavB;AACJ;AACA;IACIT,gBAAgB,EAAEO,mBAAUE,MAhBL;;IAiBvB;AACJ;AACA;IACIV,MAAM,EAAEQ,mBAAUE,MApBK;;IAqBvB;AACJ;AACA;IACIR,KAAK,EAAEM,mBAAUE,MAxBM;;IAyBvB;AACJ;AACA;IACIN,cAAc,EAAEI,mBAAUE,MA5BH;;IA6BvB;AACJ;AACA;IACIL,SAAS,EAAEG,mBAAUE;EAhCE,CAAhB,EAiCNC,UArCoB;;EAsCvB;AACF;AACA;EACEnB,IAAI,EAAEgB,mBAAUC,KAAV,CAAgB;IACpB;AACJ;AACA;IACIf,KAAK,EAAEc,mBAAUE,MAJG;;IAKpB;AACJ;AACA;IACId,QAAQ,EAAEY,mBAAUI,OAAV,CACRJ,mBAAUC,KAAV,CAAgB;MACd;AACR;AACA;MACQP,KAAK,EAAEM,mBAAUE,MAJH;;MAKd;AACR;AACA;MACQX,IAAI,EAAES,mBAAUE,MARF;;MASd;AACR;AACA;MACQJ,KAAK,EAAEE,mBAAUK;IAZH,CAAhB,CADQ;EARU,CAAhB,EAwBHF;AAjEoB,CAAzB;;AAoEA,IAAMG,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAAYC,SAAZ;EAAA,OAA0BD,SAAS,CAACvB,IAAV,KAAmBwB,SAAS,CAACxB,IAAvD;AAAA,CAAtB;;eAEe,sBAAWyB,eAAX,EAAmB;EAAElB,IAAI,EAAE;AAAR,CAAnB,gBACb,iBAAKT,YAAL,EAAmBwB,aAAnB,CADa,C"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "default", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _MultiTooltip.default;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
var _MultiTooltip = _interopRequireDefault(require("./MultiTooltip"));
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Chart/Tooltip/MultiTooltip/index.js"],"sourcesContent":["export { default } from \"./MultiTooltip\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var styles = function styles(theme) {
|
|
9
|
+
return {
|
|
10
|
+
root: {
|
|
11
|
+
backgroundColor: theme.hv.palette.atmosphere.atmo1,
|
|
12
|
+
width: "fit-content",
|
|
13
|
+
boxShadow: theme.hv.shadows[1],
|
|
14
|
+
zIndex: 100
|
|
15
|
+
},
|
|
16
|
+
title: {
|
|
17
|
+
padding: theme.hvSpacing("15px", "sm"),
|
|
18
|
+
borderBottom: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2)
|
|
19
|
+
},
|
|
20
|
+
valuesContainer: {
|
|
21
|
+
padding: theme.hv.spacing.sm
|
|
22
|
+
},
|
|
23
|
+
values: {
|
|
24
|
+
display: "flex",
|
|
25
|
+
justifyContent: "space-between",
|
|
26
|
+
alignItems: "center",
|
|
27
|
+
paddingBottom: theme.hv.spacing.sm,
|
|
28
|
+
"&:last-child": {
|
|
29
|
+
paddingBottom: 0
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
valueNameWrapper: {
|
|
33
|
+
display: "flex",
|
|
34
|
+
alignItems: "center"
|
|
35
|
+
},
|
|
36
|
+
color: {
|
|
37
|
+
width: theme.hv.spacing.xs,
|
|
38
|
+
height: theme.hv.spacing.xs
|
|
39
|
+
},
|
|
40
|
+
separator: {
|
|
41
|
+
width: theme.hv.spacing.xs
|
|
42
|
+
},
|
|
43
|
+
separatorColor: {
|
|
44
|
+
width: "5px"
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
var _default = styles;
|
|
50
|
+
exports.default = _default;
|
|
51
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","backgroundColor","hv","palette","atmosphere","atmo1","width","boxShadow","shadows","zIndex","title","padding","hvSpacing","borderBottom","atmo2","valuesContainer","spacing","sm","values","display","justifyContent","alignItems","paddingBottom","valueNameWrapper","color","xs","height","separator","separatorColor"],"sources":["../../../../src/Chart/Tooltip/MultiTooltip/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n width: \"fit-content\",\n boxShadow: theme.hv.shadows[1],\n zIndex: 100,\n },\n title: {\n padding: theme.hvSpacing(\"15px\", \"sm\"),\n borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n },\n valuesContainer: {\n padding: theme.hv.spacing.sm,\n },\n values: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n paddingBottom: theme.hv.spacing.sm,\n \"&:last-child\": {\n paddingBottom: 0,\n },\n },\n valueNameWrapper: {\n display: \"flex\",\n alignItems: \"center\",\n },\n color: {\n width: theme.hv.spacing.xs,\n height: theme.hv.spacing.xs,\n },\n separator: {\n width: theme.hv.spacing.xs,\n },\n separatorColor: {\n width: \"5px\",\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADzC;MAEJC,KAAK,EAAE,aAFH;MAGJC,SAAS,EAAER,KAAK,CAACG,EAAN,CAASM,OAAT,CAAiB,CAAjB,CAHP;MAIJC,MAAM,EAAE;IAJJ,CADmB;IAOzBC,KAAK,EAAE;MACLC,OAAO,EAAEZ,KAAK,CAACa,SAAN,CAAgB,MAAhB,EAAwB,IAAxB,CADJ;MAELC,YAAY,sBAAed,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BU,KAA3C;IAFP,CAPkB;IAWzBC,eAAe,EAAE;MACfJ,OAAO,EAAEZ,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBC;IADX,CAXQ;IAczBC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,cAAc,EAAE,eAFV;MAGNC,UAAU,EAAE,QAHN;MAINC,aAAa,EAAEvB,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBC,EAJ1B;MAKN,gBAAgB;QACdK,aAAa,EAAE;MADD;IALV,CAdiB;IAuBzBC,gBAAgB,EAAE;MAChBJ,OAAO,EAAE,MADO;MAEhBE,UAAU,EAAE;IAFI,CAvBO;IA2BzBG,KAAK,EAAE;MACLlB,KAAK,EAAEP,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBS,EADnB;MAELC,MAAM,EAAE3B,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBS;IAFpB,CA3BkB;IA+BzBE,SAAS,EAAE;MACTrB,KAAK,EAAEP,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBS;IADf,CA/Bc;IAkCzBG,cAAc,EAAE;MACdtB,KAAK,EAAE;IADO;EAlCS,CAAZ;AAAA,CAAf;;eAuCeR,M"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.array.iterator.js");
|
|
4
|
+
|
|
5
|
+
require("core-js/modules/es.object.to-string.js");
|
|
6
|
+
|
|
7
|
+
require("core-js/modules/es.string.iterator.js");
|
|
8
|
+
|
|
9
|
+
require("core-js/modules/es.weak-map.js");
|
|
10
|
+
|
|
11
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
12
|
+
|
|
13
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
14
|
+
|
|
15
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
16
|
+
|
|
17
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
18
|
+
|
|
19
|
+
Object.defineProperty(exports, "__esModule", {
|
|
20
|
+
value: true
|
|
21
|
+
});
|
|
22
|
+
exports.default = void 0;
|
|
23
|
+
|
|
24
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
25
|
+
|
|
26
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
+
|
|
28
|
+
var _core = require("@material-ui/core");
|
|
29
|
+
|
|
30
|
+
var _Typography = _interopRequireDefault(require("../../../Typography"));
|
|
31
|
+
|
|
32
|
+
var _styles = _interopRequireDefault(require("./styles"));
|
|
33
|
+
|
|
34
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
35
|
+
|
|
36
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
37
|
+
|
|
38
|
+
var SingleTooltip = function SingleTooltip(_ref) {
|
|
39
|
+
var classes = _ref.classes,
|
|
40
|
+
title = _ref.title,
|
|
41
|
+
value = _ref.value;
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
43
|
+
className: classes.root
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
45
|
+
variant: "highlightText"
|
|
46
|
+
}, title)), /*#__PURE__*/_react.default.createElement("div", {
|
|
47
|
+
className: classes.separator
|
|
48
|
+
}), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Typography.default, null, value)));
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
process.env.NODE_ENV !== "production" ? SingleTooltip.propTypes = {
|
|
52
|
+
/**
|
|
53
|
+
* A Jss Object used to override or extend the styles applied.
|
|
54
|
+
*/
|
|
55
|
+
classes: _propTypes.default.shape({
|
|
56
|
+
/**
|
|
57
|
+
* Styles applied to the root class.
|
|
58
|
+
*/
|
|
59
|
+
root: _propTypes.default.string,
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* Styles applied to the separator between title and value.
|
|
63
|
+
*/
|
|
64
|
+
separator: _propTypes.default.string
|
|
65
|
+
}).isRequired,
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* Title of the chart.
|
|
69
|
+
*/
|
|
70
|
+
title: _propTypes.default.string.isRequired,
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Value of the chart.
|
|
74
|
+
*/
|
|
75
|
+
value: _propTypes.default.number.isRequired
|
|
76
|
+
} : void 0;
|
|
77
|
+
|
|
78
|
+
var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
|
|
79
|
+
return prevProps.title === nextProps.title && prevProps.value === nextProps.value;
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
var _default = (0, _core.withStyles)(_styles.default, {
|
|
83
|
+
name: "HvChartSingleTooltip"
|
|
84
|
+
})( /*#__PURE__*/(0, _react.memo)(SingleTooltip, arePropsEqual));
|
|
85
|
+
|
|
86
|
+
exports.default = _default;
|
|
87
|
+
//# sourceMappingURL=SingleTooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleTooltip.js","names":["SingleTooltip","classes","title","value","root","separator","propTypes","PropTypes","shape","string","isRequired","number","arePropsEqual","prevProps","nextProps","styles","name"],"sources":["../../../../src/Chart/Tooltip/SingleTooltip/SingleTooltip.js"],"sourcesContent":["import React, { memo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Typography from \"../../../Typography\";\nimport styles from \"./styles\";\n\nconst SingleTooltip = ({ classes, title, value }) => (\n <div className={classes.root}>\n <div>\n <Typography variant=\"highlightText\">{title}</Typography>\n </div>\n <div className={classes.separator} />\n <div>\n <Typography>{value}</Typography>\n </div>\n </div>\n);\n\nSingleTooltip.propTypes = {\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.shape({\n /**\n * Styles applied to the root class.\n */\n root: PropTypes.string,\n /**\n * Styles applied to the separator between title and value.\n */\n separator: PropTypes.string,\n }).isRequired,\n /**\n * Title of the chart.\n */\n title: PropTypes.string.isRequired,\n /**\n * Value of the chart.\n */\n value: PropTypes.number.isRequired,\n};\n\nconst arePropsEqual = (prevProps, nextProps) =>\n prevProps.title === nextProps.title && prevProps.value === nextProps.value;\n\nexport default withStyles(styles, { name: \"HvChartSingleTooltip\" })(\n memo(SingleTooltip, arePropsEqual)\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,KAAZ,QAAYA,KAAZ;EAAA,IAAmBC,KAAnB,QAAmBA,KAAnB;EAAA,oBACpB;IAAK,SAAS,EAAEF,OAAO,CAACG;EAAxB,gBACE,uDACE,6BAAC,mBAAD;IAAY,OAAO,EAAC;EAApB,GAAqCF,KAArC,CADF,CADF,eAIE;IAAK,SAAS,EAAED,OAAO,CAACI;EAAxB,EAJF,eAKE,uDACE,6BAAC,mBAAD,QAAaF,KAAb,CADF,CALF,CADoB;AAAA,CAAtB;;AAYA,wCAAAH,aAAa,CAACM,SAAd,GAA0B;EACxB;AACF;AACA;EACEL,OAAO,EAAEM,mBAAUC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEG,mBAAUE,MAJO;;IAKvB;AACJ;AACA;IACIJ,SAAS,EAAEE,mBAAUE;EARE,CAAhB,EASNC,UAbqB;;EAcxB;AACF;AACA;EACER,KAAK,EAAEK,mBAAUE,MAAV,CAAiBC,UAjBA;;EAkBxB;AACF;AACA;EACEP,KAAK,EAAEI,mBAAUI,MAAV,CAAiBD;AArBA,CAA1B;;AAwBA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAAYC,SAAZ;EAAA,OACpBD,SAAS,CAACX,KAAV,KAAoBY,SAAS,CAACZ,KAA9B,IAAuCW,SAAS,CAACV,KAAV,KAAoBW,SAAS,CAACX,KADjD;AAAA,CAAtB;;eAGe,sBAAWY,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,gBACb,iBAAKhB,aAAL,EAAoBY,aAApB,CADa,C"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
Object.defineProperty(exports, "default", {
|
|
9
|
+
enumerable: true,
|
|
10
|
+
get: function get() {
|
|
11
|
+
return _SingleTooltip.default;
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
var _SingleTooltip = _interopRequireDefault(require("./SingleTooltip"));
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/Chart/Tooltip/SingleTooltip/index.js"],"sourcesContent":["export { default } from \"./SingleTooltip\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var styles = function styles(theme) {
|
|
9
|
+
return {
|
|
10
|
+
root: {
|
|
11
|
+
padding: theme.hv.spacing.sm,
|
|
12
|
+
display: "flex",
|
|
13
|
+
backgroundColor: theme.hv.palette.atmosphere.atmo1,
|
|
14
|
+
boxShadow: theme.hv.shadows[1],
|
|
15
|
+
width: "fit-content",
|
|
16
|
+
zIndex: 100
|
|
17
|
+
},
|
|
18
|
+
separator: {
|
|
19
|
+
width: theme.hv.spacing.xs
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
var _default = styles;
|
|
25
|
+
exports.default = _default;
|
|
26
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","names":["styles","theme","root","padding","hv","spacing","sm","display","backgroundColor","palette","atmosphere","atmo1","boxShadow","shadows","width","zIndex","separator","xs"],"sources":["../../../../src/Chart/Tooltip/SingleTooltip/styles.js"],"sourcesContent":["const styles = (theme) => ({\n root: {\n padding: theme.hv.spacing.sm,\n display: \"flex\",\n backgroundColor: theme.hv.palette.atmosphere.atmo1,\n boxShadow: theme.hv.shadows[1],\n width: \"fit-content\",\n zIndex: 100,\n },\n separator: {\n width: theme.hv.spacing.xs,\n },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADtB;MAEJC,OAAO,EAAE,MAFL;MAGJC,eAAe,EAAEP,KAAK,CAACG,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC,KAHzC;MAIJC,SAAS,EAAEX,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiB,CAAjB,CAJP;MAKJC,KAAK,EAAE,aALH;MAMJC,MAAM,EAAE;IANJ,CADmB;IASzBC,SAAS,EAAE;MACTF,KAAK,EAAEb,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBY;IADf;EATc,CAAZ;AAAA,CAAf;;eAcejB,M"}
|