@fluentui/react-provider 9.4.3 → 9.4.5

package/lib-amd/components/FluentProvider/useFluentProviderThemeStyleTag.js

@@ -1,67 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-utilities", "@griffel/react", "react", "./useFluentProviderStyles"], function (require, exports, tslib_1, react_utilities_1, react_1, React, useFluentProviderStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useFluentProviderThemeStyleTag = void 0;
-    // String concatenation is used to prevent bundlers to complain with older versions of React
-    var useInsertionEffect = React['useInsertion' + 'Effect']
-        ? React['useInsertion' + 'Effect']
-        : react_utilities_1.useIsomorphicLayoutEffect;
-    var createStyleTag = function (target, elementAttributes) {
-        if (!target) {
-            return undefined;
-        }
-        var tag = target.createElement('style');
-        Object.keys(elementAttributes).forEach(function (attrName) {
-            tag.setAttribute(attrName, elementAttributes[attrName]);
-        });
-        target.head.appendChild(tag);
-        return tag;
-    };
-    var insertSheet = function (tag, rule) {
-        var sheet = tag.sheet;
-        if (sheet) {
-            if (sheet.cssRules.length > 0) {
-                sheet.deleteRule(0);
-            }
-            sheet.insertRule(rule, 0);
-        }
-        else if (process.env.NODE_ENV !== 'production') {
-            // eslint-disable-next-line no-console
-            console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');
-        }
-    };
-    /**
-     * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class
-     *
-     * @returns CSS class to apply the rule
-     */
-    var useFluentProviderThemeStyleTag = function (options) {
-        var targetDocument = options.targetDocument, theme = options.theme;
-        var renderer = react_1.useRenderer_unstable();
-        var styleTag = React.useRef();
-        var styleTagId = react_utilities_1.useId(useFluentProviderStyles_1.fluentProviderClassNames.root);
-        var styleElementAttributes = renderer.styleElementAttributes;
-        var cssVarsAsString = React.useMemo(function () {
-            return theme
-                ? Object.keys(theme).reduce(function (cssVarRule, cssVar) {
-                    cssVarRule += "--" + cssVar + ": " + theme[cssVar] + "; ";
-                    return cssVarRule;
-                }, '')
-                : '';
-        }, [theme]);
-        var rule = "." + styleTagId + " { " + cssVarsAsString + " }";
-        useInsertionEffect(function () {
-            styleTag.current = createStyleTag(targetDocument, tslib_1.__assign(tslib_1.__assign({}, styleElementAttributes), { id: styleTagId }));
-            if (styleTag.current) {
-                insertSheet(styleTag.current, rule);
-                return function () {
-                    var _a;
-                    (_a = styleTag.current) === null || _a === void 0 ? void 0 : _a.remove();
-                };
-            }
-        }, [styleTagId, targetDocument, rule, styleElementAttributes]);
-        return styleTagId;
-    };
-    exports.useFluentProviderThemeStyleTag = useFluentProviderThemeStyleTag;
-});
-//# sourceMappingURL=useFluentProviderThemeStyleTag.js.map

