@fluentui/react-popover 0.0.0-nightly-20220715-0418.1 → 0.0.0-nightly-20221007-1528.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/CHANGELOG.json +268 -20
  2. package/CHANGELOG.md +77 -13
  3. package/Spec.md +2 -2
  4. package/dist/index.d.ts +14 -8
  5. package/lib/Popover.js.map +1 -1
  6. package/lib/PopoverSurface.js.map +1 -1
  7. package/lib/PopoverTrigger.js.map +1 -1
  8. package/lib/components/Popover/Popover.js.map +1 -1
  9. package/lib/components/Popover/Popover.types.js.map +1 -1
  10. package/lib/components/Popover/constants.js.map +1 -1
  11. package/lib/components/Popover/index.js.map +1 -1
  12. package/lib/components/Popover/renderPopover.js.map +1 -1
  13. package/lib/components/Popover/usePopover.js +4 -1
  14. package/lib/components/Popover/usePopover.js.map +1 -1
  15. package/lib/components/PopoverSurface/PopoverSurface.js.map +1 -1
  16. package/lib/components/PopoverSurface/PopoverSurface.types.js.map +1 -1
  17. package/lib/components/PopoverSurface/index.js.map +1 -1
  18. package/lib/components/PopoverSurface/renderPopoverSurface.js.map +1 -1
  19. package/lib/components/PopoverSurface/usePopoverSurface.js +1 -1
  20. package/lib/components/PopoverSurface/usePopoverSurface.js.map +1 -1
  21. package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js +5 -5
  22. package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
  23. package/lib/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
  24. package/lib/components/PopoverTrigger/PopoverTrigger.types.js.map +1 -1
  25. package/lib/components/PopoverTrigger/index.js.map +1 -1
  26. package/lib/components/PopoverTrigger/renderPopoverTrigger.js.map +1 -1
  27. package/lib/components/PopoverTrigger/usePopoverTrigger.js +23 -25
  28. package/lib/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
  29. package/lib/index.js.map +1 -1
  30. package/lib/popoverContext.js +4 -3
  31. package/lib/popoverContext.js.map +1 -1
  32. package/lib-commonjs/Popover.js.map +1 -1
  33. package/lib-commonjs/PopoverSurface.js.map +1 -1
  34. package/lib-commonjs/PopoverTrigger.js.map +1 -1
  35. package/lib-commonjs/components/Popover/Popover.js.map +1 -1
  36. package/lib-commonjs/components/Popover/Popover.types.js.map +1 -1
  37. package/lib-commonjs/components/Popover/constants.js.map +1 -1
  38. package/lib-commonjs/components/Popover/index.js.map +1 -1
  39. package/lib-commonjs/components/Popover/renderPopover.js.map +1 -1
  40. package/lib-commonjs/components/Popover/usePopover.js +4 -1
  41. package/lib-commonjs/components/Popover/usePopover.js.map +1 -1
  42. package/lib-commonjs/components/PopoverSurface/PopoverSurface.js.map +1 -1
  43. package/lib-commonjs/components/PopoverSurface/PopoverSurface.types.js.map +1 -1
  44. package/lib-commonjs/components/PopoverSurface/index.js.map +1 -1
  45. package/lib-commonjs/components/PopoverSurface/renderPopoverSurface.js.map +1 -1
  46. package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js +1 -1
  47. package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js.map +1 -1
  48. package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js +5 -5
  49. package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
  50. package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
  51. package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.types.js.map +1 -1
  52. package/lib-commonjs/components/PopoverTrigger/index.js.map +1 -1
  53. package/lib-commonjs/components/PopoverTrigger/renderPopoverTrigger.js.map +1 -1
  54. package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js +24 -25
  55. package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
  56. package/lib-commonjs/index.js.map +1 -1
  57. package/lib-commonjs/popoverContext.js +4 -3
  58. package/lib-commonjs/popoverContext.js.map +1 -1
  59. package/package.json +18 -21
  60. package/dist/tsdoc-metadata.json +0 -11
package/CHANGELOG.json CHANGED
@@ -2,13 +2,13 @@
2
2
  "name": "@fluentui/react-popover",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 15 Jul 2022 04:31:43 GMT",
