@fluentui/react-provider 9.0.0-alpha.80 → 9.0.0-alpha.84

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 (58) hide show
  1. package/CHANGELOG.json +188 -8
  2. package/CHANGELOG.md +65 -9
  3. package/lib/FluentProvider.js.map +1 -1
  4. package/lib/common/isConformant.js.map +1 -1
  5. package/lib/components/FluentProvider/FluentProvider.js.map +1 -1
  6. package/lib/components/FluentProvider/FluentProvider.types.js.map +1 -1
  7. package/lib/components/FluentProvider/index.js.map +1 -1
  8. package/lib/components/FluentProvider/renderFluentProvider.js.map +1 -1
  9. package/lib/components/FluentProvider/useFluentProvider.js.map +1 -1
  10. package/lib/components/FluentProvider/useFluentProviderContextValues.js.map +1 -1
  11. package/lib/components/FluentProvider/useFluentProviderStyles.js.map +1 -1
  12. package/lib/components/FluentProvider/useThemeStyleTag.js.map +1 -1
  13. package/lib/index.js.map +1 -1
  14. package/lib-commonjs/FluentProvider.js.map +1 -1
  15. package/lib-commonjs/common/isConformant.js.map +1 -1
  16. package/lib-commonjs/components/FluentProvider/FluentProvider.js.map +1 -1
  17. package/lib-commonjs/components/FluentProvider/FluentProvider.types.js.map +1 -1
  18. package/lib-commonjs/components/FluentProvider/index.js.map +1 -1
  19. package/lib-commonjs/components/FluentProvider/renderFluentProvider.js.map +1 -1
  20. package/lib-commonjs/components/FluentProvider/useFluentProvider.js.map +1 -1
  21. package/lib-commonjs/components/FluentProvider/useFluentProviderContextValues.js.map +1 -1
  22. package/lib-commonjs/components/FluentProvider/useFluentProviderStyles.js.map +1 -1
  23. package/lib-commonjs/components/FluentProvider/useThemeStyleTag.js.map +1 -1
  24. package/lib-commonjs/index.js.map +1 -1
  25. package/package.json +7 -7
  26. package/lib-amd/FluentProvider.d.ts +0 -1
  27. package/lib-amd/FluentProvider.js +0 -6
  28. package/lib-amd/FluentProvider.js.map +0 -1
  29. package/lib-amd/common/isConformant.d.ts +0 -4
  30. package/lib-amd/common/isConformant.js +0 -16
  31. package/lib-amd/common/isConformant.js.map +0 -1
  32. package/lib-amd/components/FluentProvider/FluentProvider.d.ts +0 -3
  33. package/lib-amd/components/FluentProvider/FluentProvider.js +0 -13
  34. package/lib-amd/components/FluentProvider/FluentProvider.js.map +0 -1
  35. package/lib-amd/components/FluentProvider/FluentProvider.types.d.ts +0 -25
  36. package/lib-amd/components/FluentProvider/FluentProvider.types.js +0 -5
  37. package/lib-amd/components/FluentProvider/FluentProvider.types.js.map +0 -1
  38. package/lib-amd/components/FluentProvider/index.d.ts +0 -5
  39. package/lib-amd/components/FluentProvider/index.js +0 -10
  40. package/lib-amd/components/FluentProvider/index.js.map +0 -1
  41. package/lib-amd/components/FluentProvider/renderFluentProvider.d.ts +0 -5
  42. package/lib-amd/components/FluentProvider/renderFluentProvider.js +0 -18
  43. package/lib-amd/components/FluentProvider/renderFluentProvider.js.map +0 -1
  44. package/lib-amd/components/FluentProvider/useFluentProvider.d.ts +0 -13
  45. package/lib-amd/components/FluentProvider/useFluentProvider.js +0 -38
  46. package/lib-amd/components/FluentProvider/useFluentProvider.js.map +0 -1
  47. package/lib-amd/components/FluentProvider/useFluentProviderContextValues.d.ts +0 -2
  48. package/lib-amd/components/FluentProvider/useFluentProviderContextValues.js +0 -19
  49. package/lib-amd/components/FluentProvider/useFluentProviderContextValues.js.map +0 -1
  50. package/lib-amd/components/FluentProvider/useFluentProviderStyles.d.ts +0 -3
  51. package/lib-amd/components/FluentProvider/useFluentProviderStyles.js +0 -22
  52. package/lib-amd/components/FluentProvider/useFluentProviderStyles.js.map +0 -1
  53. package/lib-amd/components/FluentProvider/useThemeStyleTag.d.ts +0 -7
  54. package/lib-amd/components/FluentProvider/useThemeStyleTag.js +0 -53
  55. package/lib-amd/components/FluentProvider/useThemeStyleTag.js.map +0 -1
  56. package/lib-amd/index.d.ts +0 -2
  57. package/lib-amd/index.js +0 -9
  58. package/lib-amd/index.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,187 @@
2
2
  "name": "@fluentui/react-provider",
3
3
  "entries": [
4
4
  {
5
- "date": "Tue, 21 Sep 2021 07:40:35 GMT",
5
+ "date": "Mon, 27 Sep 2021 08:04:28 GMT",
6
+ "tag": "@fluentui/react-provider_v9.0.0-alpha.84",
7
+ "version": "9.0.0-alpha.84",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-provider",
13
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.73",
14
+ "commit": "7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-provider",
19
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.67",
20
+ "commit": "7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-provider",
25
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.53",
26
+ "commit": "7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-provider",
31
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.55",
32
+ "commit": "7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-provider",
37
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.48",
38
+ "commit": "7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-provider",
43
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.17",
44
+ "commit": "7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e"
45
+ }
46
+ ]
47
+ }
48
+ },
49
+ {
50
+ "date": "Fri, 24 Sep 2021 09:17:17 GMT",
51
+ "tag": "@fluentui/react-provider_v9.0.0-alpha.83",
52
+ "version": "9.0.0-alpha.83",
53
+ "comments": {
54
+ "prerelease": [
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-provider",
58
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.72",
59
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-provider",
64
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.66",
65
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-provider",
70
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.52",
71
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
72
+ },
73
+ {
74
+ "author": "beachball",
75
+ "package": "@fluentui/react-provider",
76
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.54",
77
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
78
+ },
79
+ {
80
+ "author": "beachball",
81
+ "package": "@fluentui/react-provider",
82
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.47",
83
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
84
+ },
85
+ {
86
+ "author": "beachball",
87
+ "package": "@fluentui/react-provider",
88
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.16",
89
+ "commit": "0d26909912889432060fd4c87b2f4a45017e1532"
90
+ }
91
+ ]
92
+ }
93
+ },
94
+ {
95
+ "date": "Thu, 23 Sep 2021 08:21:34 GMT",
96
+ "tag": "@fluentui/react-provider_v9.0.0-alpha.82",
97
+ "version": "9.0.0-alpha.82",
98
+ "comments": {
99
+ "prerelease": [
100
+ {
101
+ "author": "beachball",
102
+ "package": "@fluentui/react-provider",
103
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.71",
104
+ "commit": "95682da34c48813f7658032ae490d21d2f363b90"
105
+ },
106
+ {
107
+ "author": "beachball",
108
+ "package": "@fluentui/react-provider",
109
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.65",
110
+ "commit": "95682da34c48813f7658032ae490d21d2f363b90"
111
+ },
112
+ {
113
+ "author": "beachball",
114
+ "package": "@fluentui/react-provider",
115
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.51",
116
+ "commit": "95682da34c48813f7658032ae490d21d2f363b90"
117
+ },
118
+ {
119
+ "author": "beachball",
120
+ "package": "@fluentui/react-provider",
121
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.53",
122
+ "commit": "95682da34c48813f7658032ae490d21d2f363b90"
123
+ },
124
+ {
125
+ "author": "beachball",
126
+ "package": "@fluentui/react-provider",
127
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.46",
128
+ "commit": "95682da34c48813f7658032ae490d21d2f363b90"
129
+ },
130
+ {
131
+ "author": "beachball",
132
+ "package": "@fluentui/react-provider",
133
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.15",
134
+ "commit": "95682da34c48813f7658032ae490d21d2f363b90"
135
+ }
136
+ ]
137
+ }
138
+ },
139
+ {
140
+ "date": "Wed, 22 Sep 2021 10:10:07 GMT",
141
+ "tag": "@fluentui/react-provider_v9.0.0-alpha.81",
142
+ "version": "9.0.0-alpha.81",
143
+ "comments": {
144
+ "prerelease": [
145
+ {
146
+ "author": "beachball",
147
+ "package": "@fluentui/react-provider",
148
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.70",
149
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
150
+ },
151
+ {
152
+ "author": "beachball",
153
+ "package": "@fluentui/react-provider",
154
+ "comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.64",
155
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
156
+ },
157
+ {
158
+ "author": "beachball",
159
+ "package": "@fluentui/react-provider",
160
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-alpha.50",
161
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
162
+ },
163
+ {
164
+ "author": "beachball",
165
+ "package": "@fluentui/react-provider",
166
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.52",
167
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
168
+ },
169
+ {
170
+ "author": "beachball",
171
+ "package": "@fluentui/react-provider",
172
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45",
173
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
174
+ },
175
+ {
176
+ "author": "beachball",
177
+ "package": "@fluentui/react-provider",
178
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14",
179
+ "commit": "bc3f1ec72fc7784a558b0dd6598ee0662f4649c1"
180
+ }
181
+ ]
182
+ }
183
+ },
184
+ {
185
+ "date": "Tue, 21 Sep 2021 07:42:34 GMT",
6
186
  "tag": "@fluentui/react-provider_v9.0.0-alpha.80",
7
187
  "version": "9.0.0-alpha.80",
8
188
  "comments": {
@@ -11,43 +191,43 @@
11
191
  "author": "beachball",
12
192
  "package": "@fluentui/react-provider",
13
193
  "comment": "Bump @fluentui/react-make-styles to v9.0.0-alpha.69",
14
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
194
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
15
195
  },
16
196
  {
17
197
  "author": "beachball",
18
198
  "package": "@fluentui/react-provider",
19
199
  "comment": "Bump @fluentui/react-shared-contexts to v9.0.0-alpha.25",
20
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
200
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
21
201
  },
22
202
  {
23
203
  "author": "beachball",
24
204
  "package": "@fluentui/react-provider",
25
205
  "comment": "Bump @fluentui/react-tabster to v9.0.0-alpha.63",
26
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
206
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
27
207
  },
28
208
  {
29
209
  "author": "beachball",
30
210
  "package": "@fluentui/react-provider",
31
211
  "comment": "Bump @fluentui/react-theme to v9.0.0-alpha.23",
32
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
212
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
33
213
  },
34
214
  {
35
215
  "author": "beachball",
36
216
  "package": "@fluentui/react-provider",
37
217
  "comment": "Bump @fluentui/babel-make-styles to v9.0.0-alpha.51",
38
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
218
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
39
219
  },
40
220
  {
41
221
  "author": "beachball",
42
222
  "package": "@fluentui/react-provider",
43
223
  "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44",
44
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
224
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
45
225
  },
46
226
  {
47
227
  "author": "beachball",
48
228
  "package": "@fluentui/react-provider",
49
229
  "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13",
50
- "commit": "7ac237dbe5b9a3e452581f7478f811f43bba9f19"
230
+ "commit": "363765ba3d08d2facbb97fb80ab54ff27ac714fd"
51
231
  }
52
232
  ]
