@fluentui/react-provider 9.0.0-nightly.f81b28ceb3.1 → 9.0.0-rc.11

package/lib/components/FluentProvider/useFluentProvider.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { FluentProviderProps, FluentProviderSlots, FluentProviderState } from './FluentProvider.types';
-export declare const fluentProviderShorthandProps: (keyof FluentProviderSlots)[];
-/**
- * Create the state required to render FluentProvider.
- *
- * The returned state can be modified with hooks such as useFluentProviderStyles,
- * before being passed to renderFluentProvider.
- *
- * @param props - props from this instance of FluentProvider
- * @param ref - reference to root HTMLElement of FluentProvider
- */
-export declare const useFluentProvider: (props: FluentProviderProps, ref: React.Ref<HTMLElement>) => FluentProviderState;

package/lib/components/FluentProvider/useFluentProviderContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';
-export declare function useFluentProviderContextValues(state: FluentProviderState): FluentProviderContextValues;

package/lib/components/FluentProvider/useFluentProviderStyles.d.ts

@@ -1,3 +0,0 @@
-import type { FluentProviderState } from './FluentProvider.types';
-/** Applies style classnames to slots */
-export declare const useFluentProviderStyles: (state: FluentProviderState) => FluentProviderState;

package/lib/components/FluentProvider/useThemeStyleTag.d.ts

@@ -1,7 +0,0 @@
-import type { FluentProviderState } from './FluentProvider.types';
-/**
- * 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
- */
-export declare const useThemeStyleTag: (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => string;

package/lib/components/FluentProvider/useThemeStyleTag.js

@@ -1,58 +0,0 @@
-import { useId, usePrevious } from '@fluentui/react-utilities';
-import { themeToCSSVariables } from '@fluentui/react-theme';
-import * as React from 'react';
-/**
- * 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
- */
-
-export var useThemeStyleTag = function (options) {
-  var targetDocument = options.targetDocument,
-      theme = options.theme;
-  var styleTagId = useId('fluent-provider');
-  var styleTag = React.useMemo(function () {
-    if (!targetDocument) {
-      return null;
-    }
-
-    var tag = targetDocument.createElement('style');
-    tag.setAttribute('id', styleTagId);
-    targetDocument.head.appendChild(tag);
-    return tag;
-  }, [styleTagId, targetDocument]);
-  var cssRule = React.useMemo(function () {
-    var cssVars = themeToCSSVariables(theme);
-    var cssVarsAsString = Object.keys(cssVars).reduce(function (cssVarRule, cssVar) {
-      cssVarRule += cssVar + ": " + cssVars[cssVar] + "; ";
-      return cssVarRule;
-    }, ''); // result: .fluent-provider1 { --css-var: '#fff' }
-
-    return "." + styleTagId + " { " + cssVarsAsString + " }";
-  }, [theme, styleTagId]);
-  var previousCssRule = usePrevious(cssRule);
-
-  if (styleTag && previousCssRule !== cssRule) {
-    var sheet = styleTag.sheet;
-
-    if (sheet.cssRules.length > 0) {
-      sheet.deleteRule(0);
-    }
-
-    sheet.insertRule(cssRule, 0);
-  } // Removes the style tag from the targetDocument on unmount or change
-
-
-  React.useEffect(function () {
-    return function () {
-      var _a;
-
-      if (styleTag) {
-        // IE11 safe node removal, otherwise use node.remove()
-        (_a = styleTag.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(styleTag);
-      }
-    };
-  }, [styleTag]);
-  return styleTagId;
-};
-//# sourceMappingURL=useThemeStyleTag.js.map

package/lib/components/FluentProvider/useThemeStyleTag.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,WAAhB,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA;;;;AAIG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,OAAD,EAA+D;AACrF,MAAA,cAAc,GAAY,OAAO,CAAnB,cAAd;AAAA,MAAgB,KAAK,GAAK,OAAO,CAAZ,KAArB;AAER,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAD,CAAxB;AACA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC7B,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,QAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC5B,QAAM,OAAO,GAAG,mBAAmB,CAAC,KAAD,CAAnC;AACA,QAAM,eAAe,GAAG,MAAM,CAAC,IAAP,CAAY,OAAZ,EAAqB,MAArB,CAA4B,UAAC,UAAD,EAAa,MAAb,EAAmB;AACrE,MAAA,UAAU,IAAO,MAAM,GAAA,IAAN,GAAW,OAAO,CAAC,MAAD,CAAlB,GAA0B,IAA3C;AACA,aAAO,UAAP;AACD,KAHuB,EAGrB,EAHqB,CAAxB,CAF4B,CAO5B;;AACA,WAAO,MAAI,UAAJ,GAAc,KAAd,GAAoB,eAApB,GAAmC,IAA1C;AACD,GATe,EASb,CAAC,KAAD,EAAQ,UAAR,CATa,CAAhB;AAUA,MAAM,eAAe,GAAG,WAAW,CAAC,OAAD,CAAnC;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,QAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GAnC4F,CAqC7F;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,WAAO,YAAA;;;AACL,UAAI,QAAJ,EAAc;AACZ;AACA,SAAA,EAAA,GAAA,QAAQ,CAAC,aAAT,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,WAAF,CAAc,QAAd,CAAtB;AACD;AACF,KALD;AAMD,GAPD,EAOG,CAAC,QAAD,CAPH;AASA,SAAO,UAAP;AACD,CAhDM","sourceRoot":""}

package/lib/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FluentProvider';
-export { useFluent, useTheme } from '@fluentui/react-shared-contexts';

package/lib-commonjs/FluentProvider.d.ts

@@ -1 +0,0 @@
-export * from './components/FluentProvider/index';

package/lib-commonjs/common/isConformant.d.ts

@@ -1,4 +0,0 @@
-import type { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
-    componentPath?: string;
-}): void;

package/lib-commonjs/common/isConformant.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isConformant = void 0;
-
-var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
-
-var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
-
-function isConformant(testInfo) {
-  var defaultOptions = {
-    disabledTests: ['has-docblock'],
-    asPropHandlesRef: true,
-    componentPath: module.parent.filename.replace('.test', ''),
-    extraTests: react_conformance_make_styles_1.default
-  };
-  react_conformance_1.isConformant(defaultOptions, testInfo);
-}
-
-exports.isConformant = isConformant;
-//# sourceMappingURL=isConformant.js.map

package/lib-commonjs/common/isConformant.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAD4C;AAE3D,IAAA,gBAAgB,EAAE,IAFyC;AAG3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAJ+C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}

