@fluentui/react-tooltip 0.0.0-nightlyd514b3e0ee20220121.1 → 0.0.0-nightlyd80c90385320220216.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 +147 -42
- package/CHANGELOG.md +38 -14
- package/dist/react-tooltip.d.ts +23 -38
- package/lib/components/Tooltip/Tooltip.d.ts +3 -2
- package/lib/components/Tooltip/Tooltip.js +9 -9
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.types.d.ts +17 -30
- package/lib/components/Tooltip/renderTooltip.d.ts +1 -1
- package/lib/components/Tooltip/renderTooltip.js +3 -3
- package/lib/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltip.d.ts +3 -5
- package/lib/components/Tooltip/useTooltip.js +42 -57
- package/lib/components/Tooltip/useTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltipStyles.d.ts +1 -1
- package/lib/components/Tooltip/useTooltipStyles.js +3 -3
- package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/lib-commonjs/components/Tooltip/Tooltip.d.ts +3 -2
- package/lib-commonjs/components/Tooltip/Tooltip.js +8 -7
- package/lib-commonjs/components/Tooltip/Tooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/Tooltip.types.d.ts +17 -30
- package/lib-commonjs/components/Tooltip/renderTooltip.d.ts +1 -1
- package/lib-commonjs/components/Tooltip/renderTooltip.js +5 -5
- package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltip.d.ts +3 -5
- package/lib-commonjs/components/Tooltip/useTooltip.js +43 -58
- package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.d.ts +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js +6 -6
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/package.json +8 -10
package/CHANGELOG.json
CHANGED
|
@@ -2,35 +2,140 @@
|
|
|
2
2
|
"name": "@fluentui/react-tooltip",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
6
|
-
"tag": "@fluentui/react-tooltip_v0.0.0-
|
|
7
|
-
"version": "0.0.0-
|
|
5
|
+
"date": "Wed, 16 Feb 2022 04:14:15 GMT",
|
|
6
|
+
"tag": "@fluentui/react-tooltip_v0.0.0-nightlyd80c90385320220216.1",
|
|
7
|
+
"version": "0.0.0-nightlyd80c90385320220216.1",
|
|
8
8
|
"comments": {
|
|
9
9
|
"prerelease": [
|
|
10
10
|
{
|
|
11
11
|
"author": "email not defined",
|
|
12
12
|
"package": "@fluentui/react-tooltip",
|
|
13
|
-
"commit": "
|
|
13
|
+
"commit": "685891ff65eff67542456c5908f5ee1c2f121f4c",
|
|
14
14
|
"comment": "Release nightly v9"
|
|
15
15
|
},
|
|
16
|
+
{
|
|
17
|
+
"author": "olfedias@microsoft.com",
|
|
18
|
+
"package": "@fluentui/react-tooltip",
|
|
19
|
+
"commit": "2bf88fea066244bc078912bb6e45edb960f3b866",
|
|
20
|
+
"comment": "update trigger implementation to be consistent"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-tooltip",
|
|
25
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightlyd80c90385320220216.1",
|
|
26
|
+
"commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-tooltip",
|
|
31
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightlyd80c90385320220216.1",
|
|
32
|
+
"commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-tooltip",
|
|
37
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightlyd80c90385320220216.1",
|
|
38
|
+
"commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui/react-tooltip",
|
|
43
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightlyd80c90385320220216.1",
|
|
44
|
+
"commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-tooltip",
|
|
49
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightlyd80c90385320220216.1",
|
|
50
|
+
"commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui/react-tooltip",
|
|
55
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd80c90385320220216.1",
|
|
56
|
+
"commit": "685891ff65eff67542456c5908f5ee1c2f121f4c"
|
|
57
|
+
}
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"date": "Thu, 10 Feb 2022 08:50:30 GMT",
|
|
63
|
+
"tag": "@fluentui/react-tooltip_v9.0.0-rc.1",
|
|
64
|
+
"version": "9.0.0-rc.1",
|
|
65
|
+
"comments": {
|
|
66
|
+
"prerelease": [
|
|
67
|
+
{
|
|
68
|
+
"author": "olfedias@microsoft.com",
|
|
69
|
+
"package": "@fluentui/react-tooltip",
|
|
70
|
+
"commit": "02e6236e4db8e1b591223475896537e905bf3580",
|
|
71
|
+
"comment": "BREAKING: implement `content` slot"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"author": "olfedias@microsoft.com",
|
|
75
|
+
"package": "@fluentui/react-tooltip",
|
|
76
|
+
"commit": "17c0b18d7983d414095661bf9f57e14c0c22685d",
|
|
77
|
+
"comment": "Replace make-styles packages with griffel equivalents."
|
|
78
|
+
},
|
|
79
|
+
{
|
|
80
|
+
"author": "behowell@microsoft.com",
|
|
81
|
+
"package": "@fluentui/react-tooltip",
|
|
82
|
+
"commit": "58ae40d6817b1fa4e095a94707dfef5050aa4c11",
|
|
83
|
+
"comment": "Replace `triggerAriaAttribute` prop with `relationship` and make it required with no default"
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
"author": "behowell@microsoft.com",
|
|
87
|
+
"package": "@fluentui/react-tooltip",
|
|
88
|
+
"commit": "f30e7585a8d2abd9db06c4076f39a779008b0eca",
|
|
89
|
+
"comment": "Update MenuTrigger and Tooltip to work together"
|
|
90
|
+
},
|
|
91
|
+
{
|
|
92
|
+
"author": "mgodbolt@microsoft.com",
|
|
93
|
+
"package": "@fluentui/react-tooltip",
|
|
94
|
+
"commit": "839ec14849e112b85aa321d034739ec421199141",
|
|
95
|
+
"comment": "remove export of commons types"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"author": "lingfangao@hotmail.com",
|
|
99
|
+
"package": "@fluentui/react-tooltip",
|
|
100
|
+
"commit": "c00913d50e2dd15bbfbb0757cefe43b192ff1d7f",
|
|
101
|
+
"comment": "Bump Fluent UI packages to 9.0.0-rc"
|
|
102
|
+
},
|
|
16
103
|
{
|
|
17
104
|
"author": "behowell@microsoft.com",
|
|
18
105
|
"package": "@fluentui/react-tooltip",
|
|
19
106
|
"commit": "caaf3307f864b04369c13fe69d7dc8fe7ab84735",
|
|
20
107
|
"comment": "Move arrowHeight and tooltipBorderRadius into a shared constants.ts file"
|
|
21
108
|
},
|
|
109
|
+
{
|
|
110
|
+
"author": "behowell@microsoft.com",
|
|
111
|
+
"package": "@fluentui/react-tooltip",
|
|
112
|
+
"commit": "2aacc839785a2f96d84a959aea207dfdb99116f8",
|
|
113
|
+
"comment": "Prevent Tooltip from overriding any aria-label, etc. props on its child"
|
|
114
|
+
},
|
|
22
115
|
{
|
|
23
116
|
"author": "Humberto.Morimoto@microsoft.com",
|
|
24
117
|
"package": "@fluentui/react-tooltip",
|
|
25
118
|
"commit": "9204703d0a42ee34a20ae4cf28952e13872647ba",
|
|
26
119
|
"comment": "Replacing use of functions in makeStyles with direct use of tokens."
|
|
27
120
|
},
|
|
121
|
+
{
|
|
122
|
+
"author": "behowell@microsoft.com",
|
|
123
|
+
"package": "@fluentui/react-tooltip",
|
|
124
|
+
"commit": "53b01d71e335715fda91b33e3d7bbd9d471d5ed3",
|
|
125
|
+
"comment": "Refactor component Slot typings"
|
|
126
|
+
},
|
|
28
127
|
{
|
|
29
128
|
"author": "olfedias@microsoft.com",
|
|
30
129
|
"package": "@fluentui/react-tooltip",
|
|
31
130
|
"commit": "1bbb753830028fbf133858d523ae2d56ceefeecf",
|
|
32
131
|
"comment": "update styles to not use CSS shorthands"
|
|
33
132
|
},
|
|
133
|
+
{
|
|
134
|
+
"author": "behowell@microsoft.com",
|
|
135
|
+
"package": "@fluentui/react-tooltip",
|
|
136
|
+
"commit": "317209bb5cd57c40f35bc42060acb7e3cce5ec95",
|
|
137
|
+
"comment": "BREAKING: Rename component hooks add the suffix _unstable, as their API has not been finalized yet"
|
|
138
|
+
},
|
|
34
139
|
{
|
|
35
140
|
"author": "behowell@microsoft.com",
|
|
36
141
|
"package": "@fluentui/react-tooltip",
|
|
@@ -38,85 +143,73 @@
|
|
|
38
143
|
"comment": "Remove component's shorthandProps array"
|
|
39
144
|
},
|
|
40
145
|
{
|
|
41
|
-
"author": "
|
|
146
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
|
42
147
|
"package": "@fluentui/react-tooltip",
|
|
43
|
-
"commit": "
|
|
44
|
-
"comment": "
|
|
148
|
+
"commit": "e0b8e1fa6980077e7b311fd1c72c28d3e4305db0",
|
|
149
|
+
"comment": "Updating based on changes to composition types."
|
|
45
150
|
},
|
|
46
151
|
{
|
|
47
152
|
"author": "behowell@microsoft.com",
|
|
48
153
|
"package": "@fluentui/react-tooltip",
|
|
49
|
-
"commit": "
|
|
50
|
-
"comment": "
|
|
154
|
+
"commit": "97c3818f7faf8733a0cfc9c91f5e94ddb8652d3a",
|
|
155
|
+
"comment": "Update documentation stories"
|
|
51
156
|
},
|
|
52
157
|
{
|
|
53
|
-
"author": "
|
|
158
|
+
"author": "olfedias@microsoft.com",
|
|
54
159
|
"package": "@fluentui/react-tooltip",
|
|
55
|
-
"
|
|
56
|
-
"
|
|
160
|
+
"commit": "aa6cfd8ac825b5a280206808101de549a91094fc",
|
|
161
|
+
"comment": "update types related to trigger (allow only React.ReactElement & null)"
|
|
57
162
|
},
|
|
58
163
|
{
|
|
59
|
-
"author": "
|
|
164
|
+
"author": "behowell@microsoft.com",
|
|
60
165
|
"package": "@fluentui/react-tooltip",
|
|
61
|
-
"
|
|
62
|
-
"
|
|
166
|
+
"commit": "09804275c7f346db54c33d4ff347bffc33676014",
|
|
167
|
+
"comment": "Fix tooltip arrow rendering, and add high contrast border around Tooltip"
|
|
63
168
|
},
|
|
64
169
|
{
|
|
65
|
-
"author": "
|
|
170
|
+
"author": "behowell@microsoft.com",
|
|
66
171
|
"package": "@fluentui/react-tooltip",
|
|
67
|
-
"
|
|
68
|
-
"
|
|
172
|
+
"commit": "1513362b9adaae5d7dbda6b364e40e736710a79f",
|
|
173
|
+
"comment": "Remove Tooltip's inverted prop in favor of the appearance prop"
|
|
69
174
|
},
|
|
70
175
|
{
|
|
71
176
|
"author": "beachball",
|
|
72
177
|
"package": "@fluentui/react-tooltip",
|
|
73
|
-
"comment": "Bump @fluentui/react-
|
|
74
|
-
"commit": "
|
|
178
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-rc.1",
|
|
179
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
75
180
|
},
|
|
76
181
|
{
|
|
77
182
|
"author": "beachball",
|
|
78
183
|
"package": "@fluentui/react-tooltip",
|
|
79
|
-
"comment": "Bump @fluentui/react-
|
|
80
|
-
"commit": "
|
|
184
|
+
"comment": "Bump @fluentui/react-positioning to v9.0.0-rc.1",
|
|
185
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
81
186
|
},
|
|
82
187
|
{
|
|
83
188
|
"author": "beachball",
|
|
84
189
|
"package": "@fluentui/react-tooltip",
|
|
85
|
-
"comment": "Bump @fluentui/react-
|
|
86
|
-
"commit": "
|
|
190
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-rc.1",
|
|
191
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
87
192
|
},
|
|
88
193
|
{
|
|
89
194
|
"author": "beachball",
|
|
90
195
|
"package": "@fluentui/react-tooltip",
|
|
91
|
-
"comment": "Bump @fluentui/
|
|
92
|
-
"commit": "
|
|
196
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-rc.1",
|
|
197
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
93
198
|
},
|
|
94
199
|
{
|
|
95
200
|
"author": "beachball",
|
|
96
201
|
"package": "@fluentui/react-tooltip",
|
|
97
|
-
"comment": "Bump @fluentui/
|
|
98
|
-
"commit": "
|
|
202
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-rc.1",
|
|
203
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
99
204
|
},
|
|
100
205
|
{
|
|
101
206
|
"author": "beachball",
|
|
102
207
|
"package": "@fluentui/react-tooltip",
|
|
103
|
-
"comment": "Bump @fluentui/react-conformance-
|
|
104
|
-
"commit": "
|
|
208
|
+
"comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1",
|
|
209
|
+
"commit": "e6c855f6d9019d6c73668d15fc9bc3a13291a6c8"
|
|
105
210
|
}
|
|
106
211
|
],
|
|
107
212
|
"none": [
|
|
108
|
-
{
|
|
109
|
-
"author": "martinhochel@microsoft.com",
|
|
110
|
-
"package": "@fluentui/react-tooltip",
|
|
111
|
-
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
|
112
|
-
"comment": "chore: use storybook runner for all vNext packages"
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"author": "andredias@microsoft.com",
|
|
116
|
-
"package": "@fluentui/react-tooltip",
|
|
117
|
-
"commit": "b59f44ed5db37b457476fdb3ec86ff273b776646",
|
|
118
|
-
"comment": "Migrate package to use solution tsconfigs"
|
|
119
|
-
},
|
|
120
213
|
{
|
|
121
214
|
"author": "olfedias@microsoft.com",
|
|
122
215
|
"package": "@fluentui/react-tooltip",
|
|
@@ -128,6 +221,18 @@
|
|
|
128
221
|
"package": "@fluentui/react-tooltip",
|
|
129
222
|
"commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
|
|
130
223
|
"comment": "Remove outdated boilerplate comment in useTooltip"
|
|
224
|
+
},
|
|
225
|
+
{
|
|
226
|
+
"author": "martinhochel@microsoft.com",
|
|
227
|
+
"package": "@fluentui/react-tooltip",
|
|
228
|
+
"commit": "8dfa712156b70414205b87b5b6d099367b0c297d",
|
|
229
|
+
"comment": "chore: use storybook runner for all vNext packages"
|
|
230
|
+
},
|
|
231
|
+
{
|
|
232
|
+
"author": "andredias@microsoft.com",
|
|
233
|
+
"package": "@fluentui/react-tooltip",
|
|
234
|
+
"commit": "b59f44ed5db37b457476fdb3ec86ff273b776646",
|
|
235
|
+
"comment": "Migrate package to use solution tsconfigs"
|
|
131
236
|
}
|
|
132
237
|
]
|
|
133
238
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,32 +1,56 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-tooltip
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Wed, 16 Feb 2022 04:14:15 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
-
## [0.0.0-
|
|
7
|
+
## [0.0.0-nightlyd80c90385320220216.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightlyd80c90385320220216.1)
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-
|
|
9
|
+
Wed, 16 Feb 2022 04:14:15 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-rc.1..@fluentui/react-tooltip_v0.0.0-nightlyd80c90385320220216.1)
|
|
11
11
|
|
|
12
12
|
### Changes
|
|
13
13
|
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/
|
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by email not defined)
|
|
15
|
+
- update trigger implementation to be consistent ([PR #21626](https://github.com/microsoft/fluentui/pull/21626) by olfedias@microsoft.com)
|
|
16
|
+
- Bump @fluentui/react-portal to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
|
|
17
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
|
|
18
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
|
|
19
|
+
- Bump @fluentui/react-theme to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
|
|
20
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
|
|
21
|
+
- Bump @fluentui/react-conformance-griffel to v0.0.0-nightlyd80c90385320220216.1 ([commit](https://github.com/microsoft/fluentui/commit/685891ff65eff67542456c5908f5ee1c2f121f4c) by beachball)
|
|
22
|
+
|
|
23
|
+
## [9.0.0-rc.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-rc.1)
|
|
24
|
+
|
|
25
|
+
Thu, 10 Feb 2022 08:50:30 GMT
|
|
26
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v9.0.0-rc.1)
|
|
27
|
+
|
|
28
|
+
### Changes
|
|
29
|
+
|
|
30
|
+
- BREAKING: implement `content` slot ([PR #21470](https://github.com/microsoft/fluentui/pull/21470) by olfedias@microsoft.com)
|
|
31
|
+
- Replace make-styles packages with griffel equivalents. ([PR #21422](https://github.com/microsoft/fluentui/pull/21422) by olfedias@microsoft.com)
|
|
32
|
+
- Replace `triggerAriaAttribute` prop with `relationship` and make it required with no default ([PR #21331](https://github.com/microsoft/fluentui/pull/21331) by behowell@microsoft.com)
|
|
33
|
+
- Update MenuTrigger and Tooltip to work together ([PR #21495](https://github.com/microsoft/fluentui/pull/21495) by behowell@microsoft.com)
|
|
34
|
+
- remove export of commons types ([PR #21660](https://github.com/microsoft/fluentui/pull/21660) by mgodbolt@microsoft.com)
|
|
35
|
+
- Bump Fluent UI packages to 9.0.0-rc ([PR #21623](https://github.com/microsoft/fluentui/pull/21623) by lingfangao@hotmail.com)
|
|
15
36
|
- Move arrowHeight and tooltipBorderRadius into a shared constants.ts file ([PR #21204](https://github.com/microsoft/fluentui/pull/21204) by behowell@microsoft.com)
|
|
37
|
+
- Prevent Tooltip from overriding any aria-label, etc. props on its child ([PR #21532](https://github.com/microsoft/fluentui/pull/21532) by behowell@microsoft.com)
|
|
16
38
|
- Replacing use of functions in makeStyles with direct use of tokens. ([PR #21058](https://github.com/microsoft/fluentui/pull/21058) by Humberto.Morimoto@microsoft.com)
|
|
39
|
+
- Refactor component Slot typings ([PR #21518](https://github.com/microsoft/fluentui/pull/21518) by behowell@microsoft.com)
|
|
17
40
|
- update styles to not use CSS shorthands ([PR #20795](https://github.com/microsoft/fluentui/pull/20795) by olfedias@microsoft.com)
|
|
41
|
+
- 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)
|
|
18
42
|
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
|
43
|
+
- Updating based on changes to composition types. ([PR #20891](https://github.com/microsoft/fluentui/pull/20891) by Humberto.Morimoto@microsoft.com)
|
|
44
|
+
- Update documentation stories ([PR #21298](https://github.com/microsoft/fluentui/pull/21298) by behowell@microsoft.com)
|
|
45
|
+
- update types related to trigger (allow only React.ReactElement & null) ([PR #21609](https://github.com/microsoft/fluentui/pull/21609) by olfedias@microsoft.com)
|
|
19
46
|
- Fix tooltip arrow rendering, and add high contrast border around Tooltip ([PR #21086](https://github.com/microsoft/fluentui/pull/21086) by behowell@microsoft.com)
|
|
20
47
|
- Remove Tooltip's inverted prop in favor of the appearance prop ([PR #21327](https://github.com/microsoft/fluentui/pull/21327) by behowell@microsoft.com)
|
|
21
|
-
- Bump @fluentui/react-
|
|
22
|
-
- Bump @fluentui/react-
|
|
23
|
-
- Bump @fluentui/react-
|
|
24
|
-
- Bump @fluentui/react-
|
|
25
|
-
- Bump @fluentui/react-
|
|
26
|
-
- Bump @fluentui/react-
|
|
27
|
-
- Bump @fluentui/babel-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
|
|
28
|
-
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
|
|
29
|
-
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
|
|
48
|
+
- Bump @fluentui/react-portal to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
49
|
+
- Bump @fluentui/react-positioning to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
50
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
51
|
+
- Bump @fluentui/react-theme to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
52
|
+
- Bump @fluentui/react-utilities to v9.0.0-rc.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
53
|
+
- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.1 ([commit](https://github.com/microsoft/fluentui/commit/e6c855f6d9019d6c73668d15fc9bc3a13291a6c8) by beachball)
|
|
30
54
|
|
|
31
55
|
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.5)
|
|
32
56
|
|
package/dist/react-tooltip.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { ComponentProps } from '@fluentui/react-utilities';
|
|
2
2
|
import type { ComponentState } from '@fluentui/react-utilities';
|
|
3
|
-
import type {
|
|
4
|
-
import type { IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
|
3
|
+
import type { FluentTriggerComponent } from '@fluentui/react-utilities';
|
|
5
4
|
import type { PositioningShorthand } from '@fluentui/react-positioning';
|
|
6
5
|
import * as React_2 from 'react';
|
|
6
|
+
import type { Slot } from '@fluentui/react-utilities';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Data for the Tooltip's onVisibleChange event.
|
|
@@ -15,19 +15,19 @@ export declare type OnVisibleChangeData = {
|
|
|
15
15
|
/**
|
|
16
16
|
* Render the final JSX of Tooltip
|
|
17
17
|
*/
|
|
18
|
-
export declare const
|
|
18
|
+
export declare const renderTooltip_unstable: (state: TooltipState) => JSX.Element;
|
|
19
19
|
|
|
20
20
|
/**
|
|
21
21
|
* A tooltip provides light weight contextual information on top of its target element.
|
|
22
22
|
*/
|
|
23
|
-
export declare const Tooltip:
|
|
23
|
+
export declare const Tooltip: React_2.FC<TooltipProps> & FluentTriggerComponent;
|
|
24
24
|
|
|
25
25
|
export declare const tooltipClassName = "fui-Tooltip";
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
28
|
* Properties and state for Tooltip
|
|
29
29
|
*/
|
|
30
|
-
|
|
30
|
+
declare type TooltipCommons = {
|
|
31
31
|
/**
|
|
32
32
|
* The tooltip's visual appearance.
|
|
33
33
|
* * `normal` - Uses the theme's background and text colors.
|
|
@@ -36,10 +36,6 @@ export declare type TooltipCommons = {
|
|
|
36
36
|
* @defaultvalue normal
|
|
37
37
|
*/
|
|
38
38
|
appearance?: 'normal' | 'inverted';
|
|
39
|
-
/**
|
|
40
|
-
* The content displayed inside the tooltip.
|
|
41
|
-
*/
|
|
42
|
-
content: React_2.ReactNode;
|
|
43
39
|
/**
|
|
44
40
|
* Render an arrow pointing to the target element
|
|
45
41
|
*
|
|
@@ -66,15 +62,15 @@ export declare type TooltipCommons = {
|
|
|
66
62
|
*/
|
|
67
63
|
onVisibleChange?: (event: React_2.PointerEvent<HTMLElement> | React_2.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
|
|
68
64
|
/**
|
|
69
|
-
* Specifies
|
|
70
|
-
* * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
|
|
71
|
-
* * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
|
|
72
|
-
* * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
|
|
73
|
-
* * null - Do not set any aria attributes on the trigger element.
|
|
65
|
+
* (Required) Specifies whether this tooltip is acting as the description or label of its trigger element.
|
|
74
66
|
*
|
|
75
|
-
*
|
|
67
|
+
* * `label` - The tooltip sets the trigger's aria-label or aria-labelledby attribute. This is useful for buttons
|
|
68
|
+
* displaying only an icon, for example.
|
|
69
|
+
* * `description` - The tooltip sets the trigger's aria-description or aria-describedby attribute.
|
|
70
|
+
* * `inaccessible` - No aria attributes are set on the trigger. This makes the tooltip's content inaccessible to
|
|
71
|
+
* screen readers, and should only be used if the tooltip's text is available by some other means.
|
|
76
72
|
*/
|
|
77
|
-
|
|
73
|
+
relationship: 'label' | 'description' | 'inaccessible';
|
|
78
74
|
/**
|
|
79
75
|
* Delay before the tooltip is shown, in milliseconds.
|
|
80
76
|
*
|
|
@@ -92,36 +88,26 @@ export declare type TooltipCommons = {
|
|
|
92
88
|
/**
|
|
93
89
|
* Properties for Tooltip
|
|
94
90
|
*/
|
|
95
|
-
export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, '
|
|
91
|
+
export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'relationship'>> & Pick<TooltipCommons, 'relationship'> & {
|
|
92
|
+
children?: (React_2.ReactElement & {
|
|
93
|
+
ref?: React_2.Ref<unknown>;
|
|
94
|
+
}) | ((props: TooltipTriggerProps) => React_2.ReactElement | null) | null;
|
|
95
|
+
};
|
|
96
96
|
|
|
97
97
|
/**
|
|
98
98
|
* Slot properties for Tooltip
|
|
99
99
|
*/
|
|
100
100
|
export declare type TooltipSlots = {
|
|
101
|
-
|
|
102
|
-
/**
|
|
103
|
-
* The child is the element that triggers the Tooltip. It will have additional properties added,
|
|
104
|
-
* including events and aria properties.
|
|
105
|
-
* Alternatively, children can be a render function that takes the props and adds
|
|
106
|
-
* them to the appropriate elements.
|
|
107
|
-
*/
|
|
108
|
-
children?: (React_2.ReactElement<React_2.HTMLAttributes<HTMLElement>> & {
|
|
109
|
-
ref?: React_2.Ref<unknown>;
|
|
110
|
-
}) | ((props: TooltipTriggerProps) => React_2.ReactNode) | null;
|
|
111
|
-
};
|
|
101
|
+
content: NonNullable<Slot<'div'>>;
|
|
112
102
|
};
|
|
113
103
|
|
|
114
104
|
/**
|
|
115
105
|
* State used in rendering Tooltip
|
|
116
106
|
*/
|
|
117
107
|
export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
|
|
108
|
+
children?: React_2.ReactElement | null;
|
|
118
109
|
/**
|
|
119
110
|
* Whether the tooltip should be rendered to the DOM.
|
|
120
|
-
*
|
|
121
|
-
* Normally the tooltip will only be rendered when visible. However, if
|
|
122
|
-
* triggerAriaAttribute is labelledby or describedby, the tooltip will
|
|
123
|
-
* always be rendered even when hidden so that those aria attributes
|
|
124
|
-
* to always refer to a valid DOM element.
|
|
125
111
|
*/
|
|
126
112
|
shouldRenderTooltip?: boolean;
|
|
127
113
|
/**
|
|
@@ -144,17 +130,16 @@ export declare type TooltipTriggerProps = {
|
|
|
144
130
|
/**
|
|
145
131
|
* Create the state required to render Tooltip.
|
|
146
132
|
*
|
|
147
|
-
* The returned state can be modified with hooks such as
|
|
148
|
-
* before being passed to
|
|
133
|
+
* The returned state can be modified with hooks such as useTooltipStyles_unstable,
|
|
134
|
+
* before being passed to renderTooltip_unstable.
|
|
149
135
|
*
|
|
150
136
|
* @param props - props from this instance of Tooltip
|
|
151
|
-
* @param ref - reference to root HTMLElement of Tooltip
|
|
152
137
|
*/
|
|
153
|
-
export declare const
|
|
138
|
+
export declare const useTooltip_unstable: (props: TooltipProps) => TooltipState;
|
|
154
139
|
|
|
155
140
|
/**
|
|
156
141
|
* Apply styling to the Tooltip slots based on the state
|
|
157
142
|
*/
|
|
158
|
-
export declare const
|
|
143
|
+
export declare const useTooltipStyles_unstable: (state: TooltipState) => TooltipState;
|
|
159
144
|
|
|
160
145
|
export { }
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import type { TooltipProps } from './Tooltip.types';
|
|
2
|
-
import type {
|
|
3
|
+
import type { FluentTriggerComponent } from '@fluentui/react-utilities';
|
|
3
4
|
/**
|
|
4
5
|
* A tooltip provides light weight contextual information on top of its target element.
|
|
5
6
|
*/
|
|
6
|
-
export declare const Tooltip:
|
|
7
|
+
export declare const Tooltip: React.FC<TooltipProps> & FluentTriggerComponent;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { useTooltipStyles } from './useTooltipStyles';
|
|
1
|
+
import { useTooltip_unstable } from './useTooltip';
|
|
2
|
+
import { renderTooltip_unstable } from './renderTooltip';
|
|
3
|
+
import { useTooltipStyles_unstable } from './useTooltipStyles';
|
|
5
4
|
/**
|
|
6
5
|
* A tooltip provides light weight contextual information on top of its target element.
|
|
7
6
|
*/
|
|
8
7
|
|
|
9
|
-
export const Tooltip =
|
|
10
|
-
const state =
|
|
11
|
-
|
|
12
|
-
return
|
|
13
|
-
}
|
|
8
|
+
export const Tooltip = props => {
|
|
9
|
+
const state = useTooltip_unstable(props);
|
|
10
|
+
useTooltipStyles_unstable(state);
|
|
11
|
+
return renderTooltip_unstable(state);
|
|
12
|
+
};
|
|
14
13
|
Tooltip.displayName = 'Tooltip';
|
|
14
|
+
Tooltip.isFluentTriggerComponent = true;
|
|
15
15
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,SAAS,mBAAT,QAAoC,cAApC;AACA,SAAS,sBAAT,QAAuC,iBAAvC;AACA,SAAS,yBAAT,QAA0C,oBAA1C;AAIA;;AAEG;;AACH,OAAO,MAAM,OAAO,GAAoD,KAAK,IAAG;AAC9E,QAAM,KAAK,GAAG,mBAAmB,CAAC,KAAD,CAAjC;AAEA,EAAA,yBAAyB,CAAC,KAAD,CAAzB;AACA,SAAO,sBAAsB,CAAC,KAAD,CAA7B;AACD,CALM;AAOP,OAAO,CAAC,WAAR,GAAsB,SAAtB;AACA,OAAO,CAAC,wBAAR,GAAmC,IAAnC","sourceRoot":""}
|
|
@@ -1,26 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { PositioningShorthand } from '@fluentui/react-positioning';
|
|
3
|
-
import type { ComponentProps, ComponentState,
|
|
3
|
+
import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
|
|
4
4
|
/**
|
|
5
5
|
* Slot properties for Tooltip
|
|
6
6
|
*/
|
|
7
7
|
export declare type TooltipSlots = {
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* The child is the element that triggers the Tooltip. It will have additional properties added,
|
|
11
|
-
* including events and aria properties.
|
|
12
|
-
* Alternatively, children can be a render function that takes the props and adds
|
|
13
|
-
* them to the appropriate elements.
|
|
14
|
-
*/
|
|
15
|
-
children?: (React.ReactElement<React.HTMLAttributes<HTMLElement>> & {
|
|
16
|
-
ref?: React.Ref<unknown>;
|
|
17
|
-
}) | ((props: TooltipTriggerProps) => React.ReactNode) | null;
|
|
18
|
-
};
|
|
8
|
+
content: NonNullable<Slot<'div'>>;
|
|
19
9
|
};
|
|
20
10
|
/**
|
|
21
11
|
* Properties and state for Tooltip
|
|
22
12
|
*/
|
|
23
|
-
|
|
13
|
+
declare type TooltipCommons = {
|
|
24
14
|
/**
|
|
25
15
|
* The tooltip's visual appearance.
|
|
26
16
|
* * `normal` - Uses the theme's background and text colors.
|
|
@@ -29,10 +19,6 @@ export declare type TooltipCommons = {
|
|
|
29
19
|
* @defaultvalue normal
|
|
30
20
|
*/
|
|
31
21
|
appearance?: 'normal' | 'inverted';
|
|
32
|
-
/**
|
|
33
|
-
* The content displayed inside the tooltip.
|
|
34
|
-
*/
|
|
35
|
-
content: React.ReactNode;
|
|
36
22
|
/**
|
|
37
23
|
* Render an arrow pointing to the target element
|
|
38
24
|
*
|
|
@@ -59,15 +45,15 @@ export declare type TooltipCommons = {
|
|
|
59
45
|
*/
|
|
60
46
|
onVisibleChange?: (event: React.PointerEvent<HTMLElement> | React.FocusEvent<HTMLElement> | undefined, data: OnVisibleChangeData) => void;
|
|
61
47
|
/**
|
|
62
|
-
* Specifies
|
|
63
|
-
* * `label` - Set aria-label to the tooltip's content. Requires content to be a string; if not, uses `labelledby`.
|
|
64
|
-
* * `labelledby` - Set aria-labelledby to the tooltip's id. The id is generated if not provided.
|
|
65
|
-
* * `describedby` - Set aria-describedby to the tooltip's id. The id is generated if not provided.
|
|
66
|
-
* * null - Do not set any aria attributes on the trigger element.
|
|
48
|
+
* (Required) Specifies whether this tooltip is acting as the description or label of its trigger element.
|
|
67
49
|
*
|
|
68
|
-
*
|
|
50
|
+
* * `label` - The tooltip sets the trigger's aria-label or aria-labelledby attribute. This is useful for buttons
|
|
51
|
+
* displaying only an icon, for example.
|
|
52
|
+
* * `description` - The tooltip sets the trigger's aria-description or aria-describedby attribute.
|
|
53
|
+
* * `inaccessible` - No aria attributes are set on the trigger. This makes the tooltip's content inaccessible to
|
|
54
|
+
* screen readers, and should only be used if the tooltip's text is available by some other means.
|
|
69
55
|
*/
|
|
70
|
-
|
|
56
|
+
relationship: 'label' | 'description' | 'inaccessible';
|
|
71
57
|
/**
|
|
72
58
|
* Delay before the tooltip is shown, in milliseconds.
|
|
73
59
|
*
|
|
@@ -96,18 +82,18 @@ export declare type OnVisibleChangeData = {
|
|
|
96
82
|
/**
|
|
97
83
|
* Properties for Tooltip
|
|
98
84
|
*/
|
|
99
|
-
export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, '
|
|
85
|
+
export declare type TooltipProps = ComponentProps<TooltipSlots> & Partial<Omit<TooltipCommons, 'relationship'>> & Pick<TooltipCommons, 'relationship'> & {
|
|
86
|
+
children?: (React.ReactElement & {
|
|
87
|
+
ref?: React.Ref<unknown>;
|
|
88
|
+
}) | ((props: TooltipTriggerProps) => React.ReactElement | null) | null;
|
|
89
|
+
};
|
|
100
90
|
/**
|
|
101
91
|
* State used in rendering Tooltip
|
|
102
92
|
*/
|
|
103
93
|
export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons & {
|
|
94
|
+
children?: React.ReactElement | null;
|
|
104
95
|
/**
|
|
105
96
|
* Whether the tooltip should be rendered to the DOM.
|
|
106
|
-
*
|
|
107
|
-
* Normally the tooltip will only be rendered when visible. However, if
|
|
108
|
-
* triggerAriaAttribute is labelledby or describedby, the tooltip will
|
|
109
|
-
* always be rendered even when hidden so that those aria attributes
|
|
110
|
-
* to always refer to a valid DOM element.
|
|
111
97
|
*/
|
|
112
98
|
shouldRenderTooltip?: boolean;
|
|
113
99
|
/**
|
|
@@ -119,3 +105,4 @@ export declare type TooltipState = ComponentState<TooltipSlots> & TooltipCommons
|
|
|
119
105
|
*/
|
|
120
106
|
arrowClassName?: string;
|
|
121
107
|
};
|
|
108
|
+
export {};
|