@hitachivantara/uikit-react-core 3.66.1 → 3.66.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (220) hide show
  1. package/dist/Barchart/Barchart.d.ts +14 -0
  2. package/dist/Barchart/Barchart.js +239 -0
  3. package/dist/Barchart/Barchart.js.map +1 -0
  4. package/dist/Barchart/barchartPlotlyOverrides.js +59 -0
  5. package/dist/Barchart/barchartPlotlyOverrides.js.map +1 -0
  6. package/dist/Barchart/index.d.ts +2 -0
  7. package/dist/Barchart/index.js +16 -0
  8. package/dist/Barchart/index.js.map +1 -0
  9. package/dist/Barchart/styles.js +10 -0
  10. package/dist/Barchart/styles.js.map +1 -0
  11. package/dist/Chart/Chart.d.ts +25 -0
  12. package/dist/Chart/Chart.js +215 -0
  13. package/dist/Chart/Chart.js.map +1 -0
  14. package/dist/Chart/Plot/Plot.d.ts +43 -0
  15. package/dist/Chart/Plot/Plot.js +131 -0
  16. package/dist/Chart/Plot/Plot.js.map +1 -0
  17. package/dist/Chart/Plot/index.d.ts +2 -0
  18. package/dist/Chart/Plot/index.js +16 -0
  19. package/dist/Chart/Plot/index.js.map +1 -0
  20. package/dist/Chart/Plot/styles.js +10 -0
  21. package/dist/Chart/Plot/styles.js.map +1 -0
  22. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js +162 -0
  23. package/dist/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  24. package/dist/Chart/Tooltip/MultiTooltip/index.js +16 -0
  25. package/dist/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  26. package/dist/Chart/Tooltip/MultiTooltip/styles.js +51 -0
  27. package/dist/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  28. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js +87 -0
  29. package/dist/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  30. package/dist/Chart/Tooltip/SingleTooltip/index.js +16 -0
  31. package/dist/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  32. package/dist/Chart/Tooltip/SingleTooltip/styles.js +26 -0
  33. package/dist/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  34. package/dist/Chart/Tooltip/Tooltip.js +165 -0
  35. package/dist/Chart/Tooltip/Tooltip.js.map +1 -0
  36. package/dist/Chart/Tooltip/index.js +16 -0
  37. package/dist/Chart/Tooltip/index.js.map +1 -0
  38. package/dist/Chart/Tooltip/styles.js +16 -0
  39. package/dist/Chart/Tooltip/styles.js.map +1 -0
  40. package/dist/Chart/chartPlotlyOverrides.js +169 -0
  41. package/dist/Chart/chartPlotlyOverrides.js.map +1 -0
  42. package/dist/Chart/index.d.ts +5 -0
  43. package/dist/Chart/index.js +16 -0
  44. package/dist/Chart/index.js.map +1 -0
  45. package/dist/Chart/styles.js +49 -0
  46. package/dist/Chart/styles.js.map +1 -0
  47. package/dist/Donutchart/Donutchart.d.ts +10 -0
  48. package/dist/Donutchart/Donutchart.js +124 -0
  49. package/dist/Donutchart/Donutchart.js.map +1 -0
  50. package/dist/Donutchart/donutchartPlotlyOverrides.js +56 -0
  51. package/dist/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  52. package/dist/Donutchart/index.d.ts +2 -0
  53. package/dist/Donutchart/index.js +16 -0
  54. package/dist/Donutchart/index.js.map +1 -0
  55. package/dist/Donutchart/styles.js +10 -0
  56. package/dist/Donutchart/styles.js.map +1 -0
  57. package/dist/Linechart/Linechart.d.ts +14 -0
  58. package/dist/Linechart/Linechart.js +130 -0
  59. package/dist/Linechart/Linechart.js.map +1 -0
  60. package/dist/Linechart/index.d.ts +2 -0
  61. package/dist/Linechart/index.js +16 -0
  62. package/dist/Linechart/index.js.map +1 -0
  63. package/dist/Linechart/lineChartPlotlyOverrides.js +79 -0
  64. package/dist/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  65. package/dist/Linechart/styles.js +10 -0
  66. package/dist/Linechart/styles.js.map +1 -0
  67. package/dist/Provider/Provider.js +3 -14
  68. package/dist/Provider/Provider.js.map +1 -1
  69. package/dist/Stack/Stack.js +14 -14
  70. package/dist/Stack/Stack.js.map +1 -1
  71. package/dist/index.d.ts +9 -0
  72. package/dist/index.js +27 -0
  73. package/dist/index.js.map +1 -1
  74. package/dist/legacy/Barchart/Barchart.d.ts +14 -0
  75. package/dist/legacy/Barchart/Barchart.js +195 -0
  76. package/dist/legacy/Barchart/Barchart.js.map +1 -0
  77. package/dist/legacy/Barchart/barchartPlotlyOverrides.js +43 -0
  78. package/dist/legacy/Barchart/barchartPlotlyOverrides.js.map +1 -0
  79. package/dist/legacy/Barchart/index.d.ts +2 -0
  80. package/dist/legacy/Barchart/index.js +2 -0
  81. package/dist/legacy/Barchart/index.js.map +1 -0
  82. package/dist/legacy/Barchart/styles.js +3 -0
  83. package/dist/legacy/Barchart/styles.js.map +1 -0
  84. package/dist/legacy/Chart/Chart.d.ts +25 -0
  85. package/dist/legacy/Chart/Chart.js +174 -0
  86. package/dist/legacy/Chart/Chart.js.map +1 -0
  87. package/dist/legacy/Chart/Plot/Plot.d.ts +43 -0
  88. package/dist/legacy/Chart/Plot/Plot.js +93 -0
  89. package/dist/legacy/Chart/Plot/Plot.js.map +1 -0
  90. package/dist/legacy/Chart/Plot/index.d.ts +2 -0
  91. package/dist/legacy/Chart/Plot/index.js +2 -0
  92. package/dist/legacy/Chart/Plot/index.js.map +1 -0
  93. package/dist/legacy/Chart/Plot/styles.js +3 -0
  94. package/dist/legacy/Chart/Plot/styles.js.map +1 -0
  95. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js +130 -0
  96. package/dist/legacy/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  97. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js +2 -0
  98. package/dist/legacy/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  99. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js +43 -0
  100. package/dist/legacy/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  101. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js +54 -0
  102. package/dist/legacy/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  103. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js +2 -0
  104. package/dist/legacy/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  105. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js +18 -0
  106. package/dist/legacy/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  107. package/dist/legacy/Chart/Tooltip/Tooltip.js +128 -0
  108. package/dist/legacy/Chart/Tooltip/Tooltip.js.map +1 -0
  109. package/dist/legacy/Chart/Tooltip/index.js +2 -0
  110. package/dist/legacy/Chart/Tooltip/index.js.map +1 -0
  111. package/dist/legacy/Chart/Tooltip/styles.js +9 -0
  112. package/dist/legacy/Chart/Tooltip/styles.js.map +1 -0
  113. package/dist/legacy/Chart/chartPlotlyOverrides.js +147 -0
  114. package/dist/legacy/Chart/chartPlotlyOverrides.js.map +1 -0
  115. package/dist/legacy/Chart/index.d.ts +5 -0
  116. package/dist/legacy/Chart/index.js +2 -0
  117. package/dist/legacy/Chart/index.js.map +1 -0
  118. package/dist/legacy/Chart/styles.js +32 -0
  119. package/dist/legacy/Chart/styles.js.map +1 -0
  120. package/dist/legacy/Donutchart/Donutchart.d.ts +10 -0
  121. package/dist/legacy/Donutchart/Donutchart.js +86 -0
  122. package/dist/legacy/Donutchart/Donutchart.js.map +1 -0
  123. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js +40 -0
  124. package/dist/legacy/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  125. package/dist/legacy/Donutchart/index.d.ts +2 -0
  126. package/dist/legacy/Donutchart/index.js +2 -0
  127. package/dist/legacy/Donutchart/index.js.map +1 -0
  128. package/dist/legacy/Donutchart/styles.js +3 -0
  129. package/dist/legacy/Donutchart/styles.js.map +1 -0
  130. package/dist/legacy/Linechart/Linechart.d.ts +14 -0
  131. package/dist/legacy/Linechart/Linechart.js +92 -0
  132. package/dist/legacy/Linechart/Linechart.js.map +1 -0
  133. package/dist/legacy/Linechart/index.d.ts +2 -0
  134. package/dist/legacy/Linechart/index.js +2 -0
  135. package/dist/legacy/Linechart/index.js.map +1 -0
  136. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js +63 -0
  137. package/dist/legacy/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  138. package/dist/legacy/Linechart/styles.js +3 -0
  139. package/dist/legacy/Linechart/styles.js.map +1 -0
  140. package/dist/legacy/Provider/Provider.js +4 -15
  141. package/dist/legacy/Provider/Provider.js.map +1 -1
  142. package/dist/legacy/Stack/Stack.js +14 -14
  143. package/dist/legacy/Stack/Stack.js.map +1 -1
  144. package/dist/legacy/index.d.ts +9 -0
  145. package/dist/legacy/index.js +3 -0
  146. package/dist/legacy/index.js.map +1 -1
  147. package/dist/modern/Barchart/Barchart.d.ts +14 -0
  148. package/dist/modern/Barchart/Barchart.js +176 -0
  149. package/dist/modern/Barchart/Barchart.js.map +1 -0
  150. package/dist/modern/Barchart/barchartPlotlyOverrides.js +41 -0
  151. package/dist/modern/Barchart/barchartPlotlyOverrides.js.map +1 -0
  152. package/dist/modern/Barchart/index.d.ts +2 -0
  153. package/dist/modern/Barchart/index.js +2 -0
  154. package/dist/modern/Barchart/index.js.map +1 -0
  155. package/dist/modern/Barchart/styles.js +3 -0
  156. package/dist/modern/Barchart/styles.js.map +1 -0
  157. package/dist/modern/Chart/Chart.d.ts +25 -0
  158. package/dist/modern/Chart/Chart.js +158 -0
  159. package/dist/modern/Chart/Chart.js.map +1 -0
  160. package/dist/modern/Chart/Plot/Plot.d.ts +43 -0
  161. package/dist/modern/Chart/Plot/Plot.js +94 -0
  162. package/dist/modern/Chart/Plot/Plot.js.map +1 -0
  163. package/dist/modern/Chart/Plot/index.d.ts +2 -0
  164. package/dist/modern/Chart/Plot/index.js +2 -0
  165. package/dist/modern/Chart/Plot/index.js.map +1 -0
  166. package/dist/modern/Chart/Plot/styles.js +3 -0
  167. package/dist/modern/Chart/Plot/styles.js.map +1 -0
  168. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js +123 -0
  169. package/dist/modern/Chart/Tooltip/MultiTooltip/MultiTooltip.js.map +1 -0
  170. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js +2 -0
  171. package/dist/modern/Chart/Tooltip/MultiTooltip/index.js.map +1 -0
  172. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js +41 -0
  173. package/dist/modern/Chart/Tooltip/MultiTooltip/styles.js.map +1 -0
  174. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js +51 -0
  175. package/dist/modern/Chart/Tooltip/SingleTooltip/SingleTooltip.js.map +1 -0
  176. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js +2 -0
  177. package/dist/modern/Chart/Tooltip/SingleTooltip/index.js.map +1 -0
  178. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js +16 -0
  179. package/dist/modern/Chart/Tooltip/SingleTooltip/styles.js.map +1 -0
  180. package/dist/modern/Chart/Tooltip/Tooltip.js +125 -0
  181. package/dist/modern/Chart/Tooltip/Tooltip.js.map +1 -0
  182. package/dist/modern/Chart/Tooltip/index.js +2 -0
  183. package/dist/modern/Chart/Tooltip/index.js.map +1 -0
  184. package/dist/modern/Chart/Tooltip/styles.js +9 -0
  185. package/dist/modern/Chart/Tooltip/styles.js.map +1 -0
  186. package/dist/modern/Chart/chartPlotlyOverrides.js +137 -0
  187. package/dist/modern/Chart/chartPlotlyOverrides.js.map +1 -0
  188. package/dist/modern/Chart/index.d.ts +5 -0
  189. package/dist/modern/Chart/index.js +2 -0
  190. package/dist/modern/Chart/index.js.map +1 -0
  191. package/dist/modern/Chart/styles.js +23 -0
  192. package/dist/modern/Chart/styles.js.map +1 -0
  193. package/dist/modern/Donutchart/Donutchart.d.ts +10 -0
  194. package/dist/modern/Donutchart/Donutchart.js +82 -0
  195. package/dist/modern/Donutchart/Donutchart.js.map +1 -0
  196. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js +38 -0
  197. package/dist/modern/Donutchart/donutchartPlotlyOverrides.js.map +1 -0
  198. package/dist/modern/Donutchart/index.d.ts +2 -0
  199. package/dist/modern/Donutchart/index.js +2 -0
  200. package/dist/modern/Donutchart/index.js.map +1 -0
  201. package/dist/modern/Donutchart/styles.js +3 -0
  202. package/dist/modern/Donutchart/styles.js.map +1 -0
  203. package/dist/modern/Linechart/Linechart.d.ts +14 -0
  204. package/dist/modern/Linechart/Linechart.js +87 -0
  205. package/dist/modern/Linechart/Linechart.js.map +1 -0
  206. package/dist/modern/Linechart/index.d.ts +2 -0
  207. package/dist/modern/Linechart/index.js +2 -0
  208. package/dist/modern/Linechart/index.js.map +1 -0
  209. package/dist/modern/Linechart/lineChartPlotlyOverrides.js +59 -0
  210. package/dist/modern/Linechart/lineChartPlotlyOverrides.js.map +1 -0
  211. package/dist/modern/Linechart/styles.js +3 -0
  212. package/dist/modern/Linechart/styles.js.map +1 -0
  213. package/dist/modern/Provider/Provider.js +3 -8
  214. package/dist/modern/Provider/Provider.js.map +1 -1
  215. package/dist/modern/Stack/Stack.js +4 -4
  216. package/dist/modern/Stack/Stack.js.map +1 -1
  217. package/dist/modern/index.d.ts +9 -0
  218. package/dist/modern/index.js +3 -0
  219. package/dist/modern/index.js.map +1 -1
  220. package/package.json +7 -6
