@fluentui/react-message-bar 9.2.0 → 9.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +62 -40
- package/lib/components/MessageBar/useMessageBarReflow.js +2 -0
- package/lib/components/MessageBar/useMessageBarReflow.js.map +1 -1
- package/lib/components/MessageBar/useMessageBarStyles.styles.js +8 -5
- package/lib/components/MessageBar/useMessageBarStyles.styles.js.map +1 -1
- package/lib-commonjs/components/MessageBar/useMessageBarReflow.js +2 -0
- package/lib-commonjs/components/MessageBar/useMessageBarReflow.js.map +1 -1
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.js +11 -20
- package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.js.map +1 -1
- package/package.json +6 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,34 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-message-bar
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Thu, 06 Jun 2024 15:22:16 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.2.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.2.2)
|
|
8
|
+
|
|
9
|
+
Thu, 06 Jun 2024 15:22:16 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.2.1..@fluentui/react-message-bar_v9.2.2)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: disable eslint rule ([PR #30967](https://github.com/microsoft/fluentui/pull/30967) by seanmonahan@microsoft.com)
|
|
15
|
+
- Bump @fluentui/react-button to v9.3.83 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
|
|
16
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.39 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
|
|
17
|
+
- Bump @fluentui/react-utilities to v9.18.10 ([PR #31586](https://github.com/microsoft/fluentui/pull/31586) by beachball)
|
|
18
|
+
|
|
19
|
+
## [9.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.2.1)
|
|
20
|
+
|
|
21
|
+
Thu, 23 May 2024 08:02:45 GMT
|
|
22
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.2.0..@fluentui/react-message-bar_v9.2.1)
|
|
23
|
+
|
|
24
|
+
### Patches
|
|
25
|
+
|
|
26
|
+
- chore: replace usage of .shorthands() in styles ([PR #31458](https://github.com/microsoft/fluentui/pull/31458) by olfedias@microsoft.com)
|
|
27
|
+
- Bump @fluentui/react-button to v9.3.82 ([commit](https://github.com/microsoft/fluentui/commit/03599d609e8310b08c57d1f871cffbf717d79207) by beachball)
|
|
28
|
+
|
|
7
29
|
## [9.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.2.0)
|
|
8
30
|
|
|
9
|
-
Mon, 20 May 2024 12:
|
|
31
|
+
Mon, 20 May 2024 12:44:58 GMT
|
|
10
32
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.1.1..@fluentui/react-message-bar_v9.2.0)
|
|
11
33
|
|
|
12
34
|
### Minor changes
|
|
@@ -24,17 +46,17 @@ Mon, 20 May 2024 12:36:34 GMT
|
|
|
24
46
|
|
|
25
47
|
## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.1.1)
|
|
26
48
|
|
|
27
|
-
Thu, 16 May 2024 09:25:15 GMT
|
|
49
|
+
Thu, 16 May 2024 09:25:15 GMT
|
|
28
50
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.1.0..@fluentui/react-message-bar_v9.1.1)
|
|
29
51
|
|
|
30
52
|
### Patches
|
|
31
53
|
|
|
32
|
-
-
|
|
54
|
+
- chore: Upgrade react-icons version to 2.0.239 to pick up provider export map fix. ([PR #31287](https://github.com/microsoft/fluentui/pull/31287) by ololubek@microsoft.com)
|
|
33
55
|
- Bump @fluentui/react-button to v9.3.80 ([PR #31390](https://github.com/microsoft/fluentui/pull/31390) by beachball)
|
|
34
56
|
|
|
35
57
|
## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.1.0)
|
|
36
58
|
|
|
37
|
-
Mon, 13 May 2024 12:34:19 GMT
|
|
59
|
+
Mon, 13 May 2024 12:34:19 GMT
|
|
38
60
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.30..@fluentui/react-message-bar_v9.1.0)
|
|
39
61
|
|
|
40
62
|
### Minor changes
|
|
@@ -43,7 +65,7 @@ Mon, 13 May 2024 12:34:19 GMT
|
|
|
43
65
|
|
|
44
66
|
## [9.0.30](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.30)
|
|
45
67
|
|
|
46
|
-
Thu, 09 May 2024 19:35:12 GMT
|
|
68
|
+
Thu, 09 May 2024 19:35:12 GMT
|
|
47
69
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.29..@fluentui/react-message-bar_v9.0.30)
|
|
48
70
|
|
|
49
71
|
### Patches
|
|
@@ -52,7 +74,7 @@ Thu, 09 May 2024 19:35:12 GMT
|
|
|
52
74
|
|
|
53
75
|
## [9.0.29](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.29)
|
|
54
76
|
|
|
55
|
-
Mon, 06 May 2024 12:55:02 GMT
|
|
77
|
+
Mon, 06 May 2024 12:55:02 GMT
|
|
56
78
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.28..@fluentui/react-message-bar_v9.0.29)
|
|
57
79
|
|
|
58
80
|
### Patches
|
|
@@ -64,17 +86,17 @@ Mon, 06 May 2024 12:55:02 GMT
|
|
|
64
86
|
|
|
65
87
|
## [9.0.28](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.28)
|
|
66
88
|
|
|
67
|
-
Thu, 02 May 2024 11:36:35 GMT
|
|
89
|
+
Thu, 02 May 2024 11:36:35 GMT
|
|
68
90
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.27..@fluentui/react-message-bar_v9.0.28)
|
|
69
91
|
|
|
70
92
|
### Patches
|
|
71
93
|
|
|
72
|
-
-
|
|
94
|
+
- chore: upgrade @fluentui/react-icons to 2.0.237. ([PR #31139](https://github.com/microsoft/fluentui/pull/31139) by ololubek@microsoft.com)
|
|
73
95
|
- Bump @fluentui/react-button to v9.3.77 ([PR #31231](https://github.com/microsoft/fluentui/pull/31231) by beachball)
|
|
74
96
|
|
|
75
97
|
## [9.0.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.27)
|
|
76
98
|
|
|
77
|
-
Tue, 23 Apr 2024 08:17:49 GMT
|
|
99
|
+
Tue, 23 Apr 2024 08:17:49 GMT
|
|
78
100
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.26..@fluentui/react-message-bar_v9.0.27)
|
|
79
101
|
|
|
80
102
|
### Patches
|
|
@@ -86,18 +108,18 @@ Tue, 23 Apr 2024 08:17:49 GMT
|
|
|
86
108
|
|
|
87
109
|
## [9.0.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.26)
|
|
88
110
|
|
|
89
|
-
Wed, 17 Apr 2024 21:53:54 GMT
|
|
111
|
+
Wed, 17 Apr 2024 21:53:54 GMT
|
|
90
112
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.25..@fluentui/react-message-bar_v9.0.26)
|
|
91
113
|
|
|
92
114
|
### Patches
|
|
93
115
|
|
|
94
|
-
- chore: refactor styles defined in makeResetStyles() to avoid shorthands
|
|
116
|
+
- chore: refactor styles defined in makeResetStyles() to avoid shorthands.\*() ([PR #30996](https://github.com/microsoft/fluentui/pull/30996) by olfedias@microsoft.com)
|
|
95
117
|
- chore: Update react-icons to 2.0.235 ([PR #31011](https://github.com/microsoft/fluentui/pull/31011) by ololubek@microsoft.com)
|
|
96
118
|
- Bump @fluentui/react-button to v9.3.75 ([PR #31100](https://github.com/microsoft/fluentui/pull/31100) by beachball)
|
|
97
119
|
|
|
98
120
|
## [9.0.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.25)
|
|
99
121
|
|
|
100
|
-
Tue, 02 Apr 2024 09:48:01 GMT
|
|
122
|
+
Tue, 02 Apr 2024 09:48:01 GMT
|
|
101
123
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.24..@fluentui/react-message-bar_v9.0.25)
|
|
102
124
|
|
|
103
125
|
### Patches
|
|
@@ -109,7 +131,7 @@ Tue, 02 Apr 2024 09:48:01 GMT
|
|
|
109
131
|
|
|
110
132
|
## [9.0.24](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.24)
|
|
111
133
|
|
|
112
|
-
Mon, 18 Mar 2024 19:50:46 GMT
|
|
134
|
+
Mon, 18 Mar 2024 19:50:46 GMT
|
|
113
135
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.23..@fluentui/react-message-bar_v9.0.24)
|
|
114
136
|
|
|
115
137
|
### Patches
|
|
@@ -122,7 +144,7 @@ Mon, 18 Mar 2024 19:50:46 GMT
|
|
|
122
144
|
|
|
123
145
|
## [9.0.23](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.23)
|
|
124
146
|
|
|
125
|
-
Fri, 15 Mar 2024 21:43:49 GMT
|
|
147
|
+
Fri, 15 Mar 2024 21:43:49 GMT
|
|
126
148
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.22..@fluentui/react-message-bar_v9.0.23)
|
|
127
149
|
|
|
128
150
|
### Patches
|
|
@@ -135,7 +157,7 @@ Fri, 15 Mar 2024 21:43:49 GMT
|
|
|
135
157
|
|
|
136
158
|
## [9.0.22](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.22)
|
|
137
159
|
|
|
138
|
-
Thu, 07 Mar 2024 19:33:27 GMT
|
|
160
|
+
Thu, 07 Mar 2024 19:33:27 GMT
|
|
139
161
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.21..@fluentui/react-message-bar_v9.0.22)
|
|
140
162
|
|
|
141
163
|
### Patches
|
|
@@ -148,7 +170,7 @@ Thu, 07 Mar 2024 19:33:27 GMT
|
|
|
148
170
|
|
|
149
171
|
## [9.0.21](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.21)
|
|
150
172
|
|
|
151
|
-
Wed, 28 Feb 2024 02:34:19 GMT
|
|
173
|
+
Wed, 28 Feb 2024 02:34:19 GMT
|
|
152
174
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.20..@fluentui/react-message-bar_v9.0.21)
|
|
153
175
|
|
|
154
176
|
### Patches
|
|
@@ -160,7 +182,7 @@ Wed, 28 Feb 2024 02:34:19 GMT
|
|
|
160
182
|
|
|
161
183
|
## [9.0.20](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.20)
|
|
162
184
|
|
|
163
|
-
Tue, 20 Feb 2024 14:22:30 GMT
|
|
185
|
+
Tue, 20 Feb 2024 14:22:30 GMT
|
|
164
186
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.19..@fluentui/react-message-bar_v9.0.20)
|
|
165
187
|
|
|
166
188
|
### Patches
|
|
@@ -171,7 +193,7 @@ Tue, 20 Feb 2024 14:22:30 GMT
|
|
|
171
193
|
|
|
172
194
|
## [9.0.19](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.19)
|
|
173
195
|
|
|
174
|
-
Tue, 06 Feb 2024 17:55:18 GMT
|
|
196
|
+
Tue, 06 Feb 2024 17:55:18 GMT
|
|
175
197
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.18..@fluentui/react-message-bar_v9.0.19)
|
|
176
198
|
|
|
177
199
|
### Patches
|
|
@@ -181,7 +203,7 @@ Tue, 06 Feb 2024 17:55:18 GMT
|
|
|
181
203
|
|
|
182
204
|
## [9.0.18](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.18)
|
|
183
205
|
|
|
184
|
-
Tue, 30 Jan 2024 23:16:54 GMT
|
|
206
|
+
Tue, 30 Jan 2024 23:16:54 GMT
|
|
185
207
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.17..@fluentui/react-message-bar_v9.0.18)
|
|
186
208
|
|
|
187
209
|
### Patches
|
|
@@ -192,7 +214,7 @@ Tue, 30 Jan 2024 23:16:54 GMT
|
|
|
192
214
|
|
|
193
215
|
## [9.0.17](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.17)
|
|
194
216
|
|
|
195
|
-
Tue, 23 Jan 2024 15:11:00 GMT
|
|
217
|
+
Tue, 23 Jan 2024 15:11:00 GMT
|
|
196
218
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.16..@fluentui/react-message-bar_v9.0.17)
|
|
197
219
|
|
|
198
220
|
### Patches
|
|
@@ -203,7 +225,7 @@ Tue, 23 Jan 2024 15:11:00 GMT
|
|
|
203
225
|
|
|
204
226
|
## [9.0.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.16)
|
|
205
227
|
|
|
206
|
-
Thu, 18 Jan 2024 14:25:03 GMT
|
|
228
|
+
Thu, 18 Jan 2024 14:25:03 GMT
|
|
207
229
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.15..@fluentui/react-message-bar_v9.0.16)
|
|
208
230
|
|
|
209
231
|
### Patches
|
|
@@ -215,7 +237,7 @@ Thu, 18 Jan 2024 14:25:03 GMT
|
|
|
215
237
|
|
|
216
238
|
## [9.0.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.15)
|
|
217
239
|
|
|
218
|
-
Wed, 17 Jan 2024 16:18:50 GMT
|
|
240
|
+
Wed, 17 Jan 2024 16:18:50 GMT
|
|
219
241
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.14..@fluentui/react-message-bar_v9.0.15)
|
|
220
242
|
|
|
221
243
|
### Patches
|
|
@@ -226,7 +248,7 @@ Wed, 17 Jan 2024 16:18:50 GMT
|
|
|
226
248
|
|
|
227
249
|
## [9.0.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.14)
|
|
228
250
|
|
|
229
|
-
Tue, 16 Jan 2024 13:14:24 GMT
|
|
251
|
+
Tue, 16 Jan 2024 13:14:24 GMT
|
|
230
252
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.13..@fluentui/react-message-bar_v9.0.14)
|
|
231
253
|
|
|
232
254
|
### Patches
|
|
@@ -236,7 +258,7 @@ Tue, 16 Jan 2024 13:14:24 GMT
|
|
|
236
258
|
|
|
237
259
|
## [9.0.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.13)
|
|
238
260
|
|
|
239
|
-
Thu, 11 Jan 2024 09:04:29 GMT
|
|
261
|
+
Thu, 11 Jan 2024 09:04:29 GMT
|
|
240
262
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.12..@fluentui/react-message-bar_v9.0.13)
|
|
241
263
|
|
|
242
264
|
### Patches
|
|
@@ -245,7 +267,7 @@ Thu, 11 Jan 2024 09:04:29 GMT
|
|
|
245
267
|
|
|
246
268
|
## [9.0.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.12)
|
|
247
269
|
|
|
248
|
-
Mon, 08 Jan 2024 16:24:23 GMT
|
|
270
|
+
Mon, 08 Jan 2024 16:24:23 GMT
|
|
249
271
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.11..@fluentui/react-message-bar_v9.0.12)
|
|
250
272
|
|
|
251
273
|
### Patches
|
|
@@ -257,7 +279,7 @@ Mon, 08 Jan 2024 16:24:23 GMT
|
|
|
257
279
|
|
|
258
280
|
## [9.0.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.11)
|
|
259
281
|
|
|
260
|
-
Wed, 03 Jan 2024 09:26:44 GMT
|
|
282
|
+
Wed, 03 Jan 2024 09:26:44 GMT
|
|
261
283
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.10..@fluentui/react-message-bar_v9.0.11)
|
|
262
284
|
|
|
263
285
|
### Patches
|
|
@@ -268,7 +290,7 @@ Wed, 03 Jan 2024 09:26:44 GMT
|
|
|
268
290
|
|
|
269
291
|
## [9.0.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.10)
|
|
270
292
|
|
|
271
|
-
Mon, 18 Dec 2023 14:40:46 GMT
|
|
293
|
+
Mon, 18 Dec 2023 14:40:46 GMT
|
|
272
294
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.9..@fluentui/react-message-bar_v9.0.10)
|
|
273
295
|
|
|
274
296
|
### Patches
|
|
@@ -280,7 +302,7 @@ Mon, 18 Dec 2023 14:40:46 GMT
|
|
|
280
302
|
|
|
281
303
|
## [9.0.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.9)
|
|
282
304
|
|
|
283
|
-
Thu, 14 Dec 2023 09:58:46 GMT
|
|
305
|
+
Thu, 14 Dec 2023 09:58:46 GMT
|
|
284
306
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.8..@fluentui/react-message-bar_v9.0.9)
|
|
285
307
|
|
|
286
308
|
### Patches
|
|
@@ -292,7 +314,7 @@ Thu, 14 Dec 2023 09:58:46 GMT
|
|
|
292
314
|
|
|
293
315
|
## [9.0.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.8)
|
|
294
316
|
|
|
295
|
-
Thu, 30 Nov 2023 13:42:08 GMT
|
|
317
|
+
Thu, 30 Nov 2023 13:42:08 GMT
|
|
296
318
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.7..@fluentui/react-message-bar_v9.0.8)
|
|
297
319
|
|
|
298
320
|
### Patches
|
|
@@ -302,7 +324,7 @@ Thu, 30 Nov 2023 13:42:08 GMT
|
|
|
302
324
|
|
|
303
325
|
## [9.0.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.7)
|
|
304
326
|
|
|
305
|
-
Mon, 20 Nov 2023 09:55:10 GMT
|
|
327
|
+
Mon, 20 Nov 2023 09:55:10 GMT
|
|
306
328
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.6..@fluentui/react-message-bar_v9.0.7)
|
|
307
329
|
|
|
308
330
|
### Patches
|
|
@@ -312,7 +334,7 @@ Mon, 20 Nov 2023 09:55:10 GMT
|
|
|
312
334
|
|
|
313
335
|
## [9.0.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.6)
|
|
314
336
|
|
|
315
|
-
Tue, 14 Nov 2023 17:51:27 GMT
|
|
337
|
+
Tue, 14 Nov 2023 17:51:27 GMT
|
|
316
338
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.5..@fluentui/react-message-bar_v9.0.6)
|
|
317
339
|
|
|
318
340
|
### Patches
|
|
@@ -321,7 +343,7 @@ Tue, 14 Nov 2023 17:51:27 GMT
|
|
|
321
343
|
|
|
322
344
|
## [9.0.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.5)
|
|
323
345
|
|
|
324
|
-
Thu, 09 Nov 2023 17:29:37 GMT
|
|
346
|
+
Thu, 09 Nov 2023 17:29:37 GMT
|
|
325
347
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.4..@fluentui/react-message-bar_v9.0.5)
|
|
326
348
|
|
|
327
349
|
### Patches
|
|
@@ -335,7 +357,7 @@ Thu, 09 Nov 2023 17:29:37 GMT
|
|
|
335
357
|
|
|
336
358
|
## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.4)
|
|
337
359
|
|
|
338
|
-
Wed, 01 Nov 2023 12:55:59 GMT
|
|
360
|
+
Wed, 01 Nov 2023 12:55:59 GMT
|
|
339
361
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.3..@fluentui/react-message-bar_v9.0.4)
|
|
340
362
|
|
|
341
363
|
### Patches
|
|
@@ -346,7 +368,7 @@ Wed, 01 Nov 2023 12:55:59 GMT
|
|
|
346
368
|
|
|
347
369
|
## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.3)
|
|
348
370
|
|
|
349
|
-
Sat, 28 Oct 2023 23:35:59 GMT
|
|
371
|
+
Sat, 28 Oct 2023 23:35:59 GMT
|
|
350
372
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.2..@fluentui/react-message-bar_v9.0.3)
|
|
351
373
|
|
|
352
374
|
### Patches
|
|
@@ -356,7 +378,7 @@ Sat, 28 Oct 2023 23:35:59 GMT
|
|
|
356
378
|
|
|
357
379
|
## [9.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.2)
|
|
358
380
|
|
|
359
|
-
Mon, 23 Oct 2023 09:51:57 GMT
|
|
381
|
+
Mon, 23 Oct 2023 09:51:57 GMT
|
|
360
382
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.1..@fluentui/react-message-bar_v9.0.2)
|
|
361
383
|
|
|
362
384
|
### Patches
|
|
@@ -365,7 +387,7 @@ Mon, 23 Oct 2023 09:51:57 GMT
|
|
|
365
387
|
|
|
366
388
|
## [9.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.1)
|
|
367
389
|
|
|
368
|
-
Wed, 18 Oct 2023 17:54:04 GMT
|
|
390
|
+
Wed, 18 Oct 2023 17:54:04 GMT
|
|
369
391
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar_v9.0.0..@fluentui/react-message-bar_v9.0.1)
|
|
370
392
|
|
|
371
393
|
### Patches
|
|
@@ -377,7 +399,7 @@ Wed, 18 Oct 2023 17:54:04 GMT
|
|
|
377
399
|
|
|
378
400
|
## [9.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar_v9.0.0)
|
|
379
401
|
|
|
380
|
-
Thu, 12 Oct 2023 14:55:44 GMT
|
|
402
|
+
Thu, 12 Oct 2023 14:55:44 GMT
|
|
381
403
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar-preview_v0.2.1..@fluentui/react-message-bar_v9.0.0)
|
|
382
404
|
|
|
383
405
|
### Minor changes
|
|
@@ -388,7 +410,7 @@ Thu, 12 Oct 2023 14:55:44 GMT
|
|
|
388
410
|
|
|
389
411
|
## [0.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar-preview_v0.2.1)
|
|
390
412
|
|
|
391
|
-
Wed, 11 Oct 2023 13:54:24 GMT
|
|
413
|
+
Wed, 11 Oct 2023 13:54:24 GMT
|
|
392
414
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar-preview_v0.2.0..@fluentui/react-message-bar-preview_v0.2.1)
|
|
393
415
|
|
|
394
416
|
### Patches
|
|
@@ -401,7 +423,7 @@ Wed, 11 Oct 2023 13:54:24 GMT
|
|
|
401
423
|
|
|
402
424
|
## [0.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-message-bar-preview_v0.2.0)
|
|
403
425
|
|
|
404
|
-
Mon, 09 Oct 2023 20:45:42 GMT
|
|
426
|
+
Mon, 09 Oct 2023 20:45:42 GMT
|
|
405
427
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-message-bar-preview_v0.1.1..@fluentui/react-message-bar-preview_v0.2.0)
|
|
406
428
|
|
|
407
429
|
### Minor changes
|
|
@@ -5,6 +5,8 @@ export function useMessageBarReflow(enabled = false) {
|
|
|
5
5
|
const { targetDocument } = useFluent();
|
|
6
6
|
const forceUpdate = React.useReducer(()=>({}), {})[1];
|
|
7
7
|
const reflowingRef = React.useRef(false);
|
|
8
|
+
// TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286
|
|
9
|
+
// eslint-disable-next-line no-restricted-globals
|
|
8
10
|
const resizeObserverRef = React.useRef(null);
|
|
9
11
|
const prevInlineSizeRef = React.useRef(-1);
|
|
10
12
|
const handleResize = React.useCallback((entries)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarReflow.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement } from '@fluentui/react-utilities';\n\nexport function useMessageBarReflow(enabled: boolean = false) {\n const { targetDocument } = useFluent();\n const forceUpdate = React.useReducer(() => ({}), {})[1];\n const reflowingRef = React.useRef(false);\n const resizeObserverRef = React.useRef<ResizeObserver | null>(null);\n const prevInlineSizeRef = React.useRef(-1);\n\n const handleResize: ResizeObserverCallback = React.useCallback(\n entries => {\n // Resize observer is only owned by this component - one resize observer entry expected\n // No need to support multiple fragments - one border box entry expected\n if (process.env.NODE_ENV !== 'production' && entries.length > 1) {\n // eslint-disable-next-line no-console\n console.error(\n [\n 'useMessageBarReflow: Resize observer should only have one entry. ',\n 'If multiple entries are observed, the first entry will be used.',\n 'This is a bug, please report it to the Fluent UI team.',\n ].join(' '),\n );\n }\n\n const entry = entries[0];\n const borderBoxSize = entry?.borderBoxSize[0];\n if (!borderBoxSize || !entry) {\n return;\n }\n\n const { inlineSize } = borderBoxSize;\n const { target } = entry;\n\n if (!isHTMLElement(target)) {\n return;\n }\n\n let nextReflowing: boolean | undefined;\n\n // No easy way to really determine when the single line layout will fit\n // Just keep try to set single line layout as long as the size is growing\n // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case\n if (reflowingRef.current) {\n if (prevInlineSizeRef.current < inlineSize) {\n nextReflowing = false;\n }\n } else {\n const scrollWidth = target.scrollWidth;\n if (inlineSize < scrollWidth) {\n nextReflowing = true;\n }\n }\n\n prevInlineSizeRef.current = inlineSize;\n if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {\n reflowingRef.current = nextReflowing;\n forceUpdate();\n }\n },\n [forceUpdate],\n );\n\n const ref = React.useCallback(\n (el: HTMLElement | null) => {\n if (!enabled || !el || !targetDocument?.defaultView) {\n return;\n }\n\n resizeObserverRef.current?.disconnect();\n\n const win = targetDocument.defaultView;\n const resizeObserver = new win.ResizeObserver(handleResize);\n resizeObserverRef.current = resizeObserver;\n resizeObserver.observe(el, { box: 'border-box' });\n },\n [targetDocument, handleResize, enabled],\n );\n\n React.useEffect(() => {\n return () => {\n resizeObserverRef.current?.disconnect();\n };\n }, []);\n\n return { ref, reflowing: reflowingRef.current };\n}\n"],"names":["React","useFluent_unstable","useFluent","isHTMLElement","useMessageBarReflow","enabled","targetDocument","forceUpdate","useReducer","reflowingRef","useRef","resizeObserverRef","prevInlineSizeRef","handleResize","useCallback","entries","process","env","NODE_ENV","length","console","error","join","entry","borderBoxSize","inlineSize","target","nextReflowing","current","scrollWidth","ref","el","defaultView","disconnect","win","resizeObserver","ResizeObserver","observe","box","useEffect","reflowing"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,OAAO,SAASC,oBAAoBC,UAAmB,KAAK;IAC1D,MAAM,EAAEC,cAAc,EAAE,GAAGJ;IAC3B,MAAMK,cAAcP,MAAMQ,UAAU,CAAC,IAAO,CAAA,CAAC,CAAA,GAAI,CAAC,EAAE,CAAC,EAAE;IACvD,MAAMC,eAAeT,MAAMU,MAAM,CAAC;IAClC,MAAMC,oBAAoBX,MAAMU,MAAM,CAAwB;IAC9D,MAAME,oBAAoBZ,MAAMU,MAAM,CAAC,CAAC;IAExC,MAAMG,eAAuCb,MAAMc,WAAW,CAC5DC,CAAAA;QACE,uFAAuF;QACvF,wEAAwE;QACxE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBH,QAAQI,MAAM,GAAG,GAAG;YAC/D,sCAAsC;YACtCC,QAAQC,KAAK,CACX;gBACE;gBACA;gBACA;aACD,CAACC,IAAI,CAAC;QAEX;QAEA,MAAMC,QAAQR,OAAO,CAAC,EAAE;QACxB,MAAMS,gBAAgBD,kBAAAA,4BAAAA,MAAOC,aAAa,CAAC,EAAE;QAC7C,IAAI,CAACA,iBAAiB,CAACD,OAAO;YAC5B;QACF;QAEA,MAAM,EAAEE,UAAU,EAAE,GAAGD;QACvB,MAAM,EAAEE,MAAM,EAAE,GAAGH;QAEnB,IAAI,CAACpB,cAAcuB,SAAS;YAC1B;QACF;QAEA,IAAIC;QAEJ,uEAAuE;QACvE,yEAAyE;QACzE,iHAAiH;QACjH,IAAIlB,aAAamB,OAAO,EAAE;YACxB,IAAIhB,kBAAkBgB,OAAO,GAAGH,YAAY;gBAC1CE,gBAAgB;YAClB;QACF,OAAO;YACL,MAAME,cAAcH,OAAOG,WAAW;YACtC,IAAIJ,aAAaI,aAAa;gBAC5BF,gBAAgB;YAClB;QACF;QAEAf,kBAAkBgB,OAAO,GAAGH;QAC5B,IAAI,OAAOE,kBAAkB,eAAelB,aAAamB,OAAO,KAAKD,eAAe;YAClFlB,aAAamB,OAAO,GAAGD;YACvBpB;QACF;IACF,GACA;QAACA;KAAY;IAGf,MAAMuB,MAAM9B,MAAMc,WAAW,CAC3B,CAACiB;YAKCpB;QAJA,IAAI,CAACN,WAAW,CAAC0B,MAAM,EAACzB,2BAAAA,qCAAAA,eAAgB0B,WAAW,GAAE;YACnD;QACF;SAEArB,6BAAAA,kBAAkBiB,OAAO,cAAzBjB,iDAAAA,2BAA2BsB,UAAU;QAErC,MAAMC,MAAM5B,eAAe0B,WAAW;QACtC,MAAMG,iBAAiB,IAAID,IAAIE,cAAc,CAACvB;QAC9CF,kBAAkBiB,OAAO,GAAGO;QAC5BA,eAAeE,OAAO,CAACN,IAAI;YAAEO,KAAK;QAAa;IACjD,GACA;QAAChC;QAAgBO;QAAcR;KAAQ;IAGzCL,MAAMuC,SAAS,CAAC;QACd,OAAO;gBACL5B;aAAAA,6BAAAA,kBAAkBiB,OAAO,cAAzBjB,iDAAAA,2BAA2BsB,UAAU;QACvC;IACF,GAAG,EAAE;IAEL,OAAO;QAAEH;QAAKU,WAAW/B,aAAamB,OAAO;IAAC;AAChD"}
|
|
1
|
+
{"version":3,"sources":["useMessageBarReflow.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement } from '@fluentui/react-utilities';\n\nexport function useMessageBarReflow(enabled: boolean = false) {\n const { targetDocument } = useFluent();\n const forceUpdate = React.useReducer(() => ({}), {})[1];\n const reflowingRef = React.useRef(false);\n // TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286\n // eslint-disable-next-line no-restricted-globals\n const resizeObserverRef = React.useRef<ResizeObserver | null>(null);\n const prevInlineSizeRef = React.useRef(-1);\n\n const handleResize: ResizeObserverCallback = React.useCallback(\n entries => {\n // Resize observer is only owned by this component - one resize observer entry expected\n // No need to support multiple fragments - one border box entry expected\n if (process.env.NODE_ENV !== 'production' && entries.length > 1) {\n // eslint-disable-next-line no-console\n console.error(\n [\n 'useMessageBarReflow: Resize observer should only have one entry. ',\n 'If multiple entries are observed, the first entry will be used.',\n 'This is a bug, please report it to the Fluent UI team.',\n ].join(' '),\n );\n }\n\n const entry = entries[0];\n const borderBoxSize = entry?.borderBoxSize[0];\n if (!borderBoxSize || !entry) {\n return;\n }\n\n const { inlineSize } = borderBoxSize;\n const { target } = entry;\n\n if (!isHTMLElement(target)) {\n return;\n }\n\n let nextReflowing: boolean | undefined;\n\n // No easy way to really determine when the single line layout will fit\n // Just keep try to set single line layout as long as the size is growing\n // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case\n if (reflowingRef.current) {\n if (prevInlineSizeRef.current < inlineSize) {\n nextReflowing = false;\n }\n } else {\n const scrollWidth = target.scrollWidth;\n if (inlineSize < scrollWidth) {\n nextReflowing = true;\n }\n }\n\n prevInlineSizeRef.current = inlineSize;\n if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {\n reflowingRef.current = nextReflowing;\n forceUpdate();\n }\n },\n [forceUpdate],\n );\n\n const ref = React.useCallback(\n (el: HTMLElement | null) => {\n if (!enabled || !el || !targetDocument?.defaultView) {\n return;\n }\n\n resizeObserverRef.current?.disconnect();\n\n const win = targetDocument.defaultView;\n const resizeObserver = new win.ResizeObserver(handleResize);\n resizeObserverRef.current = resizeObserver;\n resizeObserver.observe(el, { box: 'border-box' });\n },\n [targetDocument, handleResize, enabled],\n );\n\n React.useEffect(() => {\n return () => {\n resizeObserverRef.current?.disconnect();\n };\n }, []);\n\n return { ref, reflowing: reflowingRef.current };\n}\n"],"names":["React","useFluent_unstable","useFluent","isHTMLElement","useMessageBarReflow","enabled","targetDocument","forceUpdate","useReducer","reflowingRef","useRef","resizeObserverRef","prevInlineSizeRef","handleResize","useCallback","entries","process","env","NODE_ENV","length","console","error","join","entry","borderBoxSize","inlineSize","target","nextReflowing","current","scrollWidth","ref","el","defaultView","disconnect","win","resizeObserver","ResizeObserver","observe","box","useEffect","reflowing"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,aAAa,QAAQ,4BAA4B;AAE1D,OAAO,SAASC,oBAAoBC,UAAmB,KAAK;IAC1D,MAAM,EAAEC,cAAc,EAAE,GAAGJ;IAC3B,MAAMK,cAAcP,MAAMQ,UAAU,CAAC,IAAO,CAAA,CAAC,CAAA,GAAI,CAAC,EAAE,CAAC,EAAE;IACvD,MAAMC,eAAeT,MAAMU,MAAM,CAAC;IAClC,8FAA8F;IAC9F,iDAAiD;IACjD,MAAMC,oBAAoBX,MAAMU,MAAM,CAAwB;IAC9D,MAAME,oBAAoBZ,MAAMU,MAAM,CAAC,CAAC;IAExC,MAAMG,eAAuCb,MAAMc,WAAW,CAC5DC,CAAAA;QACE,uFAAuF;QACvF,wEAAwE;QACxE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBH,QAAQI,MAAM,GAAG,GAAG;YAC/D,sCAAsC;YACtCC,QAAQC,KAAK,CACX;gBACE;gBACA;gBACA;aACD,CAACC,IAAI,CAAC;QAEX;QAEA,MAAMC,QAAQR,OAAO,CAAC,EAAE;QACxB,MAAMS,gBAAgBD,kBAAAA,4BAAAA,MAAOC,aAAa,CAAC,EAAE;QAC7C,IAAI,CAACA,iBAAiB,CAACD,OAAO;YAC5B;QACF;QAEA,MAAM,EAAEE,UAAU,EAAE,GAAGD;QACvB,MAAM,EAAEE,MAAM,EAAE,GAAGH;QAEnB,IAAI,CAACpB,cAAcuB,SAAS;YAC1B;QACF;QAEA,IAAIC;QAEJ,uEAAuE;QACvE,yEAAyE;QACzE,iHAAiH;QACjH,IAAIlB,aAAamB,OAAO,EAAE;YACxB,IAAIhB,kBAAkBgB,OAAO,GAAGH,YAAY;gBAC1CE,gBAAgB;YAClB;QACF,OAAO;YACL,MAAME,cAAcH,OAAOG,WAAW;YACtC,IAAIJ,aAAaI,aAAa;gBAC5BF,gBAAgB;YAClB;QACF;QAEAf,kBAAkBgB,OAAO,GAAGH;QAC5B,IAAI,OAAOE,kBAAkB,eAAelB,aAAamB,OAAO,KAAKD,eAAe;YAClFlB,aAAamB,OAAO,GAAGD;YACvBpB;QACF;IACF,GACA;QAACA;KAAY;IAGf,MAAMuB,MAAM9B,MAAMc,WAAW,CAC3B,CAACiB;YAKCpB;QAJA,IAAI,CAACN,WAAW,CAAC0B,MAAM,EAACzB,2BAAAA,qCAAAA,eAAgB0B,WAAW,GAAE;YACnD;QACF;SAEArB,6BAAAA,kBAAkBiB,OAAO,cAAzBjB,iDAAAA,2BAA2BsB,UAAU;QAErC,MAAMC,MAAM5B,eAAe0B,WAAW;QACtC,MAAMG,iBAAiB,IAAID,IAAIE,cAAc,CAACvB;QAC9CF,kBAAkBiB,OAAO,GAAGO;QAC5BA,eAAeE,OAAO,CAACN,IAAI;YAAEO,KAAK;QAAa;IACjD,GACA;QAAChC;QAAgBO;QAAcR;KAAQ;IAGzCL,MAAMuC,SAAS,CAAC;QACd,OAAO;gBACL5B;aAAAA,6BAAAA,kBAAkBiB,OAAO,cAAzBjB,iDAAAA,2BAA2BsB,UAAU;QACvC;IACF,GAAG,EAAE;IAEL,OAAO;QAAEH;QAAKU,WAAW/B,aAAamB,OAAO;IAAC;AAChD"}
|
|
@@ -23,13 +23,16 @@ const useStyles = /*#__PURE__*/__styles({
|
|
|
23
23
|
t21cq0: ["fibjyge", "f9yszdx"]
|
|
24
24
|
},
|
|
25
25
|
square: {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
Beyfa6y: 0,
|
|
27
|
+
Bbmb7ep: 0,
|
|
28
|
+
Btl43ni: 0,
|
|
29
|
+
B7oj6ja: 0,
|
|
30
|
+
Dimara: "fokr779"
|
|
30
31
|
}
|
|
31
32
|
}, {
|
|
32
|
-
d: [".f6juhto{white-space:normal;}", ".f1s2louj{align-items:start;}", ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}", ".f17g0uqy{grid-template-columns:auto 1fr auto;}", ".f1w7oly7{grid-template-areas:\"icon body actions\" \"secondaryActions secondaryActions secondaryActions\";}", ".f1e8xxv9{justify-content:end;}", ".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}", ".fqcjy3b{margin-bottom:var(--spacingVerticalS);}", ".fibjyge{margin-right:0px;}", ".f9yszdx{margin-left:0px;}", ".
|
|
33
|
+
d: [".f6juhto{white-space:normal;}", ".f1s2louj{align-items:start;}", ".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}", ".f17g0uqy{grid-template-columns:auto 1fr auto;}", ".f1w7oly7{grid-template-areas:\"icon body actions\" \"secondaryActions secondaryActions secondaryActions\";}", ".f1e8xxv9{justify-content:end;}", ".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}", ".fqcjy3b{margin-bottom:var(--spacingVerticalS);}", ".fibjyge{margin-right:0px;}", ".f9yszdx{margin-left:0px;}", [".fokr779{border-radius:0;}", {
|
|
34
|
+
p: -1
|
|
35
|
+
}]]
|
|
33
36
|
});
|
|
34
37
|
const useIconIntentStyles = /*#__PURE__*/__styles({
|
|
35
38
|
info: {},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","messageBarClassNames","root","icon","bottomReflowSpacer","useRootBaseStyles","useIconBaseStyles","useReflowSpacerBaseStyles","useStyles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Bbmb7ep","
|
|
1
|
+
{"version":3,"names":["__resetStyles","__styles","mergeClasses","shorthands","tokens","messageBarClassNames","root","icon","bottomReflowSpacer","useRootBaseStyles","useIconBaseStyles","useReflowSpacerBaseStyles","useStyles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useIconIntentStyles","info","error","sj55zd","warning","success","useRootIntentStyles","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","useMessageBarStyles_unstable","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","reflowSpacerStyles","styles","className","layout","shape","intent","transitionClassName"],"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarClassNames = {\n root: 'fui-MessageBar',\n icon: 'fui-MessageBar__icon',\n bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'\n};\nconst useRootBaseStyles = makeResetStyles({\n whiteSpace: 'nowrap',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr auto auto',\n gridTemplateRows: '1fr',\n gridTemplateAreas: '\"icon body secondaryActions actions\"',\n paddingLeft: tokens.spacingHorizontalM,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderRadius: tokens.borderRadiusMedium,\n alignItems: 'center',\n minHeight: '36px',\n boxSizing: 'border-box',\n backgroundColor: tokens.colorNeutralBackground3\n});\nconst useIconBaseStyles = makeResetStyles({\n gridArea: 'icon',\n fontSize: tokens.fontSizeBase500,\n marginRight: tokens.spacingHorizontalS,\n color: tokens.colorNeutralForeground3,\n display: 'flex',\n alignItems: 'center'\n});\nconst useReflowSpacerBaseStyles = makeResetStyles({\n marginBottom: tokens.spacingVerticalS,\n gridArea: 'secondaryActions'\n});\nconst useStyles = makeStyles({\n rootMultiline: {\n whiteSpace: 'normal',\n alignItems: 'start',\n paddingTop: tokens.spacingVerticalMNudge,\n gridTemplateColumns: 'auto 1fr auto',\n gridTemplateAreas: `\n \"icon body actions\"\n \"secondaryActions secondaryActions secondaryActions\"\n `\n },\n secondaryActionsMultiline: {\n justifyContent: 'end',\n marginTop: tokens.spacingVerticalMNudge,\n marginBottom: tokens.spacingVerticalS,\n marginRight: '0px'\n },\n square: {\n borderRadius: '0'\n }\n});\nconst useIconIntentStyles = makeStyles({\n info: {\n },\n error: {\n color: tokens.colorStatusDangerForeground1\n },\n warning: {\n color: tokens.colorStatusWarningForeground3\n },\n success: {\n color: tokens.colorStatusSuccessForeground1\n }\n});\nconst useRootIntentStyles = makeStyles({\n info: {\n },\n error: {\n backgroundColor: tokens.colorStatusDangerBackground1,\n ...shorthands.borderColor(tokens.colorStatusDangerBorder1)\n },\n warning: {\n backgroundColor: tokens.colorStatusWarningBackground1,\n ...shorthands.borderColor(tokens.colorStatusWarningBorder1)\n },\n success: {\n backgroundColor: tokens.colorStatusSuccessBackground1,\n ...shorthands.borderColor(tokens.colorStatusSuccessBorder1)\n }\n});\n/**\n * Apply styling to the MessageBar slots based on the state\n */ export const useMessageBarStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n const iconBaseStyles = useIconBaseStyles();\n const iconIntentStyles = useIconIntentStyles();\n const rootIntentStyles = useRootIntentStyles();\n const reflowSpacerStyles = useReflowSpacerBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.transitionClassName, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n }\n if (state.bottomReflowSpacer) {\n state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n }\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAAAC,QAAA,EAAsCC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACtF,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,oBAAoB,GAAG;EAChCC,IAAI,EAAE,gBAAgB;EACtBC,IAAI,EAAE,sBAAsB;EAC5BC,kBAAkB,EAAE;AACxB,CAAC;AACD,MAAMC,iBAAiB,gBAAGT,aAAA,01BAazB,CAAC;AACF,MAAMU,iBAAiB,gBAAGV,aAAA,4WAOzB,CAAC;AACF,MAAMW,yBAAyB,gBAAGX,aAAA,mGAGjC,CAAC;AACF,MAAMY,SAAS,gBAAGX,QAAA;EAAAY,aAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,yBAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAoBjB,CAAC;AACF,MAAMC,mBAAmB,gBAAG/B,QAAA;EAAAgC,IAAA;EAAAC,KAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAD,MAAA;EAAA;EAAAE,OAAA;IAAAF,MAAA;EAAA;AAAA;EAAAL,CAAA;AAAA,CAY3B,CAAC;AACF,MAAMQ,mBAAmB,gBAAGrC,QAAA;EAAAgC,IAAA;EAAAC,KAAA;IAAAK,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAP,OAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAN,OAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAb,CAAA;AAAA,CAe3B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMc,4BAA4B,GAAIC,KAAK,IAAG;EACrD,MAAMC,cAAc,GAAGrC,iBAAiB,CAAC,CAAC;EAC1C,MAAMsC,cAAc,GAAGrC,iBAAiB,CAAC,CAAC;EAC1C,MAAMsC,gBAAgB,GAAGhB,mBAAmB,CAAC,CAAC;EAC9C,MAAMiB,gBAAgB,GAAGX,mBAAmB,CAAC,CAAC;EAC9C,MAAMY,kBAAkB,GAAGvC,yBAAyB,CAAC,CAAC;EACtD,MAAMwC,MAAM,GAAGvC,SAAS,CAAC,CAAC;EAC1BiC,KAAK,CAACvC,IAAI,CAAC8C,SAAS,GAAGlD,YAAY,CAACG,oBAAoB,CAACC,IAAI,EAAEwC,cAAc,EAAED,KAAK,CAACQ,MAAM,KAAK,WAAW,IAAIF,MAAM,CAACtC,aAAa,EAAEgC,KAAK,CAACS,KAAK,KAAK,QAAQ,IAAIH,MAAM,CAAC3B,MAAM,EAAEyB,gBAAgB,CAACJ,KAAK,CAACU,MAAM,CAAC,EAAEV,KAAK,CAACW,mBAAmB,EAAEX,KAAK,CAACvC,IAAI,CAAC8C,SAAS,CAAC;EAChQ,IAAIP,KAAK,CAACtC,IAAI,EAAE;IACZsC,KAAK,CAACtC,IAAI,CAAC6C,SAAS,GAAGlD,YAAY,CAACG,oBAAoB,CAACE,IAAI,EAAEwC,cAAc,EAAEC,gBAAgB,CAACH,KAAK,CAACU,MAAM,CAAC,EAAEV,KAAK,CAACtC,IAAI,CAAC6C,SAAS,CAAC;EACxI;EACA,IAAIP,KAAK,CAACrC,kBAAkB,EAAE;IAC1BqC,KAAK,CAACrC,kBAAkB,CAAC4C,SAAS,GAAGlD,YAAY,CAACG,oBAAoB,CAACG,kBAAkB,EAAE0C,kBAAkB,CAAC;EAClH;EACA,OAAOL,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -16,6 +16,8 @@ function useMessageBarReflow(enabled = false) {
|
|
|
16
16
|
const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
|
|
17
17
|
const forceUpdate = _react.useReducer(()=>({}), {})[1];
|
|
18
18
|
const reflowingRef = _react.useRef(false);
|
|
19
|
+
// TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286
|
|
20
|
+
// eslint-disable-next-line no-restricted-globals
|
|
19
21
|
const resizeObserverRef = _react.useRef(null);
|
|
20
22
|
const prevInlineSizeRef = _react.useRef(-1);
|
|
21
23
|
const handleResize = _react.useCallback((entries)=>{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarReflow.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement } from '@fluentui/react-utilities';\nexport function useMessageBarReflow(enabled = false) {\n const { targetDocument } = useFluent();\n const forceUpdate = React.useReducer(()=>({}), {})[1];\n const reflowingRef = React.useRef(false);\n const resizeObserverRef = React.useRef(null);\n const prevInlineSizeRef = React.useRef(-1);\n const handleResize = React.useCallback((entries)=>{\n // Resize observer is only owned by this component - one resize observer entry expected\n // No need to support multiple fragments - one border box entry expected\n if (process.env.NODE_ENV !== 'production' && entries.length > 1) {\n // eslint-disable-next-line no-console\n console.error([\n 'useMessageBarReflow: Resize observer should only have one entry. ',\n 'If multiple entries are observed, the first entry will be used.',\n 'This is a bug, please report it to the Fluent UI team.'\n ].join(' '));\n }\n const entry = entries[0];\n const borderBoxSize = entry === null || entry === void 0 ? void 0 : entry.borderBoxSize[0];\n if (!borderBoxSize || !entry) {\n return;\n }\n const { inlineSize } = borderBoxSize;\n const { target } = entry;\n if (!isHTMLElement(target)) {\n return;\n }\n let nextReflowing;\n // No easy way to really determine when the single line layout will fit\n // Just keep try to set single line layout as long as the size is growing\n // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case\n if (reflowingRef.current) {\n if (prevInlineSizeRef.current < inlineSize) {\n nextReflowing = false;\n }\n } else {\n const scrollWidth = target.scrollWidth;\n if (inlineSize < scrollWidth) {\n nextReflowing = true;\n }\n }\n prevInlineSizeRef.current = inlineSize;\n if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {\n reflowingRef.current = nextReflowing;\n forceUpdate();\n }\n }, [\n forceUpdate\n ]);\n const ref = React.useCallback((el)=>{\n var _resizeObserverRef_current;\n if (!enabled || !el || !(targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView)) {\n return;\n }\n (_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();\n const win = targetDocument.defaultView;\n const resizeObserver = new win.ResizeObserver(handleResize);\n resizeObserverRef.current = resizeObserver;\n resizeObserver.observe(el, {\n box: 'border-box'\n });\n }, [\n targetDocument,\n handleResize,\n enabled\n ]);\n React.useEffect(()=>{\n return ()=>{\n var _resizeObserverRef_current;\n (_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();\n };\n }, []);\n return {\n ref,\n reflowing: reflowingRef.current\n };\n}\n"],"names":["useMessageBarReflow","enabled","targetDocument","useFluent","forceUpdate","React","useReducer","reflowingRef","useRef","resizeObserverRef","prevInlineSizeRef","handleResize","useCallback","entries","process","env","NODE_ENV","length","console","error","join","entry","borderBoxSize","inlineSize","target","isHTMLElement","nextReflowing","current","scrollWidth","ref","el","_resizeObserverRef_current","defaultView","disconnect","win","resizeObserver","ResizeObserver","observe","box","useEffect","reflowing"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;qCACyB;gCAClB;AACvB,SAASA,oBAAoBC,UAAU,KAAK;IAC/C,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAMC,cAAcC,OAAMC,UAAU,CAAC,IAAK,CAAA,CAAC,CAAA,GAAI,CAAC,EAAE,CAAC,EAAE;IACrD,MAAMC,eAAeF,OAAMG,MAAM,CAAC;IAClC,MAAMC,oBAAoBJ,OAAMG,MAAM,CAAC;IACvC,MAAME,oBAAoBL,OAAMG,MAAM,CAAC,CAAC;IACxC,MAAMG,eAAeN,OAAMO,WAAW,CAAC,CAACC;QACpC,uFAAuF;QACvF,wEAAwE;QACxE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBH,QAAQI,MAAM,GAAG,GAAG;YAC7D,sCAAsC;YACtCC,QAAQC,KAAK,CAAC;gBACV;gBACA;gBACA;aACH,CAACC,IAAI,CAAC;QACX;QACA,MAAMC,QAAQR,OAAO,CAAC,EAAE;QACxB,MAAMS,gBAAgBD,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMC,aAAa,CAAC,EAAE;QAC1F,IAAI,CAACA,iBAAiB,CAACD,OAAO;YAC1B;QACJ;QACA,MAAM,EAAEE,UAAU,EAAE,GAAGD;QACvB,MAAM,EAAEE,MAAM,EAAE,GAAGH;QACnB,IAAI,CAACI,IAAAA,6BAAa,EAACD,SAAS;YACxB;QACJ;QACA,IAAIE;QACJ,uEAAuE;QACvE,yEAAyE;QACzE,iHAAiH;QACjH,IAAInB,aAAaoB,OAAO,EAAE;YACtB,IAAIjB,kBAAkBiB,OAAO,GAAGJ,YAAY;gBACxCG,gBAAgB;YACpB;QACJ,OAAO;YACH,MAAME,cAAcJ,OAAOI,WAAW;YACtC,IAAIL,aAAaK,aAAa;gBAC1BF,gBAAgB;YACpB;QACJ;QACAhB,kBAAkBiB,OAAO,GAAGJ;QAC5B,IAAI,OAAOG,kBAAkB,eAAenB,aAAaoB,OAAO,KAAKD,eAAe;YAChFnB,aAAaoB,OAAO,GAAGD;YACvBtB;QACJ;IACJ,GAAG;QACCA;KACH;IACD,MAAMyB,MAAMxB,OAAMO,WAAW,CAAC,CAACkB;QAC3B,IAAIC;QACJ,IAAI,CAAC9B,WAAW,CAAC6B,MAAM,CAAE5B,CAAAA,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe8B,WAAW,AAAD,GAAI;YAClH;QACJ;QACCD,CAAAA,6BAA6BtB,kBAAkBkB,OAAO,AAAD,MAAO,QAAQI,+BAA+B,KAAK,IAAI,KAAK,IAAIA,2BAA2BE,UAAU;QAC3J,MAAMC,MAAMhC,eAAe8B,WAAW;QACtC,MAAMG,iBAAiB,IAAID,IAAIE,cAAc,CAACzB;QAC9CF,kBAAkBkB,OAAO,GAAGQ;QAC5BA,eAAeE,OAAO,CAACP,IAAI;YACvBQ,KAAK;QACT;IACJ,GAAG;QACCpC;QACAS;QACAV;KACH;IACDI,OAAMkC,SAAS,CAAC;QACZ,OAAO;YACH,IAAIR;YACHA,CAAAA,6BAA6BtB,kBAAkBkB,OAAO,AAAD,MAAO,QAAQI,+BAA+B,KAAK,IAAI,KAAK,IAAIA,2BAA2BE,UAAU;QAC/J;IACJ,GAAG,EAAE;IACL,OAAO;QACHJ;QACAW,WAAWjC,aAAaoB,OAAO;IACnC;AACJ"}
|
|
1
|
+
{"version":3,"sources":["useMessageBarReflow.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement } from '@fluentui/react-utilities';\nexport function useMessageBarReflow(enabled = false) {\n const { targetDocument } = useFluent();\n const forceUpdate = React.useReducer(()=>({}), {})[1];\n const reflowingRef = React.useRef(false);\n // TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286\n // eslint-disable-next-line no-restricted-globals\n const resizeObserverRef = React.useRef(null);\n const prevInlineSizeRef = React.useRef(-1);\n const handleResize = React.useCallback((entries)=>{\n // Resize observer is only owned by this component - one resize observer entry expected\n // No need to support multiple fragments - one border box entry expected\n if (process.env.NODE_ENV !== 'production' && entries.length > 1) {\n // eslint-disable-next-line no-console\n console.error([\n 'useMessageBarReflow: Resize observer should only have one entry. ',\n 'If multiple entries are observed, the first entry will be used.',\n 'This is a bug, please report it to the Fluent UI team.'\n ].join(' '));\n }\n const entry = entries[0];\n const borderBoxSize = entry === null || entry === void 0 ? void 0 : entry.borderBoxSize[0];\n if (!borderBoxSize || !entry) {\n return;\n }\n const { inlineSize } = borderBoxSize;\n const { target } = entry;\n if (!isHTMLElement(target)) {\n return;\n }\n let nextReflowing;\n // No easy way to really determine when the single line layout will fit\n // Just keep try to set single line layout as long as the size is growing\n // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case\n if (reflowingRef.current) {\n if (prevInlineSizeRef.current < inlineSize) {\n nextReflowing = false;\n }\n } else {\n const scrollWidth = target.scrollWidth;\n if (inlineSize < scrollWidth) {\n nextReflowing = true;\n }\n }\n prevInlineSizeRef.current = inlineSize;\n if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {\n reflowingRef.current = nextReflowing;\n forceUpdate();\n }\n }, [\n forceUpdate\n ]);\n const ref = React.useCallback((el)=>{\n var _resizeObserverRef_current;\n if (!enabled || !el || !(targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView)) {\n return;\n }\n (_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();\n const win = targetDocument.defaultView;\n const resizeObserver = new win.ResizeObserver(handleResize);\n resizeObserverRef.current = resizeObserver;\n resizeObserver.observe(el, {\n box: 'border-box'\n });\n }, [\n targetDocument,\n handleResize,\n enabled\n ]);\n React.useEffect(()=>{\n return ()=>{\n var _resizeObserverRef_current;\n (_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();\n };\n }, []);\n return {\n ref,\n reflowing: reflowingRef.current\n };\n}\n"],"names":["useMessageBarReflow","enabled","targetDocument","useFluent","forceUpdate","React","useReducer","reflowingRef","useRef","resizeObserverRef","prevInlineSizeRef","handleResize","useCallback","entries","process","env","NODE_ENV","length","console","error","join","entry","borderBoxSize","inlineSize","target","isHTMLElement","nextReflowing","current","scrollWidth","ref","el","_resizeObserverRef_current","defaultView","disconnect","win","resizeObserver","ResizeObserver","observe","box","useEffect","reflowing"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;qCACyB;gCAClB;AACvB,SAASA,oBAAoBC,UAAU,KAAK;IAC/C,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAS;IACpC,MAAMC,cAAcC,OAAMC,UAAU,CAAC,IAAK,CAAA,CAAC,CAAA,GAAI,CAAC,EAAE,CAAC,EAAE;IACrD,MAAMC,eAAeF,OAAMG,MAAM,CAAC;IAClC,8FAA8F;IAC9F,iDAAiD;IACjD,MAAMC,oBAAoBJ,OAAMG,MAAM,CAAC;IACvC,MAAME,oBAAoBL,OAAMG,MAAM,CAAC,CAAC;IACxC,MAAMG,eAAeN,OAAMO,WAAW,CAAC,CAACC;QACpC,uFAAuF;QACvF,wEAAwE;QACxE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBH,QAAQI,MAAM,GAAG,GAAG;YAC7D,sCAAsC;YACtCC,QAAQC,KAAK,CAAC;gBACV;gBACA;gBACA;aACH,CAACC,IAAI,CAAC;QACX;QACA,MAAMC,QAAQR,OAAO,CAAC,EAAE;QACxB,MAAMS,gBAAgBD,UAAU,QAAQA,UAAU,KAAK,IAAI,KAAK,IAAIA,MAAMC,aAAa,CAAC,EAAE;QAC1F,IAAI,CAACA,iBAAiB,CAACD,OAAO;YAC1B;QACJ;QACA,MAAM,EAAEE,UAAU,EAAE,GAAGD;QACvB,MAAM,EAAEE,MAAM,EAAE,GAAGH;QACnB,IAAI,CAACI,IAAAA,6BAAa,EAACD,SAAS;YACxB;QACJ;QACA,IAAIE;QACJ,uEAAuE;QACvE,yEAAyE;QACzE,iHAAiH;QACjH,IAAInB,aAAaoB,OAAO,EAAE;YACtB,IAAIjB,kBAAkBiB,OAAO,GAAGJ,YAAY;gBACxCG,gBAAgB;YACpB;QACJ,OAAO;YACH,MAAME,cAAcJ,OAAOI,WAAW;YACtC,IAAIL,aAAaK,aAAa;gBAC1BF,gBAAgB;YACpB;QACJ;QACAhB,kBAAkBiB,OAAO,GAAGJ;QAC5B,IAAI,OAAOG,kBAAkB,eAAenB,aAAaoB,OAAO,KAAKD,eAAe;YAChFnB,aAAaoB,OAAO,GAAGD;YACvBtB;QACJ;IACJ,GAAG;QACCA;KACH;IACD,MAAMyB,MAAMxB,OAAMO,WAAW,CAAC,CAACkB;QAC3B,IAAIC;QACJ,IAAI,CAAC9B,WAAW,CAAC6B,MAAM,CAAE5B,CAAAA,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAe8B,WAAW,AAAD,GAAI;YAClH;QACJ;QACCD,CAAAA,6BAA6BtB,kBAAkBkB,OAAO,AAAD,MAAO,QAAQI,+BAA+B,KAAK,IAAI,KAAK,IAAIA,2BAA2BE,UAAU;QAC3J,MAAMC,MAAMhC,eAAe8B,WAAW;QACtC,MAAMG,iBAAiB,IAAID,IAAIE,cAAc,CAACzB;QAC9CF,kBAAkBkB,OAAO,GAAGQ;QAC5BA,eAAeE,OAAO,CAACP,IAAI;YACvBQ,KAAK;QACT;IACJ,GAAG;QACCpC;QACAS;QACAV;KACH;IACDI,OAAMkC,SAAS,CAAC;QACZ,OAAO;YACH,IAAIR;YACHA,CAAAA,6BAA6BtB,kBAAkBkB,OAAO,AAAD,MAAO,QAAQI,+BAA+B,KAAK,IAAI,KAAK,IAAIA,2BAA2BE,UAAU;QAC/J;IACJ,GAAG,EAAE;IACL,OAAO;QACHJ;QACAW,WAAWjC,aAAaoB,OAAO;IACnC;AACJ"}
|
|
@@ -51,22 +51,11 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
51
51
|
]
|
|
52
52
|
},
|
|
53
53
|
square: {
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
"f1deotkl",
|
|
60
|
-
"f1krrbdw"
|
|
61
|
-
],
|
|
62
|
-
B7oj6ja: [
|
|
63
|
-
"f10ostut",
|
|
64
|
-
"f1ozlkrg"
|
|
65
|
-
],
|
|
66
|
-
Btl43ni: [
|
|
67
|
-
"f1ozlkrg",
|
|
68
|
-
"f10ostut"
|
|
69
|
-
]
|
|
54
|
+
Beyfa6y: 0,
|
|
55
|
+
Bbmb7ep: 0,
|
|
56
|
+
Btl43ni: 0,
|
|
57
|
+
B7oj6ja: 0,
|
|
58
|
+
Dimara: "fokr779"
|
|
70
59
|
}
|
|
71
60
|
}, {
|
|
72
61
|
d: [
|
|
@@ -80,10 +69,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
80
69
|
".fqcjy3b{margin-bottom:var(--spacingVerticalS);}",
|
|
81
70
|
".fibjyge{margin-right:0px;}",
|
|
82
71
|
".f9yszdx{margin-left:0px;}",
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
72
|
+
[
|
|
73
|
+
".fokr779{border-radius:0;}",
|
|
74
|
+
{
|
|
75
|
+
p: -1
|
|
76
|
+
}
|
|
77
|
+
]
|
|
87
78
|
]
|
|
88
79
|
});
|
|
89
80
|
const useIconIntentStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarClassNames = {\n root: 'fui-MessageBar',\n icon: 'fui-MessageBar__icon',\n bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"r2oyxsj\", \"r1wuyrhw\", [\".r2oyxsj{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-left:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\", \".r1wuyrhw{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-right:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\"]);\nconst useIconBaseStyles = /*#__PURE__*/__resetStyles(\"r1df1z33\", \"rivnfjc\", [\".r1df1z33{grid-area:icon;font-size:var(--fontSizeBase500);margin-right:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\", \".rivnfjc{grid-area:icon;font-size:var(--fontSizeBase500);margin-left:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\"]);\nconst useReflowSpacerBaseStyles = /*#__PURE__*/__resetStyles(\"r1vx593n\", null, [\".r1vx593n{margin-bottom:var(--spacingVerticalS);grid-area:secondaryActions;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n rootMultiline: {\n Huce71: \"f6juhto\",\n Bt984gj: \"f1s2louj\",\n z8tnut: \"f1ngh7ph\",\n Budl1dq: \"f17g0uqy\",\n zoa1oz: \"f1w7oly7\"\n },\n secondaryActionsMultiline: {\n Brf1p80: \"f1e8xxv9\",\n B6of3ja: \"f1gaxbfw\",\n jrapky: \"fqcjy3b\",\n t21cq0: [\"fibjyge\", \"f9yszdx\"]\n },\n square: {\n Bbmb7ep:
|
|
1
|
+
{"version":3,"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarClassNames = {\n root: 'fui-MessageBar',\n icon: 'fui-MessageBar__icon',\n bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'\n};\nconst useRootBaseStyles = /*#__PURE__*/__resetStyles(\"r2oyxsj\", \"r1wuyrhw\", [\".r2oyxsj{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-left:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\", \".r1wuyrhw{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-right:var(--spacingHorizontalM);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}\"]);\nconst useIconBaseStyles = /*#__PURE__*/__resetStyles(\"r1df1z33\", \"rivnfjc\", [\".r1df1z33{grid-area:icon;font-size:var(--fontSizeBase500);margin-right:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\", \".rivnfjc{grid-area:icon;font-size:var(--fontSizeBase500);margin-left:var(--spacingHorizontalS);color:var(--colorNeutralForeground3);display:flex;align-items:center;}\"]);\nconst useReflowSpacerBaseStyles = /*#__PURE__*/__resetStyles(\"r1vx593n\", null, [\".r1vx593n{margin-bottom:var(--spacingVerticalS);grid-area:secondaryActions;}\"]);\nconst useStyles = /*#__PURE__*/__styles({\n rootMultiline: {\n Huce71: \"f6juhto\",\n Bt984gj: \"f1s2louj\",\n z8tnut: \"f1ngh7ph\",\n Budl1dq: \"f17g0uqy\",\n zoa1oz: \"f1w7oly7\"\n },\n secondaryActionsMultiline: {\n Brf1p80: \"f1e8xxv9\",\n B6of3ja: \"f1gaxbfw\",\n jrapky: \"fqcjy3b\",\n t21cq0: [\"fibjyge\", \"f9yszdx\"]\n },\n square: {\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"fokr779\"\n }\n}, {\n d: [\".f6juhto{white-space:normal;}\", \".f1s2louj{align-items:start;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f17g0uqy{grid-template-columns:auto 1fr auto;}\", \".f1w7oly7{grid-template-areas:\\\"icon body actions\\\" \\\"secondaryActions secondaryActions secondaryActions\\\";}\", \".f1e8xxv9{justify-content:end;}\", \".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}\", \".fqcjy3b{margin-bottom:var(--spacingVerticalS);}\", \".fibjyge{margin-right:0px;}\", \".f9yszdx{margin-left:0px;}\", [\".fokr779{border-radius:0;}\", {\n p: -1\n }]]\n});\nconst useIconIntentStyles = /*#__PURE__*/__styles({\n info: {},\n error: {\n sj55zd: \"f1ca9wz\"\n },\n warning: {\n sj55zd: \"f14a4cve\"\n },\n success: {\n sj55zd: \"f36rra6\"\n }\n}, {\n d: [\".f1ca9wz{color:var(--colorStatusDangerForeground1);}\", \".f14a4cve{color:var(--colorStatusWarningForeground3);}\", \".f36rra6{color:var(--colorStatusSuccessForeground1);}\"]\n});\nconst useRootIntentStyles = /*#__PURE__*/__styles({\n info: {},\n error: {\n De3pzq: \"f1eon7jj\",\n g2u3we: \"f1f8dvr7\",\n h3c5rm: [\"f1g1ijmo\", \"f1nxacbt\"],\n B9xav0g: \"fo25q1j\",\n zhjwy3: [\"f1nxacbt\", \"f1g1ijmo\"]\n },\n warning: {\n De3pzq: \"f13ftzij\",\n g2u3we: \"frd1ypx\",\n h3c5rm: [\"f1gyjrma\", \"f18qd5xz\"],\n B9xav0g: \"fqyqtrt\",\n zhjwy3: [\"f18qd5xz\", \"f1gyjrma\"]\n },\n success: {\n De3pzq: \"f64thcm\",\n g2u3we: \"f1b4u7v\",\n h3c5rm: [\"f1nyd2b1\", \"f70v3om\"],\n B9xav0g: \"fk173vo\",\n zhjwy3: [\"f70v3om\", \"f1nyd2b1\"]\n }\n}, {\n d: [\".f1eon7jj{background-color:var(--colorStatusDangerBackground1);}\", \".f1f8dvr7{border-top-color:var(--colorStatusDangerBorder1);}\", \".f1g1ijmo{border-right-color:var(--colorStatusDangerBorder1);}\", \".f1nxacbt{border-left-color:var(--colorStatusDangerBorder1);}\", \".fo25q1j{border-bottom-color:var(--colorStatusDangerBorder1);}\", \".f13ftzij{background-color:var(--colorStatusWarningBackground1);}\", \".frd1ypx{border-top-color:var(--colorStatusWarningBorder1);}\", \".f1gyjrma{border-right-color:var(--colorStatusWarningBorder1);}\", \".f18qd5xz{border-left-color:var(--colorStatusWarningBorder1);}\", \".fqyqtrt{border-bottom-color:var(--colorStatusWarningBorder1);}\", \".f64thcm{background-color:var(--colorStatusSuccessBackground1);}\", \".f1b4u7v{border-top-color:var(--colorStatusSuccessBorder1);}\", \".f1nyd2b1{border-right-color:var(--colorStatusSuccessBorder1);}\", \".f70v3om{border-left-color:var(--colorStatusSuccessBorder1);}\", \".fk173vo{border-bottom-color:var(--colorStatusSuccessBorder1);}\"]\n});\n/**\n * Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n const iconBaseStyles = useIconBaseStyles();\n const iconIntentStyles = useIconIntentStyles();\n const rootIntentStyles = useRootIntentStyles();\n const reflowSpacerStyles = useReflowSpacerBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.transitionClassName, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n }\n if (state.bottomReflowSpacer) {\n state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n }\n return state;\n};\n//# sourceMappingURL=useMessageBarStyles.styles.js.map"],"names":["messageBarClassNames","useMessageBarStyles_unstable","root","icon","bottomReflowSpacer","useRootBaseStyles","__resetStyles","useIconBaseStyles","useReflowSpacerBaseStyles","useStyles","__styles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useIconIntentStyles","info","error","sj55zd","warning","success","useRootIntentStyles","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","reflowSpacerStyles","styles","className","mergeClasses","layout","shape","intent","transitionClassName"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-message-bar",
|
|
3
|
-
"version": "9.2.
|
|
3
|
+
"version": "9.2.2",
|
|
4
4
|
"description": "Fluent UI MessageBar component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -18,10 +18,9 @@
|
|
|
18
18
|
"generate-api": "just-scripts generate-api",
|
|
19
19
|
"lint": "just-scripts lint",
|
|
20
20
|
"start": "yarn storybook",
|
|
21
|
-
"storybook": "
|
|
21
|
+
"storybook": "yarn --cwd ../stories storybook",
|
|
22
22
|
"test": "jest --passWithNoTests",
|
|
23
|
-
"
|
|
24
|
-
"type-check": "tsc -b tsconfig.json"
|
|
23
|
+
"type-check": "just-scripts type-check"
|
|
25
24
|
},
|
|
26
25
|
"devDependencies": {
|
|
27
26
|
"@fluentui/eslint-plugin": "*",
|
|
@@ -31,12 +30,12 @@
|
|
|
31
30
|
"@fluentui/scripts-tasks": "*"
|
|
32
31
|
},
|
|
33
32
|
"dependencies": {
|
|
34
|
-
"@fluentui/react-button": "^9.3.
|
|
33
|
+
"@fluentui/react-button": "^9.3.83",
|
|
35
34
|
"@fluentui/react-icons": "^2.0.239",
|
|
36
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
35
|
+
"@fluentui/react-jsx-runtime": "^9.0.39",
|
|
37
36
|
"@fluentui/react-shared-contexts": "^9.19.0",
|
|
38
37
|
"@fluentui/react-theme": "^9.1.19",
|
|
39
|
-
"@fluentui/react-utilities": "^9.18.
|
|
38
|
+
"@fluentui/react-utilities": "^9.18.10",
|
|
40
39
|
"@griffel/react": "^1.5.22",
|
|
41
40
|
"@swc/helpers": "^0.5.1",
|
|
42
41
|
"react-transition-group": "^4.4.1"
|