@hitachivantara/uikit-react-viz 3.1.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 (210) hide show
  1. package/LICENSE.txt +201 -0
  2. package/README.md +11 -0
  3. package/dist/Barchart/Barchart.d.ts +14 -0
  4. package/dist/Barchart/Barchart.js +241 -0
  5. package/dist/Barchart/Barchart.js.map +1 -0
  6. package/dist/Barchart/barchartPlotlyOverrides.js +59 -0
  7. package/dist/Barchart/barchartPlotlyOverrides.js.map +1 -0
  8. package/dist/Barchart/index.d.ts +2 -0
  9. package/dist/Barchart/index.js +16 -0
  10. package/dist/Barchart/index.js.map +1 -0
  11. package/dist/Barchart/styles.js +10 -0
  12. package/dist/Barchart/styles.js.map +1 -0
  13. package/dist/Chart/Chart.d.ts +25 -0
  14. package/dist/Chart/Chart.js +215 -0
  15. package/dist/Chart/Chart.js.map +1 -0
  16. package/dist/Chart/Plot/Plot.d.ts +43 -0
  17. package/dist/Chart/Plot/Plot.js +131 -0
  18. package/dist/Chart/Plot/Plot.js.map +1 -0
  19. package/dist/Chart/Plot/index.d.ts +2 -0
  20. package/dist/Chart/Plot/index.js +16 -0
  21. package/dist/Chart/Plot/index.js.map +1 -0
  22. package/dist/Chart/Plot/styles.js +10 -0
  23. package/dist/Chart/Plot/styles.js.map +1 -0
  24. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js +162 -0
  25. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  26. package/dist/Chart/Tooltip/MultiTooltip/index.js +16 -0
  27. package/dist/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  28. package/dist/Chart/Tooltip/MultiTooltip/styles.js +51 -0
  29. package/dist/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  30. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js +87 -0
  31. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  32. package/dist/Chart/Tooltip/SingleTooltip/index.js +16 -0
  33. package/dist/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  34. package/dist/Chart/Tooltip/SingleTooltip/styles.js +26 -0
  35. package/dist/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  36. package/dist/Chart/Tooltip/Tooltip.js +165 -0
  37. package/dist/Chart/Tooltip/Tooltip.js.map +1 -0
  38. package/dist/Chart/Tooltip/index.js +16 -0
  39. package/dist/Chart/Tooltip/index.js.map +1 -0
  40. package/dist/Chart/Tooltip/styles.js +16 -0
  41. package/dist/Chart/Tooltip/styles.js.map +1 -0
  42. package/dist/Chart/chartPlotlyOverrides.js +169 -0
  43. package/dist/Chart/chartPlotlyOverrides.js.map +1 -0
  44. package/dist/Chart/index.d.ts +5 -0
  45. package/dist/Chart/index.js +16 -0
  46. package/dist/Chart/index.js.map +1 -0
  47. package/dist/Chart/styles.js +49 -0
  48. package/dist/Chart/styles.js.map +1 -0
  49. package/dist/Donutchart/Donutchart.d.ts +10 -0
  50. package/dist/Donutchart/Donutchart.js +124 -0
  51. package/dist/Donutchart/Donutchart.js.map +1 -0
  52. package/dist/Donutchart/donutchartPlotlyOverrides.js +56 -0
  53. package/dist/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  54. package/dist/Donutchart/index.d.ts +2 -0
  55. package/dist/Donutchart/index.js +16 -0
  56. package/dist/Donutchart/index.js.map +1 -0
  57. package/dist/Donutchart/styles.js +10 -0
  58. package/dist/Donutchart/styles.js.map +1 -0
  59. package/dist/Linechart/Linechart.d.ts +14 -0
  60. package/dist/Linechart/Linechart.js +130 -0
  61. package/dist/Linechart/Linechart.js.map +1 -0
  62. package/dist/Linechart/index.d.ts +2 -0
  63. package/dist/Linechart/index.js +16 -0
  64. package/dist/Linechart/index.js.map +1 -0
  65. package/dist/Linechart/lineChartPlotlyOverrides.js +79 -0
  66. package/dist/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  67. package/dist/Linechart/styles.js +10 -0
  68. package/dist/Linechart/styles.js.map +1 -0
  69. package/dist/index.d.ts +8 -0
  70. package/dist/index.js +32 -0
  71. package/dist/index.js.map +1 -0
  72. package/dist/legacy/Barchart/Barchart.d.ts +14 -0
  73. package/dist/legacy/Barchart/Barchart.js +197 -0
  74. package/dist/legacy/Barchart/Barchart.js.map +1 -0
  75. package/dist/legacy/Barchart/barchartPlotlyOverrides.js +43 -0
  76. package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +1 -0
  77. package/dist/legacy/Barchart/index.d.ts +2 -0
  78. package/dist/legacy/Barchart/index.js +2 -0
  79. package/dist/legacy/Barchart/index.js.map +1 -0
  80. package/dist/legacy/Barchart/styles.js +3 -0
  81. package/dist/legacy/Barchart/styles.js.map +1 -0
  82. package/dist/legacy/Chart/Chart.d.ts +25 -0
  83. package/dist/legacy/Chart/Chart.js +174 -0
  84. package/dist/legacy/Chart/Chart.js.map +1 -0
  85. package/dist/legacy/Chart/Plot/Plot.d.ts +43 -0
  86. package/dist/legacy/Chart/Plot/Plot.js +93 -0
  87. package/dist/legacy/Chart/Plot/Plot.js.map +1 -0
  88. package/dist/legacy/Chart/Plot/index.d.ts +2 -0
  89. package/dist/legacy/Chart/Plot/index.js +2 -0
  90. package/dist/legacy/Chart/Plot/index.js.map +1 -0
  91. package/dist/legacy/Chart/Plot/styles.js +3 -0
  92. package/dist/legacy/Chart/Plot/styles.js.map +1 -0
  93. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js +130 -0
  94. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  95. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js +2 -0
  96. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  97. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js +43 -0
  98. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  99. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js +54 -0
  100. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  101. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js +2 -0
  102. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  103. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js +18 -0
  104. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  105. package/dist/legacy/Chart/Tooltip/Tooltip.js +128 -0
  106. package/dist/legacy/Chart/Tooltip/Tooltip.js.map +1 -0
  107. package/dist/legacy/Chart/Tooltip/index.js +2 -0
  108. package/dist/legacy/Chart/Tooltip/index.js.map +1 -0
  109. package/dist/legacy/Chart/Tooltip/styles.js +9 -0
  110. package/dist/legacy/Chart/Tooltip/styles.js.map +1 -0
  111. package/dist/legacy/Chart/chartPlotlyOverrides.js +147 -0
  112. package/dist/legacy/Chart/chartPlotlyOverrides.js.map +1 -0
  113. package/dist/legacy/Chart/index.d.ts +5 -0
  114. package/dist/legacy/Chart/index.js +2 -0
  115. package/dist/legacy/Chart/index.js.map +1 -0
  116. package/dist/legacy/Chart/styles.js +32 -0
  117. package/dist/legacy/Chart/styles.js.map +1 -0
  118. package/dist/legacy/Donutchart/Donutchart.d.ts +10 -0
  119. package/dist/legacy/Donutchart/Donutchart.js +86 -0
  120. package/dist/legacy/Donutchart/Donutchart.js.map +1 -0
  121. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js +40 -0
  122. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  123. package/dist/legacy/Donutchart/index.d.ts +2 -0
  124. package/dist/legacy/Donutchart/index.js +2 -0
  125. package/dist/legacy/Donutchart/index.js.map +1 -0
  126. package/dist/legacy/Donutchart/styles.js +3 -0
  127. package/dist/legacy/Donutchart/styles.js.map +1 -0
  128. package/dist/legacy/Linechart/Linechart.d.ts +14 -0
  129. package/dist/legacy/Linechart/Linechart.js +92 -0
  130. package/dist/legacy/Linechart/Linechart.js.map +1 -0
  131. package/dist/legacy/Linechart/index.d.ts +2 -0
  132. package/dist/legacy/Linechart/index.js +2 -0
  133. package/dist/legacy/Linechart/index.js.map +1 -0
  134. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js +63 -0
  135. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  136. package/dist/legacy/Linechart/styles.js +3 -0
  137. package/dist/legacy/Linechart/styles.js.map +1 -0
  138. package/dist/legacy/index.d.ts +8 -0
  139. package/dist/legacy/index.js +5 -0
  140. package/dist/legacy/index.js.map +1 -0
  141. package/dist/modern/Barchart/Barchart.d.ts +14 -0
  142. package/dist/modern/Barchart/Barchart.js +178 -0
  143. package/dist/modern/Barchart/Barchart.js.map +1 -0
  144. package/dist/modern/Barchart/barchartPlotlyOverrides.js +41 -0
  145. package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +1 -0
  146. package/dist/modern/Barchart/index.d.ts +2 -0
  147. package/dist/modern/Barchart/index.js +2 -0
  148. package/dist/modern/Barchart/index.js.map +1 -0
  149. package/dist/modern/Barchart/styles.js +3 -0
  150. package/dist/modern/Barchart/styles.js.map +1 -0
  151. package/dist/modern/Chart/Chart.d.ts +25 -0
  152. package/dist/modern/Chart/Chart.js +158 -0
  153. package/dist/modern/Chart/Chart.js.map +1 -0
  154. package/dist/modern/Chart/Plot/Plot.d.ts +43 -0
  155. package/dist/modern/Chart/Plot/Plot.js +94 -0
  156. package/dist/modern/Chart/Plot/Plot.js.map +1 -0
  157. package/dist/modern/Chart/Plot/index.d.ts +2 -0
  158. package/dist/modern/Chart/Plot/index.js +2 -0
  159. package/dist/modern/Chart/Plot/index.js.map +1 -0
  160. package/dist/modern/Chart/Plot/styles.js +3 -0
  161. package/dist/modern/Chart/Plot/styles.js.map +1 -0
  162. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js +123 -0
  163. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  164. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js +2 -0
  165. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  166. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js +41 -0
  167. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  168. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js +51 -0
  169. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  170. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js +2 -0
  171. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  172. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js +16 -0
  173. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  174. package/dist/modern/Chart/Tooltip/Tooltip.js +125 -0
  175. package/dist/modern/Chart/Tooltip/Tooltip.js.map +1 -0
  176. package/dist/modern/Chart/Tooltip/index.js +2 -0
  177. package/dist/modern/Chart/Tooltip/index.js.map +1 -0
  178. package/dist/modern/Chart/Tooltip/styles.js +9 -0
  179. package/dist/modern/Chart/Tooltip/styles.js.map +1 -0
  180. package/dist/modern/Chart/chartPlotlyOverrides.js +137 -0
  181. package/dist/modern/Chart/chartPlotlyOverrides.js.map +1 -0
  182. package/dist/modern/Chart/index.d.ts +5 -0
  183. package/dist/modern/Chart/index.js +2 -0
  184. package/dist/modern/Chart/index.js.map +1 -0
  185. package/dist/modern/Chart/styles.js +23 -0
  186. package/dist/modern/Chart/styles.js.map +1 -0
  187. package/dist/modern/Donutchart/Donutchart.d.ts +10 -0
  188. package/dist/modern/Donutchart/Donutchart.js +82 -0
  189. package/dist/modern/Donutchart/Donutchart.js.map +1 -0
  190. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js +38 -0
  191. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  192. package/dist/modern/Donutchart/index.d.ts +2 -0
  193. package/dist/modern/Donutchart/index.js +2 -0
  194. package/dist/modern/Donutchart/index.js.map +1 -0
  195. package/dist/modern/Donutchart/styles.js +3 -0
  196. package/dist/modern/Donutchart/styles.js.map +1 -0
  197. package/dist/modern/Linechart/Linechart.d.ts +14 -0
  198. package/dist/modern/Linechart/Linechart.js +87 -0
  199. package/dist/modern/Linechart/Linechart.js.map +1 -0
  200. package/dist/modern/Linechart/index.d.ts +2 -0
  201. package/dist/modern/Linechart/index.js +2 -0
  202. package/dist/modern/Linechart/index.js.map +1 -0
  203. package/dist/modern/Linechart/lineChartPlotlyOverrides.js +59 -0
  204. package/dist/modern/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  205. package/dist/modern/Linechart/styles.js +3 -0
  206. package/dist/modern/Linechart/styles.js.map +1 -0
  207. package/dist/modern/index.d.ts +8 -0
  208. package/dist/modern/index.js +5 -0
  209. package/dist/modern/index.js.map +1 -0
  210. package/package.json +80 -0
