@fluentui/react-overflow 9.0.0-beta.1 → 9.0.0-beta.11

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 (43) hide show
  1. package/CHANGELOG.json +330 -1
  2. package/CHANGELOG.md +113 -2
  3. package/dist/index.d.ts +4 -32
  4. package/lib/components/Overflow.js +4 -2
  5. package/lib/components/Overflow.js.map +1 -1
  6. package/lib/components/OverflowItem/OverflowItem.js.map +1 -1
  7. package/lib/components/OverflowItem/OverflowItem.types.js.map +1 -1
  8. package/lib/components/OverflowItem/index.js.map +1 -1
  9. package/lib/constants.js.map +1 -1
  10. package/lib/index.js +1 -1
  11. package/lib/index.js.map +1 -1
  12. package/lib/overflowContext.js +6 -4
  13. package/lib/overflowContext.js.map +1 -1
  14. package/lib/types.js.map +1 -1
  15. package/lib/useIsOverflowGroupVisible.js.map +1 -1
  16. package/lib/useIsOverflowItemVisible.js.map +1 -1
  17. package/lib/useOverflowContainer.js +30 -19
  18. package/lib/useOverflowContainer.js.map +1 -1
  19. package/lib/useOverflowCount.js.map +1 -1
  20. package/lib/useOverflowItem.js +1 -0
  21. package/lib/useOverflowItem.js.map +1 -1
  22. package/lib/useOverflowMenu.js +4 -16
  23. package/lib/useOverflowMenu.js.map +1 -1
  24. package/lib-commonjs/components/Overflow.js +4 -2
  25. package/lib-commonjs/components/Overflow.js.map +1 -1
  26. package/lib-commonjs/components/OverflowItem/OverflowItem.js.map +1 -1
  27. package/lib-commonjs/components/OverflowItem/index.js.map +1 -1
  28. package/lib-commonjs/constants.js.map +1 -1
  29. package/lib-commonjs/index.js +1 -7
  30. package/lib-commonjs/index.js.map +1 -1
  31. package/lib-commonjs/overflowContext.js +6 -4
  32. package/lib-commonjs/overflowContext.js.map +1 -1
  33. package/lib-commonjs/useIsOverflowGroupVisible.js.map +1 -1
  34. package/lib-commonjs/useIsOverflowItemVisible.js.map +1 -1
  35. package/lib-commonjs/useOverflowContainer.js +28 -17
  36. package/lib-commonjs/useOverflowContainer.js.map +1 -1
  37. package/lib-commonjs/useOverflowCount.js.map +1 -1
  38. package/lib-commonjs/useOverflowItem.js +1 -0
  39. package/lib-commonjs/useOverflowItem.js.map +1 -1
  40. package/lib-commonjs/useOverflowMenu.js +4 -17
  41. package/lib-commonjs/useOverflowMenu.js.map +1 -1
  42. package/package.json +13 -11
  43. package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.json CHANGED
@@ -2,7 +2,336 @@
2
2
  "name": "@fluentui/react-overflow",
