@fluentui/react-popover 0.0.0-nightly0bc161458e20220126.1 → 0.0.0-nightly2170ed575f20220223.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 +179 -41
- package/CHANGELOG.md +52 -16
- package/dist/react-popover.d.ts +18 -7
- 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.d.ts +2 -1
- package/lib/components/Popover/Popover.types.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.map +1 -1
- package/lib/components/PopoverSurface/PopoverSurface.js.map +1 -1
- package/lib/components/PopoverSurface/PopoverSurface.types.d.ts +2 -2
- 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.map +1 -1
- package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.d.ts +2 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.js +1 -0
- package/lib/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.types.d.ts +9 -2
- package/lib/components/PopoverTrigger/PopoverTrigger.types.js.map +1 -1
- package/lib/components/PopoverTrigger/index.js.map +1 -1
- package/lib/components/PopoverTrigger/renderPopoverTrigger.d.ts +1 -1
- package/lib/components/PopoverTrigger/renderPopoverTrigger.js.map +1 -1
- package/lib/components/PopoverTrigger/usePopoverTrigger.js +24 -31
- package/lib/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
- package/lib/index.js.map +1 -1
- 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.d.ts +2 -1
- package/lib-commonjs/components/Popover/Popover.types.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.map +1 -1
- package/lib-commonjs/components/PopoverSurface/PopoverSurface.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/PopoverSurface.types.d.ts +2 -2
- 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.map +1 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.d.ts +2 -1
- package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.js +1 -0
- package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/PopoverTrigger.types.d.ts +9 -2
- 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.d.ts +1 -1
- package/lib-commonjs/components/PopoverTrigger/renderPopoverTrigger.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js +23 -30
- package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/popoverContext.js.map +1 -1
- package/package.json +8 -8
package/CHANGELOG.json
CHANGED
@@ -2,41 +2,125 @@
|
|
2
2
|
"name": "@fluentui/react-popover",
|
3
3
|
"entries": [
|
4
4
|
{
|
5
|
-
"date": "Wed,
|
6
|
-
"tag": "@fluentui/react-popover_v0.0.0-
|
7
|
-
"version": "0.0.0-
|
5
|
+
"date": "Wed, 23 Feb 2022 04:16:23 GMT",
|
6
|
+
"tag": "@fluentui/react-popover_v0.0.0-nightly2170ed575f20220223.1",
|
7
|
+
"version": "0.0.0-nightly2170ed575f20220223.1",
|
8
8
|
"comments": {
|
9
9
|
"prerelease": [
|
10
10
|
{
|
11
11
|
"author": "email not defined",
|
12
12
|
"package": "@fluentui/react-popover",
|
13
|
-
"commit": "
|
13
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2",
|
14
14
|
"comment": "Release nightly v9"
|
15
15
|
},
|
16
16
|
{
|
17
|
-
"author": "
|
17
|
+
"author": "beachball",
|
18
18
|
"package": "@fluentui/react-popover",
|
19
|
-
"
|
20
|
-
"
|
19
|
+
"comment": "Bump @fluentui/react-context-selector to v0.0.0-nightly2170ed575f20220223.1",
|
20
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
|
21
21
|
},
|
22
22
|
{
|
23
|
-
"author": "
|
23
|
+
"author": "beachball",
|
24
24
|
"package": "@fluentui/react-popover",
|
25
|
-
"
|
26
|
-
"
|
25
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly2170ed575f20220223.1",
|
26
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
|
27
27
|
},
|
28
28
|
{
|
29
|
-
"author": "
|
29
|
+
"author": "beachball",
|
30
30
|
"package": "@fluentui/react-popover",
|
31
|
-
"
|
32
|
-
"
|
31
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly2170ed575f20220223.1",
|
32
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
|
33
33
|
},
|
34
|
+
{
|
35
|
+
"author": "beachball",
|
36
|
+
"package": "@fluentui/react-popover",
|
37
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly2170ed575f20220223.1",
|
38
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "beachball",
|
42
|
+
"package": "@fluentui/react-popover",
|
43
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly2170ed575f20220223.1",
|
44
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
|
45
|
+
},
|
46
|
+
{
|
47
|
+
"author": "beachball",
|
48
|
+
"package": "@fluentui/react-popover",
|
49
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly2170ed575f20220223.1",
|
50
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
|
51
|
+
},
|
52
|
+
{
|
53
|
+
"author": "beachball",
|
54
|
+
"package": "@fluentui/react-popover",
|
55
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly2170ed575f20220223.1",
|
56
|
+
"commit": "d95e2014fb1257eac783ce505fc7a7652da408c2"
|
57
|
+
}
|
58
|
+
]
|
59
|
+
}
|
60
|
+
},
|
61
|
+
{
|
62
|
+
"date": "Fri, 18 Feb 2022 13:35:33 GMT",
|
63
|
+
"tag": "@fluentui/react-popover_v9.0.0-rc.3",
|
64
|
+
"version": "9.0.0-rc.3",
|
65
|
+
"comments": {
|
66
|
+
"prerelease": [
|
34
67
|
{
|
35
68
|
"author": "lingfangao@hotmail.com",
|
36
69
|
"package": "@fluentui/react-popover",
|
37
|
-
"commit": "
|
38
|
-
"comment": "fix:
|
70
|
+
"commit": "1aa9e691fcccd9a64168cea7941c0f1e71fa1d14",
|
71
|
+
"comment": "fix: Source maps contain original source code"
|
72
|
+
},
|
73
|
+
{
|
74
|
+
"author": "beachball",
|
75
|
+
"package": "@fluentui/react-popover",
|
76
|
+
"comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.3",
|
77
|
+
"commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
|
78
|
+
},
|
79
|
+
{
|
80
|
+
"author": "beachball",
|
81
|
+
"package": "@fluentui/react-popover",
|
82
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-rc.3",
|
83
|
+
"commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
|
84
|
+
},
|
85
|
+
{
|
86
|
+
"author": "beachball",
|
87
|
+
"package": "@fluentui/react-popover",
|
88
|
+
"comment": "Bump @fluentui/react-positioning to v9.0.0-rc.3",
|
89
|
+
"commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
|
90
|
+
},
|
91
|
+
{
|
92
|
+
"author": "beachball",
|
93
|
+
"package": "@fluentui/react-popover",
|
94
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.3",
|
95
|
+
"commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
|
39
96
|
},
|
97
|
+
{
|
98
|
+
"author": "beachball",
|
99
|
+
"package": "@fluentui/react-popover",
|
100
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.3",
|
101
|
+
"commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
|
102
|
+
},
|
103
|
+
{
|
104
|
+
"author": "beachball",
|
105
|
+
"package": "@fluentui/react-popover",
|
106
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.3",
|
107
|
+
"commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
|
108
|
+
},
|
109
|
+
{
|
110
|
+
"author": "beachball",
|
111
|
+
"package": "@fluentui/react-popover",
|
112
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3",
|
113
|
+
"commit": "3b9c1e931c23173da3d1af0c696cdc58516ce504"
|
114
|
+
}
|
115
|
+
]
|
116
|
+
}
|
117
|
+
},
|
118
|
+
{
|
119
|
+
"date": "Thu, 10 Feb 2022 08:50:36 GMT",
|
120
|
+
"tag": "@fluentui/react-popover_v9.0.0-rc.1",
|
121
|
+
"version": "9.0.0-rc.1",
|
122
|
+
"comments": {
|
123
|
+
"prerelease": [
|
40
124
|
{
|
41
125
|
"author": "Humberto.Morimoto@microsoft.com",
|
42
126
|
"package": "@fluentui/react-popover",
|
@@ -49,6 +133,12 @@
|
|
49
133
|
"commit": "b1446dead62e61c9a0f6101d6dfc5a2f780403b8",
|
50
134
|
"comment": "use Griffel packages"
|
51
135
|
},
|
136
|
+
{
|
137
|
+
"author": "olfedias@microsoft.com",
|
138
|
+
"package": "@fluentui/react-popover",
|
139
|
+
"commit": "aa6cfd8ac825b5a280206808101de549a91094fc",
|
140
|
+
"comment": "standardize trigger implementation & cloning"
|
141
|
+
},
|
52
142
|
{
|
53
143
|
"author": "olfedias@microsoft.com",
|
54
144
|
"package": "@fluentui/react-popover",
|
@@ -68,61 +158,97 @@
|
|
68
158
|
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
69
159
|
},
|
70
160
|
{
|
71
|
-
"author": "
|
161
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
72
162
|
"package": "@fluentui/react-popover",
|
73
|
-
"
|
74
|
-
"
|
163
|
+
"commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
|
164
|
+
"comment": "Updating based on changes to composition types."
|
75
165
|
},
|
76
166
|
{
|
77
|
-
"author": "
|
167
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
78
168
|
"package": "@fluentui/react-popover",
|
79
|
-
"
|
80
|
-
"
|
169
|
+
"commit": "38e8f42252c69b1c749c3ca7fca9315b49e6cf31",
|
170
|
+
"comment": "Replacing use of functions in makeStyles with direct use of tokens"
|
81
171
|
},
|
82
172
|
{
|
83
|
-
"author": "
|
173
|
+
"author": "behowell@microsoft.com",
|
174
|
+
"package": "@fluentui/react-popover",
|
175
|
+
"commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
|
176
|
+
"comment": "Remove component's shorthandProps array"
|
177
|
+
},
|
178
|
+
{
|
179
|
+
"author": "behowell@microsoft.com",
|
180
|
+
"package": "@fluentui/react-popover",
|
181
|
+
"commit": "09804275c7f346db54c33d4ff347bffc33676014",
|
182
|
+
"comment": "Fix Popover arrow border in high contrast"
|
183
|
+
},
|
184
|
+
{
|
185
|
+
"author": "behowell@microsoft.com",
|
186
|
+
"package": "@fluentui/react-popover",
|
187
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
188
|
+
"comment": "Refactor component Slot typings"
|
189
|
+
},
|
190
|
+
{
|
191
|
+
"author": "lingfangao@hotmail.com",
|
192
|
+
"package": "@fluentui/react-popover",
|
193
|
+
"commit": "c2706cec4dc694762b1892a505db666d2fb324c1",
|
194
|
+
"comment": "fix: Set `aria-modal` on Popover if focus trap is enabled"
|
195
|
+
},
|
196
|
+
{
|
197
|
+
"author": "mgodbolt@microsoft.com",
|
84
198
|
"package": "@fluentui/react-popover",
|
85
|
-
"
|
86
|
-
"
|
199
|
+
"commit": "839ec14849e112b85aa321d034739ec421199141",
|
200
|
+
"comment": "remove export of commons types"
|
201
|
+
},
|
202
|
+
{
|
203
|
+
"author": "lingfangao@hotmail.com",
|
204
|
+
"package": "@fluentui/react-popover",
|
205
|
+
"commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
|
206
|
+
"comment": "Bump Fluent UI packages to 9.0.0-rc"
|
87
207
|
},
|
88
208
|
{
|
89
209
|
"author": "beachball",
|
90
210
|
"package": "@fluentui/react-popover",
|
91
|
-
"comment": "Bump @fluentui/react-
|
92
|
-
"commit": "
|
211
|
+
"comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.1",
|
212
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
93
213
|
},
|
94
214
|
{
|
95
215
|
"author": "beachball",
|
96
216
|
"package": "@fluentui/react-popover",
|
97
|
-
"comment": "Bump @fluentui/react-
|
98
|
-
"commit": "
|
217
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-rc.1",
|
218
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
99
219
|
},
|
100
220
|
{
|
101
221
|
"author": "beachball",
|
102
222
|
"package": "@fluentui/react-popover",
|
103
|
-
"comment": "Bump @fluentui/react-
|
104
|
-
"commit": "
|
223
|
+
"comment": "Bump @fluentui/react-positioning to v9.0.0-rc.1",
|
224
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
105
225
|
},
|
106
226
|
{
|
107
227
|
"author": "beachball",
|
108
228
|
"package": "@fluentui/react-popover",
|
109
|
-
"comment": "Bump @fluentui/react-
|
110
|
-
"commit": "
|
111
|
-
}
|
112
|
-
],
|
113
|
-
"none": [
|
229
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.1",
|
230
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
231
|
+
},
|
114
232
|
{
|
115
|
-
"author": "
|
233
|
+
"author": "beachball",
|
116
234
|
"package": "@fluentui/react-popover",
|
117
|
-
"
|
118
|
-
"
|
235
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.1",
|
236
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
119
237
|
},
|
120
238
|
{
|
121
|
-
"author": "
|
239
|
+
"author": "beachball",
|
122
240
|
"package": "@fluentui/react-popover",
|
123
|
-
"
|
124
|
-
"
|
241
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
|
242
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
125
243
|
},
|
244
|
+
{
|
245
|
+
"author": "beachball",
|
246
|
+
"package": "@fluentui/react-popover",
|
247
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
|
248
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
249
|
+
}
|
250
|
+
],
|
251
|
+
"none": [
|
126
252
|
{
|
127
253
|
"author": "email not defined",
|
128
254
|
"package": "@fluentui/react-popover",
|
@@ -134,6 +260,18 @@
|
|
134
260
|
"package": "@fluentui/react-popover",
|
135
261
|
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
136
262
|
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
263
|
+
},
|
264
|
+
{
|
265
|
+
"author": "martinhochel@microsoft.com",
|
266
|
+
"package": "@fluentui/react-popover",
|
267
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
268
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
269
|
+
},
|
270
|
+
{
|
271
|
+
"author": "elcraig@microsoft.com",
|
272
|
+
"package": "@fluentui/react-popover",
|
273
|
+
"commit": "3360b45ec159250b1346c91afad7dce138e6bc20",
|
274
|
+
"comment": "Update API file to version generated by typescript 4.3"
|
137
275
|
}
|
138
276
|
]
|
139
277
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,33 +1,69 @@
|
|
1
1
|
# Change Log - @fluentui/react-popover
|
2
2
|
|
3
|
-
This log was last generated on Wed,
|
3
|
+
This log was last generated on Wed, 23 Feb 2022 04:16:23 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightly2170ed575f20220223.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightly2170ed575f20220223.1)
|
8
8
|
|
9
|
-
Wed,
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-
|
9
|
+
Wed, 23 Feb 2022 04:16:23 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-rc.3..@fluentui/react-popover_v0.0.0-nightly2170ed575f20220223.1)
|
11
|
+
|
12
|
+
### Changes
|
13
|
+
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by email not defined)
|
15
|
+
- Bump @fluentui/react-context-selector to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
|
16
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
|
17
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
|
18
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
|
19
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
|
20
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
|
21
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly2170ed575f20220223.1 ([commit](https://github.com/microsoft/fluentui/commit/d95e2014fb1257eac783ce505fc7a7652da408c2) by beachball)
|
22
|
+
|
23
|
+
## [9.0.0-rc.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-rc.3)
|
24
|
+
|
25
|
+
Fri, 18 Feb 2022 13:35:33 GMT
|
26
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-rc.1..@fluentui/react-popover_v9.0.0-rc.3)
|
27
|
+
|
28
|
+
### Changes
|
29
|
+
|
30
|
+
- fix: Source maps contain original source code ([PR #21690](https://github.com/microsoft/fluentui/pull/21690) by lingfangao@hotmail.com)
|
31
|
+
- Bump @fluentui/react-context-selector to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
|
32
|
+
- Bump @fluentui/react-portal to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
|
33
|
+
- Bump @fluentui/react-positioning to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
|
34
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
|
35
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
|
36
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
|
37
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.3 ([PR #21800](https://github.com/microsoft/fluentui/pull/21800) by beachball)
|
38
|
+
|
39
|
+
## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-rc.1)
|
40
|
+
|
41
|
+
Thu, 10 Feb 2022 08:50:36 GMT
|
42
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-beta.5..@fluentui/react-popover_v9.0.0-rc.1)
|
11
43
|
|
12
44
|
### Changes
|
13
45
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/68e7ec86018b052c1f95cc84d4a0a2fbe361eb7c) by email not defined)
|
15
|
-
- Replacing use of functions in makeStyles with direct use of tokens ([PR #21049](https://github.com/microsoft/fluentui/pull/21049) by Humberto.Morimoto@microsoft.com)
|
16
|
-
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
17
|
-
- Fix Popover arrow border in high contrast ([PR #21086](https://github.com/microsoft/fluentui/pull/21086) by behowell@microsoft.com)
|
18
|
-
- fix: Set `aria-modal` on Popover if focus trap is enabled ([PR #21387](https://github.com/microsoft/fluentui/pull/21387) by lingfangao@hotmail.com)
|
19
46
|
- Updating based on removal of functions from makeStyles. ([PR #21239](https://github.com/microsoft/fluentui/pull/21239) by Humberto.Morimoto@microsoft.com)
|
20
47
|
- use Griffel packages ([PR #21392](https://github.com/microsoft/fluentui/pull/21392) by olfedias@microsoft.com)
|
48
|
+
- standardize trigger implementation & cloning ([PR #21609](https://github.com/microsoft/fluentui/pull/21609) by olfedias@microsoft.com)
|
21
49
|
- update styles to not use CSS shorthands ([PR #20796](https://github.com/microsoft/fluentui/pull/20796) by olfedias@microsoft.com)
|
22
50
|
- fix: Use role=complementary for Popovers without focus traps ([PR #21416](https://github.com/microsoft/fluentui/pull/21416) by lingfangao@hotmail.com)
|
23
51
|
- BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet ([PR #21365](https://github.com/microsoft/fluentui/pull/21365) by behowell@microsoft.com)
|
24
|
-
-
|
25
|
-
-
|
26
|
-
-
|
27
|
-
-
|
28
|
-
-
|
29
|
-
-
|
30
|
-
-
|
52
|
+
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
53
|
+
- Replacing use of functions in makeStyles with direct use of tokens ([PR #21049](https://github.com/microsoft/fluentui/pull/21049) by Humberto.Morimoto@microsoft.com)
|
54
|
+
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
55
|
+
- Fix Popover arrow border in high contrast ([PR #21086](https://github.com/microsoft/fluentui/pull/21086) by behowell@microsoft.com)
|
56
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
57
|
+
- fix: Set `aria-modal` on Popover if focus trap is enabled ([PR #21387](https://github.com/microsoft/fluentui/pull/21387) by lingfangao@hotmail.com)
|
58
|
+
- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
|
59
|
+
- Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
|
60
|
+
- Bump @fluentui/react-context-selector to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
61
|
+
- Bump @fluentui/react-portal to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
62
|
+
- Bump @fluentui/react-positioning to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
63
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
64
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
65
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
66
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
31
67
|
|
32
68
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-beta.5)
|
33
69
|
|
package/dist/react-popover.d.ts
CHANGED
@@ -2,12 +2,15 @@ import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
3
3
|
import type { Context } from '@fluentui/react-context-selector';
|
4
4
|
import type { ContextSelector } from '@fluentui/react-context-selector';
|
5
|
+
import type { FluentTriggerComponent } from '@fluentui/react-utilities';
|
5
6
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
6
|
-
import
|
7
|
+
import { JSXElementConstructor } from 'react';
|
7
8
|
import type { PopperVirtualElement } from '@fluentui/react-positioning';
|
8
9
|
import type { PortalProps } from '@fluentui/react-portal';
|
9
10
|
import type { PositioningShorthand } from '@fluentui/react-positioning';
|
10
11
|
import * as React_2 from 'react';
|
12
|
+
import { ReactElement } from 'react';
|
13
|
+
import type { Slot } from '@fluentui/react-utilities';
|
11
14
|
import type { usePopperMouseTarget } from '@fluentui/react-positioning';
|
12
15
|
|
13
16
|
export declare const arrowHeights: Record<PopoverSize, number>;
|
@@ -29,7 +32,7 @@ export declare type OpenPopoverEvents = MouseEvent | TouchEvent | React_2.MouseE
|
|
29
32
|
*/
|
30
33
|
export declare const Popover: React_2.FC<PopoverProps>;
|
31
34
|
|
32
|
-
|
35
|
+
declare type PopoverCommons = Pick<PortalProps, 'mountNode'> & {
|
33
36
|
/**
|
34
37
|
* Controls the opening of the Popover
|
35
38
|
*/
|
@@ -145,7 +148,7 @@ export declare type PopoverSurfaceProps = ComponentProps<PopoverSurfaceSlots>;
|
|
145
148
|
* Names of the slots in PopoverSurfaceProps
|
146
149
|
*/
|
147
150
|
export declare type PopoverSurfaceSlots = {
|
148
|
-
root:
|
151
|
+
root: Slot<'div'>;
|
149
152
|
};
|
150
153
|
|
151
154
|
/**
|
@@ -161,19 +164,27 @@ export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> &
|
|
161
164
|
/**
|
162
165
|
* Wraps a trigger element as an only child and adds the necessary event handling to open a popover.
|
163
166
|
*/
|
164
|
-
export declare const PopoverTrigger: React_2.FC<PopoverTriggerProps
|
167
|
+
export declare const PopoverTrigger: React_2.FC<PopoverTriggerProps> & FluentTriggerComponent;
|
168
|
+
|
169
|
+
export declare type PopoverTriggerChildProps = {
|
170
|
+
ref?: React_2.Ref<never>;
|
171
|
+
} & Pick<React_2.HTMLAttributes<HTMLElement>, 'aria-haspopup' | 'onClick' | 'onMouseEnter' | 'onKeyDown' | 'onMouseLeave' | 'onContextMenu'>;
|
165
172
|
|
166
173
|
/**
|
167
174
|
* PopoverTrigger Props
|
168
175
|
*/
|
169
176
|
export declare type PopoverTriggerProps = {
|
170
|
-
children: React_2.ReactElement
|
177
|
+
children: (React_2.ReactElement & {
|
178
|
+
ref?: React_2.Ref<unknown>;
|
179
|
+
}) | ((props: PopoverTriggerChildProps) => React_2.ReactElement | null);
|
171
180
|
};
|
172
181
|
|
173
182
|
/**
|
174
183
|
* PopoverTrigger State
|
175
184
|
*/
|
176
|
-
export declare type PopoverTriggerState =
|
185
|
+
export declare type PopoverTriggerState = {
|
186
|
+
children: React_2.ReactElement | null;
|
187
|
+
};
|
177
188
|
|
178
189
|
/**
|
179
190
|
* Render the final JSX of Popover
|
@@ -188,7 +199,7 @@ export declare const renderPopoverSurface_unstable: (state: PopoverSurfaceState)
|
|
188
199
|
/**
|
189
200
|
* Render the final JSX of PopoverTrigger
|
190
201
|
*/
|
191
|
-
export declare const renderPopoverTrigger_unstable: (state: PopoverTriggerState) =>
|
202
|
+
export declare const renderPopoverTrigger_unstable: (state: PopoverTriggerState) => ReactElement<any, string | JSXElementConstructor<any>> | null;
|
192
203
|
|
193
204
|
/**
|
194
205
|
* Create the state required to render Popover.
|
package/lib/Popover.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["
|
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 +1 @@
|
|
1
|
-
{"version":3,"file":"PopoverSurface.js","sourceRoot":"","sources":["
|
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 +1 @@
|
|
1
|
-
{"version":3,"file":"PopoverTrigger.js","sourceRoot":"","sources":["
|
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 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
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;AACrD,QAAM,KAAK,GAAG,mBAAmB,CAAC,KAAD,CAAjC;AAEA,SAAO,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/"}
|
@@ -5,7 +5,7 @@ import type { PortalProps } from '@fluentui/react-portal';
|
|
5
5
|
* Determines popover padding and arrow size
|
6
6
|
*/
|
7
7
|
export declare type PopoverSize = 'small' | 'medium' | 'large';
|
8
|
-
|
8
|
+
declare type PopoverCommons = Pick<PortalProps, 'mountNode'> & {
|
9
9
|
/**
|
10
10
|
* Controls the opening of the Popover
|
11
11
|
*/
|
@@ -100,3 +100,4 @@ export declare type OnOpenChangeData = {
|
|
100
100
|
* The supported events that will trigger open/close of the menu
|
101
101
|
*/
|
102
102
|
export declare type OpenPopoverEvents = MouseEvent | TouchEvent | React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement> | React.FocusEvent<HTMLElement>;
|
103
|
+
export {};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Popover.types.js","sourceRoot":"","sources":["
|
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 { PopperVirtualElement, PositioningShorthand, usePopperMouseTarget } from '@fluentui/react-positioning';\nimport type { PortalProps } from '@fluentui/react-portal';\n\n/**\n * Determines popover padding and arrow size\n */\nexport type PopoverSize = 'small' | 'medium' | 'large';\n\ntype PopoverCommons = Pick<PortalProps, 'mountNode'> & {\n /**\n * Controls the opening of the Popover\n */\n open: boolean;\n /**\n * Used to set the initial open state of the Popover in uncontrolled mode\n */\n defaultOpen?: boolean;\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 * Flag to open the Popover by hovering the trigger\n */\n openOnHover?: boolean;\n /**\n * Flag to open the Popover as a context menu. Disables all other interactions\n */\n openOnContext?: boolean;\n /**\n * Do not display the arrow\n */\n noArrow?: boolean;\n /**\n * Determines popover padding and arrow size\n * @default medium\n */\n size?: PopoverSize;\n\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 * Should trap focus\n */\n trapFocus?: boolean;\n\n /**\n * Configures the position of the Popover\n */\n positioning?: PositioningShorthand;\n};\n\n/**\n * Popover Props\n */\nexport type PopoverProps = Partial<PopoverCommons> & {\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/**\n * Popover State\n */\nexport type PopoverState = PopoverCommons &\n Pick<PopoverProps, 'children'> & {\n /**\n * Callback to open/close the Popover\n */\n setOpen: (e: OpenPopoverEvents, open: boolean) => void;\n /**\n * Ref of the PopoverTrigger\n */\n triggerRef: React.MutableRefObject<HTMLElement | null>;\n /**\n * Ref of the PopoverSurface\n */\n contentRef: React.MutableRefObject<HTMLElement | null>;\n /**\n * Ref of the pointing arrow\n */\n arrowRef: React.MutableRefObject<HTMLDivElement | null>;\n /**\n * Anchors the popper to the mouse click for context events\n */\n contextTarget: PopperVirtualElement | undefined;\n /**\n * A callback to set the target of the popper to the mouse click for context events\n */\n setContextTarget: ReturnType<typeof usePopperMouseTarget>[1];\n\n size: NonNullable<PopoverProps['size']>;\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.MouseEvent<HTMLElement>\n | React.KeyboardEvent<HTMLElement>\n | React.FocusEvent<HTMLElement>;\n"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["
|
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 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
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;AAC5D,QAAM;AACJ,IAAA,IADI;AAEJ,IAAA,OAFI;AAGJ,IAAA,UAHI;AAIJ,IAAA,UAJI;AAKJ,IAAA,aALI;AAMJ,IAAA,WANI;AAOJ,IAAA,SAPI;AAQJ,IAAA,QARI;AASJ,IAAA,IATI;AAUJ,IAAA,OAVI;AAWJ,IAAA,UAXI;AAYJ,IAAA;AAZI,MAaF,KAbJ;AAeA,sBACE,KAAA,CAAA,aAAA,CAAC,cAAc,CAAC,QAAhB,EAAwB;AACtB,IAAA,KAAK,EAAE;AACL,MAAA,IADK;AAEL,MAAA,OAFK;AAGL,MAAA,UAHK;AAIL,MAAA,UAJK;AAKL,MAAA,WALK;AAML,MAAA,aANK;AAOL,MAAA,SAPK;AAQL,MAAA,QARK;AASL,MAAA,IATK;AAUL,MAAA,OAVK;AAWL,MAAA,UAXK;AAYL,MAAA;AAZK;AADe,GAAxB,EAgBG,KAAK,CAAC,QAhBT,CADF;AAoBD,CApCM","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 open,\n setOpen,\n triggerRef,\n contentRef,\n openOnContext,\n openOnHover,\n mountNode,\n arrowRef,\n size,\n noArrow,\n appearance,\n trapFocus,\n } = state;\n\n return (\n <PopoverContext.Provider\n value={{\n open,\n setOpen,\n triggerRef,\n contentRef,\n openOnHover,\n openOnContext,\n mountNode,\n arrowRef,\n size,\n noArrow,\n appearance,\n trapFocus,\n }}\n >\n {state.children}\n </PopoverContext.Provider>\n );\n};\n"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/Popover/usePopover.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {\n useControllableState,\n useEventCallback,\n useOnClickOutside,\n useOnScrollOutside,\n} from '@fluentui/react-utilities';\nimport { useFluent } from '@fluentui/react-shared-contexts';\nimport {\n usePopper,\n resolvePositioningShorthand,\n mergeArrowOffset,\n usePopperMouseTarget,\n} from '@fluentui/react-positioning';\nimport { elementContains } from '@fluentui/react-portal';\nimport { arrowHeights } from '../PopoverSurface/index';\nimport type { OpenPopoverEvents, PopoverProps, PopoverState } from './Popover.types';\n\n/**\n * Create the state required to render Popover.\n *\n * The returned state can be modified with hooks such as usePopoverStyles,\n * before being passed to renderPopover_unstable.\n *\n * @param props - props from this instance of Popover\n */\nexport const usePopover_unstable = (props: PopoverProps): PopoverState => {\n const [contextTarget, setContextTarget] = usePopperMouseTarget();\n const initialState = {\n size: 'medium',\n contextTarget,\n setContextTarget,\n ...props,\n } as const;\n\n const [open, setOpen] = useOpenState(initialState);\n const popperRefs = usePopoverRefs(initialState);\n\n const { targetDocument } = useFluent();\n useOnClickOutside({\n contains: elementContains,\n element: targetDocument,\n callback: ev => setOpen(ev, false),\n refs: [popperRefs.triggerRef, popperRefs.contentRef],\n disabled: !open,\n });\n useOnScrollOutside({\n contains: elementContains,\n element: targetDocument,\n callback: ev => setOpen(ev, false),\n refs: [popperRefs.triggerRef, popperRefs.contentRef],\n disabled: !open || !initialState.openOnContext, // only close on scroll for context\n });\n\n return {\n ...initialState,\n ...popperRefs,\n open,\n setOpen,\n setContextTarget,\n contextTarget,\n };\n};\n\n/**\n * Creates and manages the Popover open state\n */\nfunction useOpenState(\n state: Pick<PopoverState, 'setContextTarget' | 'onOpenChange'> & Pick<PopoverProps, 'open' | 'defaultOpen'>,\n) {\n const onOpenChange: PopoverState['onOpenChange'] = useEventCallback((e, data) => state.onOpenChange?.(e, data));\n\n const [open, setOpenState] = useControllableState({\n state: state.open,\n defaultState: state.defaultOpen,\n initialState: false,\n });\n state.open = open !== undefined ? open : state.open;\n const setContextTarget = state.setContextTarget;\n\n const setOpen = React.useCallback(\n (e: OpenPopoverEvents, shouldOpen: boolean) => {\n if (shouldOpen && e.type === 'contextmenu') {\n setContextTarget(e as React.MouseEvent);\n }\n\n if (!shouldOpen) {\n setContextTarget(undefined);\n }\n\n setOpenState(prevOpen => {\n // More than one event (mouse, focus, keyboard) can request the Popover to close\n // We assume the first event is the correct one\n if (prevOpen !== shouldOpen) {\n onOpenChange?.(e, { open: shouldOpen });\n }\n\n return shouldOpen;\n });\n },\n [setOpenState, onOpenChange, setContextTarget],\n );\n\n return [open, setOpen] as const;\n}\n\n/**\n * Creates and sets the necessary trigger, target and content refs used by Popover\n */\nfunction usePopoverRefs(\n state: Pick<PopoverState, 'size' | 'contextTarget'> & Pick<PopoverProps, 'positioning' | 'openOnContext' | 'noArrow'>,\n) {\n const popperOptions = {\n position: 'above' as const,\n align: 'center' as const,\n target: state.openOnContext ? state.contextTarget : undefined,\n ...resolvePositioningShorthand(state.positioning),\n };\n\n // no reason to render arrow when covering the target\n if (popperOptions.coverTarget) {\n state.noArrow = true;\n }\n\n if (!state.noArrow) {\n popperOptions.offset = mergeArrowOffset(popperOptions.offset, arrowHeights[state.size]);\n }\n\n const { targetRef: triggerRef, containerRef: contentRef, arrowRef } = usePopper(popperOptions);\n\n return {\n triggerRef,\n contentRef,\n arrowRef,\n } as const;\n}\n"],"sourceRoot":"../src/"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/PopoverSurface/PopoverSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,0BAAT,QAA2C,qBAA3C;AACA,SAAS,6BAAT,QAA8C,wBAA9C;AACA,SAAS,gCAAT,QAAiD,2BAAjD;AAIA;;AAEG;;AACH,OAAO,MAAM,cAAc,gBAA6C,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACtG,QAAM,KAAK,GAAG,0BAA0B,CAAC,KAAD,EAAQ,GAAR,CAAxC;AAEA,EAAA,gCAAgC,CAAC,KAAD,CAAhC;AACA,SAAO,6BAA6B,CAAC,KAAD,CAApC;AACD,CALuE,CAAjE;AAOP,cAAc,CAAC,WAAf,GAA6B,gBAA7B","sourcesContent":["import * as React from 'react';\nimport { usePopoverSurface_unstable } from './usePopoverSurface';\nimport { renderPopoverSurface_unstable } from './renderPopoverSurface';\nimport { usePopoverSurfaceStyles_unstable } from './usePopoverSurfaceStyles';\nimport type { PopoverSurfaceProps } from './PopoverSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * PopoverSurface component renders react children in a positioned box\n */\nexport const PopoverSurface: ForwardRefComponent<PopoverSurfaceProps> = React.forwardRef((props, ref) => {\n const state = usePopoverSurface_unstable(props, ref);\n\n usePopoverSurfaceStyles_unstable(state);\n return renderPopoverSurface_unstable(state);\n});\n\nPopoverSurface.displayName = 'PopoverSurface';\n"],"sourceRoot":"../src/"}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import type { ComponentProps, ComponentState,
|
1
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
2
2
|
import type { PopoverContextValue } from '../../popoverContext';
|
3
3
|
/**
|
4
4
|
* PopoverSurface Props
|
@@ -8,7 +8,7 @@ export declare type PopoverSurfaceProps = ComponentProps<PopoverSurfaceSlots>;
|
|
8
8
|
* Names of the slots in PopoverSurfaceProps
|
9
9
|
*/
|
10
10
|
export declare type PopoverSurfaceSlots = {
|
11
|
-
root:
|
11
|
+
root: Slot<'div'>;
|
12
12
|
};
|
13
13
|
/**
|
14
14
|
* PopoverSurface State
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"PopoverSurface.types.js","sourceRoot":"","sources":["
|
1
|
+
{"version":3,"file":"PopoverSurface.types.js","sourceRoot":"../src/","sources":["components/PopoverSurface/PopoverSurface.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverContextValue } from '../../popoverContext';\n\n/**\n * PopoverSurface Props\n */\nexport type PopoverSurfaceProps = ComponentProps<PopoverSurfaceSlots>;\n\n/**\n * Names of the slots in PopoverSurfaceProps\n */\nexport type PopoverSurfaceSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * PopoverSurface State\n */\nexport type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> &\n Pick<PopoverContextValue, 'open' | 'mountNode' | 'noArrow' | 'size' | 'appearance' | 'arrowRef'> & {\n /**\n * CSS class for the arrow element\n */\n arrowClassName?: string;\n };\n"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/PopoverSurface/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './PopoverSurface';\nexport * from './PopoverSurface.types';\nexport * from './renderPopoverSurface';\nexport * from './usePopoverSurface';\nexport * from './usePopoverSurfaceStyles';\n"]}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["
|
1
|
+
{"version":3,"sources":["components/PopoverSurface/renderPopoverSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,MAAT,QAAuB,wBAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,6BAA6B,GAAI,KAAD,IAA+B;AAC1E,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAsB,KAAtB,CAArC,CAD0E,CAG1E;;AACA,MAAI,CAAC,KAAK,CAAC,IAAX,EAAiB;AACf,WAAO,IAAP;AACD;;AAED,sBACE,KAAA,CAAA,aAAA,CAAC,MAAD,EAAO;AAAC,IAAA,SAAS,EAAE,KAAK,CAAC;AAAlB,GAAP,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,CAAC,KAAK,CAAC,OAAP,iBAAkB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAE,KAAK,CAAC,QAAhB;AAA0B,IAAA,SAAS,EAAE,KAAK,CAAC;AAA3C,GAAA,CADrB,EAEG,SAAS,CAAC,IAAV,CAAe,QAFlB,CADF,CADF;AAQD,CAhBM","sourcesContent":["import * as React from 'react';\nimport { Portal } from '@fluentui/react-portal';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { PopoverSurfaceSlots, PopoverSurfaceState } from './PopoverSurface.types';\n\n/**\n * Render the final JSX of PopoverSurface\n */\nexport const renderPopoverSurface_unstable = (state: PopoverSurfaceState) => {\n const { slots, slotProps } = getSlots<PopoverSurfaceSlots>(state);\n\n // TODO should hidden Popovers be supported ?\n if (!state.open) {\n return null;\n }\n\n return (\n <Portal mountNode={state.mountNode}>\n <slots.root {...slotProps.root}>\n {!state.noArrow && <div ref={state.arrowRef} className={state.arrowClassName} />}\n {slotProps.root.children}\n </slots.root>\n </Portal>\n );\n};\n"],"sourceRoot":"../src/"}
|