@fluentui/react-theme-provider/lib-amd/useThemeProviderState.js

Fluent UI React theme provider component, hook, and theme related utilities.

define(["require", "exports", "@fluentui/theme", "react", "./useTheme", "@uifabric/utilities", "./getTokens"], function (require, exports, theme_1, React, useTheme_1, utilities_1, getTokens_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    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 = utilities_1.getId('');
                    themeToIdMap.set(theme, id);
                }
                ids.push(id);
            }
        }
        return ids.join('-');
    };
    exports.useThemeProviderState = function (draftState) {
        var userTheme = draftState.theme;
        // Pull contextual theme.
        var parentTheme = useTheme_1.useTheme();
        // Update the incoming theme with a memoized version of the merged theme.
        var theme = (draftState.theme = React.useMemo(function () {
            var _a;
            var mergedTheme = theme_1.mergeThemes(parentTheme, userTheme);
            mergedTheme.tokens = getTokens_1.getTokens(mergedTheme, (_a = userTheme) === null || _a === void 0 ? void 0 : _a.tokens);
            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