@fluentui/react-popover 0.0.0-nightly-20220715-0418.1 → 0.0.0-nightly-20221007-1237.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.
- package/CHANGELOG.json +268 -20
- package/CHANGELOG.md +77 -13
- package/Spec.md +2 -2
- package/dist/index.d.ts +14 -8
- package/lib/Popover.js.map +1 -1
- package/lib/PopoverSurface.js.map +1 -1
- package/lib/PopoverTrigger.js.map +1 -1
- package/lib/components/Popover/Popover.js.map +1 -1
- package/lib/components/Popover/Popover.types.js.map +1 -1
- package/lib/components/Popover/constants.js.map +1 -1
- package/lib/components/Popover/index.js.map +1 -1
- package/lib/components/Popover/renderPopover.js.map +1 -1
- package/lib/components/Popover/usePopover.js +4 -1
- package/lib/components/Popover/usePopover.js.map +1 -1
- package/lib/components/PopoverSurface/PopoverSurface.js.map +1 -1
- package/lib/components/PopoverSurface/PopoverSurface.types.js.map +1 -1
- package/lib/components/PopoverSurface/index.js.map +1 -1
- package/lib/components/PopoverSurface/renderPopoverSurface.js.map +1 -1
- package/lib/components/PopoverSurface/usePopoverSurface.js +1 -1
- package/lib/components/PopoverSurface/usePopoverSurface.js.map +1 -1
- package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js +5 -5
- package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.types.js.map +1 -1
- package/lib/components/PopoverTrigger/index.js.map +1 -1
- package/lib/components/PopoverTrigger/renderPopoverTrigger.js.map +1 -1
- package/lib/components/PopoverTrigger/usePopoverTrigger.js +23 -25
- package/lib/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib/popoverContext.js +4 -3
- package/lib/popoverContext.js.map +1 -1
- package/lib-commonjs/Popover.js.map +1 -1
- package/lib-commonjs/PopoverSurface.js.map +1 -1
- package/lib-commonjs/PopoverTrigger.js.map +1 -1
- package/lib-commonjs/components/Popover/Popover.js.map +1 -1
- package/lib-commonjs/components/Popover/Popover.types.js.map +1 -1
- package/lib-commonjs/components/Popover/constants.js.map +1 -1
- package/lib-commonjs/components/Popover/index.js.map +1 -1
- package/lib-commonjs/components/Popover/renderPopover.js.map +1 -1
- package/lib-commonjs/components/Popover/usePopover.js +4 -1
- package/lib-commonjs/components/Popover/usePopover.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/PopoverSurface.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/PopoverSurface.types.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/index.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/renderPopoverSurface.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js +1 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js +5 -5
- package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.types.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/index.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/renderPopoverTrigger.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js +24 -25
- package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/popoverContext.js +4 -3
- package/lib-commonjs/popoverContext.js.map +1 -1
- package/package.json +18 -21
- 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,
|
6
|
-
"tag": "@fluentui/react-popover_v0.0.0-nightly-
|
7
|
-
"version": "0.0.0-nightly-
|
5
|
+
"date": "Fri, 07 Oct 2022 12:44:22 GMT",
|
6
|
+
"tag": "@fluentui/react-popover_v0.0.0-nightly-20221007-1237.1",
|
7
|
+
"version": "0.0.0-nightly-20221007-1237.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
11
|
-
"author": "
|
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/
|
20
|
-
"commit": "
|
19
|
+
"comment": "Bump @fluentui/keyboard-keys to v0.0.0-nightly-20221007-1237.1",
|
20
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "beachball",
|
24
|
+
"package": "@fluentui/react-popover",
|
25
|
+
"comment": "Bump @fluentui/react-aria to v0.0.0-nightly-20221007-1237.1",
|
26
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "beachball",
|
30
|
+
"package": "@fluentui/react-popover",
|
31
|
+
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly-20221007-1237.1",
|
32
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "beachball",
|
36
|
+
"package": "@fluentui/react-popover",
|
37
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly-20221007-1237.1",
|
38
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "beachball",
|
42
|
+
"package": "@fluentui/react-popover",
|
43
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-20221007-1237.1",
|
44
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
21
45
|
},
|
22
46
|
{
|
23
47
|
"author": "beachball",
|
24
48
|
"package": "@fluentui/react-popover",
|
25
|
-
"comment": "Bump @fluentui/react-
|
26
|
-
"commit": "
|
49
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221007-1237.1",
|
50
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
27
51
|
},
|
28
52
|
{
|
29
53
|
"author": "beachball",
|
30
54
|
"package": "@fluentui/react-popover",
|
31
|
-
"comment": "Bump @fluentui/react-
|
32
|
-
"commit": "
|
55
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20221007-1237.1",
|
56
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
33
57
|
},
|
34
58
|
{
|
35
59
|
"author": "beachball",
|
36
60
|
"package": "@fluentui/react-popover",
|
37
|
-
"comment": "Bump @fluentui/react-
|
38
|
-
"commit": "
|
61
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20221007-1237.1",
|
62
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
63
|
+
},
|
64
|
+
{
|
65
|
+
"author": "beachball",
|
66
|
+
"package": "@fluentui/react-popover",
|
67
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20221007-1237.1",
|
68
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
69
|
+
},
|
70
|
+
{
|
71
|
+
"author": "beachball",
|
72
|
+
"package": "@fluentui/react-popover",
|
73
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221007-1237.1",
|
74
|
+
"commit": "cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec"
|
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-
|
44
|
-
"commit": "
|
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-
|
50
|
-
"commit": "
|
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-
|
56
|
-
"commit": "
|
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
|
62
|
-
"commit": "
|
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,
|
3
|
+
This log was last generated on Fri, 07 Oct 2022 12:44:22 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-nightly-
|
7
|
+
## [0.0.0-nightly-20221007-1237.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightly-20221007-1237.1)
|
8
8
|
|
9
|
-
Fri,
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.
|
9
|
+
Fri, 07 Oct 2022 12:44:22 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.1.2..@fluentui/react-popover_v0.0.0-nightly-20221007-1237.1)
|
11
11
|
|
12
12
|
### Changes
|
13
13
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by
|
15
|
-
- Bump @fluentui/
|
16
|
-
- Bump @fluentui/react-
|
17
|
-
- Bump @fluentui/react-
|
18
|
-
- Bump @fluentui/react-
|
19
|
-
- Bump @fluentui/react-
|
20
|
-
- Bump @fluentui/react-
|
21
|
-
- Bump @fluentui/react-
|
22
|
-
- Bump @fluentui/react-
|
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-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) by beachball)
|
16
|
+
- Bump @fluentui/react-aria to v0.0.0-nightly-20221007-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) by beachball)
|
17
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly-20221007-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) by beachball)
|
18
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly-20221007-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) by beachball)
|
19
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly-20221007-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) by beachball)
|
20
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20221007-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) by beachball)
|
21
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20221007-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) by beachball)
|
22
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly-20221007-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) by beachball)
|
23
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly-20221007-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) by beachball)
|
24
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20221007-1237.1 ([commit](https://github.com/microsoft/fluentui/commit/cb80d71825ddb9ebe5d06bb14b1c970f8633c4ec) 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="
|
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="
|
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
|
-
|
216
|
-
|
217
|
-
|
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
|
package/lib/Popover.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"
|
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":"
|
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":"
|
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":"
|
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":"
|
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":"
|
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":"
|
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":"
|
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
|
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]);
|