@fluentui/react-popover 0.0.0-nightly-20220523-0424.1 → 0.0.0-nightly-20220530-0421.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 +168 -19
- package/CHANGELOG.md +55 -12
- package/Spec.md +5 -5
- package/dist/index.d.ts +17 -18
- package/lib/components/Popover/Popover.types.js.map +1 -1
- package/lib/components/Popover/renderPopover.js +6 -4
- package/lib/components/Popover/renderPopover.js.map +1 -1
- package/lib/components/Popover/usePopover.js +17 -17
- package/lib/components/Popover/usePopover.js.map +1 -1
- package/lib/components/PopoverSurface/PopoverSurface.types.js.map +1 -1
- package/lib/components/PopoverSurface/renderPopoverSurface.js +1 -1
- package/lib/components/PopoverSurface/renderPopoverSurface.js.map +1 -1
- package/lib/components/PopoverSurface/usePopoverSurface.js +2 -2
- package/lib/components/PopoverSurface/usePopoverSurface.js.map +1 -1
- package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js +0 -5
- package/lib/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
- package/lib/components/PopoverTrigger/PopoverTrigger.types.js.map +1 -1
- package/lib/components/PopoverTrigger/usePopoverTrigger.js +2 -2
- package/lib/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
- package/lib/index.js +2 -3
- package/lib/index.js.map +1 -1
- package/lib/popoverContext.js +2 -0
- package/lib/popoverContext.js.map +1 -1
- package/lib-commonjs/components/Popover/renderPopover.js +6 -4
- package/lib-commonjs/components/Popover/renderPopover.js.map +1 -1
- package/lib-commonjs/components/Popover/usePopover.js +18 -18
- package/lib-commonjs/components/Popover/usePopover.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/renderPopoverSurface.js +1 -1
- package/lib-commonjs/components/PopoverSurface/renderPopoverSurface.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js +2 -2
- package/lib-commonjs/components/PopoverSurface/usePopoverSurface.js.map +1 -1
- package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js +1 -6
- package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.js.map +1 -1
- package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js +2 -2
- package/lib-commonjs/components/PopoverTrigger/usePopoverTrigger.js.map +1 -1
- package/lib-commonjs/index.js +3 -10
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/popoverContext.js +3 -1
- package/lib-commonjs/popoverContext.js.map +1 -1
- package/package.json +10 -10
package/CHANGELOG.json
CHANGED
|
@@ -2,9 +2,158 @@
|
|
|
2
2
|
"name": "@fluentui/react-popover",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Mon,
|
|
6
|
-
"tag": "@fluentui/react-popover_v0.0.0-nightly-
|
|
7
|
-
"version": "0.0.0-nightly-
|
|
5
|
+
"date": "Mon, 30 May 2022 04:31:30 GMT",
|
|
6
|
+
"tag": "@fluentui/react-popover_v0.0.0-nightly-20220530-0421.1",
|
|
7
|
+
"version": "0.0.0-nightly-20220530-0421.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "olfedias@microsoft.com",
|
|
12
|
+
"package": "@fluentui/react-popover",
|
|
13
|
+
"commit": "0a5e9fa77a72eecafdd07034ccdc0b95fd49877c",
|
|
14
|
+
"comment": "chore: Update Griffel to latest version"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "sarah.higley@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-popover",
|
|
19
|
+
"commit": "c55c7d9d1141ae09542a78970416a8bbb344f623",
|
|
20
|
+
"comment": "update popover trigger to use aria-expanded instead of aria-haspopup"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-popover",
|
|
25
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly-20220530-0421.1",
|
|
26
|
+
"commit": "fc427df0cb4b7fad05306dedc504dfb5ac93e8d7"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-popover",
|
|
31
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly-20220530-0421.1",
|
|
32
|
+
"commit": "fc427df0cb4b7fad05306dedc504dfb5ac93e8d7"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-popover",
|
|
37
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220530-0421.1",
|
|
38
|
+
"commit": "fc427df0cb4b7fad05306dedc504dfb5ac93e8d7"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui/react-popover",
|
|
43
|
+
"comment": "Bump @fluentui/react-tabster to v0.0.0-nightly-20220530-0421.1",
|
|
44
|
+
"commit": "fc427df0cb4b7fad05306dedc504dfb5ac93e8d7"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-popover",
|
|
49
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220530-0421.1",
|
|
50
|
+
"commit": "fc427df0cb4b7fad05306dedc504dfb5ac93e8d7"
|
|
51
|
+
}
|
|
52
|
+
]
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
"date": "Thu, 26 May 2022 21:01:27 GMT",
|
|
57
|
+
"tag": "@fluentui/react-popover_v9.0.0-rc.12",
|
|
58
|
+
"version": "9.0.0-rc.12",
|
|
59
|
+
"comments": {
|
|
60
|
+
"none": [
|
|
61
|
+
{
|
|
62
|
+
"author": "olfedias@microsoft.com",
|
|
63
|
+
"package": "@fluentui/react-popover",
|
|
64
|
+
"commit": "ca6d248d3b70b893a0d857c4c4759b95651572aa",
|
|
65
|
+
"comment": "use \"useId\" in stories for id generation"
|
|
66
|
+
}
|
|
67
|
+
],
|
|
68
|
+
"prerelease": [
|
|
69
|
+
{
|
|
70
|
+
"author": "behowell@microsoft.com",
|
|
71
|
+
"package": "@fluentui/react-popover",
|
|
72
|
+
"commit": "2bed5a599f10435dfa95be96f0bab5e4f71b4202",
|
|
73
|
+
"comment": "BREAKING: Popover no longer has an arrow by default. The `noArrow` prop is replaced by `withArrow`."
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
"author": "beachball",
|
|
77
|
+
"package": "@fluentui/react-popover",
|
|
78
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-rc.12",
|
|
79
|
+
"commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"author": "beachball",
|
|
83
|
+
"package": "@fluentui/react-popover",
|
|
84
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.12",
|
|
85
|
+
"commit": "3cf55ce998048554bf6a550de44403843ea8ede0"
|
|
86
|
+
}
|
|
87
|
+
]
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"date": "Mon, 23 May 2022 18:56:46 GMT",
|
|
92
|
+
"tag": "@fluentui/react-popover_v9.0.0-rc.11",
|
|
93
|
+
"version": "9.0.0-rc.11",
|
|
94
|
+
"comments": {
|
|
95
|
+
"prerelease": [
|
|
96
|
+
{
|
|
97
|
+
"author": "lingfangao@hotmail.com",
|
|
98
|
+
"package": "@fluentui/react-popover",
|
|
99
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
|
100
|
+
"comment": "BREAKING: changes to positioning prop"
|
|
101
|
+
},
|
|
102
|
+
{
|
|
103
|
+
"author": "lingfangao@hotmail.com",
|
|
104
|
+
"package": "@fluentui/react-popover",
|
|
105
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
|
106
|
+
"comment": "BREAKING: stop exporting PopoverContext"
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
"author": "esteban.230@hotmail.com",
|
|
110
|
+
"package": "@fluentui/react-popover",
|
|
111
|
+
"commit": "5ed22515a7542b432ed694f22606ac3718d501cb",
|
|
112
|
+
"comment": "Removing <componentName>ClassName exports."
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"author": "beachball",
|
|
116
|
+
"package": "@fluentui/react-popover",
|
|
117
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-rc.11",
|
|
118
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
"author": "beachball",
|
|
122
|
+
"package": "@fluentui/react-popover",
|
|
123
|
+
"comment": "Bump @fluentui/react-positioning to v9.0.0-rc.10",
|
|
124
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
"author": "beachball",
|
|
128
|
+
"package": "@fluentui/react-popover",
|
|
129
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.9",
|
|
130
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"author": "beachball",
|
|
134
|
+
"package": "@fluentui/react-popover",
|
|
135
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.11",
|
|
136
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
137
|
+
},
|
|
138
|
+
{
|
|
139
|
+
"author": "beachball",
|
|
140
|
+
"package": "@fluentui/react-popover",
|
|
141
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.9",
|
|
142
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
"author": "beachball",
|
|
146
|
+
"package": "@fluentui/react-popover",
|
|
147
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7",
|
|
148
|
+
"commit": "d4f80b17690e962d6a24e68959608d1ffe84aef6"
|
|
149
|
+
}
|
|
150
|
+
]
|
|
151
|
+
}
|
|
152
|
+
},
|
|
153
|
+
{
|
|
154
|
+
"date": "Mon, 23 May 2022 12:13:32 GMT",
|
|
155
|
+
"tag": "@fluentui/react-popover_v9.0.0-rc.10",
|
|
156
|
+
"version": "9.0.0-rc.10",
|
|
8
157
|
"comments": {
|
|
9
158
|
"prerelease": [
|
|
10
159
|
{
|
|
@@ -28,50 +177,50 @@
|
|
|
28
177
|
{
|
|
29
178
|
"author": "beachball",
|
|
30
179
|
"package": "@fluentui/react-popover",
|
|
31
|
-
"comment": "Bump @fluentui/react-context-selector to
|
|
32
|
-
"commit": "
|
|
180
|
+
"comment": "Bump @fluentui/react-context-selector to v9.0.0-rc.9",
|
|
181
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
33
182
|
},
|
|
34
183
|
{
|
|
35
184
|
"author": "beachball",
|
|
36
185
|
"package": "@fluentui/react-popover",
|
|
37
|
-
"comment": "Bump @fluentui/react-portal to
|
|
38
|
-
"commit": "
|
|
186
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-rc.10",
|
|
187
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
39
188
|
},
|
|
40
189
|
{
|
|
41
190
|
"author": "beachball",
|
|
42
191
|
"package": "@fluentui/react-popover",
|
|
43
|
-
"comment": "Bump @fluentui/react-positioning to
|
|
44
|
-
"commit": "
|
|
192
|
+
"comment": "Bump @fluentui/react-positioning to v9.0.0-rc.9",
|
|
193
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
45
194
|
},
|
|
46
195
|
{
|
|
47
196
|
"author": "beachball",
|
|
48
197
|
"package": "@fluentui/react-popover",
|
|
49
|
-
"comment": "Bump @fluentui/react-shared-contexts to
|
|
50
|
-
"commit": "
|
|
198
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.8",
|
|
199
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
51
200
|
},
|
|
52
201
|
{
|
|
53
202
|
"author": "beachball",
|
|
54
203
|
"package": "@fluentui/react-popover",
|
|
55
|
-
"comment": "Bump @fluentui/react-tabster to
|
|
56
|
-
"commit": "
|
|
204
|
+
"comment": "Bump @fluentui/react-tabster to v9.0.0-rc.10",
|
|
205
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
57
206
|
},
|
|
58
207
|
{
|
|
59
208
|
"author": "beachball",
|
|
60
209
|
"package": "@fluentui/react-popover",
|
|
61
|
-
"comment": "Bump @fluentui/react-theme to
|
|
62
|
-
"commit": "
|
|
210
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.8",
|
|
211
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
63
212
|
},
|
|
64
213
|
{
|
|
65
214
|
"author": "beachball",
|
|
66
215
|
"package": "@fluentui/react-popover",
|
|
67
|
-
"comment": "Bump @fluentui/react-utilities to
|
|
68
|
-
"commit": "
|
|
216
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.9",
|
|
217
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
69
218
|
},
|
|
70
219
|
{
|
|
71
220
|
"author": "beachball",
|
|
72
221
|
"package": "@fluentui/react-popover",
|
|
73
|
-
"comment": "Bump @fluentui/react-conformance-griffel to
|
|
74
|
-
"commit": "
|
|
222
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6",
|
|
223
|
+
"commit": "8d58f08997acf595e3eb7f628123e7fa7830c394"
|
|
75
224
|
}
|
|
76
225
|
]
|
|
77
226
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,27 +1,70 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-popover
|
|
2
2
|
|
|
3
|
-
This log was last generated on Mon,
|
|
3
|
+
This log was last generated on Mon, 30 May 2022 04:31:30 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-20220530-0421.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightly-20220530-0421.1)
|
|
8
8
|
|
|
9
|
-
Mon,
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-rc.
|
|
9
|
+
Mon, 30 May 2022 04:31:30 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-rc.12..@fluentui/react-popover_v0.0.0-nightly-20220530-0421.1)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- chore: Update Griffel to latest version ([PR #23275](https://github.com/microsoft/fluentui/pull/23275) by olfedias@microsoft.com)
|
|
15
|
+
- update popover trigger to use aria-expanded instead of aria-haspopup ([PR #23127](https://github.com/microsoft/fluentui/pull/23127) by sarah.higley@microsoft.com)
|
|
16
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly-20220530-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/fc427df0cb4b7fad05306dedc504dfb5ac93e8d7) by beachball)
|
|
17
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly-20220530-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/fc427df0cb4b7fad05306dedc504dfb5ac93e8d7) by beachball)
|
|
18
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20220530-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/fc427df0cb4b7fad05306dedc504dfb5ac93e8d7) by beachball)
|
|
19
|
+
- Bump @fluentui/react-tabster to v0.0.0-nightly-20220530-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/fc427df0cb4b7fad05306dedc504dfb5ac93e8d7) by beachball)
|
|
20
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220530-0421.1 ([commit](https://github.com/microsoft/fluentui/commit/fc427df0cb4b7fad05306dedc504dfb5ac93e8d7) by beachball)
|
|
21
|
+
|
|
22
|
+
## [9.0.0-rc.12](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-rc.12)
|
|
23
|
+
|
|
24
|
+
Thu, 26 May 2022 21:01:27 GMT
|
|
25
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-rc.11..@fluentui/react-popover_v9.0.0-rc.12)
|
|
26
|
+
|
|
27
|
+
### Changes
|
|
28
|
+
|
|
29
|
+
- BREAKING: Popover no longer has an arrow by default. The `noArrow` prop is replaced by `withArrow`. ([PR #23205](https://github.com/microsoft/fluentui/pull/23205) by behowell@microsoft.com)
|
|
30
|
+
- Bump @fluentui/react-portal to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
|
|
31
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.12 ([PR #23267](https://github.com/microsoft/fluentui/pull/23267) by beachball)
|
|
32
|
+
|
|
33
|
+
## [9.0.0-rc.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-rc.11)
|
|
34
|
+
|
|
35
|
+
Mon, 23 May 2022 18:56:46 GMT
|
|
36
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-rc.10..@fluentui/react-popover_v9.0.0-rc.11)
|
|
37
|
+
|
|
38
|
+
### Changes
|
|
39
|
+
|
|
40
|
+
- BREAKING: changes to positioning prop ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by lingfangao@hotmail.com)
|
|
41
|
+
- BREAKING: stop exporting PopoverContext ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by lingfangao@hotmail.com)
|
|
42
|
+
- Removing <componentName>ClassName exports. ([PR #23092](https://github.com/microsoft/fluentui/pull/23092) by esteban.230@hotmail.com)
|
|
43
|
+
- Bump @fluentui/react-portal to v9.0.0-rc.11 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
44
|
+
- Bump @fluentui/react-positioning to v9.0.0-rc.10 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
45
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
46
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.11 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
47
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.9 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
48
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.7 ([PR #23146](https://github.com/microsoft/fluentui/pull/23146) by beachball)
|
|
49
|
+
|
|
50
|
+
## [9.0.0-rc.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-rc.10)
|
|
51
|
+
|
|
52
|
+
Mon, 23 May 2022 12:13:32 GMT
|
|
53
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.0.0-rc.9..@fluentui/react-popover_v9.0.0-rc.10)
|
|
11
54
|
|
|
12
55
|
### Changes
|
|
13
56
|
|
|
14
57
|
- Removing PopoverCommons type. ([PR #22968](https://github.com/microsoft/fluentui/pull/22968) by Humberto.Morimoto@microsoft.com)
|
|
15
58
|
- chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
|
|
16
59
|
- chore: Update Griffel to latest version ([PR #23029](https://github.com/microsoft/fluentui/pull/23029) by olfedias@microsoft.com)
|
|
17
|
-
- Bump @fluentui/react-context-selector to
|
|
18
|
-
- Bump @fluentui/react-portal to
|
|
19
|
-
- Bump @fluentui/react-positioning to
|
|
20
|
-
- Bump @fluentui/react-shared-contexts to
|
|
21
|
-
- Bump @fluentui/react-tabster to
|
|
22
|
-
- Bump @fluentui/react-theme to
|
|
23
|
-
- Bump @fluentui/react-utilities to
|
|
24
|
-
- Bump @fluentui/react-conformance-griffel to
|
|
60
|
+
- Bump @fluentui/react-context-selector to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
61
|
+
- Bump @fluentui/react-portal to v9.0.0-rc.10 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
62
|
+
- Bump @fluentui/react-positioning to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
63
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
64
|
+
- Bump @fluentui/react-tabster to v9.0.0-rc.10 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
65
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.8 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
66
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.9 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
67
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.6 ([PR #23030](https://github.com/microsoft/fluentui/pull/23030) by beachball)
|
|
25
68
|
|
|
26
69
|
## [9.0.0-rc.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.0.0-rc.9)
|
|
27
70
|
|
package/Spec.md
CHANGED
|
@@ -344,7 +344,7 @@ Default popover
|
|
|
344
344
|
|
|
345
345
|
// Expected Markup
|
|
346
346
|
<div id="container">
|
|
347
|
-
<button aria-
|
|
347
|
+
<button aria-expanded="false">Trigger</button>
|
|
348
348
|
</div>
|
|
349
349
|
|
|
350
350
|
// on document.body
|
|
@@ -370,7 +370,7 @@ Popover that traps focus
|
|
|
370
370
|
|
|
371
371
|
// Expected Markup
|
|
372
372
|
<div id="container">
|
|
373
|
-
<button aria-
|
|
373
|
+
<button aria-expanded="false">Trigger</button>
|
|
374
374
|
</div>
|
|
375
375
|
|
|
376
376
|
// on document.body
|
|
@@ -396,7 +396,7 @@ Inline popover
|
|
|
396
396
|
|
|
397
397
|
// Expected Markup
|
|
398
398
|
<div id="container">
|
|
399
|
-
<button aria-
|
|
399
|
+
<button aria-expanded="false">Trigger</button>
|
|
400
400
|
<div>
|
|
401
401
|
{/** content */}
|
|
402
402
|
</div>
|
|
@@ -498,7 +498,7 @@ Accessible markup is divided into two scenarios:
|
|
|
498
498
|
|
|
499
499
|
```tsx
|
|
500
500
|
// Popover that does not trap focus
|
|
501
|
-
<button aria-
|
|
501
|
+
<button aria-expanded="false">Trigger</button>
|
|
502
502
|
<div role="complementary">
|
|
503
503
|
No focus trap
|
|
504
504
|
</div>
|
|
@@ -507,7 +507,7 @@ Accessible markup is divided into two scenarios:
|
|
|
507
507
|
<div aria-hidden="true" /> // other content
|
|
508
508
|
<div aria-hidden="true" /> // other content
|
|
509
509
|
<div aria-hidden="true" className='fui-provider'>
|
|
510
|
-
<button aria-
|
|
510
|
+
<button aria-expanded="false">Trigger</button>
|
|
511
511
|
</div>
|
|
512
512
|
|
|
513
513
|
<div role="dialog" aria-modal="true">
|
package/dist/index.d.ts
CHANGED
|
@@ -1,18 +1,20 @@
|
|
|
1
1
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
|
-
import type { Context } from '@fluentui/react-context-selector';
|
|
4
3
|
import type { ContextSelector } from '@fluentui/react-context-selector';
|
|
4
|
+
import { FC } from 'react';
|
|
5
5
|
import type { FluentTriggerComponent } from '@fluentui/react-utilities';
|
|
6
6
|
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
|
7
7
|
import { JSXElementConstructor } from 'react';
|
|
8
|
-
import type { PopperVirtualElement } from '@fluentui/react-positioning';
|
|
9
8
|
import type { PortalProps } from '@fluentui/react-portal';
|
|
10
9
|
import type { PositioningShorthand } from '@fluentui/react-positioning';
|
|
10
|
+
import type { PositioningVirtualElement } from '@fluentui/react-positioning';
|
|
11
|
+
import { Provider } from 'react';
|
|
12
|
+
import { ProviderProps } from 'react';
|
|
11
13
|
import * as React_2 from 'react';
|
|
12
14
|
import { ReactElement } from 'react';
|
|
13
15
|
import type { Slot } from '@fluentui/react-utilities';
|
|
14
16
|
import type { SlotClassNames } from '@fluentui/react-utilities';
|
|
15
|
-
import type {
|
|
17
|
+
import type { usePositioningMouseTarget } from '@fluentui/react-positioning';
|
|
16
18
|
|
|
17
19
|
export declare const arrowHeights: Record<PopoverSize, number>;
|
|
18
20
|
|
|
@@ -33,12 +35,10 @@ export declare type OpenPopoverEvents = MouseEvent | TouchEvent | React_2.FocusE
|
|
|
33
35
|
*/
|
|
34
36
|
export declare const Popover: React_2.FC<PopoverProps>;
|
|
35
37
|
|
|
36
|
-
export declare const PopoverContext: Context<PopoverContextValue>;
|
|
37
|
-
|
|
38
38
|
/**
|
|
39
39
|
* Context shared between Popover and its children components
|
|
40
40
|
*/
|
|
41
|
-
export declare type PopoverContextValue = Pick<PopoverState, 'toggleOpen' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | '
|
|
41
|
+
export declare type PopoverContextValue = Pick<PopoverState, 'open' | 'toggleOpen' | 'setOpen' | 'triggerRef' | 'contentRef' | 'openOnHover' | 'openOnContext' | 'mountNode' | 'withArrow' | 'arrowRef' | 'size' | 'appearance' | 'trapFocus' | 'inline'>;
|
|
42
42
|
|
|
43
43
|
/**
|
|
44
44
|
* Popover Props
|
|
@@ -77,9 +77,11 @@ export declare type PopoverProps = Pick<PortalProps, 'mountNode'> & {
|
|
|
77
77
|
*/
|
|
78
78
|
mouseLeaveDelay?: number;
|
|
79
79
|
/**
|
|
80
|
-
*
|
|
80
|
+
* Display an arrow pointing to the target.
|
|
81
|
+
*
|
|
82
|
+
* @default false
|
|
81
83
|
*/
|
|
82
|
-
|
|
84
|
+
withArrow?: boolean;
|
|
83
85
|
/**
|
|
84
86
|
* Call back when the component requests to change value
|
|
85
87
|
* The `open` value is used as a hint when directly controlling the component
|
|
@@ -121,6 +123,8 @@ export declare type PopoverProps = Pick<PortalProps, 'mountNode'> & {
|
|
|
121
123
|
trapFocus?: boolean;
|
|
122
124
|
};
|
|
123
125
|
|
|
126
|
+
export declare const PopoverProvider: Provider<PopoverContextValue> & FC<ProviderProps<PopoverContextValue>>;
|
|
127
|
+
|
|
124
128
|
/**
|
|
125
129
|
* Determines popover padding and arrow size
|
|
126
130
|
*/
|
|
@@ -129,7 +133,7 @@ export declare type PopoverSize = 'small' | 'medium' | 'large';
|
|
|
129
133
|
/**
|
|
130
134
|
* Popover State
|
|
131
135
|
*/
|
|
132
|
-
export declare type PopoverState = Pick<PopoverProps, 'appearance' | 'mountNode' | '
|
|
136
|
+
export declare type PopoverState = Pick<PopoverProps, 'appearance' | 'mountNode' | 'onOpenChange' | 'openOnContext' | 'openOnHover' | 'trapFocus' | 'withArrow'> & Required<Pick<PopoverProps, 'inline' | 'open'>> & Pick<PopoverProps, 'children'> & {
|
|
133
137
|
/**
|
|
134
138
|
* Ref of the pointing arrow
|
|
135
139
|
*/
|
|
@@ -141,13 +145,13 @@ export declare type PopoverState = Pick<PopoverProps, 'appearance' | 'mountNode'
|
|
|
141
145
|
/**
|
|
142
146
|
* Anchors the popper to the mouse click for context events
|
|
143
147
|
*/
|
|
144
|
-
contextTarget:
|
|
148
|
+
contextTarget: PositioningVirtualElement | undefined;
|
|
145
149
|
popoverSurface: React_2.ReactElement | undefined;
|
|
146
150
|
popoverTrigger: React_2.ReactElement | undefined;
|
|
147
151
|
/**
|
|
148
152
|
* A callback to set the target of the popper to the mouse click for context events
|
|
149
153
|
*/
|
|
150
|
-
setContextTarget: ReturnType<typeof
|
|
154
|
+
setContextTarget: ReturnType<typeof usePositioningMouseTarget>[1];
|
|
151
155
|
/**
|
|
152
156
|
* Callback to open/close the Popover
|
|
153
157
|
*/
|
|
@@ -168,11 +172,6 @@ export declare type PopoverState = Pick<PopoverProps, 'appearance' | 'mountNode'
|
|
|
168
172
|
*/
|
|
169
173
|
export declare const PopoverSurface: ForwardRefComponent<PopoverSurfaceProps>;
|
|
170
174
|
|
|
171
|
-
/**
|
|
172
|
-
* @deprecated Use `popoverSurfaceClassNames.root` instead.
|
|
173
|
-
*/
|
|
174
|
-
export declare const popoverSurfaceClassName = "fui-PopoverSurface";
|
|
175
|
-
|
|
176
175
|
export declare const popoverSurfaceClassNames: SlotClassNames<PopoverSurfaceSlots>;
|
|
177
176
|
|
|
178
177
|
/**
|
|
@@ -190,7 +189,7 @@ export declare type PopoverSurfaceSlots = {
|
|
|
190
189
|
/**
|
|
191
190
|
* PopoverSurface State
|
|
192
191
|
*/
|
|
193
|
-
export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & Pick<PopoverContextValue, 'appearance' | 'arrowRef' | 'inline' | 'mountNode' | '
|
|
192
|
+
export declare type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & Pick<PopoverContextValue, 'appearance' | 'arrowRef' | 'inline' | 'mountNode' | 'size' | 'withArrow'> & {
|
|
194
193
|
/**
|
|
195
194
|
* CSS class for the arrow element
|
|
196
195
|
*/
|
|
@@ -204,7 +203,7 @@ export declare const PopoverTrigger: React_2.FC<PopoverTriggerProps> & FluentTri
|
|
|
204
203
|
|
|
205
204
|
export declare type PopoverTriggerChildProps = {
|
|
206
205
|
ref?: React_2.Ref<never>;
|
|
207
|
-
} & Pick<React_2.HTMLAttributes<HTMLElement>, 'aria-
|
|
206
|
+
} & Pick<React_2.HTMLAttributes<HTMLElement>, 'aria-expanded' | 'onClick' | 'onContextMenu' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave'>;
|
|
208
207
|
|
|
209
208
|
/**
|
|
210
209
|
* PopoverTrigger Props
|
|
@@ -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 {
|
|
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';\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?: boolean;\n};\n\n/**\n * Popover State\n */\nexport type PopoverState = Pick<\n PopoverProps,\n 'appearance' | 'mountNode' | 'onOpenChange' | 'openOnContext' | 'openOnHover' | 'trapFocus' | 'withArrow'\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"]}
|
|
@@ -11,14 +11,15 @@ export const renderPopover_unstable = state => {
|
|
|
11
11
|
contentRef,
|
|
12
12
|
inline,
|
|
13
13
|
mountNode,
|
|
14
|
-
|
|
14
|
+
open,
|
|
15
15
|
openOnContext,
|
|
16
16
|
openOnHover,
|
|
17
17
|
setOpen,
|
|
18
18
|
size,
|
|
19
19
|
toggleOpen,
|
|
20
20
|
trapFocus,
|
|
21
|
-
triggerRef
|
|
21
|
+
triggerRef,
|
|
22
|
+
withArrow
|
|
22
23
|
} = state;
|
|
23
24
|
return /*#__PURE__*/React.createElement(PopoverContext.Provider, {
|
|
24
25
|
value: {
|
|
@@ -27,14 +28,15 @@ export const renderPopover_unstable = state => {
|
|
|
27
28
|
contentRef,
|
|
28
29
|
inline,
|
|
29
30
|
mountNode,
|
|
30
|
-
|
|
31
|
+
open,
|
|
31
32
|
openOnContext,
|
|
32
33
|
openOnHover,
|
|
33
34
|
setOpen,
|
|
34
35
|
toggleOpen,
|
|
35
36
|
triggerRef,
|
|
36
37
|
size,
|
|
37
|
-
trapFocus
|
|
38
|
+
trapFocus,
|
|
39
|
+
withArrow
|
|
38
40
|
}
|
|
39
41
|
}, state.popoverTrigger, state.open && state.popoverSurface);
|
|
40
42
|
};
|
|
@@ -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;AAC5D,QAAM;AACJ,IAAA,UADI;AAEJ,IAAA,QAFI;AAGJ,IAAA,UAHI;AAIJ,IAAA,MAJI;AAKJ,IAAA,SALI;AAMJ,IAAA,
|
|
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,UADI;AAEJ,IAAA,QAFI;AAGJ,IAAA,UAHI;AAIJ,IAAA,MAJI;AAKJ,IAAA,SALI;AAMJ,IAAA,IANI;AAOJ,IAAA,aAPI;AAQJ,IAAA,WARI;AASJ,IAAA,OATI;AAUJ,IAAA,IAVI;AAWJ,IAAA,UAXI;AAYJ,IAAA,SAZI;AAaJ,IAAA,UAbI;AAcJ,IAAA;AAdI,MAeF,KAfJ;AAiBA,sBACE,KAAA,CAAA,aAAA,CAAC,cAAc,CAAC,QAAhB,EAAwB;AACtB,IAAA,KAAK,EAAE;AACL,MAAA,UADK;AAEL,MAAA,QAFK;AAGL,MAAA,UAHK;AAIL,MAAA,MAJK;AAKL,MAAA,SALK;AAML,MAAA,IANK;AAOL,MAAA,aAPK;AAQL,MAAA,WARK;AASL,MAAA,OATK;AAUL,MAAA,UAVK;AAWL,MAAA,UAXK;AAYL,MAAA,IAZK;AAaL,MAAA,SAbK;AAcL,MAAA;AAdK;AADe,GAAxB,EAkBG,KAAK,CAAC,cAlBT,EAmBG,KAAK,CAAC,IAAN,IAAc,KAAK,CAAC,cAnBvB,CADF;AAuBD,CAzCM","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 } = 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 withArrow,\n }}\n >\n {state.popoverTrigger}\n {state.open && state.popoverSurface}\n </PopoverContext.Provider>\n );\n};\n"],"sourceRoot":"../src/"}
|