@hitachivantara/uikit-react-viz 5.2.8 → 5.3.1

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 (90) hide show
  1. package/dist/cjs/components/BarChart/BarChart.cjs +103 -4
  2. package/dist/cjs/components/BarChart/BarChart.cjs.map +1 -1
  3. package/dist/cjs/components/BaseChart/BaseChart.cjs +6 -349
  4. package/dist/cjs/components/BaseChart/BaseChart.cjs.map +1 -1
  5. package/dist/cjs/components/DonutChart/DonutChart.cjs +91 -0
  6. package/dist/cjs/components/DonutChart/DonutChart.cjs.map +1 -0
  7. package/dist/cjs/components/LineChart/LineChart.cjs +100 -4
  8. package/dist/cjs/components/LineChart/LineChart.cjs.map +1 -1
  9. package/dist/cjs/{components/BaseChart/BaseChart.styles.cjs → hooks/tooltip/styles.cjs} +2 -2
  10. package/dist/cjs/hooks/tooltip/styles.cjs.map +1 -0
  11. package/dist/cjs/hooks/tooltip/useTooltip.cjs +98 -0
  12. package/dist/cjs/hooks/tooltip/useTooltip.cjs.map +1 -0
  13. package/dist/cjs/hooks/useData.cjs +93 -0
  14. package/dist/cjs/hooks/useData.cjs.map +1 -0
  15. package/dist/cjs/hooks/useDataZoom.cjs +25 -0
  16. package/dist/cjs/hooks/useDataZoom.cjs.map +1 -0
  17. package/dist/cjs/hooks/useDataset.cjs +18 -0
  18. package/dist/cjs/hooks/useDataset.cjs.map +1 -0
  19. package/dist/cjs/hooks/useGrid.cjs +32 -0
  20. package/dist/cjs/hooks/useGrid.cjs.map +1 -0
  21. package/dist/cjs/hooks/useLegend.cjs +46 -0
  22. package/dist/cjs/hooks/useLegend.cjs.map +1 -0
  23. package/dist/cjs/hooks/useSeries.cjs +99 -0
  24. package/dist/cjs/hooks/useSeries.cjs.map +1 -0
  25. package/dist/cjs/hooks/useVizTheme.cjs.map +1 -1
  26. package/dist/cjs/hooks/useXAxis.cjs +29 -0
  27. package/dist/cjs/hooks/useXAxis.cjs.map +1 -0
  28. package/dist/cjs/hooks/useYAxis.cjs +42 -0
  29. package/dist/cjs/hooks/useYAxis.cjs.map +1 -0
  30. package/dist/cjs/index.cjs +2 -0
  31. package/dist/cjs/index.cjs.map +1 -1
  32. package/dist/cjs/providers/Provider.cjs +8 -10
  33. package/dist/cjs/providers/Provider.cjs.map +1 -1
  34. package/dist/cjs/utils/getGroupKey.cjs +5 -0
  35. package/dist/cjs/utils/getGroupKey.cjs.map +1 -0
  36. package/dist/cjs/utils/getLegendIcon.cjs +7 -4
  37. package/dist/cjs/utils/getLegendIcon.cjs.map +1 -1
  38. package/dist/cjs/utils/getMeasure.cjs +14 -0
  39. package/dist/cjs/utils/getMeasure.cjs.map +1 -0
  40. package/dist/cjs/utils/registerTheme.cjs +104 -0
  41. package/dist/cjs/utils/registerTheme.cjs.map +1 -0
  42. package/dist/esm/components/BarChart/BarChart.js +84 -4
  43. package/dist/esm/components/BarChart/BarChart.js.map +1 -1
  44. package/dist/esm/components/BaseChart/BaseChart.js +8 -351
  45. package/dist/esm/components/BaseChart/BaseChart.js.map +1 -1
  46. package/dist/esm/components/DonutChart/DonutChart.js +72 -0
  47. package/dist/esm/components/DonutChart/DonutChart.js.map +1 -0
  48. package/dist/esm/components/LineChart/LineChart.js +81 -4
  49. package/dist/esm/components/LineChart/LineChart.js.map +1 -1
  50. package/dist/esm/{components/BaseChart/BaseChart.styles.js → hooks/tooltip/styles.js} +2 -2
  51. package/dist/esm/hooks/tooltip/styles.js.map +1 -0
  52. package/dist/esm/hooks/tooltip/useTooltip.js +98 -0
  53. package/dist/esm/hooks/tooltip/useTooltip.js.map +1 -0
  54. package/dist/esm/hooks/useData.js +93 -0
  55. package/dist/esm/hooks/useData.js.map +1 -0
  56. package/dist/esm/hooks/useDataZoom.js +25 -0
  57. package/dist/esm/hooks/useDataZoom.js.map +1 -0
  58. package/dist/esm/hooks/useDataset.js +18 -0
  59. package/dist/esm/hooks/useDataset.js.map +1 -0
  60. package/dist/esm/hooks/useGrid.js +32 -0
  61. package/dist/esm/hooks/useGrid.js.map +1 -0
  62. package/dist/esm/hooks/useLegend.js +46 -0
  63. package/dist/esm/hooks/useLegend.js.map +1 -0
  64. package/dist/esm/hooks/useSeries.js +99 -0
  65. package/dist/esm/hooks/useSeries.js.map +1 -0
  66. package/dist/esm/hooks/useVizTheme.js.map +1 -1
  67. package/dist/esm/hooks/useXAxis.js +29 -0
  68. package/dist/esm/hooks/useXAxis.js.map +1 -0
  69. package/dist/esm/hooks/useYAxis.js +42 -0
  70. package/dist/esm/hooks/useYAxis.js.map +1 -0
  71. package/dist/esm/index.js +2 -0
  72. package/dist/esm/index.js.map +1 -1
  73. package/dist/esm/providers/Provider.js +8 -10
  74. package/dist/esm/providers/Provider.js.map +1 -1
  75. package/dist/esm/utils/getGroupKey.js +5 -0
  76. package/dist/esm/utils/getGroupKey.js.map +1 -0
  77. package/dist/esm/utils/getLegendIcon.js +7 -4
  78. package/dist/esm/utils/getLegendIcon.js.map +1 -1
  79. package/dist/esm/utils/getMeasure.js +14 -0
  80. package/dist/esm/utils/getMeasure.js.map +1 -0
  81. package/dist/esm/utils/registerTheme.js +85 -0
  82. package/dist/esm/utils/registerTheme.js.map +1 -0
  83. package/dist/types/index.d.ts +116 -79
  84. package/package.json +3 -3
  85. package/dist/cjs/components/BaseChart/BaseChart.styles.cjs.map +0 -1
  86. package/dist/cjs/utils/registerThemes.cjs +0 -106
  87. package/dist/cjs/utils/registerThemes.cjs.map +0 -1
  88. package/dist/esm/components/BaseChart/BaseChart.styles.js.map +0 -1
  89. package/dist/esm/utils/registerThemes.js +0 -87
  90. package/dist/esm/utils/registerThemes.js.map +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-viz",
