@hitachivantara/uikit-react-core 3.67.16 → 3.68.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 (235) hide show
  1. package/dist/Dropdown/Dropdown.d.ts +10 -3
  2. package/dist/Dropdown/Dropdown.js +33 -12
  3. package/dist/Dropdown/Dropdown.js.map +1 -1
  4. package/dist/Focus/Focus.d.ts +3 -3
  5. package/dist/List/List.d.ts +1 -1
  6. package/dist/Provider/Provider.js +15 -4
  7. package/dist/Provider/Provider.js.map +1 -1
  8. package/dist/Slider/styles.js +12 -2
  9. package/dist/Slider/styles.js.map +1 -1
  10. package/dist/index.d.ts +3 -9
  11. package/dist/index.js +9 -27
  12. package/dist/index.js.map +1 -1
  13. package/dist/legacy/Dropdown/Dropdown.d.ts +10 -3
  14. package/dist/legacy/Dropdown/Dropdown.js +27 -8
  15. package/dist/legacy/Dropdown/Dropdown.js.map +1 -1
  16. package/dist/legacy/Focus/Focus.d.ts +3 -3
  17. package/dist/legacy/List/List.d.ts +1 -1
  18. package/dist/legacy/Provider/Provider.js +16 -5
  19. package/dist/legacy/Provider/Provider.js.map +1 -1
  20. package/dist/legacy/Slider/styles.js +12 -2
  21. package/dist/legacy/Slider/styles.js.map +1 -1
  22. package/dist/legacy/index.d.ts +3 -9
  23. package/dist/legacy/index.js +1 -3
  24. package/dist/legacy/index.js.map +1 -1
  25. package/dist/modern/Dropdown/Dropdown.d.ts +10 -3
  26. package/dist/modern/Dropdown/Dropdown.js +26 -9
  27. package/dist/modern/Dropdown/Dropdown.js.map +1 -1
  28. package/dist/modern/Focus/Focus.d.ts +3 -3
  29. package/dist/modern/List/List.d.ts +1 -1
  30. package/dist/modern/Provider/Provider.js +10 -5
  31. package/dist/modern/Provider/Provider.js.map +1 -1
  32. package/dist/modern/Slider/styles.js +12 -2
  33. package/dist/modern/Slider/styles.js.map +1 -1
  34. package/dist/modern/index.d.ts +3 -9
  35. package/dist/modern/index.js +1 -3
  36. package/dist/modern/index.js.map +1 -1
  37. package/package.json +22 -32
  38. package/dist/Barchart/Barchart.d.ts +0 -14
  39. package/dist/Barchart/Barchart.js +0 -241
  40. package/dist/Barchart/Barchart.js.map +0 -1
  41. package/dist/Barchart/barchartPlotlyOverrides.js +0 -59
  42. package/dist/Barchart/barchartPlotlyOverrides.js.map +0 -1
  43. package/dist/Barchart/index.d.ts +0 -2
  44. package/dist/Barchart/index.js +0 -16
  45. package/dist/Barchart/index.js.map +0 -1
  46. package/dist/Barchart/styles.js +0 -10
  47. package/dist/Barchart/styles.js.map +0 -1
  48. package/dist/Chart/Chart.d.ts +0 -25
  49. package/dist/Chart/Chart.js +0 -215
  50. package/dist/Chart/Chart.js.map +0 -1
  51. package/dist/Chart/Plot/Plot.d.ts +0 -43
  52. package/dist/Chart/Plot/Plot.js +0 -131
  53. package/dist/Chart/Plot/Plot.js.map +0 -1
  54. package/dist/Chart/Plot/index.d.ts +0 -2
  55. package/dist/Chart/Plot/index.js +0 -16
  56. package/dist/Chart/Plot/index.js.map +0 -1
  57. package/dist/Chart/Plot/styles.js +0 -10
  58. package/dist/Chart/Plot/styles.js.map +0 -1
  59. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js +0 -162
  60. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +0 -1
  61. package/dist/Chart/Tooltip/MultiTooltip/index.js +0 -16
  62. package/dist/Chart/Tooltip/MultiTooltip/index.js.map +0 -1
  63. package/dist/Chart/Tooltip/MultiTooltip/styles.js +0 -51
  64. package/dist/Chart/Tooltip/MultiTooltip/styles.js.map +0 -1
  65. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js +0 -87
  66. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +0 -1
  67. package/dist/Chart/Tooltip/SingleTooltip/index.js +0 -16
  68. package/dist/Chart/Tooltip/SingleTooltip/index.js.map +0 -1
  69. package/dist/Chart/Tooltip/SingleTooltip/styles.js +0 -26
  70. package/dist/Chart/Tooltip/SingleTooltip/styles.js.map +0 -1
  71. package/dist/Chart/Tooltip/Tooltip.js +0 -165
  72. package/dist/Chart/Tooltip/Tooltip.js.map +0 -1
  73. package/dist/Chart/Tooltip/index.js +0 -16
  74. package/dist/Chart/Tooltip/index.js.map +0 -1
  75. package/dist/Chart/Tooltip/styles.js +0 -16
  76. package/dist/Chart/Tooltip/styles.js.map +0 -1
  77. package/dist/Chart/chartPlotlyOverrides.js +0 -169
  78. package/dist/Chart/chartPlotlyOverrides.js.map +0 -1
  79. package/dist/Chart/index.d.ts +0 -5
  80. package/dist/Chart/index.js +0 -16
  81. package/dist/Chart/index.js.map +0 -1
  82. package/dist/Chart/styles.js +0 -49
  83. package/dist/Chart/styles.js.map +0 -1
  84. package/dist/Donutchart/Donutchart.d.ts +0 -10
  85. package/dist/Donutchart/Donutchart.js +0 -124
  86. package/dist/Donutchart/Donutchart.js.map +0 -1
  87. package/dist/Donutchart/donutchartPlotlyOverrides.js +0 -56
  88. package/dist/Donutchart/donutchartPlotlyOverrides.js.map +0 -1
  89. package/dist/Donutchart/index.d.ts +0 -2
  90. package/dist/Donutchart/index.js +0 -16
  91. package/dist/Donutchart/index.js.map +0 -1
  92. package/dist/Donutchart/styles.js +0 -10
  93. package/dist/Donutchart/styles.js.map +0 -1
  94. package/dist/Linechart/Linechart.d.ts +0 -14
  95. package/dist/Linechart/Linechart.js +0 -130
  96. package/dist/Linechart/Linechart.js.map +0 -1
  97. package/dist/Linechart/index.d.ts +0 -2
  98. package/dist/Linechart/index.js +0 -16
  99. package/dist/Linechart/index.js.map +0 -1
  100. package/dist/Linechart/lineChartPlotlyOverrides.js +0 -79
  101. package/dist/Linechart/lineChartPlotlyOverrides.js.map +0 -1
  102. package/dist/Linechart/styles.js +0 -10
  103. package/dist/Linechart/styles.js.map +0 -1
  104. package/dist/legacy/Barchart/Barchart.d.ts +0 -14
  105. package/dist/legacy/Barchart/Barchart.js +0 -197
  106. package/dist/legacy/Barchart/Barchart.js.map +0 -1
  107. package/dist/legacy/Barchart/barchartPlotlyOverrides.js +0 -43
  108. package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +0 -1
  109. package/dist/legacy/Barchart/index.d.ts +0 -2
  110. package/dist/legacy/Barchart/index.js +0 -2
  111. package/dist/legacy/Barchart/index.js.map +0 -1
  112. package/dist/legacy/Barchart/styles.js +0 -3
  113. package/dist/legacy/Barchart/styles.js.map +0 -1
  114. package/dist/legacy/Chart/Chart.d.ts +0 -25
  115. package/dist/legacy/Chart/Chart.js +0 -174
  116. package/dist/legacy/Chart/Chart.js.map +0 -1
  117. package/dist/legacy/Chart/Plot/Plot.d.ts +0 -43
  118. package/dist/legacy/Chart/Plot/Plot.js +0 -93
  119. package/dist/legacy/Chart/Plot/Plot.js.map +0 -1
  120. package/dist/legacy/Chart/Plot/index.d.ts +0 -2
  121. package/dist/legacy/Chart/Plot/index.js +0 -2
  122. package/dist/legacy/Chart/Plot/index.js.map +0 -1
  123. package/dist/legacy/Chart/Plot/styles.js +0 -3
  124. package/dist/legacy/Chart/Plot/styles.js.map +0 -1
  125. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js +0 -130
  126. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +0 -1
  127. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js +0 -2
  128. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js.map +0 -1
  129. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js +0 -43
  130. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js.map +0 -1
  131. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js +0 -54
  132. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +0 -1
  133. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js +0 -2
  134. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js.map +0 -1
  135. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js +0 -18
  136. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js.map +0 -1
  137. package/dist/legacy/Chart/Tooltip/Tooltip.js +0 -128
  138. package/dist/legacy/Chart/Tooltip/Tooltip.js.map +0 -1
  139. package/dist/legacy/Chart/Tooltip/index.js +0 -2
  140. package/dist/legacy/Chart/Tooltip/index.js.map +0 -1
  141. package/dist/legacy/Chart/Tooltip/styles.js +0 -9
  142. package/dist/legacy/Chart/Tooltip/styles.js.map +0 -1
  143. package/dist/legacy/Chart/chartPlotlyOverrides.js +0 -147
  144. package/dist/legacy/Chart/chartPlotlyOverrides.js.map +0 -1
  145. package/dist/legacy/Chart/index.d.ts +0 -5
  146. package/dist/legacy/Chart/index.js +0 -2
  147. package/dist/legacy/Chart/index.js.map +0 -1
  148. package/dist/legacy/Chart/styles.js +0 -32
  149. package/dist/legacy/Chart/styles.js.map +0 -1
  150. package/dist/legacy/Donutchart/Donutchart.d.ts +0 -10
  151. package/dist/legacy/Donutchart/Donutchart.js +0 -86
  152. package/dist/legacy/Donutchart/Donutchart.js.map +0 -1
  153. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js +0 -40
  154. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js.map +0 -1
  155. package/dist/legacy/Donutchart/index.d.ts +0 -2
  156. package/dist/legacy/Donutchart/index.js +0 -2
  157. package/dist/legacy/Donutchart/index.js.map +0 -1
  158. package/dist/legacy/Donutchart/styles.js +0 -3
  159. package/dist/legacy/Donutchart/styles.js.map +0 -1
  160. package/dist/legacy/Linechart/Linechart.d.ts +0 -14
  161. package/dist/legacy/Linechart/Linechart.js +0 -92
  162. package/dist/legacy/Linechart/Linechart.js.map +0 -1
  163. package/dist/legacy/Linechart/index.d.ts +0 -2
  164. package/dist/legacy/Linechart/index.js +0 -2
  165. package/dist/legacy/Linechart/index.js.map +0 -1
  166. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js +0 -63
  167. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js.map +0 -1
  168. package/dist/legacy/Linechart/styles.js +0 -3
  169. package/dist/legacy/Linechart/styles.js.map +0 -1
  170. package/dist/modern/Barchart/Barchart.d.ts +0 -14
  171. package/dist/modern/Barchart/Barchart.js +0 -178
  172. package/dist/modern/Barchart/Barchart.js.map +0 -1
  173. package/dist/modern/Barchart/barchartPlotlyOverrides.js +0 -41
  174. package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +0 -1
  175. package/dist/modern/Barchart/index.d.ts +0 -2
  176. package/dist/modern/Barchart/index.js +0 -2
  177. package/dist/modern/Barchart/index.js.map +0 -1
  178. package/dist/modern/Barchart/styles.js +0 -3
  179. package/dist/modern/Barchart/styles.js.map +0 -1
  180. package/dist/modern/Chart/Chart.d.ts +0 -25
  181. package/dist/modern/Chart/Chart.js +0 -158
  182. package/dist/modern/Chart/Chart.js.map +0 -1
  183. package/dist/modern/Chart/Plot/Plot.d.ts +0 -43
  184. package/dist/modern/Chart/Plot/Plot.js +0 -94
  185. package/dist/modern/Chart/Plot/Plot.js.map +0 -1
  186. package/dist/modern/Chart/Plot/index.d.ts +0 -2
  187. package/dist/modern/Chart/Plot/index.js +0 -2
  188. package/dist/modern/Chart/Plot/index.js.map +0 -1
  189. package/dist/modern/Chart/Plot/styles.js +0 -3
  190. package/dist/modern/Chart/Plot/styles.js.map +0 -1
  191. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js +0 -123
  192. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +0 -1
  193. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js +0 -2
  194. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js.map +0 -1
  195. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js +0 -41
  196. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js.map +0 -1
  197. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js +0 -51
  198. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +0 -1
  199. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js +0 -2
  200. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js.map +0 -1
  201. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js +0 -16
  202. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js.map +0 -1
  203. package/dist/modern/Chart/Tooltip/Tooltip.js +0 -125
  204. package/dist/modern/Chart/Tooltip/Tooltip.js.map +0 -1
  205. package/dist/modern/Chart/Tooltip/index.js +0 -2
  206. package/dist/modern/Chart/Tooltip/index.js.map +0 -1
  207. package/dist/modern/Chart/Tooltip/styles.js +0 -9
  208. package/dist/modern/Chart/Tooltip/styles.js.map +0 -1
  209. package/dist/modern/Chart/chartPlotlyOverrides.js +0 -137
  210. package/dist/modern/Chart/chartPlotlyOverrides.js.map +0 -1
  211. package/dist/modern/Chart/index.d.ts +0 -5
  212. package/dist/modern/Chart/index.js +0 -2
  213. package/dist/modern/Chart/index.js.map +0 -1
  214. package/dist/modern/Chart/styles.js +0 -23
  215. package/dist/modern/Chart/styles.js.map +0 -1
  216. package/dist/modern/Donutchart/Donutchart.d.ts +0 -10
  217. package/dist/modern/Donutchart/Donutchart.js +0 -82
  218. package/dist/modern/Donutchart/Donutchart.js.map +0 -1
  219. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js +0 -38
  220. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js.map +0 -1
  221. package/dist/modern/Donutchart/index.d.ts +0 -2
  222. package/dist/modern/Donutchart/index.js +0 -2
  223. package/dist/modern/Donutchart/index.js.map +0 -1
  224. package/dist/modern/Donutchart/styles.js +0 -3
  225. package/dist/modern/Donutchart/styles.js.map +0 -1
  226. package/dist/modern/Linechart/Linechart.d.ts +0 -14
  227. package/dist/modern/Linechart/Linechart.js +0 -87
  228. package/dist/modern/Linechart/Linechart.js.map +0 -1
  229. package/dist/modern/Linechart/index.d.ts +0 -2
  230. package/dist/modern/Linechart/index.js +0 -2
  231. package/dist/modern/Linechart/index.js.map +0 -1
  232. package/dist/modern/Linechart/lineChartPlotlyOverrides.js +0 -59
  233. package/dist/modern/Linechart/lineChartPlotlyOverrides.js.map +0 -1
  234. package/dist/modern/Linechart/styles.js +0 -3
  235. package/dist/modern/Linechart/styles.js.map +0 -1
