@hitachivantara/uikit-react-core 3.66.1-next.4 → 3.67.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (295) 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/BaseInput/BaseInput.js +6 -1
  12. package/dist/BaseInput/BaseInput.js.map +1 -1
  13. package/dist/BaseInput/styles.js +3 -0
  14. package/dist/BaseInput/styles.js.map +1 -1
  15. package/dist/Chart/Chart.d.ts +25 -0
  16. package/dist/Chart/Chart.js +215 -0
  17. package/dist/Chart/Chart.js.map +1 -0
  18. package/dist/Chart/Plot/Plot.d.ts +43 -0
  19. package/dist/Chart/Plot/Plot.js +131 -0
  20. package/dist/Chart/Plot/Plot.js.map +1 -0
  21. package/dist/Chart/Plot/index.d.ts +2 -0
  22. package/dist/Chart/Plot/index.js +16 -0
  23. package/dist/Chart/Plot/index.js.map +1 -0
  24. package/dist/Chart/Plot/styles.js +10 -0
  25. package/dist/Chart/Plot/styles.js.map +1 -0
  26. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js +162 -0
  27. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  28. package/dist/Chart/Tooltip/MultiTooltip/index.js +16 -0
  29. package/dist/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  30. package/dist/Chart/Tooltip/MultiTooltip/styles.js +51 -0
  31. package/dist/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  32. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js +87 -0
  33. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  34. package/dist/Chart/Tooltip/SingleTooltip/index.js +16 -0
  35. package/dist/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  36. package/dist/Chart/Tooltip/SingleTooltip/styles.js +26 -0
  37. package/dist/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  38. package/dist/Chart/Tooltip/Tooltip.js +165 -0
  39. package/dist/Chart/Tooltip/Tooltip.js.map +1 -0
  40. package/dist/Chart/Tooltip/index.js +16 -0
  41. package/dist/Chart/Tooltip/index.js.map +1 -0
  42. package/dist/Chart/Tooltip/styles.js +16 -0
  43. package/dist/Chart/Tooltip/styles.js.map +1 -0
  44. package/dist/Chart/chartPlotlyOverrides.js +169 -0
  45. package/dist/Chart/chartPlotlyOverrides.js.map +1 -0
  46. package/dist/Chart/index.d.ts +5 -0
  47. package/dist/Chart/index.js +16 -0
  48. package/dist/Chart/index.js.map +1 -0
  49. package/dist/Chart/styles.js +49 -0
  50. package/dist/Chart/styles.js.map +1 -0
  51. package/dist/Donutchart/Donutchart.d.ts +10 -0
  52. package/dist/Donutchart/Donutchart.js +124 -0
  53. package/dist/Donutchart/Donutchart.js.map +1 -0
  54. package/dist/Donutchart/donutchartPlotlyOverrides.js +56 -0
  55. package/dist/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  56. package/dist/Donutchart/index.d.ts +2 -0
  57. package/dist/Donutchart/index.js +16 -0
  58. package/dist/Donutchart/index.js.map +1 -0
  59. package/dist/Donutchart/styles.js +10 -0
  60. package/dist/Donutchart/styles.js.map +1 -0
  61. package/dist/FilterGroup/FilterGroup.d.ts +3 -3
  62. package/dist/Forms/FormElement/index.d.ts +4 -0
  63. package/dist/Forms/FormElement/index.js +14 -0
  64. package/dist/Forms/FormElement/index.js.map +1 -1
  65. package/dist/Linechart/Linechart.d.ts +14 -0
  66. package/dist/Linechart/Linechart.js +130 -0
  67. package/dist/Linechart/Linechart.js.map +1 -0
  68. package/dist/Linechart/index.d.ts +2 -0
  69. package/dist/Linechart/index.js +16 -0
  70. package/dist/Linechart/index.js.map +1 -0
  71. package/dist/Linechart/lineChartPlotlyOverrides.js +79 -0
  72. package/dist/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  73. package/dist/Linechart/styles.js +10 -0
  74. package/dist/Linechart/styles.js.map +1 -0
  75. package/dist/Provider/Provider.js +3 -14
  76. package/dist/Provider/Provider.js.map +1 -1
  77. package/dist/Slider/Slider.d.ts +185 -0
  78. package/dist/Slider/Slider.js +803 -0
  79. package/dist/Slider/Slider.js.map +1 -0
  80. package/dist/Slider/SliderInput/SliderInput.js +194 -0
  81. package/dist/Slider/SliderInput/SliderInput.js.map +1 -0
  82. package/dist/Slider/SliderInput/index.d.ts +1 -0
  83. package/dist/Slider/SliderInput/index.js +16 -0
  84. package/dist/Slider/SliderInput/index.js.map +1 -0
  85. package/dist/Slider/SliderInput/styles.js +24 -0
  86. package/dist/Slider/SliderInput/styles.js.map +1 -0
  87. package/dist/Slider/index.d.ts +2 -0
  88. package/dist/Slider/index.js +16 -0
  89. package/dist/Slider/index.js.map +1 -0
  90. package/dist/Slider/styles.js +238 -0
  91. package/dist/Slider/styles.js.map +1 -0
  92. package/dist/Slider/utils.js +413 -0
  93. package/dist/Slider/utils.js.map +1 -0
  94. package/dist/Stack/Stack.js +14 -14
  95. package/dist/Stack/Stack.js.map +1 -1
  96. package/dist/index.d.ts +12 -0
  97. package/dist/index.js +36 -0
  98. package/dist/index.js.map +1 -1
  99. package/dist/legacy/Barchart/Barchart.d.ts +14 -0
  100. package/dist/legacy/Barchart/Barchart.js +195 -0
  101. package/dist/legacy/Barchart/Barchart.js.map +1 -0
  102. package/dist/legacy/Barchart/barchartPlotlyOverrides.js +43 -0
  103. package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +1 -0
  104. package/dist/legacy/Barchart/index.d.ts +2 -0
  105. package/dist/legacy/Barchart/index.js +2 -0
  106. package/dist/legacy/Barchart/index.js.map +1 -0
  107. package/dist/legacy/Barchart/styles.js +3 -0
  108. package/dist/legacy/Barchart/styles.js.map +1 -0
  109. package/dist/legacy/BaseInput/BaseInput.js +6 -1
  110. package/dist/legacy/BaseInput/BaseInput.js.map +1 -1
  111. package/dist/legacy/BaseInput/styles.js +3 -0
  112. package/dist/legacy/BaseInput/styles.js.map +1 -1
  113. package/dist/legacy/Chart/Chart.d.ts +25 -0
  114. package/dist/legacy/Chart/Chart.js +174 -0
  115. package/dist/legacy/Chart/Chart.js.map +1 -0
  116. package/dist/legacy/Chart/Plot/Plot.d.ts +43 -0
  117. package/dist/legacy/Chart/Plot/Plot.js +93 -0
  118. package/dist/legacy/Chart/Plot/Plot.js.map +1 -0
  119. package/dist/legacy/Chart/Plot/index.d.ts +2 -0
  120. package/dist/legacy/Chart/Plot/index.js +2 -0
  121. package/dist/legacy/Chart/Plot/index.js.map +1 -0
  122. package/dist/legacy/Chart/Plot/styles.js +3 -0
  123. package/dist/legacy/Chart/Plot/styles.js.map +1 -0
  124. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js +130 -0
  125. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  126. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js +2 -0
  127. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  128. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js +43 -0
  129. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  130. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js +54 -0
  131. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  132. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js +2 -0
  133. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  134. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js +18 -0
  135. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  136. package/dist/legacy/Chart/Tooltip/Tooltip.js +128 -0
  137. package/dist/legacy/Chart/Tooltip/Tooltip.js.map +1 -0
  138. package/dist/legacy/Chart/Tooltip/index.js +2 -0
  139. package/dist/legacy/Chart/Tooltip/index.js.map +1 -0
  140. package/dist/legacy/Chart/Tooltip/styles.js +9 -0
  141. package/dist/legacy/Chart/Tooltip/styles.js.map +1 -0
  142. package/dist/legacy/Chart/chartPlotlyOverrides.js +147 -0
  143. package/dist/legacy/Chart/chartPlotlyOverrides.js.map +1 -0
  144. package/dist/legacy/Chart/index.d.ts +5 -0
  145. package/dist/legacy/Chart/index.js +2 -0
  146. package/dist/legacy/Chart/index.js.map +1 -0
  147. package/dist/legacy/Chart/styles.js +32 -0
  148. package/dist/legacy/Chart/styles.js.map +1 -0
  149. package/dist/legacy/Donutchart/Donutchart.d.ts +10 -0
  150. package/dist/legacy/Donutchart/Donutchart.js +86 -0
  151. package/dist/legacy/Donutchart/Donutchart.js.map +1 -0
  152. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js +40 -0
  153. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  154. package/dist/legacy/Donutchart/index.d.ts +2 -0
  155. package/dist/legacy/Donutchart/index.js +2 -0
  156. package/dist/legacy/Donutchart/index.js.map +1 -0
  157. package/dist/legacy/Donutchart/styles.js +3 -0
  158. package/dist/legacy/Donutchart/styles.js.map +1 -0
  159. package/dist/legacy/FilterGroup/FilterGroup.d.ts +3 -3
  160. package/dist/legacy/Forms/FormElement/index.d.ts +4 -0
  161. package/dist/legacy/Forms/FormElement/index.js +1 -0
  162. package/dist/legacy/Forms/FormElement/index.js.map +1 -1
  163. package/dist/legacy/Linechart/Linechart.d.ts +14 -0
  164. package/dist/legacy/Linechart/Linechart.js +92 -0
  165. package/dist/legacy/Linechart/Linechart.js.map +1 -0
  166. package/dist/legacy/Linechart/index.d.ts +2 -0
  167. package/dist/legacy/Linechart/index.js +2 -0
  168. package/dist/legacy/Linechart/index.js.map +1 -0
  169. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js +63 -0
  170. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  171. package/dist/legacy/Linechart/styles.js +3 -0
  172. package/dist/legacy/Linechart/styles.js.map +1 -0
  173. package/dist/legacy/Provider/Provider.js +4 -15
  174. package/dist/legacy/Provider/Provider.js.map +1 -1
  175. package/dist/legacy/Slider/Slider.d.ts +185 -0
  176. package/dist/legacy/Slider/Slider.js +752 -0
  177. package/dist/legacy/Slider/Slider.js.map +1 -0
  178. package/dist/legacy/Slider/SliderInput/SliderInput.js +151 -0
  179. package/dist/legacy/Slider/SliderInput/SliderInput.js.map +1 -0
  180. package/dist/legacy/Slider/SliderInput/index.d.ts +1 -0
  181. package/dist/legacy/Slider/SliderInput/index.js +2 -0
  182. package/dist/legacy/Slider/SliderInput/index.js.map +1 -0
  183. package/dist/legacy/Slider/SliderInput/styles.js +16 -0
  184. package/dist/legacy/Slider/SliderInput/styles.js.map +1 -0
  185. package/dist/legacy/Slider/index.d.ts +2 -0
  186. package/dist/legacy/Slider/index.js +2 -0
  187. package/dist/legacy/Slider/index.js.map +1 -0
  188. package/dist/legacy/Slider/styles.js +221 -0
  189. package/dist/legacy/Slider/styles.js.map +1 -0
  190. package/dist/legacy/Slider/utils.js +347 -0
  191. package/dist/legacy/Slider/utils.js.map +1 -0
  192. package/dist/legacy/Stack/Stack.js +14 -14
  193. package/dist/legacy/Stack/Stack.js.map +1 -1
  194. package/dist/legacy/index.d.ts +12 -0
  195. package/dist/legacy/index.js +4 -0
  196. package/dist/legacy/index.js.map +1 -1
  197. package/dist/modern/Barchart/Barchart.d.ts +14 -0
  198. package/dist/modern/Barchart/Barchart.js +176 -0
  199. package/dist/modern/Barchart/Barchart.js.map +1 -0
  200. package/dist/modern/Barchart/barchartPlotlyOverrides.js +41 -0
  201. package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +1 -0
  202. package/dist/modern/Barchart/index.d.ts +2 -0
  203. package/dist/modern/Barchart/index.js +2 -0
  204. package/dist/modern/Barchart/index.js.map +1 -0
  205. package/dist/modern/Barchart/styles.js +3 -0
  206. package/dist/modern/Barchart/styles.js.map +1 -0
  207. package/dist/modern/BaseInput/BaseInput.js +6 -1
  208. package/dist/modern/BaseInput/BaseInput.js.map +1 -1
  209. package/dist/modern/BaseInput/styles.js +3 -0
  210. package/dist/modern/BaseInput/styles.js.map +1 -1
  211. package/dist/modern/Chart/Chart.d.ts +25 -0
  212. package/dist/modern/Chart/Chart.js +158 -0
  213. package/dist/modern/Chart/Chart.js.map +1 -0
  214. package/dist/modern/Chart/Plot/Plot.d.ts +43 -0
  215. package/dist/modern/Chart/Plot/Plot.js +94 -0
  216. package/dist/modern/Chart/Plot/Plot.js.map +1 -0
  217. package/dist/modern/Chart/Plot/index.d.ts +2 -0
  218. package/dist/modern/Chart/Plot/index.js +2 -0
  219. package/dist/modern/Chart/Plot/index.js.map +1 -0
  220. package/dist/modern/Chart/Plot/styles.js +3 -0
  221. package/dist/modern/Chart/Plot/styles.js.map +1 -0
  222. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js +123 -0
  223. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  224. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js +2 -0
  225. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  226. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js +41 -0
  227. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  228. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js +51 -0
  229. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  230. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js +2 -0
  231. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  232. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js +16 -0
  233. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  234. package/dist/modern/Chart/Tooltip/Tooltip.js +125 -0
  235. package/dist/modern/Chart/Tooltip/Tooltip.js.map +1 -0
  236. package/dist/modern/Chart/Tooltip/index.js +2 -0
  237. package/dist/modern/Chart/Tooltip/index.js.map +1 -0
  238. package/dist/modern/Chart/Tooltip/styles.js +9 -0
  239. package/dist/modern/Chart/Tooltip/styles.js.map +1 -0
  240. package/dist/modern/Chart/chartPlotlyOverrides.js +137 -0
  241. package/dist/modern/Chart/chartPlotlyOverrides.js.map +1 -0
  242. package/dist/modern/Chart/index.d.ts +5 -0
  243. package/dist/modern/Chart/index.js +2 -0
  244. package/dist/modern/Chart/index.js.map +1 -0
  245. package/dist/modern/Chart/styles.js +23 -0
  246. package/dist/modern/Chart/styles.js.map +1 -0
  247. package/dist/modern/Donutchart/Donutchart.d.ts +10 -0
  248. package/dist/modern/Donutchart/Donutchart.js +82 -0
  249. package/dist/modern/Donutchart/Donutchart.js.map +1 -0
  250. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js +38 -0
  251. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  252. package/dist/modern/Donutchart/index.d.ts +2 -0
  253. package/dist/modern/Donutchart/index.js +2 -0
  254. package/dist/modern/Donutchart/index.js.map +1 -0
  255. package/dist/modern/Donutchart/styles.js +3 -0
  256. package/dist/modern/Donutchart/styles.js.map +1 -0
  257. package/dist/modern/FilterGroup/FilterGroup.d.ts +3 -3
  258. package/dist/modern/Forms/FormElement/index.d.ts +4 -0
  259. package/dist/modern/Forms/FormElement/index.js +1 -0
  260. package/dist/modern/Forms/FormElement/index.js.map +1 -1
  261. package/dist/modern/Linechart/Linechart.d.ts +14 -0
  262. package/dist/modern/Linechart/Linechart.js +87 -0
  263. package/dist/modern/Linechart/Linechart.js.map +1 -0
  264. package/dist/modern/Linechart/index.d.ts +2 -0
  265. package/dist/modern/Linechart/index.js +2 -0
  266. package/dist/modern/Linechart/index.js.map +1 -0
  267. package/dist/modern/Linechart/lineChartPlotlyOverrides.js +59 -0
  268. package/dist/modern/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  269. package/dist/modern/Linechart/styles.js +3 -0
  270. package/dist/modern/Linechart/styles.js.map +1 -0
  271. package/dist/modern/Provider/Provider.js +3 -8
  272. package/dist/modern/Provider/Provider.js.map +1 -1
  273. package/dist/modern/Slider/Slider.d.ts +185 -0
  274. package/dist/modern/Slider/Slider.js +689 -0
  275. package/dist/modern/Slider/Slider.js.map +1 -0
  276. package/dist/modern/Slider/SliderInput/SliderInput.js +129 -0
  277. package/dist/modern/Slider/SliderInput/SliderInput.js.map +1 -0
  278. package/dist/modern/Slider/SliderInput/index.d.ts +1 -0
  279. package/dist/modern/Slider/SliderInput/index.js +2 -0
  280. package/dist/modern/Slider/SliderInput/index.js.map +1 -0
  281. package/dist/modern/Slider/SliderInput/styles.js +16 -0
  282. package/dist/modern/Slider/SliderInput/styles.js.map +1 -0
  283. package/dist/modern/Slider/index.d.ts +2 -0
  284. package/dist/modern/Slider/index.js +2 -0
  285. package/dist/modern/Slider/index.js.map +1 -0
  286. package/dist/modern/Slider/styles.js +214 -0
  287. package/dist/modern/Slider/styles.js.map +1 -0
  288. package/dist/modern/Slider/utils.js +302 -0
  289. package/dist/modern/Slider/utils.js.map +1 -0
  290. package/dist/modern/Stack/Stack.js +4 -4
  291. package/dist/modern/Stack/Stack.js.map +1 -1
  292. package/dist/modern/index.d.ts +12 -0
  293. package/dist/modern/index.js +4 -0
  294. package/dist/modern/index.js.map +1 -1
  295. package/package.json +9 -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,94 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