3
- "version": "5.2.8",
3
+ "version": "5.3.1",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "Contributed React visualization components for the NEXT UI Kit.",
@@ -33,7 +33,7 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@emotion/css": "^11.11.0",
36
- "@hitachivantara/uikit-react-core": "^5.19.1"
36
+ "@hitachivantara/uikit-react-core": "^5.19.3"
37
37
  },
38
38
  "files": [
39
39
  "dist"
@@ -42,7 +42,7 @@
42
42
  "access": "public",
43
43
  "directory": "package"
44
44
  },
45
- "gitHead": "dbc404043e5ecb0c21d3765e6e191d0595d99122",
45
+ "gitHead": "c8cdaf6566d4876c3e069804b1d860619dcfc07e",
46
46
  "main": "dist/cjs/index.cjs",
47
47
  "exports": {
48
48
  ".": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseChart.styles.cjs","sources":["../../../../src/components/BaseChart/BaseChart.styles.tsx"],"sourcesContent":["import { theme, createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBaseChart\", {\n /** Single tooltip styles */\n singleTooltipRoot: {\n width: \"fit-content\",\n boxShadow: theme.colors.shadow,\n backgroundColor: theme.colors.atmo1,\n padding: theme.space.sm,\n display: \"flex\",\n },\n singleTooltipTitle: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.semibold,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n },\n singleTooltipValue: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.normal,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n marginLeft: theme.space.xs,\n },\n /** Multiple tooltip styles */\n multipleTooltipRoot: {\n width: \"fit-content\",\n boxShadow: theme.colors.shadow,\n backgroundColor: theme.colors.atmo1,\n },\n multipleTooltipTitleContainer: {\n padding: `15px ${theme.space.sm}`,\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n multipleTooltipTitle: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.semibold,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n },\n multipleTooltipValuesContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n padding: theme.space.sm,\n\n \"& > *:not(:last-child)\": { paddingBottom: theme.space.sm },\n },\n multipleTooltipSeriesContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n multipleTooltipSeriesNameContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n marginRight: theme.space.sm,\n },\n multipleTooltipSeriesColor: {\n width: \"10px\",\n height: \"10px\",\n marginRight: \"5px\",\n },\n multipleTooltipSeriesName: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.semibold,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n },\n multipleTooltipSeriesValue: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.normal,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n },\n});\n"],"names":["useClasses","staticClasses","createClasses","singleTooltipRoot","width","boxShadow","theme","colors","shadow","backgroundColor","atmo1","padding","space","sm","display","singleTooltipTitle","fontFamily","body","fontWeight","fontWeights","semibold","fontSize","fontSizes","color","secondary","singleTooltipValue","normal","marginLeft","xs","multipleTooltipRoot","multipleTooltipTitleContainer","borderBottom","atmo2","multipleTooltipTitle","multipleTooltipValuesContainer","flexDirection","paddingBottom","multipleTooltipSeriesContainer","justifyContent","alignItems","multipleTooltipSeriesNameContainer","marginRight","multipleTooltipSeriesColor","height","multipleTooltipSeriesName","multipleTooltipSeriesValue"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,eAAAA,cAAc,eAAe;AAAA;AAAA,EAExEC,mBAAmB;AAAA,IACjBC,OAAO;AAAA,IACPC,WAAWC,eAAAA,MAAMC,OAAOC;AAAAA,IACxBC,iBAAiBH,eAAAA,MAAMC,OAAOG;AAAAA,IAC9BC,SAASL,eAAAA,MAAMM,MAAMC;AAAAA,IACrBC,SAAS;AAAA,EACX;AAAA,EACAC,oBAAoB;AAAA,IAClBC,YAAYV,eAAAA,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,eAAAA,MAAMa,YAAYC;AAAAA,IAC9BC,UAAUf,eAAAA,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,eAAAA,MAAMC,OAAOiB;AAAAA,EACtB;AAAA,EACAC,oBAAoB;AAAA,IAClBT,YAAYV,eAAAA,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,eAAAA,MAAMa,YAAYO;AAAAA,IAC9BL,UAAUf,eAAAA,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,eAAAA,MAAMC,OAAOiB;AAAAA,IACpBG,YAAYrB,eAAAA,MAAMM,MAAMgB;AAAAA,EAC1B;AAAA;AAAA,EAEAC,qBAAqB;AAAA,IACnBzB,OAAO;AAAA,IACPC,WAAWC,eAAAA,MAAMC,OAAOC;AAAAA,IACxBC,iBAAiBH,eAAAA,MAAMC,OAAOG;AAAAA,EAChC;AAAA,EACAoB,+BAA+B;AAAA,IAC7BnB,SAAU,QAAOL,eAAAA,MAAMM,MAAMC;AAAAA,IAC7BkB,cAAe,aAAYzB,eAAAA,MAAMC,OAAOyB;AAAAA,EAC1C;AAAA,EACAC,sBAAsB;AAAA,IACpBjB,YAAYV,eAAAA,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,eAAAA,MAAMa,YAAYC;AAAAA,IAC9BC,UAAUf,eAAAA,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,eAAAA,MAAMC,OAAOiB;AAAAA,EACtB;AAAA,EACAU,gCAAgC;AAAA,IAC9BpB,SAAS;AAAA,IACTqB,eAAe;AAAA,IACfxB,SAASL,eAAAA,MAAMM,MAAMC;AAAAA,IAErB,0BAA0B;AAAA,MAAEuB,eAAe9B,eAAAA,MAAMM,MAAMC;AAAAA,IAAG;AAAA,EAC5D;AAAA,EACAwB,gCAAgC;AAAA,IAC9BvB,SAAS;AAAA,IACTqB,eAAe;AAAA,IACfG,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,oCAAoC;AAAA,IAClC1B,SAAS;AAAA,IACTqB,eAAe;AAAA,IACfI,YAAY;AAAA,IACZE,aAAanC,eAAAA,MAAMM,MAAMC;AAAAA,EAC3B;AAAA,EACA6B,4BAA4B;AAAA,IAC1BtC,OAAO;AAAA,IACPuC,QAAQ;AAAA,IACRF,aAAa;AAAA,EACf;AAAA,EACAG,2BAA2B;AAAA,IACzB5B,YAAYV,eAAAA,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,eAAAA,MAAMa,YAAYC;AAAAA,IAC9BC,UAAUf,eAAAA,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,eAAAA,MAAMC,OAAOiB;AAAAA,EACtB;AAAA,EACAqB,4BAA4B;AAAA,IAC1B7B,YAAYV,eAAAA,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,eAAAA,MAAMa,YAAYO;AAAAA,IAC9BL,UAAUf,eAAAA,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,eAAAA,MAAMC,OAAOiB;AAAAA,EACtB;AACF,CAAC;;;"}
@@ -1,106 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const echarts = require("echarts/core");
4
- function _interopNamespace(e) {
5
- if (e && e.__esModule)
6
- return e;
7
- const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
8
- if (e) {
9
- for (const k in e) {
10
- if (k !== "default") {
11
- const d = Object.getOwnPropertyDescriptor(e, k);
12
- Object.defineProperty(n, k, d.get ? d : {
13
- enumerable: true,
14
- get: () => e[k]
15
- });
16
- }
17
- }
18
- }
19
- n.default = e;
20
- return Object.freeze(n);
21
- }
22
- const echarts__namespace = /* @__PURE__ */ _interopNamespace(echarts);
23
- const registerThemes = (themeName, modes, themeStructure) => {
24
- modes.forEach((mode) => {
25
- const baseText = {
26
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].secondary,
27
- fontWeight: themeStructure == null ? void 0 : themeStructure.fontWeights.normal,
28
- fontSize: themeStructure == null ? void 0 : themeStructure.fontSizes.sm,
29
- fontFamily: themeStructure == null ? void 0 : themeStructure.fontFamily.body
30
- };
31
- const customAxis = {
32
- nameTextStyle: {
33
- ...baseText
34
- },
35
- axisLine: {
36
- show: true,
37
- lineStyle: {
38
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].atmo3
39
- }
40
- },
41
- axisTick: {
42
- show: true,
43
- lineStyle: {
44
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].atmo3
45
- }
46
- },
47
- axisLabel: {
48
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].secondary_80,
49
- fontWeight: themeStructure == null ? void 0 : themeStructure.fontWeights.normal,
50
- fontSize: themeStructure == null ? void 0 : themeStructure.fontSizes.sm,
51
- fontFamily: themeStructure == null ? void 0 : themeStructure.fontFamily.body
52
- },
53
- splitLine: {
54
- show: true,
55
- lineStyle: {
56
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].atmo3
57
- }
58
- }
59
- };
60
- echarts__namespace.registerTheme(`${themeName}-${mode}`, {
61
- color: [themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat1, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat2, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat3, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat4, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat5, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat6, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat7, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat8, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat9, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat10, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat11, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat12],
62
- legend: {
63
- textStyle: {
64
- ...baseText
65
- }
66
- },
67
- tooltip: {
68
- borderWidth: 0,
69
- padding: 0,
70
- textStyle: {
71
- ...baseText
72
- },
73
- axisPointer: {
74
- lineStyle: {
75
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].secondary,
76
- width: 1
77
- }
78
- }
79
- },
80
- dataZoom: {
81
- textStyle: {
82
- ...baseText
83
- }
84
- },
85
- categoryAxis: {
86
- ...customAxis
87
- },
88
- valueAxis: {
89
- ...customAxis
90
- },
91
- logAxis: {
92
- ...customAxis
93
- },
94
- timeAxis: {
95
- ...customAxis
96
- },
97
- line: {
98
- lineStyle: {
99
- width: 2
100
- }
101
- }
102
- });
103
- });
104
- };
105
- exports.registerThemes = registerThemes;
106
- //# sourceMappingURL=registerThemes.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerThemes.cjs","sources":["../../../src/utils/registerThemes.ts"],"sourcesContent":["import { HvTheme } from \"@hitachivantara/uikit-react-core\";\nimport * as echarts from \"echarts/core\";\n\nexport const registerThemes = (\n themeName: string,\n modes: string[],\n themeStructure?: HvTheme\n) => {\n modes.forEach((mode) => {\n const baseText = {\n color: themeStructure?.colors.modes[mode].secondary,\n fontWeight: themeStructure?.fontWeights.normal,\n fontSize: themeStructure?.fontSizes.sm,\n fontFamily: themeStructure?.fontFamily.body,\n };\n\n const customAxis = {\n nameTextStyle: {\n ...baseText,\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: themeStructure?.colors.modes[mode].atmo3,\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeStructure?.colors.modes[mode].atmo3,\n },\n },\n axisLabel: {\n color: themeStructure?.colors.modes[mode].secondary_80,\n fontWeight: themeStructure?.fontWeights.normal,\n fontSize: themeStructure?.fontSizes.sm,\n fontFamily: themeStructure?.fontFamily.body,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: themeStructure?.colors.modes[mode].atmo3,\n },\n },\n };\n\n echarts.registerTheme(`${themeName}-${mode}`, {\n color: [\n themeStructure?.colors.modes[mode].cat1,\n themeStructure?.colors.modes[mode].cat2,\n themeStructure?.colors.modes[mode].cat3,\n themeStructure?.colors.modes[mode].cat4,\n themeStructure?.colors.modes[mode].cat5,\n themeStructure?.colors.modes[mode].cat6,\n themeStructure?.colors.modes[mode].cat7,\n themeStructure?.colors.modes[mode].cat8,\n themeStructure?.colors.modes[mode].cat9,\n themeStructure?.colors.modes[mode].cat10,\n themeStructure?.colors.modes[mode].cat11,\n themeStructure?.colors.modes[mode].cat12,\n ],\n legend: {\n textStyle: {\n ...baseText,\n },\n },\n tooltip: {\n borderWidth: 0,\n padding: 0,\n textStyle: {\n ...baseText,\n },\n axisPointer: {\n lineStyle: {\n color: themeStructure?.colors.modes[mode].secondary,\n width: 1,\n },\n },\n },\n dataZoom: {\n textStyle: { ...baseText },\n },\n categoryAxis: {\n ...customAxis,\n },\n valueAxis: {\n ...customAxis,\n },\n logAxis: {\n ...customAxis,\n },\n timeAxis: {\n ...customAxis,\n },\n line: {\n lineStyle: {\n width: 2,\n },\n },\n });\n });\n};\n"],"names":["registerThemes","themeName","modes","themeStructure","forEach","mode","baseText","color","colors","secondary","fontWeight","fontWeights","normal","fontSize","fontSizes","sm","fontFamily","body","customAxis","nameTextStyle","axisLine","show","lineStyle","atmo3","axisTick","axisLabel","secondary_80","splitLine","registerTheme","cat1","cat2","cat3","cat4","cat5","cat6","cat7","cat8","cat9","cat10","cat11","cat12","legend","textStyle","tooltip","borderWidth","padding","axisPointer","width","dataZoom","categoryAxis","valueAxis","logAxis","timeAxis","line"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGO,MAAMA,iBAAiBA,CAC5BC,WACAC,OACAC,mBACG;AACHD,QAAME,QAASC,CAAS,SAAA;AACtB,UAAMC,WAAW;AAAA,MACfC,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMI;AAAAA,MAC1CC,YAAYP,iDAAgBQ,YAAYC;AAAAA,MACxCC,UAAUV,iDAAgBW,UAAUC;AAAAA,MACpCC,YAAYb,iDAAgBa,WAAWC;AAAAA,IAAAA;AAGzC,UAAMC,aAAa;AAAA,MACjBC,eAAe;AAAA,QACb,GAAGb;AAAAA,MACL;AAAA,MACAc,UAAU;AAAA,QACRC,MAAM;AAAA,QACNC,WAAW;AAAA,UACTf,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMkB;AAAAA,QAC5C;AAAA,MACF;AAAA,MACAC,UAAU;AAAA,QACRH,MAAM;AAAA,QACNC,WAAW;AAAA,UACTf,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMkB;AAAAA,QAC5C;AAAA,MACF;AAAA,MACAE,WAAW;AAAA,QACTlB,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMqB;AAAAA,QAC1ChB,YAAYP,iDAAgBQ,YAAYC;AAAAA,QACxCC,UAAUV,iDAAgBW,UAAUC;AAAAA,QACpCC,YAAYb,iDAAgBa,WAAWC;AAAAA,MACzC;AAAA,MACAU,WAAW;AAAA,QACTN,MAAM;AAAA,QACNC,WAAW;AAAA,UACTf,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMkB;AAAAA,QAC5C;AAAA,MACF;AAAA,IAAA;AAGMK,uBAAAA,cAAe,GAAE3B,aAAaI,QAAQ;AAAA,MAC5CE,OAAO,CACLJ,iDAAgBK,OAAON,MAAMG,MAAMwB,MACnC1B,iDAAgBK,OAAON,MAAMG,MAAMyB,MACnC3B,iDAAgBK,OAAON,MAAMG,MAAM0B,MACnC5B,iDAAgBK,OAAON,MAAMG,MAAM2B,MACnC7B,iDAAgBK,OAAON,MAAMG,MAAM4B,MACnC9B,iDAAgBK,OAAON,MAAMG,MAAM6B,MACnC/B,iDAAgBK,OAAON,MAAMG,MAAM8B,MACnChC,iDAAgBK,OAAON,MAAMG,MAAM+B,MACnCjC,iDAAgBK,OAAON,MAAMG,MAAMgC,MACnClC,iDAAgBK,OAAON,MAAMG,MAAMiC,OACnCnC,iDAAgBK,OAAON,MAAMG,MAAMkC,OACnCpC,iDAAgBK,OAAON,MAAMG,MAAMmC,KAAK;AAAA,MAE1CC,QAAQ;AAAA,QACNC,WAAW;AAAA,UACT,GAAGpC;AAAAA,QACL;AAAA,MACF;AAAA,MACAqC,SAAS;AAAA,QACPC,aAAa;AAAA,QACbC,SAAS;AAAA,QACTH,WAAW;AAAA,UACT,GAAGpC;AAAAA,QACL;AAAA,QACAwC,aAAa;AAAA,UACXxB,WAAW;AAAA,YACTf,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMI;AAAAA,YAC1CsC,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,MACAC,UAAU;AAAA,QACRN,WAAW;AAAA,UAAE,GAAGpC;AAAAA,QAAS;AAAA,MAC3B;AAAA,MACA2C,cAAc;AAAA,QACZ,GAAG/B;AAAAA,MACL;AAAA,MACAgC,WAAW;AAAA,QACT,GAAGhC;AAAAA,MACL;AAAA,MACAiC,SAAS;AAAA,QACP,GAAGjC;AAAAA,MACL;AAAA,MACAkC,UAAU;AAAA,QACR,GAAGlC;AAAAA,MACL;AAAA,MACAmC,MAAM;AAAA,QACJ/B,WAAW;AAAA,UACTyB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"BaseChart.styles.js","sources":["../../../../src/components/BaseChart/BaseChart.styles.tsx"],"sourcesContent":["import { theme, createClasses } from \"@hitachivantara/uikit-react-core\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvBaseChart\", {\n /** Single tooltip styles */\n singleTooltipRoot: {\n width: \"fit-content\",\n boxShadow: theme.colors.shadow,\n backgroundColor: theme.colors.atmo1,\n padding: theme.space.sm,\n display: \"flex\",\n },\n singleTooltipTitle: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.semibold,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n },\n singleTooltipValue: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.normal,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n marginLeft: theme.space.xs,\n },\n /** Multiple tooltip styles */\n multipleTooltipRoot: {\n width: \"fit-content\",\n boxShadow: theme.colors.shadow,\n backgroundColor: theme.colors.atmo1,\n },\n multipleTooltipTitleContainer: {\n padding: `15px ${theme.space.sm}`,\n borderBottom: `3px solid ${theme.colors.atmo2}`,\n },\n multipleTooltipTitle: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.semibold,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n },\n multipleTooltipValuesContainer: {\n display: \"flex\",\n flexDirection: \"column\",\n padding: theme.space.sm,\n\n \"& > *:not(:last-child)\": { paddingBottom: theme.space.sm },\n },\n multipleTooltipSeriesContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n },\n multipleTooltipSeriesNameContainer: {\n display: \"flex\",\n flexDirection: \"row\",\n alignItems: \"center\",\n marginRight: theme.space.sm,\n },\n multipleTooltipSeriesColor: {\n width: \"10px\",\n height: \"10px\",\n marginRight: \"5px\",\n },\n multipleTooltipSeriesName: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.semibold,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n },\n multipleTooltipSeriesValue: {\n fontFamily: theme.fontFamily.body,\n fontWeight: theme.fontWeights.normal,\n fontSize: theme.fontSizes.sm,\n color: theme.colors.secondary,\n },\n});\n"],"names":["useClasses","staticClasses","createClasses","singleTooltipRoot","width","boxShadow","theme","colors","shadow","backgroundColor","atmo1","padding","space","sm","display","singleTooltipTitle","fontFamily","body","fontWeight","fontWeights","semibold","fontSize","fontSizes","color","secondary","singleTooltipValue","normal","marginLeft","xs","multipleTooltipRoot","multipleTooltipTitleContainer","borderBottom","atmo2","multipleTooltipTitle","multipleTooltipValuesContainer","flexDirection","paddingBottom","multipleTooltipSeriesContainer","justifyContent","alignItems","multipleTooltipSeriesNameContainer","marginRight","multipleTooltipSeriesColor","height","multipleTooltipSeriesName","multipleTooltipSeriesValue"],"mappings":";AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAYC;AAAc,IAAIC,cAAc,eAAe;AAAA;AAAA,EAExEC,mBAAmB;AAAA,IACjBC,OAAO;AAAA,IACPC,WAAWC,MAAMC,OAAOC;AAAAA,IACxBC,iBAAiBH,MAAMC,OAAOG;AAAAA,IAC9BC,SAASL,MAAMM,MAAMC;AAAAA,IACrBC,SAAS;AAAA,EACX;AAAA,EACAC,oBAAoB;AAAA,IAClBC,YAAYV,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,MAAMa,YAAYC;AAAAA,IAC9BC,UAAUf,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,MAAMC,OAAOiB;AAAAA,EACtB;AAAA,EACAC,oBAAoB;AAAA,IAClBT,YAAYV,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,MAAMa,YAAYO;AAAAA,IAC9BL,UAAUf,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,MAAMC,OAAOiB;AAAAA,IACpBG,YAAYrB,MAAMM,MAAMgB;AAAAA,EAC1B;AAAA;AAAA,EAEAC,qBAAqB;AAAA,IACnBzB,OAAO;AAAA,IACPC,WAAWC,MAAMC,OAAOC;AAAAA,IACxBC,iBAAiBH,MAAMC,OAAOG;AAAAA,EAChC;AAAA,EACAoB,+BAA+B;AAAA,IAC7BnB,SAAU,QAAOL,MAAMM,MAAMC;AAAAA,IAC7BkB,cAAe,aAAYzB,MAAMC,OAAOyB;AAAAA,EAC1C;AAAA,EACAC,sBAAsB;AAAA,IACpBjB,YAAYV,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,MAAMa,YAAYC;AAAAA,IAC9BC,UAAUf,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,MAAMC,OAAOiB;AAAAA,EACtB;AAAA,EACAU,gCAAgC;AAAA,IAC9BpB,SAAS;AAAA,IACTqB,eAAe;AAAA,IACfxB,SAASL,MAAMM,MAAMC;AAAAA,IAErB,0BAA0B;AAAA,MAAEuB,eAAe9B,MAAMM,MAAMC;AAAAA,IAAG;AAAA,EAC5D;AAAA,EACAwB,gCAAgC;AAAA,IAC9BvB,SAAS;AAAA,IACTqB,eAAe;AAAA,IACfG,gBAAgB;AAAA,IAChBC,YAAY;AAAA,EACd;AAAA,EACAC,oCAAoC;AAAA,IAClC1B,SAAS;AAAA,IACTqB,eAAe;AAAA,IACfI,YAAY;AAAA,IACZE,aAAanC,MAAMM,MAAMC;AAAAA,EAC3B;AAAA,EACA6B,4BAA4B;AAAA,IAC1BtC,OAAO;AAAA,IACPuC,QAAQ;AAAA,IACRF,aAAa;AAAA,EACf;AAAA,EACAG,2BAA2B;AAAA,IACzB5B,YAAYV,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,MAAMa,YAAYC;AAAAA,IAC9BC,UAAUf,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,MAAMC,OAAOiB;AAAAA,EACtB;AAAA,EACAqB,4BAA4B;AAAA,IAC1B7B,YAAYV,MAAMU,WAAWC;AAAAA,IAC7BC,YAAYZ,MAAMa,YAAYO;AAAAA,IAC9BL,UAAUf,MAAMgB,UAAUT;AAAAA,IAC1BU,OAAOjB,MAAMC,OAAOiB;AAAAA,EACtB;AACF,CAAC;"}
@@ -1,87 +0,0 @@
1
- import * as echarts from "echarts/core";
2
- const registerThemes = (themeName, modes, themeStructure) => {
3
- modes.forEach((mode) => {
4
- const baseText = {
5
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].secondary,
6
- fontWeight: themeStructure == null ? void 0 : themeStructure.fontWeights.normal,
7
- fontSize: themeStructure == null ? void 0 : themeStructure.fontSizes.sm,
8
- fontFamily: themeStructure == null ? void 0 : themeStructure.fontFamily.body
9
- };
10
- const customAxis = {
11
- nameTextStyle: {
12
- ...baseText
13
- },
14
- axisLine: {
15
- show: true,
16
- lineStyle: {
17
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].atmo3
18
- }
19
- },
20
- axisTick: {
21
- show: true,
22
- lineStyle: {
23
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].atmo3
24
- }
25
- },
26
- axisLabel: {
27
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].secondary_80,
28
- fontWeight: themeStructure == null ? void 0 : themeStructure.fontWeights.normal,
29
- fontSize: themeStructure == null ? void 0 : themeStructure.fontSizes.sm,
30
- fontFamily: themeStructure == null ? void 0 : themeStructure.fontFamily.body
31
- },
32
- splitLine: {
33
- show: true,
34
- lineStyle: {
35
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].atmo3
36
- }
37
- }
38
- };
39
- echarts.registerTheme(`${themeName}-${mode}`, {
40
- color: [themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat1, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat2, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat3, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat4, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat5, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat6, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat7, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat8, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat9, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat10, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat11, themeStructure == null ? void 0 : themeStructure.colors.modes[mode].cat12],
41
- legend: {
42
- textStyle: {
43
- ...baseText
44
- }
45
- },
46
- tooltip: {
47
- borderWidth: 0,
48
- padding: 0,
49
- textStyle: {
50
- ...baseText
51
- },
52
- axisPointer: {
53
- lineStyle: {
54
- color: themeStructure == null ? void 0 : themeStructure.colors.modes[mode].secondary,
55
- width: 1
56
- }
57
- }
58
- },
59
- dataZoom: {
60
- textStyle: {
61
- ...baseText
62
- }
63
- },
64
- categoryAxis: {
65
- ...customAxis
66
- },
67
- valueAxis: {
68
- ...customAxis
69
- },
70
- logAxis: {
71
- ...customAxis
72
- },
73
- timeAxis: {
74
- ...customAxis
75
- },
76
- line: {
77
- lineStyle: {
78
- width: 2
79
- }
80
- }
81
- });
82
- });
83
- };
84
- export {
85
- registerThemes
86
- };
87
- //# sourceMappingURL=registerThemes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"registerThemes.js","sources":["../../../src/utils/registerThemes.ts"],"sourcesContent":["import { HvTheme } from \"@hitachivantara/uikit-react-core\";\nimport * as echarts from \"echarts/core\";\n\nexport const registerThemes = (\n themeName: string,\n modes: string[],\n themeStructure?: HvTheme\n) => {\n modes.forEach((mode) => {\n const baseText = {\n color: themeStructure?.colors.modes[mode].secondary,\n fontWeight: themeStructure?.fontWeights.normal,\n fontSize: themeStructure?.fontSizes.sm,\n fontFamily: themeStructure?.fontFamily.body,\n };\n\n const customAxis = {\n nameTextStyle: {\n ...baseText,\n },\n axisLine: {\n show: true,\n lineStyle: {\n color: themeStructure?.colors.modes[mode].atmo3,\n },\n },\n axisTick: {\n show: true,\n lineStyle: {\n color: themeStructure?.colors.modes[mode].atmo3,\n },\n },\n axisLabel: {\n color: themeStructure?.colors.modes[mode].secondary_80,\n fontWeight: themeStructure?.fontWeights.normal,\n fontSize: themeStructure?.fontSizes.sm,\n fontFamily: themeStructure?.fontFamily.body,\n },\n splitLine: {\n show: true,\n lineStyle: {\n color: themeStructure?.colors.modes[mode].atmo3,\n },\n },\n };\n\n echarts.registerTheme(`${themeName}-${mode}`, {\n color: [\n themeStructure?.colors.modes[mode].cat1,\n themeStructure?.colors.modes[mode].cat2,\n themeStructure?.colors.modes[mode].cat3,\n themeStructure?.colors.modes[mode].cat4,\n themeStructure?.colors.modes[mode].cat5,\n themeStructure?.colors.modes[mode].cat6,\n themeStructure?.colors.modes[mode].cat7,\n themeStructure?.colors.modes[mode].cat8,\n themeStructure?.colors.modes[mode].cat9,\n themeStructure?.colors.modes[mode].cat10,\n themeStructure?.colors.modes[mode].cat11,\n themeStructure?.colors.modes[mode].cat12,\n ],\n legend: {\n textStyle: {\n ...baseText,\n },\n },\n tooltip: {\n borderWidth: 0,\n padding: 0,\n textStyle: {\n ...baseText,\n },\n axisPointer: {\n lineStyle: {\n color: themeStructure?.colors.modes[mode].secondary,\n width: 1,\n },\n },\n },\n dataZoom: {\n textStyle: { ...baseText },\n },\n categoryAxis: {\n ...customAxis,\n },\n valueAxis: {\n ...customAxis,\n },\n logAxis: {\n ...customAxis,\n },\n timeAxis: {\n ...customAxis,\n },\n line: {\n lineStyle: {\n width: 2,\n },\n },\n });\n });\n};\n"],"names":["registerThemes","themeName","modes","themeStructure","forEach","mode","baseText","color","colors","secondary","fontWeight","fontWeights","normal","fontSize","fontSizes","sm","fontFamily","body","customAxis","nameTextStyle","axisLine","show","lineStyle","atmo3","axisTick","axisLabel","secondary_80","splitLine","registerTheme","cat1","cat2","cat3","cat4","cat5","cat6","cat7","cat8","cat9","cat10","cat11","cat12","legend","textStyle","tooltip","borderWidth","padding","axisPointer","width","dataZoom","categoryAxis","valueAxis","logAxis","timeAxis","line"],"mappings":";AAGO,MAAMA,iBAAiBA,CAC5BC,WACAC,OACAC,mBACG;AACHD,QAAME,QAASC,CAAS,SAAA;AACtB,UAAMC,WAAW;AAAA,MACfC,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMI;AAAAA,MAC1CC,YAAYP,iDAAgBQ,YAAYC;AAAAA,MACxCC,UAAUV,iDAAgBW,UAAUC;AAAAA,MACpCC,YAAYb,iDAAgBa,WAAWC;AAAAA,IAAAA;AAGzC,UAAMC,aAAa;AAAA,MACjBC,eAAe;AAAA,QACb,GAAGb;AAAAA,MACL;AAAA,MACAc,UAAU;AAAA,QACRC,MAAM;AAAA,QACNC,WAAW;AAAA,UACTf,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMkB;AAAAA,QAC5C;AAAA,MACF;AAAA,MACAC,UAAU;AAAA,QACRH,MAAM;AAAA,QACNC,WAAW;AAAA,UACTf,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMkB;AAAAA,QAC5C;AAAA,MACF;AAAA,MACAE,WAAW;AAAA,QACTlB,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMqB;AAAAA,QAC1ChB,YAAYP,iDAAgBQ,YAAYC;AAAAA,QACxCC,UAAUV,iDAAgBW,UAAUC;AAAAA,QACpCC,YAAYb,iDAAgBa,WAAWC;AAAAA,MACzC;AAAA,MACAU,WAAW;AAAA,QACTN,MAAM;AAAA,QACNC,WAAW;AAAA,UACTf,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMkB;AAAAA,QAC5C;AAAA,MACF;AAAA,IAAA;AAGMK,YAAAA,cAAe,GAAE3B,aAAaI,QAAQ;AAAA,MAC5CE,OAAO,CACLJ,iDAAgBK,OAAON,MAAMG,MAAMwB,MACnC1B,iDAAgBK,OAAON,MAAMG,MAAMyB,MACnC3B,iDAAgBK,OAAON,MAAMG,MAAM0B,MACnC5B,iDAAgBK,OAAON,MAAMG,MAAM2B,MACnC7B,iDAAgBK,OAAON,MAAMG,MAAM4B,MACnC9B,iDAAgBK,OAAON,MAAMG,MAAM6B,MACnC/B,iDAAgBK,OAAON,MAAMG,MAAM8B,MACnChC,iDAAgBK,OAAON,MAAMG,MAAM+B,MACnCjC,iDAAgBK,OAAON,MAAMG,MAAMgC,MACnClC,iDAAgBK,OAAON,MAAMG,MAAMiC,OACnCnC,iDAAgBK,OAAON,MAAMG,MAAMkC,OACnCpC,iDAAgBK,OAAON,MAAMG,MAAMmC,KAAK;AAAA,MAE1CC,QAAQ;AAAA,QACNC,WAAW;AAAA,UACT,GAAGpC;AAAAA,QACL;AAAA,MACF;AAAA,MACAqC,SAAS;AAAA,QACPC,aAAa;AAAA,QACbC,SAAS;AAAA,QACTH,WAAW;AAAA,UACT,GAAGpC;AAAAA,QACL;AAAA,QACAwC,aAAa;AAAA,UACXxB,WAAW;AAAA,YACTf,OAAOJ,iDAAgBK,OAAON,MAAMG,MAAMI;AAAAA,YAC1CsC,OAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,MACAC,UAAU;AAAA,QACRN,WAAW;AAAA,UAAE,GAAGpC;AAAAA,QAAS;AAAA,MAC3B;AAAA,MACA2C,cAAc;AAAA,QACZ,GAAG/B;AAAAA,MACL;AAAA,MACAgC,WAAW;AAAA,QACT,GAAGhC;AAAAA,MACL;AAAA,MACAiC,SAAS;AAAA,QACP,GAAGjC;AAAAA,MACL;AAAA,MACAkC,UAAU;AAAA,QACR,GAAGlC;AAAAA,MACL;AAAA,MACAmC,MAAM;AAAA,QACJ/B,WAAW;AAAA,UACTyB,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;"}