@hitachivantara/uikit-react-viz 4.0.3 → 4.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 (195) hide show
  1. package/dist/Barchart/Barchart.js +45 -72
  2. package/dist/Barchart/Barchart.js.map +1 -1
  3. package/dist/Barchart/barchartPlotlyOverrides.js +1 -13
  4. package/dist/Barchart/barchartPlotlyOverrides.js.map +1 -1
  5. package/dist/Barchart/index.js +0 -2
  6. package/dist/Barchart/index.js.map +1 -1
  7. package/dist/Barchart/styles.js.map +1 -1
  8. package/dist/Chart/Chart.js +30 -76
  9. package/dist/Chart/Chart.js.map +1 -1
  10. package/dist/Chart/Plot/Plot.js +11 -48
  11. package/dist/Chart/Plot/Plot.js.map +1 -1
  12. package/dist/Chart/Plot/index.js +0 -2
  13. package/dist/Chart/Plot/index.js.map +1 -1
  14. package/dist/Chart/Plot/styles.js.map +1 -1
  15. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js +1 -36
  16. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -1
  17. package/dist/Chart/Tooltip/MultiTooltip/index.js +0 -2
  18. package/dist/Chart/Tooltip/MultiTooltip/index.js.map +1 -1
  19. package/dist/Chart/Tooltip/MultiTooltip/styles.js +0 -2
  20. package/dist/Chart/Tooltip/MultiTooltip/styles.js.map +1 -1
  21. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js +2 -26
  22. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -1
  23. package/dist/Chart/Tooltip/SingleTooltip/index.js +0 -2
  24. package/dist/Chart/Tooltip/SingleTooltip/index.js.map +1 -1
  25. package/dist/Chart/Tooltip/SingleTooltip/styles.js +0 -2
  26. package/dist/Chart/Tooltip/SingleTooltip/styles.js.map +1 -1
  27. package/dist/Chart/Tooltip/Tooltip.js +16 -51
  28. package/dist/Chart/Tooltip/Tooltip.js.map +1 -1
  29. package/dist/Chart/Tooltip/index.js +0 -2
  30. package/dist/Chart/Tooltip/index.js.map +1 -1
  31. package/dist/Chart/Tooltip/styles.js.map +1 -1
  32. package/dist/Chart/chartPlotlyOverrides.js +9 -33
  33. package/dist/Chart/chartPlotlyOverrides.js.map +1 -1
  34. package/dist/Chart/index.js +0 -2
  35. package/dist/Chart/index.js.map +1 -1
  36. package/dist/Chart/styles.js +0 -13
  37. package/dist/Chart/styles.js.map +1 -1
  38. package/dist/ConfusionMatrix/ConfusionMatrix.d.ts +10 -0
  39. package/dist/ConfusionMatrix/ConfusionMatrix.js +102 -0
  40. package/dist/ConfusionMatrix/ConfusionMatrix.js.map +1 -0
  41. package/dist/ConfusionMatrix/CustomTooltip/CustomTooltip.js +47 -0
  42. package/dist/ConfusionMatrix/CustomTooltip/CustomTooltip.js.map +1 -0
  43. package/dist/ConfusionMatrix/CustomTooltip/index.js +14 -0
  44. package/dist/ConfusionMatrix/CustomTooltip/index.js.map +1 -0
  45. package/dist/ConfusionMatrix/CustomTooltip/styles.js +26 -0
  46. package/dist/ConfusionMatrix/CustomTooltip/styles.js.map +1 -0
  47. package/dist/ConfusionMatrix/confusionMatrixPlotlyOverrides.js +189 -0
  48. package/dist/ConfusionMatrix/confusionMatrixPlotlyOverrides.js.map +1 -0
  49. package/dist/ConfusionMatrix/index.d.ts +2 -0
  50. package/dist/ConfusionMatrix/index.js +14 -0
  51. package/dist/ConfusionMatrix/index.js.map +1 -0
  52. package/dist/ConfusionMatrix/styles.js +10 -0
  53. package/dist/ConfusionMatrix/styles.js.map +1 -0
  54. package/dist/Donutchart/Donutchart.js +10 -47
  55. package/dist/Donutchart/Donutchart.js.map +1 -1
  56. package/dist/Donutchart/donutchartPlotlyOverrides.js +1 -13
  57. package/dist/Donutchart/donutchartPlotlyOverrides.js.map +1 -1
  58. package/dist/Donutchart/index.js +0 -2
  59. package/dist/Donutchart/index.js.map +1 -1
  60. package/dist/Donutchart/styles.js.map +1 -1
  61. package/dist/Linechart/Linechart.js +12 -50
  62. package/dist/Linechart/Linechart.js.map +1 -1
  63. package/dist/Linechart/index.js +0 -2
  64. package/dist/Linechart/index.js.map +1 -1
  65. package/dist/Linechart/lineChartPlotlyOverrides.js +1 -17
  66. package/dist/Linechart/lineChartPlotlyOverrides.js.map +1 -1
  67. package/dist/Linechart/styles.js.map +1 -1
  68. package/dist/index.d.ts +3 -0
  69. package/dist/index.js +7 -4
  70. package/dist/index.js.map +1 -1
  71. package/dist/legacy/Barchart/Barchart.js +45 -43
  72. package/dist/legacy/Barchart/Barchart.js.map +1 -1
  73. package/dist/legacy/Barchart/barchartPlotlyOverrides.js +1 -6
  74. package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +1 -1
  75. package/dist/legacy/Barchart/index.js.map +1 -1
  76. package/dist/legacy/Barchart/styles.js.map +1 -1
  77. package/dist/legacy/Chart/Chart.js +30 -47
  78. package/dist/legacy/Chart/Chart.js.map +1 -1
  79. package/dist/legacy/Chart/Plot/Plot.js +11 -22
  80. package/dist/legacy/Chart/Plot/Plot.js.map +1 -1
  81. package/dist/legacy/Chart/Plot/index.js.map +1 -1
  82. package/dist/legacy/Chart/Plot/styles.js.map +1 -1
  83. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js +1 -17
  84. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -1
  85. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js.map +1 -1
  86. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js +0 -1
  87. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js.map +1 -1
  88. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js +2 -9
  89. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -1
  90. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js.map +1 -1
  91. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js +0 -1
  92. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js.map +1 -1
  93. package/dist/legacy/Chart/Tooltip/Tooltip.js +16 -30
  94. package/dist/legacy/Chart/Tooltip/Tooltip.js.map +1 -1
  95. package/dist/legacy/Chart/Tooltip/index.js.map +1 -1
  96. package/dist/legacy/Chart/Tooltip/styles.js.map +1 -1
  97. package/dist/legacy/Chart/chartPlotlyOverrides.js +9 -20
  98. package/dist/legacy/Chart/chartPlotlyOverrides.js.map +1 -1
  99. package/dist/legacy/Chart/index.js.map +1 -1
  100. package/dist/legacy/Chart/styles.js +0 -4
  101. package/dist/legacy/Chart/styles.js.map +1 -1
  102. package/dist/legacy/ConfusionMatrix/ConfusionMatrix.d.ts +10 -0
  103. package/dist/legacy/ConfusionMatrix/ConfusionMatrix.js +87 -0
  104. package/dist/legacy/ConfusionMatrix/ConfusionMatrix.js.map +1 -0
  105. package/dist/legacy/ConfusionMatrix/CustomTooltip/CustomTooltip.js +39 -0
  106. package/dist/legacy/ConfusionMatrix/CustomTooltip/CustomTooltip.js.map +1 -0
  107. package/dist/legacy/ConfusionMatrix/CustomTooltip/index.js +2 -0
  108. package/dist/legacy/ConfusionMatrix/CustomTooltip/index.js.map +1 -0
  109. package/dist/legacy/ConfusionMatrix/CustomTooltip/styles.js +19 -0
  110. package/dist/legacy/ConfusionMatrix/CustomTooltip/styles.js.map +1 -0
  111. package/dist/legacy/ConfusionMatrix/confusionMatrixPlotlyOverrides.js +181 -0
  112. package/dist/legacy/ConfusionMatrix/confusionMatrixPlotlyOverrides.js.map +1 -0
  113. package/dist/legacy/ConfusionMatrix/index.d.ts +2 -0
  114. package/dist/legacy/ConfusionMatrix/index.js +2 -0
  115. package/dist/legacy/ConfusionMatrix/index.js.map +1 -0
  116. package/dist/legacy/ConfusionMatrix/styles.js +3 -0
  117. package/dist/legacy/ConfusionMatrix/styles.js.map +1 -0
  118. package/dist/legacy/Donutchart/Donutchart.js +11 -22
  119. package/dist/legacy/Donutchart/Donutchart.js.map +1 -1
  120. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js +1 -6
  121. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js.map +1 -1
  122. package/dist/legacy/Donutchart/index.js.map +1 -1
  123. package/dist/legacy/Donutchart/styles.js.map +1 -1
  124. package/dist/legacy/Linechart/Linechart.js +13 -25
  125. package/dist/legacy/Linechart/Linechart.js.map +1 -1
  126. package/dist/legacy/Linechart/index.js.map +1 -1
  127. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js +1 -10
  128. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js.map +1 -1
  129. package/dist/legacy/Linechart/styles.js.map +1 -1
  130. package/dist/legacy/index.d.ts +3 -0
  131. package/dist/legacy/index.js +1 -0
  132. package/dist/legacy/index.js.map +1 -1
  133. package/dist/modern/Barchart/Barchart.js +38 -31
  134. package/dist/modern/Barchart/Barchart.js.map +1 -1
  135. package/dist/modern/Barchart/barchartPlotlyOverrides.js +1 -6
  136. package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +1 -1
  137. package/dist/modern/Barchart/index.js.map +1 -1
  138. package/dist/modern/Barchart/styles.js.map +1 -1
  139. package/dist/modern/Chart/Chart.js +19 -34
  140. package/dist/modern/Chart/Chart.js.map +1 -1
  141. package/dist/modern/Chart/Plot/Plot.js +12 -23
  142. package/dist/modern/Chart/Plot/Plot.js.map +1 -1
  143. package/dist/modern/Chart/Plot/index.js.map +1 -1
  144. package/dist/modern/Chart/Plot/styles.js.map +1 -1
  145. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js +0 -17
  146. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -1
  147. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js.map +1 -1
  148. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js +0 -1
  149. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js.map +1 -1
  150. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js +0 -7
  151. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -1
  152. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js.map +1 -1
  153. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js +0 -1
  154. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js.map +1 -1
  155. package/dist/modern/Chart/Tooltip/Tooltip.js +2 -13
  156. package/dist/modern/Chart/Tooltip/Tooltip.js.map +1 -1
  157. package/dist/modern/Chart/Tooltip/index.js.map +1 -1
  158. package/dist/modern/Chart/Tooltip/styles.js.map +1 -1
  159. package/dist/modern/Chart/chartPlotlyOverrides.js +9 -20
  160. package/dist/modern/Chart/chartPlotlyOverrides.js.map +1 -1
  161. package/dist/modern/Chart/index.js.map +1 -1
  162. package/dist/modern/Chart/styles.js +0 -4
  163. package/dist/modern/Chart/styles.js.map +1 -1
  164. package/dist/modern/ConfusionMatrix/ConfusionMatrix.d.ts +10 -0
  165. package/dist/modern/ConfusionMatrix/ConfusionMatrix.js +76 -0
  166. package/dist/modern/ConfusionMatrix/ConfusionMatrix.js.map +1 -0
  167. package/dist/modern/ConfusionMatrix/CustomTooltip/CustomTooltip.js +37 -0
  168. package/dist/modern/ConfusionMatrix/CustomTooltip/CustomTooltip.js.map +1 -0
  169. package/dist/modern/ConfusionMatrix/CustomTooltip/index.js +2 -0
  170. package/dist/modern/ConfusionMatrix/CustomTooltip/index.js.map +1 -0
  171. package/dist/modern/ConfusionMatrix/CustomTooltip/styles.js +17 -0
  172. package/dist/modern/ConfusionMatrix/CustomTooltip/styles.js.map +1 -0
  173. package/dist/modern/ConfusionMatrix/confusionMatrixPlotlyOverrides.js +154 -0
  174. package/dist/modern/ConfusionMatrix/confusionMatrixPlotlyOverrides.js.map +1 -0
  175. package/dist/modern/ConfusionMatrix/index.d.ts +2 -0
  176. package/dist/modern/ConfusionMatrix/index.js +2 -0
  177. package/dist/modern/ConfusionMatrix/index.js.map +1 -0
  178. package/dist/modern/ConfusionMatrix/styles.js +3 -0
  179. package/dist/modern/ConfusionMatrix/styles.js.map +1 -0
  180. package/dist/modern/Donutchart/Donutchart.js +11 -22
  181. package/dist/modern/Donutchart/Donutchart.js.map +1 -1
  182. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js +1 -6
  183. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js.map +1 -1
  184. package/dist/modern/Donutchart/index.js.map +1 -1
  185. package/dist/modern/Donutchart/styles.js.map +1 -1
  186. package/dist/modern/Linechart/Linechart.js +12 -24
  187. package/dist/modern/Linechart/Linechart.js.map +1 -1
  188. package/dist/modern/Linechart/index.js.map +1 -1
  189. package/dist/modern/Linechart/lineChartPlotlyOverrides.js +1 -10
  190. package/dist/modern/Linechart/lineChartPlotlyOverrides.js.map +1 -1
  191. package/dist/modern/Linechart/styles.js.map +1 -1
  192. package/dist/modern/index.d.ts +3 -0
  193. package/dist/modern/index.js +1 -0
  194. package/dist/modern/index.js.map +1 -1
  195. package/package.json +5 -5
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/ConfusionMatrix/index.js"],"sourcesContent":["export { default } from \"./ConfusionMatrix\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,mBAAmB"}
@@ -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/ConfusionMatrix/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,CAAC,CAAC;AAEjB,eAAeA,MAAM"}
@@ -8,39 +8,35 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
8
8
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
9
9
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
10
10
  var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "type"];
