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

Sign up to get free protection for your applications and to get access to all the features.
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