@@ -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 { HvTypography } from "@hitachivantara/uikit-react-core";
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(HvTypography, {
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(HvTypography, {
39
+ variant: "highlightText"
40
+ }, element.name)), /*#__PURE__*/React.createElement("div", {
41
+ className: classes.separator
42
+ })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(HvTypography, 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","HvTypography","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 { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\nconst MultiTooltip = ({ classes, data }) => (\n <div className={classes.root}>\n <div className={classes.title}>\n <div>\n <HvTypography variant=\"highlightText\">{data.title}</HvTypography>\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 <HvTypography variant=\"highlightText\">{element.name}</HvTypography>\n </div>\n <div className={classes.separator} />\n </div>\n <div>\n <HvTypography>{element.value}</HvTypography>\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 { HvTypography } from "@hitachivantara/uikit-react-core";
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(HvTypography, {
14
+ variant: "highlightText"
15
+ }, title)), /*#__PURE__*/React.createElement("div", {
16
+ className: classes.separator
17
+ }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(HvTypography, 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","HvTypography","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 { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\nconst SingleTooltip = ({ classes, title, value }) => (\n <div className={classes.root}>\n <div>\n <HvTypography variant=\"highlightText\">{title}</HvTypography>\n </div>\n <div className={classes.separator} />\n <div>\n <HvTypography>{value}</HvTypography>\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,SAASC,YAAT,QAA6B,kCAA7B;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,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAuCF,KAAvC,CADF,CADF,eAIE;IAAK,SAAS,EAAED,OAAO,CAACI;EAAxB,EAJF,eAKE,8CACE,oBAAC,YAAD,QAAeF,KAAf,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"}
@@ -0,0 +1,147 @@
1
+ import "core-js/modules/es.object.keys.js";
2
+ import "core-js/modules/es.symbol.js";
3
+ import "core-js/modules/es.array.filter.js";
4
+ import "core-js/modules/es.object.to-string.js";
5
+ import "core-js/modules/es.object.get-own-property-descriptor.js";
6
+ import "core-js/modules/web.dom-collections.for-each.js";
7
+ import "core-js/modules/es.object.get-own-property-descriptors.js";
8
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
9
+
10
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
11
+
12
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
13
+
14
+ import "core-js/modules/es.object.values.js";
15
+ import styles from "./styles";
16
+
17
+ var setterIfNil = function setterIfNil(object, property, value) {
18
+ var _object$property;
19
+
20
+ // eslint-disable-next-line no-param-reassign
21
+ object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
22
+ };
23
+ /**
24
+ * Auxiliary functions to set the layout in order to follow the DS guideline.
25
+ *
26
+ */
27
+
28
+
29
+ var applyLayoutYaxisDefaults = function applyLayoutYaxisDefaults(inputLayout, layoutStyles, yAxisTitle, isHorizontal) {
30
+ var layout = inputLayout;
31
+ setterIfNil(layout, "yaxis", {});
32
+ setterIfNil(layout.yaxis, "automargin", true);
33
+ setterIfNil(layout.yaxis, "title", {});
34
+ setterIfNil(layout.yaxis.title, "font", {
35
+ family: layoutStyles.vizText.fontFamily,
36
+ size: layoutStyles.vizText.fontSize,
37
+ color: layoutStyles.vizText.color
38
+ });
39
+ setterIfNil(layout.yaxis, "fixedrange", true);
40
+ setterIfNil(layout.yaxis, "ticks", "");
41
+ setterIfNil(layout.yaxis, "tickfont", {
42
+ family: layoutStyles.vizText.fontFamily,
43
+ size: layoutStyles.vizText.fontSize,
44
+ color: layoutStyles.vizText.color
45
+ });
46
+ setterIfNil(layout.yaxis, "gridcolor", layoutStyles.gridColor);
47
+ setterIfNil(layout.yaxis, "showgrid", !isHorizontal);
48
+ setterIfNil(layout.yaxis, "showline", isHorizontal);
49
+ setterIfNil(layout.yaxis, "linecolor", layoutStyles.lineColor);
50
+ setterIfNil(layout.yaxis, "linewidth", 1);
51
+ setterIfNil(layout.yaxis, "zeroline", false);
52
+
53
+ if (yAxisTitle) {
54
+ setterIfNil(layout, "yaxis", {});
55
+ setterIfNil(layout.yaxis, "title", {});
56
+ setterIfNil(layout.yaxis.title, "text", yAxisTitle);
57
+ }
58
+
59
+ return layout;
60
+ };
61
+
62
+ var applyLayoutXaxisDefaults = function applyLayoutXaxisDefaults(inputLayout, layoutStyles, xAxisTitle, isHorizontal) {
63
+ var layout = inputLayout;
64
+ setterIfNil(layout, "xaxis", {});
65
+ setterIfNil(layout.xaxis, "automargin", true);
66
+ setterIfNil(layout.xaxis, "title", {});
67
+ setterIfNil(layout.xaxis.title, "font", {
68
+ family: layoutStyles.vizText.fontFamily,
69
+ size: layoutStyles.vizText.fontSize,
70
+ color: layoutStyles.vizText.color
71
+ });
72
+ setterIfNil(layout.xaxis, "fixedrange", true);
73
+ setterIfNil(layout.xaxis, "ticks", "");
74
+ setterIfNil(layout.xaxis, "tickfont", {
75
+ family: layoutStyles.vizText.fontFamily,
76
+ size: layoutStyles.vizText.fontSize,
77
+ color: layoutStyles.vizText.color
78
+ });
79
+ setterIfNil(layout.xaxis, "gridcolor", layoutStyles.gridColor);
80
+ setterIfNil(layout.xaxis, "showgrid", isHorizontal);
81
+ setterIfNil(layout.xaxis, "showline", !isHorizontal);
82
+ setterIfNil(layout.xaxis, "linewidth", 1);
83
+ setterIfNil(layout.xaxis, "linecolor", layoutStyles.lineColor);
84
+ setterIfNil(layout.xaxis, "zeroline", false);
85
+
86
+ if (xAxisTitle) {
87
+ setterIfNil(layout, "xaxis", {});
88
+ setterIfNil(layout.xaxis, "title", {});
89
+ setterIfNil(layout.xaxis.title, "text", xAxisTitle);
90
+ }
91
+
92
+ return layout;
93
+ };
94
+
95
+ var applyLayoutLegendDefaults = function applyLayoutLegendDefaults(inputLayout, layoutStyles) {
96
+ var layout = inputLayout;
97
+ setterIfNil(layout, "legend", {
98
+ x: 0.5,
99
+ y: 1.15,
100
+ xanchor: "center",
101
+ yanchor: "middle",
102
+ orientation: "h"
103
+ });
104
+ setterIfNil(layout.legend, "font", {
105
+ family: layoutStyles.legendText.fontFamily,
106
+ size: layoutStyles.legendText.fontSize,
107
+ color: layoutStyles.legendText.color
108
+ });
109
+ return layout;
110
+ };
111
+
112
+ var applyLayoutRootDefaults = function applyLayoutRootDefaults(inputLayout, layoutStyles) {
113
+ var layout = inputLayout;
114
+ setterIfNil(layout, "colorway", Object.values(layoutStyles.defaultColors));
115
+ setterIfNil(layout, "autosize", true);
116
+ setterIfNil(layout, "margin", {
117
+ l: 50,
118
+ b: 50,
119
+ t: 50,
120
+ pad: 0
121
+ });
122
+ setterIfNil(layout, "plot_bgcolor", layoutStyles.plotColor);
123
+ setterIfNil(layout, "paper_bgcolor", layoutStyles.plotColor);
124
+ };
125
+
126
+ export var applyLayoutDefaults = function applyLayoutDefaults(inputLayout, theme, isHorizontal, xAxisTitle, yAxisTitle) {
127
+ var layoutStyles = styles(theme);
128
+
129
+ var layout = _objectSpread({}, inputLayout); // Layout
130
+
131
+
132
+ applyLayoutRootDefaults(layout, layoutStyles); // Legend
133
+
134
+ applyLayoutLegendDefaults(layout, layoutStyles); // Xaxis
135
+
136
+ applyLayoutXaxisDefaults(layout, layoutStyles, xAxisTitle, isHorizontal); // Yaxis
137
+
138
+ applyLayoutYaxisDefaults(layout, layoutStyles, yAxisTitle, isHorizontal);
139
+ return layout;
140
+ };
141
+ export var applyConfigDefaults = function applyConfigDefaults(config) {
142
+ return _objectSpread({
143
+ responsive: true,
144
+ displayModeBar: false
145
+ }, config);
146
+ };
147
+ //# sourceMappingURL=chartPlotlyOverrides.js.map