@fluentui/react-provider 0.0.0-nightlyf8be6a7c6520220106.1 → 0.0.0-nightlyff78d1e27a20220217.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.
Files changed (46) hide show
  1. package/CHANGELOG.json +143 -32
  2. package/CHANGELOG.md +35 -13
  3. package/dist/react-provider.d.ts +12 -15
  4. package/lib/FluentProvider.js.map +1 -1
  5. package/lib/components/FluentProvider/FluentProvider.js +8 -8
  6. package/lib/components/FluentProvider/FluentProvider.js.map +1 -1
  7. package/lib/components/FluentProvider/FluentProvider.types.d.ts +8 -7
  8. package/lib/components/FluentProvider/FluentProvider.types.js.map +1 -1
  9. package/lib/components/FluentProvider/index.js.map +1 -1
  10. package/lib/components/FluentProvider/renderFluentProvider.d.ts +1 -1
  11. package/lib/components/FluentProvider/renderFluentProvider.js +6 -4
  12. package/lib/components/FluentProvider/renderFluentProvider.js.map +1 -1
  13. package/lib/components/FluentProvider/useFluentProvider.d.ts +4 -5
  14. package/lib/components/FluentProvider/useFluentProvider.js +31 -6
  15. package/lib/components/FluentProvider/useFluentProvider.js.map +1 -1
  16. package/lib/components/FluentProvider/useFluentProviderContextValues.d.ts +1 -1
  17. package/lib/components/FluentProvider/useFluentProviderContextValues.js +2 -1
  18. package/lib/components/FluentProvider/useFluentProviderContextValues.js.map +1 -1
  19. package/lib/components/FluentProvider/useFluentProviderStyles.d.ts +1 -1
  20. package/lib/components/FluentProvider/useFluentProviderStyles.js +3 -2
  21. package/lib/components/FluentProvider/useFluentProviderStyles.js.map +1 -1
  22. package/lib/components/FluentProvider/useThemeStyleTag.js +3 -6
  23. package/lib/components/FluentProvider/useThemeStyleTag.js.map +1 -1
  24. package/lib/index.js.map +1 -1
  25. package/lib-commonjs/FluentProvider.js.map +1 -1
  26. package/lib-commonjs/components/FluentProvider/FluentProvider.js +4 -4
  27. package/lib-commonjs/components/FluentProvider/FluentProvider.js.map +1 -1
  28. package/lib-commonjs/components/FluentProvider/FluentProvider.types.d.ts +8 -7
  29. package/lib-commonjs/components/FluentProvider/FluentProvider.types.js.map +1 -1
  30. package/lib-commonjs/components/FluentProvider/index.js.map +1 -1
  31. package/lib-commonjs/components/FluentProvider/renderFluentProvider.d.ts +1 -1
  32. package/lib-commonjs/components/FluentProvider/renderFluentProvider.js +9 -7
  33. package/lib-commonjs/components/FluentProvider/renderFluentProvider.js.map +1 -1
  34. package/lib-commonjs/components/FluentProvider/useFluentProvider.d.ts +4 -5
  35. package/lib-commonjs/components/FluentProvider/useFluentProvider.js +36 -11
  36. package/lib-commonjs/components/FluentProvider/useFluentProvider.js.map +1 -1
  37. package/lib-commonjs/components/FluentProvider/useFluentProviderContextValues.d.ts +1 -1
  38. package/lib-commonjs/components/FluentProvider/useFluentProviderContextValues.js +4 -3
  39. package/lib-commonjs/components/FluentProvider/useFluentProviderContextValues.js.map +1 -1
  40. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.d.ts +1 -1
  41. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js +8 -6
  42. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js.map +1 -1
  43. package/lib-commonjs/components/FluentProvider/useThemeStyleTag.js +3 -6
  44. package/lib-commonjs/components/FluentProvider/useThemeStyleTag.js.map +1 -1
  45. package/lib-commonjs/index.js.map +1 -1
  46. package/package.json +10 -11
package/CHANGELOG.json CHANGED
@@ -2,84 +2,195 @@
2
2
  "name": "@fluentui/react-provider",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 06 Jan 2022 04:30:10 GMT",
6
- "tag": "@fluentui/react-provider_v0.0.0-nightlyf8be6a7c6520220106.1",
7
- "version": "0.0.0-nightlyf8be6a7c6520220106.1",
5
+ "date": "Thu, 17 Feb 2022 11:41:21 GMT",
6
+ "tag": "@fluentui/react-provider_v0.0.0-nightlyff78d1e27a20220217.1",
7
+ "version": "0.0.0-nightlyff78d1e27a20220217.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
11
  "author": "email not defined",
12
12
  "package": "@fluentui/react-provider",
13
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8",
13
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3",
14
14
  "comment": "Release nightly v9"
15
15
  },
16
16
  {
17
- "author": "bsunderhus@microsoft.com",
17
+ "author": "beachball",
18
18
  "package": "@fluentui/react-provider",
19
- "commit": "c9a03954ffd5d1a85284fb36ef4cd103ed8aa927",
20
- "comment": "Remove `themeToCSSVariables` function"
19
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyff78d1e27a20220217.1",
20
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
21
21
  },