11
-
12
11
  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; }
13
-
14
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; }
15
-
16
13
  import React, { useMemo } from "react";
17
14
  import PropTypes from "prop-types";
18
15
  import { withStyles } from "@mui/styles";
19
16
  import Chart from "../Chart";
20
17
  import { applyDataDefaults, applyLayoutDefaults } from "./donutchartPlotlyOverrides";
21
18
  import styles from "./styles";
19
+
22
20
  /**
23
21
  * Donut charts nicely convey the part-whole relationship and they have become
24
22
  * the most recognizable chart types for representing proportions in business and data statistics.
25
23
  * Our implementation leverages the Plotly charting library. If you have a specific case
26
24
  * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
27
25
  */
28
-
29
26
  import { jsx as _jsx } from "react/jsx-runtime";
30
-
31
27
  var Donutchart = function Donutchart(_ref) {
32
28
  var id = _ref.id,
33
- classes = _ref.classes,
34
- data = _ref.data,
35
- layout = _ref.layout,
36
- config = _ref.config,
37
- _ref$tooltipType = _ref.tooltipType,
38
- tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
39
- _ref$type = _ref.type,
40
- type = _ref$type === void 0 ? "regular" : _ref$type,
41
- others = _objectWithoutProperties(_ref, _excluded);
42
-
29
+ classes = _ref.classes,
30
+ data = _ref.data,
31
+ layout = _ref.layout,
32
+ config = _ref.config,
33
+ _ref$tooltipType = _ref.tooltipType,
34
+ tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
35
+ _ref$type = _ref.type,
36
+ type = _ref$type === void 0 ? "regular" : _ref$type,
37
+ others = _objectWithoutProperties(_ref, _excluded);
43
38
  /* Values derived from props */
39
+
44
40
  var chartData = useMemo(function () {
45
41
  return applyDataDefaults(data, type);
46
42
  }, [data, type]);
@@ -57,38 +53,31 @@ var Donutchart = function Donutchart(_ref) {
57
53
  type: type
58
54
  }, others));
59
55
  };