package/lib-commonjs/components/FluentProvider/FluentProvider.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-import type { FluentProviderProps } from './FluentProvider.types';
-export declare const FluentProvider: React.ForwardRefExoticComponent<FluentProviderProps & React.RefAttributes<HTMLElement>>;

package/lib-commonjs/components/FluentProvider/FluentProvider.types.d.ts

@@ -1,25 +0,0 @@
-import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
-import type { PartialTheme, Theme } from '@fluentui/react-theme';
-import type { ProviderContextValue, TooltipContextType, ThemeContextValue, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
-export declare type FluentProviderSlots = {
-    root: IntrinsicShorthandProps<'div'>;
-};
-export interface FluentProviderCommons {
-    /** Sets the direction of text & generated styles. */
-    dir: 'ltr' | 'rtl';
-    /** Provides the document, can be undefined during SSR render. */
-    targetDocument: Document | undefined;
-}
-export interface FluentProviderProps extends Omit<ComponentProps<FluentProviderSlots>, 'dir'>, Partial<FluentProviderCommons> {
-    theme?: PartialTheme;
-}
-export interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
-    theme: Theme;
-    themeClassName: string;
-}
-export interface FluentProviderContextValues {
-    provider: ProviderContextValue;
-    theme: ThemeContextValue;
-    themeClassName: ThemeClassNameContextValue;
-    tooltip: TooltipContextType;
-}

package/lib-commonjs/components/FluentProvider/index.d.ts

@@ -1,5 +0,0 @@
-export * from './FluentProvider';
-export * from './FluentProvider.types';
-export * from './renderFluentProvider';
-export * from './useFluentProvider';
-export * from './useFluentProviderContextValues';

package/lib-commonjs/components/FluentProvider/renderFluentProvider.d.ts

@@ -1,5 +0,0 @@
-import type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';
-/**
- * Render the final JSX of FluentProvider
- */
-export declare const renderFluentProvider: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;

package/lib-commonjs/components/FluentProvider/useFluentProvider.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import type { FluentProviderProps, FluentProviderSlots, FluentProviderState } from './FluentProvider.types';
-export declare const fluentProviderShorthandProps: (keyof FluentProviderSlots)[];
-/**
- * Create the state required to render FluentProvider.
- *
- * The returned state can be modified with hooks such as useFluentProviderStyles,
- * before being passed to renderFluentProvider.
- *
- * @param props - props from this instance of FluentProvider
- * @param ref - reference to root HTMLElement of FluentProvider
- */
-export declare const useFluentProvider: (props: FluentProviderProps, ref: React.Ref<HTMLElement>) => FluentProviderState;

package/lib-commonjs/components/FluentProvider/useFluentProviderContextValues.d.ts

@@ -1,2 +0,0 @@
-import type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';
-export declare function useFluentProviderContextValues(state: FluentProviderState): FluentProviderContextValues;

package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.d.ts