22
22
  {
23
23
  "author": "beachball",
24
24
  "package": "@fluentui/react-provider",
25
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
26
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
25
+ "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyff78d1e27a20220217.1",
26
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
27
27
  },
28
28
  {
29
29
  "author": "beachball",
30
30
  "package": "@fluentui/react-provider",
31
- "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf8be6a7c6520220106.1",
32
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
31
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyff78d1e27a20220217.1",
32
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
33
33
  },
34
34
  {
35
35
  "author": "beachball",
36
36
  "package": "@fluentui/react-provider",
37
- "comment": "Bump @fluentui/react-tabster to v0.0.0-nightlyf8be6a7c6520220106.1",
38
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
37
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyff78d1e27a20220217.1",
38
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
39
39
  },
40
40
  {
41
41
  "author": "beachball",
42
42
  "package": "@fluentui/react-provider",
43
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightlyf8be6a7c6520220106.1",
44
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
43
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyff78d1e27a20220217.1",
44
+ "commit": "966e16625ca79f990ad8ca408ba47857adc522b3"
45
+ }
46
+ ]
47
+ }
48
+ },
49
+ {
50
+ "date": "Thu, 10 Feb 2022 08:50:43 GMT",
51
+ "tag": "@fluentui/react-provider_v9.0.0-rc.1",
52
+ "version": "9.0.0-rc.1",
53
+ "comments": {
54
+ "none": [
55
+ {
56
+ "author": "martinhochel@microsoft.com",
57
+ "package": "@fluentui/react-provider",
58
+ "commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
59
+ "comment": "chore: use storybook runner for all vNext packages"
45
60
  },
46
61
  {
47
- "author": "beachball",
62
+ "author": "olfedias@microsoft.com",
48
63
  "package": "@fluentui/react-provider",
49
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyf8be6a7c6520220106.1",
50
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
64
+ "commit": "d11a238f944b891c13b3bfa56a17ddace52f37d5",
65
+ "comment": "update stories to not use CSS shorthands in styles"
51
66
  },
52
67
  {
53
- "author": "beachball",
68
+ "author": "martinhochel@microsoft.com",
54
69
  "package": "@fluentui/react-provider",
55
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
56
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
70
+ "commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
71
+ "comment": "chore: update all jest deps to v25 + apply single version policy"
57
72
  },
58
73
  {
59
- "author": "beachball",
74
+ "author": "olfedias@microsoft.com",
60
75
  "package": "@fluentui/react-provider",
61
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
62
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
76
+ "commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
77
+ "comment": "remove inline-style-expand-shorthand from tsconfigs"
63
78
  },
64
79
  {
65
- "author": "beachball",
80
+ "author": "olfedias@microsoft.com",
66
81
  "package": "@fluentui/react-provider",
67
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1",
68
- "commit": "9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8"
82
+ "commit": "0fe5ae5d94918a8f8805ed3e587ed98acb17c4b2",
83
+ "comment": "add @types/react-test-renderer to devDependencies"
69
84
  }
70
85
  ],
71
- "none": [
86
+ "prerelease": [
87
+ {
88
+ "author": "mgodbolt@microsoft.com",
89
+ "package": "@fluentui/react-provider",
90
+ "commit": "839ec14849e112b85aa321d034739ec421199141",
91
+ "comment": "remove export of commons types"
92
+ },
93
+ {
94
+ "author": "Humberto.Morimoto@microsoft.com",
95
+ "package": "@fluentui/react-provider",
96
+ "commit": "0bc161458eae5ae8d387172430496ce9829b1bb1",
97
+ "comment": "Using ComponentSlotProps instead of ObjectShorthandProps."
98
+ },
99
+ {
100
+ "author": "Humberto.Morimoto@microsoft.com",
101
+ "package": "@fluentui/react-provider",
102
+ "commit": "00a5d945904c896a0664de6ba72c145a255f0848",
103
+ "comment": "Updating use of tokens.fontWeight now that we don't need to use casting."
104
+ },
72
105
  {
73
106
  "author": "olfedias@microsoft.com",
74
107
  "package": "@fluentui/react-provider",
75
- "commit": "d11a238f944b891c13b3bfa56a17ddace52f37d5",
76
- "comment": "update stories to not use CSS shorthands in styles"
108
+ "commit": "706305303fcf03a82052c0a9e74d8aecb102885e",
109
+ "comment": "use Griffel packages"
110
+ },
111
+ {
112
+ "author": "behowell@microsoft.com",
113
+ "package": "@fluentui/react-provider",
114
+ "commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
115
+ "comment": "Refactor component Slot typings"
116
+ },
117
+ {
118
+ "author": "Humberto.Morimoto@microsoft.com",
119
+ "package": "@fluentui/react-provider",
120
+ "commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
121
+ "comment": "Updating based on changes to composition types."
77
122
  },
78
123
  {
79
124
  "author": "martinhochel@microsoft.com",
80
125
  "package": "@fluentui/react-provider",
81
- "commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
82
- "comment": "chore: update all jest deps to v25 + apply single version policy"
126
+ "commit": "ecfe4c4fdc306e9c484706f28457f440f55d3684",
127
+ "comment": "make the FluentProvider#theme TS API reflect runtime and add warning if there is a violation"
128
+ },
129
+ {
130
+ "author": "Humberto.Morimoto@microsoft.com",
131
+ "package": "@fluentui/react-provider",
132
+ "commit": "b22c4ef0eba0730286f2ed701e1b851d8a5c03b5",
133
+ "comment": "Replacing use of functions in makeStyles with direct use of tokens"
134
+ },
135
+ {
136
+ "author": "martinhochel@microsoft.com",
137
+ "package": "@fluentui/react-provider",
138
+ "commit": "1dba2fca2365f1a748505896679ae160a6fec270",
139
+ "comment": "replace mergeThemes functionality from react-theme"
140
+ },
141
+ {
142
+ "author": "bsunderhus@microsoft.com",
143
+ "package": "@fluentui/react-provider",
144
+ "commit": "c9a03954ffd5d1a85284fb36ef4cd103ed8aa927",
145
+ "comment": "Remove `themeToCSSVariables` function"
146
+ },
147
+ {
148
+ "author": "lingfangao@hotmail.com",
149
+ "package": "@fluentui/react-provider",
150
+ "commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
151
+ "comment": "Bump Fluent UI packages to 9.0.0-rc"
152
+ },
153
+ {
154
+ "author": "behowell@microsoft.com",
155
+ "package": "@fluentui/react-provider",
156
+ "commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
157
+ "comment": "Remove component's shorthandProps array"
158
+ },
159
+ {
160
+ "author": "behowell@microsoft.com",
161
+ "package": "@fluentui/react-provider",
162
+ "commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
163
+ "comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
164
+ },
165
+ {
166
+ "author": "beachball",
167
+ "package": "@fluentui/react-provider",
168
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.1",
169
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
170
+ },
171
+ {
172
+ "author": "beachball",
173
+ "package": "@fluentui/react-provider",
174
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-rc.1",
175
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
176
+ },
177
+ {
178
+ "author": "beachball",
179
+ "package": "@fluentui/react-provider",
180
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.1",
181
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
182
+ },
183
+ {
184
+ "author": "beachball",
185
+ "package": "@fluentui/react-provider",
186
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
187
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
188
+ },
189
+ {
190
+ "author": "beachball",
191
+ "package": "@fluentui/react-provider",
192
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
193
+ "commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
83
194
  }
84
195
  ]
85
196
  }
package/CHANGELOG.md CHANGED
@@ -1,26 +1,48 @@
1
1
  # Change Log - @fluentui/react-provider
2
2
 
3
- This log was last generated on Thu, 06 Jan 2022 04:30:10 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 17 Feb 2022 11:41:21 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlyf8be6a7c6520220106.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v0.0.0-nightlyf8be6a7c6520220106.1)
7
+ ## [0.0.0-nightlyff78d1e27a20220217.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v0.0.0-nightlyff78d1e27a20220217.1)
8
8
 
9
- Thu, 06 Jan 2022 04:30:10 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-beta.5..@fluentui/react-provider_v0.0.0-nightlyf8be6a7c6520220106.1)
9
+ Thu, 17 Feb 2022 11:41:21 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-rc.1..@fluentui/react-provider_v0.0.0-nightlyff78d1e27a20220217.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by email not defined)
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by email not defined)
15
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
16
+ - Bump @fluentui/react-tabster to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
17
+ - Bump @fluentui/react-theme to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
18
+ - Bump @fluentui/react-utilities to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
19
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyff78d1e27a20220217.1 ([commit](https://github.com/microsoft/fluentui/commit/966e16625ca79f990ad8ca408ba47857adc522b3) by beachball)
20
+
21
+ ## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-rc.1)
22
+
23
+ Thu, 10 Feb 2022 08:50:43 GMT
24
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-beta.5..@fluentui/react-provider_v9.0.0-rc.1)
25
+
26
+ ### Changes
27
+
28
+ - remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
29
+ - Using ComponentSlotProps instead of ObjectShorthandProps. ([PR #20890](https://github.com/microsoft/fluentui/pull/20890) by Humberto.Morimoto@microsoft.com)
30
+ - Updating use of tokens.fontWeight now that we don't need to use casting. ([PR #21217](https://github.com/microsoft/fluentui/pull/21217) by Humberto.Morimoto@microsoft.com)
31
+ - use Griffel packages ([PR #21360](https://github.com/microsoft/fluentui/pull/21360) by olfedias@microsoft.com)
32
+ - Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
33
+ - Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
34
+ - make the FluentProvider#theme TS API reflect runtime and add warning if there is a violation ([PR #21286](https://github.com/microsoft/fluentui/pull/21286) by martinhochel@microsoft.com)
35
+ - Replacing use of functions in makeStyles with direct use of tokens ([PR #21052](https://github.com/microsoft/fluentui/pull/21052) by Humberto.Morimoto@microsoft.com)
36
+ - replace mergeThemes functionality from react-theme ([PR #21278](https://github.com/microsoft/fluentui/pull/21278) by martinhochel@microsoft.com)
15
37
  - Remove `themeToCSSVariables` function ([PR #20828](https://github.com/microsoft/fluentui/pull/20828) by bsunderhus@microsoft.com)
16
- - Bump @fluentui/react-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
17
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
18
- - Bump @fluentui/react-tabster to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
19
- - Bump @fluentui/react-theme to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
20
- - Bump @fluentui/react-utilities to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
21
- - Bump @fluentui/babel-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
22
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
23
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyf8be6a7c6520220106.1 ([commit](https://github.com/microsoft/fluentui/commit/9b6d690fccd3a42a9ce2fed55d90f3eeb80edaa8) by beachball)
38
+ - Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
39
+ - Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
40
+ - BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
41
+ - Bump @fluentui/react-shared-contexts to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
42
+ - Bump @fluentui/react-tabster to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
43
+ - Bump @fluentui/react-theme to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
44
+ - Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
45
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
24
46
 
25
47
  ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-beta.5)
26
48
 
package/dist/react-provider.d.ts CHANGED
@@ -1,12 +1,11 @@
1
1
  import type { ComponentProps } from '@fluentui/react-utilities';
2
2
  import type { ComponentState } from '@fluentui/react-utilities';
3
- import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
4
3
  import type { PartialTheme } from '@fluentui/react-theme';
5
4
  import type { ProviderContextValue } from '@fluentui/react-shared-contexts';
6
5
  import * as React_2 from 'react';
6
+ import type { Slot } from '@fluentui/react-utilities';
7
7
  import type { Theme } from '@fluentui/react-theme';
8
8
  import type { ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
9
- import type { ThemeContextValue } from '@fluentui/react-shared-contexts';
10
9
  import type { TooltipContextType } from '@fluentui/react-shared-contexts';
11
10
  import { useFluent } from '@fluentui/react-shared-contexts';
12
11
  import { useTheme } from '@fluentui/react-shared-contexts';
@@ -15,17 +14,17 @@ export declare const FluentProvider: React_2.ForwardRefExoticComponent<FluentPro
15
14
 
16
15
  export declare const fluentProviderClassName = "fui-FluentProvider";
17
16
 
18
- export declare interface FluentProviderCommons {
17
+ declare interface FluentProviderCommons {
19
18
  /** Sets the direction of text & generated styles. */
20
19
  dir: 'ltr' | 'rtl';
21
20
  /** Provides the document, can be undefined during SSR render. */
22
21
  targetDocument: Document | undefined;
23
22
  }
24
23
 
25
- export declare interface FluentProviderContextValues {
24
+ export declare interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
26
25
  provider: ProviderContextValue;
27
- theme: ThemeContextValue;
28
26
  themeClassName: ThemeClassNameContextValue;
27
+ textDirection: 'ltr' | 'rtl';
29
28
  tooltip: TooltipContextType;
30
29
  }
31
30
 
@@ -33,39 +32,37 @@ export declare interface FluentProviderProps extends Omit<ComponentProps<FluentP
33
32
  theme?: PartialTheme;
34
33
  }
35
34
 
36
- export declare const fluentProviderShorthandProps: (keyof FluentProviderSlots)[];
37
-
38
35
  export declare type FluentProviderSlots = {
39
- root: IntrinsicShorthandProps<'div'>;
36
+ root: Slot<'div'>;
40
37
  };
41
38
 
42
39
  export declare interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
43
- theme: Theme;
40
+ theme: Theme | Partial<Theme> | undefined;
44
41
  themeClassName: string;
45
42
  }
46
43
 
47
44
  /**
48
45
  * Render the final JSX of FluentProvider
49
46
  */
50
- export declare const renderFluentProvider: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;
47
+ export declare const renderFluentProvider_unstable: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;
51
48
 
52
49
  export { useFluent }
53
50
 
54
51
  /**
55
52
  * Create the state required to render FluentProvider.
56
53
  *
57
- * The returned state can be modified with hooks such as useFluentProviderStyles,
58
- * before being passed to renderFluentProvider.
54
+ * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,
55
+ * before being passed to renderFluentProvider_unstable.
59
56
  *
60
57
  * @param props - props from this instance of FluentProvider
61
58
  * @param ref - reference to root HTMLElement of FluentProvider
62
59
  */
63
- export declare const useFluentProvider: (props: FluentProviderProps, ref: React_2.Ref<HTMLElement>) => FluentProviderState;
60
+ export declare const useFluentProvider_unstable: (props: FluentProviderProps, ref: React_2.Ref<HTMLElement>) => FluentProviderState;
64
61
 
65
- export declare function useFluentProviderContextValues(state: FluentProviderState): FluentProviderContextValues;
62
+ export declare function useFluentProviderContextValues_unstable(state: FluentProviderState): FluentProviderContextValues;
66
63
 
67
64
  /** Applies style classnames to slots */
68
- export declare const useFluentProviderStyles: (state: FluentProviderState) => FluentProviderState;
65
+ export declare const useFluentProviderStyles_unstable: (state: FluentProviderState) => FluentProviderState;
69
66
 
70
67
  export { useTheme }
71
68
 
package/lib/FluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FluentProvider.js","sourceRoot":"","sources":["../src/FluentProvider.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}
1
+ {"version":3,"file":"FluentProvider.js","sourceRoot":"../src/","sources":["FluentProvider.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/FluentProvider/index';\n"]}
package/lib/components/FluentProvider/FluentProvider.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import * as React from 'react';
2
- import { renderFluentProvider } from './renderFluentProvider';
3
- import { useFluentProvider } from './useFluentProvider';
4
- import { useFluentProviderStyles } from './useFluentProviderStyles';
5
- import { useFluentProviderContextValues } from './useFluentProviderContextValues';
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
- const state = useFluentProvider(props, ref);
8
- useFluentProviderStyles(state);
9
- const contextValues = useFluentProviderContextValues(state);
10
- return renderFluentProvider(state, contextValues);
7
+ const state = useFluentProvider_unstable(props, ref);
8
+ useFluentProviderStyles_unstable(state);
9
+ const contextValues = useFluentProviderContextValues_unstable(state);
10
+ return renderFluentProvider_unstable(state, contextValues);
11
11
  });
12
12
  FluentProvider.displayName = 'FluentProvider';
13
13
  //# sourceMappingURL=FluentProvider.js.map
package/lib/components/FluentProvider/FluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/FluentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,oBAAT,QAAqC,wBAArC;AACA,SAAS,iBAAT,QAAkC,qBAAlC;AACA,SAAS,uBAAT,QAAwC,2BAAxC;AACA,SAAS,8BAAT,QAA+C,kCAA/C;AAGA,OAAO,MAAM,cAAc,gBAAG,KAAK,CAAC,UAAN,CAAmD,CAAC,KAAD,EAAQ,GAAR,KAAe;AAC9F,QAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AACA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AAEA,QAAM,aAAa,GAAG,8BAA8B,CAAC,KAAD,CAApD;AAEA,SAAO,oBAAoB,CAAC,KAAD,EAAQ,aAAR,CAA3B;AACD,CAP6B,CAAvB;AASP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourceRoot":""}
1
+ {"version":3,"sources":["components/FluentProvider/FluentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AACA,SAAS,0BAAT,QAA2C,qBAA3C;AACA,SAAS,gCAAT,QAAiD,2BAAjD;AACA,SAAS,uCAAT,QAAwD,kCAAxD;AAGA,OAAO,MAAM,cAAc,gBAAG,KAAK,CAAC,UAAN,CAAmD,CAAC,KAAD,EAAQ,GAAR,KAAe;AAC9F,QAAM,KAAK,GAAG,0BAA0B,CAAC,KAAD,EAAQ,GAAR,CAAxC;AACA,EAAA,gCAAgC,CAAC,KAAD,CAAhC;AAEA,QAAM,aAAa,GAAG,uCAAuC,CAAC,KAAD,CAA7D;AAEA,SAAO,6BAA6B,CAAC,KAAD,EAAQ,aAAR,CAApC;AACD,CAP6B,CAAvB;AASP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","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';\nimport type { FluentProviderProps } from './FluentProvider.types';\n\nexport const FluentProvider = React.forwardRef<HTMLElement, FluentProviderProps>((props, ref) => {\n const state = useFluentProvider_unstable(props, ref);\n useFluentProviderStyles_unstable(state);\n\n const contextValues = useFluentProviderContextValues_unstable(state);\n\n return renderFluentProvider_unstable(state, contextValues);\n});\n\nFluentProvider.displayName = 'FluentProvider';\n"],"sourceRoot":"../src/"}
package/lib/components/FluentProvider/FluentProvider.types.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
1
+ import type { ProviderContextValue, TooltipContextType, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
2
2
  import type { PartialTheme, Theme } from '@fluentui/react-theme';
3
- import type { ProviderContextValue, TooltipContextType, ThemeContextValue, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
3
+ import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
4
4
  export declare type FluentProviderSlots = {
5
- root: IntrinsicShorthandProps<'div'>;
5
+ root: Slot<'div'>;
6
6
  };
7
- export interface FluentProviderCommons {
7
+ interface FluentProviderCommons {
8
8
  /** Sets the direction of text & generated styles. */
9
9
  dir: 'ltr' | 'rtl';
10
10
  /** Provides the document, can be undefined during SSR render. */
@@ -14,12 +14,13 @@ export interface FluentProviderProps extends Omit<ComponentProps<FluentProviderS
14
14
  theme?: PartialTheme;
15
15
  }
16
16
  export interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
17
- theme: Theme;
17
+ theme: Theme | Partial<Theme> | undefined;
18
18
  themeClassName: string;
19
19
  }
20
- export interface FluentProviderContextValues {
20
+ export interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {
21
21
  provider: ProviderContextValue;
22
- theme: ThemeContextValue;
23
22
  themeClassName: ThemeClassNameContextValue;
23
+ textDirection: 'ltr' | 'rtl';
24
24
  tooltip: TooltipContextType;
25
25
  }
26
+ export {};
package/lib/components/FluentProvider/FluentProvider.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FluentProvider.types.js","sourceRoot":"","sources":["../../../src/components/FluentProvider/FluentProvider.types.ts"],"names":[],"mappings":""}
1
+ {"version":3,"file":"FluentProvider.types.js","sourceRoot":"../src/","sources":["components/FluentProvider/FluentProvider.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n ProviderContextValue,\n TooltipContextType,\n ThemeClassNameContextValue,\n} from '@fluentui/react-shared-contexts';\nimport type { PartialTheme, Theme } from '@fluentui/react-theme';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type FluentProviderSlots = {\n root: Slot<'div'>;\n};\n\ninterface FluentProviderCommons {\n /** Sets the direction of text & generated styles. */\n dir: 'ltr' | 'rtl';\n\n /** Provides the document, can be undefined during SSR render. */\n targetDocument: Document | undefined;\n}\n\nexport interface FluentProviderProps\n extends Omit<ComponentProps<FluentProviderSlots>, 'dir'>,\n Partial<FluentProviderCommons> {\n theme?: PartialTheme;\n}\n\nexport interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {\n theme: Theme | Partial<Theme> | undefined;\n themeClassName: string;\n}\n\nexport interface FluentProviderContextValues extends Pick<FluentProviderState, 'theme'> {\n provider: ProviderContextValue;\n themeClassName: ThemeClassNameContextValue;\n textDirection: 'ltr' | 'rtl';\n tooltip: TooltipContextType;\n}\n"]}
package/lib/components/FluentProvider/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/FluentProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/FluentProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC","sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderStyles';\nexport * from './useFluentProviderContextValues';\n"]}
package/lib/components/FluentProvider/renderFluentProvider.d.ts CHANGED
@@ -2,4 +2,4 @@ import type { FluentProviderContextValues, FluentProviderState } from './FluentP
2
2
  /**
3
3
  * Render the final JSX of FluentProvider
4
4
  */
5
- export declare const renderFluentProvider: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;
5
+ export declare const renderFluentProvider_unstable: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;
package/lib/components/FluentProvider/renderFluentProvider.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import * as React from 'react';
2
+ import { TextDirectionProvider } from '@griffel/react';
2
3
  import { ProviderContext, TooltipContext, ThemeContext, ThemeClassNameContext } from '@fluentui/react-shared-contexts';
3
4
  import { getSlots } from '@fluentui/react-utilities';
4
- import { fluentProviderShorthandProps } from './useFluentProvider';
5
5
  /**
6
6
  * Render the final JSX of FluentProvider
7
7
  */
8
8
 
9
- export const renderFluentProvider = (state, contextValues) => {
9
+ export const renderFluentProvider_unstable = (state, contextValues) => {
10
10
  const {
11
11
  slots,
12
12
  slotProps
13
- } = getSlots(state, fluentProviderShorthandProps);
13
+ } = getSlots(state);
14
14
  return /*#__PURE__*/React.createElement(ProviderContext.Provider, {
15
15
  value: contextValues.provider
16
16
  }, /*#__PURE__*/React.createElement(ThemeContext.Provider, {
@@ -19,7 +19,9 @@ export const renderFluentProvider = (state, contextValues) => {
19
19
  value: contextValues.themeClassName
20
20
  }, /*#__PURE__*/React.createElement(TooltipContext.Provider, {
21
21
  value: contextValues.tooltip
22
+ }, /*#__PURE__*/React.createElement(TextDirectionProvider, {
23
+ dir: contextValues.textDirection
22
24
  }, /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
23
- }, state.root.children)))));
25
+ }, state.root.children))))));
24
26
  };
25
27
  //# sourceMappingURL=renderFluentProvider.js.map
package/lib/components/FluentProvider/renderFluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,EAA0B,cAA1B,EAA0C,YAA1C,EAAwD,qBAAxD,QAAqF,iCAArF;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,4BAAT,QAA6C,qBAA7C;AAEA;;AAEG;;AACH,OAAO,MAAM,oBAAoB,GAAG,CAAC,KAAD,EAA6B,aAA7B,KAA2E;AAC7G,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,EAA6B,4BAA7B,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,eAAe,CAAC,QAAjB,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,eACE,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAd,EAAsB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAtB,eACE,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAvB,EAA+B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA/B,eACE,KAAA,CAAA,aAAA,CAAC,cAAc,CAAC,QAAhB,EAAwB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAxB,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF;AAWD,CAdM","sourceRoot":""}
1
+ {"version":3,"sources":["components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,QAAsC,gBAAtC;AACA,SAAS,eAAT,EAA0B,cAA1B,EAA0C,YAA1C,EAAwD,qBAAxD,QAAqF,iCAArF;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,6BAA6B,GAAG,CAC3C,KAD2C,EAE3C,aAF2C,KAGzC;AACF,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAC,eAAe,CAAC,QAAjB,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,eACE,KAAA,CAAA,aAAA,CAAC,YAAY,CAAC,QAAd,EAAsB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAtB,eACE,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAvB,EAA+B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA/B,eACE,KAAA,CAAA,aAAA,CAAC,cAAc,CAAC,QAAhB,EAAwB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAxB,eACE,KAAA,CAAA,aAAA,CAAC,qBAAD,EAAsB;AAAC,IAAA,GAAG,EAAE,aAAa,CAAC;AAApB,GAAtB,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF,CADF;AAaD,CAnBM","sourcesContent":["import * as React from 'react';\nimport { TextDirectionProvider } from '@griffel/react';\nimport { ProviderContext, TooltipContext, ThemeContext, ThemeClassNameContext } from '@fluentui/react-shared-contexts';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { FluentProviderSlots, FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';\n\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider_unstable = (\n state: FluentProviderState,\n contextValues: FluentProviderContextValues,\n) => {\n const { slots, slotProps } = getSlots<FluentProviderSlots>(state);\n\n return (\n <ProviderContext.Provider value={contextValues.provider}>\n <ThemeContext.Provider value={contextValues.theme}>\n <ThemeClassNameContext.Provider value={contextValues.themeClassName}>\n <TooltipContext.Provider value={contextValues.tooltip}>\n <TextDirectionProvider dir={contextValues.textDirection}>\n <slots.root {...slotProps.root}>{state.root.children}</slots.root>\n </TextDirectionProvider>\n </TooltipContext.Provider>\n </ThemeClassNameContext.Provider>\n </ThemeContext.Provider>\n </ProviderContext.Provider>\n );\n};\n"],"sourceRoot":"../src/"}
package/lib/components/FluentProvider/useFluentProvider.d.ts CHANGED
@@ -1,13 +1,12 @@
1
1
  import * as React from 'react';
2
- import type { FluentProviderProps, FluentProviderSlots, FluentProviderState } from './FluentProvider.types';
3
- export declare const fluentProviderShorthandProps: (keyof FluentProviderSlots)[];
2
+ import type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';
4
3
  /**
5
4
  * Create the state required to render FluentProvider.
6
5
  *
7
- * The returned state can be modified with hooks such as useFluentProviderStyles,
8
- * before being passed to renderFluentProvider.
6
+ * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,
7
+ * before being passed to renderFluentProvider_unstable.
9
8
  *
10
9
  * @param props - props from this instance of FluentProvider
11
10
  * @param ref - reference to root HTMLElement of FluentProvider
12
11
  */
13
- export declare const useFluentProvider: (props: FluentProviderProps, ref: React.Ref<HTMLElement>) => FluentProviderState;
12
+ export declare const useFluentProvider_unstable: (props: FluentProviderProps, ref: React.Ref<HTMLElement>) => FluentProviderState;
package/lib/components/FluentProvider/useFluentProvider.js CHANGED
@@ -1,20 +1,19 @@
1
1
  import { useKeyboardNavAttribute } from '@fluentui/react-tabster';
2
- import { mergeThemes } from '@fluentui/react-theme';
3
2
  import { useFluent, useTheme } from '@fluentui/react-shared-contexts';
4
3
  import { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';
4
+ import * as React from 'react';
5
5
  import { useThemeStyleTag } from './useThemeStyleTag';
6
- export const fluentProviderShorthandProps = ['root'];
7
6
  /**
8
7
  * Create the state required to render FluentProvider.
9
8
  *
10
- * The returned state can be modified with hooks such as useFluentProviderStyles,
11
- * before being passed to renderFluentProvider.
9
+ * The returned state can be modified with hooks such as useFluentProviderStyles_unstable,
10
+ * before being passed to renderFluentProvider_unstable.
12
11
  *
13
12
  * @param props - props from this instance of FluentProvider
14
13
  * @param ref - reference to root HTMLElement of FluentProvider
15
14
  */
16
15
 
17
- export const useFluentProvider = (props, ref) => {
16
+ export const useFluentProvider_unstable = (props, ref) => {
18
17
  const parentContext = useFluent();
19
18
  const parentTheme = useTheme();
20
19
  /**
@@ -26,9 +25,20 @@ export const useFluentProvider = (props, ref) => {
26
25
  const {
27
26
  dir = parentContext.dir,
28
27
  targetDocument = parentContext.targetDocument,
29
- theme = {}
28
+ theme
30
29
  } = props;
31
30
  const mergedTheme = mergeThemes(parentTheme, theme);
31
+ React.useEffect(() => {
32
+ if (process.env.NODE_ENV !== 'production' && mergedTheme === undefined) {
33
+ // eslint-disable-next-line no-console
34
+ console.warn(`
35
+ FluentProvider: your "theme" is not defined !
36
+ =============================================
37
+ Make sure your root FluentProvider has set a theme or you're setting the theme in your child FluentProvider.
38
+ `);
39
+ } // eslint-disable-next-line react-hooks/exhaustive-deps
40
+
41
+ }, []);
32
42
  return {
33
43
  dir,
34
44
  targetDocument,
@@ -46,4 +56,19 @@ export const useFluentProvider = (props, ref) => {
46
56
  })
47
57
  };
48
58
  };
59
+
60
+ function mergeThemes(a, b) {
61
+ // Merge impacts perf: we should like to avoid it if it's possible
62
+ if (a && b) {
63
+ return { ...a,
64
+ ...b
65
+ };
66
+ }
67
+
68
+ if (a) {
69
+ return a;
70
+ }
71
+
72
+ return b;
73
+ }
49
74
  //# sourceMappingURL=useFluentProvider.js.map
package/lib/components/FluentProvider/useFluentProvider.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,yBAAxC;AACA,SAAS,WAAT,QAA4B,uBAA5B;AACA,SAAS,SAAT,EAAoB,QAApB,QAAoC,iCAApC;AACA,SAAS,qBAAT,EAAgC,aAAhC,QAAqD,2BAArD;AAEA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA,OAAO,MAAM,4BAA4B,GAAkC,CAAC,MAAD,CAApE;AAEP;;;;;;;;AAQG;;AACH,OAAO,MAAM,iBAAiB,GAAG,CAAC,KAAD,EAA6B,GAA7B,KAAiF;AAChH,QAAM,aAAa,GAAG,SAAS,EAA/B;AACA,QAAM,WAAW,GAAG,QAAQ,EAA5B;AAEA;;;;AAIG;;AACH,QAAM;AAAE,IAAA,GAAG,GAAG,aAAa,CAAC,GAAtB;AAA2B,IAAA,cAAc,GAAG,aAAa,CAAC,cAA1D;AAA0E,IAAA,KAAK,GAAG;AAAlF,MAAyF,KAA/F;AACA,QAAM,WAAW,GAAG,WAAW,CAAC,WAAD,EAAc,KAAd,CAA/B;AAEA,SAAO;AACL,IAAA,GADK;AAEL,IAAA,cAFK;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,gBAAgB,CAAC;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA;AAAtB,KAAD,CAJ3B;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,GAAG,EAAE,aAAa,CAAC,GAAD,EAAM,uBAAuB,EAA7B;AAHe,KAAR;AAVtB,GAAP;AAgBD,CA5BM","sourceRoot":""}
1
+ {"version":3,"sources":["components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":"AAAA,SAAS,uBAAT,QAAwC,yBAAxC;AAEA,SAAS,SAAT,EAAoB,QAApB,QAAoC,iCAApC;AACA,SAAS,qBAAT,EAAgC,aAAhC,QAAqD,2BAArD;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;;;;;;;AAQG;;AACH,OAAO,MAAM,0BAA0B,GAAG,CACxC,KADwC,EAExC,GAFwC,KAGjB;AACvB,QAAM,aAAa,GAAG,SAAS,EAA/B;AACA,QAAM,WAAW,GAAG,QAAQ,EAA5B;AAEA;;;;AAIG;;AACH,QAAM;AAAE,IAAA,GAAG,GAAG,aAAa,CAAC,GAAtB;AAA2B,IAAA,cAAc,GAAG,aAAa,CAAC,cAA1D;AAA0E,IAAA;AAA1E,MAAoF,KAA1F;AACA,QAAM,WAAW,GAAG,WAAW,CAAC,WAAD,EAAc,KAAd,CAA/B;AAEA,EAAA,KAAK,CAAC,SAAN,CAAgB,MAAK;AACnB,QAAI,OAAO,CAAC,GAAR,CAAY,QAAZ,KAAyB,YAAzB,IAAyC,WAAW,KAAK,SAA7D,EAAwE;AACtE;AACA,MAAA,OAAO,CAAC,IAAR,CAAa;;;;AAIZ,OAJD;AAKD,KARkB,CASnB;;AACD,GAVD,EAUG,EAVH;AAYA,SAAO;AACL,IAAA,GADK;AAEL,IAAA,cAFK;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,gBAAgB,CAAC;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA;AAAtB,KAAD,CAJ3B;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ,EACjC,GAAG,KAD8B;AAEjC,MAAA,GAFiC;AAGjC,MAAA,GAAG,EAAE,aAAa,CAAC,GAAD,EAAM,uBAAuB,EAA7B;AAHe,KAAR;AAVtB,GAAP;AAgBD,CA3CM;;AA6CP,SAAS,WAAT,CAAqB,CAArB,EAA4D,CAA5D,EAAuE;AACrE;AACA,MAAI,CAAC,IAAI,CAAT,EAAY;AACV,WAAO,EAAE,GAAG,CAAL;AAAQ,SAAG;AAAX,KAAP;AACD;;AAED,MAAI,CAAJ,EAAO;AACL,WAAO,CAAP;AACD;;AAED,SAAO,CAAP;AACD","sourcesContent":["import { useKeyboardNavAttribute } from '@fluentui/react-tabster';\nimport type { Theme } from '@fluentui/react-theme';\nimport { useFluent, useTheme } from '@fluentui/react-shared-contexts';\nimport { getNativeElementProps, useMergedRefs } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport { useThemeStyleTag } from './useThemeStyleTag';\nimport type { FluentProviderProps, FluentProviderState } from './FluentProvider.types';\n\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 = (\n props: FluentProviderProps,\n ref: React.Ref<HTMLElement>,\n): FluentProviderState => {\n const parentContext = useFluent();\n const parentTheme = useTheme();\n\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 { dir = parentContext.dir, targetDocument = parentContext.targetDocument, theme } = props;\n const mergedTheme = mergeThemes(parentTheme, theme);\n\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\n return {\n dir,\n targetDocument,\n theme: mergedTheme,\n themeClassName: useThemeStyleTag({ theme: mergedTheme, targetDocument }),\n\n components: {\n root: 'div',\n },\n\n root: getNativeElementProps('div', {\n ...props,\n dir,\n ref: useMergedRefs(ref, useKeyboardNavAttribute()),\n }),\n };\n};\n\nfunction mergeThemes(a: Theme | Partial<Theme> | undefined, b: typeof a): Theme | Partial<Theme> | undefined {\n // Merge impacts perf: we should like to avoid it if it's possible\n if (a && b) {\n return { ...a, ...b };\n }\n\n if (a) {\n return a;\n }\n\n return b;\n}\n"],"sourceRoot":"../src/"}
package/lib/components/FluentProvider/useFluentProviderContextValues.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';
2
- export declare function useFluentProviderContextValues(state: FluentProviderState): FluentProviderContextValues;
2
+ export declare function useFluentProviderContextValues_unstable(state: FluentProviderState): FluentProviderContextValues;