60
-
61
56
  process.env.NODE_ENV !== "production" ? Donutchart.propTypes = {
62
57
  /**
63
58
  * An Id passed on to the component
64
59
  */
65
60
  id: PropTypes.string,
66
-
67
61
  /**
68
62
  * A Jss Object used to override or extend the styles applied.
69
63
  */
70
64
  classes: PropTypes.instanceOf(Object),
71
-
72
65
  /**
73
66
  * Plotly data object (see https://plot.ly/javascript/reference/).
74
67
  */
75
68
  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
76
-
77
69
  /**
78
70
  * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
79
71
  */
80
72
  layout: PropTypes.instanceOf(Object),
81
-
82
73
  /**
83
74
  * Plotly config object (see https://plot.ly/javascript/configuration-options/).
84
75
  */
85
76
  config: PropTypes.instanceOf(Object),
86
-
87
77
  /**
88
78
  * Defines if should use a single or multiline tooltip.
89
79
  */
90
80
  tooltipType: PropTypes.oneOf(["single", "multiple"]),
91
-
92
81
  /**
93
82
  * Sets the type of graph.
94
83
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Donutchart.js","names":["React","useMemo","PropTypes","withStyles","Chart","applyDataDefaults","applyLayoutDefaults","styles","Donutchart","id","classes","data","layout","config","tooltipType","type","others","chartData","chartLayout","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","name"],"sources":["../../../src/Donutchart/Donutchart.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport Chart from \"../Chart\";\nimport { applyDataDefaults, applyLayoutDefaults } from \"./donutchartPlotlyOverrides\";\nimport styles from \"./styles\";\n\n/**\n * Donut charts nicely convey the part-whole relationship and they have become\n * the most recognizable chart types for representing proportions in business and data statistics.\n * Our implementation leverages the Plotly charting library. If you have a specific case\n * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Donutchart = ({\n id,\n classes,\n data,\n layout,\n config,\n tooltipType = \"multiple\",\n type = \"regular\",\n ...others\n}) => {\n /* Values derived from props */\n\n const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);\n const chartLayout = useMemo(() => applyLayoutDefaults(layout), [layout]);\n\n return (\n <Chart\n id={id}\n classes={classes}\n data={chartData}\n layout={chartLayout}\n config={config}\n tooltipType={tooltipType}\n type={type}\n {...others}\n />\n );\n};\n\nDonutchart.propTypes = {\n /**\n * An Id passed on to the component\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.instanceOf(Object),\n /**\n * Plotly data object (see https://plot.ly/javascript/reference/).\n */\n data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n /**\n * Plotly layout object (see https://plot.ly/javascript/reference/#layout).\n */\n layout: PropTypes.instanceOf(Object),\n /**\n * Plotly config object (see https://plot.ly/javascript/configuration-options/).\n */\n config: PropTypes.instanceOf(Object),\n /**\n * Defines if should use a single or multiline tooltip.\n */\n tooltipType: PropTypes.oneOf([\"single\", \"multiple\"]),\n /**\n * Sets the type of graph.\n */\n type: PropTypes.oneOf([\"regular\", \"thin\"]),\n};\n\nexport default withStyles(styles, { name: \"HvDonutchart\" })(Donutchart);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,iBAAT,EAA4BC,mBAA5B,QAAuD,6BAAvD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;;;;AACA,IAAMC,UAAU,GAAG,SAAbA,UAAa,OASb;EAAA,IARJC,EAQI,QARJA,EAQI;EAAA,IAPJC,OAOI,QAPJA,OAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,IAJJC,MAII,QAJJA,MAII;EAAA,4BAHJC,WAGI;EAAA,IAHJA,WAGI,iCAHU,UAGV;EAAA,qBAFJC,IAEI;EAAA,IAFJA,IAEI,0BAFG,SAEH;EAAA,IADDC,MACC;;EACJ;EAEA,IAAMC,SAAS,GAAGhB,OAAO,CAAC;IAAA,OAAMI,iBAAiB,CAACM,IAAD,EAAOI,IAAP,CAAvB;EAAA,CAAD,EAAsC,CAACJ,IAAD,EAAOI,IAAP,CAAtC,CAAzB;EACA,IAAMG,WAAW,GAAGjB,OAAO,CAAC;IAAA,OAAMK,mBAAmB,CAACM,MAAD,CAAzB;EAAA,CAAD,EAAoC,CAACA,MAAD,CAApC,CAA3B;EAEA,oBACE,KAAC,KAAD;IACE,EAAE,EAAEH,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEO,SAHR;IAIE,MAAM,EAAEC,WAJV;IAKE,MAAM,EAAEL,MALV;IAME,WAAW,EAAEC,WANf;IAOE,IAAI,EAAEC;EAPR,GAQMC,MARN,EADF;AAYD,CA3BD;;AA6BA,wCAAAR,UAAU,CAACW,SAAX,GAAuB;EACrB;AACF;AACA;EACEV,EAAE,EAAEP,SAAS,CAACkB,MAJO;;EAKrB;AACF;AACA;EACEV,OAAO,EAAER,SAAS,CAACmB,UAAV,CAAqBC,MAArB,CARY;;EASrB;AACF;AACA;EACEX,IAAI,EAAET,SAAS,CAACqB,OAAV,CAAkBrB,SAAS,CAACmB,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZjC;;EAarB;AACF;AACA;EACEZ,MAAM,EAAEV,SAAS,CAACmB,UAAV,CAAqBC,MAArB,CAhBa;;EAiBrB;AACF;AACA;EACET,MAAM,EAAEX,SAAS,CAACmB,UAAV,CAAqBC,MAArB,CApBa;;EAqBrB;AACF;AACA;EACER,WAAW,EAAEZ,SAAS,CAACuB,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBQ;;EAyBrB;AACF;AACA;EACEV,IAAI,EAAEb,SAAS,CAACuB,KAAV,CAAgB,CAAC,SAAD,EAAY,MAAZ,CAAhB;AA5Be,CAAvB;AA+BA,eAAetB,UAAU,CAACI,MAAD,EAAS;EAAEmB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA6ClB,UAA7C,CAAf"}
1
+ {"version":3,"file":"Donutchart.js","names":["React","useMemo","PropTypes","withStyles","Chart","applyDataDefaults","applyLayoutDefaults","styles","Donutchart","id","classes","data","layout","config","tooltipType","type","others","chartData","chartLayout","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","name"],"sources":["../../../src/Donutchart/Donutchart.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport Chart from \"../Chart\";\nimport { applyDataDefaults, applyLayoutDefaults } from \"./donutchartPlotlyOverrides\";\nimport styles from \"./styles\";\n\n/**\n * Donut charts nicely convey the part-whole relationship and they have become\n * the most recognizable chart types for representing proportions in business and data statistics.\n * Our implementation leverages the Plotly charting library. If you have a specific case\n * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Donutchart = ({\n id,\n classes,\n data,\n layout,\n config,\n tooltipType = \"multiple\",\n type = \"regular\",\n ...others\n}) => {\n /* Values derived from props */\n\n const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);\n const chartLayout = useMemo(() => applyLayoutDefaults(layout), [layout]);\n\n return (\n <Chart\n id={id}\n classes={classes}\n data={chartData}\n layout={chartLayout}\n config={config}\n tooltipType={tooltipType}\n type={type}\n {...others}\n />\n );\n};\n\nDonutchart.propTypes = {\n /**\n * An Id passed on to the component\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.instanceOf(Object),\n /**\n * Plotly data object (see https://plot.ly/javascript/reference/).\n */\n data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n /**\n * Plotly layout object (see https://plot.ly/javascript/reference/#layout).\n */\n layout: PropTypes.instanceOf(Object),\n /**\n * Plotly config object (see https://plot.ly/javascript/configuration-options/).\n */\n config: PropTypes.instanceOf(Object),\n /**\n * Defines if should use a single or multiline tooltip.\n */\n tooltipType: PropTypes.oneOf([\"single\", \"multiple\"]),\n /**\n * Sets the type of graph.\n */\n type: PropTypes.oneOf([\"regular\", \"thin\"]),\n};\n\nexport default withStyles(styles, { name: \"HvDonutchart\" })(Donutchart);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,KAAK,MAAM,UAAU;AAC5B,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,6BAA6B;AACpF,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AACA;AACA;AACA;AALA;AAMA,IAAMC,UAAU,GAAG,SAAbA,UAAU,OASV;EAAA,IARJC,EAAE,QAAFA,EAAE;IACFC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IAAA,wBACNC,WAAW;IAAXA,WAAW,iCAAG,UAAU;IAAA,iBACxBC,IAAI;IAAJA,IAAI,0BAAG,SAAS;IACbC,MAAM;EAET;;EAEA,IAAMC,SAAS,GAAGhB,OAAO,CAAC;IAAA,OAAMI,iBAAiB,CAACM,IAAI,EAAEI,IAAI,CAAC;EAAA,GAAE,CAACJ,IAAI,EAAEI,IAAI,CAAC,CAAC;EAC5E,IAAMG,WAAW,GAAGjB,OAAO,CAAC;IAAA,OAAMK,mBAAmB,CAACM,MAAM,CAAC;EAAA,GAAE,CAACA,MAAM,CAAC,CAAC;EAExE,oBACE,KAAC,KAAK;IACJ,EAAE,EAAEH,EAAG;IACP,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEO,SAAU;IAChB,MAAM,EAAEC,WAAY;IACpB,MAAM,EAAEL,MAAO;IACf,WAAW,EAAEC,WAAY;IACzB,IAAI,EAAEC;EAAK,GACPC,MAAM,EACV;AAEN,CAAC;AAED,wCAAAR,UAAU,CAACW,SAAS,GAAG;EACrB;AACF;AACA;EACEV,EAAE,EAAEP,SAAS,CAACkB,MAAM;EACpB;AACF;AACA;EACEV,OAAO,EAAER,SAAS,CAACmB,UAAU,CAACC,MAAM,CAAC;EACrC;AACF;AACA;EACEX,IAAI,EAAET,SAAS,CAACqB,OAAO,CAACrB,SAAS,CAACmB,UAAU,CAACC,MAAM,CAAC,CAAC,CAACE,UAAU;EAChE;AACF;AACA;EACEZ,MAAM,EAAEV,SAAS,CAACmB,UAAU,CAACC,MAAM,CAAC;EACpC;AACF;AACA;EACET,MAAM,EAAEX,SAAS,CAACmB,UAAU,CAACC,MAAM,CAAC;EACpC;AACF;AACA;EACER,WAAW,EAAEZ,SAAS,CAACuB,KAAK,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;EACpD;AACF;AACA;EACEV,IAAI,EAAEb,SAAS,CAACuB,KAAK,CAAC,CAAC,SAAS,EAAE,MAAM,CAAC;AAC3C,CAAC;AAED,eAAetB,UAAU,CAACI,MAAM,EAAE;EAAEmB,IAAI,EAAE;AAAe,CAAC,CAAC,CAAClB,UAAU,CAAC"}
@@ -1,31 +1,26 @@
1
1
  import "core-js/modules/es.object.to-string.js";
2
2
  import "core-js/modules/web.dom-collections.for-each.js";
3
3
  import clone from "lodash/cloneDeep";
4
-
5
4
  var setterIfNil = function setterIfNil(object, property, value) {
6
5
  var _object$property;
7
-
8
6
  // eslint-disable-next-line no-param-reassign
9
7
  object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
10
8
  };
9
+
11
10
  /**
12
11
  * Auxiliary functions to set the data in order to follow the DS guideline.
13
12
  *
14
13
  */
15
-
16
-
17
14
  export var applyDataDefaults = function applyDataDefaults(inputData, type) {
18
15
  var data = inputData;
19
16
  data.forEach(function (trace) {
20
17
  setterIfNil(trace, "hoverinfo", "none");
21
18
  setterIfNil(trace, "textinfo", "none");
22
19
  setterIfNil(trace, "type", "pie");
23
-
24
20
  switch (type) {
25
21
  case "thin":
26
22
  setterIfNil(trace, "hole", "0.94");
27
23
  break;
28
-
29
24
  case "regular":
30
25
  default:
31
26
  setterIfNil(trace, "hole", "0.76");
@@ -1 +1 @@
1
- {"version":3,"file":"donutchartPlotlyOverrides.js","names":["clone","setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","defaultLayout"],"sources":["../../../src/Donutchart/donutchartPlotlyOverrides.js"],"sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n // eslint-disable-next-line no-param-reassign\n object[property] = object[property] ?? value;\n};\n\n/**\n * Auxiliary functions to set the data in order to follow the DS guideline.\n *\n */\nexport const applyDataDefaults = (inputData, type) => {\n const data = inputData;\n\n data.forEach((trace) => {\n setterIfNil(trace, \"hoverinfo\", \"none\");\n setterIfNil(trace, \"textinfo\", \"none\");\n setterIfNil(trace, \"type\", \"pie\");\n\n switch (type) {\n case \"thin\":\n setterIfNil(trace, \"hole\", \"0.94\");\n break;\n case \"regular\":\n default:\n setterIfNil(trace, \"hole\", \"0.76\");\n }\n });\n\n return data;\n};\n\nexport const applyLayoutDefaults = (inputLayout) => {\n const defaultLayout = {};\n\n return !inputLayout ? defaultLayout : clone(inputLayout);\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,EAA6B;EAAA;;EAC/C;EACAF,MAAM,CAACC,QAAD,CAAN,uBAAmBD,MAAM,CAACC,QAAD,CAAzB,+DAAuCC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;AACA;;;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYC,IAAZ,EAAqB;EACpD,IAAMC,IAAI,GAAGF,SAAb;EAEAE,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;IACtBT,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,UAAR,EAAoB,MAApB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;;IAEA,QAAQH,IAAR;MACE,KAAK,MAAL;QACEN,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;QACA;;MACF,KAAK,SAAL;MACA;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;IANJ;EAQD,CAbD;EAeA,OAAOF,IAAP;AACD,CAnBM;AAqBP,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,WAAD,EAAiB;EAClD,IAAMC,aAAa,GAAG,EAAtB;EAEA,OAAO,CAACD,WAAD,GAAeC,aAAf,GAA+Bb,KAAK,CAACY,WAAD,CAA3C;AACD,CAJM"}
1
+ {"version":3,"file":"donutchartPlotlyOverrides.js","names":["clone","setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","defaultLayout"],"sources":["../../../src/Donutchart/donutchartPlotlyOverrides.js"],"sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n // eslint-disable-next-line no-param-reassign\n object[property] = object[property] ?? value;\n};\n\n/**\n * Auxiliary functions to set the data in order to follow the DS guideline.\n *\n */\nexport const applyDataDefaults = (inputData, type) => {\n const data = inputData;\n\n data.forEach((trace) => {\n setterIfNil(trace, \"hoverinfo\", \"none\");\n setterIfNil(trace, \"textinfo\", \"none\");\n setterIfNil(trace, \"type\", \"pie\");\n\n switch (type) {\n case \"thin\":\n setterIfNil(trace, \"hole\", \"0.94\");\n break;\n case \"regular\":\n default:\n setterIfNil(trace, \"hole\", \"0.76\");\n }\n });\n\n return data;\n};\n\nexport const applyLayoutDefaults = (inputLayout) => {\n const defaultLayout = {};\n\n return !inputLayout ? defaultLayout : clone(inputLayout);\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,kBAAkB;AAEpC,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAK;EAAA;EAC/C;EACAF,MAAM,CAACC,QAAQ,CAAC,uBAAGD,MAAM,CAACC,QAAQ,CAAC,+DAAIC,KAAK;AAC9C,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,SAAS,EAAEC,IAAI,EAAK;EACpD,IAAMC,IAAI,GAAGF,SAAS;EAEtBE,IAAI,CAACC,OAAO,CAAC,UAACC,KAAK,EAAK;IACtBT,WAAW,CAACS,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC;IACvCT,WAAW,CAACS,KAAK,EAAE,UAAU,EAAE,MAAM,CAAC;IACtCT,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC;IAEjC,QAAQH,IAAI;MACV,KAAK,MAAM;QACTN,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;QAClC;MACF,KAAK,SAAS;MACd;QACET,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;IAAC;EAEzC,CAAC,CAAC;EAEF,OAAOF,IAAI;AACb,CAAC;AAED,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,WAAW,EAAK;EAClD,IAAMC,aAAa,GAAG,CAAC,CAAC;EAExB,OAAO,CAACD,WAAW,GAAGC,aAAa,GAAGb,KAAK,CAACY,WAAW,CAAC;AAC1D,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Donutchart/index.js"],"sourcesContent":["export { default } from \"./Donutchart\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,cAAxB"}
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Donutchart/index.js"],"sourcesContent":["export { default } from \"./Donutchart\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,cAAc"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/Donutchart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf"}
1
+ {"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/Donutchart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,CAAC,CAAC;AAEjB,eAAeA,MAAM"}
@@ -8,41 +8,37 @@ import "core-js/modules/es.object.get-own-property-descriptors.js";
8
8
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
9
9
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
10
10
  var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "type", "rangeSlider"];
11
-
12
11
  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; }
13
-
14
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; }
15
-
16
13
  import React, { useMemo } from "react";
17
14
  import PropTypes from "prop-types";
18
15
  import { withStyles } from "@mui/styles";
19
16
  import Chart from "../Chart";
20
17
  import { applyDataDefaults, applyLayoutDefaults } from "./lineChartPlotlyOverrides";
21
18
  import styles from "./styles";
19
+
22
20
  /**
23
21
  * A line chart or line plot or line graph is a type of chart which displays information as a series of data points
24
22
  * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.
25
23
  * Our implementation leverages the Plotly charting library. If you have a specific case
26
24
  * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
27
25
  */
28
-
29
26
  import { jsx as _jsx } from "react/jsx-runtime";
30
-
31
27
  var Linechart = function Linechart(_ref) {
32
28
  var id = _ref.id,
33
- classes = _ref.classes,
34
- data = _ref.data,
35
- layout = _ref.layout,
36
- config = _ref.config,
37
- _ref$tooltipType = _ref.tooltipType,
38
- tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
39
- _ref$type = _ref.type,
40
- type = _ref$type === void 0 ? "line" : _ref$type,
41
- _ref$rangeSlider = _ref.rangeSlider,
42
- rangeSlider = _ref$rangeSlider === void 0 ? false : _ref$rangeSlider,
43
- others = _objectWithoutProperties(_ref, _excluded);
44
-
29
+ classes = _ref.classes,
30
+ data = _ref.data,
31
+ layout = _ref.layout,
32
+ config = _ref.config,
33
+ _ref$tooltipType = _ref.tooltipType,
34
+ tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
35
+ _ref$type = _ref.type,
36
+ type = _ref$type === void 0 ? "line" : _ref$type,
37
+ _ref$rangeSlider = _ref.rangeSlider,
38
+ rangeSlider = _ref$rangeSlider === void 0 ? false : _ref$rangeSlider,
39
+ others = _objectWithoutProperties(_ref, _excluded);
45
40
  /* Values derived from props */
41
+
46
42
  var chartData = useMemo(function () {
47
43
  return applyDataDefaults(data, type);
48
44
  }, [data, type]);
@@ -58,43 +54,35 @@ var Linechart = function Linechart(_ref) {
58
54
  tooltipType: tooltipType
59
55
  }, others));
60
56
  };
61
-
62
57
  process.env.NODE_ENV !== "production" ? Linechart.propTypes = {
63
58
  /**
64
59
  * An Id passed on to the component
65
60
  */
66
61
  id: PropTypes.string,
67
-
68
62
  /**
69
63
  * A Jss Object used to override or extend the styles applied.
70
64
  */
71
65
  classes: PropTypes.instanceOf(Object),
72
-
73
66
  /**
74
67
  * Plotly data object (see https://plot.ly/javascript/reference/).
75
68
  */
76
69
  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
77
-
78
70
  /**
79
71
  * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
80
72
  */
81
73
  layout: PropTypes.instanceOf(Object),
82
-
83
74
  /**
84
75
  * Plotly config object (see https://plot.ly/javascript/configuration-options/).
85
76
  */
86
77
  config: PropTypes.instanceOf(Object),
87
-
88
78
  /**
89
79
  * Defines if should use a single or multiline tooltip.
90
80
  */
91
81
  tooltipType: PropTypes.oneOf(["single", "multiple"]),
92
-
93
82
  /**
94
83
  * Sets the type of graph.
95
84
  */
96
85
  type: PropTypes.oneOf(["line", "area", "stack"]),
97
-
98
86
  /**
99
87
  * Defines it should present a range slider.
100
88
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Linechart.js","names":["React","useMemo","PropTypes","withStyles","Chart","applyDataDefaults","applyLayoutDefaults","styles","Linechart","id","classes","data","layout","config","tooltipType","type","rangeSlider","others","chartData","chartLayout","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","name"],"sources":["../../../src/Linechart/Linechart.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport Chart from \"../Chart\";\nimport { applyDataDefaults, applyLayoutDefaults } from \"./lineChartPlotlyOverrides\";\nimport styles from \"./styles\";\n\n/**\n * A line chart or line plot or line graph is a type of chart which displays information as a series of data points\n * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.\n * Our implementation leverages the Plotly charting library. If you have a specific case\n * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Linechart = ({\n id,\n classes,\n data,\n layout,\n config,\n tooltipType = \"multiple\",\n type = \"line\",\n rangeSlider = false,\n ...others\n}) => {\n /* Values derived from props */\n\n const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);\n const chartLayout = useMemo(\n () => applyLayoutDefaults(layout, rangeSlider),\n [layout, rangeSlider]\n );\n\n return (\n <Chart\n id={id}\n classes={classes}\n data={chartData}\n layout={chartLayout}\n config={config}\n tooltipType={tooltipType}\n {...others}\n />\n );\n};\n\nLinechart.propTypes = {\n /**\n * An Id passed on to the component\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.instanceOf(Object),\n /**\n * Plotly data object (see https://plot.ly/javascript/reference/).\n */\n data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n /**\n * Plotly layout object (see https://plot.ly/javascript/reference/#layout).\n */\n layout: PropTypes.instanceOf(Object),\n /**\n * Plotly config object (see https://plot.ly/javascript/configuration-options/).\n */\n config: PropTypes.instanceOf(Object),\n /**\n * Defines if should use a single or multiline tooltip.\n */\n tooltipType: PropTypes.oneOf([\"single\", \"multiple\"]),\n /**\n * Sets the type of graph.\n */\n type: PropTypes.oneOf([\"line\", \"area\", \"stack\"]),\n /**\n * Defines it should present a range slider.\n */\n rangeSlider: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvLinechart\" })(Linechart);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,iBAAT,EAA4BC,mBAA5B,QAAuD,4BAAvD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;AACA;AACA;;;;AACA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAUZ;EAAA,IATJC,EASI,QATJA,EASI;EAAA,IARJC,OAQI,QARJA,OAQI;EAAA,IAPJC,IAOI,QAPJA,IAOI;EAAA,IANJC,MAMI,QANJA,MAMI;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,4BAJJC,WAII;EAAA,IAJJA,WAII,iCAJU,UAIV;EAAA,qBAHJC,IAGI;EAAA,IAHJA,IAGI,0BAHG,MAGH;EAAA,4BAFJC,WAEI;EAAA,IAFJA,WAEI,iCAFU,KAEV;EAAA,IADDC,MACC;;EACJ;EAEA,IAAMC,SAAS,GAAGjB,OAAO,CAAC;IAAA,OAAMI,iBAAiB,CAACM,IAAD,EAAOI,IAAP,CAAvB;EAAA,CAAD,EAAsC,CAACJ,IAAD,EAAOI,IAAP,CAAtC,CAAzB;EACA,IAAMI,WAAW,GAAGlB,OAAO,CACzB;IAAA,OAAMK,mBAAmB,CAACM,MAAD,EAASI,WAAT,CAAzB;EAAA,CADyB,EAEzB,CAACJ,MAAD,EAASI,WAAT,CAFyB,CAA3B;EAKA,oBACE,KAAC,KAAD;IACE,EAAE,EAAEP,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEQ,SAHR;IAIE,MAAM,EAAEC,WAJV;IAKE,MAAM,EAAEN,MALV;IAME,WAAW,EAAEC;EANf,GAOMG,MAPN,EADF;AAWD,CA9BD;;AAgCA,wCAAAT,SAAS,CAACY,SAAV,GAAsB;EACpB;AACF;AACA;EACEX,EAAE,EAAEP,SAAS,CAACmB,MAJM;;EAKpB;AACF;AACA;EACEX,OAAO,EAAER,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CARW;;EASpB;AACF;AACA;EACEZ,IAAI,EAAET,SAAS,CAACsB,OAAV,CAAkBtB,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZlC;;EAapB;AACF;AACA;EACEb,MAAM,EAAEV,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CAhBY;;EAiBpB;AACF;AACA;EACEV,MAAM,EAAEX,SAAS,CAACoB,UAAV,CAAqBC,MAArB,CApBY;;EAqBpB;AACF;AACA;EACET,WAAW,EAAEZ,SAAS,CAACwB,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBO;;EAyBpB;AACF;AACA;EACEX,IAAI,EAAEb,SAAS,CAACwB,KAAV,CAAgB,CAAC,MAAD,EAAS,MAAT,EAAiB,OAAjB,CAAhB,CA5Bc;;EA6BpB;AACF;AACA;EACEV,WAAW,EAAEd,SAAS,CAACyB;AAhCH,CAAtB;AAmCA,eAAexB,UAAU,CAACI,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CpB,SAA5C,CAAf"}
1
+ {"version":3,"file":"Linechart.js","names":["React","useMemo","PropTypes","withStyles","Chart","applyDataDefaults","applyLayoutDefaults","styles","Linechart","id","classes","data","layout","config","tooltipType","type","rangeSlider","others","chartData","chartLayout","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","name"],"sources":["../../../src/Linechart/Linechart.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport Chart from \"../Chart\";\nimport { applyDataDefaults, applyLayoutDefaults } from \"./lineChartPlotlyOverrides\";\nimport styles from \"./styles\";\n\n/**\n * A line chart or line plot or line graph is a type of chart which displays information as a series of data points\n * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.\n * Our implementation leverages the Plotly charting library. If you have a specific case\n * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.\n */\nconst Linechart = ({\n id,\n classes,\n data,\n layout,\n config,\n tooltipType = \"multiple\",\n type = \"line\",\n rangeSlider = false,\n ...others\n}) => {\n /* Values derived from props */\n\n const chartData = useMemo(() => applyDataDefaults(data, type), [data, type]);\n const chartLayout = useMemo(\n () => applyLayoutDefaults(layout, rangeSlider),\n [layout, rangeSlider]\n );\n\n return (\n <Chart\n id={id}\n classes={classes}\n data={chartData}\n layout={chartLayout}\n config={config}\n tooltipType={tooltipType}\n {...others}\n />\n );\n};\n\nLinechart.propTypes = {\n /**\n * An Id passed on to the component\n */\n id: PropTypes.string,\n /**\n * A Jss Object used to override or extend the styles applied.\n */\n classes: PropTypes.instanceOf(Object),\n /**\n * Plotly data object (see https://plot.ly/javascript/reference/).\n */\n data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,\n /**\n * Plotly layout object (see https://plot.ly/javascript/reference/#layout).\n */\n layout: PropTypes.instanceOf(Object),\n /**\n * Plotly config object (see https://plot.ly/javascript/configuration-options/).\n */\n config: PropTypes.instanceOf(Object),\n /**\n * Defines if should use a single or multiline tooltip.\n */\n tooltipType: PropTypes.oneOf([\"single\", \"multiple\"]),\n /**\n * Sets the type of graph.\n */\n type: PropTypes.oneOf([\"line\", \"area\", \"stack\"]),\n /**\n * Defines it should present a range slider.\n */\n rangeSlider: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvLinechart\" })(Linechart);\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,KAAK,MAAM,UAAU;AAC5B,SAASC,iBAAiB,EAAEC,mBAAmB,QAAQ,4BAA4B;AACnF,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AACA;AACA;AACA;AALA;AAMA,IAAMC,SAAS,GAAG,SAAZA,SAAS,OAUT;EAAA,IATJC,EAAE,QAAFA,EAAE;IACFC,OAAO,QAAPA,OAAO;IACPC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IAAA,wBACNC,WAAW;IAAXA,WAAW,iCAAG,UAAU;IAAA,iBACxBC,IAAI;IAAJA,IAAI,0BAAG,MAAM;IAAA,wBACbC,WAAW;IAAXA,WAAW,iCAAG,KAAK;IAChBC,MAAM;EAET;;EAEA,IAAMC,SAAS,GAAGjB,OAAO,CAAC;IAAA,OAAMI,iBAAiB,CAACM,IAAI,EAAEI,IAAI,CAAC;EAAA,GAAE,CAACJ,IAAI,EAAEI,IAAI,CAAC,CAAC;EAC5E,IAAMI,WAAW,GAAGlB,OAAO,CACzB;IAAA,OAAMK,mBAAmB,CAACM,MAAM,EAAEI,WAAW,CAAC;EAAA,GAC9C,CAACJ,MAAM,EAAEI,WAAW,CAAC,CACtB;EAED,oBACE,KAAC,KAAK;IACJ,EAAE,EAAEP,EAAG;IACP,OAAO,EAAEC,OAAQ;IACjB,IAAI,EAAEQ,SAAU;IAChB,MAAM,EAAEC,WAAY;IACpB,MAAM,EAAEN,MAAO;IACf,WAAW,EAAEC;EAAY,GACrBG,MAAM,EACV;AAEN,CAAC;AAED,wCAAAT,SAAS,CAACY,SAAS,GAAG;EACpB;AACF;AACA;EACEX,EAAE,EAAEP,SAAS,CAACmB,MAAM;EACpB;AACF;AACA;EACEX,OAAO,EAAER,SAAS,CAACoB,UAAU,CAACC,MAAM,CAAC;EACrC;AACF;AACA;EACEZ,IAAI,EAAET,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACoB,UAAU,CAACC,MAAM,CAAC,CAAC,CAACE,UAAU;EAChE;AACF;AACA;EACEb,MAAM,EAAEV,SAAS,CAACoB,UAAU,CAACC,MAAM,CAAC;EACpC;AACF;AACA;EACEV,MAAM,EAAEX,SAAS,CAACoB,UAAU,CAACC,MAAM,CAAC;EACpC;AACF;AACA;EACET,WAAW,EAAEZ,SAAS,CAACwB,KAAK,CAAC,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;EACpD;AACF;AACA;EACEX,IAAI,EAAEb,SAAS,CAACwB,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC;EAChD;AACF;AACA;EACEV,WAAW,EAAEd,SAAS,CAACyB;AACzB,CAAC;AAED,eAAexB,UAAU,CAACI,MAAM,EAAE;EAAEqB,IAAI,EAAE;AAAc,CAAC,CAAC,CAACpB,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Linechart/index.js"],"sourcesContent":["export { default } from \"./Linechart\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,aAAxB"}
1
+ {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Linechart/index.js"],"sourcesContent":["export { default } from \"./Linechart\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,aAAa"}
@@ -1,41 +1,34 @@
1
1
  import "core-js/modules/es.object.to-string.js";
2
2
  import "core-js/modules/web.dom-collections.for-each.js";
3
3
  import clone from "lodash/cloneDeep";
4
-
5
4
  var setterIfNil = function setterIfNil(object, property, value) {
6
5
  var _object$property;
7
-
8
6
  // eslint-disable-next-line no-param-reassign
9
7
  object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
10
8
  };
9
+
11
10
  /**
12
11
  * Auxiliary functions to set the data in order to follow the DS guideline.
13
12
  *
14
13
  */
15
-
16
-
17
14
  export var applyDataDefaults = function applyDataDefaults(inputData, type) {
18
15
  var data = inputData;
19
16
  data.forEach(function (trace) {
20
17
  setterIfNil(trace, "hoverinfo", "none");
21
18
  setterIfNil(trace, "mode", "lines");
22
-
23
19
  switch (type) {
24
20
  case "area":
25
21
  setterIfNil(trace, "fill", "tonexty");
26
22
  setterIfNil(trace, "type", "scatter");
27
23
  break;
28
-
29
24
  case "line":
30
25
  setterIfNil(trace, "type", "line");
31
26
  break;
32
-
33
27
  case "stack":
34
28
  setterIfNil(trace, "fill", "tonexty");
35
29
  setterIfNil(trace, "type", "scatter");
36
30
  setterIfNil(trace, "stackgroup", "one");
37
31
  break;
38
-
39
32
  default:
40
33
  setterIfNil(trace, "type", "line");
41
34
  }
@@ -51,13 +44,11 @@ export var applyLayoutDefaults = function applyLayoutDefaults() {
51
44
  setterIfNil(layout.xaxis, "showline", true);
52
45
  setterIfNil(layout, "yaxis", {});
53
46
  setterIfNil(layout.yaxis, "showline", false);
54
-
55
47
  if (rangeSlider) {
56
48
  setterIfNil(layout.xaxis, "rangeslider", {
57
49
  visible: true
58
50
  });
59
51
  }
60
-
61
52
  return layout;
62
53
  };
63
54
  //# sourceMappingURL=lineChartPlotlyOverrides.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"lineChartPlotlyOverrides.js","names":["clone","setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","rangeSlider","layout","xaxis","yaxis","visible"],"sources":["../../../src/Linechart/lineChartPlotlyOverrides.js"],"sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n // eslint-disable-next-line no-param-reassign\n object[property] = object[property] ?? value;\n};\n\n/**\n * Auxiliary functions to set the data in order to follow the DS guideline.\n *\n */\nexport const applyDataDefaults = (inputData, type) => {\n const data = inputData;\n\n data.forEach((trace) => {\n setterIfNil(trace, \"hoverinfo\", \"none\");\n setterIfNil(trace, \"mode\", \"lines\");\n\n switch (type) {\n case \"area\":\n setterIfNil(trace, \"fill\", \"tonexty\");\n setterIfNil(trace, \"type\", \"scatter\");\n break;\n case \"line\":\n setterIfNil(trace, \"type\", \"line\");\n break;\n case \"stack\":\n setterIfNil(trace, \"fill\", \"tonexty\");\n setterIfNil(trace, \"type\", \"scatter\");\n setterIfNil(trace, \"stackgroup\", \"one\");\n break;\n default:\n setterIfNil(trace, \"type\", \"line\");\n }\n });\n\n return data;\n};\n\nexport const applyLayoutDefaults = (inputLayout = {}, rangeSlider) => {\n const layout = clone(inputLayout);\n\n setterIfNil(layout, \"xaxis\", {});\n setterIfNil(layout.xaxis, \"showgrid\", true);\n setterIfNil(layout.xaxis, \"showline\", true);\n\n setterIfNil(layout, \"yaxis\", {});\n setterIfNil(layout.yaxis, \"showline\", false);\n\n if (rangeSlider) {\n setterIfNil(layout.xaxis, \"rangeslider\", {\n visible: true,\n });\n }\n\n return layout;\n};\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,EAA6B;EAAA;;EAC/C;EACAF,MAAM,CAACC,QAAD,CAAN,uBAAmBD,MAAM,CAACC,QAAD,CAAzB,+DAAuCC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;AACA;;;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYC,IAAZ,EAAqB;EACpD,IAAMC,IAAI,GAAGF,SAAb;EAEAE,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;IACtBT,WAAW,CAACS,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,OAAhB,CAAX;;IAEA,QAAQH,IAAR;MACE,KAAK,MAAL;QACEN,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACA;;MACF,KAAK,MAAL;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;QACA;;MACF,KAAK,OAAL;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,SAAhB,CAAX;QACAT,WAAW,CAACS,KAAD,EAAQ,YAAR,EAAsB,KAAtB,CAAX;QACA;;MACF;QACET,WAAW,CAACS,KAAD,EAAQ,MAAR,EAAgB,MAAhB,CAAX;IAdJ;EAgBD,CApBD;EAsBA,OAAOF,IAAP;AACD,CA1BM;AA4BP,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAmC;EAAA,IAAlCC,WAAkC,uEAApB,EAAoB;EAAA,IAAhBC,WAAgB;EACpE,IAAMC,MAAM,GAAGd,KAAK,CAACY,WAAD,CAApB;EAEAX,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;EACAb,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;EACAd,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;EAEAd,WAAW,CAACa,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;EACAb,WAAW,CAACa,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;;EAEA,IAAIH,WAAJ,EAAiB;IACfZ,WAAW,CAACa,MAAM,CAACC,KAAR,EAAe,aAAf,EAA8B;MACvCE,OAAO,EAAE;IAD8B,CAA9B,CAAX;EAGD;;EAED,OAAOH,MAAP;AACD,CAjBM"}
1
+ {"version":3,"file":"lineChartPlotlyOverrides.js","names":["clone","setterIfNil","object","property","value","applyDataDefaults","inputData","type","data","forEach","trace","applyLayoutDefaults","inputLayout","rangeSlider","layout","xaxis","yaxis","visible"],"sources":["../../../src/Linechart/lineChartPlotlyOverrides.js"],"sourcesContent":["import clone from \"lodash/cloneDeep\";\n\nconst setterIfNil = (object, property, value) => {\n // eslint-disable-next-line no-param-reassign\n object[property] = object[property] ?? value;\n};\n\n/**\n * Auxiliary functions to set the data in order to follow the DS guideline.\n *\n */\nexport const applyDataDefaults = (inputData, type) => {\n const data = inputData;\n\n data.forEach((trace) => {\n setterIfNil(trace, \"hoverinfo\", \"none\");\n setterIfNil(trace, \"mode\", \"lines\");\n\n switch (type) {\n case \"area\":\n setterIfNil(trace, \"fill\", \"tonexty\");\n setterIfNil(trace, \"type\", \"scatter\");\n break;\n case \"line\":\n setterIfNil(trace, \"type\", \"line\");\n break;\n case \"stack\":\n setterIfNil(trace, \"fill\", \"tonexty\");\n setterIfNil(trace, \"type\", \"scatter\");\n setterIfNil(trace, \"stackgroup\", \"one\");\n break;\n default:\n setterIfNil(trace, \"type\", \"line\");\n }\n });\n\n return data;\n};\n\nexport const applyLayoutDefaults = (inputLayout = {}, rangeSlider) => {\n const layout = clone(inputLayout);\n\n setterIfNil(layout, \"xaxis\", {});\n setterIfNil(layout.xaxis, \"showgrid\", true);\n setterIfNil(layout.xaxis, \"showline\", true);\n\n setterIfNil(layout, \"yaxis\", {});\n setterIfNil(layout.yaxis, \"showline\", false);\n\n if (rangeSlider) {\n setterIfNil(layout.xaxis, \"rangeslider\", {\n visible: true,\n });\n }\n\n return layout;\n};\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,kBAAkB;AAEpC,IAAMC,WAAW,GAAG,SAAdA,WAAW,CAAIC,MAAM,EAAEC,QAAQ,EAAEC,KAAK,EAAK;EAAA;EAC/C;EACAF,MAAM,CAACC,QAAQ,CAAC,uBAAGD,MAAM,CAACC,QAAQ,CAAC,+DAAIC,KAAK;AAC9C,CAAC;;AAED;AACA;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,SAAS,EAAEC,IAAI,EAAK;EACpD,IAAMC,IAAI,GAAGF,SAAS;EAEtBE,IAAI,CAACC,OAAO,CAAC,UAACC,KAAK,EAAK;IACtBT,WAAW,CAACS,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC;IACvCT,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC;IAEnC,QAAQH,IAAI;MACV,KAAK,MAAM;QACTN,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QACrCT,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QACrC;MACF,KAAK,MAAM;QACTT,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;QAClC;MACF,KAAK,OAAO;QACVT,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QACrCT,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,SAAS,CAAC;QACrCT,WAAW,CAACS,KAAK,EAAE,YAAY,EAAE,KAAK,CAAC;QACvC;MACF;QACET,WAAW,CAACS,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;IAAC;EAEzC,CAAC,CAAC;EAEF,OAAOF,IAAI;AACb,CAAC;AAED,OAAO,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAmB,GAAsC;EAAA,IAAlCC,WAAW,uEAAG,CAAC,CAAC;EAAA,IAAEC,WAAW;EAC/D,IAAMC,MAAM,GAAGd,KAAK,CAACY,WAAW,CAAC;EAEjCX,WAAW,CAACa,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;EAChCb,WAAW,CAACa,MAAM,CAACC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC;EAC3Cd,WAAW,CAACa,MAAM,CAACC,KAAK,EAAE,UAAU,EAAE,IAAI,CAAC;EAE3Cd,WAAW,CAACa,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;EAChCb,WAAW,CAACa,MAAM,CAACE,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC;EAE5C,IAAIH,WAAW,EAAE;IACfZ,WAAW,CAACa,MAAM,CAACC,KAAK,EAAE,aAAa,EAAE;MACvCE,OAAO,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,OAAOH,MAAM;AACf,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/Linechart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf"}
1
+ {"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/Linechart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,CAAC,CAAC;AAEjB,eAAeA,MAAM"}
@@ -6,3 +6,6 @@ export * from "./Donutchart";
6
6
 
7
7
  export { default as HvLinechart } from "./Linechart";
8
8
  export * from "./Linechart";
9
+
10
+ export { default as HvConfusionMatrix} from "./ConfusionMatrix";
11
+ export * from "./ConfusionMatrix";
@@ -2,4 +2,5 @@
2
2
  export { default as HvBarchart } from "./Barchart";
3
3
  export { default as HvDonutchart } from "./Donutchart";
4
4
  export { default as HvLinechart } from "./Linechart";
5
+ export { default as HvConfusionMatrix } from "./ConfusionMatrix";
5
6
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["default","HvBarchart","HvDonutchart","HvLinechart"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvLinechart } from \"./Linechart\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,UAApB,QAAsC,YAAtC;AACA,SAASD,OAAO,IAAIE,YAApB,QAAwC,cAAxC;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,aAAvC"}
1
+ {"version":3,"file":"index.js","names":["default","HvBarchart","HvDonutchart","HvLinechart","HvConfusionMatrix"],"sources":["../../src/index.js"],"sourcesContent":["// components\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvConfusionMatrix } from \"./ConfusionMatrix\";\n"],"mappings":"AAAA;AACA,SAASA,OAAO,IAAIC,UAAU,QAAQ,YAAY;AAClD,SAASD,OAAO,IAAIE,YAAY,QAAQ,cAAc;AACtD,SAASF,OAAO,IAAIG,WAAW,QAAQ,aAAa;AACpD,SAASH,OAAO,IAAII,iBAAiB,QAAQ,mBAAmB"}
@@ -1,12 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
3
  const _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
4
-
5
4
  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; }
6
-
7
5
  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; }
8
-
9
- import "core-js/modules/web.dom-collections.iterator.js";
10
6
  import React, { useMemo, useEffect, useState, useCallback, useRef } from "react";
11
7
  import PropTypes from "prop-types";
12
8
  import { withStyles } from "@mui/styles";
@@ -18,32 +14,34 @@ const MARGIN = 50;
18
14
  const MAX_BAR_WIDTH = 90;
19
15
  const MIN_BAR_WIDTH = 3;
20
16
  const MIN_WIDTH = 75;
17
+
21
18
  /**
22
19
  * A Bar chart is a chart or graph that presents categorical data with rectangular bars.
23
20
  *
24
21
  * Our implementation leverages the Plotly charting library. If you have a specific case
25
22
  * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
26
23
  */
27
-
28
24
  const Barchart = _ref => {
29
25
  let {
30
- id,
31
- classes,
32
- data,
33
- layout,
34
- config,
35
- tooltipType = "multiple",
36
- stack = false,
37
- horizontal = false
38
- } = _ref,
39
- others = _objectWithoutProperties(_ref, _excluded);
40
-
26
+ id,
27
+ classes,
28
+ data,
29
+ layout,
30
+ config,
31
+ tooltipType = "multiple",
32
+ stack = false,
33
+ horizontal = false
34
+ } = _ref,
35
+ others = _objectWithoutProperties(_ref, _excluded);
41
36
  /* Values derived from props */
37
+
42
38
  const dataWithDefaults = useMemo(() => applyDataDefaults(data, horizontal), [data, horizontal]);
43
39
  const chartLayout = useMemo(() => applyLayoutDefaults(layout, stack, horizontal), [layout, stack, horizontal]);
40
+
44
41
  /* State */
45
42
 
46
43
  const [chartData, setChartData] = useState(dataWithDefaults);
44
+
47
45
  /* Effects */
48
46
 
49
47
  const firstRender = useRef(true);
@@ -54,21 +52,19 @@ const Barchart = _ref => {
54
52
  if (!firstRender.current) {
55
53
  setChartData(dataWithDefaults);
56
54
  }
57
-
58
55
  firstRender.current = false;
59
56
  }, [dataWithDefaults]);
57
+
60
58
  /**
61
59
  * Used to force the max width of each bar with 90px.
62
60
  *
63
61
  * (this is effectively more an effect than a callback)
64
62
  */
65
-
66
63
  const recalculateBarWidth = useCallback(ref => {
67
64
  // use the data and layout info directly from the plotly ref
68
65
  // as it's always the most uptodate version.
69
66
  const plotData = ref.current.props.data;
70
67
  const plotLayout = ref.current.props.layout;
71
-
72
68
  if (plotData.length > 0) {
73
69
  const {
74
70
  barmode,
@@ -89,7 +85,6 @@ const Barchart = _ref => {
89
85
  const greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;
90
86
  const lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;
91
87
  const isAlreadyGreaterThan90 = plotData[0].width !== undefined;
92
-
93
88
  if (greaterThan90 && !isAlreadyGreaterThan90) {
94
89
  const newWidth = MAX_BAR_WIDTH / plotWidth * numberOfGroup;
95
90
  const newData = plotData.map(subData => {
@@ -99,7 +94,6 @@ const Barchart = _ref => {
99
94
  });
100
95
  setChartData(newData);
101
96
  }
102
-
103
97
  if (lessThan3 && !isAlreadyGreaterThan90) {
104
98
  const newWidth = MIN_BAR_WIDTH / plotWidth * numberOfGroup;
105
99
  const newData = plotData.map(subData => {
@@ -109,7 +103,6 @@ const Barchart = _ref => {
109
103
  });
110
104
  setChartData(newData);
111
105
  }
112
-
113
106
  if (!greaterThan90 && isAlreadyGreaterThan90) {
114
107
  const newData = plotData.map(subData => {
115
108
  return _objectSpread(_objectSpread({}, subData), {}, {
@@ -130,43 +123,57 @@ const Barchart = _ref => {
130
123
  afterPlot: recalculateBarWidth
131
124
  }, others));
132
125
  };
133
-
134
126
  process.env.NODE_ENV !== "production" ? Barchart.propTypes = {
135
127
  /**
136
128
  * An Id passed on to the component
137
129
  */
138
130
  id: PropTypes.string,
139
-
140
131
  /**
141
132
  * A Jss Object used to override or extend the styles applied.
142
133
  */
143
- classes: PropTypes.instanceOf(Object),
144
-
134
+ classes: PropTypes.shape({
135
+ root: PropTypes.string
136
+ }),
145
137
  /**
146
138
  * Plotly data object (see https://plot.ly/javascript/reference/).
147
139
  */
148
140
  data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
149
-
150
141
  /**
151
142
  * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
152
143
  */
153
144
  layout: PropTypes.instanceOf(Object),
154
-
155
145
  /**
156
146
  * Plotly config object (see https://plot.ly/javascript/configuration-options/).
157
147
  */
158
148
  config: PropTypes.instanceOf(Object),
159
-
160
149
  /**
161
150
  * Defines if should use a single or multiline tooltip.
162
151
  */
163
152
  tooltipType: PropTypes.oneOf(["single", "multiple"]),
164
-
153
+ /**
154
+ * Custom tooltip element to be displayed
155
+ */
156
+ tooltip: PropTypes.func,
157
+ /**
158
+ * Function to be called after plot render.
159
+ */
160
+ afterPlot: PropTypes.func,
161
+ /**
162
+ * Defines the X axis title.
163
+ */
164
+ xAxisTitle: PropTypes.string,
165
+ /**
166
+ * Defines the Y axis title.
167
+ */
168
+ yAxisTitle: PropTypes.string,
169
+ /**
170
+ * Defines the chart subtitle.
171
+ */
172
+ subtitle: PropTypes.string,
165
173
  /**
166
174
  * Sets is the chart is stack.
167
175
  */
168
176
  stack: PropTypes.bool,
169
-
170
177
  /**
171
178
  * Sets is the chart is horizontal.
172
179
  */