53
233
  }
package/CHANGELOG.md CHANGED
@@ -1,23 +1,79 @@
1
1
  # Change Log - @fluentui/react-provider
2
2
 
3
- This log was last generated on Tue, 21 Sep 2021 07:40:35 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 27 Sep 2021 08:04:28 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-alpha.84](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-alpha.84)
8
+
9
+ Mon, 27 Sep 2021 08:04:28 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-alpha.83..@fluentui/react-provider_v9.0.0-alpha.84)
11
+
12
+ ### Changes
13
+
14
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.73 ([commit](https://github.com/microsoft/fluentui/commit/7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e) by beachball)
15
+ - Bump @fluentui/react-tabster to v9.0.0-alpha.67 ([commit](https://github.com/microsoft/fluentui/commit/7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e) by beachball)
16
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.53 ([commit](https://github.com/microsoft/fluentui/commit/7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e) by beachball)
17
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.55 ([commit](https://github.com/microsoft/fluentui/commit/7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e) by beachball)
18
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.48 ([commit](https://github.com/microsoft/fluentui/commit/7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e) by beachball)
19
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.17 ([commit](https://github.com/microsoft/fluentui/commit/7a6d4d03fc1157272a6641fd05fc27f51ba1cc0e) by beachball)
20
+
21
+ ## [9.0.0-alpha.83](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-alpha.83)
22
+
23
+ Fri, 24 Sep 2021 09:17:17 GMT
24
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-alpha.82..@fluentui/react-provider_v9.0.0-alpha.83)
25
+
26
+ ### Changes
27
+
28
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.72 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
29
+ - Bump @fluentui/react-tabster to v9.0.0-alpha.66 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
30
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.52 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
31
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.54 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
32
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.47 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
33
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.16 ([PR #19950](https://github.com/microsoft/fluentui/pull/19950) by beachball)
34
+
35
+ ## [9.0.0-alpha.82](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-alpha.82)
36
+
37
+ Thu, 23 Sep 2021 08:21:34 GMT
38
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-alpha.81..@fluentui/react-provider_v9.0.0-alpha.82)
39
+
40
+ ### Changes
41
+
42
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.71 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
43
+ - Bump @fluentui/react-tabster to v9.0.0-alpha.65 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
44
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.51 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
45
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.53 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
46
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.46 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
47
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.15 ([commit](https://github.com/microsoft/fluentui/commit/95682da34c48813f7658032ae490d21d2f363b90) by beachball)
48
+
49
+ ## [9.0.0-alpha.81](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-alpha.81)
50
+
51
+ Wed, 22 Sep 2021 10:10:07 GMT
52
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-alpha.80..@fluentui/react-provider_v9.0.0-alpha.81)
53
+
54
+ ### Changes
55
+
56
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.70 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
57
+ - Bump @fluentui/react-tabster to v9.0.0-alpha.64 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
58
+ - Bump @fluentui/react-utilities to v9.0.0-alpha.50 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
59
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.52 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
60
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.45 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
61
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/bc3f1ec72fc7784a558b0dd6598ee0662f4649c1) by beachball)
62
+
7
63
  ## [9.0.0-alpha.80](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-alpha.80)
8
64
 
9
- Tue, 21 Sep 2021 07:40:35 GMT
65
+ Tue, 21 Sep 2021 07:42:34 GMT
10
66
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-provider_v9.0.0-alpha.79..@fluentui/react-provider_v9.0.0-alpha.80)
11
67
 
12
68
  ### Changes
13
69
 
14
- - Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
15
- - Bump @fluentui/react-shared-contexts to v9.0.0-alpha.25 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
16
- - Bump @fluentui/react-tabster to v9.0.0-alpha.63 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
17
- - Bump @fluentui/react-theme to v9.0.0-alpha.23 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
18
- - Bump @fluentui/babel-make-styles to v9.0.0-alpha.51 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
19
- - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
20
- - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19880](https://github.com/microsoft/fluentui/pull/19880) by beachball)
70
+ - Bump @fluentui/react-make-styles to v9.0.0-alpha.69 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
71
+ - Bump @fluentui/react-shared-contexts to v9.0.0-alpha.25 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
72
+ - Bump @fluentui/react-tabster to v9.0.0-alpha.63 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
73
+ - Bump @fluentui/react-theme to v9.0.0-alpha.23 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
74
+ - Bump @fluentui/babel-make-styles to v9.0.0-alpha.51 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
75
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-alpha.44 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
76
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-alpha.13 ([PR #19865](https://github.com/microsoft/fluentui/pull/19865) by beachball)
21
77
 
22
78
  ## [9.0.0-alpha.79](https://github.com/microsoft/fluentui/tree/@fluentui/react-provider_v9.0.0-alpha.79)
23
79
 
@@ -1 +1 @@
1
- {"version":3,"file":"FluentProvider.js","sourceRoot":"../src/","sources":["FluentProvider.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/FluentProvider/index';\n"]}
1
+ {"version":3,"file":"FluentProvider.js","sourceRoot":"","sources":["../src/FluentProvider.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAD4C;AAE3D,IAAA,gBAAgB,EAAE,IAFyC;AAG3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAH4C;AAI3D,IAAA,UAAU,EAAE;AAJ+C,GAA7D;AAOA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n disabledTests: ['has-docblock'],\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n extraTests: makeStylesTests as TestObject<TProps>,\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAD4C;AAE3D,IAAA,gBAAgB,EAAE,IAFyC;AAG3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAH4C;AAI3D,IAAA,UAAU,EAAE;AAJ+C,GAA7D;AAOA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["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,IAAM,cAAc,gBAAG,KAAK,CAAC,UAAN,CAAmD,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC1F,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AACA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AAEA,MAAM,aAAa,GAAG,8BAA8B,CAAC,KAAD,CAApD;AAEA,SAAO,oBAAoB,CAAC,KAAD,EAAQ,aAAR,CAA3B;AACD,CAP6B,CAAvB;AASP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider } from './renderFluentProvider';\nimport { useFluentProvider } from './useFluentProvider';\nimport { useFluentProviderStyles } from './useFluentProviderStyles';\nimport { useFluentProviderContextValues } from './useFluentProviderContextValues';\nimport type { FluentProviderProps } from './FluentProvider.types';\n\nexport const FluentProvider = React.forwardRef<HTMLElement, FluentProviderProps>((props, ref) => {\n const state = useFluentProvider(props, ref);\n useFluentProviderStyles(state);\n\n const contextValues = useFluentProviderContextValues(state);\n\n return renderFluentProvider(state, contextValues);\n});\n\nFluentProvider.displayName = 'FluentProvider';\n"],"sourceRoot":"../src/"}
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,IAAM,cAAc,gBAAG,KAAK,CAAC,UAAN,CAAmD,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC1F,MAAM,KAAK,GAAG,iBAAiB,CAAC,KAAD,EAAQ,GAAR,CAA/B;AACA,EAAA,uBAAuB,CAAC,KAAD,CAAvB;AAEA,MAAM,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 +1 @@
1
- {"version":3,"file":"FluentProvider.types.js","sourceRoot":"../src/","sources":["components/FluentProvider/FluentProvider.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';\nimport type { PartialTheme, Theme } from '@fluentui/react-theme';\nimport type {\n ProviderContextValue,\n TooltipContextType,\n ThemeContextValue,\n ThemeClassNameContextValue,\n} from '@fluentui/react-shared-contexts';\n\nexport type FluentProviderSlots = {\n root: IntrinsicShorthandProps<'div'>;\n};\n\nexport interface 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;\n themeClassName: string;\n}\n\nexport interface FluentProviderContextValues {\n provider: ProviderContextValue;\n theme: ThemeContextValue;\n themeClassName: ThemeClassNameContextValue;\n tooltip: TooltipContextType;\n}\n"]}
1
+ {"version":3,"file":"FluentProvider.types.js","sourceRoot":"","sources":["../../../src/components/FluentProvider/FluentProvider.types.ts"],"names":[],"mappings":""}
@@ -1 +1 @@
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,kCAAkC,CAAC","sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderContextValues';\n"]}
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,kCAAkC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["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,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA6B,aAA7B,EAAuE;AACnG,MAAA,EAAA,GAAuB,QAAQ,CAAsB,KAAtB,EAA6B,4BAA7B,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,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,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF;AAWD,CAdM","sourcesContent":["import * as React from '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';\nimport { fluentProviderShorthandProps } from './useFluentProvider';\n\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider = (state: FluentProviderState, contextValues: FluentProviderContextValues) => {\n const { slots, slotProps } = getSlots<FluentProviderSlots>(state, fluentProviderShorthandProps);\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 <slots.root {...slotProps.root}>{state.root.children}</slots.root>\n </TooltipContext.Provider>\n </ThemeClassNameContext.Provider>\n </ThemeContext.Provider>\n </ProviderContext.Provider>\n );\n};\n"],"sourceRoot":"../src/"}
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,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA6B,aAA7B,EAAuE;AACnG,MAAA,EAAA,GAAuB,QAAQ,CAAsB,KAAtB,EAA6B,4BAA7B,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,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,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF;AAWD,CAdM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["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,IAAM,4BAA4B,GAAkC,CAAC,MAAD,CAApE;AAEP;;;;;;;;AAQG;;AACH,OAAO,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAA6B,GAA7B,EAAwD;AACvF,MAAM,aAAa,GAAG,SAAS,EAA/B;AACA,MAAM,WAAW,GAAG,QAAQ,EAA5B;AAEA;;;;AAIG;;AACK,MAAA,EAAA,GAAuF,KAAK,CAArE,GAAvB;AAAA,MAAA,GAAG,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,aAAa,CAAC,GAAjB,GAAoB,EAAvB;AAAA,MAAyB,EAAA,GAA8D,KAAK,CAAtB,cAAtE;AAAA,MAAyB,cAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,aAAa,CAAC,cAAjB,GAA+B,EAAtE;AAAA,MAAwE,EAAA,GAAe,KAAK,CAAV,KAAlF;AAAA,MAAwE,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAK,EAAlF;AACR,MAAM,WAAW,GAAG,WAAW,CAAC,WAAD,EAAc,KAAd,CAA/B;AAEA,SAAO;AACL,IAAA,GAAG,EAAA,GADE;AAEL,IAAA,cAAc,EAAA,cAFT;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,gBAAgB,CAAC;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA,cAAc,EAAA;AAApC,KAAD,CAJ3B;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA,QAAA,CAAA,EAAA,EAC5B,KAD4B,CAAA,EACvB;AACR,MAAA,GAAG,EAAA,GADK;AAER,MAAA,GAAG,EAAE,aAAa,CAAC,GAAD,EAAM,uBAAuB,EAA7B;AAFV,KADuB,CAAN;AAVtB,GAAP;AAgBD,CA5BM","sourcesContent":["import { useKeyboardNavAttribute } from '@fluentui/react-tabster';\nimport { mergeThemes } 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, FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\n\nexport const fluentProviderShorthandProps: (keyof FluentProviderSlots)[] = ['root'];\n\n/**\n * Create the state required to render FluentProvider.\n *\n * The returned state can be modified with hooks such as useFluentProviderStyles,\n * before being passed to renderFluentProvider.\n *\n * @param props - props from this instance of FluentProvider\n * @param ref - reference to root HTMLElement of FluentProvider\n */\nexport const useFluentProvider = (props: FluentProviderProps, ref: React.Ref<HTMLElement>): 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 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"],"sourceRoot":"../src/"}
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,IAAM,4BAA4B,GAAkC,CAAC,MAAD,CAApE;AAEP;;;;;;;;AAQG;;AACH,OAAO,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAA6B,GAA7B,EAAwD;AACvF,MAAM,aAAa,GAAG,SAAS,EAA/B;AACA,MAAM,WAAW,GAAG,QAAQ,EAA5B;AAEA;;;;AAIG;;AACK,MAAA,EAAA,GAAuF,KAAK,CAArE,GAAvB;AAAA,MAAA,GAAG,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,aAAa,CAAC,GAAjB,GAAoB,EAAvB;AAAA,MAAyB,EAAA,GAA8D,KAAK,CAAtB,cAAtE;AAAA,MAAyB,cAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,aAAa,CAAC,cAAjB,GAA+B,EAAtE;AAAA,MAAwE,EAAA,GAAe,KAAK,CAAV,KAAlF;AAAA,MAAwE,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAK,EAAlF;AACR,MAAM,WAAW,GAAG,WAAW,CAAC,WAAD,EAAc,KAAd,CAA/B;AAEA,SAAO;AACL,IAAA,GAAG,EAAA,GADE;AAEL,IAAA,cAAc,EAAA,cAFT;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,gBAAgB,CAAC;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA,cAAc,EAAA;AAApC,KAAD,CAJ3B;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA,QAAA,CAAA,EAAA,EAC5B,KAD4B,CAAA,EACvB;AACR,MAAA,GAAG,EAAA,GADK;AAER,MAAA,GAAG,EAAE,aAAa,CAAC,GAAD,EAAM,uBAAuB,EAA7B;AAFV,KADuB,CAAN;AAVtB,GAAP;AAgBD,CA5BM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/useFluentProviderContextValues.ts"],"names":[],"mappings":"AAAA,SAAS,QAAT,QAAyB,2BAAzB;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,8BAAV,CAAyC,KAAzC,EAAmE;AAC/D,MAAA,IAAI,GAAiC,KAAK,CAAtC,IAAJ;AAAA,MAAM,GAAG,GAA4B,KAAK,CAAjC,GAAT;AAAA,MAAW,cAAc,GAAY,KAAK,CAAjB,cAAzB;AAAA,MAA2B,KAAK,GAAK,KAAK,CAAV,KAAhC;AAER,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAAM,WAAC;AAAE,MAAA,GAAG,EAAA,GAAL;AAAO,MAAA,cAAc,EAAtB;AAAC,KAAD;AAAyB,GAA7C,EAA+C,CAAC,GAAD,EAAM,cAAN,CAA/C,CAAjB,CAHuE,CAIvE;;AACA,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAD,CAAxB;AAEA,SAAO;AACL,IAAA,QAAQ,EAAA,QADH;AAEL,IAAA,OAAO,EAAA,OAFF;AAGL,IAAA,KAAK,EAAA,KAHA;AAIL,IAAA,cAAc,EAAE,IAAI,CAAC;AAJhB,GAAP;AAMD","sourcesContent":["import { useConst } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';\n\nexport function useFluentProviderContextValues(state: FluentProviderState): FluentProviderContextValues {\n const { root, dir, targetDocument, theme } = state;\n\n const provider = React.useMemo(() => ({ dir, targetDocument }), [dir, targetDocument]);\n // \"Tooltip\" component mutates an object in this context, instance should be stable\n const tooltip = useConst({});\n\n return {\n provider,\n tooltip,\n theme,\n themeClassName: root.className!,\n };\n}\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderContextValues.ts"],"names":[],"mappings":"AAAA,SAAS,QAAT,QAAyB,2BAAzB;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA,OAAM,SAAU,8BAAV,CAAyC,KAAzC,EAAmE;AAC/D,MAAA,IAAI,GAAiC,KAAK,CAAtC,IAAJ;AAAA,MAAM,GAAG,GAA4B,KAAK,CAAjC,GAAT;AAAA,MAAW,cAAc,GAAY,KAAK,CAAjB,cAAzB;AAAA,MAA2B,KAAK,GAAK,KAAK,CAAV,KAAhC;AAER,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAAM,WAAC;AAAE,MAAA,GAAG,EAAA,GAAL;AAAO,MAAA,cAAc,EAAtB;AAAC,KAAD;AAAyB,GAA7C,EAA+C,CAAC,GAAD,EAAM,cAAN,CAA/C,CAAjB,CAHuE,CAIvE;;AACA,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAD,CAAxB;AAEA,SAAO;AACL,IAAA,QAAQ,EAAA,QADH;AAEL,IAAA,OAAO,EAAA,OAFF;AAGL,IAAA,KAAK,EAAA,KAHA;AAIL,IAAA,cAAc,EAAE,IAAI,CAAC;AAJhB,GAAP;AAMD","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;;AAGA,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAUA;;;AACA,OAAO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,KAAK,CAAC,cAAP,EAAuB,MAAM,CAAC,IAA9B,EAAoC,KAAK,CAAC,IAAN,CAAW,SAA/C,CAAnC;AAEA,SAAO,KAAP;AACD,CANM","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { FluentProviderState } from './FluentProvider.types';\n\nconst useStyles = makeStyles({\n root: theme => ({\n color: theme.alias.color.neutral.neutralForeground1,\n backgroundColor: theme.alias.color.neutral.neutralBackground1,\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.base[300],\n fontWeight: theme.global.type.fontWeights.regular,\n }),\n});\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles = (state: FluentProviderState) => {\n const styles = useStyles();\n\n state.root.className = mergeClasses(state.themeClassName, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":"AAAA,mBAAqB,YAArB,QAAyC,6BAAzC;;AAGA,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAUA;;;AACA,OAAO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CAAC,KAAK,CAAC,cAAP,EAAuB,MAAM,CAAC,IAA9B,EAAoC,KAAK,CAAC,IAAN,CAAW,SAA/C,CAAnC;AAEA,SAAO,KAAP;AACD,CANM","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,WAAhB,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA;;;;AAIG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,OAAD,EAA+D;AACrF,MAAA,cAAc,GAAY,OAAO,CAAnB,cAAd;AAAA,MAAgB,KAAK,GAAK,OAAO,CAAZ,KAArB;AAER,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAD,CAAxB;AACA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC7B,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,QAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC5B,QAAM,OAAO,GAAG,mBAAmB,CAAC,KAAD,CAAnC;AACA,QAAM,eAAe,GAAG,MAAM,CAAC,IAAP,CAAY,OAAZ,EAAqB,MAArB,CAA4B,UAAC,UAAD,EAAa,MAAb,EAAmB;AACrE,MAAA,UAAU,IAAO,MAAM,GAAA,IAAN,GAAW,OAAO,CAAC,MAAD,CAAlB,GAA0B,IAA3C;AACA,aAAO,UAAP;AACD,KAHuB,EAGrB,EAHqB,CAAxB,CAF4B,CAO5B;;AACA,WAAO,MAAI,UAAJ,GAAc,KAAd,GAAoB,eAApB,GAAmC,IAA1C;AACD,GATe,EASb,CAAC,KAAD,EAAQ,UAAR,CATa,CAAhB;AAUA,MAAM,eAAe,GAAG,WAAW,CAAC,OAAD,CAAnC;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,QAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GAnC4F,CAqC7F;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,WAAO,YAAA;;;AACL,UAAI,QAAJ,EAAc;AACZ;AACA,SAAA,EAAA,GAAA,QAAQ,CAAC,aAAT,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,WAAF,CAAc,QAAd,CAAtB;AACD;AACF,KALD;AAMD,GAPD,EAOG,CAAC,QAAD,CAPH;AASA,SAAO,UAAP;AACD,CAhDM","sourcesContent":["import { useId, usePrevious } from '@fluentui/react-utilities';\nimport { themeToCSSVariables } from '@fluentui/react-theme';\nimport * as React from 'react';\nimport type { FluentProviderState } from './FluentProvider.types';\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 useThemeStyleTag = (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => {\n const { targetDocument, theme } = options;\n\n const styleTagId = useId('fluent-provider');\n const styleTag = React.useMemo(() => {\n if (!targetDocument) {\n return null;\n }\n\n const tag = targetDocument.createElement('style');\n tag.setAttribute('id', styleTagId);\n targetDocument.head.appendChild(tag);\n return tag;\n }, [styleTagId, targetDocument]);\n\n const cssRule = React.useMemo(() => {\n const cssVars = themeToCSSVariables(theme);\n const cssVarsAsString = Object.keys(cssVars).reduce((cssVarRule, cssVar) => {\n cssVarRule += `${cssVar}: ${cssVars[cssVar]}; `;\n return cssVarRule;\n }, '');\n\n // result: .fluent-provider1 { --css-var: '#fff' }\n return `.${styleTagId} { ${cssVarsAsString} }`;\n }, [theme, styleTagId]);\n const previousCssRule = usePrevious(cssRule);\n\n if (styleTag && previousCssRule !== cssRule) {\n const sheet = styleTag.sheet as CSSStyleSheet;\n\n if (sheet.cssRules.length > 0) {\n sheet.deleteRule(0);\n }\n\n sheet.insertRule(cssRule, 0);\n }\n\n // Removes the style tag from the targetDocument on unmount or change\n React.useEffect(() => {\n return () => {\n if (styleTag) {\n // IE11 safe node removal, otherwise use node.remove()\n styleTag.parentElement?.removeChild(styleTag);\n }\n };\n }, [styleTag]);\n\n return styleTagId;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":"AAAA,SAAS,KAAT,EAAgB,WAAhB,QAAmC,2BAAnC;AACA,SAAS,mBAAT,QAAoC,uBAApC;AACA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAGA;;;;AAIG;;AACH,OAAO,IAAM,gBAAgB,GAAG,UAAC,OAAD,EAA+D;AACrF,MAAA,cAAc,GAAY,OAAO,CAAnB,cAAd;AAAA,MAAgB,KAAK,GAAK,OAAO,CAAZ,KAArB;AAER,MAAM,UAAU,GAAG,KAAK,CAAC,iBAAD,CAAxB;AACA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC7B,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,QAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC5B,QAAM,OAAO,GAAG,mBAAmB,CAAC,KAAD,CAAnC;AACA,QAAM,eAAe,GAAG,MAAM,CAAC,IAAP,CAAY,OAAZ,EAAqB,MAArB,CAA4B,UAAC,UAAD,EAAa,MAAb,EAAmB;AACrE,MAAA,UAAU,IAAO,MAAM,GAAA,IAAN,GAAW,OAAO,CAAC,MAAD,CAAlB,GAA0B,IAA3C;AACA,aAAO,UAAP;AACD,KAHuB,EAGrB,EAHqB,CAAxB,CAF4B,CAO5B;;AACA,WAAO,MAAI,UAAJ,GAAc,KAAd,GAAoB,eAApB,GAAmC,IAA1C;AACD,GATe,EASb,CAAC,KAAD,EAAQ,UAAR,CATa,CAAhB;AAUA,MAAM,eAAe,GAAG,WAAW,CAAC,OAAD,CAAnC;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,QAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GAnC4F,CAqC7F;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,WAAO,YAAA;;;AACL,UAAI,QAAJ,EAAc;AACZ;AACA,SAAA,EAAA,GAAA,QAAQ,CAAC,aAAT,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,WAAF,CAAc,QAAd,CAAtB;AACD;AACF,KALD;AAMD,GAPD,EAOG,CAAC,QAAD,CAPH;AASA,SAAO,UAAP;AACD,CAhDM","sourceRoot":""}
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export * from './FluentProvider';\nexport { useFluent, useTheme } from '@fluentui/react-shared-contexts';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["FluentProvider.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './components/FluentProvider/index';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/FluentProvider.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,mCAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAD4C;AAE3D,IAAA,gBAAgB,EAAE,IAFyC;AAG3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAJ+C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n disabledTests: ['has-docblock'],\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n extraTests: makeStylesTests as TestObject<TProps>,\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAD4C;AAE3D,IAAA,gBAAgB,EAAE,IAFyC;AAG3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAJ+C,GAA7D;AAOA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAXD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/FluentProvider.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gCAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,gBAAiB,KAAK,CAAC,UAAN,CAAmD,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC1F,MAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AACA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AAEA,MAAM,aAAa,GAAG,gCAAA,CAAA,8BAAA,CAA+B,KAA/B,CAAtB;AAEA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,EAA4B,aAA5B,CAAP;AACD,CAP6B,CAAjB;AASb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider } from './renderFluentProvider';\nimport { useFluentProvider } from './useFluentProvider';\nimport { useFluentProviderStyles } from './useFluentProviderStyles';\nimport { useFluentProviderContextValues } from './useFluentProviderContextValues';\nimport type { FluentProviderProps } from './FluentProvider.types';\n\nexport const FluentProvider = React.forwardRef<HTMLElement, FluentProviderProps>((props, ref) => {\n const state = useFluentProvider(props, ref);\n useFluentProviderStyles(state);\n\n const contextValues = useFluentProviderContextValues(state);\n\n return renderFluentProvider(state, contextValues);\n});\n\nFluentProvider.displayName = 'FluentProvider';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/FluentProvider.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,sBAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AACA,IAAA,yBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,gCAAA,gBAAA,OAAA,CAAA,kCAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,gBAAiB,KAAK,CAAC,UAAN,CAAmD,UAAC,KAAD,EAAQ,GAAR,EAAW;AAC1F,MAAM,KAAK,GAAG,mBAAA,CAAA,iBAAA,CAAkB,KAAlB,EAAyB,GAAzB,CAAd;AACA,EAAA,yBAAA,CAAA,uBAAA,CAAwB,KAAxB;AAEA,MAAM,aAAa,GAAG,gCAAA,CAAA,8BAAA,CAA+B,KAA/B,CAAtB;AAEA,SAAO,sBAAA,CAAA,oBAAA,CAAqB,KAArB,EAA4B,aAA5B,CAAP;AACD,CAP6B,CAAjB;AASb,OAAA,CAAA,cAAA,CAAe,WAAf,GAA6B,gBAA7B","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":"../src/"}
1
+ {"version":3,"sources":[],"names":[],"mappings":"","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderContextValues';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/index.ts"],"names":[],"mappings":";;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,EAAA,OAAA;;AACA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kCAAA,CAAA,EAAA,OAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA6B,aAA7B,EAAuE;AACnG,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,EAAqC,mBAAA,CAAA,4BAArC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,eAAA,CAAgB,QAAjB,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,YAAA,CAAa,QAAd,EAAsB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAtB,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,qBAAA,CAAsB,QAAvB,EAA+B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA/B,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,cAAA,CAAe,QAAhB,EAAwB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAxB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF;AAWD,CAdM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourcesContent":["import * as React from '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';\nimport { fluentProviderShorthandProps } from './useFluentProvider';\n\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider = (state: FluentProviderState, contextValues: FluentProviderContextValues) => {\n const { slots, slotProps } = getSlots<FluentProviderSlots>(state, fluentProviderShorthandProps);\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 <slots.root {...slotProps.root}>{state.root.children}</slots.root>\n </TooltipContext.Provider>\n </ThemeClassNameContext.Provider>\n </ThemeContext.Provider>\n </ProviderContext.Provider>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,mBAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;AAEA;;AAEG;;;AACI,IAAM,oBAAoB,GAAG,UAAC,KAAD,EAA6B,aAA7B,EAAuE;AACnG,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAA8B,KAA9B,EAAqC,mBAAA,CAAA,4BAArC,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,eAAA,CAAgB,QAAjB,EAAyB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAzB,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,YAAA,CAAa,QAAd,EAAsB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAtB,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,qBAAA,CAAsB,QAAvB,EAA+B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA/B,EACE,KAAA,CAAA,aAAA,CAAC,uBAAA,CAAA,cAAA,CAAe,QAAhB,EAAwB;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAAxB,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,EAAiC,KAAK,CAAC,IAAN,CAAW,QAA5C,CADF,CADF,CADF,CADF,CADF;AAWD,CAdM;;AAAM,OAAA,CAAA,oBAAA,GAAoB,oBAApB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAGa,OAAA,CAAA,4BAAA,GAA8D,CAAC,MAAD,CAA9D;AAEb;;;;;;;;AAQG;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAA6B,GAA7B,EAAwD;AACvF,MAAM,aAAa,GAAG,uBAAA,CAAA,SAAA,EAAtB;AACA,MAAM,WAAW,GAAG,uBAAA,CAAA,QAAA,EAApB;AAEA;;;;AAIG;;AACK,MAAA,EAAA,GAAuF,KAAK,CAArE,GAAvB;AAAA,MAAA,GAAG,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,aAAa,CAAC,GAAjB,GAAoB,EAAvB;AAAA,MAAyB,EAAA,GAA8D,KAAK,CAAtB,cAAtE;AAAA,MAAyB,cAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,aAAa,CAAC,cAAjB,GAA+B,EAAtE;AAAA,MAAwE,EAAA,GAAe,KAAK,CAAV,KAAlF;AAAA,MAAwE,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAK,EAAlF;AACR,MAAM,WAAW,GAAG,aAAA,CAAA,WAAA,CAAY,WAAZ,EAAyB,KAAzB,CAApB;AAEA,SAAO;AACL,IAAA,GAAG,EAAA,GADE;AAEL,IAAA,cAAc,EAAA,cAFT;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,kBAAA,CAAA,gBAAA,CAAiB;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA,cAAc,EAAA;AAApC,KAAjB,CAJX;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAC5B,KAD4B,CAAA,EACvB;AACR,MAAA,GAAG,EAAA,GADK;AAER,MAAA,GAAG,EAAE,iBAAA,CAAA,aAAA,CAAc,GAAd,EAAmB,eAAA,CAAA,uBAAA,EAAnB;AAFG,KADuB,CAA3B;AAVD,GAAP;AAgBD,CA5BM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourcesContent":["import { useKeyboardNavAttribute } from '@fluentui/react-tabster';\nimport { mergeThemes } 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, FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\n\nexport const fluentProviderShorthandProps: (keyof FluentProviderSlots)[] = ['root'];\n\n/**\n * Create the state required to render FluentProvider.\n *\n * The returned state can be modified with hooks such as useFluentProviderStyles,\n * before being passed to renderFluentProvider.\n *\n * @param props - props from this instance of FluentProvider\n * @param ref - reference to root HTMLElement of FluentProvider\n */\nexport const useFluentProvider = (props: FluentProviderProps, ref: React.Ref<HTMLElement>): 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 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"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,eAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,kBAAA,gBAAA,OAAA,CAAA,oBAAA,CAAA;;AAGa,OAAA,CAAA,4BAAA,GAA8D,CAAC,MAAD,CAA9D;AAEb;;;;;;;;AAQG;;AACI,IAAM,iBAAiB,GAAG,UAAC,KAAD,EAA6B,GAA7B,EAAwD;AACvF,MAAM,aAAa,GAAG,uBAAA,CAAA,SAAA,EAAtB;AACA,MAAM,WAAW,GAAG,uBAAA,CAAA,QAAA,EAApB;AAEA;;;;AAIG;;AACK,MAAA,EAAA,GAAuF,KAAK,CAArE,GAAvB;AAAA,MAAA,GAAG,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,aAAa,CAAC,GAAjB,GAAoB,EAAvB;AAAA,MAAyB,EAAA,GAA8D,KAAK,CAAtB,cAAtE;AAAA,MAAyB,cAAc,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,aAAa,CAAC,cAAjB,GAA+B,EAAtE;AAAA,MAAwE,EAAA,GAAe,KAAK,CAAV,KAAlF;AAAA,MAAwE,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAH,GAAK,EAAlF;AACR,MAAM,WAAW,GAAG,aAAA,CAAA,WAAA,CAAY,WAAZ,EAAyB,KAAzB,CAApB;AAEA,SAAO;AACL,IAAA,GAAG,EAAA,GADE;AAEL,IAAA,cAAc,EAAA,cAFT;AAGL,IAAA,KAAK,EAAE,WAHF;AAIL,IAAA,cAAc,EAAE,kBAAA,CAAA,gBAAA,CAAiB;AAAE,MAAA,KAAK,EAAE,WAAT;AAAsB,MAAA,cAAc,EAAA;AAApC,KAAjB,CAJX;AAML,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANP;AAUL,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA,OAAA,CAAA,QAAA,CAAA,EAAA,EAC5B,KAD4B,CAAA,EACvB;AACR,MAAA,GAAG,EAAA,GADK;AAER,MAAA,GAAG,EAAE,iBAAA,CAAA,aAAA,CAAc,GAAd,EAAmB,eAAA,CAAA,uBAAA,EAAnB;AAFG,KADuB,CAA3B;AAVD,GAAP;AAgBD,CA5BM;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/useFluentProviderContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,8BAAhB,CAA+C,KAA/C,EAAyE;AAC/D,MAAA,IAAI,GAAiC,KAAK,CAAtC,IAAJ;AAAA,MAAM,GAAG,GAA4B,KAAK,CAAjC,GAAT;AAAA,MAAW,cAAc,GAAY,KAAK,CAAjB,cAAzB;AAAA,MAA2B,KAAK,GAAK,KAAK,CAAV,KAAhC;AAER,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAAM,WAAC;AAAE,MAAA,GAAG,EAAA,GAAL;AAAO,MAAA,cAAc,EAAtB;AAAC,KAAD;AAAyB,GAA7C,EAA+C,CAAC,GAAD,EAAM,cAAN,CAA/C,CAAjB,CAHuE,CAIvE;;AACA,MAAM,OAAO,GAAG,iBAAA,CAAA,QAAA,CAAS,EAAT,CAAhB;AAEA,SAAO;AACL,IAAA,QAAQ,EAAA,QADH;AAEL,IAAA,OAAO,EAAA,OAFF;AAGL,IAAA,KAAK,EAAA,KAHA;AAIL,IAAA,cAAc,EAAE,IAAI,CAAC;AAJhB,GAAP;AAMD;;AAbD,OAAA,CAAA,8BAAA,GAAA,8BAAA","sourcesContent":["import { useConst } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';\n\nexport function useFluentProviderContextValues(state: FluentProviderState): FluentProviderContextValues {\n const { root, dir, targetDocument, theme } = state;\n\n const provider = React.useMemo(() => ({ dir, targetDocument }), [dir, targetDocument]);\n // \"Tooltip\" component mutates an object in this context, instance should be stable\n const tooltip = useConst({});\n\n return {\n provider,\n tooltip,\n theme,\n themeClassName: root.className!,\n };\n}\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderContextValues.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAGA,SAAgB,8BAAhB,CAA+C,KAA/C,EAAyE;AAC/D,MAAA,IAAI,GAAiC,KAAK,CAAtC,IAAJ;AAAA,MAAM,GAAG,GAA4B,KAAK,CAAjC,GAAT;AAAA,MAAW,cAAc,GAAY,KAAK,CAAjB,cAAzB;AAAA,MAA2B,KAAK,GAAK,KAAK,CAAV,KAAhC;AAER,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAAM,WAAC;AAAE,MAAA,GAAG,EAAA,GAAL;AAAO,MAAA,cAAc,EAAtB;AAAC,KAAD;AAAyB,GAA7C,EAA+C,CAAC,GAAD,EAAM,cAAN,CAA/C,CAAjB,CAHuE,CAIvE;;AACA,MAAM,OAAO,GAAG,iBAAA,CAAA,QAAA,CAAS,EAAT,CAAhB;AAEA,SAAO;AACL,IAAA,QAAQ,EAAA,QADH;AAEL,IAAA,OAAO,EAAA,OAFF;AAGL,IAAA,KAAK,EAAA,KAHA;AAIL,IAAA,cAAc,EAAE,IAAI,CAAC;AAJhB,GAAP;AAMD;;AAbD,OAAA,CAAA,8BAAA,GAAA,8BAAA","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAUA;;;AACO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,KAAK,CAAC,cAAnB,EAAmC,MAAM,CAAC,IAA1C,EAAgD,KAAK,CAAC,IAAN,CAAW,SAA3D,CAAvB;AAEA,SAAO,KAAP;AACD,CANM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { FluentProviderState } from './FluentProvider.types';\n\nconst useStyles = makeStyles({\n root: theme => ({\n color: theme.alias.color.neutral.neutralForeground1,\n backgroundColor: theme.alias.color.neutral.neutralBackground1,\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.base[300],\n fontWeight: theme.global.type.fontWeights.regular,\n }),\n});\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles = (state: FluentProviderState) => {\n const styles = useStyles();\n\n state.root.className = mergeClasses(state.themeClassName, styles.root, state.root.className);\n\n return state;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAUA;;;AACO,IAAM,uBAAuB,GAAG,UAAC,KAAD,EAA2B;AAChE,MAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CAAa,KAAK,CAAC,cAAnB,EAAmC,MAAM,CAAC,IAA1C,EAAgD,KAAK,CAAC,IAAN,CAAW,SAA3D,CAAvB;AAEA,SAAO,KAAP;AACD,CANM;;AAAM,OAAA,CAAA,uBAAA,GAAuB,uBAAvB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAGA;;;;AAIG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,OAAD,EAA+D;AACrF,MAAA,cAAc,GAAY,OAAO,CAAnB,cAAd;AAAA,MAAgB,KAAK,GAAK,OAAO,CAAZ,KAArB;AAER,MAAM,UAAU,GAAG,iBAAA,CAAA,KAAA,CAAM,iBAAN,CAAnB;AACA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC7B,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,QAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC5B,QAAM,OAAO,GAAG,aAAA,CAAA,mBAAA,CAAoB,KAApB,CAAhB;AACA,QAAM,eAAe,GAAG,MAAM,CAAC,IAAP,CAAY,OAAZ,EAAqB,MAArB,CAA4B,UAAC,UAAD,EAAa,MAAb,EAAmB;AACrE,MAAA,UAAU,IAAO,MAAM,GAAA,IAAN,GAAW,OAAO,CAAC,MAAD,CAAlB,GAA0B,IAA3C;AACA,aAAO,UAAP;AACD,KAHuB,EAGrB,EAHqB,CAAxB,CAF4B,CAO5B;;AACA,WAAO,MAAI,UAAJ,GAAc,KAAd,GAAoB,eAApB,GAAmC,IAA1C;AACD,GATe,EASb,CAAC,KAAD,EAAQ,UAAR,CATa,CAAhB;AAUA,MAAM,eAAe,GAAG,iBAAA,CAAA,WAAA,CAAY,OAAZ,CAAxB;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,QAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GAnC4F,CAqC7F;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,WAAO,YAAA;;;AACL,UAAI,QAAJ,EAAc;AACZ;AACA,SAAA,EAAA,GAAA,QAAQ,CAAC,aAAT,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,WAAF,CAAc,QAAd,CAAtB;AACD;AACF,KALD;AAMD,GAPD,EAOG,CAAC,QAAD,CAPH;AASA,SAAO,UAAP;AACD,CAhDM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourcesContent":["import { useId, usePrevious } from '@fluentui/react-utilities';\nimport { themeToCSSVariables } from '@fluentui/react-theme';\nimport * as React from 'react';\nimport type { FluentProviderState } from './FluentProvider.types';\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 useThemeStyleTag = (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => {\n const { targetDocument, theme } = options;\n\n const styleTagId = useId('fluent-provider');\n const styleTag = React.useMemo(() => {\n if (!targetDocument) {\n return null;\n }\n\n const tag = targetDocument.createElement('style');\n tag.setAttribute('id', styleTagId);\n targetDocument.head.appendChild(tag);\n return tag;\n }, [styleTagId, targetDocument]);\n\n const cssRule = React.useMemo(() => {\n const cssVars = themeToCSSVariables(theme);\n const cssVarsAsString = Object.keys(cssVars).reduce((cssVarRule, cssVar) => {\n cssVarRule += `${cssVar}: ${cssVars[cssVar]}; `;\n return cssVarRule;\n }, '');\n\n // result: .fluent-provider1 { --css-var: '#fff' }\n return `.${styleTagId} { ${cssVarsAsString} }`;\n }, [theme, styleTagId]);\n const previousCssRule = usePrevious(cssRule);\n\n if (styleTag && previousCssRule !== cssRule) {\n const sheet = styleTag.sheet as CSSStyleSheet;\n\n if (sheet.cssRules.length > 0) {\n sheet.deleteRule(0);\n }\n\n sheet.insertRule(cssRule, 0);\n }\n\n // Removes the style tag from the targetDocument on unmount or change\n React.useEffect(() => {\n return () => {\n if (styleTag) {\n // IE11 safe node removal, otherwise use node.remove()\n styleTag.parentElement?.removeChild(styleTag);\n }\n };\n }, [styleTag]);\n\n return styleTagId;\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../src/components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;AAGA;;;;AAIG;;;AACI,IAAM,gBAAgB,GAAG,UAAC,OAAD,EAA+D;AACrF,MAAA,cAAc,GAAY,OAAO,CAAnB,cAAd;AAAA,MAAgB,KAAK,GAAK,OAAO,CAAZ,KAArB;AAER,MAAM,UAAU,GAAG,iBAAA,CAAA,KAAA,CAAM,iBAAN,CAAnB;AACA,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC7B,QAAI,CAAC,cAAL,EAAqB;AACnB,aAAO,IAAP;AACD;;AAED,QAAM,GAAG,GAAG,cAAc,CAAC,aAAf,CAA6B,OAA7B,CAAZ;AACA,IAAA,GAAG,CAAC,YAAJ,CAAiB,IAAjB,EAAuB,UAAvB;AACA,IAAA,cAAc,CAAC,IAAf,CAAoB,WAApB,CAAgC,GAAhC;AACA,WAAO,GAAP;AACD,GATgB,EASd,CAAC,UAAD,EAAa,cAAb,CATc,CAAjB;AAWA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAN,CAAc,YAAA;AAC5B,QAAM,OAAO,GAAG,aAAA,CAAA,mBAAA,CAAoB,KAApB,CAAhB;AACA,QAAM,eAAe,GAAG,MAAM,CAAC,IAAP,CAAY,OAAZ,EAAqB,MAArB,CAA4B,UAAC,UAAD,EAAa,MAAb,EAAmB;AACrE,MAAA,UAAU,IAAO,MAAM,GAAA,IAAN,GAAW,OAAO,CAAC,MAAD,CAAlB,GAA0B,IAA3C;AACA,aAAO,UAAP;AACD,KAHuB,EAGrB,EAHqB,CAAxB,CAF4B,CAO5B;;AACA,WAAO,MAAI,UAAJ,GAAc,KAAd,GAAoB,eAApB,GAAmC,IAA1C;AACD,GATe,EASb,CAAC,KAAD,EAAQ,UAAR,CATa,CAAhB;AAUA,MAAM,eAAe,GAAG,iBAAA,CAAA,WAAA,CAAY,OAAZ,CAAxB;;AAEA,MAAI,QAAQ,IAAI,eAAe,KAAK,OAApC,EAA6C;AAC3C,QAAM,KAAK,GAAG,QAAQ,CAAC,KAAvB;;AAEA,QAAI,KAAK,CAAC,QAAN,CAAe,MAAf,GAAwB,CAA5B,EAA+B;AAC7B,MAAA,KAAK,CAAC,UAAN,CAAiB,CAAjB;AACD;;AAED,IAAA,KAAK,CAAC,UAAN,CAAiB,OAAjB,EAA0B,CAA1B;AACD,GAnC4F,CAqC7F;;;AACA,EAAA,KAAK,CAAC,SAAN,CAAgB,YAAA;AACd,WAAO,YAAA;;;AACL,UAAI,QAAJ,EAAc;AACZ;AACA,SAAA,EAAA,GAAA,QAAQ,CAAC,aAAT,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,WAAF,CAAc,QAAd,CAAtB;AACD;AACF,KALD;AAMD,GAPD,EAOG,CAAC,QAAD,CAPH;AASA,SAAO,UAAP;AACD,CAhDM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,WAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,uBAAA,CAAA,SAAA;AAAS;AAAT,CAAA;AAAW,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,UAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,uBAAA,CAAA,QAAA;AAAQ;AAAR,CAAA","sourcesContent":["export * from './FluentProvider';\nexport { useFluent, useTheme } from '@fluentui/react-shared-contexts';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAA,CAAA,YAAA,CAAA,OAAA,CAAA,kBAAA,CAAA,EAAA,OAAA;;AACA,IAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AAAS,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,WAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,uBAAA,CAAA,SAAA;AAAS;AAAT,CAAA;AAAW,MAAA,CAAA,cAAA,CAAA,OAAA,EAAA,UAAA,EAAA;AAAA,EAAA,UAAA,EAAA,IAAA;AAAA,EAAA,GAAA,EAAA,YAAA;AAAA,WAAA,uBAAA,CAAA,QAAA;AAAQ;AAAR,CAAA","sourceRoot":""}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-provider",
3
- "version": "9.0.0-alpha.80",
3
+ "version": "9.0.0-alpha.84",
4
4
  "description": "Fluent UI React provider component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -25,11 +25,11 @@
25
25
  "start": "yarn storybook"
26
26
  },
27
27
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "9.0.0-alpha.51",
28
+ "@fluentui/babel-make-styles": "9.0.0-alpha.55",
29
29
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.44",
30
+ "@fluentui/jest-serializer-make-styles": "9.0.0-alpha.48",
31
31
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "9.0.0-alpha.13",
32
+ "@fluentui/react-conformance-make-styles": "9.0.0-alpha.17",
33
33
  "@fluentui/scripts": "^1.0.0",
34
34
  "@types/enzyme": "3.10.3",
35
35
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -43,11 +43,11 @@
43
43
  "react-test-renderer": "^16.3.0"
44
44
  },
45
45
  "dependencies": {
46
- "@fluentui/react-make-styles": "9.0.0-alpha.69",
46
+ "@fluentui/react-make-styles": "9.0.0-alpha.73",
47
47
  "@fluentui/react-shared-contexts": "9.0.0-alpha.25",
48
- "@fluentui/react-tabster": "9.0.0-alpha.63",
48
+ "@fluentui/react-tabster": "9.0.0-alpha.67",
49
49
  "@fluentui/react-theme": "9.0.0-alpha.23",
50
- "@fluentui/react-utilities": "9.0.0-alpha.49",
50
+ "@fluentui/react-utilities": "9.0.0-alpha.53",
51
51
  "tslib": "^2.1.0"
52
52
  },
53
53
  "peerDependencies": {
@@ -1 +0,0 @@
1
- export * from './components/FluentProvider/index';
@@ -1,6 +0,0 @@
1
- define(["require", "exports", "tslib", "./components/FluentProvider/index"], function (require, exports, tslib_1, index_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(index_1, exports);
5
- });
6
- //# sourceMappingURL=FluentProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FluentProvider.js","sourceRoot":"../src/","sources":["FluentProvider.ts"],"names":[],"mappings":";;;IAAA,uCAAkD","sourcesContent":["export * from './components/FluentProvider/index';\n"]}
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
@@ -1,16 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-conformance", "@fluentui/react-conformance-make-styles"], function (require, exports, react_conformance_1, react_conformance_make_styles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.isConformant = void 0;
5
- function isConformant(testInfo) {
6
- var defaultOptions = {
7
- disabledTests: ['has-docblock'],
8
- asPropHandlesRef: true,
9
- componentPath: module.parent.filename.replace('.test', ''),
10
- extraTests: react_conformance_make_styles_1.default,
11
- };
12
- react_conformance_1.isConformant(defaultOptions, testInfo);
13
- }
14
- exports.isConformant = isConformant;
15
- });
16
- //# sourceMappingURL=isConformant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":";;;;IAIA,SAAgB,YAAY,CAC1B,QAAyF;QAEzF,IAAM,cAAc,GAAyC;YAC3D,aAAa,EAAE,CAAC,cAAc,CAAC;YAC/B,gBAAgB,EAAE,IAAI;YACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;YAC5D,UAAU,EAAE,uCAAqC;SAClD,CAAC;QAEF,gCAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7C,CAAC;IAXD,oCAWC","sourcesContent":["import { isConformant as baseIsConformant } from '@fluentui/react-conformance';\nimport type { IsConformantOptions, TestObject } from '@fluentui/react-conformance';\nimport makeStylesTests from '@fluentui/react-conformance-make-styles';\n\nexport function isConformant<TProps = {}>(\n testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & { componentPath?: string },\n) {\n const defaultOptions: Partial<IsConformantOptions<TProps>> = {\n disabledTests: ['has-docblock'],\n asPropHandlesRef: true,\n componentPath: module!.parent!.filename.replace('.test', ''),\n extraTests: makeStylesTests as TestObject<TProps>,\n };\n\n baseIsConformant(defaultOptions, testInfo);\n}\n"]}
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- import type { FluentProviderProps } from './FluentProvider.types';
3
- export declare const FluentProvider: React.ForwardRefExoticComponent<FluentProviderProps & React.RefAttributes<HTMLElement>>;
@@ -1,13 +0,0 @@
1
- define(["require", "exports", "react", "./renderFluentProvider", "./useFluentProvider", "./useFluentProviderStyles", "./useFluentProviderContextValues"], function (require, exports, React, renderFluentProvider_1, useFluentProvider_1, useFluentProviderStyles_1, useFluentProviderContextValues_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.FluentProvider = void 0;
5
- exports.FluentProvider = React.forwardRef(function (props, ref) {
6
- var state = useFluentProvider_1.useFluentProvider(props, ref);
7
- useFluentProviderStyles_1.useFluentProviderStyles(state);
8
- var contextValues = useFluentProviderContextValues_1.useFluentProviderContextValues(state);
9
- return renderFluentProvider_1.renderFluentProvider(state, contextValues);
10
- });
11
- exports.FluentProvider.displayName = 'FluentProvider';
12
- });
13
- //# sourceMappingURL=FluentProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FluentProvider.js","sourceRoot":"../src/","sources":["components/FluentProvider/FluentProvider.tsx"],"names":[],"mappings":";;;;IAOa,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG;QAC1F,IAAM,KAAK,GAAG,qCAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC5C,iDAAuB,CAAC,KAAK,CAAC,CAAC;QAE/B,IAAM,aAAa,GAAG,+DAA8B,CAAC,KAAK,CAAC,CAAC;QAE5D,OAAO,2CAAoB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { renderFluentProvider } from './renderFluentProvider';\nimport { useFluentProvider } from './useFluentProvider';\nimport { useFluentProviderStyles } from './useFluentProviderStyles';\nimport { useFluentProviderContextValues } from './useFluentProviderContextValues';\nimport type { FluentProviderProps } from './FluentProvider.types';\n\nexport const FluentProvider = React.forwardRef<HTMLElement, FluentProviderProps>((props, ref) => {\n const state = useFluentProvider(props, ref);\n useFluentProviderStyles(state);\n\n const contextValues = useFluentProviderContextValues(state);\n\n return renderFluentProvider(state, contextValues);\n});\n\nFluentProvider.displayName = 'FluentProvider';\n"]}
@@ -1,25 +0,0 @@
1
- import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
2
- import type { PartialTheme, Theme } from '@fluentui/react-theme';
3
- import type { ProviderContextValue, TooltipContextType, ThemeContextValue, ThemeClassNameContextValue } from '@fluentui/react-shared-contexts';
4
- export declare type FluentProviderSlots = {
5
- root: IntrinsicShorthandProps<'div'>;
6
- };
7
- export interface FluentProviderCommons {
8
- /** Sets the direction of text & generated styles. */
9
- dir: 'ltr' | 'rtl';
10
- /** Provides the document, can be undefined during SSR render. */
11
- targetDocument: Document | undefined;
12
- }
13
- export interface FluentProviderProps extends Omit<ComponentProps<FluentProviderSlots>, 'dir'>, Partial<FluentProviderCommons> {
14
- theme?: PartialTheme;
15
- }
16
- export interface FluentProviderState extends ComponentState<FluentProviderSlots>, FluentProviderCommons {
17
- theme: Theme;
18
- themeClassName: string;
19
- }
20
- export interface FluentProviderContextValues {
21
- provider: ProviderContextValue;
22
- theme: ThemeContextValue;
23
- themeClassName: ThemeClassNameContextValue;
24
- tooltip: TooltipContextType;
25
- }
@@ -1,5 +0,0 @@
1
- define(["require", "exports"], function (require, exports) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- });
5
- //# sourceMappingURL=FluentProvider.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FluentProvider.types.js","sourceRoot":"../src/","sources":["components/FluentProvider/FluentProvider.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';\nimport type { PartialTheme, Theme } from '@fluentui/react-theme';\nimport type {\n ProviderContextValue,\n TooltipContextType,\n ThemeContextValue,\n ThemeClassNameContextValue,\n} from '@fluentui/react-shared-contexts';\n\nexport type FluentProviderSlots = {\n root: IntrinsicShorthandProps<'div'>;\n};\n\nexport interface 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;\n themeClassName: string;\n}\n\nexport interface FluentProviderContextValues {\n provider: ProviderContextValue;\n theme: ThemeContextValue;\n themeClassName: ThemeClassNameContextValue;\n tooltip: TooltipContextType;\n}\n"]}
@@ -1,5 +0,0 @@
1
- export * from './FluentProvider';
2
- export * from './FluentProvider.types';
3
- export * from './renderFluentProvider';
4
- export * from './useFluentProvider';
5
- export * from './useFluentProviderContextValues';
@@ -1,10 +0,0 @@
1
- define(["require", "exports", "tslib", "./FluentProvider", "./FluentProvider.types", "./renderFluentProvider", "./useFluentProvider", "./useFluentProviderContextValues"], function (require, exports, tslib_1, FluentProvider_1, FluentProvider_types_1, renderFluentProvider_1, useFluentProvider_1, useFluentProviderContextValues_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- tslib_1.__exportStar(FluentProvider_1, exports);
5
- tslib_1.__exportStar(FluentProvider_types_1, exports);
6
- tslib_1.__exportStar(renderFluentProvider_1, exports);
7
- tslib_1.__exportStar(useFluentProvider_1, exports);
8
- tslib_1.__exportStar(useFluentProviderContextValues_1, exports);
9
- });
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/FluentProvider/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC;IACjC,sDAAuC;IACvC,sDAAuC;IACvC,mDAAoC;IACpC,gEAAiD","sourcesContent":["export * from './FluentProvider';\nexport * from './FluentProvider.types';\nexport * from './renderFluentProvider';\nexport * from './useFluentProvider';\nexport * from './useFluentProviderContextValues';\n"]}
@@ -1,5 +0,0 @@
1
- import type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';
2
- /**
3
- * Render the final JSX of FluentProvider
4
- */
5
- export declare const renderFluentProvider: (state: FluentProviderState, contextValues: FluentProviderContextValues) => JSX.Element;
@@ -1,18 +0,0 @@
1
- define(["require", "exports", "tslib", "react", "@fluentui/react-shared-contexts", "@fluentui/react-utilities", "./useFluentProvider"], function (require, exports, tslib_1, React, react_shared_contexts_1, react_utilities_1, useFluentProvider_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.renderFluentProvider = void 0;
5
- /**
6
- * Render the final JSX of FluentProvider
7
- */
8
- var renderFluentProvider = function (state, contextValues) {
9
- var _a = react_utilities_1.getSlots(state, useFluentProvider_1.fluentProviderShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
10
- return (React.createElement(react_shared_contexts_1.ProviderContext.Provider, { value: contextValues.provider },
11
- React.createElement(react_shared_contexts_1.ThemeContext.Provider, { value: contextValues.theme },
12
- React.createElement(react_shared_contexts_1.ThemeClassNameContext.Provider, { value: contextValues.themeClassName },
13
- React.createElement(react_shared_contexts_1.TooltipContext.Provider, { value: contextValues.tooltip },
14
- React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.root.children))))));
15
- };
16
- exports.renderFluentProvider = renderFluentProvider;
17
- });
18
- //# sourceMappingURL=renderFluentProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"renderFluentProvider.js","sourceRoot":"../src/","sources":["components/FluentProvider/renderFluentProvider.tsx"],"names":[],"mappings":";;;;IAMA;;OAEG;IACI,IAAM,oBAAoB,GAAG,UAAC,KAA0B,EAAE,aAA0C;QACnG,IAAA,KAAuB,0BAAQ,CAAsB,KAAK,EAAE,gDAA4B,CAAC,EAAvF,KAAK,WAAA,EAAE,SAAS,eAAuE,CAAC;QAEhG,OAAO,CACL,oBAAC,uCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,CAAC,QAAQ;YACrD,oBAAC,oCAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,CAAC,KAAK;gBAC/C,oBAAC,6CAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,CAAC,cAAc;oBACjE,oBAAC,sCAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,aAAa,CAAC,OAAO;wBACnD,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAc,CAC1C,CACK,CACX,CACC,CAC5B,CAAC;IACJ,CAAC,CAAC;IAdW,QAAA,oBAAoB,wBAc/B","sourcesContent":["import * as React from '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';\nimport { fluentProviderShorthandProps } from './useFluentProvider';\n\n/**\n * Render the final JSX of FluentProvider\n */\nexport const renderFluentProvider = (state: FluentProviderState, contextValues: FluentProviderContextValues) => {\n const { slots, slotProps } = getSlots<FluentProviderSlots>(state, fluentProviderShorthandProps);\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 <slots.root {...slotProps.root}>{state.root.children}</slots.root>\n </TooltipContext.Provider>\n </ThemeClassNameContext.Provider>\n </ThemeContext.Provider>\n </ProviderContext.Provider>\n );\n};\n"]}
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- import type { FluentProviderProps, FluentProviderSlots, FluentProviderState } from './FluentProvider.types';
3
- export declare const fluentProviderShorthandProps: (keyof FluentProviderSlots)[];
4
- /**
5
- * Create the state required to render FluentProvider.
6
- *
7
- * The returned state can be modified with hooks such as useFluentProviderStyles,
8
- * before being passed to renderFluentProvider.
9
- *
10
- * @param props - props from this instance of FluentProvider
11
- * @param ref - reference to root HTMLElement of FluentProvider
12
- */
13
- export declare const useFluentProvider: (props: FluentProviderProps, ref: React.Ref<HTMLElement>) => FluentProviderState;
@@ -1,38 +0,0 @@
1
- define(["require", "exports", "tslib", "@fluentui/react-tabster", "@fluentui/react-theme", "@fluentui/react-shared-contexts", "@fluentui/react-utilities", "./useThemeStyleTag"], function (require, exports, tslib_1, react_tabster_1, react_theme_1, react_shared_contexts_1, react_utilities_1, useThemeStyleTag_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useFluentProvider = exports.fluentProviderShorthandProps = void 0;
5
- exports.fluentProviderShorthandProps = ['root'];
6
- /**
7
- * Create the state required to render FluentProvider.
8
- *
9
- * The returned state can be modified with hooks such as useFluentProviderStyles,
10
- * before being passed to renderFluentProvider.
11
- *
12
- * @param props - props from this instance of FluentProvider
13
- * @param ref - reference to root HTMLElement of FluentProvider
14
- */
15
- var useFluentProvider = function (props, ref) {
16
- var parentContext = react_shared_contexts_1.useFluent();
17
- var parentTheme = react_shared_contexts_1.useTheme();
18
- /**
19
- * TODO: add merge functions to "dir" merge,
20
- * nesting providers with the same "dir" should not add additional attributes to DOM
21
- * see https://github.com/microsoft/fluentui/blob/0dc74a19f3aa5a058224c20505016fbdb84db172/packages/fluentui/react-northstar/src/utils/mergeProviderContexts.ts#L89-L93
22
- */
23
- var _a = props.dir, dir = _a === void 0 ? parentContext.dir : _a, _b = props.targetDocument, targetDocument = _b === void 0 ? parentContext.targetDocument : _b, _c = props.theme, theme = _c === void 0 ? {} : _c;
24
- var mergedTheme = react_theme_1.mergeThemes(parentTheme, theme);
25
- return {
26
- dir: dir,
27
- targetDocument: targetDocument,
28
- theme: mergedTheme,
29
- themeClassName: useThemeStyleTag_1.useThemeStyleTag({ theme: mergedTheme, targetDocument: targetDocument }),
30
- components: {
31
- root: 'div',
32
- },
33
- root: react_utilities_1.getNativeElementProps('div', tslib_1.__assign(tslib_1.__assign({}, props), { dir: dir, ref: react_utilities_1.useMergedRefs(ref, react_tabster_1.useKeyboardNavAttribute()) })),
34
- };
35
- };
36
- exports.useFluentProvider = useFluentProvider;
37
- });
38
- //# sourceMappingURL=useFluentProvider.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFluentProvider.js","sourceRoot":"../src/","sources":["components/FluentProvider/useFluentProvider.ts"],"names":[],"mappings":";;;;IAQa,QAAA,4BAA4B,GAAkC,CAAC,MAAM,CAAC,CAAC;IAEpF;;;;;;;;OAQG;IACI,IAAM,iBAAiB,GAAG,UAAC,KAA0B,EAAE,GAA2B;QACvF,IAAM,aAAa,GAAG,iCAAS,EAAE,CAAC;QAClC,IAAM,WAAW,GAAG,gCAAQ,EAAE,CAAC;QAE/B;;;;WAIG;QACK,IAAA,KAAuF,KAAK,IAArE,EAAvB,GAAG,mBAAG,aAAa,CAAC,GAAG,KAAA,EAAE,KAA8D,KAAK,eAAtB,EAA7C,cAAc,mBAAG,aAAa,CAAC,cAAc,KAAA,EAAE,KAAe,KAAK,MAAV,EAAV,KAAK,mBAAG,EAAE,KAAA,CAAW;QACrG,IAAM,WAAW,GAAG,yBAAW,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAEpD,OAAO;YACL,GAAG,KAAA;YACH,cAAc,gBAAA;YACd,KAAK,EAAE,WAAW;YAClB,cAAc,EAAE,mCAAgB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,gBAAA,EAAE,CAAC;YAExE,UAAU,EAAE;gBACV,IAAI,EAAE,KAAK;aACZ;YAED,IAAI,EAAE,uCAAqB,CAAC,KAAK,wCAC5B,KAAK,KACR,GAAG,KAAA,EACH,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,uCAAuB,EAAE,CAAC,IAClD;SACH,CAAC;IACJ,CAAC,CAAC;IA5BW,QAAA,iBAAiB,qBA4B5B","sourcesContent":["import { useKeyboardNavAttribute } from '@fluentui/react-tabster';\nimport { mergeThemes } 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, FluentProviderSlots, FluentProviderState } from './FluentProvider.types';\n\nexport const fluentProviderShorthandProps: (keyof FluentProviderSlots)[] = ['root'];\n\n/**\n * Create the state required to render FluentProvider.\n *\n * The returned state can be modified with hooks such as useFluentProviderStyles,\n * before being passed to renderFluentProvider.\n *\n * @param props - props from this instance of FluentProvider\n * @param ref - reference to root HTMLElement of FluentProvider\n */\nexport const useFluentProvider = (props: FluentProviderProps, ref: React.Ref<HTMLElement>): 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 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"]}
@@ -1,2 +0,0 @@
1
- import type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';
2
- export declare function useFluentProviderContextValues(state: FluentProviderState): FluentProviderContextValues;
@@ -1,19 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-utilities", "react"], function (require, exports, react_utilities_1, React) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useFluentProviderContextValues = void 0;
5
- function useFluentProviderContextValues(state) {
6
- var root = state.root, dir = state.dir, targetDocument = state.targetDocument, theme = state.theme;
7
- var provider = React.useMemo(function () { return ({ dir: dir, targetDocument: targetDocument }); }, [dir, targetDocument]);
8
- // "Tooltip" component mutates an object in this context, instance should be stable
9
- var tooltip = react_utilities_1.useConst({});
10
- return {
11
- provider: provider,
12
- tooltip: tooltip,
13
- theme: theme,
14
- themeClassName: root.className,
15
- };
16
- }
17
- exports.useFluentProviderContextValues = useFluentProviderContextValues;
18
- });
19
- //# sourceMappingURL=useFluentProviderContextValues.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFluentProviderContextValues.js","sourceRoot":"../src/","sources":["components/FluentProvider/useFluentProviderContextValues.ts"],"names":[],"mappings":";;;;IAIA,SAAgB,8BAA8B,CAAC,KAA0B;QAC/D,IAAA,IAAI,GAAiC,KAAK,KAAtC,EAAE,GAAG,GAA4B,KAAK,IAAjC,EAAE,cAAc,GAAY,KAAK,eAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;QAEnD,IAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,CAAC,EAAE,GAAG,KAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,EAAzB,CAAyB,EAAE,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC;QACvF,mFAAmF;QACnF,IAAM,OAAO,GAAG,0BAAQ,CAAC,EAAE,CAAC,CAAC;QAE7B,OAAO;YACL,QAAQ,UAAA;YACR,OAAO,SAAA;YACP,KAAK,OAAA;YACL,cAAc,EAAE,IAAI,CAAC,SAAU;SAChC,CAAC;IACJ,CAAC;IAbD,wEAaC","sourcesContent":["import { useConst } from '@fluentui/react-utilities';\nimport * as React from 'react';\nimport type { FluentProviderContextValues, FluentProviderState } from './FluentProvider.types';\n\nexport function useFluentProviderContextValues(state: FluentProviderState): FluentProviderContextValues {\n const { root, dir, targetDocument, theme } = state;\n\n const provider = React.useMemo(() => ({ dir, targetDocument }), [dir, targetDocument]);\n // \"Tooltip\" component mutates an object in this context, instance should be stable\n const tooltip = useConst({});\n\n return {\n provider,\n tooltip,\n theme,\n themeClassName: root.className!,\n };\n}\n"]}
@@ -1,3 +0,0 @@
1
- import type { FluentProviderState } from './FluentProvider.types';
2
- /** Applies style classnames to slots */
3
- export declare const useFluentProviderStyles: (state: FluentProviderState) => FluentProviderState;
@@ -1,22 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useFluentProviderStyles = void 0;
5
- var useStyles = react_make_styles_1.makeStyles({
6
- root: function (theme) { return ({
7
- color: theme.alias.color.neutral.neutralForeground1,
8
- backgroundColor: theme.alias.color.neutral.neutralBackground1,
9
- fontFamily: theme.global.type.fontFamilies.base,
10
- fontSize: theme.global.type.fontSizes.base[300],
11
- fontWeight: theme.global.type.fontWeights.regular,
12
- }); },
13
- });
14
- /** Applies style classnames to slots */
15
- var useFluentProviderStyles = function (state) {
16
- var styles = useStyles();
17
- state.root.className = react_make_styles_1.mergeClasses(state.themeClassName, styles.root, state.root.className);
18
- return state;
19
- };
20
- exports.useFluentProviderStyles = useFluentProviderStyles;
21
- });
22
- //# sourceMappingURL=useFluentProviderStyles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useFluentProviderStyles.js","sourceRoot":"../src/","sources":["components/FluentProvider/useFluentProviderStyles.ts"],"names":[],"mappings":";;;;IAGA,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;YACnD,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;YAC7D,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI;YAC/C,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO;SAClD,CAAC,EANa,CAMb;KACH,CAAC,CAAC;IAEH,wCAAwC;IACjC,IAAM,uBAAuB,GAAG,UAAC,KAA0B;QAChE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,gCAAY,CAAC,KAAK,CAAC,cAAc,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAE7F,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IANW,QAAA,uBAAuB,2BAMlC","sourcesContent":["import { makeStyles, mergeClasses } from '@fluentui/react-make-styles';\nimport type { FluentProviderState } from './FluentProvider.types';\n\nconst useStyles = makeStyles({\n root: theme => ({\n color: theme.alias.color.neutral.neutralForeground1,\n backgroundColor: theme.alias.color.neutral.neutralBackground1,\n fontFamily: theme.global.type.fontFamilies.base,\n fontSize: theme.global.type.fontSizes.base[300],\n fontWeight: theme.global.type.fontWeights.regular,\n }),\n});\n\n/** Applies style classnames to slots */\nexport const useFluentProviderStyles = (state: FluentProviderState) => {\n const styles = useStyles();\n\n state.root.className = mergeClasses(state.themeClassName, styles.root, state.root.className);\n\n return state;\n};\n"]}
@@ -1,7 +0,0 @@
1
- import type { FluentProviderState } from './FluentProvider.types';
2
- /**
3
- * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class
4
- *
5
- * @returns CSS class to apply the rule
6
- */
7
- export declare const useThemeStyleTag: (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => string;
@@ -1,53 +0,0 @@
1
- define(["require", "exports", "@fluentui/react-utilities", "@fluentui/react-theme", "react"], function (require, exports, react_utilities_1, react_theme_1, React) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useThemeStyleTag = void 0;
5
- /**
6
- * Writes a theme as css variables in a style tag on the provided targetDocument as a rule applied to a CSS class
7
- *
8
- * @returns CSS class to apply the rule
9
- */
10
- var useThemeStyleTag = function (options) {
11
- var targetDocument = options.targetDocument, theme = options.theme;
12
- var styleTagId = react_utilities_1.useId('fluent-provider');
13
- var styleTag = React.useMemo(function () {
14
- if (!targetDocument) {
15
- return null;
16
- }
17
- var tag = targetDocument.createElement('style');
18
- tag.setAttribute('id', styleTagId);
19
- targetDocument.head.appendChild(tag);
20
- return tag;
21
- }, [styleTagId, targetDocument]);
22
- var cssRule = React.useMemo(function () {
23
- var cssVars = react_theme_1.themeToCSSVariables(theme);
24
- var cssVarsAsString = Object.keys(cssVars).reduce(function (cssVarRule, cssVar) {
25
- cssVarRule += cssVar + ": " + cssVars[cssVar] + "; ";
26
- return cssVarRule;
27
- }, '');
28
- // result: .fluent-provider1 { --css-var: '#fff' }
29
- return "." + styleTagId + " { " + cssVarsAsString + " }";
30
- }, [theme, styleTagId]);
31
- var previousCssRule = react_utilities_1.usePrevious(cssRule);
32
- if (styleTag && previousCssRule !== cssRule) {
33
- var sheet = styleTag.sheet;
34
- if (sheet.cssRules.length > 0) {
35
- sheet.deleteRule(0);
36
- }
37
- sheet.insertRule(cssRule, 0);
38
- }
39
- // Removes the style tag from the targetDocument on unmount or change
40
- React.useEffect(function () {
41
- return function () {
42
- var _a;
43
- if (styleTag) {
44
- // IE11 safe node removal, otherwise use node.remove()
45
- (_a = styleTag.parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(styleTag);
46
- }
47
- };
48
- }, [styleTag]);
49
- return styleTagId;
50
- };
51
- exports.useThemeStyleTag = useThemeStyleTag;
52
- });
53
- //# sourceMappingURL=useThemeStyleTag.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useThemeStyleTag.js","sourceRoot":"../src/","sources":["components/FluentProvider/useThemeStyleTag.ts"],"names":[],"mappings":";;;;IAKA;;;;OAIG;IACI,IAAM,gBAAgB,GAAG,UAAC,OAA8D;QACrF,IAAA,cAAc,GAAY,OAAO,eAAnB,EAAE,KAAK,GAAK,OAAO,MAAZ,CAAa;QAE1C,IAAM,UAAU,GAAG,uBAAK,CAAC,iBAAiB,CAAC,CAAC;QAC5C,IAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC;YAC7B,IAAI,CAAC,cAAc,EAAE;gBACnB,OAAO,IAAI,CAAC;aACb;YAED,IAAM,GAAG,GAAG,cAAc,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YAClD,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;YACnC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YACrC,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC;QAEjC,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;YAC5B,IAAM,OAAO,GAAG,iCAAmB,CAAC,KAAK,CAAC,CAAC;YAC3C,IAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,UAAC,UAAU,EAAE,MAAM;gBACrE,UAAU,IAAO,MAAM,UAAK,OAAO,CAAC,MAAM,CAAC,OAAI,CAAC;gBAChD,OAAO,UAAU,CAAC;YACpB,CAAC,EAAE,EAAE,CAAC,CAAC;YAEP,kDAAkD;YAClD,OAAO,MAAI,UAAU,WAAM,eAAe,OAAI,CAAC;QACjD,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;QACxB,IAAM,eAAe,GAAG,6BAAW,CAAC,OAAO,CAAC,CAAC;QAE7C,IAAI,QAAQ,IAAI,eAAe,KAAK,OAAO,EAAE;YAC3C,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAsB,CAAC;YAE9C,IAAI,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC7B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;aACrB;YAED,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;SAC9B;QAED,qEAAqE;QACrE,KAAK,CAAC,SAAS,CAAC;YACd,OAAO;;gBACL,IAAI,QAAQ,EAAE;oBACZ,sDAAsD;oBACtD,MAAA,QAAQ,CAAC,aAAa,0CAAE,WAAW,CAAC,QAAQ,EAAE;iBAC/C;YACH,CAAC,CAAC;QACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;QAEf,OAAO,UAAU,CAAC;IACpB,CAAC,CAAC;IAhDW,QAAA,gBAAgB,oBAgD3B","sourcesContent":["import { useId, usePrevious } from '@fluentui/react-utilities';\nimport { themeToCSSVariables } from '@fluentui/react-theme';\nimport * as React from 'react';\nimport type { FluentProviderState } from './FluentProvider.types';\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 useThemeStyleTag = (options: Pick<FluentProviderState, 'theme' | 'targetDocument'>) => {\n const { targetDocument, theme } = options;\n\n const styleTagId = useId('fluent-provider');\n const styleTag = React.useMemo(() => {\n if (!targetDocument) {\n return null;\n }\n\n const tag = targetDocument.createElement('style');\n tag.setAttribute('id', styleTagId);\n targetDocument.head.appendChild(tag);\n return tag;\n }, [styleTagId, targetDocument]);\n\n const cssRule = React.useMemo(() => {\n const cssVars = themeToCSSVariables(theme);\n const cssVarsAsString = Object.keys(cssVars).reduce((cssVarRule, cssVar) => {\n cssVarRule += `${cssVar}: ${cssVars[cssVar]}; `;\n return cssVarRule;\n }, '');\n\n // result: .fluent-provider1 { --css-var: '#fff' }\n return `.${styleTagId} { ${cssVarsAsString} }`;\n }, [theme, styleTagId]);\n const previousCssRule = usePrevious(cssRule);\n\n if (styleTag && previousCssRule !== cssRule) {\n const sheet = styleTag.sheet as CSSStyleSheet;\n\n if (sheet.cssRules.length > 0) {\n sheet.deleteRule(0);\n }\n\n sheet.insertRule(cssRule, 0);\n }\n\n // Removes the style tag from the targetDocument on unmount or change\n React.useEffect(() => {\n return () => {\n if (styleTag) {\n // IE11 safe node removal, otherwise use node.remove()\n styleTag.parentElement?.removeChild(styleTag);\n }\n };\n }, [styleTag]);\n\n return styleTagId;\n};\n"]}
@@ -1,2 +0,0 @@
1
- export * from './FluentProvider';
2
- export { useFluent, useTheme } from '@fluentui/react-shared-contexts';
package/lib-amd/index.js DELETED
@@ -1,9 +0,0 @@
1
- define(["require", "exports", "tslib", "./FluentProvider", "@fluentui/react-shared-contexts"], function (require, exports, tslib_1, FluentProvider_1, react_shared_contexts_1) {
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useTheme = exports.useFluent = void 0;
5
- tslib_1.__exportStar(FluentProvider_1, exports);
6
- Object.defineProperty(exports, "useFluent", { enumerable: true, get: function () { return react_shared_contexts_1.useFluent; } });
7
- Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return react_shared_contexts_1.useTheme; } });
8
- });
9
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;;IAAA,gDAAiC;IACxB,kHAAA,SAAS,OAAA;IAAE,iHAAA,QAAQ,OAAA","sourcesContent":["export * from './FluentProvider';\nexport { useFluent, useTheme } from '@fluentui/react-shared-contexts';\n"]}