@@ -1,3 +0,0 @@
-import type { FluentProviderState } from './FluentProvider.types';
-/** Applies style classnames to slots */
-export declare const useFluentProviderStyles: (state: FluentProviderState) => FluentProviderState;

package/lib-commonjs/components/FluentProvider/useThemeStyleTag.d.ts

@@ -1,7 +0,0 @@
-import type { FluentProviderState } from './FluentProvider.types';
-/**
- * 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
- */
-export declare const useThemeStyleTag: (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => string;

package/lib-commonjs/components/FluentProvider/useThemeStyleTag.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useThemeStyleTag = void 0;
-
-var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
-
-var react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
-
-var React = /*#__PURE__*/require("react");
-/**
- * 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 useThemeStyleTag = function (options) {
-  var targetDocument = options.targetDocument,
-      theme = options.theme;
-  var styleTagId = react_utilities_1.useId('fluent-provider');
-  var styleTag = React.useMemo(function () {
-    if (!targetDocument) {
-      return null;
-    }
-
-    var tag = targetDocument.createElement('style');
-    tag.setAttribute('id', styleTagId);
-    targetDocument.head.appendChild(tag);
-    return tag;
-  }, [styleTagId, targetDocument]);
-  var cssRule = React.useMemo(function () {
-    var cssVars = react_theme_1.themeToCSSVariables(theme);
-    var cssVarsAsString = Object.keys(cssVars).reduce(function (cssVarRule, cssVar) {
-      cssVarRule += cssVar + ": " + cssVars[cssVar] + "; ";
-      return cssVarRule;
-    }, ''); // result: .fluent-provider1 { --css-var: '#fff' }
-
-    return "." + styleTagId + " { " + cssVarsAsString + " }";
-  }, [theme, styleTagId]);
-  var previousCssRule = react_utilities_1.usePrevious(cssRule);
-
-  if (styleTag && previousCssRule !== cssRule) {
-    var sheet = styleTag.sheet;
-
-    if (sheet.cssRules.length > 0) {
-      sheet.deleteRule(0);
-    }
-
-    sheet.insertRule(cssRule, 0);
-  } // Removes the style tag from the targetDocument on unmount or change
-
-
-  React.useEffect(function () {
-    return function () {
-      var _a;
-
-      if (styleTag) {
-        // IE11 safe node removal, otherwise use node.remove()
-        (_a = styleTag.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(styleTag);
-      }
-    };
-  }, [styleTag]);
-  return styleTagId;
-};
-
-exports.useThemeStyleTag = useThemeStyleTag;
-//# sourceMappingURL=useThemeStyleTag.js.map

package/lib-commonjs/components/FluentProvider/useThemeStyleTag.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAGA;;;;AAIG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,OAAD,EAA+D;AACrF,MAAA,cAAc,GAAY,OAAO,CAAnB,cAAd;AAAA,MAAgB,KAAK,GAAK,OAAO,CAAZ,KAArB;AAER,MAAM,UAAU,GAAG,iBAAA,CAAA,KAAA,CAAM,iBAAN,CAAnB;AACA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC7B,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,QAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC5B,QAAM,OAAO,GAAG,aAAA,CAAA,mBAAA,CAAoB,KAApB,CAAhB;AACA,QAAM,eAAe,GAAG,MAAM,CAAC,IAAP,CAAY,OAAZ,EAAqB,MAArB,CAA4B,UAAC,UAAD,EAAa,MAAb,EAAmB;AACrE,MAAA,UAAU,IAAO,MAAM,GAAA,IAAN,GAAW,OAAO,CAAC,MAAD,CAAlB,GAA0B,IAA3C;AACA,aAAO,UAAP;AACD,KAHuB,EAGrB,EAHqB,CAAxB,CAF4B,CAO5B;;AACA,WAAO,MAAI,UAAJ,GAAc,KAAd,GAAoB,eAApB,GAAmC,IAA1C;AACD,GATe,EASb,CAAC,KAAD,EAAQ,UAAR,CATa,CAAhB;AAUA,MAAM,eAAe,GAAG,iBAAA,CAAA,WAAA,CAAY,OAAZ,CAAxB;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,QAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GAnC4F,CAqC7F;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,WAAO,YAAA;;;AACL,UAAI,QAAJ,EAAc;AACZ;AACA,SAAA,EAAA,GAAA,QAAQ,CAAC,aAAT,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,WAAF,CAAc,QAAd,CAAtB;AACD;AACF,KALD;AAMD,GAPD,EAOG,CAAC,QAAD,CAPH;AASA,SAAO,UAAP;AACD,CAhDM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}

package/lib-commonjs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FluentProvider';
-export { useFluent, useTheme } from '@fluentui/react-shared-contexts';