jprdonnelly/nebula.js
1
0
Fork 0
mirror of https://github.com/qlik-oss/nebula.js.git synced 2025-12-19 17:58:43 -05:00
Code Issues Projects Releases Wiki Activity

fix: map visualization to theme object type (#1704)

Browse Source
This commit is contained in:
Tobias Linsefors
2025-03-31 11:14:44 +02:00
committed by GitHub
parent 6b731b0f8b
commit 170d61fc1a
1 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
apis/nucleus/src/hooks/useStyling.js
View File

@@ -8,20 +8,48 @@ import {
resolveBoxShadow,
} from '../utils/style/styling-props';
const THEME_OBJECT_TYPE_MAP = {
linechart: 'lineChart',
barchart: 'barChart',
combochart: 'comboChart',
scatterplot: 'scatterPlot',
piechart: 'pieChart',
straightable: 'straightTable',
pivottable: 'pivotTable',
table: 'straightTable',
'pivot-table': 'pivotTable',
listbox: 'listBox',
referenceline: 'referenceLine',
datacolors: 'dataColors',
'text-image': 'textImage',
boxplot: 'boxPlot',
map: 'mapChart',
mapchart: 'mapChart',
bulletchart: 'bulletChart',
};
const getThemeObjectType = (visualization) => {
if (THEME_OBJECT_TYPE_MAP[visualization.toLowerCase()]) {
return THEME_OBJECT_TYPE_MAP[visualization.toLowerCase()];
}
return visualization;
};
const useStyling = (layout, theme, app, themeName) => {
const styling = useMemo(() => {
if (layout && theme) {
const generalComp = layout.components ? layout.components.find((comp) => comp.key === 'general') : null;
const objectType = getThemeObjectType(layout.visualization);
const titleStyles = {
main: resolveTextStyle(generalComp, 'main', theme, layout.visualization),
footer: resolveTextStyle(generalComp, 'footer', theme, layout.visualization),
subTitle: resolveTextStyle(generalComp, 'subTitle', theme, layout.visualization),
main: resolveTextStyle(generalComp, 'main', theme, objectType),
footer: resolveTextStyle(generalComp, 'footer', theme, objectType),
subTitle: resolveTextStyle(generalComp, 'subTitle', theme, objectType),
};
const bgColor = resolveBgColor(generalComp, theme, layout.visualization);
const bgColor = resolveBgColor(generalComp, theme, objectType);
const bgImage = resolveBgImage(generalComp, app);
const border = resolveBorder(generalComp, theme, layout.visualization);
const borderRadius = resolveBorderRadius(generalComp, theme, layout.visualization);
const boxShadow = resolveBoxShadow(generalComp, theme, layout.visualization);
const border = resolveBorder(generalComp, theme, objectType);
const borderRadius = resolveBorderRadius(generalComp, theme, objectType);
const boxShadow = resolveBoxShadow(generalComp, theme, objectType);
return { titleStyles, bgColor, bgImage, border, borderRadius, boxShadow };
}
return {};