Stefan Hacker
28 lines
1.4 KiB
JavaScript
28 lines
1.4 KiB
JavaScript
define(["require", "exports", "tslib", "react", "@fluentui/merge-styles", "../hooks/useMergeStylesHooks"], function (require, exports, tslib_1, React, merge_styles_1, useMergeStylesHooks_1) {
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.MergeStylesShadowRootProvider = exports.MergeStylesShadowRootContext = void 0;
|
|
exports.MergeStylesShadowRootContext = React.createContext(undefined);
|
|
/**
|
|
* Context for a shadow root.
|
|
*/
|
|
var MergeStylesShadowRootProvider = function (_a) {
|
|
var shadowRoot = _a.shadowRoot, props = tslib_1.__rest(_a, ["shadowRoot"]);
|
|
var value = React.useMemo(function () {
|
|
return {
|
|
stylesheets: new Map(),
|
|
shadowRoot: shadowRoot,
|
|
};
|
|
}, [shadowRoot]);
|
|
return (React.createElement(exports.MergeStylesShadowRootContext.Provider, tslib_1.__assign({ value: value }, props),
|
|
React.createElement(GlobalStyles, null),
|
|
props.children));
|
|
};
|
|
exports.MergeStylesShadowRootProvider = MergeStylesShadowRootProvider;
|
|
var GlobalStyles = function (props) {
|
|
var useAdoptedStylesheet = (0, useMergeStylesHooks_1.useMergeStylesHooks)().useAdoptedStylesheet;
|
|
useAdoptedStylesheet(merge_styles_1.GLOBAL_STYLESHEET_KEY);
|
|
return null;
|
|
};
|
|
});
|
|
//# sourceMappingURL=MergeStylesShadowRootContext.js.map
|