@fluentui/react-provider 9.0.0-alpha.8 → 9.0.0-alpha.83

package/config/api-extractor.json

@@ -1,3 +0,0 @@
-{
-  "extends": "@fluentui/scripts/api-extractor/api-extractor.common.json"
-}

package/etc/react-provider.api.md

@@ -1,63 +0,0 @@
-## API Report File for "@fluentui/react-provider"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { PartialTheme } from '@fluentui/react-theme';
-import * as React from 'react';
-import { Theme } from '@fluentui/react-theme';
-
-// @public
-export const FluentProvider: React.FunctionComponent<ProviderProps>;
-
-// @public (undocumented)
-export interface FluentProviderContextValue {
-    dir: 'ltr' | 'rtl';
-    document: Document | undefined;
-}
-
-// @public (undocumented)
-export interface FluentThemeProviderValue extends Theme {
-}
-
-// @public (undocumented)
-export const internal__FluentProviderContext: React.Context<FluentProviderContextValue>;
-
-// @public (undocumented)
-export interface ProviderProps {
-    dir?: 'ltr' | 'rtl';
-    document?: Document | undefined;
-    // (undocumented)
-    theme?: PartialTheme;
-}
-
-// @public (undocumented)
-export interface ProviderState {
-    // (undocumented)
-    dir: 'ltr' | 'rtl';
-    // (undocumented)
-    document: Document | undefined;
-    // (undocumented)
-    theme: Theme;
-}
-
-// @public (undocumented)
-export function renderFluentProvider(state: ProviderState): JSX.Element;
-
-// @public (undocumented)
-export function useFluent(): FluentProviderContextValue;
-
-// @public
-export function useFluentProvider(props: ProviderProps, ref: React.Ref<HTMLElement>): {
-    state: ProviderState;
-    render: typeof renderFluentProvider;
-};
-
-// @public (undocumented)
-export function useFluentProviderState(draftState: ProviderState): void;
-
-
-// (No @packageDocumentation comment for this package)
-
-```

package/just.config.ts

@@ -1,3 +0,0 @@
-import { preset } from '@fluentui/scripts';
-
-preset();

package/lib/context.d.ts

@@ -1,12 +0,0 @@
-import { Theme } from '@fluentui/react-theme';
-import * as React from 'react';
-export interface FluentProviderContextValue {
-    /** Sets the direction of text & generated styles. */
-    dir: 'ltr' | 'rtl';
-    /** Provides the document, can be undefined during SSR render. */
-    document: Document | undefined;
-}
-export interface FluentThemeProviderValue extends Theme {
-}
-export declare const internal__FluentProviderContext: React.Context<FluentProviderContextValue>;
-export declare function useFluent(): FluentProviderContextValue;

package/lib/context.js

@@ -1,10 +0,0 @@
-import * as React from 'react';
-// eslint-disable-next-line @typescript-eslint/naming-convention
-export var internal__FluentProviderContext = React.createContext({
-    document: typeof document === 'object' ? document : undefined,
-    dir: 'ltr',
-});
-export function useFluent() {
-    return React.useContext(internal__FluentProviderContext);
-}
-//# sourceMappingURL=context.js.map

package/lib/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"../src/","sources":["context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,gEAAgE;AAChE,MAAM,CAAC,IAAM,+BAA+B,GAAG,KAAK,CAAC,aAAa,CAA6B;IAC7F,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;IAC7D,GAAG,EAAE,KAAK;CACX,CAAC,CAAC;AAEH,MAAM,UAAU,SAAS;IACvB,OAAO,KAAK,CAAC,UAAU,CAAC,+BAA+B,CAAC,CAAC;AAC3D,CAAC","sourcesContent":["import { Theme } from '@fluentui/react-theme';\nimport * as React from 'react';\n\nexport interface FluentProviderContextValue {\n  /** Sets the direction of text & generated styles. */\n  dir: 'ltr' | 'rtl';\n\n  /** Provides the document, can be undefined during SSR render. */\n  document: Document | undefined;\n}\n\nexport interface FluentThemeProviderValue extends Theme {}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const internal__FluentProviderContext = React.createContext<FluentProviderContextValue>({\n  document: typeof document === 'object' ? document : undefined,\n  dir: 'ltr',\n});\n\nexport function useFluent(): FluentProviderContextValue {\n  return React.useContext(internal__FluentProviderContext);\n}\n"]}

package/lib-amd/FluentProvider.d.ts

@@ -1,28 +0,0 @@
-import { PartialTheme, Theme } from '@fluentui/react-theme';
-import * as React from 'react';
-export interface ProviderProps {
-    /** Sets the direction of text & generated styles. */
-    dir?: 'ltr' | 'rtl';
-    /** Provides the document, can be undefined during SSR render. */
-    document?: Document | undefined;
-    theme?: PartialTheme;
-}
-export interface ProviderState {
-    dir: 'ltr' | 'rtl';
-    document: Document | undefined;
-    theme: Theme;
-}
-export declare function useFluentProviderState(draftState: ProviderState): void;
-export declare function renderFluentProvider(state: ProviderState): JSX.Element;
-/**
- * Returns the ThemeProvider render function and calculated state, given user input, ref, and
- * a set of default prop values.
- */
-export declare function useFluentProvider(props: ProviderProps, ref: React.Ref<HTMLElement>): {
-    state: ProviderState;
-    render: typeof renderFluentProvider;
-};
-/**
- * A React provider that allows to define theme, text direction and context for rendering for children components.
- */
-export declare const FluentProvider: React.FunctionComponent<ProviderProps>;

package/lib-amd/FluentProvider.js

@@ -1,50 +0,0 @@
-define(["require", "exports", "tslib", "@fluentui/react-theme-provider", "@fluentui/react-focus-management", "@fluentui/react-utilities", "react", "./context"], function (require, exports, tslib_1, react_theme_provider_1, react_focus_management_1, react_utilities_1, React, context_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var mergeProps = react_utilities_1.makeMergeProps();
-    function useFluentProviderState(draftState) {
-        var parentContext = context_1.useFluent();
-        react_theme_provider_1.useThemeProviderState(draftState);
-        // TODO: add merge functions
-        draftState.document = draftState.document || parentContext.document;
-        draftState.dir = draftState.dir || parentContext.dir;
-    }
-    exports.useFluentProviderState = useFluentProviderState;
-    function renderFluentProvider(state) {
-        var _a = react_utilities_1.getSlots(state), slots = _a.slots, slotProps = _a.slotProps;
-        var dir = state.dir, document = state.document, theme = state.theme;
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        var value = React.useMemo(function () { return ({ dir: dir, document: document }); }, [dir, document]);
-        return (React.createElement(context_1.internal__FluentProviderContext.Provider, { value: value },
-            React.createElement(react_theme_provider_1.internal__ThemeContext.Provider, { value: theme },
-                React.createElement(react_focus_management_1.FocusManagementProvider, { document: document, dir: dir },
-                    React.createElement(slots.root, tslib_1.__assign({}, slotProps.root))))));
-    }
-    exports.renderFluentProvider = renderFluentProvider;
-    /**
-     * Returns the ThemeProvider render function and calculated state, given user input, ref, and
-     * a set of default prop values.
-     */
-    function useFluentProvider(props, ref) {
-        var rootRef = react_utilities_1.useMergedRefs(ref, React.useRef(null));
-        var state = mergeProps({
-            ref: rootRef,
-            as: 'div',
-        }, {}, props);
-        useFluentProviderState(state);
-        return {
-            state: state,
-            render: renderFluentProvider,
-        };
-    }
-    exports.useFluentProvider = useFluentProvider;
-    /**
-     * A React provider that allows to define theme, text direction and context for rendering for children components.
-     */
-    exports.FluentProvider = React.forwardRef(function (props, ref) {
-        var _a = useFluentProvider(props, ref), render = _a.render, state = _a.state;
-        return render(state);
-    });
-    exports.FluentProvider.displayName = 'Provider';
-});
-//# sourceMappingURL=FluentProvider.js.map

package/lib-amd/FluentProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentProvider.js","sourceRoot":"../src/","sources":["FluentProvider.tsx"],"names":[],"mappings":";;;IAuBA,IAAM,UAAU,GAAG,gCAAc,EAAiB,CAAC;IAEnD,SAAgB,sBAAsB,CAAC,UAAyB;QAC9D,IAAM,aAAa,GAAG,mBAAS,EAAE,CAAC;QAElC,4CAAqB,CAAC,UAAgC,CAAC,CAAC;QAExD,4BAA4B;QAC5B,UAAU,CAAC,QAAQ,GAAG,UAAU,CAAC,QAAQ,IAAI,aAAa,CAAC,QAAQ,CAAC;QACpE,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,IAAI,aAAa,CAAC,GAAG,CAAC;IACvD,CAAC;IARD,wDAQC;IAED,SAAgB,oBAAoB,CAAC,KAAoB;QACjD,IAAA,sCAAsC,EAApC,gBAAK,EAAE,wBAA6B,CAAC;QACrC,IAAA,eAAG,EAAE,yBAAQ,EAAE,mBAAK,CAAW;QAEvC,sDAAsD;QACtD,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,CAAC,EAAE,GAAG,KAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,EAAnB,CAAmB,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC;QAExE,OAAO,CACL,oBAAC,yCAA+B,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;YACpD,oBAAC,6CAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK;gBAC3C,oBAAC,gDAAuB,IAAC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG;oBACnD,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,EAAI,CACV,CACM,CACO,CAC5C,CAAC;IACJ,CAAC;IAhBD,oDAgBC;IAED;;;OAGG;IACH,SAAgB,iBAAiB,CAAC,KAAoB,EAAE,GAA2B;QACjF,IAAM,OAAO,GAAG,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC,CAAC;QACpE,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,EAAE,OAAO;YACZ,EAAE,EAAE,KAAK;SACV,EACD,EAAE,EACF,KAAK,CACN,CAAC;QAEF,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAE9B,OAAO;YACL,KAAK,OAAA;YACL,MAAM,EAAE,oBAAoB;SAC7B,CAAC;IACJ,CAAC;IAjBD,8CAiBC;IAED;;OAEG;IACU,QAAA,cAAc,GAA2C,KAAK,CAAC,UAAU,CACpF,UAAC,KAAoB,EAAE,GAA8B;QAC7C,IAAA,kCAAiD,EAA/C,kBAAM,EAAE,gBAAuC,CAAC;QAExD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CACF,CAAC;IAEF,sBAAc,CAAC,WAAW,GAAG,UAAU,CAAC","sourcesContent":["import { PartialTheme, Theme } from '@fluentui/react-theme';\nimport { internal__ThemeContext, ThemeProviderState, useThemeProviderState } from '@fluentui/react-theme-provider';\nimport { FocusManagementProvider } from '@fluentui/react-focus-management';\nimport { getSlots, makeMergeProps, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nimport { internal__FluentProviderContext, useFluent } from './context';\n\nexport interface ProviderProps {\n  /** Sets the direction of text & generated styles. */\n  dir?: 'ltr' | 'rtl';\n\n  /** Provides the document, can be undefined during SSR render. */\n  document?: Document | undefined;\n\n  theme?: PartialTheme;\n}\nexport interface ProviderState {\n  dir: 'ltr' | 'rtl';\n  document: Document | undefined;\n  theme: Theme;\n}\n\nconst mergeProps = makeMergeProps<ProviderState>();\n\nexport function useFluentProviderState(draftState: ProviderState) {\n  const parentContext = useFluent();\n\n  useThemeProviderState(draftState as ThemeProviderState);\n\n  // TODO: add merge functions\n  draftState.document = draftState.document || parentContext.document;\n  draftState.dir = draftState.dir || parentContext.dir;\n}\n\nexport function renderFluentProvider(state: ProviderState) {\n  const { slots, slotProps } = getSlots(state);\n  const { dir, document, theme } = state;\n\n  // eslint-disable-next-line react-hooks/rules-of-hooks\n  const value = React.useMemo(() => ({ dir, document }), [dir, document]);\n\n  return (\n    <internal__FluentProviderContext.Provider value={value}>\n      <internal__ThemeContext.Provider value={theme}>\n        <FocusManagementProvider document={document} dir={dir}>\n          <slots.root {...slotProps.root} />\n        </FocusManagementProvider>\n      </internal__ThemeContext.Provider>\n    </internal__FluentProviderContext.Provider>\n  );\n}\n\n/**\n * Returns the ThemeProvider render function and calculated state, given user input, ref, and\n * a set of default prop values.\n */\nexport function useFluentProvider(props: ProviderProps, ref: React.Ref<HTMLElement>) {\n  const rootRef = useMergedRefs(ref, React.useRef<HTMLElement>(null));\n  const state = mergeProps(\n    {\n      ref: rootRef,\n      as: 'div',\n    },\n    {},\n    props,\n  );\n\n  useFluentProviderState(state);\n\n  return {\n    state,\n    render: renderFluentProvider,\n  };\n}\n\n/**\n * A React provider that allows to define theme, text direction and context for rendering for children components.\n */\nexport const FluentProvider: React.FunctionComponent<ProviderProps> = React.forwardRef<HTMLDivElement, ProviderProps>(\n  (props: ProviderProps, ref: React.Ref<HTMLDivElement>) => {\n    const { render, state } = useFluentProvider(props, ref);\n\n    return render(state);\n  },\n);\n\nFluentProvider.displayName = 'Provider';\n"]}

package/lib-amd/context.d.ts

@@ -1,12 +0,0 @@
-import { Theme } from '@fluentui/react-theme';
-import * as React from 'react';
-export interface FluentProviderContextValue {
-    /** Sets the direction of text & generated styles. */
-    dir: 'ltr' | 'rtl';
-    /** Provides the document, can be undefined during SSR render. */
-    document: Document | undefined;
-}
-export interface FluentThemeProviderValue extends Theme {
-}
-export declare const internal__FluentProviderContext: React.Context<FluentProviderContextValue>;
-export declare function useFluent(): FluentProviderContextValue;

package/lib-amd/context.js

@@ -1,14 +0,0 @@
-define(["require", "exports", "react"], function (require, exports, React) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    exports.internal__FluentProviderContext = React.createContext({
-        document: typeof document === 'object' ? document : undefined,
-        dir: 'ltr',
-    });
-    function useFluent() {
-        return React.useContext(exports.internal__FluentProviderContext);
-    }
-    exports.useFluent = useFluent;
-});
-//# sourceMappingURL=context.js.map

package/lib-amd/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"../src/","sources":["context.ts"],"names":[],"mappings":";;;IAaA,gEAAgE;IACnD,QAAA,+BAA+B,GAAG,KAAK,CAAC,aAAa,CAA6B;QAC7F,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;QAC7D,GAAG,EAAE,KAAK;KACX,CAAC,CAAC;IAEH,SAAgB,SAAS;QACvB,OAAO,KAAK,CAAC,UAAU,CAAC,uCAA+B,CAAC,CAAC;IAC3D,CAAC;IAFD,8BAEC","sourcesContent":["import { Theme } from '@fluentui/react-theme';\nimport * as React from 'react';\n\nexport interface FluentProviderContextValue {\n  /** Sets the direction of text & generated styles. */\n  dir: 'ltr' | 'rtl';\n\n  /** Provides the document, can be undefined during SSR render. */\n  document: Document | undefined;\n}\n\nexport interface FluentThemeProviderValue extends Theme {}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const internal__FluentProviderContext = React.createContext<FluentProviderContextValue>({\n  document: typeof document === 'object' ? document : undefined,\n  dir: 'ltr',\n});\n\nexport function useFluent(): FluentProviderContextValue {\n  return React.useContext(internal__FluentProviderContext);\n}\n"]}

package/lib-amd/index.d.ts

@@ -1,2 +0,0 @@
-export * from './context';
-export * from './FluentProvider';

package/lib-amd/index.js

@@ -1,7 +0,0 @@
-define(["require", "exports", "tslib", "./context", "./FluentProvider"], function (require, exports, tslib_1, context_1, FluentProvider_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(context_1, exports);
-    tslib_1.__exportStar(FluentProvider_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,yCAA0B;IAC1B,gDAAiC","sourcesContent":["export * from './context';\nexport * from './FluentProvider';\n"]}

package/lib-commonjs/context.d.ts

@@ -1,12 +0,0 @@
-import { Theme } from '@fluentui/react-theme';
-import * as React from 'react';
-export interface FluentProviderContextValue {
-    /** Sets the direction of text & generated styles. */
-    dir: 'ltr' | 'rtl';
-    /** Provides the document, can be undefined during SSR render. */
-    document: Document | undefined;
-}
-export interface FluentThemeProviderValue extends Theme {
-}
-export declare const internal__FluentProviderContext: React.Context<FluentProviderContextValue>;
-export declare function useFluent(): FluentProviderContextValue;

package/lib-commonjs/context.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var React = require("react");
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.internal__FluentProviderContext = React.createContext({
-    document: typeof document === 'object' ? document : undefined,
-    dir: 'ltr',
-});
-function useFluent() {
-    return React.useContext(exports.internal__FluentProviderContext);
-}
-exports.useFluent = useFluent;
-//# sourceMappingURL=context.js.map

package/lib-commonjs/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"../src/","sources":["context.ts"],"names":[],"mappings":";;AACA,6BAA+B;AAY/B,gEAAgE;AACnD,QAAA,+BAA+B,GAAG,KAAK,CAAC,aAAa,CAA6B;IAC7F,QAAQ,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;IAC7D,GAAG,EAAE,KAAK;CACX,CAAC,CAAC;AAEH,SAAgB,SAAS;IACvB,OAAO,KAAK,CAAC,UAAU,CAAC,uCAA+B,CAAC,CAAC;AAC3D,CAAC;AAFD,8BAEC","sourcesContent":["import { Theme } from '@fluentui/react-theme';\nimport * as React from 'react';\n\nexport interface FluentProviderContextValue {\n  /** Sets the direction of text & generated styles. */\n  dir: 'ltr' | 'rtl';\n\n  /** Provides the document, can be undefined during SSR render. */\n  document: Document | undefined;\n}\n\nexport interface FluentThemeProviderValue extends Theme {}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const internal__FluentProviderContext = React.createContext<FluentProviderContextValue>({\n  document: typeof document === 'object' ? document : undefined,\n  dir: 'ltr',\n});\n\nexport function useFluent(): FluentProviderContextValue {\n  return React.useContext(internal__FluentProviderContext);\n}\n"]}