24 lines
1.3 KiB
JavaScript
24 lines
1.3 KiB
JavaScript
|
import { __assign, __rest } from "tslib";
|
||
|
|
import * as React from 'react';
|
||
|
|
import { getThemedContext } from '@fluentui/style-utilities';
|
||
|
|
import { Customizer } from '@fluentui/utilities';
|
||
|
|
/**
|
||
|
|
* Theme provider is a simplified version of Customizer that activates the appropriate theme data
|
||
|
|
* for a given scheme name.
|
||
|
|
*
|
||
|
|
* @param providers - Injected providers for accessing theme data and providing it via a Customizer component.
|
||
|
|
* @deprecated This is an old ThemeProvider implementation. New code should use the ThemeProvider exported from
|
||
|
|
* `@fluentui/react` (or `@fluentui/react/lib/Theme`) instead.
|
||
|
|
*/
|
||
|
|
export var ThemeProvider = function (props) {
|
||
|
|
var scheme = props.scheme, theme = props.theme, rest = __rest(props, ["scheme", "theme"]);
|
||
|
|
// TODO: consider merging implementation with theme-proto, which only stores a reference / scheme name to theme
|
||
|
|
// in context and uses quick global store accessor to trigger change by passing in theme object as child and
|
||
|
|
// triggering re-render. (perf benefits need verification)
|
||
|
|
var contextTransform = function (context) {
|
||
|
|
return getThemedContext(context, scheme, theme);
|
||
|
|
};
|
||
|
|
// eslint-disable-next-line react/jsx-no-bind, deprecation/deprecation
|
||
|
|
return React.createElement(Customizer, __assign({}, rest, { contextTransform: contextTransform }));
|
||
|
|
};
|
||
|
|
//# sourceMappingURL=ThemeProvider.js.map
|