@fluentui/react-provider 9.0.0-rc.7 → 9.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +375 -1
- package/CHANGELOG.md +223 -110
- package/dist/{react-provider.d.ts → index.d.ts} +25 -34
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/components/FluentProvider/FluentProvider.js.map +1 -1
- package/lib/components/FluentProvider/FluentProvider.types.js.map +1 -1
- package/lib/components/FluentProvider/renderFluentProvider.js +5 -5
- package/lib/components/FluentProvider/renderFluentProvider.js.map +1 -1
- package/lib/components/FluentProvider/useFluentProvider.js +5 -1
- package/lib/components/FluentProvider/useFluentProvider.js.map +1 -1
- package/lib/components/FluentProvider/useFluentProviderContextValues.js +1 -2
- package/lib/components/FluentProvider/useFluentProviderContextValues.js.map +1 -1
- package/lib/components/FluentProvider/useFluentProviderStyles.js +12 -10
- package/lib/components/FluentProvider/useFluentProviderStyles.js.map +1 -1
- package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js +9 -4
- package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js.map +1 -1
- package/lib/index.js +1 -3
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/FluentProvider.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/renderFluentProvider.js +4 -4
- package/lib-commonjs/components/FluentProvider/renderFluentProvider.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/useFluentProvider.js +6 -2
- package/lib-commonjs/components/FluentProvider/useFluentProvider.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/useFluentProviderContextValues.js +1 -3
- package/lib-commonjs/components/FluentProvider/useFluentProviderContextValues.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js +14 -11
- package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js +9 -4
- package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js.map +1 -1
- package/lib-commonjs/index.js +2 -24
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +12 -13
- package/lib/FluentProvider.d.ts +0 -1
- package/lib/components/FluentProvider/FluentProvider.d.ts +0 -3
- package/lib/components/FluentProvider/FluentProvider.types.d.ts +0 -26
- package/lib/components/FluentProvider/index.d.ts +0 -7
- package/lib/components/FluentProvider/renderFluentProvider.d.ts +0 -5
- package/lib/components/FluentProvider/useFluentProvider.d.ts +0 -12
- package/lib/components/FluentProvider/useFluentProviderContextValues.d.ts +0 -2
- package/lib/components/FluentProvider/useFluentProviderStyles.d.ts +0 -9
- package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.d.ts +0 -7
- package/lib/index.d.ts +0 -3
- package/lib-commonjs/FluentProvider.d.ts +0 -1
- package/lib-commonjs/components/FluentProvider/FluentProvider.d.ts +0 -3
- package/lib-commonjs/components/FluentProvider/FluentProvider.types.d.ts +0 -26
- package/lib-commonjs/components/FluentProvider/index.d.ts +0 -7
- package/lib-commonjs/components/FluentProvider/renderFluentProvider.d.ts +0 -5
- package/lib-commonjs/components/FluentProvider/useFluentProvider.d.ts +0 -12
- package/lib-commonjs/components/FluentProvider/useFluentProviderContextValues.d.ts +0 -2
- package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.d.ts +0 -9
- package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.d.ts +0 -7
- package/lib-commonjs/index.d.ts +0 -3
package/lib-commonjs/index.js
CHANGED
@@ -3,17 +3,10 @@
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
4
4
|
value: true
|
5
5
|
});
|
6
|
-
exports.
|
6
|
+
exports.useFluentProviderThemeStyleTag = exports.useFluentProviderStyles_unstable = exports.useFluentProvider_unstable = exports.useFluentProviderContextValues_unstable = exports.renderFluentProvider_unstable = exports.FluentProvider = exports.fluentProviderClassNames = void 0;
|
7
7
|
|
8
|
-
var FluentProvider_1 = /*#__PURE__*/require("./FluentProvider");
|
8
|
+
var FluentProvider_1 = /*#__PURE__*/require("./FluentProvider");
|
9
9
|
|
10
|
-
|
11
|
-
Object.defineProperty(exports, "fluentProviderClassName", {
|
12
|
-
enumerable: true,
|
13
|
-
get: function () {
|
14
|
-
return FluentProvider_1.fluentProviderClassName;
|
15
|
-
}
|
16
|
-
});
|
17
10
|
Object.defineProperty(exports, "fluentProviderClassNames", {
|
18
11
|
enumerable: true,
|
19
12
|
get: function () {
|
@@ -56,19 +49,4 @@ Object.defineProperty(exports, "useFluentProviderThemeStyleTag", {
|
|
56
49
|
return FluentProvider_1.useFluentProviderThemeStyleTag;
|
57
50
|
}
|
58
51
|
});
|
59
|
-
|
60
|
-
var react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
61
|
-
|
62
|
-
Object.defineProperty(exports, "useFluent", {
|
63
|
-
enumerable: true,
|
64
|
-
get: function () {
|
65
|
-
return react_shared_contexts_1.useFluent;
|
66
|
-
}
|
67
|
-
});
|
68
|
-
Object.defineProperty(exports, "useTheme", {
|
69
|
-
enumerable: true,
|
70
|
-
get: function () {
|
71
|
-
return react_shared_contexts_1.useTheme;
|
72
|
-
}
|
73
|
-
});
|
74
52
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA,
|
1
|
+
{"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
CHANGED
@@ -1,10 +1,10 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-provider",
|
3
|
-
"version": "9.0.0
|
3
|
+
"version": "9.0.0",
|
4
4
|
"description": "Fluent UI React provider component",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
7
|
-
"typings": "
|
7
|
+
"typings": "dist/index.d.ts",
|
8
8
|
"sideEffects": false,
|
9
9
|
"repository": {
|
10
10
|
"type": "git",
|
@@ -20,23 +20,24 @@
|
|
20
20
|
"just": "just-scripts",
|
21
21
|
"lint": "just-scripts lint",
|
22
22
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
23
|
-
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node
|
24
|
-
"storybook": "node
|
23
|
+
"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",
|
24
|
+
"storybook": "node ../../../scripts/storybook/runner",
|
25
25
|
"start": "yarn storybook",
|
26
26
|
"type-check": "tsc -b tsconfig.json"
|
27
27
|
},
|
28
28
|
"devDependencies": {
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
30
30
|
"@fluentui/react-conformance": "*",
|
31
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
31
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.9",
|
32
32
|
"@fluentui/scripts": "^1.0.0"
|
33
33
|
},
|
34
34
|
"dependencies": {
|
35
|
-
"@griffel/
|
36
|
-
"@
|
37
|
-
"@fluentui/react-
|
38
|
-
"@fluentui/react-
|
39
|
-
"@fluentui/react-
|
35
|
+
"@griffel/core": "1.4.0",
|
36
|
+
"@griffel/react": "1.2.0",
|
37
|
+
"@fluentui/react-shared-contexts": "^9.0.0",
|
38
|
+
"@fluentui/react-tabster": "^9.0.0",
|
39
|
+
"@fluentui/react-theme": "^9.0.0",
|
40
|
+
"@fluentui/react-utilities": "^9.0.0",
|
40
41
|
"tslib": "^2.1.0"
|
41
42
|
},
|
42
43
|
"peerDependencies": {
|
@@ -47,9 +48,7 @@
|
|
47
48
|
},
|
48
49
|
"beachball": {
|
49
50
|
"disallowedChangeTypes": [
|
50
|
-
"major"
|
51
|
-
"minor",
|
52
|
-
"patch"
|
51
|
+
"major"
|
53
52
|
]
|
54
53
|
},
|
55
54
|
"exports": {
|
package/lib/FluentProvider.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/FluentProvider/index';
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import type { ProviderContextValue, TooltipContextType, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
|
2
|
-
import type { PartialTheme, Theme } from '@fluentui/react-theme';
|
3
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
4
|
-
export declare type FluentProviderSlots = {
|
5
|
-
root: Slot<'div'>;
|
6
|
-
};
|
7
|
-
interface FluentProviderCommons {
|
8
|
-
/** Sets the direction of text & generated styles. */
|
9
|
-
dir: 'ltr' | 'rtl';
|
10
|
-
/** Provides the document, can be undefined during SSR render. */
|
11
|
-
targetDocument: Document | undefined;
|
12
|
-
}
|
13
|
-
export interface FluentProviderProps extends Omit<ComponentProps<FluentProviderSlots>, 'dir'>, Partial<FluentProviderCommons> {
|
14
|
-
theme?: PartialTheme;
|
15
|
-
}
|
16
|
-
export interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
|
17
|
-
theme: Theme | Partial<Theme> | undefined;
|
18
|
-
themeClassName: string;
|
19
|
-
}
|
20
|
-
export interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
|
21
|
-
provider: ProviderContextValue;
|
22
|
-
themeClassName: ThemeClassNameContextValue;
|
23
|
-
textDirection: 'ltr' | 'rtl';
|
24
|
-
tooltip: TooltipContextType;
|
25
|
-
}
|
26
|
-
export {};
|
@@ -1,7 +0,0 @@
|
|
1
|
-
export * from './FluentProvider';
|
2
|
-
export * from './FluentProvider.types';
|
3
|
-
export * from './renderFluentProvider';
|
4
|
-
export * from './useFluentProvider';
|
5
|
-
export * from './useFluentProviderStyles';
|
6
|
-
export * from './useFluentProviderContextValues';
|
7
|
-
export * from './useFluentProviderThemeStyleTag';
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';
|
2
|
-
/**
|
3
|
-
* Render the final JSX of FluentProvider
|
4
|
-
*/
|
5
|
-
export declare const renderFluentProvider_unstable: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';
|
3
|
-
/**
|
4
|
-
* Create the state required to render FluentProvider.
|
5
|
-
*
|
6
|
-
* The returned state can be modified with hooks such as useFluentProviderStyles_unstable,
|
7
|
-
* before being passed to renderFluentProvider_unstable.
|
8
|
-
*
|
9
|
-
* @param props - props from this instance of FluentProvider
|
10
|
-
* @param ref - reference to root HTMLElement of FluentProvider
|
11
|
-
*/
|
12
|
-
export declare const useFluentProvider_unstable: (props: FluentProviderProps, ref: React.Ref<HTMLElement>) => FluentProviderState;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';
|
2
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* @deprecated Use `fluentProviderClassNames.root` instead.
|
5
|
-
*/
|
6
|
-
export declare const fluentProviderClassName = "fui-FluentProvider";
|
7
|
-
export declare const fluentProviderClassNames: SlotClassNames<FluentProviderSlots>;
|
8
|
-
/** Applies style classnames to slots */
|
9
|
-
export declare const useFluentProviderStyles_unstable: (state: FluentProviderState) => FluentProviderState;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FluentProviderState } from './FluentProvider.types';
|
2
|
-
/**
|
3
|
-
* Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class
|
4
|
-
*
|
5
|
-
* @returns CSS class to apply the rule
|
6
|
-
*/
|
7
|
-
export declare const useFluentProviderThemeStyleTag: (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => string;
|
package/lib/index.d.ts
DELETED
@@ -1,3 +0,0 @@
|
|
1
|
-
export { fluentProviderClassName, fluentProviderClassNames, FluentProvider, renderFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProvider_unstable, useFluentProviderStyles_unstable, useFluentProviderThemeStyleTag, } from './FluentProvider';
|
2
|
-
export type { FluentProviderContextValues, FluentProviderProps, FluentProviderState, FluentProviderSlots, } from './FluentProvider';
|
3
|
-
export { useFluent, useTheme } from '@fluentui/react-shared-contexts';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/FluentProvider/index';
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import type { ProviderContextValue, TooltipContextType, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
|
2
|
-
import type { PartialTheme, Theme } from '@fluentui/react-theme';
|
3
|
-
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
4
|
-
export declare type FluentProviderSlots = {
|
5
|
-
root: Slot<'div'>;
|
6
|
-
};
|
7
|
-
interface FluentProviderCommons {
|
8
|
-
/** Sets the direction of text & generated styles. */
|
9
|
-
dir: 'ltr' | 'rtl';
|
10
|
-
/** Provides the document, can be undefined during SSR render. */
|
11
|
-
targetDocument: Document | undefined;
|
12
|
-
}
|
13
|
-
export interface FluentProviderProps extends Omit<ComponentProps<FluentProviderSlots>, 'dir'>, Partial<FluentProviderCommons> {
|
14
|
-
theme?: PartialTheme;
|
15
|
-
}
|
16
|
-
export interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
|
17
|
-
theme: Theme | Partial<Theme> | undefined;
|
18
|
-
themeClassName: string;
|
19
|
-
}
|
20
|
-
export interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
|
21
|
-
provider: ProviderContextValue;
|
22
|
-
themeClassName: ThemeClassNameContextValue;
|
23
|
-
textDirection: 'ltr' | 'rtl';
|
24
|
-
tooltip: TooltipContextType;
|
25
|
-
}
|
26
|
-
export {};
|
@@ -1,7 +0,0 @@
|
|
1
|
-
export * from './FluentProvider';
|
2
|
-
export * from './FluentProvider.types';
|
3
|
-
export * from './renderFluentProvider';
|
4
|
-
export * from './useFluentProvider';
|
5
|
-
export * from './useFluentProviderStyles';
|
6
|
-
export * from './useFluentProviderContextValues';
|
7
|
-
export * from './useFluentProviderThemeStyleTag';
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';
|
2
|
-
/**
|
3
|
-
* Render the final JSX of FluentProvider
|
4
|
-
*/
|
5
|
-
export declare const renderFluentProvider_unstable: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';
|
3
|
-
/**
|
4
|
-
* Create the state required to render FluentProvider.
|
5
|
-
*
|
6
|
-
* The returned state can be modified with hooks such as useFluentProviderStyles_unstable,
|
7
|
-
* before being passed to renderFluentProvider_unstable.
|
8
|
-
*
|
9
|
-
* @param props - props from this instance of FluentProvider
|
10
|
-
* @param ref - reference to root HTMLElement of FluentProvider
|
11
|
-
*/
|
12
|
-
export declare const useFluentProvider_unstable: (props: FluentProviderProps, ref: React.Ref<HTMLElement>) => FluentProviderState;
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import type { FluentProviderSlots, FluentProviderState } from './FluentProvider.types';
|
2
|
-
import { SlotClassNames } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* @deprecated Use `fluentProviderClassNames.root` instead.
|
5
|
-
*/
|
6
|
-
export declare const fluentProviderClassName = "fui-FluentProvider";
|
7
|
-
export declare const fluentProviderClassNames: SlotClassNames<FluentProviderSlots>;
|
8
|
-
/** Applies style classnames to slots */
|
9
|
-
export declare const useFluentProviderStyles_unstable: (state: FluentProviderState) => FluentProviderState;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { FluentProviderState } from './FluentProvider.types';
|
2
|
-
/**
|
3
|
-
* Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class
|
4
|
-
*
|
5
|
-
* @returns CSS class to apply the rule
|
6
|
-
*/
|
7
|
-
export declare const useFluentProviderThemeStyleTag: (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => string;
|
package/lib-commonjs/index.d.ts
DELETED
@@ -1,3 +0,0 @@
|
|
1
|
-
export { fluentProviderClassName, fluentProviderClassNames, FluentProvider, renderFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProvider_unstable, useFluentProviderStyles_unstable, useFluentProviderThemeStyleTag, } from './FluentProvider';
|
2
|
-
export type { FluentProviderContextValues, FluentProviderProps, FluentProviderState, FluentProviderSlots, } from './FluentProvider';
|
3
|
-
export { useFluent, useTheme } from '@fluentui/react-shared-contexts';
|