@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.
Files changed (220) hide show
  1. package/dist/Barchart/Barchart.d.ts +14 -0
  2. package/dist/Barchart/Barchart.js +239 -0
  3. package/dist/Barchart/Barchart.js.map +1 -0
  4. package/dist/Barchart/barchartPlotlyOverrides.js +59 -0
  5. package/dist/Barchart/barchartPlotlyOverrides.js.map +1 -0
  6. package/dist/Barchart/index.d.ts +2 -0
  7. package/dist/Barchart/index.js +16 -0
  8. package/dist/Barchart/index.js.map +1 -0
  9. package/dist/Barchart/styles.js +10 -0
  10. package/dist/Barchart/styles.js.map +1 -0
  11. package/dist/Chart/Chart.d.ts +25 -0
  12. package/dist/Chart/Chart.js +215 -0
  13. package/dist/Chart/Chart.js.map +1 -0
  14. package/dist/Chart/Plot/Plot.d.ts +43 -0
  15. package/dist/Chart/Plot/Plot.js +131 -0
  16. package/dist/Chart/Plot/Plot.js.map +1 -0
  17. package/dist/Chart/Plot/index.d.ts +2 -0
  18. package/dist/Chart/Plot/index.js +16 -0
  19. package/dist/Chart/Plot/index.js.map +1 -0
  20. package/dist/Chart/Plot/styles.js +10 -0
  21. package/dist/Chart/Plot/styles.js.map +1 -0
  22. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js +162 -0
  23. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  24. package/dist/Chart/Tooltip/MultiTooltip/index.js +16 -0
  25. package/dist/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  26. package/dist/Chart/Tooltip/MultiTooltip/styles.js +51 -0
  27. package/dist/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  28. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js +87 -0
  29. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  30. package/dist/Chart/Tooltip/SingleTooltip/index.js +16 -0
  31. package/dist/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  32. package/dist/Chart/Tooltip/SingleTooltip/styles.js +26 -0
  33. package/dist/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  34. package/dist/Chart/Tooltip/Tooltip.js +165 -0
  35. package/dist/Chart/Tooltip/Tooltip.js.map +1 -0
  36. package/dist/Chart/Tooltip/index.js +16 -0
  37. package/dist/Chart/Tooltip/index.js.map +1 -0
  38. package/dist/Chart/Tooltip/styles.js +16 -0
  39. package/dist/Chart/Tooltip/styles.js.map +1 -0
  40. package/dist/Chart/chartPlotlyOverrides.js +169 -0
  41. package/dist/Chart/chartPlotlyOverrides.js.map +1 -0
  42. package/dist/Chart/index.d.ts +5 -0
  43. package/dist/Chart/index.js +16 -0
  44. package/dist/Chart/index.js.map +1 -0
  45. package/dist/Chart/styles.js +49 -0
  46. package/dist/Chart/styles.js.map +1 -0
  47. package/dist/Donutchart/Donutchart.d.ts +10 -0
  48. package/dist/Donutchart/Donutchart.js +124 -0
  49. package/dist/Donutchart/Donutchart.js.map +1 -0
  50. package/dist/Donutchart/donutchartPlotlyOverrides.js +56 -0
  51. package/dist/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  52. package/dist/Donutchart/index.d.ts +2 -0
  53. package/dist/Donutchart/index.js +16 -0
  54. package/dist/Donutchart/index.js.map +1 -0
  55. package/dist/Donutchart/styles.js +10 -0
  56. package/dist/Donutchart/styles.js.map +1 -0
  57. package/dist/Linechart/Linechart.d.ts +14 -0
  58. package/dist/Linechart/Linechart.js +130 -0
  59. package/dist/Linechart/Linechart.js.map +1 -0
  60. package/dist/Linechart/index.d.ts +2 -0
  61. package/dist/Linechart/index.js +16 -0
  62. package/dist/Linechart/index.js.map +1 -0
  63. package/dist/Linechart/lineChartPlotlyOverrides.js +79 -0
  64. package/dist/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  65. package/dist/Linechart/styles.js +10 -0
  66. package/dist/Linechart/styles.js.map +1 -0
  67. package/dist/Provider/Provider.js +3 -14
  68. package/dist/Provider/Provider.js.map +1 -1
  69. package/dist/Stack/Stack.js +14 -14
  70. package/dist/Stack/Stack.js.map +1 -1
  71. package/dist/index.d.ts +9 -0
  72. package/dist/index.js +27 -0
  73. package/dist/index.js.map +1 -1
  74. package/dist/legacy/Barchart/Barchart.d.ts +14 -0
  75. package/dist/legacy/Barchart/Barchart.js +195 -0
  76. package/dist/legacy/Barchart/Barchart.js.map +1 -0
  77. package/dist/legacy/Barchart/barchartPlotlyOverrides.js +43 -0
  78. package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +1 -0
  79. package/dist/legacy/Barchart/index.d.ts +2 -0
  80. package/dist/legacy/Barchart/index.js +2 -0
  81. package/dist/legacy/Barchart/index.js.map +1 -0
  82. package/dist/legacy/Barchart/styles.js +3 -0
  83. package/dist/legacy/Barchart/styles.js.map +1 -0
  84. package/dist/legacy/Chart/Chart.d.ts +25 -0
  85. package/dist/legacy/Chart/Chart.js +174 -0
  86. package/dist/legacy/Chart/Chart.js.map +1 -0
  87. package/dist/legacy/Chart/Plot/Plot.d.ts +43 -0
  88. package/dist/legacy/Chart/Plot/Plot.js +93 -0
  89. package/dist/legacy/Chart/Plot/Plot.js.map +1 -0
  90. package/dist/legacy/Chart/Plot/index.d.ts +2 -0
  91. package/dist/legacy/Chart/Plot/index.js +2 -0
  92. package/dist/legacy/Chart/Plot/index.js.map +1 -0
  93. package/dist/legacy/Chart/Plot/styles.js +3 -0
  94. package/dist/legacy/Chart/Plot/styles.js.map +1 -0
  95. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js +130 -0
  96. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  97. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js +2 -0
  98. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  99. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js +43 -0
  100. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  101. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js +54 -0
  102. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  103. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js +2 -0
  104. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  105. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js +18 -0
  106. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  107. package/dist/legacy/Chart/Tooltip/Tooltip.js +128 -0
  108. package/dist/legacy/Chart/Tooltip/Tooltip.js.map +1 -0
  109. package/dist/legacy/Chart/Tooltip/index.js +2 -0
  110. package/dist/legacy/Chart/Tooltip/index.js.map +1 -0
  111. package/dist/legacy/Chart/Tooltip/styles.js +9 -0
  112. package/dist/legacy/Chart/Tooltip/styles.js.map +1 -0
  113. package/dist/legacy/Chart/chartPlotlyOverrides.js +147 -0
  114. package/dist/legacy/Chart/chartPlotlyOverrides.js.map +1 -0
  115. package/dist/legacy/Chart/index.d.ts +5 -0
  116. package/dist/legacy/Chart/index.js +2 -0
  117. package/dist/legacy/Chart/index.js.map +1 -0
  118. package/dist/legacy/Chart/styles.js +32 -0
  119. package/dist/legacy/Chart/styles.js.map +1 -0
  120. package/dist/legacy/Donutchart/Donutchart.d.ts +10 -0
  121. package/dist/legacy/Donutchart/Donutchart.js +86 -0
  122. package/dist/legacy/Donutchart/Donutchart.js.map +1 -0
  123. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js +40 -0
  124. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  125. package/dist/legacy/Donutchart/index.d.ts +2 -0
  126. package/dist/legacy/Donutchart/index.js +2 -0
  127. package/dist/legacy/Donutchart/index.js.map +1 -0
  128. package/dist/legacy/Donutchart/styles.js +3 -0
  129. package/dist/legacy/Donutchart/styles.js.map +1 -0
  130. package/dist/legacy/Linechart/Linechart.d.ts +14 -0
  131. package/dist/legacy/Linechart/Linechart.js +92 -0
  132. package/dist/legacy/Linechart/Linechart.js.map +1 -0
  133. package/dist/legacy/Linechart/index.d.ts +2 -0
  134. package/dist/legacy/Linechart/index.js +2 -0
  135. package/dist/legacy/Linechart/index.js.map +1 -0
  136. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js +63 -0
  137. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  138. package/dist/legacy/Linechart/styles.js +3 -0
  139. package/dist/legacy/Linechart/styles.js.map +1 -0
  140. package/dist/legacy/Provider/Provider.js +4 -15
  141. package/dist/legacy/Provider/Provider.js.map +1 -1
  142. package/dist/legacy/Stack/Stack.js +14 -14
  143. package/dist/legacy/Stack/Stack.js.map +1 -1
  144. package/dist/legacy/index.d.ts +9 -0
  145. package/dist/legacy/index.js +3 -0
  146. package/dist/legacy/index.js.map +1 -1
  147. package/dist/modern/Barchart/Barchart.d.ts +14 -0
  148. package/dist/modern/Barchart/Barchart.js +176 -0
  149. package/dist/modern/Barchart/Barchart.js.map +1 -0
  150. package/dist/modern/Barchart/barchartPlotlyOverrides.js +41 -0
  151. package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +1 -0
  152. package/dist/modern/Barchart/index.d.ts +2 -0
  153. package/dist/modern/Barchart/index.js +2 -0
  154. package/dist/modern/Barchart/index.js.map +1 -0
  155. package/dist/modern/Barchart/styles.js +3 -0
  156. package/dist/modern/Barchart/styles.js.map +1 -0
  157. package/dist/modern/Chart/Chart.d.ts +25 -0
  158. package/dist/modern/Chart/Chart.js +158 -0
  159. package/dist/modern/Chart/Chart.js.map +1 -0
  160. package/dist/modern/Chart/Plot/Plot.d.ts +43 -0
  161. package/dist/modern/Chart/Plot/Plot.js +94 -0
  162. package/dist/modern/Chart/Plot/Plot.js.map +1 -0
  163. package/dist/modern/Chart/Plot/index.d.ts +2 -0
  164. package/dist/modern/Chart/Plot/index.js +2 -0
  165. package/dist/modern/Chart/Plot/index.js.map +1 -0
  166. package/dist/modern/Chart/Plot/styles.js +3 -0
  167. package/dist/modern/Chart/Plot/styles.js.map +1 -0
  168. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js +123 -0
  169. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  170. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js +2 -0
  171. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  172. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js +41 -0
  173. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  174. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js +51 -0
  175. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  176. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js +2 -0
  177. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  178. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js +16 -0
  179. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  180. package/dist/modern/Chart/Tooltip/Tooltip.js +125 -0
  181. package/dist/modern/Chart/Tooltip/Tooltip.js.map +1 -0
  182. package/dist/modern/Chart/Tooltip/index.js +2 -0
  183. package/dist/modern/Chart/Tooltip/index.js.map +1 -0
  184. package/dist/modern/Chart/Tooltip/styles.js +9 -0
  185. package/dist/modern/Chart/Tooltip/styles.js.map +1 -0
  186. package/dist/modern/Chart/chartPlotlyOverrides.js +137 -0
  187. package/dist/modern/Chart/chartPlotlyOverrides.js.map +1 -0
  188. package/dist/modern/Chart/index.d.ts +5 -0
  189. package/dist/modern/Chart/index.js +2 -0
  190. package/dist/modern/Chart/index.js.map +1 -0
  191. package/dist/modern/Chart/styles.js +23 -0
  192. package/dist/modern/Chart/styles.js.map +1 -0
  193. package/dist/modern/Donutchart/Donutchart.d.ts +10 -0
  194. package/dist/modern/Donutchart/Donutchart.js +82 -0
  195. package/dist/modern/Donutchart/Donutchart.js.map +1 -0
  196. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js +38 -0
  197. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  198. package/dist/modern/Donutchart/index.d.ts +2 -0
  199. package/dist/modern/Donutchart/index.js +2 -0
  200. package/dist/modern/Donutchart/index.js.map +1 -0
  201. package/dist/modern/Donutchart/styles.js +3 -0
  202. package/dist/modern/Donutchart/styles.js.map +1 -0
  203. package/dist/modern/Linechart/Linechart.d.ts +14 -0
  204. package/dist/modern/Linechart/Linechart.js +87 -0
  205. package/dist/modern/Linechart/Linechart.js.map +1 -0
  206. package/dist/modern/Linechart/index.d.ts +2 -0
  207. package/dist/modern/Linechart/index.js +2 -0
  208. package/dist/modern/Linechart/index.js.map +1 -0
  209. package/dist/modern/Linechart/lineChartPlotlyOverrides.js +59 -0
  210. package/dist/modern/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  211. package/dist/modern/Linechart/styles.js +3 -0
  212. package/dist/modern/Linechart/styles.js.map +1 -0
  213. package/dist/modern/Provider/Provider.js +3 -8
  214. package/dist/modern/Provider/Provider.js.map +1 -1
  215. package/dist/modern/Stack/Stack.js +4 -4
  216. package/dist/modern/Stack/Stack.js.map +1 -1
  217. package/dist/modern/index.d.ts +9 -0
  218. package/dist/modern/index.js +3 -0
  219. package/dist/modern/index.js.map +1 -1
  220. 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,93 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ var _excluded = ["data", "layout", "config", "revision", "onHover", "onUnHover", "afterPlot"];