3
3
  "entries": [
4
4
  {
5
- "date": "Mon, 23 May 2022 12:09:57 GMT",
5
+ "date": "Thu, 13 Oct 2022 10:59:30 GMT",
6
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.11",
7
+ "version": "9.0.0-beta.11",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "lingfangao@hotmail.com",
12
+ "package": "@fluentui/react-overflow",
13
+ "commit": "6440417cb5db157acfb33d9f2c93de9bf7493791",
14
+ "comment": "fix: useOverflowMenu should register overflow menu"
15
+ },
16
+ {
17
+ "author": "olfedias@microsoft.com",
18
+ "package": "@fluentui/react-overflow",
19
+ "commit": "1a527d440e0497ef8046b3ce240492241e7a04ac",
20
+ "comment": "chore: Update Griffel to latest version"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-overflow",
25
+ "comment": "Bump @fluentui/priority-overflow to v9.0.0-beta.3",
26
+ "commit": "cd05c21e62ff37812d614330eb70f97fd978c97a"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-overflow",
31
+ "comment": "Bump @fluentui/react-context-selector to v9.0.4",
32
+ "commit": "cd05c21e62ff37812d614330eb70f97fd978c97a"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-overflow",
37
+ "comment": "Bump @fluentui/react-utilities to v9.1.1",
38
+ "commit": "cd05c21e62ff37812d614330eb70f97fd978c97a"
39
+ }
40
+ ],
41
+ "none": [
42
+ {
43
+ "author": "lingfangao@hotmail.com",
44
+ "package": "@fluentui/react-overflow",
45
+ "commit": "d59683655d4d2a3775df4a2b41a09504cddd72ad",
46
+ "comment": "chore: Add browser e2e tests"
47
+ }
48
+ ]
49
+ }
50
+ },
51
+ {
52
+ "date": "Mon, 03 Oct 2022 22:24:38 GMT",
53
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.10",
54
+ "version": "9.0.0-beta.10",
55
+ "comments": {
56
+ "none": [
57
+ {
58
+ "author": "bernardo.sunderhus@gmail.com",
59
+ "package": "@fluentui/react-overflow",
60
+ "commit": "fa59098280d8187ce9a62a568525694a56782e45",
61
+ "comment": "chore: update package scaffold"
62
+ }
63
+ ]
64
+ }
65
+ },
66
+ {
67
+ "date": "Thu, 15 Sep 2022 09:49:10 GMT",
68
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.10",
69
+ "version": "9.0.0-beta.10",
70
+ "comments": {
71
+ "prerelease": [
72
+ {
73
+ "author": "lingfangao@hotmail.com",
74
+ "package": "@fluentui/react-overflow",
75
+ "commit": "a0cfab0e5f74e3a3bfa9c269fff574295042d7f2",
76
+ "comment": "chore: fix no-context-default-value lint violations"
77
+ },
78
+ {
79
+ "author": "olfedias@microsoft.com",
80
+ "package": "@fluentui/react-overflow",
81
+ "commit": "e610024474cfe5d45f61501a8b6a21daf4c794a2",
82
+ "comment": "chore: Update Griffel to latest version"
83
+ },
84
+ {
85
+ "author": "beachball",
86
+ "package": "@fluentui/react-overflow",
87
+ "comment": "Bump @fluentui/react-context-selector to v9.0.3",
88
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
89
+ },
90
+ {
91
+ "author": "beachball",
92
+ "package": "@fluentui/react-overflow",
93
+ "comment": "Bump @fluentui/react-theme to v9.1.0",
94
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
95
+ },
96
+ {
97
+ "author": "beachball",
98
+ "package": "@fluentui/react-overflow",
99
+ "comment": "Bump @fluentui/react-utilities to v9.1.0",
100
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
101
+ }
102
+ ],
103
+ "none": [
104
+ {
105
+ "author": "martinhochel@microsoft.com",
106
+ "package": "@fluentui/react-overflow",
107
+ "commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
108
+ "comment": "chore: update package scaffold"
109
+ },
110
+ {
111
+ "author": "martinhochel@microsoft.com",
112
+ "package": "@fluentui/react-overflow",
113
+ "commit": "16aa65dcae8f75c6a221225fd0eb43800650ac66",
114
+ "comment": "docs: re-generate api.md files"
115
+ }
116
+ ]
117
+ }
118
+ },
119
+ {
120
+ "date": "Wed, 03 Aug 2022 16:03:52 GMT",
121
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.9",
122
+ "version": "9.0.0-beta.9",
123
+ "comments": {
124
+ "none": [
125
+ {
126
+ "author": "bernardo.sunderhus@gmail.com",
127
+ "package": "@fluentui/react-overflow",
128
+ "commit": "d966ea3d9169f2e8d69f0d2a4daf86fe4ca328d6",
129
+ "comment": "disables eslint rule @fluentui/no-context-default-value for local component context"
130
+ }
131
+ ],
132
+ "prerelease": [
133
+ {
134
+ "author": "miroslav.stastny@microsoft.com",
135
+ "package": "@fluentui/react-overflow",
136
+ "commit": "08563664778fd80284561d3c9d254307a0a32362",
137
+ "comment": "chore: Bump Griffel dependencies"
138
+ }
139
+ ]
140
+ }
141
+ },
142
+ {
143
+ "date": "Thu, 14 Jul 2022 21:21:01 GMT",
144
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.8",
145
+ "version": "9.0.0-beta.8",
146
+ "comments": {
147
+ "prerelease": [
148
+ {
149
+ "author": "Humberto.Morimoto@microsoft.com",
150
+ "package": "@fluentui/react-overflow",
151
+ "commit": "802bc4e3730a88b0fc61b5bf42ef7fc6b6543fe2",
152
+ "comment": "fix: Fixing bad version bump of @fluentui/react-utilities."
153
+ },
154
+ {
155
+ "author": "beachball",
156
+ "package": "@fluentui/react-overflow",
157
+ "comment": "Bump @fluentui/react-context-selector to v9.0.2",
158
+ "commit": "79b513146194367544160f364b0a7dd749ed93e4"
159
+ },
160
+ {
161
+ "author": "beachball",
162
+ "package": "@fluentui/react-overflow",
163
+ "comment": "Bump @fluentui/react-utilities to v9.0.2",
164
+ "commit": "79b513146194367544160f364b0a7dd749ed93e4"
165
+ }
166
+ ]
167
+ }
168
+ },
169
+ {
170
+ "date": "Thu, 14 Jul 2022 17:06:26 GMT",
171
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.7",
172
+ "version": "9.0.0-beta.7",
173
+ "comments": {
174
+ "prerelease": [
175
+ {
176
+ "author": "beachball",
177
+ "package": "@fluentui/react-overflow",
178
+ "comment": "Bump @fluentui/react-context-selector to v9.0.1",
179
+ "commit": "35237381e941c8935b1892c9217096cea3e5601f"
180
+ },
181
+ {
182
+ "author": "beachball",
183
+ "package": "@fluentui/react-overflow",
184
+ "comment": "Bump @fluentui/react-utilities to v9.0.1-0",
185
+ "commit": "35237381e941c8935b1892c9217096cea3e5601f"
186
+ }
187
+ ]
188
+ }
189
+ },
190
+ {
191
+ "date": "Tue, 28 Jun 2022 17:39:50 GMT",
192
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.6",
193
+ "version": "9.0.0-beta.6",
194
+ "comments": {
195
+ "prerelease": [
196
+ {
197
+ "author": "lingfangao@hotmail.com",
198
+ "package": "@fluentui/react-overflow",
199
+ "commit": "3deda1fbbfb6ac2b1ad150d4dc6343f1f7fda85b",
200
+ "comment": "fix: Use caret dependency range for Griffel"
201
+ }
202
+ ]
203
+ }
204
+ },
205
+ {
206
+ "date": "Tue, 28 Jun 2022 15:13:44 GMT",
207
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.5",
208
+ "version": "9.0.0-beta.5",
209
+ "comments": {
210
+ "prerelease": [
211
+ {
212
+ "author": "lingfangao@hotmail.com",
213
+ "package": "@fluentui/react-overflow",
214
+ "commit": "e0aabd850b15adf9c151ebd4e332f7c50ad6cfdf",
215
+ "comment": "Update 9.0.0-rc dependencies to use caret range"
216
+ },
217
+ {
218
+ "author": "olfedias@microsoft.com",
219
+ "package": "@fluentui/react-overflow",
220
+ "commit": "795427199eae1e792f85b6faf0783edfccd3c738",
221
+ "comment": "fix: do not throw in SSR"
222
+ },
223
+ {
224
+ "author": "lingfangao@hotmail.com",
225
+ "package": "@fluentui/react-overflow",
226
+ "commit": "2da4428ae7d6e464c538b7ed10e425ce0e531144",
227
+ "comment": "chore: Mark teams-prg owned APIs with @internal"
228
+ },
229
+ {
230
+ "author": "Humberto.Morimoto@microsoft.com",
231
+ "package": "@fluentui/react-overflow",
232
+ "commit": "ddf16d80c50d80bc07331b478f567629775f2898",
233
+ "comment": "chore: Adding scheduler as a peer dependency since this package has a dependency on @fluentui/react-context-selector."
234
+ },
235
+ {
236
+ "author": "lingfangao@hotmail.com",
237
+ "package": "@fluentui/react-overflow",
238
+ "commit": "675acea49c97f10837ddee9b8c4350ca27750125",
239
+ "comment": "Bump Griffel dependencies"
240
+ },
241
+ {
242
+ "author": "beachball",
243
+ "package": "@fluentui/react-overflow",
244
+ "comment": "Bump @fluentui/priority-overflow to v9.0.0-beta.2",
245
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
246
+ },
247
+ {
248
+ "author": "beachball",
249
+ "package": "@fluentui/react-overflow",
250
+ "comment": "Bump @fluentui/react-context-selector to v9.0.0",
251
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
252
+ },
253
+ {
254
+ "author": "beachball",
255
+ "package": "@fluentui/react-overflow",
256
+ "comment": "Bump @fluentui/react-theme to v9.0.0",
257
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
258
+ },
259
+ {
260
+ "author": "beachball",
261
+ "package": "@fluentui/react-overflow",
262
+ "comment": "Bump @fluentui/react-utilities to v9.0.0",
263
+ "commit": "ba6c5d651559b91c815429c9a9357c4d5a390f3e"
264
+ }
265
+ ],
266
+ "none": [
267
+ {
268
+ "author": "tristan.watanabe@gmail.com",
269
+ "package": "@fluentui/react-overflow",
270
+ "commit": "e0c1dd07dd4772941273c9ac66422bc743fbe7d9",
271
+ "comment": "chore: Move Overflow stories to folder with index entry."
272
+ }
273
+ ]
274
+ }
275
+ },
276
+ {
277
+ "date": "Thu, 23 Jun 2022 14:25:31 GMT",
278
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.4",
279
+ "version": "9.0.0-beta.4",
280
+ "comments": {
281
+ "prerelease": [
282
+ {
283
+ "author": "beachball",
284
+ "package": "@fluentui/react-overflow",
285
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.10",
286
+ "commit": "b00790b7a0ea1473d8c3cc49c7ca0088002957ed"
287
+ }
288
+ ]
289
+ }
290
+ },
291
+ {
292
+ "date": "Tue, 31 May 2022 21:28:40 GMT",
293
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.3",
294
+ "version": "9.0.0-beta.3",
295
+ "comments": {
296
+ "prerelease": [
297
+ {
298
+ "author": "olfedias@microsoft.com",
299
+ "package": "@fluentui/react-overflow",
300
+ "commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
301
+ "comment": "chore: Update Griffel to latest version"
302
+ },
303
+ {
304
+ "author": "beachball",
305
+ "package": "@fluentui/react-overflow",
306
+ "comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.10",
307
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
308
+ },
309
+ {
310
+ "author": "beachball",
311
+ "package": "@fluentui/react-overflow",
312
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-rc.10",
313
+ "commit": "335ebfcfd47005003901b5e319782bfe9ccd89fd"
314
+ }
315
+ ]
316
+ }
317
+ },
318
+ {
319
+ "date": "Mon, 23 May 2022 18:56:51 GMT",
320
+ "tag": "@fluentui/react-overflow_v9.0.0-beta.2",
321
+ "version": "9.0.0-beta.2",
322
+ "comments": {
323
+ "prerelease": [
324
+ {
325
+ "author": "beachball",
326
+ "package": "@fluentui/react-overflow",
327
+ "comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
328
+ "commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
329
+ }
330
+ ]
331
+ }
332
+ },
333
+ {
334
+ "date": "Mon, 23 May 2022 12:13:31 GMT",
6
335
  "tag": "@fluentui/react-overflow_v9.0.0-beta.1",
7
336
  "version": "9.0.0-beta.1",
8
337
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,123 @@
1
1
  # Change Log - @fluentui/react-overflow
2
2
 
3
- This log was last generated on Mon, 23 May 2022 12:09:57 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 13 Oct 2022 10:59:30 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-beta.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.11)
8
+
9
+ Thu, 13 Oct 2022 10:59:30 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.10..@fluentui/react-overflow_v9.0.0-beta.11)
11
+
12
+ ### Changes
13
+
14
+ - fix: useOverflowMenu should register overflow menu ([PR #25091](https://github.com/microsoft/fluentui/pull/25091) by lingfangao@hotmail.com)
15
+ - chore: Update Griffel to latest version ([PR #25075](https://github.com/microsoft/fluentui/pull/25075) by olfedias@microsoft.com)
16
+ - Bump @fluentui/priority-overflow to v9.0.0-beta.3 ([PR #25181](https://github.com/microsoft/fluentui/pull/25181) by beachball)
17
+ - Bump @fluentui/react-context-selector to v9.0.4 ([PR #25181](https://github.com/microsoft/fluentui/pull/25181) by beachball)
18
+ - Bump @fluentui/react-utilities to v9.1.1 ([PR #25181](https://github.com/microsoft/fluentui/pull/25181) by beachball)
19
+
20
+ ## [9.0.0-beta.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.10)
21
+
22
+ Thu, 15 Sep 2022 09:49:10 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.9..@fluentui/react-overflow_v9.0.0-beta.10)
24
+
25
+ ### Changes
26
+
27
+ - chore: fix no-context-default-value lint violations ([PR #24276](https://github.com/microsoft/fluentui/pull/24276) by lingfangao@hotmail.com)
28
+ - chore: Update Griffel to latest version ([PR #24221](https://github.com/microsoft/fluentui/pull/24221) by olfedias@microsoft.com)
29
+ - Bump @fluentui/react-context-selector to v9.0.3 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
30
+ - Bump @fluentui/react-theme to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
31
+ - Bump @fluentui/react-utilities to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
32
+
33
+ ## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.9)
34
+
35
+ Wed, 03 Aug 2022 16:03:52 GMT
36
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.8..@fluentui/react-overflow_v9.0.0-beta.9)
37
+
38
+ ### Changes
39
+
40
+ - chore: Bump Griffel dependencies ([PR #24114](https://github.com/microsoft/fluentui/pull/24114) by miroslav.stastny@microsoft.com)
41
+
42
+ ## [9.0.0-beta.8](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.8)
43
+
44
+ Thu, 14 Jul 2022 21:21:01 GMT
45
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.7..@fluentui/react-overflow_v9.0.0-beta.8)
46
+
47
+ ### Changes
48
+
49
+ - fix: Fixing bad version bump of @fluentui/react-utilities. ([PR #23920](https://github.com/microsoft/fluentui/pull/23920) by Humberto.Morimoto@microsoft.com)
50
+ - Bump @fluentui/react-context-selector to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
51
+ - Bump @fluentui/react-utilities to v9.0.2 ([PR #23918](https://github.com/microsoft/fluentui/pull/23918) by beachball)
52
+
53
+ ## [9.0.0-beta.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.7)
54
+
55
+ Thu, 14 Jul 2022 17:06:26 GMT
56
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.6..@fluentui/react-overflow_v9.0.0-beta.7)
57
+
58
+ ### Changes
59
+
60
+ - Bump @fluentui/react-context-selector to v9.0.1 ([PR #23897](https://github.com/microsoft/fluentui/pull/23897) by beachball)
61
+ - Bump @fluentui/react-utilities to v9.0.1-0 ([PR #23897](https://github.com/microsoft/fluentui/pull/23897) by beachball)
62
+
63
+ ## [9.0.0-beta.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.6)
64
+
65
+ Tue, 28 Jun 2022 17:39:50 GMT
66
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.5..@fluentui/react-overflow_v9.0.0-beta.6)
67
+
68
+ ### Changes
69
+
70
+ - fix: Use caret dependency range for Griffel ([PR #23754](https://github.com/microsoft/fluentui/pull/23754) by lingfangao@hotmail.com)
71
+
72
+ ## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.5)
73
+
74
+ Tue, 28 Jun 2022 15:13:44 GMT
75
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.4..@fluentui/react-overflow_v9.0.0-beta.5)
76
+
77
+ ### Changes
78
+
79
+ - Update 9.0.0-rc dependencies to use caret range ([PR #23732](https://github.com/microsoft/fluentui/pull/23732) by lingfangao@hotmail.com)
80
+ - fix: do not throw in SSR ([PR #23372](https://github.com/microsoft/fluentui/pull/23372) by olfedias@microsoft.com)
81
+ - chore: Mark teams-prg owned APIs with @internal ([PR #23689](https://github.com/microsoft/fluentui/pull/23689) by lingfangao@hotmail.com)
82
+ - chore: Adding scheduler as a peer dependency since this package has a dependency on @fluentui/react-context-selector. ([PR #23681](https://github.com/microsoft/fluentui/pull/23681) by Humberto.Morimoto@microsoft.com)
83
+ - Bump Griffel dependencies ([PR #23688](https://github.com/microsoft/fluentui/pull/23688) by lingfangao@hotmail.com)
84
+ - Bump @fluentui/priority-overflow to v9.0.0-beta.2 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
85
+ - Bump @fluentui/react-context-selector to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
86
+ - Bump @fluentui/react-theme to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
87
+ - Bump @fluentui/react-utilities to v9.0.0 ([commit](https://github.com/microsoft/fluentui/commit/ba6c5d651559b91c815429c9a9357c4d5a390f3e) by beachball)
88
+
89
+ ## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.4)
90
+
91
+ Thu, 23 Jun 2022 14:25:31 GMT
92
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.3..@fluentui/react-overflow_v9.0.0-beta.4)
93
+
94
+ ### Changes
95
+
96
+ - Bump @fluentui/react-theme to v9.0.0-rc.10 ([PR #23608](https://github.com/microsoft/fluentui/pull/23608) by beachball)
97
+
98
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.3)
99
+
100
+ Tue, 31 May 2022 21:28:40 GMT
101
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.2..@fluentui/react-overflow_v9.0.0-beta.3)
102
+
103
+ ### Changes
104
+
105
+ - chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
106
+ - Bump @fluentui/react-context-selector to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
107
+ - Bump @fluentui/react-utilities to v9.0.0-rc.10 ([PR #23325](https://github.com/microsoft/fluentui/pull/23325) by beachball)
108
+
109
+ ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.2)
110
+
111
+ Mon, 23 May 2022 18:56:51 GMT
112
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-beta.1..@fluentui/react-overflow_v9.0.0-beta.2)
113
+
114
+ ### Changes
115
+
116
+ - Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
117
+
7
118
  ## [9.0.0-beta.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-overflow_v9.0.0-beta.1)
8
119
 
9
- Mon, 23 May 2022 12:09:57 GMT
120
+ Mon, 23 May 2022 12:13:31 GMT
10
121
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-overflow_v9.0.0-alpha.0..@fluentui/react-overflow_v9.0.0-beta.1)
11
122
 
12
123
  ### Changes
package/dist/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import type { ObserveOptions } from '@fluentui/priority-overflow';
2
- import type { OnUpdateItemVisibility } from '@fluentui/priority-overflow';
3
2
  import type { OnUpdateOverflow } from '@fluentui/priority-overflow';
4
3
  import { OverflowGroupState } from '@fluentui/priority-overflow';
5
4
  import type { OverflowItemEntry } from '@fluentui/priority-overflow';
@@ -23,6 +22,7 @@ declare interface OverflowContextValue {
23
22
  groupVisibility: Record<string, OverflowGroupState>;
24
23
  hasOverflow: boolean;
25
24
  registerItem: (item: OverflowItemEntry) => () => void;
25
+ registerOverflowMenu: (el: HTMLElement) => () => void;
26
26
  updateOverflow: (padding?: number) => void;
27
27
  }
28
28
 
@@ -61,8 +61,6 @@ export declare type OverflowProps = Partial<Pick<ObserveOptions, 'overflowAxis'
61
61
  children: React_2.ReactElement;
62
62
  };
63
63
 
64
- export declare const updateVisibilityAttribute: OnUpdateItemVisibility;
65
-
66
64
  /**
67
65
  * @param id - unique identifier for a group of overflow items
68
66
  * @returns visibility state of the group
@@ -75,42 +73,16 @@ export declare function useIsOverflowGroupVisible(id: string): OverflowGroupStat
75
73
  */
76
74
  export declare function useIsOverflowItemVisible(id: string): boolean;
77
75
 
78
- /**
79
- *
80
- * @param update - Callback when overflow state changes
81
- * @param options - Options to configure the overflow container
82
- * @returns - ref to attach to an intrinsic HTML element and imperative functions
83
- */
84
- export declare const useOverflowContainer: <TElement extends HTMLElement>(update: OnUpdateOverflow, options: Omit<ObserveOptions, 'onUpdateOverflow'>) => UseOverflowContainerReturn<TElement>;
76
+ /* Excluded from this release type: useOverflowContainer */
85
77
 
86
- export declare interface UseOverflowContainerReturn<TElement extends HTMLElement> {
87
- /**
88
- * Ref to apply to the container that will overflow
89
- */
90
- containerRef: React_2.RefObject<TElement>;
91
- /**
92
- * Registers and overflow item
93
- */
94
- registerItem: OverflowContextValue['registerItem'];
95
- /**
96
- * Imperative function to trigger overflow update
97
- */
98
- updateOverflow: OverflowContextValue['updateOverflow'];
99
- }
78
+ /* Excluded from this release type: UseOverflowContainerReturn */
100
79
 
101
80
  /**
102
81
  * @returns Number of items that are overflowing
103
82
  */
104
83
  export declare const useOverflowCount: () => number;
105
84
 
106
- /**
107
- * Registers an overflow item
108
- * @param id - unique identifier for the item used by the overflow manager
109
- * @param priority - higher priority means the item overflows later
110
- * @param groupId - assigns the item to a group, group visibility can be watched
111
- * @returns ref to assign to an intrinsic HTML element
112
- */
113
- export declare function useOverflowItem<TElement extends HTMLElement>(id: string, priority?: number, groupId?: string): React_2.RefObject<TElement>;
85
+ /* Excluded from this release type: useOverflowItem */
114
86
 
115
87
  export declare function useOverflowMenu<TElement extends HTMLElement>(id?: string): {
116
88
  ref: React_2.RefObject<TElement>;
package/lib/components/Overflow.js CHANGED
@@ -48,7 +48,8 @@ export const Overflow = /*#__PURE__*/React.forwardRef((props, ref) => {
48
48
  const {
49
49
  containerRef,
50
50
  registerItem,
51
- updateOverflow
51
+ updateOverflow,
52
+ registerOverflowMenu
52
53
  } = useOverflowContainer(update, {
53
54
  overflowDirection,
54
55
  overflowAxis,
@@ -66,7 +67,8 @@ export const Overflow = /*#__PURE__*/React.forwardRef((props, ref) => {
66
67
  groupVisibility,
67
68
  hasOverflow,
68
69
  registerItem,
69
- updateOverflow
70
+ updateOverflow,
71
+ registerOverflowMenu
70
72
  }
71
73
  }, clonedChild);
72
74
  });
package/lib/components/Overflow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Overflow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,mBAAqB,YAArB,QAAyC,gBAAzC;AAEA,SAAS,2BAAT,EAAsC,aAAtC,QAA2D,2BAA3D;AAEA,SAAS,eAAT,QAAgC,oBAAhC;AACA,SAAS,yBAAT,EAAoC,oBAApC,QAAgE,yBAAhE;AACA,SAAS,gBAAT,EAA2B,kBAA3B,QAAqD,cAArD;;AAEA,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAuBA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAG,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAuB,GAAvB,KAA8B;AACrE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,cAAZ;AAA4B,IAAA,YAAY,GAAG,YAA3C;AAAyD,IAAA,iBAAzD;AAA4E,IAAA;AAA5E,MAAwF,KAA9F;AAEA,QAAM,CAAC,WAAD,EAAc,cAAd,IAAgC,KAAK,CAAC,QAAN,CAAe,KAAf,CAAtC;AACA,QAAM,CAAC,cAAD,EAAiB,iBAAjB,IAAsC,KAAK,CAAC,QAAN,CAAwC,EAAxC,CAA5C;AACA,QAAM,CAAC,eAAD,EAAkB,kBAAlB,IAAwC,KAAK,CAAC,QAAN,CAAmD,EAAnD,CAA9C,CAPqE,CASrE;AACA;;AACA,QAAM,MAAM,GAAqB,IAAI,IAAG;AACtC,IAAA,cAAc,CAAC,MAAM,IAAI,CAAC,cAAL,CAAoB,MAApB,GAA6B,CAApC,CAAd;AACA,IAAA,iBAAiB,CAAC,MAAK;AACrB,YAAM,QAAQ,GAA4B,EAA1C;AACA,MAAA,IAAI,CAAC,YAAL,CAAkB,OAAlB,CAA0B,CAAC,IAAK,QAAQ,CAAC,CAAC,CAAC,EAAH,CAAR,GAAiB,IAAjD;AACA,MAAA,IAAI,CAAC,cAAL,CAAoB,OAApB,CAA4B,CAAC,IAAK,QAAQ,CAAC,CAAC,CAAC,EAAH,CAAR,GAAiB,KAAnD;AACA,aAAO,QAAP;AACD,KALgB,CAAjB;AAMA,IAAA,kBAAkB,CAAC,IAAI,CAAC,eAAN,CAAlB;AACD,GATD;;AAWA,QAAM;AAAE,IAAA,YAAF;AAAgB,IAAA,YAAhB;AAA8B,IAAA;AAA9B,MAAiD,oBAAoB,CAAC,MAAD,EAAS;AAClF,IAAA,iBADkF;AAElF,IAAA,YAFkF;AAGlF,IAAA,OAHkF;AAIlF,IAAA,cAJkF;AAKlF,IAAA,sBAAsB,EAAE;AAL0D,GAAT,CAA3E;AAQA,QAAM,WAAW,GAAG,2BAA2B,CAAC,QAAD,EAAW;AACxD,IAAA,GAAG,EAAE,aAAa,CAAC,YAAD,EAAe,GAAf,CADsC;AAExD,IAAA,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,YAAR,EAAsB,MAAM,CAAC,gBAA7B,EAA+C,QAAQ,CAAC,KAAT,CAAe,SAA9D;AAFiC,GAAX,CAA/C;AAKA,sBACE,KAAA,CAAA,aAAA,CAAC,eAAe,CAAC,QAAjB,EAAyB;AACvB,IAAA,KAAK,EAAE;AACL,MAAA,cADK;AAEL,MAAA,eAFK;AAGL,MAAA,WAHK;AAIL,MAAA,YAJK;AAKL,MAAA;AALK;AADgB,GAAzB,EASG,WATH,CADF;AAaD,CAhDuB,CAAjB","sourcesContent":["import * as React from 'react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { OnUpdateOverflow, OverflowGroupState, ObserveOptions } from '@fluentui/priority-overflow';\nimport { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';\n\nimport { OverflowContext } from '../overflowContext';\nimport { updateVisibilityAttribute, useOverflowContainer } from '../useOverflowContainer';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';\n\nconst useStyles = makeStyles({\n overflowMenu: {\n [`& [${DATA_OVERFLOW_MENU}]`]: {\n flexShrink: 0,\n },\n },\n\n overflowingItems: {\n [`& > [${DATA_OVERFLOWING}]`]: {\n display: 'none',\n },\n },\n});\n\n/**\n * Overflow Props\n */\nexport type OverflowProps = Partial<\n Pick<ObserveOptions, 'overflowAxis' | 'overflowDirection' | 'padding' | 'minimumVisible'>\n> & {\n children: React.ReactElement;\n};\n\n/**\n * Provides an OverflowContext for OverflowItem descendants.\n */\nexport const Overflow = React.forwardRef((props: OverflowProps, ref) => {\n const styles = useStyles();\n\n const { children, minimumVisible, overflowAxis = 'horizontal', overflowDirection, padding } = props;\n\n const [hasOverflow, setHasOverflow] = React.useState(false);\n const [itemVisibility, setItemVisibility] = React.useState<Record<string, boolean>>({});\n const [groupVisibility, setGroupVisibility] = React.useState<Record<string, OverflowGroupState>>({});\n\n // useOverflowContainer wraps this method in a useEventCallback.\n // TODO: Do we need a useEventCallback here too?\n const update: OnUpdateOverflow = data => {\n setHasOverflow(() => data.invisibleItems.length > 0);\n setItemVisibility(() => {\n const newState: Record<string, boolean> = {};\n data.visibleItems.forEach(x => (newState[x.id] = true));\n data.invisibleItems.forEach(x => (newState[x.id] = false));\n return newState;\n });\n setGroupVisibility(data.groupVisibility);\n };\n\n const { containerRef, registerItem, updateOverflow } = useOverflowContainer(update, {\n overflowDirection,\n overflowAxis,\n padding,\n minimumVisible,\n onUpdateItemVisibility: updateVisibilityAttribute,\n });\n\n const clonedChild = applyTriggerPropsToChildren(children, {\n ref: useMergedRefs(containerRef, ref),\n className: mergeClasses(styles.overflowMenu, styles.overflowingItems, children.props.className),\n });\n\n return (\n <OverflowContext.Provider\n value={{\n itemVisibility,\n groupVisibility,\n hasOverflow,\n registerItem,\n updateOverflow,\n }}\n >\n {clonedChild}\n </OverflowContext.Provider>\n );\n});\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["packages/react-components/react-overflow/src/components/Overflow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,mBAAqB,YAArB,QAAyC,gBAAzC;AAEA,SAAS,2BAAT,EAAsC,aAAtC,QAA2D,2BAA3D;AAEA,SAAS,eAAT,QAAgC,oBAAhC;AACA,SAAS,yBAAT,EAAoC,oBAApC,QAAgE,yBAAhE;AACA,SAAS,gBAAT,EAA2B,kBAA3B,QAAqD,cAArD;;AAEA,MAAM,SAAS,gBAAG;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;AAAA,EAAlB;AAuBA;;AAEG;;;AACH,OAAO,MAAM,QAAQ,gBAAG,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAuB,GAAvB,KAA8B;EACrE,MAAM,MAAM,GAAG,SAAS,EAAxB;EAEA,MAAM;IAAE,QAAF;IAAY,cAAZ;IAA4B,YAAY,GAAG,YAA3C;IAAyD,iBAAzD;IAA4E;EAA5E,IAAwF,KAA9F;EAEA,MAAM,CAAC,WAAD,EAAc,cAAd,IAAgC,KAAK,CAAC,QAAN,CAAe,KAAf,CAAtC;EACA,MAAM,CAAC,cAAD,EAAiB,iBAAjB,IAAsC,KAAK,CAAC,QAAN,CAAwC,EAAxC,CAA5C;EACA,MAAM,CAAC,eAAD,EAAkB,kBAAlB,IAAwC,KAAK,CAAC,QAAN,CAAmD,EAAnD,CAA9C,CAPqE,CASrE;EACA;;EACA,MAAM,MAAM,GAAqB,IAAI,IAAG;IACtC,cAAc,CAAC,MAAM,IAAI,CAAC,cAAL,CAAoB,MAApB,GAA6B,CAApC,CAAd;IACA,iBAAiB,CAAC,MAAK;MACrB,MAAM,QAAQ,GAA4B,EAA1C;MACA,IAAI,CAAC,YAAL,CAAkB,OAAlB,CAA0B,CAAC,IAAK,QAAQ,CAAC,CAAC,CAAC,EAAH,CAAR,GAAiB,IAAjD;MACA,IAAI,CAAC,cAAL,CAAoB,OAApB,CAA4B,CAAC,IAAK,QAAQ,CAAC,CAAC,CAAC,EAAH,CAAR,GAAiB,KAAnD;MACA,OAAO,QAAP;IACD,CALgB,CAAjB;IAMA,kBAAkB,CAAC,IAAI,CAAC,eAAN,CAAlB;EACD,CATD;;EAWA,MAAM;IAAE,YAAF;IAAgB,YAAhB;IAA8B,cAA9B;IAA8C;EAA9C,IAAuE,oBAAoB,CAAC,MAAD,EAAS;IACxG,iBADwG;IAExG,YAFwG;IAGxG,OAHwG;IAIxG,cAJwG;IAKxG,sBAAsB,EAAE;EALgF,CAAT,CAAjG;EAQA,MAAM,WAAW,GAAG,2BAA2B,CAAC,QAAD,EAAW;IACxD,GAAG,EAAE,aAAa,CAAC,YAAD,EAAe,GAAf,CADsC;IAExD,SAAS,EAAE,YAAY,CAAC,MAAM,CAAC,YAAR,EAAsB,MAAM,CAAC,gBAA7B,EAA+C,QAAQ,CAAC,KAAT,CAAe,SAA9D;EAFiC,CAAX,CAA/C;EAKA,oBACE,KAAA,CAAA,aAAA,CAAC,eAAe,CAAC,QAAjB,EAAyB;IACvB,KAAK,EAAE;MACL,cADK;MAEL,eAFK;MAGL,WAHK;MAIL,YAJK;MAKL,cALK;MAML;IANK;EADgB,CAAzB,EAUG,WAVH,CADF;AAcD,CAjDuB,CAAjB","sourcesContent":["import * as React from 'react';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { OnUpdateOverflow, OverflowGroupState, ObserveOptions } from '@fluentui/priority-overflow';\nimport { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';\n\nimport { OverflowContext } from '../overflowContext';\nimport { updateVisibilityAttribute, useOverflowContainer } from '../useOverflowContainer';\nimport { DATA_OVERFLOWING, DATA_OVERFLOW_MENU } from '../constants';\n\nconst useStyles = makeStyles({\n overflowMenu: {\n [`& [${DATA_OVERFLOW_MENU}]`]: {\n flexShrink: 0,\n },\n },\n\n overflowingItems: {\n [`& > [${DATA_OVERFLOWING}]`]: {\n display: 'none',\n },\n },\n});\n\n/**\n * Overflow Props\n */\nexport type OverflowProps = Partial<\n Pick<ObserveOptions, 'overflowAxis' | 'overflowDirection' | 'padding' | 'minimumVisible'>\n> & {\n children: React.ReactElement;\n};\n\n/**\n * Provides an OverflowContext for OverflowItem descendants.\n */\nexport const Overflow = React.forwardRef((props: OverflowProps, ref) => {\n const styles = useStyles();\n\n const { children, minimumVisible, overflowAxis = 'horizontal', overflowDirection, padding } = props;\n\n const [hasOverflow, setHasOverflow] = React.useState(false);\n const [itemVisibility, setItemVisibility] = React.useState<Record<string, boolean>>({});\n const [groupVisibility, setGroupVisibility] = React.useState<Record<string, OverflowGroupState>>({});\n\n // useOverflowContainer wraps this method in a useEventCallback.\n // TODO: Do we need a useEventCallback here too?\n const update: OnUpdateOverflow = data => {\n setHasOverflow(() => data.invisibleItems.length > 0);\n setItemVisibility(() => {\n const newState: Record<string, boolean> = {};\n data.visibleItems.forEach(x => (newState[x.id] = true));\n data.invisibleItems.forEach(x => (newState[x.id] = false));\n return newState;\n });\n setGroupVisibility(data.groupVisibility);\n };\n\n const { containerRef, registerItem, updateOverflow, registerOverflowMenu } = useOverflowContainer(update, {\n overflowDirection,\n overflowAxis,\n padding,\n minimumVisible,\n onUpdateItemVisibility: updateVisibilityAttribute,\n });\n\n const clonedChild = applyTriggerPropsToChildren(children, {\n ref: useMergedRefs(containerRef, ref),\n className: mergeClasses(styles.overflowMenu, styles.overflowingItems, children.props.className),\n });\n\n return (\n <OverflowContext.Provider\n value={{\n itemVisibility,\n groupVisibility,\n hasOverflow,\n registerItem,\n updateOverflow,\n registerOverflowMenu,\n }}\n >\n {clonedChild}\n </OverflowContext.Provider>\n );\n});\n"],"sourceRoot":"../src/"}
package/lib/components/OverflowItem/OverflowItem.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["components/OverflowItem/OverflowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,2BAAT,EAAsC,aAAtC,QAA2D,2BAA3D;AACA,SAAS,eAAT,QAAgC,uBAAhC;AAGA;;;AAGG;;AACH,OAAO,MAAM,YAAY,gBAAG,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAA2B,GAA3B,KAAkC;AAC7E,QAAM;AAAE,IAAA,EAAF;AAAM,IAAA,OAAN;AAAe,IAAA,QAAf;AAAyB,IAAA;AAAzB,MAAsC,KAA5C;AAEA,QAAM,YAAY,GAAG,eAAe,CAAC,EAAD,EAAK,QAAL,EAAe,OAAf,CAApC;AACA,SAAO,2BAA2B,CAAC,QAAD,EAAW;AAC3C,IAAA,GAAG,EAAE,aAAa,CAAC,YAAD,EAAe,GAAf;AADyB,GAAX,CAAlC;AAGD,CAP2B,CAArB","sourcesContent":["import * as React from 'react';\nimport { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';\nimport { useOverflowItem } from '../../useOverflowItem';\nimport { OverflowItemProps } from './OverflowItem.types';\n\n/**\n * Attaches overflow item behavior to its child registered with the OverflowContext.\n * It does not render an element of its own.\n */\nexport const OverflowItem = React.forwardRef((props: OverflowItemProps, ref) => {\n const { id, groupId, priority, children } = props;\n\n const containerRef = useOverflowItem(id, priority, groupId);\n return applyTriggerPropsToChildren(children, {\n ref: useMergedRefs(containerRef, ref),\n });\n});\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["packages/react-components/react-overflow/src/components/OverflowItem/OverflowItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,2BAAT,EAAsC,aAAtC,QAA2D,2BAA3D;AACA,SAAS,eAAT,QAAgC,uBAAhC;AAGA;;;AAGG;;AACH,OAAO,MAAM,YAAY,gBAAG,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAA2B,GAA3B,KAAkC;EAC7E,MAAM;IAAE,EAAF;IAAM,OAAN;IAAe,QAAf;IAAyB;EAAzB,IAAsC,KAA5C;EAEA,MAAM,YAAY,GAAG,eAAe,CAAC,EAAD,EAAK,QAAL,EAAe,OAAf,CAApC;EACA,OAAO,2BAA2B,CAAC,QAAD,EAAW;IAC3C,GAAG,EAAE,aAAa,CAAC,YAAD,EAAe,GAAf;EADyB,CAAX,CAAlC;AAGD,CAP2B,CAArB","sourcesContent":["import * as React from 'react';\nimport { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';\nimport { useOverflowItem } from '../../useOverflowItem';\nimport { OverflowItemProps } from './OverflowItem.types';\n\n/**\n * Attaches overflow item behavior to its child registered with the OverflowContext.\n * It does not render an element of its own.\n */\nexport const OverflowItem = React.forwardRef((props: OverflowItemProps, ref) => {\n const { id, groupId, priority, children } = props;\n\n const containerRef = useOverflowItem(id, priority, groupId);\n return applyTriggerPropsToChildren(children, {\n ref: useMergedRefs(containerRef, ref),\n });\n});\n"],"sourceRoot":"../src/"}
package/lib/components/OverflowItem/OverflowItem.types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OverflowItem.types.js","sourceRoot":"../src/","sources":["components/OverflowItem/OverflowItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\n/**\n * OverflowItemProps\n */\nexport type OverflowItemProps = {\n /**\n * The unique identifier for the item used by the overflow manager.\n */\n id: string;\n /**\n * Assigns the item to a group, group visibility can be watched.\n */\n groupId?: string;\n /**\n * A higher priority means the item overflows later.\n */\n priority?: number;\n /**\n * The single child that has overflow item behavior attached.\n */\n children: React.ReactElement;\n};\n"]}
1
+ {"version":3,"file":"OverflowItem.types.js","sourceRoot":"../src/","sources":["packages/react-components/react-overflow/src/components/OverflowItem/OverflowItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\n\n/**\n * OverflowItemProps\n */\nexport type OverflowItemProps = {\n /**\n * The unique identifier for the item used by the overflow manager.\n */\n id: string;\n /**\n * Assigns the item to a group, group visibility can be watched.\n */\n groupId?: string;\n /**\n * A higher priority means the item overflows later.\n */\n priority?: number;\n /**\n * The single child that has overflow item behavior attached.\n */\n children: React.ReactElement;\n};\n"]}
package/lib/components/OverflowItem/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/OverflowItem/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export type { OverflowItemProps } from './OverflowItem.types';\nexport { OverflowItem } from './OverflowItem';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-overflow/src/components/OverflowItem/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC","sourcesContent":["export type { OverflowItemProps } from './OverflowItem.types';\nexport { OverflowItem } from './OverflowItem';\n"]}
package/lib/constants.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"../src/","sources":["constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AACnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AACvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC","sourcesContent":["export const DATA_OVERFLOWING = 'data-overflowing';\nexport const DATA_OVERFLOW_ITEM = 'data-overflow-item';\nexport const DATA_OVERFLOW_MENU = 'data-overflow-menu';\n"]}
1
+ {"version":3,"file":"constants.js","sourceRoot":"../src/","sources":["packages/react-components/react-overflow/src/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAC;AACnD,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC;AACvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,oBAAoB,CAAC","sourcesContent":["export const DATA_OVERFLOWING = 'data-overflowing';\nexport const DATA_OVERFLOW_ITEM = 'data-overflow-item';\nexport const DATA_OVERFLOW_MENU = 'data-overflow-menu';\n"]}
package/lib/index.js CHANGED
@@ -2,7 +2,7 @@ export { Overflow } from './components/Overflow';
2
2
  export { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';
3
3
  export { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';
4
4
  export { useIsOverflowItemVisible } from './useIsOverflowItemVisible';
5
- export { updateVisibilityAttribute, useOverflowContainer } from './useOverflowContainer';
5
+ export { useOverflowContainer } from './useOverflowContainer';
6
6
  export { useOverflowCount } from './useOverflowCount';
7
7
  export { useOverflowItem } from './useOverflowItem';
8
8
  export { useOverflowMenu } from './useOverflowMenu';
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,yBAAyB,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC","sourcesContent":["export { Overflow } from './components/Overflow';\nexport type { OverflowProps } from './components/Overflow';\nexport { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';\nexport type { UseOverflowContainerReturn } from './types';\nexport { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';\nexport { useIsOverflowItemVisible } from './useIsOverflowItemVisible';\nexport { updateVisibilityAttribute, useOverflowContainer } from './useOverflowContainer';\nexport { useOverflowCount } from './useOverflowCount';\nexport { useOverflowItem } from './useOverflowItem';\nexport { useOverflowMenu } from './useOverflowMenu';\n\nexport type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types';\nexport { OverflowItem } from './components/OverflowItem/OverflowItem';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["packages/react-components/react-overflow/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEvF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC","sourcesContent":["export { Overflow } from './components/Overflow';\nexport type { OverflowProps } from './components/Overflow';\nexport { DATA_OVERFLOWING, DATA_OVERFLOW_ITEM, DATA_OVERFLOW_MENU } from './constants';\nexport type { UseOverflowContainerReturn } from './types';\nexport { useIsOverflowGroupVisible } from './useIsOverflowGroupVisible';\nexport { useIsOverflowItemVisible } from './useIsOverflowItemVisible';\nexport { useOverflowContainer } from './useOverflowContainer';\nexport { useOverflowCount } from './useOverflowCount';\nexport { useOverflowItem } from './useOverflowItem';\nexport { useOverflowMenu } from './useOverflowMenu';\n\nexport type { OverflowItemProps } from './components/OverflowItem/OverflowItem.types';\nexport { OverflowItem } from './components/OverflowItem/OverflowItem';\n"]}
package/lib/overflowContext.js CHANGED
@@ -1,10 +1,12 @@
1
1
  import { createContext, useContextSelector } from '@fluentui/react-context-selector';
2
- export const OverflowContext = /*#__PURE__*/createContext({
2
+ export const OverflowContext = /*#__PURE__*/createContext(undefined);
3
+ const overflowContextDefaultValue = {
3
4
  itemVisibility: {},
4
5
  groupVisibility: {},
5
6
  hasOverflow: false,
6
7
  registerItem: () => () => null,
7
- updateOverflow: () => null
8
- });
9
- export const useOverflowContext = selector => useContextSelector(OverflowContext, selector);
8
+ updateOverflow: () => null,
9
+ registerOverflowMenu: () => () => null
10
+ };
11
+ export const useOverflowContext = selector => useContextSelector(OverflowContext, (ctx = overflowContextDefaultValue) => selector(ctx));
10
12
  //# sourceMappingURL=overflowContext.js.map