@@ -1 +0,0 @@
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,2 +0,0 @@
1
- export { default } from "./Donutchart";
2
- export * from "./Donutchart";
@@ -1,2 +0,0 @@
1
- export { default } from "./Donutchart";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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,3 +0,0 @@
1
- var styles = {};
2
- export default styles;
3
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
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,14 +0,0 @@
1
- import { HvChartProps } from "../Chart";
2
-
3
- export interface HvLinechartProps extends HvChartProps {
4
- /**
5
- * Sets the type of graph.
6
- */
7
- type?: "line" | "area" | "stack";
8
- /**
9
- * Defines it should present a range slider.
10
- */
11
- rangeSlider?: boolean;
12
- }
13
-
14
- export default function HvLinechart(props: HvLinechartProps): JSX.Element | null;
@@ -1,92 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "type", "rangeSlider"];
4
- import React, { useMemo } from "react";
5
- import PropTypes from "prop-types";
6
- import { withStyles } from "@material-ui/core";
7
- import Chart from "../Chart";
8
- import { applyDataDefaults, applyLayoutDefaults } from "./lineChartPlotlyOverrides";
9
- import styles from "./styles";
10
- /**
11
- * A line chart or line plot or line graph is a type of chart which displays information as a series of data points
12
- * called 'markers' connected by straight line segments. It is a basic type of chart common in many fields.
13
- * Our implementation leverages the Plotly charting library. If you have a specific case
14
- * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
15
- */
16
-
17
- var Linechart = function Linechart(_ref) {
18
- var id = _ref.id,
19
- classes = _ref.classes,
20
- data = _ref.data,
21
- layout = _ref.layout,
22
- config = _ref.config,
23
- _ref$tooltipType = _ref.tooltipType,
24
- tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
25
- _ref$type = _ref.type,
26
- type = _ref$type === void 0 ? "line" : _ref$type,
27
- _ref$rangeSlider = _ref.rangeSlider,
28
- rangeSlider = _ref$rangeSlider === void 0 ? false : _ref$rangeSlider,
29
- others = _objectWithoutProperties(_ref, _excluded);
30
-
31
- /* Values derived from props */
32
- var chartData = useMemo(function () {
33
- return applyDataDefaults(data, type);
34
- }, [data, type]);
35
- var chartLayout = useMemo(function () {
36
- return applyLayoutDefaults(layout, rangeSlider);
37
- }, [layout, rangeSlider]);
38
- return /*#__PURE__*/React.createElement(Chart, _extends({
39
- id: id,
40
- classes: classes,
41
- data: chartData,
42
- layout: chartLayout,
43
- config: config,
44
- tooltipType: tooltipType
45
- }, others));
46
- };
47
-
48
- process.env.NODE_ENV !== "production" ? Linechart.propTypes = {
49
- /**
50
- * An Id passed on to the component
51
- */
52
- id: PropTypes.string,
53
-
54
- /**
55
- * A Jss Object used to override or extend the styles applied.
56
- */
57
- classes: PropTypes.instanceOf(Object),
58
-
59
- /**
60
- * Plotly data object (see https://plot.ly/javascript/reference/).
61
- */
62
- data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
63
-
64
- /**
65
- * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
66
- */
67
- layout: PropTypes.instanceOf(Object),
68
-
69
- /**
70
- * Plotly config object (see https://plot.ly/javascript/configuration-options/).
71
- */
72
- config: PropTypes.instanceOf(Object),
73
-
74
- /**
75
- * Defines if should use a single or multiline tooltip.
76
- */
77
- tooltipType: PropTypes.oneOf(["single", "multiple"]),
78
-
79
- /**
80
- * Sets the type of graph.
81
- */
82
- type: PropTypes.oneOf(["line", "area", "stack"]),
83
-
84
- /**
85
- * Defines it should present a range slider.
86
- */
87
- rangeSlider: PropTypes.bool
88
- } : void 0;
89
- export default withStyles(styles, {
90
- name: "HvLinechart"
91
- })(Linechart);
92
- //# sourceMappingURL=Linechart.js.map
@@ -1 +0,0 @@
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 \"@material-ui/core\";\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,mBAA3B;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,oBAAC,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,2 +0,0 @@
1
- export { default } from "./Linechart";
2
- export * from "./Linechart";
@@ -1,2 +0,0 @@
1
- export { default } from "./Linechart";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
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,63 +0,0 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import clone from "lodash/cloneDeep";
4
-
5
- var setterIfNil = function setterIfNil(object, property, value) {
6
- var _object$property;
7
-
8
- // eslint-disable-next-line no-param-reassign
9
- object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
10
- };
11
- /**
12
- * Auxiliary functions to set the data in order to follow the DS guideline.
13
- *
14
- */
15
-
16
-
17
- export var applyDataDefaults = function applyDataDefaults(inputData, type) {
18
- var data = inputData;
19
- data.forEach(function (trace) {
20
- setterIfNil(trace, "hoverinfo", "none");
21
- setterIfNil(trace, "mode", "lines");
22
-
23
- switch (type) {
24
- case "area":
25
- setterIfNil(trace, "fill", "tonexty");
26
- setterIfNil(trace, "type", "scatter");
27
- break;
28
-
29
- case "line":
30
- setterIfNil(trace, "type", "line");
31
- break;
32
-
33
- case "stack":
34
- setterIfNil(trace, "fill", "tonexty");
35
- setterIfNil(trace, "type", "scatter");
36
- setterIfNil(trace, "stackgroup", "one");
37
- break;
38
-
39
- default:
40
- setterIfNil(trace, "type", "line");
41
- }
42
- });
43
- return data;
44
- };
45
- export var applyLayoutDefaults = function applyLayoutDefaults() {
46
- var inputLayout = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
47
- var rangeSlider = arguments.length > 1 ? arguments[1] : undefined;
48
- var layout = clone(inputLayout);
49
- setterIfNil(layout, "xaxis", {});
50
- setterIfNil(layout.xaxis, "showgrid", true);
51
- setterIfNil(layout.xaxis, "showline", true);
52
- setterIfNil(layout, "yaxis", {});
53
- setterIfNil(layout.yaxis, "showline", false);
54
-
55
- if (rangeSlider) {
56
- setterIfNil(layout.xaxis, "rangeslider", {
57
- visible: true
58
- });
59
- }
60
-
61
- return layout;
62
- };
63
- //# sourceMappingURL=lineChartPlotlyOverrides.js.map
@@ -1 +0,0 @@
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,3 +0,0 @@
1
- var styles = {};
2
- export default styles;
3
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
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,14 +0,0 @@
1
- import { HvChartProps } from "../Chart";
2
-
3
- export interface HvBarchartProps extends HvChartProps {
4
- /**
5
- * Sets if the chart is stack.
6
- */
7
- stack?: boolean;
8
- /**
9
- * Sets if the chart is horizontal.
10
- */
11
- horizontal?: boolean;
12
- }
13
-
14
- export default function HvBarchart(props: HvBarchartProps): JSX.Element | null;
@@ -1,178 +0,0 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
- import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
- const _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
5
-
6
- 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; }
7
-
8
- 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; }
9
-
10
- import "core-js/modules/web.dom-collections.iterator.js";
11
- import React, { useMemo, useEffect, useState, useCallback, useRef } from "react";
12
- import PropTypes from "prop-types";
13
- import { withStyles } from "@material-ui/core";
14
- import Chart from "../Chart";
15
- import { applyLayoutDefaults, applyDataDefaults } from "./barchartPlotlyOverrides";
16
- import styles from "./styles";
17
- const MARGIN = 50;
18
- const MAX_BAR_WIDTH = 90;
19
- const MIN_BAR_WIDTH = 3;
20
- const MIN_WIDTH = 75;
21
- /**
22
- * A Bar chart is a chart or graph that presents categorical data with rectangular bars.
23
- *
24
- * Our implementation leverages the Plotly charting library. If you have a specific case
25
- * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
26
- */
27
-
28
- const Barchart = _ref => {
29
- 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
-
41
- /* Values derived from props */
42
- const dataWithDefaults = useMemo(() => applyDataDefaults(data, horizontal), [data, horizontal]);
43
- const chartLayout = useMemo(() => applyLayoutDefaults(layout, stack, horizontal), [layout, stack, horizontal]);
44
- /* State */
45
-
46
- const [chartData, setChartData] = useState(dataWithDefaults);
47
- /* Effects */
48
-
49
- const firstRender = useRef(true);
50
- useEffect(() => {
51
- // only setChartData when prop value changes
52
- // not needed on first render because the
53
- // initial state is already properly set
54
- if (!firstRender.current) {
55
- setChartData(dataWithDefaults);
56
- }
57
-
58
- firstRender.current = false;
59
- }, [dataWithDefaults]);
60
- /**
61
- * Used to force the max width of each bar with 90px.
62
- *
63
- * (this is effectively more an effect than a callback)
64
- */
65
-
66
- const recalculateBarWidth = useCallback(ref => {
67
- // use the data and layout info directly from the plotly ref
68
- // as it's always the most uptodate version.
69
- const plotData = ref.current.props.data;
70
- const plotLayout = ref.current.props.layout;
71
-
72
- if (plotData.length > 0) {
73
- const {
74
- barmode,
75
- bargap,
76
- bargroupgap
77
- } = plotLayout;
78
- const isStack = barmode === "stack";
79
- const numberOfBarsByGroup = isStack ? 1 : plotData.length;
80
- const numberOfGroup = plotData[0].x.length;
81
- const {
82
- width: boundingRect
83
- } = ref.current.el.getBoundingClientRect();
84
- const width = boundingRect < MIN_WIDTH ? MIN_WIDTH : boundingRect;
85
- const plotWidth = width - MARGIN;
86
- const groupWidth = plotWidth / numberOfGroup;
87
- const colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;
88
- const calculatedBarWidth = colWidth / numberOfBarsByGroup;
89
- const greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;
90
- const lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;
91
- const isAlreadyGreaterThan90 = plotData[0].width !== undefined;
92
-
93
- if (greaterThan90 && !isAlreadyGreaterThan90) {
94
- const newWidth = MAX_BAR_WIDTH / plotWidth * numberOfGroup;
95
- const newData = plotData.map(subData => {
96
- return _objectSpread(_objectSpread({}, subData), {}, {
97
- width: newWidth
98
- });
99
- });
100
- setChartData(newData);
101
- }
102
-
103
- if (lessThan3 && !isAlreadyGreaterThan90) {
104
- const newWidth = MIN_BAR_WIDTH / plotWidth * numberOfGroup;
105
- const newData = plotData.map(subData => {
106
- return _objectSpread(_objectSpread({}, subData), {}, {
107
- width: newWidth
108
- });
109
- });
110
- setChartData(newData);
111
- }
112
-
113
- if (!greaterThan90 && isAlreadyGreaterThan90) {
114
- const newData = plotData.map(subData => {
115
- return _objectSpread(_objectSpread({}, subData), {}, {
116
- width: undefined
117
- });
118
- });
119
- setChartData(newData);
120
- }
121
- }
122
- }, []);
123
- return /*#__PURE__*/React.createElement(Chart, _extends({
124
- id: id,
125
- classes: classes,
126
- data: chartData,
127
- layout: chartLayout,
128
- config: config,
129
- tooltipType: tooltipType,
130
- afterPlot: recalculateBarWidth
131
- }, others));
132
- };
133
-
134
- process.env.NODE_ENV !== "production" ? Barchart.propTypes = {
135
- /**
136
- * An Id passed on to the component
137
- */
138
- id: PropTypes.string,
139
-
140
- /**
141
- * A Jss Object used to override or extend the styles applied.
142
- */
143
- classes: PropTypes.instanceOf(Object),
144
-
145
- /**
146
- * Plotly data object (see https://plot.ly/javascript/reference/).
147
- */
148
- data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
149
-
150
- /**
151
- * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
152
- */
153
- layout: PropTypes.instanceOf(Object),
154
-
155
- /**
156
- * Plotly config object (see https://plot.ly/javascript/configuration-options/).
157
- */
158
- config: PropTypes.instanceOf(Object),
159
-
160
- /**
161
- * Defines if should use a single or multiline tooltip.
162
- */
163
- tooltipType: PropTypes.oneOf(["single", "multiple"]),
164
-
165
- /**
166
- * Sets is the chart is stack.
167
- */
168
- stack: PropTypes.bool,
169
-
170
- /**
171
- * Sets is the chart is horizontal.
172
- */
173
- horizontal: PropTypes.bool
174
- } : void 0;
175
- export default withStyles(styles, {
176
- name: "HvBarchart"
177
- })(Barchart);
178
- //# sourceMappingURL=Barchart.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Barchart.js","names":["React","useMemo","useEffect","useState","useCallback","useRef","PropTypes","withStyles","Chart","applyLayoutDefaults","applyDataDefaults","styles","MARGIN","MAX_BAR_WIDTH","MIN_BAR_WIDTH","MIN_WIDTH","Barchart","id","classes","data","layout","config","tooltipType","stack","horizontal","others","dataWithDefaults","chartLayout","chartData","setChartData","firstRender","current","recalculateBarWidth","ref","plotData","props","plotLayout","length","barmode","bargap","bargroupgap","isStack","numberOfBarsByGroup","numberOfGroup","x","width","boundingRect","el","getBoundingClientRect","plotWidth","groupWidth","colWidth","calculatedBarWidth","greaterThan90","lessThan3","isAlreadyGreaterThan90","undefined","newWidth","newData","map","subData","propTypes","string","instanceOf","Object","arrayOf","isRequired","oneOf","bool","name"],"sources":["../../../src/Barchart/Barchart.js"],"sourcesContent":["import React, { useMemo, useEffect, useState, useCallback, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport Chart from \"../Chart\";\nimport { applyLayoutDefaults, applyDataDefaults } from \"./barchartPlotlyOverrides\";\nimport styles from \"./styles\";\n\nconst MARGIN = 50;\nconst MAX_BAR_WIDTH = 90;\nconst MIN_BAR_WIDTH = 3;\nconst MIN_WIDTH = 75;\n\n/**\n * A Bar chart is a chart or graph that presents categorical data with rectangular bars.\n *\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 Barchart = ({\n id,\n classes,\n data,\n layout,\n config,\n tooltipType = \"multiple\",\n stack = false,\n horizontal = false,\n ...others\n}) => {\n /* Values derived from props */\n\n const dataWithDefaults = useMemo(() => applyDataDefaults(data, horizontal), [data, horizontal]);\n const chartLayout = useMemo(\n () => applyLayoutDefaults(layout, stack, horizontal),\n [layout, stack, horizontal]\n );\n\n /* State */\n\n const [chartData, setChartData] = useState(dataWithDefaults);\n\n /* Effects */\n\n const firstRender = useRef(true);\n useEffect(() => {\n // only setChartData when prop value changes\n // not needed on first render because the\n // initial state is already properly set\n if (!firstRender.current) {\n setChartData(dataWithDefaults);\n }\n\n firstRender.current = false;\n }, [dataWithDefaults]);\n\n /**\n * Used to force the max width of each bar with 90px.\n *\n * (this is effectively more an effect than a callback)\n */\n const recalculateBarWidth = useCallback((ref) => {\n // use the data and layout info directly from the plotly ref\n // as it's always the most uptodate version.\n const plotData = ref.current.props.data;\n const plotLayout = ref.current.props.layout;\n\n if (plotData.length > 0) {\n const { barmode, bargap, bargroupgap } = plotLayout;\n\n const isStack = barmode === \"stack\";\n const numberOfBarsByGroup = isStack ? 1 : plotData.length;\n const numberOfGroup = plotData[0].x.length;\n\n const { width: boundingRect } = ref.current.el.getBoundingClientRect();\n const width = boundingRect < MIN_WIDTH ? MIN_WIDTH : boundingRect;\n const plotWidth = width - MARGIN;\n const groupWidth = plotWidth / numberOfGroup;\n const colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;\n\n const calculatedBarWidth = colWidth / numberOfBarsByGroup;\n const greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;\n const lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;\n const isAlreadyGreaterThan90 = plotData[0].width !== undefined;\n\n if (greaterThan90 && !isAlreadyGreaterThan90) {\n const newWidth = (MAX_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n const newData = plotData.map((subData) => {\n return { ...subData, width: newWidth };\n });\n\n setChartData(newData);\n }\n\n if (lessThan3 && !isAlreadyGreaterThan90) {\n const newWidth = (MIN_BAR_WIDTH / plotWidth) * numberOfGroup;\n\n const newData = plotData.map((subData) => {\n return { ...subData, width: newWidth };\n });\n\n setChartData(newData);\n }\n\n if (!greaterThan90 && isAlreadyGreaterThan90) {\n const newData = plotData.map((subData) => {\n return { ...subData, width: undefined };\n });\n\n setChartData(newData);\n }\n }\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 afterPlot={recalculateBarWidth}\n {...others}\n />\n );\n};\nBarchart.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 is the chart is stack.\n */\n stack: PropTypes.bool,\n /**\n * Sets is the chart is horizontal.\n */\n horizontal: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvBarchart\" })(Barchart);\n"],"mappings":"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"}
@@ -1,41 +0,0 @@
1
- import clone from "lodash/cloneDeep";
2
-
3
- const setterIfNil = (object, property, value) => {
4
- var _object$property;
5
-
6
- // eslint-disable-next-line no-param-reassign
7
- object[property] = (_object$property = object[property]) !== null && _object$property !== void 0 ? _object$property : value;
8
- };
9
- /**
10
- * Auxiliary functions to set the layout in order to follow the DS guideline.
11
- */
12
-
13
-
14
- export const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {
15
- const layout = inputLayout === undefined ? {} : clone(inputLayout);
16
- setterIfNil(layout, "bargap", 0.25);
17
- setterIfNil(layout, "bargroupgap", 0.25);
18
- setterIfNil(layout, "hovermode", "closest");
19
- if (stack) setterIfNil(layout, "barmode", "stack");
20
- setterIfNil(layout, "yaxis", {});
21
- setterIfNil(layout, "xaxis", {});
22
-
23
- if (isHorizontal) {
24
- setterIfNil(layout.yaxis, "showline", true);
25
- setterIfNil(layout.xaxis, "showline", false);
26
- } else {
27
- setterIfNil(layout.yaxis, "showline", false);
28
- }
29
-
30
- return layout;
31
- };
32
- export const applyDataDefaults = (inputData, isHorizontal) => {
33
- const data = inputData;
34
- data.forEach(trace => {
35
- setterIfNil(trace, "type", "bar");
36
- setterIfNil(trace, "hoverinfo", "none");
37
- if (isHorizontal) setterIfNil(trace, "orientation", "h");
38
- });
39
- return data;
40
- };
41
- //# sourceMappingURL=barchartPlotlyOverrides.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"barchartPlotlyOverrides.js","names":["clone","setterIfNil","object","property","value","applyLayoutDefaults","inputLayout","stack","isHorizontal","layout","undefined","yaxis","xaxis","applyDataDefaults","inputData","data","forEach","trace"],"sources":["../../../src/Barchart/barchartPlotlyOverrides.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 layout in order to follow the DS guideline.\n */\nexport const applyLayoutDefaults = (inputLayout, stack, isHorizontal) => {\n const layout = inputLayout === undefined ? {} : clone(inputLayout);\n setterIfNil(layout, \"bargap\", 0.25);\n setterIfNil(layout, \"bargroupgap\", 0.25);\n setterIfNil(layout, \"hovermode\", \"closest\");\n if (stack) setterIfNil(layout, \"barmode\", \"stack\");\n\n setterIfNil(layout, \"yaxis\", {});\n setterIfNil(layout, \"xaxis\", {});\n\n if (isHorizontal) {\n setterIfNil(layout.yaxis, \"showline\", true);\n setterIfNil(layout.xaxis, \"showline\", false);\n } else {\n setterIfNil(layout.yaxis, \"showline\", false);\n }\n\n return layout;\n};\n\nexport const applyDataDefaults = (inputData, isHorizontal) => {\n const data = inputData;\n\n data.forEach((trace) => {\n setterIfNil(trace, \"type\", \"bar\");\n setterIfNil(trace, \"hoverinfo\", \"none\");\n if (isHorizontal) setterIfNil(trace, \"orientation\", \"h\");\n });\n\n return data;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,kBAAlB;;AAEA,MAAMC,WAAW,GAAG,CAACC,MAAD,EAASC,QAAT,EAAmBC,KAAnB,KAA6B;EAAA;;EAC/C;EACAF,MAAM,CAACC,QAAD,CAAN,uBAAmBD,MAAM,CAACC,QAAD,CAAzB,+DAAuCC,KAAvC;AACD,CAHD;AAKA;AACA;AACA;;;AACA,OAAO,MAAMC,mBAAmB,GAAG,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,KAAsC;EACvE,MAAMC,MAAM,GAAGH,WAAW,KAAKI,SAAhB,GAA4B,EAA5B,GAAiCV,KAAK,CAACM,WAAD,CAArD;EACAL,WAAW,CAACQ,MAAD,EAAS,QAAT,EAAmB,IAAnB,CAAX;EACAR,WAAW,CAACQ,MAAD,EAAS,aAAT,EAAwB,IAAxB,CAAX;EACAR,WAAW,CAACQ,MAAD,EAAS,WAAT,EAAsB,SAAtB,CAAX;EACA,IAAIF,KAAJ,EAAWN,WAAW,CAACQ,MAAD,EAAS,SAAT,EAAoB,OAApB,CAAX;EAEXR,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;EACAR,WAAW,CAACQ,MAAD,EAAS,OAAT,EAAkB,EAAlB,CAAX;;EAEA,IAAID,YAAJ,EAAkB;IAChBP,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,IAA3B,CAAX;IACAV,WAAW,CAACQ,MAAM,CAACG,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;EACD,CAHD,MAGO;IACLX,WAAW,CAACQ,MAAM,CAACE,KAAR,EAAe,UAAf,EAA2B,KAA3B,CAAX;EACD;;EAED,OAAOF,MAAP;AACD,CAlBM;AAoBP,OAAO,MAAMI,iBAAiB,GAAG,CAACC,SAAD,EAAYN,YAAZ,KAA6B;EAC5D,MAAMO,IAAI,GAAGD,SAAb;EAEAC,IAAI,CAACC,OAAL,CAAcC,KAAD,IAAW;IACtBhB,WAAW,CAACgB,KAAD,EAAQ,MAAR,EAAgB,KAAhB,CAAX;IACAhB,WAAW,CAACgB,KAAD,EAAQ,WAAR,EAAqB,MAArB,CAAX;IACA,IAAIT,YAAJ,EAAkBP,WAAW,CAACgB,KAAD,EAAQ,aAAR,EAAuB,GAAvB,CAAX;EACnB,CAJD;EAMA,OAAOF,IAAP;AACD,CAVM"}
@@ -1,2 +0,0 @@
1
- export { default } from "./Barchart";
2
- export * from "./Barchart";
@@ -1,2 +0,0 @@
1
- export { default } from "./Barchart";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Barchart/index.js"],"sourcesContent":["export { default } from \"./Barchart\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,YAAxB"}
@@ -1,3 +0,0 @@
1
- const styles = {};
2
- export default styles;
3
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","names":["styles"],"sources":["../../../src/Barchart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf"}
@@ -1,25 +0,0 @@
1
- import { StandardProps } from "@material-ui/core";
2
- import { HvPlotProps } from "./Plot";
3
-
4
- export type HvChartClassKey = "root";
5
-
6
- export interface HvChartProps extends StandardProps<HvPlotProps, HvChartClassKey> {
7
- /**
8
- * Defines if should use a single or multiline tooltip.
9
- */
10
- tooltipType?: "single" | "multiple";
11
- /**
12
- * Defines the X axis title.
13
- */
14
- xAxisTitle?: string;
15
- /**
16
- * Defines the Y axis title.
17
- */
18
- yAxisTitle?: string;
19
- /**
20
- * Defines the chart subtitle.
21
- */
22
- subtitle?: string;
23
- }
24
-
25
- export default function HvChart(props: HvChartProps): JSX.Element | null;