6
- "tag": "@fluentui/react-popover_v0.0.0-nightly-20220715-0418.1",
7
- "version": "0.0.0-nightly-20220715-0418.1",
5
+ "date": "Fri, 07 Oct 2022 15:34:55 GMT",
6
+ "tag": "@fluentui/react-popover_v0.0.0-nightly-20221007-1528.1",
7
+ "version": "0.0.0-nightly-20221007-1528.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
10
  {
11
- "author": "email not defined",
11
+ "author": "fluentui-internal@service.microsoft.com",
12
12
  "package": "@fluentui/react-popover",
13
13
  "commit": "not available",
14
14
  "comment": "Release nightly v9"
@@ -16,50 +16,298 @@
16
16
  {
17
17
  "author": "beachball",
18
18
  "package": "@fluentui/react-popover",
19
- "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20220715-0418.1",
20
- "commit": "e1949f7a18e758e415b4740eda5f84bb8ae19e02"
19
+ "comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20221007-1528.1",
20
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-popover",
25
+ "comment": "Bump @fluentui/react-aria to v0.0.0-nightly-20221007-1528.1",
26
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-popover",
31
+ "comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20221007-1528.1",
32
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-popover",
37
+ "comment": "Bump @fluentui/react-portal to v0.0.0-nightly-20221007-1528.1",
38
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-popover",
43
+ "comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-20221007-1528.1",
44
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
21
45
  },
22
46
  {
23
47
  "author": "beachball",
24
48
  "package": "@fluentui/react-popover",
25
- "comment": "Bump @fluentui/react-portal to v0.0.0-nightly-20220715-0418.1",
26
- "commit": "e1949f7a18e758e415b4740eda5f84bb8ae19e02"
49
+ "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221007-1528.1",
50
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
27
51
  },
28
52
  {
29
53
  "author": "beachball",
30
54
  "package": "@fluentui/react-popover",
31
- "comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-20220715-0418.1",
32
- "commit": "e1949f7a18e758e415b4740eda5f84bb8ae19e02"
55
+ "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20221007-1528.1",
56
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
33
57
  },
34
58
  {
35
59
  "author": "beachball",
36
60
  "package": "@fluentui/react-popover",
37
- "comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220715-0418.1",
38
- "commit": "e1949f7a18e758e415b4740eda5f84bb8ae19e02"
61
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221007-1528.1",
62
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
63
+ },
64
+ {
65
+ "author": "beachball",
66
+ "package": "@fluentui/react-popover",
67
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221007-1528.1",
68
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
69
+ },
70
+ {
71
+ "author": "beachball",
72
+ "package": "@fluentui/react-popover",
73
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221007-1528.1",
74
+ "commit": "827197046ec2b195a8997fadbb514a5693234e6b"
75
+ }
76
+ ]
77
+ }
78
+ },
79
+ {
80
+ "date": "Mon, 03 Oct 2022 22:24:39 GMT",
81
+ "tag": "@fluentui/react-popover_v9.1.2",
82
+ "version": "9.1.2",
83
+ "comments": {
84
+ "none": [
85
+ {
86
+ "author": "bernardo.sunderhus@gmail.com",
87
+ "package": "@fluentui/react-popover",
88
+ "commit": "53f71701af6d88abf66d0cb0a73543f97bd4da51",
89
+ "comment": "chore: update package scaffold"
90
+ }
91
+ ],
92
+ "patch": [
93
+ {
94
+ "author": "sarah.higley@microsoft.com",
95
+ "package": "@fluentui/react-popover",
96
+ "commit": "bb8f6add9449dcb9557b6b5d4485ec57e7179f32",
97
+ "comment": "fix: update popover role to be note when it does not trap focus"
98
+ },
99
+ {
100
+ "author": "beachball",
101
+ "package": "@fluentui/react-popover",
102
+ "comment": "Bump @fluentui/react-aria to v9.2.1",
103
+ "commit": "67a8c98b8d53cd2fa14d668cf639b867b68ad18a"
104
+ },
105
+ {
106
+ "author": "beachball",
107
+ "package": "@fluentui/react-popover",
108
+ "comment": "Bump @fluentui/react-portal to v9.0.6",
109
+ "commit": "67a8c98b8d53cd2fa14d668cf639b867b68ad18a"
110
+ },
111
+ {
112
+ "author": "beachball",
113
+ "package": "@fluentui/react-popover",
114
+ "comment": "Bump @fluentui/react-tabster to v9.1.2",
115
+ "commit": "67a8c98b8d53cd2fa14d668cf639b867b68ad18a"
116
+ }
117
+ ]
118
+ }
119
+ },
120
+ {
121
+ "date": "Tue, 20 Sep 2022 20:55:45 GMT",
122
+ "tag": "@fluentui/react-popover_v9.1.1",
123
+ "version": "9.1.1",
124
+ "comments": {
125
+ "patch": [
126
+ {
127
+ "author": "beachball",
128
+ "package": "@fluentui/react-popover",
129
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.14",
130
+ "commit": "4ceba844c804a2f49b0465389100e7a3dabf116e"
131
+ }
132
+ ]
133
+ }
134
+ },
135
+ {
136
+ "date": "Thu, 15 Sep 2022 09:49:12 GMT",
137
+ "tag": "@fluentui/react-popover_v9.1.0",
138
+ "version": "9.1.0",
139
+ "comments": {
140
+ "patch": [
141
+ {
142
+ "author": "esteban.230@hotmail.com",
143
+ "package": "@fluentui/react-popover",
144
+ "commit": "3b1fea37fa1f5c4abbf76919e37833f3f1010647",
145
+ "comment": "fix: Allow PopoverSurface to trap focus when it's focusable."
146
+ },
147
+ {
148
+ "author": "bernardo.sunderhus@gmail.com",
149
+ "package": "@fluentui/react-popover",
150
+ "commit": "6c6fe4c8246abec30d9cd3ba2079d379c4d7acb8",
151
+ "comment": "bugfix: stops propagation on Escape keydown"
152
+ },
153
+ {
154
+ "author": "miroslav.stastny@microsoft.com",
155
+ "package": "@fluentui/react-popover",
156
+ "commit": "0137f992b99b3b8ec927be8f7aef751d27cd5830",
157
+ "comment": "fix: Rename colorNeutralForegroundInvertedStatic token to colorNeutralForegroundStaticInverted"
158
+ },
159
+ {
160
+ "author": "olfedias@microsoft.com",
161
+ "package": "@fluentui/react-popover",
162
+ "commit": "e610024474cfe5d45f61501a8b6a21daf4c794a2",
163
+ "comment": "chore: Update Griffel to latest version"
164
+ },
165
+ {
166
+ "author": "behowell@microsoft.com",
167
+ "package": "@fluentui/react-popover",
168
+ "commit": "e598325b985cad3e5057f00893e0176416edd292",
169
+ "comment": "refactor: Replace useMergedEventCallbacks utility with mergeCallbacks"
170
+ },
171
+ {
172
+ "author": "seanmonahan@microsoft.com",
173
+ "package": "@fluentui/react-popover",
174
+ "commit": "1d0a72865a151962362aa3e5054ac9bf8178f09c",
175
+ "comment": "fix: update color tokens"
176
+ },
177
+ {
178
+ "author": "lingfangao@hotmail.com",
179
+ "package": "@fluentui/react-popover",
180
+ "commit": "a0cfab0e5f74e3a3bfa9c269fff574295042d7f2",
181
+ "comment": "chore: fix no-context-default-value lint violations"
182
+ }
183
+ ],
184
+ "none": [
185
+ {
186
+ "author": "martinhochel@microsoft.com",
187
+ "package": "@fluentui/react-popover",
188
+ "commit": "ba9444d594f3a960cc590eae5237c08bf7c5a07f",
189
+ "comment": "chore: consume cypress.config from it's package boundary"
190
+ },
191
+ {
192
+ "author": "martinhochel@microsoft.com",
193
+ "package": "@fluentui/react-popover",
194
+ "commit": "e6cf183695d6d67a24e038c49a876224e5ed35e5",
195
+ "comment": "chore: update package scaffold"
196
+ }
197
+ ],
198
+ "minor": [
199
+ {
200
+ "author": "bernardo.sunderhus@gmail.com",
201
+ "package": "@fluentui/react-popover",
202
+ "commit": "0547583ebcebe746110e5ef8d0599b0972b1f4c6",
203
+ "comment": "chore(react-popover): Updates trigger to use useARIAButton"
204
+ },
205
+ {
206
+ "author": "beachball",
207
+ "package": "@fluentui/react-popover",
208
+ "comment": "Bump @fluentui/react-aria to v9.2.0",
209
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
210
+ },
211
+ {
212
+ "author": "beachball",
213
+ "package": "@fluentui/react-popover",
214
+ "comment": "Bump @fluentui/react-context-selector to v9.0.3",
215
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
216
+ },
217
+ {
218
+ "author": "beachball",
219
+ "package": "@fluentui/react-popover",
220
+ "comment": "Bump @fluentui/react-portal to v9.0.5",
221
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
222
+ },
223
+ {
224
+ "author": "beachball",
225
+ "package": "@fluentui/react-popover",
226
+ "comment": "Bump @fluentui/react-positioning to v9.2.0",
227
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
228
+ },
229
+ {
230
+ "author": "beachball",
231
+ "package": "@fluentui/react-popover",
232
+ "comment": "Bump @fluentui/react-shared-contexts to v9.0.1",
233
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
234
+ },
235
+ {
236
+ "author": "beachball",
237
+ "package": "@fluentui/react-popover",
238
+ "comment": "Bump @fluentui/react-tabster to v9.1.1",
239
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
240
+ },
241
+ {
242
+ "author": "beachball",
243
+ "package": "@fluentui/react-popover",
244
+ "comment": "Bump @fluentui/react-theme to v9.1.0",
245
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
246
+ },
247
+ {
248
+ "author": "beachball",
249
+ "package": "@fluentui/react-popover",
250
+ "comment": "Bump @fluentui/react-utilities to v9.1.0",
251
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
252
+ },
253
+ {
254
+ "author": "beachball",
255
+ "package": "@fluentui/react-popover",
256
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13",
257
+ "commit": "a33448fe4a0f4117686c378f80b893d1406d95a8"
258
+ }
259
+ ]
260
+ }
261
+ },
262
+ {
263
+ "date": "Wed, 03 Aug 2022 16:03:53 GMT",
264
+ "tag": "@fluentui/react-popover_v9.0.4",
265
+ "version": "9.0.4",
266
+ "comments": {
267
+ "none": [
268
+ {
269
+ "author": "lingfangao@hotmail.com",
270
+ "package": "@fluentui/react-popover",
271
+ "commit": "99cc385631d04a76ee10ebc143cb9fecd99640b6",
272
+ "comment": "chore: Add `prerelease` as disallowed changetype for 9.0.0 packages"
273
+ },
274
+ {
275
+ "author": "bernardo.sunderhus@gmail.com",
276
+ "package": "@fluentui/react-popover",
277
+ "commit": "d966ea3d9169f2e8d69f0d2a4daf86fe4ca328d6",
278
+ "comment": "disables eslint rule @fluentui/no-context-default-value for local component context"
279
+ }
280
+ ],
281
+ "patch": [
282
+ {
283
+ "author": "miroslav.stastny@microsoft.com",
284
+ "package": "@fluentui/react-popover",
285
+ "commit": "08563664778fd80284561d3c9d254307a0a32362",
286
+ "comment": "chore: Bump Griffel dependencies"
39
287
  },
40
288
  {
41
289
  "author": "beachball",
42
290
  "package": "@fluentui/react-popover",
43
- "comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20220715-0418.1",
44
- "commit": "e1949f7a18e758e415b4740eda5f84bb8ae19e02"
291
+ "comment": "Bump @fluentui/react-portal to v9.0.4",
292
+ "commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
45
293
  },
46
294
  {
47
295
  "author": "beachball",
48
296
  "package": "@fluentui/react-popover",
49
- "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220715-0418.1",
50
- "commit": "e1949f7a18e758e415b4740eda5f84bb8ae19e02"
297
+ "comment": "Bump @fluentui/react-positioning to v9.1.2",
298
+ "commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
51
299
  },
52
300
  {
53
301
  "author": "beachball",
54
302
  "package": "@fluentui/react-popover",
55
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220715-0418.1",
56
- "commit": "e1949f7a18e758e415b4740eda5f84bb8ae19e02"
303
+ "comment": "Bump @fluentui/react-tabster to v9.1.0",
304
+ "commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
57
305
  },
58
306
  {
59
307
  "author": "beachball",
60
308
  "package": "@fluentui/react-popover",
61
- "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220715-0418.1",
62
- "commit": "e1949f7a18e758e415b4740eda5f84bb8ae19e02"
309
+ "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12",
310
+ "commit": "ee4a8be0d0831a6615f878f98db6a97cc61a802d"
63
311
  }
64
312
  ]
65
313
  }
package/CHANGELOG.md CHANGED
@@ -1,25 +1,89 @@
1
1
  # Change Log - @fluentui/react-popover
2
2
 
3
- This log was last generated on Fri, 15 Jul 2022 04:31:43 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 07 Oct 2022 15:34:55 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20220715-0418.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightly-20220715-0418.1)
7
+ ## [0.0.0-nightly-20221007-1528.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightly-20221007-1528.1)
8
8
 
