@fluentui/react-provider 0.0.0-nightlyfc5cfdc52420220215.1 → 0.0.0

package/lib-commonjs/components/FluentProvider/{useThemeStyleTag.js → useFluentProviderThemeStyleTag.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useThemeStyleTag = void 0;
+exports.useFluentProviderThemeStyleTag = void 0;
 
 const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
 
@@ -17,12 +17,12 @@ const useFluentProviderStyles_1 = /*#__PURE__*/require("./useFluentProviderStyle
  */
 
 
-const useThemeStyleTag = options => {
+const useFluentProviderThemeStyleTag = options => {
   const {
     targetDocument,
     theme
   } = options;
-  const styleTagId = react_utilities_1.useId(useFluentProviderStyles_1.fluentProviderClassName);
+  const styleTagId = react_utilities_1.useId(useFluentProviderStyles_1.fluentProviderClassNames.root);
   const styleTag = React.useMemo(() => {
     if (!targetDocument) {
       return null;
@@ -46,11 +46,16 @@ const useThemeStyleTag = options => {
   if (styleTag && previousCssRule !== cssRule) {
     const sheet = styleTag.sheet;
 
-    if (sheet.cssRules.length > 0) {
-      sheet.deleteRule(0);
-    }
+    if (sheet) {
+      if (sheet.cssRules.length > 0) {
+        sheet.deleteRule(0);
+      }
 
-    sheet.insertRule(cssRule, 0);
+      sheet.insertRule(cssRule, 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.');
+    }
   } // Removes the style tag from the targetDocument on unmount or change
 
 
@@ -64,5 +69,5 @@ const useThemeStyleTag = options => {
   return styleTagId;
 };
 
-exports.useThemeStyleTag = useThemeStyleTag;
-//# sourceMappingURL=useThemeStyleTag.js.map
+exports.useFluentProviderThemeStyleTag = useFluentProviderThemeStyleTag;
+//# sourceMappingURL=useFluentProviderThemeStyleTag.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["components/FluentProvider/useFluentProviderThemeStyleTag.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;;;AAIG;;;AACI,MAAM,8BAA8B,GAAI,OAAD,IAAmE;EAC/G,MAAM;IAAE,cAAF;IAAkB;EAAlB,IAA4B,OAAlC;EAEA,MAAM,UAAU,GAAG,iBAAA,CAAA,KAAA,CAAM,yBAAA,CAAA,wBAAA,CAAyB,IAA/B,CAAnB;EACA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;IAClC,IAAI,CAAC,cAAL,EAAqB;MACnB,OAAO,IAAP;IACD;;IAED,MAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;IACA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;IACA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;IACA,OAAO,GAAP;EACD,CATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;EAWA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;IACjC,MAAM,eAAe,GAAG,KAAK,GACxB,MAAM,CAAC,IAAP,CAAY,KAAZ,EAA8C,MAA9C,CAAqD,CAAC,UAAD,EAAa,MAAb,KAAuB;MAC3E,UAAU,IAAI,KAAK,MAAM,KAAK,KAAK,CAAC,MAAD,CAAQ,IAA3C;MACA,OAAO,UAAP;IACD,CAHA,EAGE,EAHF,CADwB,GAKzB,EALJ,CADiC,CAQjC;;IACA,OAAO,IAAI,UAAU,MAAM,eAAe,IAA1C;EACD,CAVe,EAUb,CAAC,KAAD,EAAQ,UAAR,CAVa,CAAhB;EAWA,MAAM,eAAe,GAAG,iBAAA,CAAA,WAAA,CAAY,OAAZ,CAAxB;;EAEA,IAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;IAC3C,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;IAEA,IAAI,KAAJ,EAAW;MACT,IAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;QAC7B,KAAK,CAAC,UAAN,CAAiB,CAAjB;MACD;;MACD,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;IACD,CALD,MAKO,IAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAA7B,EAA2C;MAChD;MACA,OAAO,CAAC,KAAR,CAAc,uFAAd;IACD;EACF,CAxC8G,CA0C/G;;;EACA,KAAK,CAAC,SAAN,CAAgB,MAAK;IACnB,OAAO,MAAK;MACV,IAAI,QAAJ,EAAc;QACZ,QAAQ,CAAC,MAAT;MACD;IACF,CAJD;EAKD,CAND,EAMG,CAAC,QAAD,CANH;EAQA,OAAO,UAAP;AACD,CApDM;;AAAM,OAAA,CAAA,8BAAA,GAA8B,8BAA9B","sourcesContent":["import { useId, usePrevious } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport type { FluentProviderState } from './FluentProvider.types';\nimport { fluentProviderClassNames } from './useFluentProviderStyles';\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 styleTagId = useId(fluentProviderClassNames.root);\n  const styleTag = React.useMemo(() => {\n    if (!targetDocument) {\n      return null;\n    }\n\n    const tag = targetDocument.createElement('style');\n    tag.setAttribute('id', styleTagId);\n    targetDocument.head.appendChild(tag);\n    return tag;\n  }, [styleTagId, targetDocument]);\n\n  const cssRule = React.useMemo(() => {\n    const cssVarsAsString = theme\n      ? (Object.keys(theme) as (keyof typeof theme)[]).reduce((cssVarRule, cssVar) => {\n          cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n          return cssVarRule;\n        }, '')\n      : '';\n\n    // result: .fluent-provider1 { --css-var: '#fff' }\n    return `.${styleTagId} { ${cssVarsAsString} }`;\n  }, [theme, styleTagId]);\n  const previousCssRule = usePrevious(cssRule);\n\n  if (styleTag && previousCssRule !== cssRule) {\n    const sheet = styleTag.sheet;\n\n    if (sheet) {\n      if (sheet.cssRules.length > 0) {\n        sheet.deleteRule(0);\n      }\n      sheet.insertRule(cssRule, 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  // Removes the style tag from the targetDocument on unmount or change\n  React.useEffect(() => {\n    return () => {\n      if (styleTag) {\n        styleTag.remove();\n      }\n    };\n  }, [styleTag]);\n\n  return styleTagId;\n};\n"],"sourceRoot":"../src/"}

package/lib-commonjs/index.js

@@ -3,24 +3,50 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTheme = exports.useFluent = void 0;
+exports.useFluentProviderThemeStyleTag = exports.useFluentProviderStyles_unstable = exports.useFluentProvider_unstable = exports.useFluentProviderContextValues_unstable = exports.renderFluentProvider_unstable = exports.FluentProvider = exports.fluentProviderClassNames = void 0;
 
-const tslib_1 = /*#__PURE__*/require("tslib");
+var FluentProvider_1 = /*#__PURE__*/require("./FluentProvider");
 
-tslib_1.__exportStar(require("./FluentProvider"), exports);
-
-var react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
-
-Object.defineProperty(exports, "useFluent", {
+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 react_shared_contexts_1.useFluent;
+    return FluentProvider_1.useFluentProviderStyles_unstable;
   }
 });
-Object.defineProperty(exports, "useTheme", {
+Object.defineProperty(exports, "useFluentProviderThemeStyleTag", {
   enumerable: true,
   get: function () {
-    return react_shared_contexts_1.useTheme;
+    return FluentProvider_1.useFluentProviderThemeStyleTag;
   }
 });
 //# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,WAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,uBAAA,CAAA,SAAA;AAAS;AAAT,CAAA;AAAW,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,UAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,uBAAA,CAAA,QAAA;AAAQ;AAAR,CAAA","sourceRoot":""}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;;AACE,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,0BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,wBAAA;EAAwB;AAAxB,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gBAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,cAAA;EAAc;AAAd,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,+BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,6BAAA;EAA6B;AAA7B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,yCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,uCAAA;EAAuC;AAAvC,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,4BAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,0BAAA;EAA0B;AAA1B,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,kCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,gCAAA;EAAgC;AAAhC,CAAA;AACA,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,gCAAA,EAAA;EAAA,UAAA,EAAA,IAAA;EAAA,GAAA,EAAA,YAAA;IAAA,OAAA,gBAAA,CAAA,8BAAA;EAA8B;AAA9B,CAAA","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  FluentProviderProps,\n  FluentProviderState,\n  FluentProviderSlots,\n} from './FluentProvider';\n"],"sourceRoot":"../src/"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@fluentui/react-provider",
-  "version": "0.0.0-nightlyfc5cfdc52420220215.1",
+  "version": "0.0.0",
   "description": "Fluent UI React provider component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
-  "typings": "lib/index.d.ts",
+  "typings": "dist/index.d.ts",
   "sideEffects": false,
   "repository": {
     "type": "git",
@@ -20,33 +20,24 @@
     "just": "just-scripts",
     "lint": "just-scripts lint",
     "docs": "api-extractor run --config=config/api-extractor.local.json --local",
-    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-provider/src && yarn docs",
-    "storybook": "node ../../scripts/storybook/runner",
+    "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../../scripts/typescript/normalize-import --output ./dist/packages/react-components/react-provider/src && yarn docs",
+    "storybook": "node ../../../scripts/storybook/runner",
     "start": "yarn storybook",
     "type-check": "tsc -b tsconfig.json"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/scripts": "^1.0.0",
-    "@types/enzyme": "3.10.3",
-    "@types/enzyme-adapter-react-16": "1.0.3",
-    "@types/react": "16.9.42",
-    "@types/react-dom": "16.9.10",
-    "@types/react-test-renderer": "^16.0.0",
-    "enzyme": "~3.10.0",
-    "enzyme-adapter-react-16": "^1.15.0",
-    "react": "16.8.6",
-    "react-dom": "16.8.6",
-    "react-test-renderer": "^16.3.0"
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220628-0417.1",
+    "@fluentui/scripts": "^1.0.0"
   },
   "dependencies": {
-    "@griffel/react": "1.0.0",
-    "@fluentui/react-shared-contexts": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/react-tabster": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/react-theme": "0.0.0-nightlyfc5cfdc52420220215.1",
-    "@fluentui/react-utilities": "0.0.0-nightlyfc5cfdc52420220215.1",
+    "@griffel/core": "1.4.0",
+    "@griffel/react": "1.2.0",
+    "@fluentui/react-shared-contexts": "^0.0.0",
+    "@fluentui/react-tabster": "^0.0.0",
+    "@fluentui/react-theme": "^0.0.0",
+    "@fluentui/react-utilities": "^0.0.0",
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
@@ -57,9 +48,14 @@
   },
   "beachball": {
     "disallowedChangeTypes": [
-      "major",
-      "minor",
-      "patch"
+      "major"
     ]
+  },
+  "exports": {
+    ".": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js",
+      "require": "./lib-commonjs/index.js"
+    }
   }
 }

package/dist/react-provider.d.ts

@@ -1,69 +0,0 @@
-import type { ComponentProps } from '@fluentui/react-utilities';
-import type { ComponentState } from '@fluentui/react-utilities';
-import type { PartialTheme } from '@fluentui/react-theme';
-import type { ProviderContextValue } from '@fluentui/react-shared-contexts';
-import * as React_2 from 'react';
-import type { Slot } from '@fluentui/react-utilities';
-import type { Theme } from '@fluentui/react-theme';
-import type { ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
-import type { TooltipContextType } from '@fluentui/react-shared-contexts';
-import { useFluent } from '@fluentui/react-shared-contexts';
-import { useTheme } from '@fluentui/react-shared-contexts';
-
-export declare const FluentProvider: React_2.ForwardRefExoticComponent<FluentProviderProps & React_2.RefAttributes<HTMLElement>>;
-
-export declare const fluentProviderClassName = "fui-FluentProvider";
-
-declare 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 declare interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
-    provider: ProviderContextValue;
-    themeClassName: ThemeClassNameContextValue;
-    textDirection: 'ltr' | 'rtl';
-    tooltip: TooltipContextType;
-}
-
-export declare interface FluentProviderProps extends Omit<ComponentProps<FluentProviderSlots>, 'dir'>, Partial<FluentProviderCommons> {
-    theme?: PartialTheme;
-}
-
-export declare type FluentProviderSlots = {
-    root: Slot<'div'>;
-};
-
-export declare interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
-    theme: Theme | Partial<Theme> | undefined;
-    themeClassName: string;
-}
-
-/**
- * Render the final JSX of FluentProvider
- */
-export declare const renderFluentProvider_unstable: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;
-
-export { useFluent }
-
-/**
- * Create the state required to render FluentProvider.
- *
- * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,
- * before being passed to renderFluentProvider_unstable.
- *
- * @param props - props from this instance of FluentProvider
- * @param ref - reference to root HTMLElement of FluentProvider
- */
-export declare const useFluentProvider_unstable: (props: FluentProviderProps, ref: React_2.Ref<HTMLElement>) => FluentProviderState;
-
-export declare function useFluentProviderContextValues_unstable(state: FluentProviderState): FluentProviderContextValues;
-
-/** Applies style classnames to slots */
-export declare const useFluentProviderStyles_unstable: (state: FluentProviderState) => FluentProviderState;
-
-export { useTheme }
-
-export { }

package/lib/FluentProvider.d.ts

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

package/lib/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/components/FluentProvider/FluentProvider.types.d.ts

@@ -1,26 +0,0 @@
-import type { ProviderContextValue, TooltipContextType, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
-import type { PartialTheme, Theme } from '@fluentui/react-theme';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type FluentProviderSlots = {
-    root: Slot<'div'>;
-};
-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 | Partial<Theme> | undefined;
-    themeClassName: string;
-}
-export interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
-    provider: ProviderContextValue;
-    themeClassName: ThemeClassNameContextValue;
-    textDirection: 'ltr' | 'rtl';
-    tooltip: TooltipContextType;
-}
-export {};

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

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

package/lib/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_unstable: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';
-/**
- * Create the state required to render FluentProvider.
- *
- * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,
- * before being passed to renderFluentProvider_unstable.
- *
- * @param props - props from this instance of FluentProvider
- * @param ref - reference to root HTMLElement of FluentProvider
- */
-export declare const useFluentProvider_unstable: (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_unstable(state: FluentProviderState): FluentProviderContextValues;

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

@@ -1,4 +0,0 @@
-import type { FluentProviderState } from './FluentProvider.types';
-export declare const fluentProviderClassName = "fui-FluentProvider";
-/** Applies style classnames to slots */
-export declare const useFluentProviderStyles_unstable: (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.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,WAAhB,QAAmC,2BAAnC;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,SAAS,uBAAT,QAAwC,2BAAxC;AAEA;;;;AAIG;;AACH,OAAO,MAAM,gBAAgB,GAAI,OAAD,IAAmE;AACjG,QAAM;AAAE,IAAA,cAAF;AAAkB,IAAA;AAAlB,MAA4B,OAAlC;AAEA,QAAM,UAAU,GAAG,KAAK,CAAC,uBAAD,CAAxB;AACA,QAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AAClC,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,UAAM,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,QAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AACjC,UAAM,eAAe,GAAG,KAAK,GACxB,MAAM,CAAC,IAAP,CAAY,KAAZ,EAA8C,MAA9C,CAAqD,CAAC,UAAD,EAAa,MAAb,KAAuB;AAC3E,MAAA,UAAU,IAAI,KAAK,MAAM,KAAK,KAAK,CAAC,MAAD,CAAQ,IAA3C;AACA,aAAO,UAAP;AACD,KAHA,EAGE,EAHF,CADwB,GAKzB,EALJ,CADiC,CAQjC;;AACA,WAAO,IAAI,UAAU,MAAM,eAAe,IAA1C;AACD,GAVe,EAUb,CAAC,KAAD,EAAQ,UAAR,CAVa,CAAhB;AAWA,QAAM,eAAe,GAAG,WAAW,CAAC,OAAD,CAAnC;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,UAAM,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,GApCgG,CAsCjG;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,WAAO,MAAK;AACV,UAAI,QAAJ,EAAc;AACZ,QAAA,QAAQ,CAAC,MAAT;AACD;AACF,KAJD;AAKD,GAND,EAMG,CAAC,QAAD,CANH;AAQA,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/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,26 +0,0 @@
-import type { ProviderContextValue, TooltipContextType, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
-import type { PartialTheme, Theme } from '@fluentui/react-theme';
-import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
-export declare type FluentProviderSlots = {
-    root: Slot<'div'>;
-};
-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 | Partial<Theme> | undefined;
-    themeClassName: string;
-}
-export interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
-    provider: ProviderContextValue;
-    themeClassName: ThemeClassNameContextValue;
-    textDirection: 'ltr' | 'rtl';
-    tooltip: TooltipContextType;
-}
-export {};

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

@@ -1,6 +0,0 @@
-export * from './FluentProvider';
-export * from './FluentProvider.types';
-export * from './renderFluentProvider';
-export * from './useFluentProvider';
-export * from './useFluentProviderStyles';
-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_unstable: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;

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

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';
-/**
- * Create the state required to render FluentProvider.
- *
- * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,
- * before being passed to renderFluentProvider_unstable.
- *
- * @param props - props from this instance of FluentProvider
- * @param ref - reference to root HTMLElement of FluentProvider
- */
-export declare const useFluentProvider_unstable: (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_unstable(state: FluentProviderState): FluentProviderContextValues;

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

@@ -1,4 +0,0 @@
-import type { FluentProviderState } from './FluentProvider.types';
-export declare const fluentProviderClassName = "fui-FluentProvider";
-/** Applies style classnames to slots */
-export declare const useFluentProviderStyles_unstable: (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.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAEA;;;;AAIG;;;AACI,MAAM,gBAAgB,GAAI,OAAD,IAAmE;AACjG,QAAM;AAAE,IAAA,cAAF;AAAkB,IAAA;AAAlB,MAA4B,OAAlC;AAEA,QAAM,UAAU,GAAG,iBAAA,CAAA,KAAA,CAAM,yBAAA,CAAA,uBAAN,CAAnB;AACA,QAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AAClC,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,UAAM,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,QAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,MAAK;AACjC,UAAM,eAAe,GAAG,KAAK,GACxB,MAAM,CAAC,IAAP,CAAY,KAAZ,EAA8C,MAA9C,CAAqD,CAAC,UAAD,EAAa,MAAb,KAAuB;AAC3E,MAAA,UAAU,IAAI,KAAK,MAAM,KAAK,KAAK,CAAC,MAAD,CAAQ,IAA3C;AACA,aAAO,UAAP;AACD,KAHA,EAGE,EAHF,CADwB,GAKzB,EALJ,CADiC,CAQjC;;AACA,WAAO,IAAI,UAAU,MAAM,eAAe,IAA1C;AACD,GAVe,EAUb,CAAC,KAAD,EAAQ,UAAR,CAVa,CAAhB;AAWA,QAAM,eAAe,GAAG,iBAAA,CAAA,WAAA,CAAY,OAAZ,CAAxB;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,UAAM,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,GApCgG,CAsCjG;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,WAAO,MAAK;AACV,UAAI,QAAJ,EAAc;AACZ,QAAA,QAAQ,CAAC,MAAT;AACD;AACF,KAJD;AAKD,GAND,EAMG,CAAC,QAAD,CANH;AAQA,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';