@fluentui/react-tooltip 0.0.0-nightlyd514b3e0ee20220121.1 → 0.0.0-nightlyd80c90385320220216.1
Sign up to get free protection for your applications and to get access to all the features.
- 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 {};
|