@fluentui/react-provider 0.0.0-nightly-20230317-1454.1 → 0.0.0-nightly-20230322-0439.1
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/.swcrc +2 -11
- package/CHANGELOG.json +64 -13
- package/CHANGELOG.md +24 -9
- package/lib/FluentProvider.js +1 -1
- package/lib/components/FluentProvider/FluentProvider.js +6 -6
- package/lib/components/FluentProvider/index.js +7 -7
- package/lib/components/FluentProvider/renderFluentProvider.js +4 -4
- package/lib/components/FluentProvider/useFluentProvider.js +8 -8
- package/lib/components/FluentProvider/useFluentProviderContextValues.js +1 -1
- package/lib/components/FluentProvider/useFluentProviderStyles.js +4 -4
- package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js +11 -10
- package/lib/components/FluentProvider/useFluentProviderThemeStyleTag.js.map +1 -1
- package/lib/index.js +1 -1
- package/lib-commonjs/FluentProvider.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/FluentProvider.js +1 -1
- package/lib-commonjs/components/FluentProvider/FluentProvider.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/index.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/renderFluentProvider.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/useFluentProvider.js +3 -3
- package/lib-commonjs/components/FluentProvider/useFluentProvider.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/useFluentProviderContextValues.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js +1 -1
- package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js.map +1 -1
- package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js +7 -6
- package/lib-commonjs/components/FluentProvider/useFluentProviderThemeStyleTag.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +7 -6
package/.swcrc
CHANGED
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/swcrc",
|
|
3
|
-
"env": {
|
|
4
|
-
"targets": {
|
|
5
|
-
"chrome": "84",
|
|
6
|
-
"edge": "84",
|
|
7
|
-
"firefox": "75",
|
|
8
|
-
"opera": "73",
|
|
9
|
-
"safari": "14.1"
|
|
10
|
-
},
|
|
11
|
-
"bugfixes": true
|
|
12
|
-
},
|
|
13
3
|
"exclude": [
|
|
14
4
|
"/testing",
|
|
15
5
|
"/**/*.cy.ts",
|
|
@@ -32,7 +22,8 @@
|
|
|
32
22
|
"runtime": "classic",
|
|
33
23
|
"useSpread": true
|
|
34
24
|
}
|
|
35
|
-
}
|
|
25
|
+
},
|
|
26
|
+
"target": "es2019"
|
|
36
27
|
},
|
|
37
28
|
"minify": false,
|
|
38
29
|
"sourceMaps": true
|
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
"name": "@fluentui/react-provider",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-provider_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Wed, 22 Mar 2023 04:46:49 GMT",
|
|
6
|
+
"tag": "@fluentui/react-provider_v0.0.0-nightly-20230322-0439.1",
|
|
7
|
+
"version": "0.0.0-nightly-20230322-0439.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
@@ -16,32 +16,83 @@
|
|
|
16
16
|
{
|
|
17
17
|
"author": "beachball",
|
|
18
18
|
"package": "@fluentui/react-provider",
|
|
19
|
-
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
20
|
-
"commit": "
|
|
19
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1",
|
|
20
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"author": "beachball",
|
|
24
24
|
"package": "@fluentui/react-provider",
|
|
25
|
-
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
26
|
-
"commit": "
|
|
25
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20230322-0439.1",
|
|
26
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
27
27
|
},
|
|
28
28
|
{
|
|
29
29
|
"author": "beachball",
|
|
30
30
|
"package": "@fluentui/react-provider",
|
|
31
|
-
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
32
|
-
"commit": "
|
|
31
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1",
|
|
32
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
35
|
"author": "beachball",
|
|
36
36
|
"package": "@fluentui/react-provider",
|
|
37
|
-
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
38
|
-
"commit": "
|
|
37
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1",
|
|
38
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
39
39
|
},
|
|
40
40
|
{
|
|
41
41
|
"author": "beachball",
|
|
42
42
|
"package": "@fluentui/react-provider",
|
|
43
|
-
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
44
|
-
"commit": "
|
|
43
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1",
|
|
44
|
+
"commit": "49dde84493fc2c3e96abac5ce918169c9668ba66"
|
|
45
|
+
}
|
|
46
|
+
]
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
"date": "Tue, 21 Mar 2023 21:23:47 GMT",
|
|
51
|
+
"tag": "@fluentui/react-provider_v9.4.5",
|
|
52
|
+
"version": "9.4.5",
|
|
53
|
+
"comments": {
|
|
54
|
+
"patch": [
|
|
55
|
+
{
|
|
56
|
+
"author": "tristan.watanabe@gmail.com",
|
|
57
|
+
"package": "@fluentui/react-provider",
|
|
58
|
+
"commit": "ead1c6d4c2ac3f3596b62b8cbc07b0a03041f11f",
|
|
59
|
+
"comment": "fix: add node field to package.json exports map."
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"author": "tristan.watanabe@gmail.com",
|
|
63
|
+
"package": "@fluentui/react-provider",
|
|
64
|
+
"commit": "2fac1a139149bd13b76b1306207bc988dca9c72c",
|
|
65
|
+
"comment": "chore: migrate to swc transpilation approach."
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
"author": "beachball",
|
|
69
|
+
"package": "@fluentui/react-provider",
|
|
70
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.3.2",
|
|
71
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "beachball",
|
|
75
|
+
"package": "@fluentui/react-provider",
|
|
76
|
+
"comment": "Bump @fluentui/react-tabster to v9.6.1",
|
|
77
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "beachball",
|
|
81
|
+
"package": "@fluentui/react-provider",
|
|
82
|
+
"comment": "Bump @fluentui/react-theme to v9.1.7",
|
|
83
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "beachball",
|
|
87
|
+
"package": "@fluentui/react-provider",
|
|
88
|
+
"comment": "Bump @fluentui/react-utilities to v9.7.2",
|
|
89
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"author": "beachball",
|
|
93
|
+
"package": "@fluentui/react-provider",
|
|
94
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20",
|
|
95
|
+
"commit": "b7a26f6263c80e3253c6b8338c33b73bae33e2b5"
|
|
45
96
|
}
|
|
46
97
|
]
|
|
47
98
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,22 +1,37 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-provider
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 22 Mar 2023 04:46:49 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-nightly-
|
|
7
|
+
## [0.0.0-nightly-20230322-0439.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v0.0.0-nightly-20230322-0439.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.4.
|
|
9
|
+
Wed, 22 Mar 2023 04:46:49 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.4.5..@fluentui/react-provider_v0.0.0-nightly-20230322-0439.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
14
|
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
-
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-
|
|
16
|
-
- Bump @fluentui/react-tabster to v0.0.0-nightly-
|
|
17
|
-
- Bump @fluentui/react-theme to v0.0.0-nightly-
|
|
18
|
-
- Bump @fluentui/react-utilities to v0.0.0-nightly-
|
|
19
|
-
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-
|
|
15
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
16
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
17
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
18
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
19
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20230322-0439.1 ([commit](https://github.com/microsoft/fluentui/commit/49dde84493fc2c3e96abac5ce918169c9668ba66) by beachball)
|
|
20
|
+
|
|
21
|
+
## [9.4.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.4.5)
|
|
22
|
+
|
|
23
|
+
Tue, 21 Mar 2023 21:23:47 GMT
|
|
24
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.4.4..@fluentui/react-provider_v9.4.5)
|
|
25
|
+
|
|
26
|
+
### Patches
|
|
27
|
+
|
|
28
|
+
- fix: add node field to package.json exports map. ([PR #27154](https://github.com/microsoft/fluentui/pull/27154) by tristan.watanabe@gmail.com)
|
|
29
|
+
- chore: migrate to swc transpilation approach. ([PR #27250](https://github.com/microsoft/fluentui/pull/27250) by tristan.watanabe@gmail.com)
|
|
30
|
+
- Bump @fluentui/react-shared-contexts to v9.3.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
31
|
+
- Bump @fluentui/react-tabster to v9.6.1 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
32
|
+
- Bump @fluentui/react-theme to v9.1.7 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
33
|
+
- Bump @fluentui/react-utilities to v9.7.2 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
34
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.20 ([PR #27271](https://github.com/microsoft/fluentui/pull/27271) by beachball)
|
|
20
35
|
|
|
21
36
|
## [9.4.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.4.4)
|
|
22
37
|
|
package/lib/FluentProvider.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './components/FluentProvider/index';
|
|
2
2
|
//# sourceMappingURL=FluentProvider.js.map
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { renderFluentProvider_unstable } from
|
|
3
|
-
import { useFluentProvider_unstable } from
|
|
4
|
-
import { useFluentProviderStyles_unstable } from
|
|
5
|
-
import { useFluentProviderContextValues_unstable } from
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { renderFluentProvider_unstable } from './renderFluentProvider';
|
|
3
|
+
import { useFluentProvider_unstable } from './useFluentProvider';
|
|
4
|
+
import { useFluentProviderStyles_unstable } from './useFluentProviderStyles';
|
|
5
|
+
import { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';
|
|
6
6
|
export const FluentProvider = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
7
7
|
const state = useFluentProvider_unstable(props, ref);
|
|
8
8
|
useFluentProviderStyles_unstable(state);
|
|
9
9
|
const contextValues = useFluentProviderContextValues_unstable(state);
|
|
10
10
|
return renderFluentProvider_unstable(state, contextValues);
|
|
11
11
|
});
|
|
12
|
-
FluentProvider.displayName =
|
|
12
|
+
FluentProvider.displayName = 'FluentProvider';
|
|
13
13
|
//# sourceMappingURL=FluentProvider.js.map
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
6
|
-
export * from
|
|
7
|
-
export * from
|
|
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';
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from
|
|
2
|
-
import { TextDirectionProvider } from
|
|
3
|
-
import { OverridesProvider_unstable as OverridesProvider, Provider_unstable as Provider, TooltipVisibilityProvider_unstable as TooltipVisibilityProvider, ThemeProvider_unstable as ThemeProvider, ThemeClassNameProvider_unstable as ThemeClassNameProvider, CustomStyleHooksProvider_unstable as CustomStyleHooksProvider } from
|
|
4
|
-
import { getSlots } from
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { TextDirectionProvider } from '@griffel/react';
|
|
3
|
+
import { OverridesProvider_unstable as OverridesProvider, Provider_unstable as Provider, TooltipVisibilityProvider_unstable as TooltipVisibilityProvider, ThemeProvider_unstable as ThemeProvider, ThemeClassNameProvider_unstable as ThemeClassNameProvider, CustomStyleHooksProvider_unstable as CustomStyleHooksProvider } from '@fluentui/react-shared-contexts';
|
|
4
|
+
import { getSlots } from '@fluentui/react-utilities';
|
|
5
5
|
/**
|
|
6
6
|
* Render the final JSX of FluentProvider
|
|
7
7
|
*/
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { useFocusVisible } from
|
|
2
|
-
import { ThemeContext_unstable as ThemeContext, useFluent_unstable as useFluent, useOverrides_unstable as useOverrides, useCustomStyleHooks_unstable as useCustomStyleHooks } from
|
|
3
|
-
import { getNativeElementProps, useMergedRefs } from
|
|
4
|
-
import * as React from
|
|
5
|
-
import { useFluentProviderThemeStyleTag } from
|
|
1
|
+
import { useFocusVisible } from '@fluentui/react-tabster';
|
|
2
|
+
import { ThemeContext_unstable as ThemeContext, useFluent_unstable as useFluent, useOverrides_unstable as useOverrides, useCustomStyleHooks_unstable as useCustomStyleHooks } from '@fluentui/react-shared-contexts';
|
|
3
|
+
import { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';
|
|
4
|
+
import * as React from 'react';
|
|
5
|
+
import { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';
|
|
6
6
|
/**
|
|
7
7
|
* Create the state required to render FluentProvider.
|
|
8
8
|
*
|
|
@@ -36,7 +36,7 @@ export const useFluentProvider_unstable = (props, ref) => {
|
|
|
36
36
|
// parentCustomStyleHooks will not be a partial
|
|
37
37
|
const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);
|
|
38
38
|
React.useEffect(() => {
|
|
39
|
-
if (process.env.NODE_ENV !==
|
|
39
|
+
if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
|
|
40
40
|
// eslint-disable-next-line no-console
|
|
41
41
|
console.warn(`
|
|
42
42
|
FluentProvider: your "theme" is not defined !
|
|
@@ -60,9 +60,9 @@ export const useFluentProvider_unstable = (props, ref) => {
|
|
|
60
60
|
targetDocument
|
|
61
61
|
}),
|
|
62
62
|
components: {
|
|
63
|
-
root:
|
|
63
|
+
root: 'div'
|
|
64
64
|
},
|
|
65
|
-
root: getNativeElementProps(
|
|
65
|
+
root: getNativeElementProps('div', {
|
|
66
66
|
...props,
|
|
67
67
|
dir,
|
|
68
68
|
ref: useMergedRefs(ref, useFocusVisible({
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { __styles, mergeClasses } from
|
|
2
|
-
import { useRenderer_unstable } from
|
|
3
|
-
import { tokens, typographyStyles } from
|
|
1
|
+
import { __styles, mergeClasses } from '@griffel/core';
|
|
2
|
+
import { useRenderer_unstable } from '@griffel/react';
|
|
3
|
+
import { tokens, typographyStyles } from '@fluentui/react-theme';
|
|
4
4
|
export const fluentProviderClassNames = {
|
|
5
|
-
root:
|
|
5
|
+
root: 'fui-FluentProvider'
|
|
6
6
|
};
|
|
7
7
|
const useStyles = /*#__PURE__*/__styles({
|
|
8
8
|
root: {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { useId, useIsomorphicLayoutEffect } from
|
|
2
|
-
import { useRenderer_unstable } from
|
|
3
|
-
import * as React from
|
|
4
|
-
import { fluentProviderClassNames } from
|
|
1
|
+
import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';
|
|
2
|
+
import { useRenderer_unstable } from '@griffel/react';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
import { fluentProviderClassNames } from './useFluentProviderStyles';
|
|
5
5
|
// String concatenation is used to prevent bundlers to complain with older versions of React
|
|
6
|
-
const useInsertionEffect = React[
|
|
6
|
+
const useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useIsomorphicLayoutEffect;
|
|
7
7
|
const createStyleTag = (target, elementAttributes) => {
|
|
8
8
|
if (!target) {
|
|
9
9
|
return undefined;
|
|
10
10
|
}
|
|
11
|
-
const tag = target.createElement(
|
|
11
|
+
const tag = target.createElement('style');
|
|
12
12
|
Object.keys(elementAttributes).forEach(attrName => {
|
|
13
13
|
tag.setAttribute(attrName, elementAttributes[attrName]);
|
|
14
14
|
});
|
|
@@ -22,9 +22,9 @@ const insertSheet = (tag, rule) => {
|
|
|
22
22
|
sheet.deleteRule(0);
|
|
23
23
|
}
|
|
24
24
|
sheet.insertRule(rule, 0);
|
|
25
|
-
} else if (process.env.NODE_ENV !==
|
|
25
|
+
} else if (process.env.NODE_ENV !== 'production') {
|
|
26
26
|
// eslint-disable-next-line no-console
|
|
27
|
-
console.error(
|
|
27
|
+
console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
/**
|
|
@@ -45,7 +45,7 @@ export const useFluentProviderThemeStyleTag = options => {
|
|
|
45
45
|
return theme ? Object.keys(theme).reduce((cssVarRule, cssVar) => {
|
|
46
46
|
cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;
|
|
47
47
|
return cssVarRule;
|
|
48
|
-
},
|
|
48
|
+
}, '') : '';
|
|
49
49
|
}, [theme]);
|
|
50
50
|
const rule = `.${styleTagId} { ${cssVarsAsString} }`;
|
|
51
51
|
useInsertionEffect(() => {
|
|
@@ -56,7 +56,8 @@ export const useFluentProviderThemeStyleTag = options => {
|
|
|
56
56
|
if (styleTag.current) {
|
|
57
57
|
insertSheet(styleTag.current, rule);
|
|
58
58
|
return () => {
|
|
59
|
-
|
|
59
|
+
var _styleTag_current;
|
|
60
|
+
(_styleTag_current = styleTag.current) === null || _styleTag_current === void 0 ? void 0 : _styleTag_current.remove();
|
|
60
61
|
};
|
|
61
62
|
}
|
|
62
63
|
}, [styleTagId, targetDocument, rule, styleElementAttributes]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useId","useIsomorphicLayoutEffect","useRenderer_unstable","React","fluentProviderClassNames","useInsertionEffect","createStyleTag","target","elementAttributes","undefined","tag","createElement","Object","keys","forEach","attrName","setAttribute","head","appendChild","insertSheet","rule","sheet","cssRules","length","deleteRule","insertRule","process","env","NODE_ENV","console","error","useFluentProviderThemeStyleTag","options","targetDocument","theme","renderer","styleTag","useRef","styleTagId","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","current","id","remove"],"sources":["../../../src/components/FluentProvider/useFluentProviderThemeStyleTag.ts"],"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"],"mappings":"AAAA,SAASA,KAAK,EAAEC,yBAAyB,QAAQ;AACjD,SAASC,oBAAoB,QAAQ;AACrC,YAAYC,KAAA,MAAW;AAGvB,SAASC,wBAAwB,QAAQ;AAEzC;AACA,MAAMC,kBAAA,GAAqBF,KAAgB,CAAC,iBAAiB,SAAS,GAClEA,KAAgB,CAAC,iBAAiB,SAAS,GAC3CF,yBAAyB;AAE7B,MAAMK,cAAA,GAAiBA,CAACC,MAAA,EAA8BC,iBAAA,KAA8C;EAClG,IAAI,CAACD,MAAA,EAAQ;IACX,OAAOE,SAAA;EACT;EAEA,MAAMC,GAAA,GAAMH,MAAA,CAAOI,aAAa,CAAC;EAEjCC,MAAA,CAAOC,IAAI,CAACL,iBAAA,EAAmBM,OAAO,CAACC,QAAA,IAAY;IACjDL,GAAA,CAAIM,YAAY,CAACD,QAAA,EAAUP,iBAAiB,CAACO,QAAA,CAAS;EACxD;EAEAR,MAAA,CAAOU,IAAI,CAACC,WAAW,CAACR,GAAA;EACxB,OAAOA,GAAA;AACT;AAEA,MAAMS,WAAA,GAAcA,CAACT,GAAA,EAAuBU,IAAA,KAAiB;EAC3D,MAAMC,KAAA,GAAQX,GAAA,CAAIW,KAAK;EAEvB,IAAIA,KAAA,EAAO;IACT,IAAIA,KAAA,CAAMC,QAAQ,CAACC,MAAM,GAAG,GAAG;MAC7BF,KAAA,CAAMG,UAAU,CAAC;IACnB;IACAH,KAAA,CAAMI,UAAU,CAACL,IAAA,EAAM;EACzB,OAAO,IAAIM,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IAChD;IACAC,OAAA,CAAQC,KAAK,CAAC;EAChB;AACF;AAEA;;;;;AAKA,OAAO,MAAMC,8BAAA,GAAkCC,OAAA,IAAmE;EAChH,MAAM;IAAEC,cAAA;IAAgBC;EAAK,CAAE,GAAGF,OAAA;EAElC,MAAMG,QAAA,GAAWjC,oBAAA;EACjB,MAAMkC,QAAA,GAAWjC,KAAA,CAAMkC,MAAM;EAE7B,MAAMC,UAAA,GAAatC,KAAA,CAAMI,wBAAA,CAAyBmC,IAAI;EACtD,MAAMC,sBAAA,GAAyBL,QAAA,CAASK,sBAAsB;EAE9D,MAAMC,eAAA,GAAkBtC,KAAA,CAAMuC,OAAO,CAAC,MAAM;IAC1C,OAAOR,KAAA,GACHtB,MAAC,CAAOC,IAAI,CAACqB,KAAA,EAAkCS,MAAM,CAAC,CAACC,UAAA,EAAYC,MAAA,KAAW;MAC5ED,UAAA,IAAe,KAAIC,MAAO,KAAIX,KAAK,CAACW,MAAA,CAAQ,IAAG;MAC/C,OAAOD,UAAA;IACT,GAAG,MACH,EAAE;EACR,GAAG,CAACV,KAAA,CAAM;EAEV,MAAMd,IAAA,GAAQ,IAAGkB,UAAW,MAAKG,eAAgB,IAAG;EAEpDpC,kBAAA,CAAmB,MAAM;IACvB+B,QAAA,CAASU,OAAO,GAAGxC,cAAA,CAAe2B,cAAA,EAAgB;MAAE,GAAGO,sBAAsB;MAAEO,EAAA,EAAIT;IAAW;IAE9F,IAAIF,QAAA,CAASU,OAAO,EAAE;MACpB3B,WAAA,CAAYiB,QAAA,CAASU,OAAO,EAAE1B,IAAA;MAE9B,OAAO,MAAM;
|
|
1
|
+
{"version":3,"names":["useId","useIsomorphicLayoutEffect","useRenderer_unstable","React","fluentProviderClassNames","useInsertionEffect","createStyleTag","target","elementAttributes","undefined","tag","createElement","Object","keys","forEach","attrName","setAttribute","head","appendChild","insertSheet","rule","sheet","cssRules","length","deleteRule","insertRule","process","env","NODE_ENV","console","error","useFluentProviderThemeStyleTag","options","targetDocument","theme","renderer","styleTag","useRef","styleTagId","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","current","id","_styleTag_current","remove"],"sources":["../../../src/components/FluentProvider/useFluentProviderThemeStyleTag.ts"],"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"],"mappings":"AAAA,SAASA,KAAK,EAAEC,yBAAyB,QAAQ;AACjD,SAASC,oBAAoB,QAAQ;AACrC,YAAYC,KAAA,MAAW;AAGvB,SAASC,wBAAwB,QAAQ;AAEzC;AACA,MAAMC,kBAAA,GAAqBF,KAAgB,CAAC,iBAAiB,SAAS,GAClEA,KAAgB,CAAC,iBAAiB,SAAS,GAC3CF,yBAAyB;AAE7B,MAAMK,cAAA,GAAiBA,CAACC,MAAA,EAA8BC,iBAAA,KAA8C;EAClG,IAAI,CAACD,MAAA,EAAQ;IACX,OAAOE,SAAA;EACT;EAEA,MAAMC,GAAA,GAAMH,MAAA,CAAOI,aAAa,CAAC;EAEjCC,MAAA,CAAOC,IAAI,CAACL,iBAAA,EAAmBM,OAAO,CAACC,QAAA,IAAY;IACjDL,GAAA,CAAIM,YAAY,CAACD,QAAA,EAAUP,iBAAiB,CAACO,QAAA,CAAS;EACxD;EAEAR,MAAA,CAAOU,IAAI,CAACC,WAAW,CAACR,GAAA;EACxB,OAAOA,GAAA;AACT;AAEA,MAAMS,WAAA,GAAcA,CAACT,GAAA,EAAuBU,IAAA,KAAiB;EAC3D,MAAMC,KAAA,GAAQX,GAAA,CAAIW,KAAK;EAEvB,IAAIA,KAAA,EAAO;IACT,IAAIA,KAAA,CAAMC,QAAQ,CAACC,MAAM,GAAG,GAAG;MAC7BF,KAAA,CAAMG,UAAU,CAAC;IACnB;IACAH,KAAA,CAAMI,UAAU,CAACL,IAAA,EAAM;EACzB,OAAO,IAAIM,OAAA,CAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IAChD;IACAC,OAAA,CAAQC,KAAK,CAAC;EAChB;AACF;AAEA;;;;;AAKA,OAAO,MAAMC,8BAAA,GAAkCC,OAAA,IAAmE;EAChH,MAAM;IAAEC,cAAA;IAAgBC;EAAK,CAAE,GAAGF,OAAA;EAElC,MAAMG,QAAA,GAAWjC,oBAAA;EACjB,MAAMkC,QAAA,GAAWjC,KAAA,CAAMkC,MAAM;EAE7B,MAAMC,UAAA,GAAatC,KAAA,CAAMI,wBAAA,CAAyBmC,IAAI;EACtD,MAAMC,sBAAA,GAAyBL,QAAA,CAASK,sBAAsB;EAE9D,MAAMC,eAAA,GAAkBtC,KAAA,CAAMuC,OAAO,CAAC,MAAM;IAC1C,OAAOR,KAAA,GACHtB,MAAC,CAAOC,IAAI,CAACqB,KAAA,EAAkCS,MAAM,CAAC,CAACC,UAAA,EAAYC,MAAA,KAAW;MAC5ED,UAAA,IAAe,KAAIC,MAAO,KAAIX,KAAK,CAACW,MAAA,CAAQ,IAAG;MAC/C,OAAOD,UAAA;IACT,GAAG,MACH,EAAE;EACR,GAAG,CAACV,KAAA,CAAM;EAEV,MAAMd,IAAA,GAAQ,IAAGkB,UAAW,MAAKG,eAAgB,IAAG;EAEpDpC,kBAAA,CAAmB,MAAM;IACvB+B,QAAA,CAASU,OAAO,GAAGxC,cAAA,CAAe2B,cAAA,EAAgB;MAAE,GAAGO,sBAAsB;MAAEO,EAAA,EAAIT;IAAW;IAE9F,IAAIF,QAAA,CAASU,OAAO,EAAE;MACpB3B,WAAA,CAAYiB,QAAA,CAASU,OAAO,EAAE1B,IAAA;MAE9B,OAAO,MAAM;YACX4B,iBAAA;QAAA,CAAAA,iBAAA,GAAAZ,QAAA,CAASU,OAAO,cAAhBE,iBAAA,uBAAAA,iBAAA,CAAkBC,MAAA;MACpB;IACF;EACF,GAAG,CAACX,UAAA,EAAYL,cAAA,EAAgBb,IAAA,EAAMoB,sBAAA,CAAuB;EAE7D,OAAOF,UAAA;AACT"}
|
package/lib/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { fluentProviderClassNames, FluentProvider, renderFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProvider_unstable, useFluentProviderStyles_unstable, useFluentProviderThemeStyleTag } from
|
|
1
|
+
export { fluentProviderClassNames, FluentProvider, renderFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProvider_unstable, useFluentProviderStyles_unstable, useFluentProviderThemeStyleTag } from './FluentProvider';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../lib/FluentProvider.js"],"sourcesContent":["export * from
|
|
1
|
+
{"version":3,"sources":["../lib/FluentProvider.js"],"sourcesContent":["export * from './components/FluentProvider/index';\n//# sourceMappingURL=FluentProvider.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,0CAA0C"}
|
|
@@ -18,6 +18,6 @@ const FluentProvider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
18
18
|
const contextValues = (0, _useFluentProviderContextValues.useFluentProviderContextValues_unstable)(state);
|
|
19
19
|
return (0, _renderFluentProvider.renderFluentProvider_unstable)(state, contextValues);
|
|
20
20
|
});
|
|
21
|
-
FluentProvider.displayName =
|
|
21
|
+
FluentProvider.displayName = 'FluentProvider'; //# sourceMappingURL=FluentProvider.js.map
|
|
22
22
|
|
|
23
23
|
//# sourceMappingURL=FluentProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/FluentProvider/FluentProvider.js"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/FluentProvider/FluentProvider.js"],"sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider_unstable } from './renderFluentProvider';\nimport { useFluentProvider_unstable } from './useFluentProvider';\nimport { useFluentProviderStyles_unstable } from './useFluentProviderStyles';\nimport { useFluentProviderContextValues_unstable } from './useFluentProviderContextValues';\nexport const FluentProvider = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useFluentProvider_unstable(props, ref);\n useFluentProviderStyles_unstable(state);\n const contextValues = useFluentProviderContextValues_unstable(state);\n return renderFluentProvider_unstable(state, contextValues);\n});\nFluentProvider.displayName = 'FluentProvider';\n//# sourceMappingURL=FluentProvider.js.map"],"names":["FluentProvider","React","forwardRef","props","ref","state","useFluentProvider_unstable","useFluentProviderStyles_unstable","contextValues","useFluentProviderContextValues_unstable","renderFluentProvider_unstable","displayName"],"mappings":";;;;+BAKaA;;aAAAA;;;6DALU;sCACuB;mCACH;yCACM;gDACO;AACjD,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,yDAAgC,EAACF;IACjC,MAAMG,gBAAgBC,IAAAA,uEAAuC,EAACJ;IAC9D,OAAOK,IAAAA,mDAA6B,EAACL,OAAOG;AAC9C;AACAR,eAAeW,WAAW,GAAG,kBAC7B,0CAA0C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/FluentProvider/index.js"],"sourcesContent":["export * from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/FluentProvider/index.js"],"sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles';\nexport * from './useFluentProviderContextValues';\nexport * from './useFluentProviderThemeStyleTag';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/FluentProvider/renderFluentProvider.js"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/FluentProvider/renderFluentProvider.js"],"sourcesContent":["import * as React from 'react';\nimport { TextDirectionProvider } from '@griffel/react';\nimport { OverridesProvider_unstable as OverridesProvider, Provider_unstable as Provider, TooltipVisibilityProvider_unstable as TooltipVisibilityProvider, ThemeProvider_unstable as ThemeProvider, ThemeClassNameProvider_unstable as ThemeClassNameProvider, CustomStyleHooksProvider_unstable as CustomStyleHooksProvider } from '@fluentui/react-shared-contexts';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider_unstable = (state, contextValues) => {\n const {\n slots,\n slotProps\n } = getSlots(state);\n // Typescript (vscode) incorrectly references the FluentProviderProps.customStyleHooks_unstable\n // instead of FluentProviderContextValues.customStyleHooks_unstable and thinks it is\n // Partial<CustomStyleHooksContextValue>, so it needs to be cast to Required<CustomStyleHooksContextValue>\n return /*#__PURE__*/React.createElement(Provider, {\n value: contextValues.provider\n }, /*#__PURE__*/React.createElement(ThemeProvider, {\n value: contextValues.theme\n }, /*#__PURE__*/React.createElement(ThemeClassNameProvider, {\n value: contextValues.themeClassName\n }, /*#__PURE__*/React.createElement(CustomStyleHooksProvider, {\n value: contextValues.customStyleHooks_unstable\n }, /*#__PURE__*/React.createElement(TooltipVisibilityProvider, {\n value: contextValues.tooltip\n }, /*#__PURE__*/React.createElement(TextDirectionProvider, {\n dir: contextValues.textDirection\n }, /*#__PURE__*/React.createElement(OverridesProvider, {\n value: contextValues.overrides_unstable\n }, /*#__PURE__*/React.createElement(slots.root, slotProps.root, state.root.children))))))));\n};\n//# sourceMappingURL=renderFluentProvider.js.map"],"names":["renderFluentProvider_unstable","state","contextValues","slots","slotProps","getSlots","React","createElement","Provider","value","provider","ThemeProvider","theme","ThemeClassNameProvider","themeClassName","CustomStyleHooksProvider","customStyleHooks_unstable","TooltipVisibilityProvider","tooltip","TextDirectionProvider","dir","textDirection","OverridesProvider","overrides_unstable","root","children"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;wBACe;qCAC6R;gCAC1S;AAIlB,MAAMA,gCAAgC,CAACC,OAAOC,gBAAkB;IACrE,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,wBAAQ,EAACJ;IACb,+FAA+F;IAC/F,oFAAoF;IACpF,0GAA0G;IAC1G,OAAO,WAAW,GAAEK,OAAMC,aAAa,CAACC,sCAAQ,EAAE;QAChDC,OAAOP,cAAcQ,QAAQ;IAC/B,GAAG,WAAW,GAAEJ,OAAMC,aAAa,CAACI,2CAAa,EAAE;QACjDF,OAAOP,cAAcU,KAAK;IAC5B,GAAG,WAAW,GAAEN,OAAMC,aAAa,CAACM,oDAAsB,EAAE;QAC1DJ,OAAOP,cAAcY,cAAc;IACrC,GAAG,WAAW,GAAER,OAAMC,aAAa,CAACQ,sDAAwB,EAAE;QAC5DN,OAAOP,cAAcc,yBAAyB;IAChD,GAAG,WAAW,GAAEV,OAAMC,aAAa,CAACU,uDAAyB,EAAE;QAC7DR,OAAOP,cAAcgB,OAAO;IAC9B,GAAG,WAAW,GAAEZ,OAAMC,aAAa,CAACY,6BAAqB,EAAE;QACzDC,KAAKlB,cAAcmB,aAAa;IAClC,GAAG,WAAW,GAAEf,OAAMC,aAAa,CAACe,+CAAiB,EAAE;QACrDb,OAAOP,cAAcqB,kBAAkB;IACzC,GAAG,WAAW,GAAEjB,OAAMC,aAAa,CAACJ,MAAMqB,IAAI,EAAEpB,UAAUoB,IAAI,EAAEvB,MAAMuB,IAAI,CAACC,QAAQ;AACrF,GACA,gDAAgD"}
|
|
@@ -28,7 +28,7 @@ const useFluentProvider_unstable = (props, ref)=>{
|
|
|
28
28
|
// parentCustomStyleHooks will not be a partial
|
|
29
29
|
const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);
|
|
30
30
|
_react.useEffect(()=>{
|
|
31
|
-
if (process.env.NODE_ENV !==
|
|
31
|
+
if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
|
|
32
32
|
// eslint-disable-next-line no-console
|
|
33
33
|
console.warn(`
|
|
34
34
|
FluentProvider: your "theme" is not defined !
|
|
@@ -52,9 +52,9 @@ const useFluentProvider_unstable = (props, ref)=>{
|
|
|
52
52
|
targetDocument
|
|
53
53
|
}),
|
|
54
54
|
components: {
|
|
55
|
-
root:
|
|
55
|
+
root: 'div'
|
|
56
56
|
},
|
|
57
|
-
root: (0, _reactUtilities.getNativeElementProps)(
|
|
57
|
+
root: (0, _reactUtilities.getNativeElementProps)('div', {
|
|
58
58
|
...props,
|
|
59
59
|
dir,
|
|
60
60
|
ref: (0, _reactUtilities.useMergedRefs)(ref, (0, _reactTabster.useFocusVisible)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProvider.js"],"sourcesContent":["import { useFocusVisible } from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProvider.js"],"sourcesContent":["import { useFocusVisible } from '@fluentui/react-tabster';\nimport { ThemeContext_unstable as ThemeContext, useFluent_unstable as useFluent, useOverrides_unstable as useOverrides, useCustomStyleHooks_unstable as useCustomStyleHooks } from '@fluentui/react-shared-contexts';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useFluentProviderThemeStyleTag } from './useFluentProviderThemeStyleTag';\n/**\n * Create the state required to render FluentProvider.\n *\n * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,\n * before being passed to renderFluentProvider_unstable.\n *\n * @param props - props from this instance of FluentProvider\n * @param ref - reference to root HTMLElement of FluentProvider\n */\nexport const useFluentProvider_unstable = (props, ref) => {\n const parentContext = useFluent();\n const parentTheme = useTheme();\n const parentOverrides = useOverrides();\n const parentCustomStyleHooks = useCustomStyleHooks();\n /**\n * TODO: add merge functions to \"dir\" merge,\n * nesting providers with the same \"dir\" should not add additional attributes to DOM\n * see https://github.com/microsoft/fluentui/blob/0dc74a19f3aa5a058224c20505016fbdb84db172/packages/fluentui/react-northstar/src/utils/mergeProviderContexts.ts#L89-L93\n */\n const {\n applyStylesToPortals = true,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n customStyleHooks_unstable,\n dir = parentContext.dir,\n targetDocument = parentContext.targetDocument,\n theme,\n overrides_unstable: overrides = {}\n } = props;\n const mergedTheme = shallowMerge(parentTheme, theme);\n const mergedOverrides = shallowMerge(parentOverrides, overrides);\n // parentCustomStyleHooks will not be a partial\n const mergedCustomStyleHooks = shallowMerge(parentCustomStyleHooks, customStyleHooks_unstable);\n React.useEffect(() => {\n if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {\n // eslint-disable-next-line no-console\n console.warn(`\n FluentProvider: your \"theme\" is not defined !\n =============================================\n Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.\n `);\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n return {\n applyStylesToPortals,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n customStyleHooks_unstable: mergedCustomStyleHooks,\n dir,\n targetDocument,\n theme: mergedTheme,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n overrides_unstable: mergedOverrides,\n themeClassName: useFluentProviderThemeStyleTag({\n theme: mergedTheme,\n targetDocument\n }),\n components: {\n root: 'div'\n },\n root: getNativeElementProps('div', {\n ...props,\n dir,\n ref: useMergedRefs(ref, useFocusVisible({\n targetDocument\n }))\n })\n };\n};\nfunction shallowMerge(a, b) {\n // Merge impacts perf: we should like to avoid it if it's possible\n if (a && b) {\n return {\n ...a,\n ...b\n };\n }\n if (a) {\n return a;\n }\n return b;\n}\nfunction useTheme() {\n return React.useContext(ThemeContext);\n}\n//# sourceMappingURL=useFluentProvider.js.map"],"names":["useFluentProvider_unstable","props","ref","parentContext","useFluent","parentTheme","useTheme","parentOverrides","useOverrides","parentCustomStyleHooks","useCustomStyleHooks","applyStylesToPortals","customStyleHooks_unstable","dir","targetDocument","theme","overrides_unstable","overrides","mergedTheme","shallowMerge","mergedOverrides","mergedCustomStyleHooks","React","useEffect","process","env","NODE_ENV","undefined","console","warn","themeClassName","useFluentProviderThemeStyleTag","components","root","getNativeElementProps","useMergedRefs","useFocusVisible","a","b","useContext","ThemeContext"],"mappings":";;;;+BAcaA;;aAAAA;;;8BAdmB;qCACmJ;gCAC9H;6DAC9B;gDACwB;AAUxC,MAAMA,6BAA6B,CAACC,OAAOC,MAAQ;IACxD,MAAMC,gBAAgBC,IAAAA,uCAAS;IAC/B,MAAMC,cAAcC;IACpB,MAAMC,kBAAkBC,IAAAA,0CAAY;IACpC,MAAMC,yBAAyBC,IAAAA,iDAAmB;IAClD;;;;EAIA,GACA,MAAM,EACJC,sBAAuB,IAAI,CAAA,EAC3B,gEAAgE;IAChEC,0BAAyB,EACzBC,KAAMV,cAAcU,GAAG,CAAA,EACvBC,gBAAiBX,cAAcW,cAAc,CAAA,EAC7CC,MAAK,EACLC,oBAAoBC,YAAY,CAAC,CAAC,CAAA,EACnC,GAAGhB;IACJ,MAAMiB,cAAcC,aAAad,aAAaU;IAC9C,MAAMK,kBAAkBD,aAAaZ,iBAAiBU;IACtD,+CAA+C;IAC/C,MAAMI,yBAAyBF,aAAaV,wBAAwBG;IACpEU,OAAMC,SAAS,CAAC,IAAM;QACpB,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBR,gBAAgBS,WAAW;YACtE,sCAAsC;YACtCC,QAAQC,IAAI,CAAC,CAAC;;;;MAId,CAAC;QACH,CAAC;IACD,uDAAuD;IACzD,GAAG,EAAE;IACL,OAAO;QACLlB;QACA,gEAAgE;QAChEC,2BAA2BS;QAC3BR;QACAC;QACAC,OAAOG;QACP,gEAAgE;QAChEF,oBAAoBI;QACpBU,gBAAgBC,IAAAA,8DAA8B,EAAC;YAC7ChB,OAAOG;YACPJ;QACF;QACAkB,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YACjC,GAAGjC,KAAK;YACRY;YACAX,KAAKiC,IAAAA,6BAAa,EAACjC,KAAKkC,IAAAA,6BAAe,EAAC;gBACtCtB;YACF;QACF;IACF;AACF;AACA,SAASK,aAAakB,CAAC,EAAEC,CAAC,EAAE;IAC1B,kEAAkE;IAClE,IAAID,KAAKC,GAAG;QACV,OAAO;YACL,GAAGD,CAAC;YACJ,GAAGC,CAAC;QACN;IACF,CAAC;IACD,IAAID,GAAG;QACL,OAAOA;IACT,CAAC;IACD,OAAOC;AACT;AACA,SAAShC,WAAW;IAClB,OAAOgB,OAAMiB,UAAU,CAACC,0CAAY;AACtC,EACA,6CAA6C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderContextValues.js"],"sourcesContent":["import * as React from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useFluentProviderContextValues_unstable(state) {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n const {\n applyStylesToPortals,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n customStyleHooks_unstable,\n dir,\n root,\n targetDocument,\n theme,\n themeClassName,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n overrides_unstable\n } = state;\n const provider = React.useMemo(() => ({\n dir,\n targetDocument\n }), [dir, targetDocument]);\n // \"Tooltip\" component mutates an object in this context, instance should be stable\n const [tooltip] = React.useState(() => ({}));\n return {\n // eslint-disable-next-line @typescript-eslint/naming-convention\n customStyleHooks_unstable,\n // eslint-disable-next-line @typescript-eslint/naming-convention\n overrides_unstable,\n provider,\n textDirection: dir,\n tooltip,\n theme,\n themeClassName: applyStylesToPortals ? root.className : themeClassName\n };\n}\n//# sourceMappingURL=useFluentProviderContextValues.js.map"],"names":["useFluentProviderContextValues_unstable","state","applyStylesToPortals","customStyleHooks_unstable","dir","root","targetDocument","theme","themeClassName","overrides_unstable","provider","React","useMemo","tooltip","useState","textDirection","className"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,wCAAwCC,KAAK,EAAE;IAC7D,gEAAgE;IAChE,MAAM,EACJC,qBAAoB,EACpB,gEAAgE;IAChEC,0BAAyB,EACzBC,IAAG,EACHC,KAAI,EACJC,eAAc,EACdC,MAAK,EACLC,eAAc,EACd,gEAAgE;IAChEC,mBAAkB,EACnB,GAAGR;IACJ,MAAMS,WAAWC,OAAMC,OAAO,CAAC,IAAO,CAAA;YACpCR;YACAE;QACF,CAAA,GAAI;QAACF;QAAKE;KAAe;IACzB,mFAAmF;IACnF,MAAM,CAACO,QAAQ,GAAGF,OAAMG,QAAQ,CAAC,IAAO,CAAA,CAAC,CAAA;IACzC,OAAO;QACL,gEAAgE;QAChEX;QACA,gEAAgE;QAChEM;QACAC;QACAK,eAAeX;QACfS;QACAN;QACAC,gBAAgBN,uBAAuBG,KAAKW,SAAS,GAAGR,cAAc;IACxE;AACF,EACA,0DAA0D"}
|
|
@@ -15,7 +15,7 @@ _export(exports, {
|
|
|
15
15
|
const _core = require("@griffel/core");
|
|
16
16
|
const _react = require("@griffel/react");
|
|
17
17
|
const fluentProviderClassNames = {
|
|
18
|
-
root:
|
|
18
|
+
root: 'fui-FluentProvider'
|
|
19
19
|
};
|
|
20
20
|
const useStyles = /*#__PURE__*/ (0, _core["__styles"])({
|
|
21
21
|
root: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/core';\nimport { useRenderer_unstable } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const fluentProviderClassNames = {\n root: 'fui-FluentProvider'\n};\nconst useStyles = /*#__PURE__*/__styles({\n root: {\n sj55zd: \"f19n0e5\",\n De3pzq: \"fxugw4r\",\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".f19n0e5{color:var(--colorNeutralForeground1);}\", \".fxugw4r{background-color:var(--colorNeutralBackground1);}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles_unstable = state => {\n const renderer = useRenderer_unstable();\n const styles = useStyles({\n dir: state.dir,\n renderer\n });\n state.root.className = mergeClasses(fluentProviderClassNames.root, state.themeClassName, styles.root, state.root.className);\n return state;\n};\n//# sourceMappingURL=useFluentProviderStyles.js.map"],"names":["fluentProviderClassNames","useFluentProviderStyles_unstable","root","useStyles","__styles","sj55zd","De3pzq","fsow6f","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","state","renderer","useRenderer_unstable","styles","dir","className","mergeClasses","themeClassName"],"mappings":";;;;;;;;;;;IAGaA,wBAAwB,MAAxBA;IAiBAC,gCAAgC,MAAhCA;;sBApB0B;uBACF;AAE9B,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,iBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAmD;QAA8D;QAA+B;QAA+B;QAAgD;QAA+C;QAAmD;KAAmD;AAC1X;AAEO,MAAMX,mCAAmCY,CAAAA,QAAS;IACvD,MAAMC,WAAWC,IAAAA,2BAAoB;IACrC,MAAMC,SAASb,UAAU;QACvBc,KAAKJ,MAAMI,GAAG;QACdH;IACF;IACAD,MAAMX,IAAI,CAACgB,SAAS,GAAGC,IAAAA,kBAAY,EAACnB,yBAAyBE,IAAI,EAAEW,MAAMO,cAAc,EAAEJ,OAAOd,IAAI,EAAEW,MAAMX,IAAI,CAACgB,SAAS;IAC1H,OAAOL;AACT,GACA,mDAAmD"}
|
|
@@ -12,12 +12,12 @@ const _react = require("@griffel/react");
|
|
|
12
12
|
const _react1 = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
13
13
|
const _useFluentProviderStyles = require("./useFluentProviderStyles");
|
|
14
14
|
// String concatenation is used to prevent bundlers to complain with older versions of React
|
|
15
|
-
const useInsertionEffect = _react1[
|
|
15
|
+
const useInsertionEffect = _react1['useInsertion' + 'Effect'] ? _react1['useInsertion' + 'Effect'] : _reactUtilities.useIsomorphicLayoutEffect;
|
|
16
16
|
const createStyleTag = (target, elementAttributes)=>{
|
|
17
17
|
if (!target) {
|
|
18
18
|
return undefined;
|
|
19
19
|
}
|
|
20
|
-
const tag = target.createElement(
|
|
20
|
+
const tag = target.createElement('style');
|
|
21
21
|
Object.keys(elementAttributes).forEach((attrName)=>{
|
|
22
22
|
tag.setAttribute(attrName, elementAttributes[attrName]);
|
|
23
23
|
});
|
|
@@ -31,9 +31,9 @@ const insertSheet = (tag, rule)=>{
|
|
|
31
31
|
sheet.deleteRule(0);
|
|
32
32
|
}
|
|
33
33
|
sheet.insertRule(rule, 0);
|
|
34
|
-
} else if (process.env.NODE_ENV !==
|
|
34
|
+
} else if (process.env.NODE_ENV !== 'production') {
|
|
35
35
|
// eslint-disable-next-line no-console
|
|
36
|
-
console.error(
|
|
36
|
+
console.error('FluentProvider: No sheet available on styleTag, styles will not be inserted into DOM.');
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
const useFluentProviderThemeStyleTag = (options)=>{
|
|
@@ -46,7 +46,7 @@ const useFluentProviderThemeStyleTag = (options)=>{
|
|
|
46
46
|
return theme ? Object.keys(theme).reduce((cssVarRule, cssVar)=>{
|
|
47
47
|
cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;
|
|
48
48
|
return cssVarRule;
|
|
49
|
-
},
|
|
49
|
+
}, '') : '';
|
|
50
50
|
}, [
|
|
51
51
|
theme
|
|
52
52
|
]);
|
|
@@ -59,7 +59,8 @@ const useFluentProviderThemeStyleTag = (options)=>{
|
|
|
59
59
|
if (styleTag.current) {
|
|
60
60
|
insertSheet(styleTag.current, rule);
|
|
61
61
|
return ()=>{
|
|
62
|
-
|
|
62
|
+
var _styleTag_current;
|
|
63
|
+
(_styleTag_current = styleTag.current) === null || _styleTag_current === void 0 ? void 0 : _styleTag_current.remove();
|
|
63
64
|
};
|
|
64
65
|
}
|
|
65
66
|
}, [
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderThemeStyleTag.js"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/FluentProvider/useFluentProviderThemeStyleTag.js"],"sourcesContent":["import { useId, useIsomorphicLayoutEffect } from '@fluentui/react-utilities';\nimport { useRenderer_unstable } from '@griffel/react';\nimport * as React from 'react';\nimport { fluentProviderClassNames } from './useFluentProviderStyles';\n// String concatenation is used to prevent bundlers to complain with older versions of React\nconst useInsertionEffect = React['useInsertion' + 'Effect'] ? React['useInsertion' + 'Effect'] : useIsomorphicLayoutEffect;\nconst createStyleTag = (target, elementAttributes) => {\n if (!target) {\n return undefined;\n }\n const tag = target.createElement('style');\n Object.keys(elementAttributes).forEach(attrName => {\n tag.setAttribute(attrName, elementAttributes[attrName]);\n });\n target.head.appendChild(tag);\n return tag;\n};\nconst insertSheet = (tag, rule) => {\n const sheet = tag.sheet;\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 * 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 => {\n const {\n targetDocument,\n theme\n } = options;\n const renderer = useRenderer_unstable();\n const styleTag = React.useRef();\n const styleTagId = useId(fluentProviderClassNames.root);\n const styleElementAttributes = renderer.styleElementAttributes;\n const cssVarsAsString = React.useMemo(() => {\n return theme ? Object.keys(theme).reduce((cssVarRule, cssVar) => {\n cssVarRule += `--${cssVar}: ${theme[cssVar]}; `;\n return cssVarRule;\n }, '') : '';\n }, [theme]);\n const rule = `.${styleTagId} { ${cssVarsAsString} }`;\n useInsertionEffect(() => {\n styleTag.current = createStyleTag(targetDocument, {\n ...styleElementAttributes,\n id: styleTagId\n });\n if (styleTag.current) {\n insertSheet(styleTag.current, rule);\n return () => {\n var _styleTag_current;\n (_styleTag_current = styleTag.current) === null || _styleTag_current === void 0 ? void 0 : _styleTag_current.remove();\n };\n }\n }, [styleTagId, targetDocument, rule, styleElementAttributes]);\n return styleTagId;\n};\n//# sourceMappingURL=useFluentProviderThemeStyleTag.js.map"],"names":["useFluentProviderThemeStyleTag","useInsertionEffect","React","useIsomorphicLayoutEffect","createStyleTag","target","elementAttributes","undefined","tag","createElement","Object","keys","forEach","attrName","setAttribute","head","appendChild","insertSheet","rule","sheet","cssRules","length","deleteRule","insertRule","process","env","NODE_ENV","console","error","options","targetDocument","theme","renderer","useRenderer_unstable","styleTag","useRef","styleTagId","useId","fluentProviderClassNames","root","styleElementAttributes","cssVarsAsString","useMemo","reduce","cssVarRule","cssVar","current","id","_styleTag_current","remove"],"mappings":";;;;+BAkCaA;;aAAAA;;;gCAlCoC;uBACZ;8DACd;yCACkB;AACzC,4FAA4F;AAC5F,MAAMC,qBAAqBC,OAAK,CAAC,iBAAiB,SAAS,GAAGA,OAAK,CAAC,iBAAiB,SAAS,GAAGC,yCAAyB;AAC1H,MAAMC,iBAAiB,CAACC,QAAQC,oBAAsB;IACpD,IAAI,CAACD,QAAQ;QACX,OAAOE;IACT,CAAC;IACD,MAAMC,MAAMH,OAAOI,aAAa,CAAC;IACjCC,OAAOC,IAAI,CAACL,mBAAmBM,OAAO,CAACC,CAAAA,WAAY;QACjDL,IAAIM,YAAY,CAACD,UAAUP,iBAAiB,CAACO,SAAS;IACxD;IACAR,OAAOU,IAAI,CAACC,WAAW,CAACR;IACxB,OAAOA;AACT;AACA,MAAMS,cAAc,CAACT,KAAKU,OAAS;IACjC,MAAMC,QAAQX,IAAIW,KAAK;IACvB,IAAIA,OAAO;QACT,IAAIA,MAAMC,QAAQ,CAACC,MAAM,GAAG,GAAG;YAC7BF,MAAMG,UAAU,CAAC;QACnB,CAAC;QACDH,MAAMI,UAAU,CAACL,MAAM;IACzB,OAAO,IAAIM,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QAChD,sCAAsC;QACtCC,QAAQC,KAAK,CAAC;IAChB,CAAC;AACH;AAMO,MAAM5B,iCAAiC6B,CAAAA,UAAW;IACvD,MAAM,EACJC,eAAc,EACdC,MAAK,EACN,GAAGF;IACJ,MAAMG,WAAWC,IAAAA,2BAAoB;IACrC,MAAMC,WAAWhC,QAAMiC,MAAM;IAC7B,MAAMC,aAAaC,IAAAA,qBAAK,EAACC,iDAAwB,CAACC,IAAI;IACtD,MAAMC,yBAAyBR,SAASQ,sBAAsB;IAC9D,MAAMC,kBAAkBvC,QAAMwC,OAAO,CAAC,IAAM;QAC1C,OAAOX,QAAQrB,OAAOC,IAAI,CAACoB,OAAOY,MAAM,CAAC,CAACC,YAAYC,SAAW;YAC/DD,cAAc,CAAC,EAAE,EAAEC,OAAO,EAAE,EAAEd,KAAK,CAACc,OAAO,CAAC,EAAE,CAAC;YAC/C,OAAOD;QACT,GAAG,MAAM,EAAE;IACb,GAAG;QAACb;KAAM;IACV,MAAMb,OAAO,CAAC,CAAC,EAAEkB,WAAW,GAAG,EAAEK,gBAAgB,EAAE,CAAC;IACpDxC,mBAAmB,IAAM;QACvBiC,SAASY,OAAO,GAAG1C,eAAe0B,gBAAgB;YAChD,GAAGU,sBAAsB;YACzBO,IAAIX;QACN;QACA,IAAIF,SAASY,OAAO,EAAE;YACpB7B,YAAYiB,SAASY,OAAO,EAAE5B;YAC9B,OAAO,IAAM;gBACX,IAAI8B;gBACHA,CAAAA,oBAAoBd,SAASY,OAAO,AAAD,MAAO,IAAI,IAAIE,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBC,MAAM,EAAE;YACvH;QACF,CAAC;IACH,GAAG;QAACb;QAAYN;QAAgBZ;QAAMsB;KAAuB;IAC7D,OAAOJ;AACT,GACA,0DAA0D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { fluentProviderClassNames, FluentProvider, renderFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProvider_unstable, useFluentProviderStyles_unstable, useFluentProviderThemeStyleTag } from
|
|
1
|
+
{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { fluentProviderClassNames, FluentProvider, renderFluentProvider_unstable, useFluentProviderContextValues_unstable, useFluentProvider_unstable, useFluentProviderStyles_unstable, useFluentProviderThemeStyleTag } from './FluentProvider';\n//# sourceMappingURL=index.js.map"],"names":["fluentProviderClassNames","FluentProvider","renderFluentProvider_unstable","useFluentProviderContextValues_unstable","useFluentProvider_unstable","useFluentProviderStyles_unstable","useFluentProviderThemeStyleTag"],"mappings":";;;;;;;;;;;IAASA,wBAAwB,MAAxBA,wCAAwB;IAAEC,cAAc,MAAdA,8BAAc;IAAEC,6BAA6B,MAA7BA,6CAA6B;IAAEC,uCAAuC,MAAvCA,uDAAuC;IAAEC,0BAA0B,MAA1BA,0CAA0B;IAAEC,gCAAgC,MAAhCA,gDAAgC;IAAEC,8BAA8B,MAA9BA,8CAA8B;;gCAAQ;CAC/N,iCAAiC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-provider",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20230322-0439.1",
|
|
4
4
|
"description": "Fluent UI React provider component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -27,17 +27,17 @@
|
|
|
27
27
|
"devDependencies": {
|
|
28
28
|
"@fluentui/eslint-plugin": "*",
|
|
29
29
|
"@fluentui/react-conformance": "*",
|
|
30
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
|
30
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20230322-0439.1",
|
|
31
31
|
"@fluentui/scripts-api-extractor": "*",
|
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
35
|
"@griffel/core": "^1.9.0",
|
|
36
36
|
"@griffel/react": "^1.5.2",
|
|
37
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
|
38
|
-
"@fluentui/react-tabster": "0.0.0-nightly-
|
|
39
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
|
40
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
|
37
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20230322-0439.1",
|
|
38
|
+
"@fluentui/react-tabster": "0.0.0-nightly-20230322-0439.1",
|
|
39
|
+
"@fluentui/react-theme": "0.0.0-nightly-20230322-0439.1",
|
|
40
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20230322-0439.1",
|
|
41
41
|
"@swc/helpers": "^0.4.14"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
"exports": {
|
|
51
51
|
".": {
|
|
52
52
|
"types": "./dist/index.d.ts",
|
|
53
|
+
"node": "./lib-commonjs/index.js",
|
|
53
54
|
"import": "./lib/index.js",
|
|
54
55
|
"require": "./lib-commonjs/index.js"
|
|
55
56
|
},
|