9
- Fri, 15 Jul 2022 04:31:43 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.3..@fluentui/react-popover_v0.0.0-nightly-20220715-0418.1)
9
+ Fri, 07 Oct 2022 15:34:55 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.1.2..@fluentui/react-popover_v0.0.0-nightly-20221007-1528.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by email not defined)
15
- - Bump @fluentui/react-context-selector to v0.0.0-nightly-20220715-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/e1949f7a18e758e415b4740eda5f84bb8ae19e02) by beachball)
16
- - Bump @fluentui/react-portal to v0.0.0-nightly-20220715-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/e1949f7a18e758e415b4740eda5f84bb8ae19e02) by beachball)
17
- - Bump @fluentui/react-positioning to v0.0.0-nightly-20220715-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/e1949f7a18e758e415b4740eda5f84bb8ae19e02) by beachball)
18
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220715-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/e1949f7a18e758e415b4740eda5f84bb8ae19e02) by beachball)
19
- - Bump @fluentui/react-tabster to v0.0.0-nightly-20220715-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/e1949f7a18e758e415b4740eda5f84bb8ae19e02) by beachball)
20
- - Bump @fluentui/react-theme to v0.0.0-nightly-20220715-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/e1949f7a18e758e415b4740eda5f84bb8ae19e02) by beachball)
21
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20220715-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/e1949f7a18e758e415b4740eda5f84bb8ae19e02) by beachball)
22
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220715-0418.1 ([commit](https://github.com/microsoft/fluentui/commit/e1949f7a18e758e415b4740eda5f84bb8ae19e02) by beachball)
14
+ - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
+ - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
16
+ - Bump @fluentui/react-aria to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
17
+ - Bump @fluentui/react-context-selector to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
18
+ - Bump @fluentui/react-portal to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
19
+ - Bump @fluentui/react-positioning to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
20
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
21
+ - Bump @fluentui/react-tabster to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
22
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
23
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
24
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221007-1528.1 ([commit](https://github.com/microsoft/fluentui/commit/827197046ec2b195a8997fadbb514a5693234e6b) by beachball)
25
+
26
+ ## [9.1.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.1.2)
27
+
28
+ Mon, 03 Oct 2022 22:24:39 GMT
29
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.1.1..@fluentui/react-popover_v9.1.2)
30
+
31
+ ### Patches
32
+
33
+ - fix: update popover role to be note when it does not trap focus ([PR #24897](https://github.com/microsoft/fluentui/pull/24897) by sarah.higley@microsoft.com)
34
+ - Bump @fluentui/react-aria to v9.2.1 ([PR #25055](https://github.com/microsoft/fluentui/pull/25055) by beachball)
35
+ - Bump @fluentui/react-portal to v9.0.6 ([PR #25055](https://github.com/microsoft/fluentui/pull/25055) by beachball)
36
+ - Bump @fluentui/react-tabster to v9.1.2 ([PR #25055](https://github.com/microsoft/fluentui/pull/25055) by beachball)
37
+
38
+ ## [9.1.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.1.1)
39
+
40
+ Tue, 20 Sep 2022 20:55:45 GMT
41
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.1.0..@fluentui/react-popover_v9.1.1)
42
+
43
+ ### Patches
44
+
45
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.14 ([PR #24869](https://github.com/microsoft/fluentui/pull/24869) by beachball)
46
+
47
+ ## [9.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.1.0)
48
+
49
+ Thu, 15 Sep 2022 09:49:12 GMT
50
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.4..@fluentui/react-popover_v9.1.0)
51
+
52
+ ### Minor changes
53
+
54
+ - chore(react-popover): Updates trigger to use useARIAButton ([PR #24177](https://github.com/microsoft/fluentui/pull/24177) by bernardo.sunderhus@gmail.com)
55
+ - Bump @fluentui/react-aria to v9.2.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
56
+ - Bump @fluentui/react-context-selector to v9.0.3 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
57
+ - Bump @fluentui/react-portal to v9.0.5 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
58
+ - Bump @fluentui/react-positioning to v9.2.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
59
+ - Bump @fluentui/react-shared-contexts to v9.0.1 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
60
+ - Bump @fluentui/react-tabster to v9.1.1 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
61
+ - Bump @fluentui/react-theme to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
62
+ - Bump @fluentui/react-utilities to v9.1.0 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
63
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.13 ([PR #24808](https://github.com/microsoft/fluentui/pull/24808) by beachball)
64
+
65
+ ### Patches
66
+
67
+ - fix: Allow PopoverSurface to trap focus when it's focusable. ([PR #24134](https://github.com/microsoft/fluentui/pull/24134) by esteban.230@hotmail.com)
68
+ - bugfix: stops propagation on Escape keydown ([PR #24750](https://github.com/microsoft/fluentui/pull/24750) by bernardo.sunderhus@gmail.com)
69
+ - fix: Rename colorNeutralForegroundInvertedStatic token to colorNeutralForegroundStaticInverted ([PR #24611](https://github.com/microsoft/fluentui/pull/24611) by miroslav.stastny@microsoft.com)
70
+ - chore: Update Griffel to latest version ([PR #24221](https://github.com/microsoft/fluentui/pull/24221) by olfedias@microsoft.com)
71
+ - refactor: Replace useMergedEventCallbacks utility with mergeCallbacks ([PR #24152](https://github.com/microsoft/fluentui/pull/24152) by behowell@microsoft.com)
72
+ - fix: update color tokens ([PR #24027](https://github.com/microsoft/fluentui/pull/24027) by seanmonahan@microsoft.com)
73
+ - chore: fix no-context-default-value lint violations ([PR #24276](https://github.com/microsoft/fluentui/pull/24276) by lingfangao@hotmail.com)
74
+
75
+ ## [9.0.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.4)
76
+
77
+ Wed, 03 Aug 2022 16:03:53 GMT
78
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.3..@fluentui/react-popover_v9.0.4)
79
+
80
+ ### Patches
81
+
82
+ - chore: Bump Griffel dependencies ([PR #24114](https://github.com/microsoft/fluentui/pull/24114) by miroslav.stastny@microsoft.com)
83
+ - Bump @fluentui/react-portal to v9.0.4 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
84
+ - Bump @fluentui/react-positioning to v9.1.2 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
85
+ - Bump @fluentui/react-tabster to v9.1.0 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
86
+ - Bump @fluentui/react-conformance-griffel to v9.0.0-beta.12 ([PR #24131](https://github.com/microsoft/fluentui/pull/24131) by beachball)
23
87
 
24
88
  ## [9.0.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.3)
25
89
 
package/Spec.md CHANGED
@@ -348,7 +348,7 @@ Default popover
348
348
  </div>
349
349
 
350
350
  // on document.body
351
- <div role="complementary">
351
+ <div role="group">
352
352
  {/** content */}
353
353
  </div>
354
354
  ```
@@ -499,7 +499,7 @@ Accessible markup is divided into two scenarios:
499
499
  ```tsx
500
500
  // Popover that does not trap focus
501
501
  <button aria-expanded="false">Trigger</button>
502
- <div role="complementary">
502
+ <div role="group">
503
503
  No focus trap
504
504
  </div>
505
505
 
package/dist/index.d.ts CHANGED
@@ -1,3 +1,5 @@
1
+ import { ARIAButtonResultProps } from '@fluentui/react-aria';
2
+ import { ARIAButtonType } from '@fluentui/react-aria';
1
3
  import type { ComponentProps } from '@fluentui/react-utilities';
2
4
  import type { ComponentState } from '@fluentui/react-utilities';
3
5
  import type { ContextSelector } from '@fluentui/react-context-selector';
@@ -14,6 +16,7 @@ import * as React_2 from 'react';
14
16
  import { ReactElement } from 'react';
15
17
  import type { Slot } from '@fluentui/react-utilities';
16
18
  import type { SlotClassNames } from '@fluentui/react-utilities';
19
+ import type { TriggerProps } from '@fluentui/react-utilities';
17
20
  import type { UseModalAttributesOptions } from '@fluentui/react-tabster';
18
21
  import type { usePositioningMouseTarget } from '@fluentui/react-positioning';
19
22
 
@@ -212,18 +215,21 @@ export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> &
212
215
  */
213
216
  export declare const PopoverTrigger: React_2.FC<PopoverTriggerProps> & FluentTriggerComponent;
214
217
 
215
- export declare type PopoverTriggerChildProps = {
216
- ref?: React_2.Ref<never>;
217
- } & Pick<React_2.HTMLAttributes<HTMLElement>, 'aria-expanded' | 'onClick' | 'onContextMenu' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave'>;
218
+ /**
219
+ * Props that are passed to the child of the DialogTrigger when cloned to ensure correct behaviour for the Dialog
220
+ */
221
+ export declare type PopoverTriggerChildProps<Type extends ARIAButtonType = ARIAButtonType, Props = {}> = ARIAButtonResultProps<Type, Props & {
222
+ 'aria-expanded'?: 'true' | 'false';
223
+ ref: React_2.Ref<unknown>;
224
+ onMouseEnter: React_2.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;
225
+ onMouseLeave: React_2.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;
226
+ onContextMenu: React_2.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>;
227
+ }>;
218
228
 
219
229
  /**
220
230
  * PopoverTrigger Props
221
231
  */
222
- export declare type PopoverTriggerProps = {
223
- children: (React_2.ReactElement & {
224
- ref?: React_2.Ref<unknown>;
225
- }) | ((props: PopoverTriggerChildProps) => React_2.ReactElement | null);
226
- };
232
+ export declare type PopoverTriggerProps = TriggerProps<PopoverTriggerChildProps>;
227
233
 
228
234
  /**
229
235
  * PopoverTrigger State
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.js","sourceRoot":"../src/","sources":["Popover.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './components/Popover/index';\n"]}
1
+ {"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-popover/src/Popover.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC","sourcesContent":["export * from './components/Popover/index';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverSurface.js","sourceRoot":"../src/","sources":["PopoverSurface.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/PopoverSurface/index';\n"]}
1
+ {"version":3,"file":"PopoverSurface.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-popover/src/PopoverSurface.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/PopoverSurface/index';\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"PopoverTrigger.js","sourceRoot":"../src/","sources":["PopoverTrigger.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/PopoverTrigger/index';\n"]}
1
+ {"version":3,"file":"PopoverTrigger.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-popover/src/PopoverTrigger.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/PopoverTrigger/index';\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Popover/Popover.tsx"],"names":[],"mappings":"AACA,SAAS,mBAAT,QAAoC,cAApC;AACA,SAAS,sBAAT,QAAuC,iBAAvC;AAGA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAA2B,KAAK,IAAG;EACrD,MAAM,KAAK,GAAG,mBAAmB,CAAC,KAAD,CAAjC;EAEA,OAAO,sBAAsB,CAAC,KAAD,CAA7B;AACD,CAJM;AAMP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourcesContent":["import * as React from 'react';\nimport { usePopover_unstable } from './usePopover';\nimport { renderPopover_unstable } from './renderPopover';\nimport type { PopoverProps } from './Popover.types';\n\n/**\n * Wrapper component that manages state for a PopoverTrigger and a PopoverSurface components.\n */\nexport const Popover: React.FC<PopoverProps> = props => {\n const state = usePopover_unstable(props);\n\n return renderPopover_unstable(state);\n};\n\nPopover.displayName = 'Popover';\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../../../../../../../packages/react-components/react-popover/src/components/Popover/Popover.tsx"],"names":[],"mappings":"AACA,SAAS,mBAAT,QAAoC,cAApC;AACA,SAAS,sBAAT,QAAuC,iBAAvC;AAGA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAA2B,KAAK,IAAG;EACrD,MAAM,KAAK,GAAG,mBAAmB,CAAC,KAAD,CAAjC;EAEA,OAAO,sBAAsB,CAAC,KAAD,CAA7B;AACD,CAJM;AAMP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourcesContent":["import * as React from 'react';\nimport { usePopover_unstable } from './usePopover';\nimport { renderPopover_unstable } from './renderPopover';\nimport type { PopoverProps } from './Popover.types';\n\n/**\n * Wrapper component that manages state for a PopoverTrigger and a PopoverSurface components.\n */\nexport const Popover: React.FC<PopoverProps> = props => {\n const state = usePopover_unstable(props);\n\n return renderPopover_unstable(state);\n};\n\nPopover.displayName = 'Popover';\n"],"sourceRoot":""}
@@ -1 +1 @@
1
- {"version":3,"file":"Popover.types.js","sourceRoot":"../src/","sources":["components/Popover/Popover.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type {\n PositioningVirtualElement,\n PositioningShorthand,\n usePositioningMouseTarget,\n} from '@fluentui/react-positioning';\nimport type { PortalProps } from '@fluentui/react-portal';\nimport type { UseModalAttributesOptions } from '@fluentui/react-tabster';\n\n/**\n * Determines popover padding and arrow size\n */\nexport type PopoverSize = 'small' | 'medium' | 'large';\n\n/**\n * Popover Props\n */\nexport type PopoverProps = Pick<PortalProps, 'mountNode'> & {\n /**\n * A popover can appear styled with brand or inverted.\n * When not specified, the default style is used.\n */\n appearance?: 'brand' | 'inverted';\n\n /**\n * Can contain two children including {@link PopoverTrigger} and {@link PopoverSurface}.\n * Alternatively can only contain {@link PopoverSurface} if using a custom `target`.\n */\n children: [JSX.Element, JSX.Element] | JSX.Element;\n\n /**\n * Close when scroll outside of it\n *\n * @default false\n */\n closeOnScroll?: boolean;\n\n /**\n * Used to set the initial open state of the Popover in uncontrolled mode\n *\n * @default false\n */\n defaultOpen?: boolean;\n\n /**\n * Popovers are rendered out of DOM order on `document.body` by default, use this to render the popover in DOM order\n *\n * @default false\n */\n inline?: boolean;\n\n /**\n * Sets the delay for closing popover on mouse leave\n */\n mouseLeaveDelay?: number;\n\n /**\n * Display an arrow pointing to the target.\n *\n * @default false\n */\n withArrow?: boolean;\n\n /**\n * Call back when the component requests to change value\n * The `open` value is used as a hint when directly controlling the component\n */\n onOpenChange?: (e: OpenPopoverEvents, data: OnOpenChangeData) => void;\n\n /**\n * Controls the opening of the Popover\n *\n * @default false\n */\n open?: boolean;\n\n /**\n * Flag to open the Popover as a context menu. Disables all other interactions\n *\n * @default false\n */\n openOnContext?: boolean;\n\n /**\n * Flag to open the Popover by hovering the trigger\n *\n * @default false\n */\n openOnHover?: boolean;\n\n /**\n * Configures the position of the Popover\n */\n positioning?: PositioningShorthand;\n\n /**\n * Determines popover padding and arrow size\n *\n * @default medium\n */\n size?: PopoverSize;\n\n /**\n * Should trap focus\n *\n * @default false\n */\n trapFocus?: UseModalAttributesOptions['trapFocus'];\n\n /**\n * Must be used with the `trapFocus` prop\n * Enables older Fluent UI focus trap behavior where the user\n * cannot tab into the window outside of the document. This is now\n * non-standard behavior according to the [HTML dialog spec](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal)\n * where the focus trap involves setting outside elements inert.\n *\n * @default false\n */\n legacyTrapFocus?: UseModalAttributesOptions['legacyTrapFocus'];\n};\n\n/**\n * Popover State\n */\nexport type PopoverState = Pick<\n PopoverProps,\n | 'appearance'\n | 'mountNode'\n | 'onOpenChange'\n | 'openOnContext'\n | 'openOnHover'\n | 'trapFocus'\n | 'withArrow'\n | 'legacyTrapFocus'\n> &\n Required<Pick<PopoverProps, 'inline' | 'open'>> &\n Pick<PopoverProps, 'children'> & {\n /**\n * Ref of the pointing arrow\n */\n arrowRef: React.MutableRefObject<HTMLDivElement | null>;\n\n /**\n * Ref of the PopoverSurface\n */\n contentRef: React.MutableRefObject<HTMLElement | null>;\n\n /**\n * Anchors the popper to the mouse click for context events\n */\n contextTarget: PositioningVirtualElement | undefined;\n\n popoverSurface: React.ReactElement | undefined;\n\n popoverTrigger: React.ReactElement | undefined;\n\n /**\n * A callback to set the target of the popper to the mouse click for context events\n */\n setContextTarget: ReturnType<typeof usePositioningMouseTarget>[1];\n\n /**\n * Callback to open/close the Popover\n */\n setOpen: (e: OpenPopoverEvents, open: boolean) => void;\n\n size: NonNullable<PopoverProps['size']>;\n\n /**\n * Callback to toggle the open state of the Popover\n */\n toggleOpen: (e: OpenPopoverEvents) => void;\n\n /**\n * Ref of the PopoverTrigger\n */\n triggerRef: React.MutableRefObject<HTMLElement | null>;\n };\n\n/**\n * Data attached to open/close events\n */\nexport type OnOpenChangeData = { open: boolean };\n\n/**\n * The supported events that will trigger open/close of the menu\n */\nexport type OpenPopoverEvents =\n | MouseEvent\n | TouchEvent\n | React.FocusEvent<HTMLElement>\n | React.KeyboardEvent<HTMLElement>\n | React.MouseEvent<HTMLElement>;\n"]}
1
+ {"version":3,"file":"Popover.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-popover/src/components/Popover/Popover.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type {\n PositioningVirtualElement,\n PositioningShorthand,\n usePositioningMouseTarget,\n} from '@fluentui/react-positioning';\nimport type { PortalProps } from '@fluentui/react-portal';\nimport type { UseModalAttributesOptions } from '@fluentui/react-tabster';\n\n/**\n * Determines popover padding and arrow size\n */\nexport type PopoverSize = 'small' | 'medium' | 'large';\n\n/**\n * Popover Props\n */\nexport type PopoverProps = Pick<PortalProps, 'mountNode'> & {\n /**\n * A popover can appear styled with brand or inverted.\n * When not specified, the default style is used.\n */\n appearance?: 'brand' | 'inverted';\n\n /**\n * Can contain two children including {@link PopoverTrigger} and {@link PopoverSurface}.\n * Alternatively can only contain {@link PopoverSurface} if using a custom `target`.\n */\n children: [JSX.Element, JSX.Element] | JSX.Element;\n\n /**\n * Close when scroll outside of it\n *\n * @default false\n */\n closeOnScroll?: boolean;\n\n /**\n * Used to set the initial open state of the Popover in uncontrolled mode\n *\n * @default false\n */\n defaultOpen?: boolean;\n\n /**\n * Popovers are rendered out of DOM order on `document.body` by default, use this to render the popover in DOM order\n *\n * @default false\n */\n inline?: boolean;\n\n /**\n * Sets the delay for closing popover on mouse leave\n */\n mouseLeaveDelay?: number;\n\n /**\n * Display an arrow pointing to the target.\n *\n * @default false\n */\n withArrow?: boolean;\n\n /**\n * Call back when the component requests to change value\n * The `open` value is used as a hint when directly controlling the component\n */\n onOpenChange?: (e: OpenPopoverEvents, data: OnOpenChangeData) => void;\n\n /**\n * Controls the opening of the Popover\n *\n * @default false\n */\n open?: boolean;\n\n /**\n * Flag to open the Popover as a context menu. Disables all other interactions\n *\n * @default false\n */\n openOnContext?: boolean;\n\n /**\n * Flag to open the Popover by hovering the trigger\n *\n * @default false\n */\n openOnHover?: boolean;\n\n /**\n * Configures the position of the Popover\n */\n positioning?: PositioningShorthand;\n\n /**\n * Determines popover padding and arrow size\n *\n * @default medium\n */\n size?: PopoverSize;\n\n /**\n * Should trap focus\n *\n * @default false\n */\n trapFocus?: UseModalAttributesOptions['trapFocus'];\n\n /**\n * Must be used with the `trapFocus` prop\n * Enables older Fluent UI focus trap behavior where the user\n * cannot tab into the window outside of the document. This is now\n * non-standard behavior according to the [HTML dialog spec](https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/showModal)\n * where the focus trap involves setting outside elements inert.\n *\n * @default false\n */\n legacyTrapFocus?: UseModalAttributesOptions['legacyTrapFocus'];\n};\n\n/**\n * Popover State\n */\nexport type PopoverState = Pick<\n PopoverProps,\n | 'appearance'\n | 'mountNode'\n | 'onOpenChange'\n | 'openOnContext'\n | 'openOnHover'\n | 'trapFocus'\n | 'withArrow'\n | 'legacyTrapFocus'\n> &\n Required<Pick<PopoverProps, 'inline' | 'open'>> &\n Pick<PopoverProps, 'children'> & {\n /**\n * Ref of the pointing arrow\n */\n arrowRef: React.MutableRefObject<HTMLDivElement | null>;\n\n /**\n * Ref of the PopoverSurface\n */\n contentRef: React.MutableRefObject<HTMLElement | null>;\n\n /**\n * Anchors the popper to the mouse click for context events\n */\n contextTarget: PositioningVirtualElement | undefined;\n\n popoverSurface: React.ReactElement | undefined;\n\n popoverTrigger: React.ReactElement | undefined;\n\n /**\n * A callback to set the target of the popper to the mouse click for context events\n */\n setContextTarget: ReturnType<typeof usePositioningMouseTarget>[1];\n\n /**\n * Callback to open/close the Popover\n */\n setOpen: (e: OpenPopoverEvents, open: boolean) => void;\n\n size: NonNullable<PopoverProps['size']>;\n\n /**\n * Callback to toggle the open state of the Popover\n */\n toggleOpen: (e: OpenPopoverEvents) => void;\n\n /**\n * Ref of the PopoverTrigger\n */\n triggerRef: React.MutableRefObject<HTMLElement | null>;\n };\n\n/**\n * Data attached to open/close events\n */\nexport type OnOpenChangeData = { open: boolean };\n\n/**\n * The supported events that will trigger open/close of the menu\n */\nexport type OpenPopoverEvents =\n | MouseEvent\n | TouchEvent\n | React.FocusEvent<HTMLElement>\n | React.KeyboardEvent<HTMLElement>\n | React.MouseEvent<HTMLElement>;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"constants.js","sourceRoot":"../src/","sources":["components/Popover/constants.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,CAAC","sourcesContent":["/**\n * @internal\n * The default value of the tooltip's border radius (borderRadiusMedium).\n *\n * Unfortunately, Popper requires it to be specified as a variable instead of using CSS.\n * While we could use getComputedStyle, that adds a performance penalty for something that\n * will likely never change.\n */\nexport const popoverSurfaceBorderRadius = 4;\n"]}
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-popover/src/components/Popover/constants.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,CAAC","sourcesContent":["/**\n * @internal\n * The default value of the tooltip's border radius (borderRadiusMedium).\n *\n * Unfortunately, Popper requires it to be specified as a variable instead of using CSS.\n * While we could use getComputedStyle, that adds a performance penalty for something that\n * will likely never change.\n */\nexport const popoverSurfaceBorderRadius = 4;\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC","sourcesContent":["export * from './Popover';\nexport * from './Popover.types';\nexport * from './renderPopover';\nexport * from './usePopover';\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-popover/src/components/Popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC","sourcesContent":["export * from './Popover';\nexport * from './Popover.types';\nexport * from './renderPopover';\nexport * from './usePopover';\n"]}
@@ -1 +1 @@
1
- {"version":3,"sources":["components/Popover/renderPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,sBAA/B;AAGA;;AAEG;;AACH,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAwB;EAC5D,MAAM;IACJ,UADI;IAEJ,QAFI;IAGJ,UAHI;IAIJ,MAJI;IAKJ,SALI;IAMJ,IANI;IAOJ,aAPI;IAQJ,WARI;IASJ,OATI;IAUJ,IAVI;IAWJ,UAXI;IAYJ,SAZI;IAaJ,UAbI;IAcJ,SAdI;IAeJ;EAfI,IAgBF,KAhBJ;EAkBA,oBACE,KAAA,CAAA,aAAA,CAAC,cAAc,CAAC,QAAhB,EAAwB;IACtB,KAAK,EAAE;MACL,UADK;MAEL,QAFK;MAGL,UAHK;MAIL,MAJK;MAKL,SALK;MAML,IANK;MAOL,aAPK;MAQL,WARK;MASL,OATK;MAUL,UAVK;MAWL,UAXK;MAYL,IAZK;MAaL,SAbK;MAcL,eAdK;MAeL;IAfK;EADe,CAAxB,EAmBG,KAAK,CAAC,cAnBT,EAoBG,KAAK,CAAC,IAAN,IAAc,KAAK,CAAC,cApBvB,CADF;AAwBD,CA3CM","sourcesContent":["import * as React from 'react';\nimport { PopoverContext } from '../../popoverContext';\nimport type { PopoverState } from './Popover.types';\n\n/**\n * Render the final JSX of Popover\n */\nexport const renderPopover_unstable = (state: PopoverState) => {\n const {\n appearance,\n arrowRef,\n contentRef,\n inline,\n mountNode,\n open,\n openOnContext,\n openOnHover,\n setOpen,\n size,\n toggleOpen,\n trapFocus,\n triggerRef,\n withArrow,\n legacyTrapFocus,\n } = state;\n\n return (\n <PopoverContext.Provider\n value={{\n appearance,\n arrowRef,\n contentRef,\n inline,\n mountNode,\n open,\n openOnContext,\n openOnHover,\n setOpen,\n toggleOpen,\n triggerRef,\n size,\n trapFocus,\n legacyTrapFocus,\n withArrow,\n }}\n >\n {state.popoverTrigger}\n {state.open && state.popoverSurface}\n </PopoverContext.Provider>\n );\n};\n"],"sourceRoot":"../src/"}
1
+ {"version":3,"sources":["../../../../../../../../../packages/react-components/react-popover/src/components/Popover/renderPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,cAAT,QAA+B,sBAA/B;AAGA;;AAEG;;AACH,OAAO,MAAM,sBAAsB,GAAI,KAAD,IAAwB;EAC5D,MAAM;IACJ,UADI;IAEJ,QAFI;IAGJ,UAHI;IAIJ,MAJI;IAKJ,SALI;IAMJ,IANI;IAOJ,aAPI;IAQJ,WARI;IASJ,OATI;IAUJ,IAVI;IAWJ,UAXI;IAYJ,SAZI;IAaJ,UAbI;IAcJ,SAdI;IAeJ;EAfI,IAgBF,KAhBJ;EAkBA,oBACE,KAAA,CAAA,aAAA,CAAC,cAAc,CAAC,QAAhB,EAAwB;IACtB,KAAK,EAAE;MACL,UADK;MAEL,QAFK;MAGL,UAHK;MAIL,MAJK;MAKL,SALK;MAML,IANK;MAOL,aAPK;MAQL,WARK;MASL,OATK;MAUL,UAVK;MAWL,UAXK;MAYL,IAZK;MAaL,SAbK;MAcL,eAdK;MAeL;IAfK;EADe,CAAxB,EAmBG,KAAK,CAAC,cAnBT,EAoBG,KAAK,CAAC,IAAN,IAAc,KAAK,CAAC,cApBvB,CADF;AAwBD,CA3CM","sourcesContent":["import * as React from 'react';\nimport { PopoverContext } from '../../popoverContext';\nimport type { PopoverState } from './Popover.types';\n\n/**\n * Render the final JSX of Popover\n */\nexport const renderPopover_unstable = (state: PopoverState) => {\n const {\n appearance,\n arrowRef,\n contentRef,\n inline,\n mountNode,\n open,\n openOnContext,\n openOnHover,\n setOpen,\n size,\n toggleOpen,\n trapFocus,\n triggerRef,\n withArrow,\n legacyTrapFocus,\n } = state;\n\n return (\n <PopoverContext.Provider\n value={{\n appearance,\n arrowRef,\n contentRef,\n inline,\n mountNode,\n open,\n openOnContext,\n openOnHover,\n setOpen,\n toggleOpen,\n triggerRef,\n size,\n trapFocus,\n legacyTrapFocus,\n withArrow,\n }}\n >\n {state.popoverTrigger}\n {state.open && state.popoverSurface}\n </PopoverContext.Provider>\n );\n};\n"],"sourceRoot":""}
@@ -106,8 +106,11 @@ export const usePopover_unstable = props => {
106
106
  findFirstFocusable
107
107
  } = useFocusFinders();
108
108
  React.useEffect(() => {
109
+ var _a;
110
+
109
111
  if (open && positioningRefs.contentRef.current) {
110
- const firstFocusable = findFirstFocusable(positioningRefs.contentRef.current);
112
+ const containerTabIndex = (_a = positioningRefs.contentRef.current.getAttribute('tabIndex')) !== null && _a !== void 0 ? _a : undefined;
113
+ const firstFocusable = isNaN(containerTabIndex) ? findFirstFocusable(positioningRefs.contentRef.current) : positioningRefs.contentRef.current;
111
114
  firstFocusable === null || firstFocusable === void 0 ? void 0 : firstFocusable.focus();
112
115
  }
113
116
  }, [findFirstFocusable, open, positioningRefs.contentRef]);