@hitachivantara/uikit-react-viz 5.2.2 → 5.2.4
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.
- package/dist/cjs/providers/Provider.cjs +1 -4
- package/dist/cjs/providers/Provider.cjs.map +1 -1
- package/dist/cjs/utils/registerThemes.cjs +1 -1
- package/dist/cjs/utils/registerThemes.cjs.map +1 -1
- package/dist/esm/providers/Provider.js +2 -5
- package/dist/esm/providers/Provider.js.map +1 -1
- package/dist/esm/utils/registerThemes.js +1 -1
- package/dist/esm/utils/registerThemes.js.map +1 -1
- package/package.json +3 -3
|
@@ -16,13 +16,10 @@ const HvVizProvider = ({
|
|
|
16
16
|
selectedMode,
|
|
17
17
|
selectedTheme
|
|
18
18
|
} = uikitReactCore.useTheme();
|
|
19
|
-
const [theme, setTheme] = react.useState();
|
|
20
19
|
react.useEffect(() => {
|
|
21
20
|
registerThemes.registerThemes(selectedTheme, colorModes, activeTheme);
|
|
22
21
|
}, [selectedTheme, colorModes, activeTheme]);
|
|
23
|
-
react.
|
|
24
|
-
setTheme(`${selectedTheme}-${selectedMode}`);
|
|
25
|
-
}, [selectedMode, selectedTheme]);
|
|
22
|
+
const theme = react.useMemo(() => `${selectedTheme}-${selectedMode}`, [selectedMode, selectedTheme]);
|
|
26
23
|
const value = react.useMemo(() => ({
|
|
27
24
|
theme
|
|
28
25
|
}), [theme]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { useTheme } from \"@hitachivantara/uikit-react-core\";\nimport { registerThemes } from \"@viz/utils\";\nimport { createContext, useEffect, useMemo
|
|
1
|
+
{"version":3,"file":"Provider.cjs","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { useTheme } from \"@hitachivantara/uikit-react-core\";\nimport { registerThemes } from \"@viz/utils\";\nimport { createContext, useEffect, useMemo } from \"react\";\n\nexport interface HvVizContextValue {\n /**\n * Current theme\n */\n theme?: string;\n}\n\nexport const HvVizContext = createContext<HvVizContextValue>({\n theme: undefined,\n});\n\nexport interface HvVizProviderProps {\n /**\n * Component tree.\n */\n children?: React.ReactNode;\n}\n\n/**\n * Enables theming capabilities for visualizations.\n *\n * Without this provider the visualizations will not comply to the UI Kit themes.\n *\n * This provider should always be used in combination with the `HvProvider` from\n * the core package since the former uses the themes provided by the latter.\n *\n * `HvVizProvider` should always be used after `HvProvider` like so to work properly:\n *\n * ```\n * <HvProvider>\n * <HvVizProvider>\n * (...)\n * </HvVizProvider>\n * </HvProvider>\n * ```\n */\nexport const HvVizProvider = ({ children }: HvVizProviderProps) => {\n const { activeTheme, colorModes, selectedMode, selectedTheme } = useTheme();\n\n useEffect(() => {\n registerThemes(selectedTheme, colorModes, activeTheme);\n }, [selectedTheme, colorModes, activeTheme]);\n\n const theme = useMemo(\n () => `${selectedTheme}-${selectedMode}`,\n [selectedMode, selectedTheme]\n );\n\n const value = useMemo<HvVizContextValue>(\n () => ({\n theme,\n }),\n [theme]\n );\n\n return (\n <HvVizContext.Provider value={value}>{children}</HvVizContext.Provider>\n );\n};\n"],"names":["HvVizContext","createContext","theme","undefined","HvVizProvider","children","activeTheme","colorModes","selectedMode","selectedTheme","useTheme","useEffect","useMemo","value","_jsx","Provider"],"mappings":";;;;;;AAWO,MAAMA,eAAeC,MAAAA,cAAiC;AAAA,EAC3DC,OAAOC;AACT,CAAC;AA2BM,MAAMC,gBAAgBA,CAAC;AAAA,EAAEC;AAA6B,MAAM;AAC3D,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,IAAYC;AAAAA,IAAcC;AAAAA,MAAkBC,eAAS,SAAA;AAE1EC,QAAAA,UAAU,MAAM;AACCF,mBAAAA,eAAAA,eAAeF,YAAYD,WAAW;AAAA,EACpD,GAAA,CAACG,eAAeF,YAAYD,WAAW,CAAC;AAErCJ,QAAAA,QAAQU,MAAAA,QACZ,MAAO,GAAEH,iBAAiBD,gBAC1B,CAACA,cAAcC,aAAa,CAC9B;AAEMI,QAAAA,QAAQD,MAAAA,QACZ,OAAO;AAAA,IACLV;AAAAA,EAAAA,IAEF,CAACA,KAAK,CACR;AAGEY,SAAAA,2BAAAA,IAACd,aAAae,UAAQ;AAAA,IAACF;AAAAA,IAAaR;AAAAA,EAAAA,CAAkC;AAE1E;;;"}
|
|
@@ -58,7 +58,7 @@ const registerThemes = (themeName, modes, themeStructure) => {
|
|
|
58
58
|
}
|
|
59
59
|
};
|
|
60
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],
|
|
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
62
|
legend: {
|
|
63
63
|
textStyle: {
|
|
64
64
|
...baseText
|
|
@@ -1 +1 @@
|
|
|
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 ],\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","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,
|
|
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,6 +1,6 @@
|
|
|
1
1
|
import { useTheme } from "@hitachivantara/uikit-react-core";
|
|
2
2
|
import { registerThemes } from "../utils/registerThemes.js";
|
|
3
|
-
import { createContext,
|
|
3
|
+
import { createContext, useEffect, useMemo } from "react";
|
|
4
4
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
5
5
|
const HvVizContext = createContext({
|
|
6
6
|
theme: void 0
|
|
@@ -14,13 +14,10 @@ const HvVizProvider = ({
|
|
|
14
14
|
selectedMode,
|
|
15
15
|
selectedTheme
|
|
16
16
|
} = useTheme();
|
|
17
|
-
const [theme, setTheme] = useState();
|
|
18
17
|
useEffect(() => {
|
|
19
18
|
registerThemes(selectedTheme, colorModes, activeTheme);
|
|
20
19
|
}, [selectedTheme, colorModes, activeTheme]);
|
|
21
|
-
|
|
22
|
-
setTheme(`${selectedTheme}-${selectedMode}`);
|
|
23
|
-
}, [selectedMode, selectedTheme]);
|
|
20
|
+
const theme = useMemo(() => `${selectedTheme}-${selectedMode}`, [selectedMode, selectedTheme]);
|
|
24
21
|
const value = useMemo(() => ({
|
|
25
22
|
theme
|
|
26
23
|
}), [theme]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { useTheme } from \"@hitachivantara/uikit-react-core\";\nimport { registerThemes } from \"@viz/utils\";\nimport { createContext, useEffect, useMemo
|
|
1
|
+
{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import { useTheme } from \"@hitachivantara/uikit-react-core\";\nimport { registerThemes } from \"@viz/utils\";\nimport { createContext, useEffect, useMemo } from \"react\";\n\nexport interface HvVizContextValue {\n /**\n * Current theme\n */\n theme?: string;\n}\n\nexport const HvVizContext = createContext<HvVizContextValue>({\n theme: undefined,\n});\n\nexport interface HvVizProviderProps {\n /**\n * Component tree.\n */\n children?: React.ReactNode;\n}\n\n/**\n * Enables theming capabilities for visualizations.\n *\n * Without this provider the visualizations will not comply to the UI Kit themes.\n *\n * This provider should always be used in combination with the `HvProvider` from\n * the core package since the former uses the themes provided by the latter.\n *\n * `HvVizProvider` should always be used after `HvProvider` like so to work properly:\n *\n * ```\n * <HvProvider>\n * <HvVizProvider>\n * (...)\n * </HvVizProvider>\n * </HvProvider>\n * ```\n */\nexport const HvVizProvider = ({ children }: HvVizProviderProps) => {\n const { activeTheme, colorModes, selectedMode, selectedTheme } = useTheme();\n\n useEffect(() => {\n registerThemes(selectedTheme, colorModes, activeTheme);\n }, [selectedTheme, colorModes, activeTheme]);\n\n const theme = useMemo(\n () => `${selectedTheme}-${selectedMode}`,\n [selectedMode, selectedTheme]\n );\n\n const value = useMemo<HvVizContextValue>(\n () => ({\n theme,\n }),\n [theme]\n );\n\n return (\n <HvVizContext.Provider value={value}>{children}</HvVizContext.Provider>\n );\n};\n"],"names":["HvVizContext","createContext","theme","undefined","HvVizProvider","children","activeTheme","colorModes","selectedMode","selectedTheme","useTheme","useEffect","useMemo","value","_jsx","Provider"],"mappings":";;;;AAWO,MAAMA,eAAeC,cAAiC;AAAA,EAC3DC,OAAOC;AACT,CAAC;AA2BM,MAAMC,gBAAgBA,CAAC;AAAA,EAAEC;AAA6B,MAAM;AAC3D,QAAA;AAAA,IAAEC;AAAAA,IAAaC;AAAAA,IAAYC;AAAAA,IAAcC;AAAAA,MAAkBC,SAAS;AAE1EC,YAAU,MAAM;AACCF,mBAAAA,eAAeF,YAAYD,WAAW;AAAA,EACpD,GAAA,CAACG,eAAeF,YAAYD,WAAW,CAAC;AAErCJ,QAAAA,QAAQU,QACZ,MAAO,GAAEH,iBAAiBD,gBAC1B,CAACA,cAAcC,aAAa,CAC9B;AAEMI,QAAAA,QAAQD,QACZ,OAAO;AAAA,IACLV;AAAAA,EAAAA,IAEF,CAACA,KAAK,CACR;AAGEY,SAAAA,oBAACd,aAAae,UAAQ;AAAA,IAACF;AAAAA,IAAaR;AAAAA,EAAAA,CAAkC;AAE1E;"}
|
|
@@ -37,7 +37,7 @@ const registerThemes = (themeName, modes, themeStructure) => {
|
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
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],
|
|
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
41
|
legend: {
|
|
42
42
|
textStyle: {
|
|
43
43
|
...baseText
|
|
@@ -1 +1 @@
|
|
|
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 ],\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","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,
|
|
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;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-viz",
|
|
3
|
-
"version": "5.2.
|
|
3
|
+
"version": "5.2.4",
|
|
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.18.
|
|
36
|
+
"@hitachivantara/uikit-react-core": "^5.18.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": "
|
|
45
|
+
"gitHead": "e7c73b4104cadf03cdab05584b9791ceda4747e2",
|
|
46
46
|
"main": "dist/cjs/index.cjs",
|
|
47
47
|
"exports": {
|
|
48
48
|
".": {
|