4
+ import React, { useLayoutEffect, useRef, useCallback } from "react";
5
+ import PropTypes from "prop-types";
6
+ import Plotly from "plotly.js-basic-dist";
7
+ import createPlotlyComponent from "react-plotly.js/factory";
8
+ import { withStyles } from "@material-ui/core";
9
+ import styles from "./styles";
10
+ var PlotGraph = createPlotlyComponent(Plotly);
11
+ var plotGraphStyle = {
12
+ position: "relative"
13
+ };
14
+
15
+ var Plot = function Plot(_ref) {
16
+ var data = _ref.data,
17
+ layout = _ref.layout,
18
+ config = _ref.config,
19
+ _ref$revision = _ref.revision,
20
+ revision = _ref$revision === void 0 ? 0 : _ref$revision,
21
+ onHover = _ref.onHover,
22
+ onUnHover = _ref.onUnHover,
23
+ afterPlot = _ref.afterPlot,
24
+ others = _objectWithoutProperties(_ref, _excluded);
25
+
26
+ var ref = useRef(null);
27
+ /* Callbacks */
28
+
29
+ var afterPlotInternal = useCallback(function () {
30
+ afterPlot === null || afterPlot === void 0 ? void 0 : afterPlot(ref);
31
+ }, [afterPlot]);
32
+ /* Effects */
33
+
34
+ /**
35
+ * Call in the first render because react-plotly.js won't do so.
36
+ * (https://github.com/plotly/react-plotly.js/blob/bd15ca98be12b159633fb57c4ea762cb7a64c3a7/src/factory.js#L88)
37
+ */
38
+ // eslint-disable-next-line react-hooks/exhaustive-deps
39
+
40
+ useLayoutEffect(afterPlotInternal, []);
41
+ return /*#__PURE__*/React.createElement(PlotGraph, _extends({
42
+ ref: ref,
43
+ data: data,
44
+ layout: layout,
45
+ config: config,
46
+ revision: revision,
47
+ onHover: onHover,
48
+ onUnhover: onUnHover,
49
+ onAfterPlot: afterPlot != null ? afterPlotInternal : null,
50
+ style: plotGraphStyle
51
+ }, others));
52
+ };
53
+
54
+ process.env.NODE_ENV !== "production" ? Plot.propTypes = {
55
+ /**
56
+ * Plotly data object.
57
+ */
58
+ data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
59
+
60
+ /**
61
+ * Plotly layout object.
62
+ */
63
+ layout: PropTypes.instanceOf(Object).isRequired,
64
+
65
+ /**
66
+ * Plotly config object.
67
+ */
68
+ config: PropTypes.instanceOf(Object).isRequired,
69
+
70
+ /**
71
+ * OnHover function.
72
+ */
73
+ onHover: PropTypes.func,
74
+
75
+ /**
76
+ * OnUnHover function.
77
+ */
78
+ onUnHover: PropTypes.func,
79
+
80
+ /**
81
+ * Function to be call after plot render.
82
+ */
83
+ afterPlot: PropTypes.func,
84
+
85
+ /**
86
+ * Plot revision.
87
+ */
88
+ revision: PropTypes.number
89
+ } : void 0;
90
+ export default withStyles(styles, {
91
+ name: "HvChartPlot"
92
+ })(Plot);
93
+ //# sourceMappingURL=Plot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Plot.js","names":["React","useLayoutEffect","useRef","useCallback","PropTypes","Plotly","createPlotlyComponent","withStyles","styles","PlotGraph","plotGraphStyle","position","Plot","data","layout","config","revision","onHover","onUnHover","afterPlot","others","ref","afterPlotInternal","propTypes","arrayOf","instanceOf","Object","isRequired","func","number","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,OAAOA,KAAP,IAAgBC,eAAhB,EAAiCC,MAAjC,EAAyCC,WAAzC,QAA4D,OAA5D;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,MAAP,MAAmB,sBAAnB;AACA,OAAOC,qBAAP,MAAkC,yBAAlC;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,IAAMC,SAAS,GAAGH,qBAAqB,CAACD,MAAD,CAAvC;AAEA,IAAMK,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,GAAGnB,MAAM,CAAC,IAAD,CAAlB;EAEA;;EAEA,IAAMoB,iBAAiB,GAAGnB,WAAW,CAAC,YAAM;IAC1CgB,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAGE,GAAH,CAAT;EACD,CAFoC,EAElC,CAACF,SAAD,CAFkC,CAArC;EAIA;;EAEA;AACF;AACA;AACA;EACE;;EACAlB,eAAe,CAACqB,iBAAD,EAAoB,EAApB,CAAf;EAEA,oBACE,oBAAC,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,EAAET,SAAS,CAACoB,OAAV,CAAkBpB,SAAS,CAACqB,UAAV,CAAqBC,MAArB,CAAlB,EAAgDC,UAJvC;;EAKf;AACF;AACA;EACEb,MAAM,EAAEV,SAAS,CAACqB,UAAV,CAAqBC,MAArB,EAA6BC,UARtB;;EASf;AACF;AACA;EACEZ,MAAM,EAAEX,SAAS,CAACqB,UAAV,CAAqBC,MAArB,EAA6BC,UAZtB;;EAaf;AACF;AACA;EACEV,OAAO,EAAEb,SAAS,CAACwB,IAhBJ;;EAiBf;AACF;AACA;EACEV,SAAS,EAAEd,SAAS,CAACwB,IApBN;;EAqBf;AACF;AACA;EACET,SAAS,EAAEf,SAAS,CAACwB,IAxBN;;EAyBf;AACF;AACA;EACEZ,QAAQ,EAAEZ,SAAS,CAACyB;AA5BL,CAAjB;AA+BA,eAAetB,UAAU,CAACC,MAAD,EAAS;EAAEsB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4ClB,IAA5C,CAAf"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./Plot";
2
+ export * from "./Plot";
@@ -0,0 +1,2 @@
1
+ export { default } from "./Plot";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Chart/Plot/index.js"],"sourcesContent":["export { default } from \"./Plot\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,QAAxB"}
@@ -0,0 +1,3 @@
1
+ var styles = {};
2
+ export default styles;
3
+ //# sourceMappingURL=styles.js.map
@@ -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;AAEA,eAAeA,MAAf"}
@@ -0,0 +1,130 @@
1
+ import "core-js/modules/es.array.map.js";
2
+ import "core-js/modules/es.function.name.js";
3
+ import "core-js/modules/es.array.iterator.js";
4
+ import "core-js/modules/es.object.to-string.js";
5
+ import "core-js/modules/web.dom-collections.iterator.js";
6
+ import React, { memo } from "react";
7
+ import PropTypes from "prop-types";
8
+ import { withStyles } from "@material-ui/core";
9
+ import Typography from "../../../Typography";
10
+ import styles from "./styles";
11
+
12
+ var MultiTooltip = function MultiTooltip(_ref) {
13
+ var _data$elements;
14
+
15
+ var classes = _ref.classes,
16
+ data = _ref.data;
17
+ return /*#__PURE__*/React.createElement("div", {
18
+ className: classes.root
19
+ }, /*#__PURE__*/React.createElement("div", {
20
+ className: classes.title
21
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
22
+ variant: "highlightText"
23
+ }, data.title))), /*#__PURE__*/React.createElement("div", {
24
+ className: classes.valuesContainer
25
+ }, data === null || data === void 0 ? void 0 : (_data$elements = data.elements) === null || _data$elements === void 0 ? void 0 : _data$elements.map(function (element) {
26
+ return /*#__PURE__*/React.createElement("div", {
27
+ key: element.name,
28
+ className: classes.values
29
+ }, /*#__PURE__*/React.createElement("div", {
30
+ className: classes.valueNameWrapper
31
+ }, /*#__PURE__*/React.createElement("div", {
32
+ className: classes.color,
33
+ style: {
34
+ backgroundColor: element.color
35
+ }
36
+ }), /*#__PURE__*/React.createElement("div", {
37
+ className: classes.separatorColor
38
+ }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
39
+ variant: "highlightText"
40
+ }, element.name)), /*#__PURE__*/React.createElement("div", {
41
+ className: classes.separator
42
+ })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, null, element.value)));
43
+ })));
44
+ };
45
+
46
+ process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
47
+ /**
48
+ * A Jss Object used to override or extend the styles applied.
49
+ */
50
+ classes: PropTypes.shape({
51
+ /**
52
+ * Styles applied to the root.
53
+ */
54
+ root: PropTypes.string,
55
+
56
+ /**
57
+ * Styles applied to the title.
58
+ */
59
+ title: PropTypes.string,
60
+
61
+ /**
62
+ * Styles applied to the values container.
63
+ */
64
+ valuesContainer: PropTypes.string,
65
+
66
+ /**
67
+ * Styling applied to the elements describing a data.
68
+ */
69
+ valueNameWrapper: PropTypes.string,
70
+
71
+ /**
72
+ * Styles applied to the values.
73
+ */
74
+ values: PropTypes.string,
75
+
76
+ /**
77
+ * Styles applied to the color.
78
+ */
79
+ color: PropTypes.string,
80
+
81
+ /**
82
+ * Styles applied to the separator between color and title.
83
+ */
84
+ separatorColor: PropTypes.string,
85
+
86
+ /**
87
+ * Styles applied to the separator.
88
+ */
89
+ separator: PropTypes.string
90
+ }).isRequired,
91
+
92
+ /**
93
+ * Data of the tooltip.
94
+ */
95
+ data: PropTypes.shape({
96
+ /**
97
+ * Styles applied to the barchart root class.
98
+ */
99
+ title: PropTypes.string,
100
+
101
+ /**
102
+ * Values of tooltip
103
+ */
104
+ elements: PropTypes.arrayOf(PropTypes.shape({
105
+ /**
106
+ * Color (in hex).
107
+ */
108
+ color: PropTypes.string,
109
+
110
+ /**
111
+ * Name.
112
+ */
113
+ name: PropTypes.string,
114
+
115
+ /**
116
+ * Value.
117
+ */
118
+ value: PropTypes.number
119
+ }))
120
+ }).isRequired
121
+ } : void 0;
122
+
123
+ var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
124
+ return prevProps.data === nextProps.data;
125
+ };
126
+
127
+ export default withStyles(styles, {
128
+ name: "HvChartMultiTooltip"
129
+ })( /*#__PURE__*/memo(MultiTooltip, arePropsEqual));
130
+ //# sourceMappingURL=MultiTooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiTooltip.js","names":["React","memo","PropTypes","withStyles","Typography","styles","MultiTooltip","classes","data","root","title","valuesContainer","elements","map","element","name","values","valueNameWrapper","color","backgroundColor","separatorColor","separator","value","propTypes","shape","string","isRequired","arrayOf","number","arePropsEqual","prevProps","nextProps"],"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":"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"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./MultiTooltip";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Chart/Tooltip/MultiTooltip/index.js"],"sourcesContent":["export { default } from \"./MultiTooltip\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}
@@ -0,0 +1,43 @@
1
+ var styles = function styles(theme) {
2
+ return {
3
+ root: {
4
+ backgroundColor: theme.hv.palette.atmosphere.atmo1,
5
+ width: "fit-content",
6
+ boxShadow: theme.hv.shadows[1],
7
+ zIndex: 100
8
+ },
9
+ title: {
10
+ padding: theme.hvSpacing("15px", "sm"),
11
+ borderBottom: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2)
12
+ },
13
+ valuesContainer: {
14
+ padding: theme.hv.spacing.sm
15
+ },
16
+ values: {
17
+ display: "flex",
18
+ justifyContent: "space-between",
19
+ alignItems: "center",
20
+ paddingBottom: theme.hv.spacing.sm,
21
+ "&:last-child": {
22
+ paddingBottom: 0
23
+ }
24
+ },
25
+ valueNameWrapper: {
26
+ display: "flex",
27
+ alignItems: "center"
28
+ },
29
+ color: {
30
+ width: theme.hv.spacing.xs,
31
+ height: theme.hv.spacing.xs
32
+ },
33
+ separator: {
34
+ width: theme.hv.spacing.xs
35
+ },
36
+ separatorColor: {
37
+ width: "5px"
38
+ }
39
+ };
40
+ };
41
+
42
+ export default styles;
43
+ //# 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;;AAuCA,eAAeR,MAAf"}
@@ -0,0 +1,54 @@
1
+ import React, { memo } from "react";
2
+ import PropTypes from "prop-types";
3
+ import { withStyles } from "@material-ui/core";
4
+ import Typography from "../../../Typography";
5
+ import styles from "./styles";
6
+
7
+ var SingleTooltip = function SingleTooltip(_ref) {
8
+ var classes = _ref.classes,
9
+ title = _ref.title,
10
+ value = _ref.value;
11
+ return /*#__PURE__*/React.createElement("div", {
12
+ className: classes.root
13
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
14
+ variant: "highlightText"
15
+ }, title)), /*#__PURE__*/React.createElement("div", {
16
+ className: classes.separator
17
+ }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, null, value)));
18
+ };
19
+
20
+ process.env.NODE_ENV !== "production" ? SingleTooltip.propTypes = {
21
+ /**
22
+ * A Jss Object used to override or extend the styles applied.
23
+ */
24
+ classes: PropTypes.shape({
25
+ /**
26
+ * Styles applied to the root class.
27
+ */
28
+ root: PropTypes.string,
29
+
30
+ /**
31
+ * Styles applied to the separator between title and value.
32
+ */
33
+ separator: PropTypes.string
34
+ }).isRequired,
35
+
36
+ /**
37
+ * Title of the chart.
38
+ */
39
+ title: PropTypes.string.isRequired,
40
+
41
+ /**
42
+ * Value of the chart.
43
+ */
44
+ value: PropTypes.number.isRequired
45
+ } : void 0;
46
+
47
+ var arePropsEqual = function arePropsEqual(prevProps, nextProps) {
48
+ return prevProps.title === nextProps.title && prevProps.value === nextProps.value;
49
+ };
50
+
51
+ export default withStyles(styles, {
52
+ name: "HvChartSingleTooltip"
53
+ })( /*#__PURE__*/memo(SingleTooltip, arePropsEqual));
54
+ //# sourceMappingURL=SingleTooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SingleTooltip.js","names":["React","memo","PropTypes","withStyles","Typography","styles","SingleTooltip","classes","title","value","root","separator","propTypes","shape","string","isRequired","number","arePropsEqual","prevProps","nextProps","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,OAAOA,KAAP,IAAgBC,IAAhB,QAA4B,OAA5B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,UAAP,MAAuB,qBAAvB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,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,8CACE,oBAAC,UAAD;IAAY,OAAO,EAAC;EAApB,GAAqCF,KAArC,CADF,CADF,eAIE;IAAK,SAAS,EAAED,OAAO,CAACI;EAAxB,EAJF,eAKE,8CACE,oBAAC,UAAD,QAAaF,KAAb,CADF,CALF,CADoB;AAAA,CAAtB;;AAYA,wCAAAH,aAAa,CAACM,SAAd,GAA0B;EACxB;AACF;AACA;EACEL,OAAO,EAAEL,SAAS,CAACW,KAAV,CAAgB;IACvB;AACJ;AACA;IACIH,IAAI,EAAER,SAAS,CAACY,MAJO;;IAKvB;AACJ;AACA;IACIH,SAAS,EAAET,SAAS,CAACY;EARE,CAAhB,EASNC,UAbqB;;EAcxB;AACF;AACA;EACEP,KAAK,EAAEN,SAAS,CAACY,MAAV,CAAiBC,UAjBA;;EAkBxB;AACF;AACA;EACEN,KAAK,EAAEP,SAAS,CAACc,MAAV,CAAiBD;AArBA,CAA1B;;AAwBA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAAYC,SAAZ;EAAA,OACpBD,SAAS,CAACV,KAAV,KAAoBW,SAAS,CAACX,KAA9B,IAAuCU,SAAS,CAACT,KAAV,KAAoBU,SAAS,CAACV,KADjD;AAAA,CAAtB;;AAGA,eAAeN,UAAU,CAACE,MAAD,EAAS;EAAEe,IAAI,EAAE;AAAR,CAAT,CAAV,eACbnB,IAAI,CAACK,aAAD,EAAgBW,aAAhB,CADS,CAAf"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./SingleTooltip";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Chart/Tooltip/SingleTooltip/index.js"],"sourcesContent":["export { default } from \"./SingleTooltip\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,iBAAxB"}
@@ -0,0 +1,18 @@
1
+ var styles = function styles(theme) {
2
+ return {
3
+ root: {
4
+ padding: theme.hv.spacing.sm,
5
+ display: "flex",
6
+ backgroundColor: theme.hv.palette.atmosphere.atmo1,
7
+ boxShadow: theme.hv.shadows[1],
8
+ width: "fit-content",
9
+ zIndex: 100
10
+ },
11
+ separator: {
12
+ width: theme.hv.spacing.xs
13
+ }
14
+ };
15
+ };
16
+
17
+ export default styles;
18
+ //# 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;;AAcA,eAAejB,MAAf"}
@@ -0,0 +1,128 @@
1
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
+ import React, { useEffect, useRef, useState } from "react";
3
+ import PropTypes from "prop-types";
4
+ import { withStyles } from "@material-ui/core";
5
+ import SingleTooltip from "./SingleTooltip";
6
+ import MultipleTooltip from "./MultiTooltip";
7
+ import styles from "./styles";
8
+ var offset = 20;
9
+ /**
10
+ * Component responsible for deciding which tooltip should be use and to calculate
11
+ * the exact position where it should be render.
12
+ */
13
+
14
+ var MainToolTip = function MainToolTip(_ref) {
15
+ var classes = _ref.classes,
16
+ coordinates = _ref.coordinates,
17
+ data = _ref.data,
18
+ useSingle = _ref.useSingle;
19
+ var x = coordinates.x,
20
+ y = coordinates.y;
21
+
22
+ var _useState = useState({
23
+ left: x,
24
+ top: y,
25
+ visibility: "hidden"
26
+ }),
27
+ _useState2 = _slicedToArray(_useState, 2),
28
+ style = _useState2[0],
29
+ setStyle = _useState2[1];
30
+
31
+ var ref = useRef(null);
32
+ /**
33
+ * Calculate the position where the tooltip has to render, having in account
34
+ * the dimensions.
35
+ */
36
+
37
+ useEffect(function () {
38
+ if (!ref.current || !ref.current.getBoundingClientRect().width) return;
39
+
40
+ var _ref$current$getBound = ref.current.getBoundingClientRect(),
41
+ width = _ref$current$getBound.width,
42
+ height = _ref$current$getBound.height;
43
+
44
+ setStyle({
45
+ left: x - width / 2,
46
+ top: y - height - offset
47
+ });
48
+ }, [x, y]);
49
+ return /*#__PURE__*/React.createElement("div", {
50
+ ref: ref,
51
+ className: classes.root,
52
+ style: style
53
+ }, useSingle && /*#__PURE__*/React.createElement(SingleTooltip, {
54
+ title: data.title,
55
+ value: data.elements[0].value
56
+ }) || /*#__PURE__*/React.createElement(MultipleTooltip, {
57
+ data: data
58
+ }));
59
+ };
60
+
61
+ process.env.NODE_ENV !== "production" ? MainToolTip.propTypes = {
62
+ /**
63
+ * A Jss Object used to override or extend the styles applied.
64
+ */
65
+ classes: PropTypes.shape({
66
+ /**
67
+ * Styles applied to the barchart root class.
68
+ */
69
+ root: PropTypes.string
70
+ }).isRequired,
71
+
72
+ /**
73
+ * Data of the tooltip.
74
+ */
75
+ data: PropTypes.shape({
76
+ /**
77
+ * Title.
78
+ */
79
+ title: PropTypes.string,
80
+
81
+ /**
82
+ * Values of the tooltip.
83
+ */
84
+ elements: PropTypes.arrayOf(PropTypes.shape({
85
+ /**
86
+ * Color of the bar.
87
+ */
88
+ color: PropTypes.string,
89
+
90
+ /**
91
+ * Name.
92
+ */
93
+ name: PropTypes.string,
94
+
95
+ /**
96
+ * Value.
97
+ */
98
+ value: PropTypes.number
99
+ }))
100
+ }).isRequired,
101
+
102
+ /**
103
+ * Coordinates.
104
+ */
105
+ coordinates: PropTypes.shape({
106
+ /**
107
+ * xx's coordinate.
108
+ */
109
+ x: PropTypes.number.isRequired,
110
+
111
+ /**
112
+ * yy's coordinate.
113
+ */
114
+ y: PropTypes.number.isRequired
115
+ }).isRequired,
116
+
117
+ /**
118
+ * Defines if should use a single or multiline tooltip.
119
+ */
120
+ useSingle: PropTypes.bool
121
+ } : void 0;
122
+ MainToolTip.defaultProps = {
123
+ useSingle: false
124
+ };
125
+ export default withStyles(styles, {
126
+ name: "HvChartTooltip"
127
+ })(MainToolTip);
128
+ //# sourceMappingURL=Tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tooltip.js","names":["React","useEffect","useRef","useState","PropTypes","withStyles","SingleTooltip","MultipleTooltip","styles","offset","MainToolTip","classes","coordinates","data","useSingle","x","y","left","top","visibility","style","setStyle","ref","current","getBoundingClientRect","width","height","root","title","elements","value","propTypes","shape","string","isRequired","arrayOf","color","name","number","bool","defaultProps"],"sources":["../../../../src/Chart/Tooltip/Tooltip.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport SingleTooltip from \"./SingleTooltip\";\nimport MultipleTooltip from \"./MultiTooltip\";\nimport styles from \"./styles\";\n\nconst offset = 20;\n\n/**\n * Component responsible for deciding which tooltip should be use and to calculate\n * the exact position where it should be render.\n */\nconst MainToolTip = ({ classes, coordinates, data, useSingle }) => {\n const { x, y } = coordinates;\n const [style, setStyle] = useState({ left: x, top: y, visibility: \"hidden\" });\n const ref = useRef(null);\n\n /**\n * Calculate the position where the tooltip has to render, having in account\n * the dimensions.\n */\n useEffect(() => {\n if (!ref.current || !ref.current.getBoundingClientRect().width) return;\n\n const { width, height } = ref.current.getBoundingClientRect();\n\n setStyle({ left: x - width / 2, top: y - height - offset });\n }, [x, y]);\n\n return (\n <div ref={ref} className={classes.root} style={style}>\n {(useSingle && <SingleTooltip title={data.title} value={data.elements[0].value} />) || (\n <MultipleTooltip data={data} />\n )}\n </div>\n );\n};\n\nMainToolTip.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 barchart root class.\n */\n root: PropTypes.string,\n }).isRequired,\n /**\n * Data of the tooltip.\n */\n data: PropTypes.shape({\n /**\n * Title.\n */\n title: PropTypes.string,\n /**\n * Values of the tooltip.\n */\n elements: PropTypes.arrayOf(\n PropTypes.shape({\n /**\n * Color of the bar.\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 * Coordinates.\n */\n coordinates: PropTypes.shape({\n /**\n * xx's coordinate.\n */\n x: PropTypes.number.isRequired,\n /**\n * yy's coordinate.\n */\n y: PropTypes.number.isRequired,\n }).isRequired,\n /**\n * Defines if should use a single or multiline tooltip.\n */\n useSingle: PropTypes.bool,\n};\n\nMainToolTip.defaultProps = {\n useSingle: false,\n};\n\nexport default withStyles(styles, { name: \"HvChartTooltip\" })(MainToolTip);\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./Tooltip";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/Chart/Tooltip/index.js"],"sourcesContent":["export { default } from \"./Tooltip\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB"}
@@ -0,0 +1,9 @@
1
+ var styles = {
2
+ root: {
3
+ position: "fixed",
4
+ zIndex: 100,
5
+ pointerEvents: "none"
6
+ }
7
+ };
8
+ export default styles;
9
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","names":["styles","root","position","zIndex","pointerEvents"],"sources":["../../../../src/Chart/Tooltip/styles.js"],"sourcesContent":["const styles = {\n root: {\n position: \"fixed\",\n zIndex: 100,\n pointerEvents: \"none\",\n },\n};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,QAAQ,EAAE,OADN;IAEJC,MAAM,EAAE,GAFJ;IAGJC,aAAa,EAAE;EAHX;AADO,CAAf;AAQA,eAAeJ,MAAf"}