+ const _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
+ const PlotGraph = createPlotlyComponent(Plotly);
11
+ const plotGraphStyle = {
12
+ position: "relative"
13
+ };
14
+
15
+ const Plot = _ref => {
16
+ let {
17
+ data,
18
+ layout,
19
+ config,
20
+ revision = 0,
21
+ onHover,
22
+ onUnHover,
23
+ afterPlot
24
+ } = _ref,
25
+ others = _objectWithoutProperties(_ref, _excluded);
26
+
27
+ const ref = useRef(null);
28
+ /* Callbacks */
29
+
30
+ const afterPlotInternal = useCallback(() => {
31
+ afterPlot === null || afterPlot === void 0 ? void 0 : afterPlot(ref);
32
+ }, [afterPlot]);
33
+ /* Effects */
34
+
35
+ /**
36
+ * Call in the first render because react-plotly.js won't do so.
37
+ * (https://github.com/plotly/react-plotly.js/blob/bd15ca98be12b159633fb57c4ea762cb7a64c3a7/src/factory.js#L88)
38
+ */
39
+ // eslint-disable-next-line react-hooks/exhaustive-deps
40
+
41
+ useLayoutEffect(afterPlotInternal, []);
42
+ return /*#__PURE__*/React.createElement(PlotGraph, _extends({
43
+ ref: ref,
44
+ data: data,
45
+ layout: layout,
46
+ config: config,
47
+ revision: revision,
48
+ onHover: onHover,
49
+ onUnhover: onUnHover,
50
+ onAfterPlot: afterPlot != null ? afterPlotInternal : null,
51
+ style: plotGraphStyle
52
+ }, others));
53
+ };
54
+
55
+ process.env.NODE_ENV !== "production" ? Plot.propTypes = {
56
+ /**
57
+ * Plotly data object.
58
+ */
59
+ data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
60
+
61
+ /**
62
+ * Plotly layout object.
63
+ */
64
+ layout: PropTypes.instanceOf(Object).isRequired,
65
+
66
+ /**
67
+ * Plotly config object.
68
+ */
69
+ config: PropTypes.instanceOf(Object).isRequired,
70
+
71
+ /**
72
+ * OnHover function.
73
+ */
74
+ onHover: PropTypes.func,
75
+
76
+ /**
77
+ * OnUnHover function.
78
+ */
79
+ onUnHover: PropTypes.func,
80
+
81
+ /**
82
+ * Function to be call after plot render.
83
+ */
84
+ afterPlot: PropTypes.func,
85
+
86
+ /**
87
+ * Plot revision.
88
+ */
89
+ revision: PropTypes.number
90
+ } : void 0;
91
+ export default withStyles(styles, {
92
+ name: "HvChartPlot"
93
+ })(Plot);
94
+ //# 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,MAAMC,SAAS,GAAGH,qBAAqB,CAACD,MAAD,CAAvC;AAEA,MAAMK,cAAc,GAAG;EAAEC,QAAQ,EAAE;AAAZ,CAAvB;;AAEA,MAAMC,IAAI,GAAG,QAAsF;EAAA,IAArF;IAAEC,IAAF;IAAQC,MAAR;IAAgBC,MAAhB;IAAwBC,QAAQ,GAAG,CAAnC;IAAsCC,OAAtC;IAA+CC,SAA/C;IAA0DC;EAA1D,CAAqF;EAAA,IAAbC,MAAa;;EACjG,MAAMC,GAAG,GAAGnB,MAAM,CAAC,IAAD,CAAlB;EAEA;;EAEA,MAAMoB,iBAAiB,GAAGnB,WAAW,CAAC,MAAM;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
+ const 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,MAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf"}
@@ -0,0 +1,123 @@
1
+ import "core-js/modules/web.dom-collections.iterator.js";
2
+ import React, { memo } from "react";
3
+ import PropTypes from "prop-types";
4
+ import { withStyles } from "@material-ui/core";
5
+ import Typography from "../../../Typography";
6
+ import styles from "./styles";
7
+
8
+ const MultiTooltip = ({
9
+ classes,
10
+ data
11
+ }) => {
12
+ var _data$elements;
13
+
14
+ return /*#__PURE__*/React.createElement("div", {
15
+ className: classes.root
16
+ }, /*#__PURE__*/React.createElement("div", {
17
+ className: classes.title
18
+ }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
19
+ variant: "highlightText"
20
+ }, data.title))), /*#__PURE__*/React.createElement("div", {
21
+ className: classes.valuesContainer
22
+ }, data === null || data === void 0 ? void 0 : (_data$elements = data.elements) === null || _data$elements === void 0 ? void 0 : _data$elements.map(element => /*#__PURE__*/React.createElement("div", {
23
+ key: element.name,
24
+ className: classes.values
25
+ }, /*#__PURE__*/React.createElement("div", {
26
+ className: classes.valueNameWrapper
27
+ }, /*#__PURE__*/React.createElement("div", {
28
+ className: classes.color,
29
+ style: {
30
+ backgroundColor: element.color
31
+ }
32
+ }), /*#__PURE__*/React.createElement("div", {
33
+ className: classes.separatorColor
34
+ }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, {
35
+ variant: "highlightText"
36
+ }, element.name)), /*#__PURE__*/React.createElement("div", {
37
+ className: classes.separator
38
+ })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Typography, null, element.value))))));
39
+ };
40
+
41
+ process.env.NODE_ENV !== "production" ? MultiTooltip.propTypes = {
42
+ /**
43
+ * A Jss Object used to override or extend the styles applied.
44
+ */
45
+ classes: PropTypes.shape({
46
+ /**
47
+ * Styles applied to the root.
48
+ */
49
+ root: PropTypes.string,
50
+
51
+ /**
52
+ * Styles applied to the title.
53
+ */
54
+ title: PropTypes.string,
55
+
56
+ /**
57
+ * Styles applied to the values container.
58
+ */
59
+ valuesContainer: PropTypes.string,
60
+
61
+ /**
62
+ * Styling applied to the elements describing a data.
63
+ */
64
+ valueNameWrapper: PropTypes.string,
65
+
66
+ /**
67
+ * Styles applied to the values.
68
+ */
69
+ values: PropTypes.string,
70
+
71
+ /**
72
+ * Styles applied to the color.
73
+ */
74
+ color: PropTypes.string,
75
+
76
+ /**
77
+ * Styles applied to the separator between color and title.
78
+ */
79
+ separatorColor: PropTypes.string,
80
+
81
+ /**
82
+ * Styles applied to the separator.
83
+ */
84
+ separator: PropTypes.string
85
+ }).isRequired,
86
+
87
+ /**
88
+ * Data of the tooltip.
89
+ */
90
+ data: PropTypes.shape({
91
+ /**
92
+ * Styles applied to the barchart root class.
93
+ */
94
+ title: PropTypes.string,
95
+
96
+ /**
97
+ * Values of tooltip
98
+ */
99
+ elements: PropTypes.arrayOf(PropTypes.shape({
100
+ /**
101
+ * Color (in hex).
102
+ */
103
+ color: PropTypes.string,
104
+
105
+ /**
106
+ * Name.
107
+ */
108
+ name: PropTypes.string,
109
+
110
+ /**
111
+ * Value.
112
+ */
113
+ value: PropTypes.number
114
+ }))
115
+ }).isRequired
116
+ } : void 0;
117
+
118
+ const arePropsEqual = (prevProps, nextProps) => prevProps.data === nextProps.data;
119
+
120
+ export default withStyles(styles, {
121
+ name: "HvChartMultiTooltip"
122
+ })( /*#__PURE__*/memo(MultiTooltip, arePropsEqual));
123
+ //# 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,41 @@
1
+ const styles = theme => ({
2
+ root: {
3
+ backgroundColor: theme.hv.palette.atmosphere.atmo1,
4
+ width: "fit-content",
5
+ boxShadow: theme.hv.shadows[1],
6
+ zIndex: 100
7
+ },
8
+ title: {
9
+ padding: theme.hvSpacing("15px", "sm"),
10
+ borderBottom: `3px solid ${theme.hv.palette.atmosphere.atmo2}`
11
+ },
12
+ valuesContainer: {
13
+ padding: theme.hv.spacing.sm
14
+ },
15
+ values: {
16
+ display: "flex",
17
+ justifyContent: "space-between",
18
+ alignItems: "center",
19
+ paddingBottom: theme.hv.spacing.sm,
20
+ "&:last-child": {
21
+ paddingBottom: 0
22
+ }
23
+ },
24
+ valueNameWrapper: {
25
+ display: "flex",
26
+ alignItems: "center"
27
+ },
28
+ color: {
29
+ width: theme.hv.spacing.xs,
30
+ height: theme.hv.spacing.xs
31
+ },
32
+ separator: {
33
+ width: theme.hv.spacing.xs
34
+ },
35
+ separatorColor: {
36
+ width: "5px"
37
+ }
38
+ });
39
+
40
+ export default styles;
41
+ //# 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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KADzC;IAEJC,KAAK,EAAE,aAFH;IAGJC,SAAS,EAAER,KAAK,CAACG,EAAN,CAASM,OAAT,CAAiB,CAAjB,CAHP;IAIJC,MAAM,EAAE;EAJJ,CADmB;EAOzBC,KAAK,EAAE;IACLC,OAAO,EAAEZ,KAAK,CAACa,SAAN,CAAgB,MAAhB,EAAwB,IAAxB,CADJ;IAELC,YAAY,EAAG,aAAYd,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BU,KAAM;EAFxD,CAPkB;EAWzBC,eAAe,EAAE;IACfJ,OAAO,EAAEZ,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBC;EADX,CAXQ;EAczBC,MAAM,EAAE;IACNC,OAAO,EAAE,MADH;IAENC,cAAc,EAAE,eAFV;IAGNC,UAAU,EAAE,QAHN;IAINC,aAAa,EAAEvB,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBC,EAJ1B;IAKN,gBAAgB;MACdK,aAAa,EAAE;IADD;EALV,CAdiB;EAuBzBC,gBAAgB,EAAE;IAChBJ,OAAO,EAAE,MADO;IAEhBE,UAAU,EAAE;EAFI,CAvBO;EA2BzBG,KAAK,EAAE;IACLlB,KAAK,EAAEP,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBS,EADnB;IAELC,MAAM,EAAE3B,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBS;EAFpB,CA3BkB;EA+BzBE,SAAS,EAAE;IACTrB,KAAK,EAAEP,KAAK,CAACG,EAAN,CAASc,OAAT,CAAiBS;EADf,CA/Bc;EAkCzBG,cAAc,EAAE;IACdtB,KAAK,EAAE;EADO;AAlCS,CAAZ,CAAf;;AAuCA,eAAeR,MAAf"}
@@ -0,0 +1,51 @@
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
+ const SingleTooltip = ({
8
+ classes,
9
+ title,
10
+ value
11
+ }) => /*#__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
+ process.env.NODE_ENV !== "production" ? SingleTooltip.propTypes = {
20
+ /**
21
+ * A Jss Object used to override or extend the styles applied.
22
+ */
23
+ classes: PropTypes.shape({
24
+ /**
25
+ * Styles applied to the root class.
26
+ */
27
+ root: PropTypes.string,
28
+
29
+ /**
30
+ * Styles applied to the separator between title and value.
31
+ */
32
+ separator: PropTypes.string
33
+ }).isRequired,
34
+
35
+ /**
36
+ * Title of the chart.
37
+ */
38
+ title: PropTypes.string.isRequired,
39
+
40
+ /**
41
+ * Value of the chart.
42
+ */
43
+ value: PropTypes.number.isRequired
44
+ } : void 0;
45
+
46
+ const arePropsEqual = (prevProps, nextProps) => prevProps.title === nextProps.title && prevProps.value === nextProps.value;
47
+
48
+ export default withStyles(styles, {
49
+ name: "HvChartSingleTooltip"
50
+ })( /*#__PURE__*/memo(SingleTooltip, arePropsEqual));
51
+ //# 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,MAAMC,aAAa,GAAG,CAAC;EAAEC,OAAF;EAAWC,KAAX;EAAkBC;AAAlB,CAAD,kBACpB;EAAK,SAAS,EAAEF,OAAO,CAACG;AAAxB,gBACE,8CACE,oBAAC,UAAD;EAAY,OAAO,EAAC;AAApB,GAAqCF,KAArC,CADF,CADF,eAIE;EAAK,SAAS,EAAED,OAAO,CAACI;AAAxB,EAJF,eAKE,8CACE,oBAAC,UAAD,QAAaF,KAAb,CADF,CALF,CADF;;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,MAAME,aAAa,GAAG,CAACC,SAAD,EAAYC,SAAZ,KACpBD,SAAS,CAACV,KAAV,KAAoBW,SAAS,CAACX,KAA9B,IAAuCU,SAAS,CAACT,KAAV,KAAoBU,SAAS,CAACV,KADvE;;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,16 @@
1
+ const styles = theme => ({
2
+ root: {
3
+ padding: theme.hv.spacing.sm,
4
+ display: "flex",
5
+ backgroundColor: theme.hv.palette.atmosphere.atmo1,
6
+ boxShadow: theme.hv.shadows[1],
7
+ width: "fit-content",
8
+ zIndex: 100
9
+ },
10
+ separator: {
11
+ width: theme.hv.spacing.xs
12
+ }
13
+ });
14
+
15
+ export default styles;
16
+ //# 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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,EADtB;IAEJC,OAAO,EAAE,MAFL;IAGJC,eAAe,EAAEP,KAAK,CAACG,EAAN,CAASK,OAAT,CAAiBC,UAAjB,CAA4BC,KAHzC;IAIJC,SAAS,EAAEX,KAAK,CAACG,EAAN,CAASS,OAAT,CAAiB,CAAjB,CAJP;IAKJC,KAAK,EAAE,aALH;IAMJC,MAAM,EAAE;EANJ,CADmB;EASzBC,SAAS,EAAE;IACTF,KAAK,EAAEb,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBY;EADf;AATc,CAAZ,CAAf;;AAcA,eAAejB,MAAf"}
@@ -0,0 +1,125 @@
1
+ import "core-js/modules/web.dom-collections.iterator.js";
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
+ const 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
+ const MainToolTip = ({
15
+ classes,
16
+ coordinates,
17
+ data,
18
+ useSingle
19
+ }) => {
20
+ const {
21
+ x,
22
+ y
23
+ } = coordinates;
24
+ const [style, setStyle] = useState({
25
+ left: x,
26
+ top: y,
27
+ visibility: "hidden"
28
+ });
29
+ const ref = useRef(null);
30
+ /**
31
+ * Calculate the position where the tooltip has to render, having in account
32
+ * the dimensions.
33
+ */
34
+
35
+ useEffect(() => {
36
+ if (!ref.current || !ref.current.getBoundingClientRect().width) return;
37
+ const {
38
+ width,
39
+ height
40
+ } = ref.current.getBoundingClientRect();
41
+ setStyle({
42
+ left: x - width / 2,
43
+ top: y - height - offset
44
+ });
45
+ }, [x, y]);
46
+ return /*#__PURE__*/React.createElement("div", {
47
+ ref: ref,
48
+ className: classes.root,
49
+ style: style
50
+ }, useSingle && /*#__PURE__*/React.createElement(SingleTooltip, {
51
+ title: data.title,
52
+ value: data.elements[0].value
53
+ }) || /*#__PURE__*/React.createElement(MultipleTooltip, {
54
+ data: data
55
+ }));
56
+ };
57
+
58
+ process.env.NODE_ENV !== "production" ? MainToolTip.propTypes = {
59
+ /**
60
+ * A Jss Object used to override or extend the styles applied.
61
+ */
62
+ classes: PropTypes.shape({
63
+ /**
64
+ * Styles applied to the barchart root class.
65
+ */
66
+ root: PropTypes.string
67
+ }).isRequired,
68
+
69
+ /**
70
+ * Data of the tooltip.
71
+ */
72
+ data: PropTypes.shape({
73
+ /**
74
+ * Title.
75
+ */
76
+ title: PropTypes.string,
77
+
78
+ /**
79
+ * Values of the tooltip.
80
+ */
81
+ elements: PropTypes.arrayOf(PropTypes.shape({
82
+ /**
83
+ * Color of the bar.
84
+ */
85
+ color: PropTypes.string,
86
+
87
+ /**
88
+ * Name.
89
+ */
90
+ name: PropTypes.string,
91
+
92
+ /**
93
+ * Value.
94
+ */
95
+ value: PropTypes.number
96
+ }))
97
+ }).isRequired,
98
+
99
+ /**
100
+ * Coordinates.
101
+ */
102
+ coordinates: PropTypes.shape({
103
+ /**
104
+ * xx's coordinate.
105
+ */
106
+ x: PropTypes.number.isRequired,
107
+
108
+ /**
109
+ * yy's coordinate.
110
+ */
111
+ y: PropTypes.number.isRequired
112
+ }).isRequired,
113
+
114
+ /**
115
+ * Defines if should use a single or multiline tooltip.
116
+ */
117
+ useSingle: PropTypes.bool
118
+ } : void 0;
119
+ MainToolTip.defaultProps = {
120
+ useSingle: false
121
+ };
122
+ export default withStyles(styles, {
123
+ name: "HvChartTooltip"
124
+ })(MainToolTip);
125
+ //# 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","style","setStyle","left","top","visibility","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
+ const 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,MAAMA,MAAM,GAAG;EACbC,IAAI,EAAE;IACJC,QAAQ,EAAE,OADN;IAEJC,MAAM,EAAE,GAFJ;IAGJC,aAAa,EAAE;EAHX;AADO,CAAf;AAQA,eAAeJ,MAAf"}