Stefan Hacker
46 lines
1.6 KiB
JavaScript
46 lines
1.6 KiB
JavaScript
import { mergeThemes } from '@fluentui/theme';
|
|
import * as React from 'react';
|
|
import { useTheme } from './useTheme';
|
|
import { getId } from '@fluentui/utilities';
|
|
var themeToIdMap = new Map();
|
|
var getThemeId = function () {
|
|
var themes = [];
|
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
themes[_i] = arguments[_i];
|
|
}
|
|
var ids = [];
|
|
for (var _a = 0, themes_1 = themes; _a < themes_1.length; _a++) {
|
|
var theme = themes_1[_a];
|
|
if (theme) {
|
|
var id = theme.id || themeToIdMap.get(theme);
|
|
if (!id) {
|
|
id = getId('');
|
|
themeToIdMap.set(theme, id);
|
|
}
|
|
ids.push(id);
|
|
}
|
|
}
|
|
return ids.join('-');
|
|
};
|
|
export var useThemeProviderState = function (draftState) {
|
|
var userTheme = draftState.theme;
|
|
// Pull contextual theme.
|
|
var parentTheme = useTheme();
|
|
// Update the incoming theme with a memoized version of the merged theme.
|
|
var theme = (draftState.theme = React.useMemo(function () {
|
|
var mergedTheme = mergeThemes(parentTheme, userTheme);
|
|
mergedTheme.id = getThemeId(parentTheme, userTheme);
|
|
return mergedTheme;
|
|
}, [parentTheme, userTheme]));
|
|
draftState.customizerContext = React.useMemo(function () { return ({
|
|
customizations: {
|
|
inCustomizerContext: true,
|
|
settings: { theme: theme },
|
|
scopedSettings: theme.components || {},
|
|
},
|
|
}); }, [theme]);
|
|
if (draftState.theme.rtl !== parentTheme.rtl) {
|
|
draftState.dir = draftState.theme.rtl ? 'rtl' : 'ltr';
|
|
}
|
|
};
|
|
//# sourceMappingURL=useThemeProviderState.js.map
|