package/dist/index.js CHANGED
@@ -32,6 +32,7 @@ var _exportNames = {
32
32
  HvAvatar: true,
33
33
  HvBadge: true,
34
34
  HvBanner: true,
35
+ HvBarchart: true,
35
36
  HvBaseDropdown: true,
36
37
  HvBreadcrumb: true,
37
38
  HvBulkActions: true,
@@ -39,6 +40,7 @@ var _exportNames = {
39
40
  HvCard: true,
40
41
  HvContainer: true,
41
42
  HvDatePicker: true,
43
+ HvDonutchart: true,
42
44
  HvDropdown: true,
43
45
  HvDropDownMenu: true,
44
46
  HvEmptyState: true,
@@ -51,6 +53,7 @@ var _exportNames = {
51
53
  HvBaseInput: true,
52
54
  HvInput: true,
53
55
  HvKpi: true,
56
+ HvLinechart: true,
54
57
  HvLink: true,
55
58
  HvListContainer: true,
56
59
  HvList: true,
@@ -156,6 +159,12 @@ Object.defineProperty(exports, "HvBanner", {
156
159
  return _Banner.default;
157
160
  }
158
161
  });
162
+ Object.defineProperty(exports, "HvBarchart", {
163
+ enumerable: true,
164
+ get: function get() {
165
+ return _Barchart.default;
166
+ }
167
+ });
159
168
  Object.defineProperty(exports, "HvBaseCheckBox", {
160
169
  enumerable: true,
161
170
  get: function get() {
@@ -240,6 +249,12 @@ Object.defineProperty(exports, "HvDialog", {
240
249
  return _Dialog.default;
241
250
  }
242
251
  });
252
+ Object.defineProperty(exports, "HvDonutchart", {
253
+ enumerable: true,
254
+ get: function get() {
255
+ return _Donutchart.default;
256
+ }
257
+ });
243
258
  Object.defineProperty(exports, "HvDropDownMenu", {
244
259
  enumerable: true,
245
260
  get: function get() {
@@ -306,6 +321,12 @@ Object.defineProperty(exports, "HvKpi", {
306
321
  return _Kpi.default;
307
322
  }
308
323
  });
324
+ Object.defineProperty(exports, "HvLinechart", {
325
+ enumerable: true,
326
+ get: function get() {
327
+ return _Linechart.default;
328
+ }
329
+ });
309
330
  Object.defineProperty(exports, "HvLink", {
310
331
  enumerable: true,
311
332
  get: function get() {
@@ -647,6 +668,8 @@ Object.keys(_Banner).forEach(function (key) {
647
668
  });
648
669
  });
649
670
 
671
+ var _Barchart = _interopRequireDefault(require("./Barchart"));
672
+
650
673
  var _BaseDropdown = _interopRequireDefault(require("./BaseDropdown"));
651
674
 
652
675
  var _BreadCrumb = _interopRequireDefault(require("./BreadCrumb"));
@@ -687,6 +710,8 @@ var _Container = _interopRequireDefault(require("./Container"));
687
710
 
688
711
  var _DatePicker = _interopRequireDefault(require("./DatePicker"));
689
712
 
713
+ var _Donutchart = _interopRequireDefault(require("./Donutchart"));
714
+
690
715
  var _Dropdown = _interopRequireDefault(require("./Dropdown"));
691
716
 
692
717
  var _DropDownMenu = _interopRequireDefault(require("./DropDownMenu"));
@@ -749,6 +774,8 @@ var _Input = _interopRequireDefault(require("./Input"));
749
774
 
750
775
  var _Kpi = _interopRequireDefault(require("./Kpi"));
751
776
 
777
+ var _Linechart = _interopRequireDefault(require("./Linechart"));
778
+
752
779
  var _Link = _interopRequireDefault(require("./Link"));
753
780
 
754
781
  var _ListContainer = _interopRequireWildcard(require("./ListContainer"));
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n Actions as HvUserPreferencesActions,\n Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n Options as HvUserPreferencesOptions,\n Option as HvUserPreferencesOption,\n Group as HvUserPreferencesOptionsGroup,\n Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n Actions as HvVerticalNavigationActions,\n Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAaA;;AACA;;AACA;;AAEA;;AASA;;AAGA;;AACA;;AAGA;;AAGA;;AAIA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["// components\nexport { default as HvAccordion } from \"./Accordion\";\nexport { default as HvActionsGeneric } from \"./ActionsGeneric\";\nexport { default as HvActionBar } from \"./ActionBar\";\nexport { default as HvAppSwitcher } from \"./AppSwitcher\";\nexport { default as HvAssetInventory } from \"./AssetInventory\";\nexport * from \"./AssetInventory\";\nexport { default as HvAvatar } from \"./Avatar\";\nexport { default as HvBadge } from \"./Badge\";\nexport { default as HvBanner } from \"./Banner\";\nexport * from \"./Banner\";\nexport { default as HvBarchart } from \"./Barchart\";\nexport { default as HvBaseDropdown } from \"./BaseDropdown\";\nexport { default as HvBreadcrumb } from \"./BreadCrumb\";\nexport { default as HvBulkActions } from \"./BulkActions\";\nexport { default as HvButton } from \"./Button\";\nexport { default as HvCard } from \"./Card\";\nexport * from \"./Card\";\nexport * from \"./Calendar\";\nexport { default as HvContainer } from \"./Container\";\nexport { default as HvDatePicker } from \"./DatePicker\";\nexport { default as HvDonutchart } from \"./Donutchart\";\nexport { default as HvDropdown } from \"./Dropdown\";\nexport { default as HvDropDownMenu } from \"./DropDownMenu\";\nexport { default as HvEmptyState } from \"./EmptyState\";\nexport { default as HvFilterGroup } from \"./FilterGroup\";\nexport { default as HvFileUploader } from \"./FileUploader\";\nexport * from \"./FileUploader\";\nexport { default as HvFooter } from \"./Footer\";\nexport * from \"./Forms\";\n\nexport { default as HvGrid } from \"./Grid\";\nexport { default as HvGlobalActions } from \"./GlobalActions\";\n\nexport { default as HvHeader } from \"./Header\";\nexport * from \"./Header\";\n\nexport { default as HvBaseInput } from \"./BaseInput\";\nexport { default as HvInput } from \"./Input\";\n\nexport { default as HvKpi } from \"./Kpi\";\n\nexport { default as HvLinechart } from \"./Linechart\";\nexport { default as HvLink } from \"./Link\";\nexport { default as HvListContainer } from \"./ListContainer\";\nexport * from \"./ListContainer\";\n\nexport { default as HvList } from \"./List\";\n\nexport { default as HvSelectionList } from \"./SelectionList\";\n\nexport { default as HvLoading } from \"./Loading\";\nexport { default as HvLogin } from \"./Login\";\nexport { default as HvDialog } from \"./Dialog\";\nexport * from \"./Dialog\";\nexport { default as HvMultiButton } from \"./MultiButton\";\nexport { default as HvPagination } from \"./Pagination\";\n\nexport { default as HvBaseCheckBox } from \"./BaseCheckBox\";\nexport { default as HvCheckBox } from \"./CheckBox\";\nexport { default as HvCheckBoxGroup } from \"./CheckBoxGroup\";\n\nexport { default as HvBaseRadio } from \"./BaseRadio\";\nexport { default as HvRadio } from \"./Radio\";\nexport { default as HvRadioGroup } from \"./RadioGroup\";\n\nexport { default as HvBaseSwitch } from \"./BaseSwitch\";\nexport { default as HvSwitch } from \"./Switch\";\n\nexport { default as HvSnackbar } from \"./Snackbar\";\nexport { default as HvSnackbarContent } from \"./Snackbar/SnackbarContentWrapper\";\nexport { default as HvSnackbarProvider, useHvSnackbar } from \"./Snackbar/SnackbarProvider\";\nexport { default as HvStack } from \"./Stack\";\n\nexport { default as HvTab } from \"./Tab\";\nexport { default as HvTag } from \"./Tag\";\nexport { default as HvTable } from \"./Table\";\nexport { default as HvTabs } from \"./Tabs\";\nexport { default as HvTextArea } from \"./TextArea\";\nexport { default as HvTagsInput } from \"./TagsInput\";\nexport { default as HvToggleButton } from \"./ToggleButton\";\nexport { default as HvTooltip } from \"./Tooltip\";\nexport { default as HvOverflowTooltip } from \"./OverflowTooltip\";\nexport { default as HvTypography } from \"./Typography\";\nexport { default as HvUserPreferences } from \"./UserPreferences\";\n// TODO refactor the HvUserPreferences subcomponents' names\nexport {\n Actions as HvUserPreferencesActions,\n Action as HvUserPreferencesAction,\n} from \"./UserPreferences\";\nexport {\n Options as HvUserPreferencesOptions,\n Option as HvUserPreferencesOption,\n Group as HvUserPreferencesOptionsGroup,\n Label as HvUserPreferencesOptionsGroupLabel,\n} from \"./UserPreferences\";\n\nexport { default as HvScrollToHorizontal } from \"./ScrollTo/Horizontal\";\nexport { default as HvScrollToVertical } from \"./ScrollTo/Vertical\";\nexport { default as useScrollTo } from \"./ScrollTo/useScrollTo\";\n\nexport { default as HvVerticalNavigation } from \"./VerticalNavigation\";\n// TODO refactor the HvVerticalNavigation subcomponents' names\nexport { Navigation as HvVerticalNavigationTree } from \"./VerticalNavigation\";\nexport { TreeView as HvTreeView, TreeViewItem as HvTreeViewItem } from \"./VerticalNavigation\";\nexport {\n Actions as HvVerticalNavigationActions,\n Action as HvVerticalNavigationAction,\n} from \"./VerticalNavigation\";\n\nexport { default as HvPanel } from \"./Panel\";\n\n// HOCs\nexport { default as withId } from \"./withId\";\nexport { default as withTooltip } from \"./withTooltip\";\n\n// Hooks\nexport { default as useUniqueId } from \"./useUniqueId\";\n\n// theme\nexport { default as hvTheme } from \"./theme\";\nexport { themeBuilder, getTheme } from \"./theme\";\n\n// provider\nexport { default as HvProvider } from \"./Provider\";\nexport * from \"./Provider\";\n\n// utils\nexport * from \"./utils\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAEA;;AAEA;;AAEA;;AACA;;AACA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAaA;;AACA;;AACA;;AAEA;;AASA;;AAGA;;AACA;;AAGA;;AAGA;;AAIA;;AACA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAGA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -0,0 +1,14 @@
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;
@@ -0,0 +1,195 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
3
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
4
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
5
+ var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
6
+
7
+ 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; }
8
+
9
+ 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; }
10
+
11
+ import "core-js/modules/es.array.map.js";
12
+ import "core-js/modules/es.object.keys.js";
13
+ import "core-js/modules/es.symbol.js";
14
+ import "core-js/modules/es.array.filter.js";
15
+ import "core-js/modules/es.object.to-string.js";
16
+ import "core-js/modules/es.object.get-own-property-descriptor.js";
17
+ import "core-js/modules/web.dom-collections.for-each.js";
18
+ import "core-js/modules/es.object.get-own-property-descriptors.js";
19
+ import React, { useMemo, useEffect, useState, useCallback, useRef } from "react";
20
+ import PropTypes from "prop-types";
21
+ import { withStyles } from "@material-ui/core";
22
+ import Chart from "../Chart";
23
+ import { applyLayoutDefaults, applyDataDefaults } from "./barchartPlotlyOverrides";
24
+ import styles from "./styles";
25
+ var MARGIN = 50;
26
+ var MAX_BAR_WIDTH = 90;
27
+ var MIN_BAR_WIDTH = 3;
28
+ /**
29
+ * A Bar chart is a chart or graph that presents categorical data with rectangular bars.
30
+ *
31
+ * Our implementation leverages the Plotly charting library. If you have a specific case
32
+ * that we don't cover, the Plotly [documentation](https://plotly.com/javascript/) is a good starting point.
33
+ */
34
+
35
+ var Barchart = function Barchart(_ref) {
36
+ var id = _ref.id,
37
+ classes = _ref.classes,
38
+ data = _ref.data,
39
+ layout = _ref.layout,
40
+ config = _ref.config,
41
+ _ref$tooltipType = _ref.tooltipType,
42
+ tooltipType = _ref$tooltipType === void 0 ? "multiple" : _ref$tooltipType,
43
+ _ref$stack = _ref.stack,
44
+ stack = _ref$stack === void 0 ? false : _ref$stack,
45
+ _ref$horizontal = _ref.horizontal,
46
+ horizontal = _ref$horizontal === void 0 ? false : _ref$horizontal,
47
+ others = _objectWithoutProperties(_ref, _excluded);
48
+
49
+ /* Values derived from props */
50
+ var dataWithDefaults = useMemo(function () {
51
+ return applyDataDefaults(data, horizontal);
52
+ }, [data, horizontal]);
53
+ var chartLayout = useMemo(function () {
54
+ return applyLayoutDefaults(layout, stack, horizontal);
55
+ }, [layout, stack, horizontal]);
56
+ /* State */
57
+
58
+ var _useState = useState(dataWithDefaults),
59
+ _useState2 = _slicedToArray(_useState, 2),
60
+ chartData = _useState2[0],
61
+ setChartData = _useState2[1];
62
+ /* Effects */
63
+
64
+
65
+ var firstRender = useRef(true);
66
+ useEffect(function () {
67
+ // only setChartData when prop value changes
68
+ // not needed on first render because the
69
+ // initial state is already properly set
70
+ if (!firstRender.current) {
71
+ setChartData(dataWithDefaults);
72
+ }
73
+
74
+ firstRender.current = false;
75
+ }, [dataWithDefaults]);
76
+ /**
77
+ * Used to force the max width of each bar with 90px.
78
+ *
79
+ * (this is effectively more an effect than a callback)
80
+ */
81
+
82
+ var recalculateBarWidth = useCallback(function (ref) {
83
+ // use the data and layout info directly from the plotly ref
84
+ // as it's always the most uptodate version.
85
+ var plotData = ref.current.props.data;
86
+ var plotLayout = ref.current.props.layout;
87
+
88
+ if (plotData.length > 0) {
89
+ var barmode = plotLayout.barmode,
90
+ bargap = plotLayout.bargap,
91
+ bargroupgap = plotLayout.bargroupgap;
92
+ var isStack = barmode === "stack";
93
+ var numberOfBarsByGroup = isStack ? 1 : plotData.length;
94
+ var numberOfGroup = plotData[0].x.length;
95
+
96
+ var _ref$current$el$getBo = ref.current.el.getBoundingClientRect(),
97
+ width = _ref$current$el$getBo.width;
98
+
99
+ var plotWidth = width - MARGIN;
100
+ var groupWidth = plotWidth / numberOfGroup;
101
+ var colWidth = groupWidth * (1 - bargap) - groupWidth * (1 - bargap) * bargroupgap;
102
+ var calculatedBarWidth = colWidth / numberOfBarsByGroup;
103
+ var greaterThan90 = calculatedBarWidth > MAX_BAR_WIDTH;
104
+ var lessThan3 = calculatedBarWidth < MIN_BAR_WIDTH;
105
+ var isAlreadyGreaterThan90 = plotData[0].width !== undefined;
106
+
107
+ if (greaterThan90 && !isAlreadyGreaterThan90) {
108
+ var newWidth = MAX_BAR_WIDTH / plotWidth * numberOfGroup;
109
+ var newData = plotData.map(function (subData) {
110
+ return _objectSpread(_objectSpread({}, subData), {}, {
111
+ width: newWidth
112
+ });
113
+ });
114
+ setChartData(newData);
115
+ }
116
+
117
+ if (lessThan3 && !isAlreadyGreaterThan90) {
118
+ var _newWidth = MIN_BAR_WIDTH / plotWidth * numberOfGroup;
119
+
120
+ var _newData = plotData.map(function (subData) {
121
+ return _objectSpread(_objectSpread({}, subData), {}, {
122
+ width: _newWidth
123
+ });
124
+ });
125
+
126
+ setChartData(_newData);
127
+ }
128
+
129
+ if (!greaterThan90 && isAlreadyGreaterThan90) {
130
+ var _newData2 = plotData.map(function (subData) {
131
+ return _objectSpread(_objectSpread({}, subData), {}, {
132
+ width: undefined
133
+ });
134
+ });
135
+
136
+ setChartData(_newData2);
137
+ }
138
+ }
139
+ }, []);
140
+ return /*#__PURE__*/React.createElement(Chart, _extends({
141
+ id: id,
142
+ classes: classes,
143
+ data: chartData,
144
+ layout: chartLayout,
145
+ config: config,
146
+ tooltipType: tooltipType,
147
+ afterPlot: recalculateBarWidth
148
+ }, others));
149
+ };
150
+
151
+ process.env.NODE_ENV !== "production" ? Barchart.propTypes = {
152
+ /**
153
+ * An Id passed on to the component
154
+ */
155
+ id: PropTypes.string,
156
+
157
+ /**
158
+ * A Jss Object used to override or extend the styles applied.
159
+ */
160
+ classes: PropTypes.instanceOf(Object),
161
+
162
+ /**
163
+ * Plotly data object (see https://plot.ly/javascript/reference/).
164
+ */
165
+ data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
166
+
167
+ /**
168
+ * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
169
+ */
170
+ layout: PropTypes.instanceOf(Object),
171
+
172
+ /**
173
+ * Plotly config object (see https://plot.ly/javascript/configuration-options/).
174
+ */
175
+ config: PropTypes.instanceOf(Object),
176
+
177
+ /**
178
+ * Defines if should use a single or multiline tooltip.
179
+ */
180
+ tooltipType: PropTypes.oneOf(["single", "multiple"]),
181
+
182
+ /**
183
+ * Sets is the chart is stack.
184
+ */
185
+ stack: PropTypes.bool,
186
+
187
+ /**
188
+ * Sets is the chart is horizontal.
189
+ */
190
+ horizontal: PropTypes.bool
191
+ } : void 0;
192
+ export default withStyles(styles, {
193
+ name: "HvBarchart"
194
+ })(Barchart);
195
+ //# sourceMappingURL=Barchart.js.map
@@ -0,0 +1 @@
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","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","el","getBoundingClientRect","width","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;\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 } = ref.current.el.getBoundingClientRect();\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":";;;;;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,SAAzB,EAAoCC,QAApC,EAA8CC,WAA9C,EAA2DC,MAA3D,QAAyE,OAAzE;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,KAAP,MAAkB,UAAlB;AACA,SAASC,mBAAT,EAA8BC,iBAA9B,QAAuD,2BAAvD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,IAAMC,MAAM,GAAG,EAAf;AACA,IAAMC,aAAa,GAAG,EAAtB;AACA,IAAMC,aAAa,GAAG,CAAtB;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAUX;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,sBAHJC,KAGI;EAAA,IAHJA,KAGI,2BAHI,KAGJ;EAAA,2BAFJC,UAEI;EAAA,IAFJA,UAEI,gCAFS,KAET;EAAA,IADDC,MACC;;EACJ;EAEA,IAAMC,gBAAgB,GAAGxB,OAAO,CAAC;IAAA,OAAMS,iBAAiB,CAACQ,IAAD,EAAOK,UAAP,CAAvB;EAAA,CAAD,EAA4C,CAACL,IAAD,EAAOK,UAAP,CAA5C,CAAhC;EACA,IAAMG,WAAW,GAAGzB,OAAO,CACzB;IAAA,OAAMQ,mBAAmB,CAACU,MAAD,EAASG,KAAT,EAAgBC,UAAhB,CAAzB;EAAA,CADyB,EAEzB,CAACJ,MAAD,EAASG,KAAT,EAAgBC,UAAhB,CAFyB,CAA3B;EAKA;;EAEA,gBAAkCpB,QAAQ,CAACsB,gBAAD,CAA1C;EAAA;EAAA,IAAOE,SAAP;EAAA,IAAkBC,YAAlB;EAEA;;;EAEA,IAAMC,WAAW,GAAGxB,MAAM,CAAC,IAAD,CAA1B;EACAH,SAAS,CAAC,YAAM;IACd;IACA;IACA;IACA,IAAI,CAAC2B,WAAW,CAACC,OAAjB,EAA0B;MACxBF,YAAY,CAACH,gBAAD,CAAZ;IACD;;IAEDI,WAAW,CAACC,OAAZ,GAAsB,KAAtB;EACD,CATQ,EASN,CAACL,gBAAD,CATM,CAAT;EAWA;AACF;AACA;AACA;AACA;;EACE,IAAMM,mBAAmB,GAAG3B,WAAW,CAAC,UAAC4B,GAAD,EAAS;IAC/C;IACA;IACA,IAAMC,QAAQ,GAAGD,GAAG,CAACF,OAAJ,CAAYI,KAAZ,CAAkBhB,IAAnC;IACA,IAAMiB,UAAU,GAAGH,GAAG,CAACF,OAAJ,CAAYI,KAAZ,CAAkBf,MAArC;;IAEA,IAAIc,QAAQ,CAACG,MAAT,GAAkB,CAAtB,EAAyB;MACvB,IAAQC,OAAR,GAAyCF,UAAzC,CAAQE,OAAR;MAAA,IAAiBC,MAAjB,GAAyCH,UAAzC,CAAiBG,MAAjB;MAAA,IAAyBC,WAAzB,GAAyCJ,UAAzC,CAAyBI,WAAzB;MAEA,IAAMC,OAAO,GAAGH,OAAO,KAAK,OAA5B;MACA,IAAMI,mBAAmB,GAAGD,OAAO,GAAG,CAAH,GAAOP,QAAQ,CAACG,MAAnD;MACA,IAAMM,aAAa,GAAGT,QAAQ,CAAC,CAAD,CAAR,CAAYU,CAAZ,CAAcP,MAApC;;MAEA,4BAAkBJ,GAAG,CAACF,OAAJ,CAAYc,EAAZ,CAAeC,qBAAf,EAAlB;MAAA,IAAQC,KAAR,yBAAQA,KAAR;;MACA,IAAMC,SAAS,GAAGD,KAAK,GAAGlC,MAA1B;MACA,IAAMoC,UAAU,GAAGD,SAAS,GAAGL,aAA/B;MACA,IAAMO,QAAQ,GAAGD,UAAU,IAAI,IAAIV,MAAR,CAAV,GAA4BU,UAAU,IAAI,IAAIV,MAAR,CAAV,GAA4BC,WAAzE;MAEA,IAAMW,kBAAkB,GAAGD,QAAQ,GAAGR,mBAAtC;MACA,IAAMU,aAAa,GAAGD,kBAAkB,GAAGrC,aAA3C;MACA,IAAMuC,SAAS,GAAGF,kBAAkB,GAAGpC,aAAvC;MACA,IAAMuC,sBAAsB,GAAGpB,QAAQ,CAAC,CAAD,CAAR,CAAYa,KAAZ,KAAsBQ,SAArD;;MAEA,IAAIH,aAAa,IAAI,CAACE,sBAAtB,EAA8C;QAC5C,IAAME,QAAQ,GAAI1C,aAAa,GAAGkC,SAAjB,GAA8BL,aAA/C;QAEA,IAAMc,OAAO,GAAGvB,QAAQ,CAACwB,GAAT,CAAa,UAACC,OAAD,EAAa;UACxC,uCAAYA,OAAZ;YAAqBZ,KAAK,EAAES;UAA5B;QACD,CAFe,CAAhB;QAIA3B,YAAY,CAAC4B,OAAD,CAAZ;MACD;;MAED,IAAIJ,SAAS,IAAI,CAACC,sBAAlB,EAA0C;QACxC,IAAME,SAAQ,GAAIzC,aAAa,GAAGiC,SAAjB,GAA8BL,aAA/C;;QAEA,IAAMc,QAAO,GAAGvB,QAAQ,CAACwB,GAAT,CAAa,UAACC,OAAD,EAAa;UACxC,uCAAYA,OAAZ;YAAqBZ,KAAK,EAAES;UAA5B;QACD,CAFe,CAAhB;;QAIA3B,YAAY,CAAC4B,QAAD,CAAZ;MACD;;MAED,IAAI,CAACL,aAAD,IAAkBE,sBAAtB,EAA8C;QAC5C,IAAMG,SAAO,GAAGvB,QAAQ,CAACwB,GAAT,CAAa,UAACC,OAAD,EAAa;UACxC,uCAAYA,OAAZ;YAAqBZ,KAAK,EAAEQ;UAA5B;QACD,CAFe,CAAhB;;QAIA1B,YAAY,CAAC4B,SAAD,CAAZ;MACD;IACF;EACF,CAnDsC,EAmDpC,EAnDoC,CAAvC;EAqDA,oBACE,oBAAC,KAAD;IACE,EAAE,EAAExC,EADN;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEU,SAHR;IAIE,MAAM,EAAED,WAJV;IAKE,MAAM,EAAEN,MALV;IAME,WAAW,EAAEC,WANf;IAOE,SAAS,EAAEU;EAPb,GAQMP,MARN,EADF;AAYD,CA3GD;;AA4GA,wCAAAT,QAAQ,CAAC4C,SAAT,GAAqB;EACnB;AACF;AACA;EACE3C,EAAE,EAAEV,SAAS,CAACsD,MAJK;;EAKnB;AACF;AACA;EACE3C,OAAO,EAAEX,SAAS,CAACuD,UAAV,CAAqBC,MAArB,CARU;;EASnB;AACF;AACA;EACE5C,IAAI,EAAEZ,SAAS,CAACyD,OAAV,CAAkBzD,SAAS,CAACuD,UAAV,CAAqBC,MAArB,CAAlB,EAAgDE,UAZnC;;EAanB;AACF;AACA;EACE7C,MAAM,EAAEb,SAAS,CAACuD,UAAV,CAAqBC,MAArB,CAhBW;;EAiBnB;AACF;AACA;EACE1C,MAAM,EAAEd,SAAS,CAACuD,UAAV,CAAqBC,MAArB,CApBW;;EAqBnB;AACF;AACA;EACEzC,WAAW,EAAEf,SAAS,CAAC2D,KAAV,CAAgB,CAAC,QAAD,EAAW,UAAX,CAAhB,CAxBM;;EAyBnB;AACF;AACA;EACE3C,KAAK,EAAEhB,SAAS,CAAC4D,IA5BE;;EA6BnB;AACF;AACA;EACE3C,UAAU,EAAEjB,SAAS,CAAC4D;AAhCH,CAArB;AAmCA,eAAe3D,UAAU,CAACI,MAAD,EAAS;EAAEwD,IAAI,EAAE;AAAR,CAAT,CAAV,CAA2CpD,QAA3C,CAAf"}
@@ -0,0 +1,43 @@
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 layout in order to follow the DS guideline.
13
+ */
14
+
15
+
16
+ export var applyLayoutDefaults = function applyLayoutDefaults(inputLayout, stack, isHorizontal) {
17
+ var layout = inputLayout === undefined ? {} : clone(inputLayout);
18
+ setterIfNil(layout, "bargap", 0.25);
19
+ setterIfNil(layout, "bargroupgap", 0.25);
20
+ setterIfNil(layout, "hovermode", "closest");
21
+ if (stack) setterIfNil(layout, "barmode", "stack");
22
+ setterIfNil(layout, "yaxis", {});
23
+ setterIfNil(layout, "xaxis", {});
24
+
25
+ if (isHorizontal) {
26
+ setterIfNil(layout.yaxis, "showline", true);
27
+ setterIfNil(layout.xaxis, "showline", false);
28
+ } else {
29
+ setterIfNil(layout.yaxis, "showline", false);
30
+ }
31
+
32
+ return layout;
33
+ };
34
+ export var applyDataDefaults = function applyDataDefaults(inputData, isHorizontal) {
35
+ var data = inputData;
36
+ data.forEach(function (trace) {
37
+ setterIfNil(trace, "type", "bar");
38
+ setterIfNil(trace, "hoverinfo", "none");
39
+ if (isHorizontal) setterIfNil(trace, "orientation", "h");
40
+ });
41
+ return data;
42
+ };
43
+ //# sourceMappingURL=barchartPlotlyOverrides.js.map
@@ -0,0 +1 @@
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,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,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,WAAD,EAAcC,KAAd,EAAqBC,YAArB,EAAsC;EACvE,IAAMC,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,IAAMI,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAYN,YAAZ,EAA6B;EAC5D,IAAMO,IAAI,GAAGD,SAAb;EAEAC,IAAI,CAACC,OAAL,CAAa,UAACC,KAAD,EAAW;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"}
@@ -0,0 +1,2 @@
1
+ export { default } from "./Barchart";
2
+ export * from "./Barchart";
@@ -0,0 +1,2 @@
1
+ export { default } from "./Barchart";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"}
@@ -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/Barchart/styles.js"],"sourcesContent":["const styles = {};\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf"}
@@ -0,0 +1,25 @@
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;
@@ -0,0 +1,174 @@
1
+ import _extends from "@babel/runtime/helpers/esm/extends";
2
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
3
+ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
4
+ var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "afterPlot", "xAxisTitle", "yAxisTitle"];
5
+ import "core-js/modules/es.object.to-string.js";
6
+ import "core-js/modules/web.dom-collections.for-each.js";
7
+ import "core-js/modules/es.function.name.js";
8
+ import React, { useState, useMemo, useCallback } from "react";
9
+ import PropTypes from "prop-types";
10
+ import isNil from "lodash/isNil";
11
+ import { useTheme, withStyles } from "@material-ui/core";
12
+ import Tooltip from "./Tooltip";
13
+ import { applyLayoutDefaults, applyConfigDefaults } from "./chartPlotlyOverrides";
14
+ import Plot from "./Plot";
15
+ import styles from "./styles";
16
+
17
+ var Chart = function Chart(_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
+ afterPlot = _ref.afterPlot,
26
+ xAxisTitle = _ref.xAxisTitle,
27
+ yAxisTitle = _ref.yAxisTitle,
28
+ others = _objectWithoutProperties(_ref, _excluded);
29
+
30
+ var theme = useTheme();
31
+ /* Values derived from props */
32
+ // Check if the barchart is horizontal or vertical.
33
+
34
+ var isHorizontal = useMemo(function () {
35
+ var _data$;
36
+
37
+ return !isNil((_data$ = data[0]) === null || _data$ === void 0 ? void 0 : _data$.orientation) ? data[0].orientation.toUpperCase() === "H" : false;
38
+ }, [data]);
39
+ var chartLayout = useMemo(function () {
40
+ return applyLayoutDefaults(layout, theme, isHorizontal, xAxisTitle, yAxisTitle);
41
+ }, [isHorizontal, layout, theme, xAxisTitle, yAxisTitle]);
42
+ var chartConfig = useMemo(function () {
43
+ return applyConfigDefaults(config);
44
+ }, [config]);
45
+ var useSingle = tooltipType === "single";
46
+ /* State */
47
+
48
+ var _useState = useState(false),
49
+ _useState2 = _slicedToArray(_useState, 2),
50
+ isHover = _useState2[0],
51
+ setIsHover = _useState2[1];
52
+
53
+ var _useState3 = useState({
54
+ x: 0,
55
+ y: 0
56
+ }),
57
+ _useState4 = _slicedToArray(_useState3, 2),
58
+ coordinates = _useState4[0],
59
+ setCoordinates = _useState4[1];
60
+
61
+ var _useState5 = useState(),
62
+ _useState6 = _slicedToArray(_useState5, 2),
63
+ dataTooltip = _useState6[0],
64
+ setDataTooltip = _useState6[1];
65
+ /* Callbacks */
66
+ // Extract data from the plotly onHover event to be used to create the tooltip.
67
+
68
+
69
+ var onHover = useCallback(function (event) {
70
+ var points = event.points;
71
+ var dataFromPoints = {
72
+ title: "",
73
+ elements: []
74
+ };
75
+ points.forEach(function (p, i) {
76
+ var _fData$marker, _fData$line, _fData$labels;
77
+
78
+ var fData = p.fullData;
79
+ var pNumber = p.pointNumber;
80
+ if (i === 0) dataFromPoints.title = isHorizontal ? p.y : p.x || fData.name;
81
+ dataFromPoints.elements.push({
82
+ color: ((_fData$marker = fData.marker) === null || _fData$marker === void 0 ? void 0 : _fData$marker.color) || ((_fData$line = fData.line) === null || _fData$line === void 0 ? void 0 : _fData$line.color) || p.color,
83
+ name: ((_fData$labels = fData.labels) === null || _fData$labels === void 0 ? void 0 : _fData$labels[pNumber]) || fData.name,
84
+ value: isHorizontal ? p.x : p.y || p.value
85
+ });
86
+ });
87
+ setDataTooltip(dataFromPoints);
88
+ setIsHover(true);
89
+ }, [isHorizontal]);
90
+ var onUnHover = useCallback(function () {
91
+ setIsHover(false);
92
+ }, []);
93
+ var onMouseMove = useCallback(function (event) {
94
+ setCoordinates({
95
+ x: event.clientX,
96
+ y: event.clientY
97
+ });
98
+ }, []);
99
+ return /*#__PURE__*/React.createElement(React.Fragment, null, isHover && /*#__PURE__*/React.createElement(Tooltip, {
100
+ coordinates: coordinates,
101
+ data: dataTooltip,
102
+ useSingle: useSingle
103
+ }), /*#__PURE__*/React.createElement("div", {
104
+ id: id,
105
+ className: classes.root
106
+ }, /*#__PURE__*/React.createElement("div", {
107
+ onMouseMove: onMouseMove
108
+ }, /*#__PURE__*/React.createElement(Plot, _extends({
109
+ data: data,
110
+ layout: chartLayout,
111
+ config: chartConfig,
112
+ onHover: onHover,
113
+ onUnHover: onUnHover,
114
+ afterPlot: afterPlot
115
+ }, others)))));
116
+ };
117
+
118
+ process.env.NODE_ENV !== "production" ? Chart.propTypes = {
119
+ /**
120
+ * An Id passed on to the component
121
+ */
122
+ id: PropTypes.string,
123
+
124
+ /**
125
+ * A Jss Object used to override or extend the styles applied.
126
+ */
127
+ classes: PropTypes.shape({
128
+ root: PropTypes.string
129
+ }),
130
+
131
+ /**
132
+ * Plotly data object (see https://plot.ly/javascript/reference/).
133
+ */
134
+ data: PropTypes.arrayOf(PropTypes.instanceOf(Object)).isRequired,
135
+
136
+ /**
137
+ * Plotly layout object (see https://plot.ly/javascript/reference/#layout).
138
+ */
139
+ layout: PropTypes.instanceOf(Object).isRequired,
140
+
141
+ /**
142
+ * Plotly config object (see https://plot.ly/javascript/configuration-options/).
143
+ */
144
+ config: PropTypes.instanceOf(Object),
145
+
146
+ /**
147
+ * Defines if should use a single or multiline tooltip.
148
+ */
149
+ tooltipType: PropTypes.oneOf(["single", "multiple"]),
150
+
151
+ /**
152
+ * Function to be called after plot render.
153
+ */
154
+ afterPlot: PropTypes.func,
155
+
156
+ /**
157
+ * Defines the X axis title.
158
+ */
159
+ xAxisTitle: PropTypes.string,
160
+
161
+ /**
162
+ * Defines the Y axis title.
163
+ */
164
+ yAxisTitle: PropTypes.string,
165
+
166
+ /**
167
+ * Defines the chart subtitle.
168
+ */
169
+ subtitle: PropTypes.string
170
+ } : void 0;
171
+ export default withStyles(styles, {
172
+ name: "HvChart"
173
+ })(Chart);
174
+ //# sourceMappingURL=Chart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chart.js","names":["React","useState","useMemo","useCallback","PropTypes","isNil","useTheme","withStyles","Tooltip","applyLayoutDefaults","applyConfigDefaults","Plot","styles","Chart","id","classes","data","layout","config","tooltipType","afterPlot","xAxisTitle","yAxisTitle","others","theme","isHorizontal","orientation","toUpperCase","chartLayout","chartConfig","useSingle","isHover","setIsHover","x","y","coordinates","setCoordinates","dataTooltip","setDataTooltip","onHover","event","points","dataFromPoints","title","elements","forEach","p","i","fData","fullData","pNumber","pointNumber","name","push","color","marker","line","labels","value","onUnHover","onMouseMove","clientX","clientY","root","propTypes","string","shape","arrayOf","instanceOf","Object","isRequired","oneOf","func","subtitle"],"sources":["../../../src/Chart/Chart.js"],"sourcesContent":["import React, { useState, useMemo, useCallback } from \"react\";\nimport PropTypes from \"prop-types\";\nimport isNil from \"lodash/isNil\";\nimport { useTheme, withStyles } from \"@material-ui/core\";\nimport Tooltip from \"./Tooltip\";\nimport { applyLayoutDefaults, applyConfigDefaults } from \"./chartPlotlyOverrides\";\n\nimport Plot from \"./Plot\";\nimport styles from \"./styles\";\n\nconst Chart = ({\n id,\n classes,\n data,\n layout,\n config,\n tooltipType = \"multiple\",\n afterPlot,\n xAxisTitle,\n yAxisTitle,\n ...others\n}) => {\n const theme = useTheme();\n\n /* Values derived from props */\n\n // Check if the barchart is horizontal or vertical.\n const isHorizontal = useMemo(\n () => (!isNil(data[0]?.orientation) ? data[0].orientation.toUpperCase() === \"H\" : false),\n [data]\n );\n\n const chartLayout = useMemo(\n () => applyLayoutDefaults(layout, theme, isHorizontal, xAxisTitle, yAxisTitle),\n [isHorizontal, layout, theme, xAxisTitle, yAxisTitle]\n );\n\n const chartConfig = useMemo(() => applyConfigDefaults(config), [config]);\n\n const useSingle = tooltipType === \"single\";\n\n /* State */\n\n const [isHover, setIsHover] = useState(false);\n const [coordinates, setCoordinates] = useState({ x: 0, y: 0 });\n const [dataTooltip, setDataTooltip] = useState();\n\n /* Callbacks */\n\n // Extract data from the plotly onHover event to be used to create the tooltip.\n const onHover = useCallback(\n (event) => {\n const { points } = event;\n\n const dataFromPoints = {\n title: \"\",\n elements: [],\n };\n\n points.forEach((p, i) => {\n const fData = p.fullData;\n const pNumber = p.pointNumber;\n\n if (i === 0) dataFromPoints.title = isHorizontal ? p.y : p.x || fData.name;\n\n dataFromPoints.elements.push({\n color: fData.marker?.color || fData.line?.color || p.color,\n name: fData.labels?.[pNumber] || fData.name,\n value: isHorizontal ? p.x : p.y || p.value,\n });\n });\n\n setDataTooltip(dataFromPoints);\n setIsHover(true);\n },\n [isHorizontal]\n );\n\n const onUnHover = useCallback(() => {\n setIsHover(false);\n }, []);\n\n const onMouseMove = useCallback((event) => {\n setCoordinates({\n x: event.clientX,\n y: event.clientY,\n });\n }, []);\n\n return (\n <>\n {isHover && <Tooltip coordinates={coordinates} data={dataTooltip} useSingle={useSingle} />}\n <div id={id} className={classes.root}>\n <div onMouseMove={onMouseMove}>\n <Plot\n data={data}\n layout={chartLayout}\n config={chartConfig}\n onHover={onHover}\n onUnHover={onUnHover}\n afterPlot={afterPlot}\n {...others}\n />\n </div>\n </div>\n </>\n );\n};\n\nChart.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.shape({\n root: PropTypes.string,\n }),\n\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).isRequired,\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 * Function to be called after plot render.\n */\n afterPlot: PropTypes.func,\n /**\n * Defines the X axis title.\n */\n xAxisTitle: PropTypes.string,\n /**\n * Defines the Y axis title.\n */\n yAxisTitle: PropTypes.string,\n /**\n * Defines the chart subtitle.\n */\n subtitle: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvChart\" })(Chart);\n"],"mappings":"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"}