package/lib-amd/components/FluentProvider/useFluentProviderThemeStyleTag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFluentProviderThemeStyleTag.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-provider/src/components/FluentProvider/useFluentProviderThemeStyleTag.ts"],"names":[],"mappings":";;;;IAOA,4FAA4F;IAC5F,IAAM,kBAAkB,GAAI,KAAe,CAAC,cAAc,GAAG,QAAQ,CAAC;QACpE,CAAC,CAAE,KAAe,CAAC,cAAc,GAAG,QAAQ,CAAC;QAC7C,CAAC,CAAC,2CAAyB,CAAC;IAE9B,IAAM,cAAc,GAAG,UAAC,MAA4B,EAAE,iBAAyC;QAC7F,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,SAAS,CAAC;SAClB;QAED,IAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE1C,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,UAAA,QAAQ;YAC7C,GAAG,CAAC,YAAY,CAAC,QAAQ,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;QAC1D,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC7B,OAAO,GAAG,CAAC;IACb,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,GAAqB,EAAE,IAAY;QACtD,IAAM,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC;QAExB,IAAI,KAAK,EAAE;YACT,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;aACrB;YACD,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;SAC3B;aAAM,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;YAChD,sCAAsC;YACtC,OAAO,CAAC,KAAK,CAAC,uFAAuF,CAAC,CAAC;SACxG;IACH,CAAC,CAAC;IAEF;;;;OAIG;IACI,IAAM,8BAA8B,GAAG,UAAC,OAA8D;QACnG,IAAA,cAAc,GAAY,OAAO,eAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAa;QAE1C,IAAM,QAAQ,GAAG,4BAAoB,EAAE,CAAC;QACxC,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,EAAoB,CAAC;QAElD,IAAM,UAAU,GAAG,uBAAK,CAAC,kDAAwB,CAAC,IAAI,CAAC,CAAC;QACxD,IAAM,sBAAsB,GAAG,QAAQ,CAAC,sBAAsB,CAAC;QAE/D,IAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC;YACpC,OAAO,KAAK;gBACV,CAAC,CAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAA4B,CAAC,MAAM,CAAC,UAAC,UAAU,EAAE,MAAM;oBACvE,UAAU,IAAI,OAAK,MAAM,UAAK,KAAK,CAAC,MAAM,CAAC,OAAI,CAAC;oBAChD,OAAO,UAAU,CAAC;gBACpB,CAAC,EAAE,EAAE,CAAC;gBACR,CAAC,CAAC,EAAE,CAAC;QACT,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;QAEZ,IAAM,IAAI,GAAG,MAAI,UAAU,WAAM,eAAe,OAAI,CAAC;QAErD,kBAAkB,CAAC;YACjB,QAAQ,CAAC,OAAO,GAAG,cAAc,CAAC,cAAc,wCAAO,sBAAsB,KAAE,EAAE,EAAE,UAAU,IAAG,CAAC;YAEjG,IAAI,QAAQ,CAAC,OAAO,EAAE;gBACpB,WAAW,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;gBAEpC,OAAO;;oBACL,MAAA,QAAQ,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;gBAC7B,CAAC,CAAC;aACH;QACH,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,EAAE,IAAI,EAAE,sBAAsB,CAAC,CAAC,CAAC;QAE/D,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC;IAjCW,QAAA,8BAA8B,kCAiCzC","sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useRenderer_unstable } from '@griffel/react';\nimport * as React from 'react';\n\nimport type { FluentProviderState } from './FluentProvider.types';\nimport { fluentProviderClassNames } from './useFluentProviderStyles';\n\n// String concatenation is used to prevent bundlers to complain with older versions of React\nconst useInsertionEffect = (React as never)['useInsertion' + 'Effect']\n  ? (React as never)['useInsertion' + 'Effect']\n  : useIsomorphicLayoutEffect;\n\nconst createStyleTag = (target: Document | undefined, elementAttributes: Record<string, string>) => {\n  if (!target) {\n    return undefined;\n  }\n\n  const tag = target.createElement('style');\n\n  Object.keys(elementAttributes).forEach(attrName => {\n    tag.setAttribute(attrName, elementAttributes[attrName]);\n  });\n\n  target.head.appendChild(tag);\n  return tag;\n};\n\nconst insertSheet = (tag: HTMLStyleElement, rule: string) => {\n  const sheet = tag.sheet;\n\n  if (sheet) {\n    if (sheet.cssRules.length > 0) {\n      sheet.deleteRule(0);\n    }\n    sheet.insertRule(rule, 0);\n  } else if (process.env.NODE_ENV !== 'production') {\n    // eslint-disable-next-line no-console\n    console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');\n  }\n};\n\n/**\n * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class\n *\n * @returns CSS class to apply the rule\n */\nexport const useFluentProviderThemeStyleTag = (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => {\n  const { targetDocument, theme } = options;\n\n  const renderer = useRenderer_unstable();\n  const styleTag = React.useRef<HTMLStyleElement>();\n\n  const styleTagId = useId(fluentProviderClassNames.root);\n  const styleElementAttributes = renderer.styleElementAttributes;\n\n  const cssVarsAsString = React.useMemo(() => {\n    return theme\n      ? (Object.keys(theme) as (keyof typeof theme)[]).reduce((cssVarRule, cssVar) => {\n          cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n          return cssVarRule;\n        }, '')\n      : '';\n  }, [theme]);\n\n  const rule = `.${styleTagId} { ${cssVarsAsString} }`;\n\n  useInsertionEffect(() => {\n    styleTag.current = createStyleTag(targetDocument, { ...styleElementAttributes, id: styleTagId });\n\n    if (styleTag.current) {\n      insertSheet(styleTag.current, rule);\n\n      return () => {\n        styleTag.current?.remove();\n      };\n    }\n  }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n\n  return styleTagId;\n};\n"]}

package/lib-amd/index.js

@@ -1,13 +0,0 @@
-define(["require", "exports", "./FluentProvider"], function (require, exports, FluentProvider_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.useFluentProviderThemeStyleTag = exports.useFluentProviderStyles_unstable = exports.useFluentProvider_unstable = exports.useFluentProviderContextValues_unstable = exports.renderFluentProvider_unstable = exports.FluentProvider = exports.fluentProviderClassNames = void 0;
-    Object.defineProperty(exports, "fluentProviderClassNames", { enumerable: true, get: function () { return FluentProvider_1.fluentProviderClassNames; } });
-    Object.defineProperty(exports, "FluentProvider", { enumerable: true, get: function () { return FluentProvider_1.FluentProvider; } });
-    Object.defineProperty(exports, "renderFluentProvider_unstable", { enumerable: true, get: function () { return FluentProvider_1.renderFluentProvider_unstable; } });
-    Object.defineProperty(exports, "useFluentProviderContextValues_unstable", { enumerable: true, get: function () { return FluentProvider_1.useFluentProviderContextValues_unstable; } });
-    Object.defineProperty(exports, "useFluentProvider_unstable", { enumerable: true, get: function () { return FluentProvider_1.useFluentProvider_unstable; } });
-    Object.defineProperty(exports, "useFluentProviderStyles_unstable", { enumerable: true, get: function () { return FluentProvider_1.useFluentProviderStyles_unstable; } });
-    Object.defineProperty(exports, "useFluentProviderThemeStyleTag", { enumerable: true, get: function () { return FluentProvider_1.useFluentProviderThemeStyleTag; } });
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-provider/src/index.ts"],"names":[],"mappings":";;;;IACE,0HAAA,wBAAwB,OAAA;IACxB,gHAAA,cAAc,OAAA;IACd,+HAAA,6BAA6B,OAAA;IAC7B,yIAAA,uCAAuC,OAAA;IACvC,4HAAA,0BAA0B,OAAA;IAC1B,kIAAA,gCAAgC,OAAA;IAChC,gIAAA,8BAA8B,OAAA","sourcesContent":["export {\n  fluentProviderClassNames,\n  FluentProvider,\n  renderFluentProvider_unstable,\n  useFluentProviderContextValues_unstable,\n  useFluentProvider_unstable,\n  useFluentProviderStyles_unstable,\n  useFluentProviderThemeStyleTag,\n} from './FluentProvider';\nexport type {\n  FluentProviderContextValues,\n  FluentProviderCustomStyleHooks,\n  FluentProviderProps,\n  FluentProviderState,\n  FluentProviderSlots,\n} from './FluentProvider';\n"]}