Stefan Hacker
26 lines
1.0 KiB
JavaScript
26 lines
1.0 KiB
JavaScript
import { __assign, __rest } from "tslib";
|
|
import * as React from 'react';
|
|
import { GLOBAL_STYLESHEET_KEY } from '@fluentui/merge-styles';
|
|
import { useMergeStylesHooks } from '../hooks/useMergeStylesHooks';
|
|
export var MergeStylesShadowRootContext = React.createContext(undefined);
|
|
/**
|
|
* Context for a shadow root.
|
|
*/
|
|
export var MergeStylesShadowRootProvider = function (_a) {
|
|
var shadowRoot = _a.shadowRoot, props = __rest(_a, ["shadowRoot"]);
|
|
var value = React.useMemo(function () {
|
|
return {
|
|
stylesheets: new Map(),
|
|
shadowRoot: shadowRoot,
|
|
};
|
|
}, [shadowRoot]);
|
|
return (React.createElement(MergeStylesShadowRootContext.Provider, __assign({ value: value }, props),
|
|
React.createElement(GlobalStyles, null),
|
|
props.children));
|
|
};
|
|
var GlobalStyles = function (props) {
|
|
var useAdoptedStylesheet = useMergeStylesHooks().useAdoptedStylesheet;
|
|
useAdoptedStylesheet(GLOBAL_STYLESHEET_KEY);
|
|
return null;
|
|
};
|
|
//# sourceMappingURL=MergeStylesShadowRootContext.js.map
|