@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.
Files changed (30) hide show
  1. package/CHANGELOG.json +147 -42
  2. package/CHANGELOG.md +38 -14
  3. package/dist/react-tooltip.d.ts +23 -38
  4. package/lib/components/Tooltip/Tooltip.d.ts +3 -2
  5. package/lib/components/Tooltip/Tooltip.js +9 -9
  6. package/lib/components/Tooltip/Tooltip.js.map +1 -1
  7. package/lib/components/Tooltip/Tooltip.types.d.ts +17 -30
  8. package/lib/components/Tooltip/renderTooltip.d.ts +1 -1
  9. package/lib/components/Tooltip/renderTooltip.js +3 -3
  10. package/lib/components/Tooltip/renderTooltip.js.map +1 -1
  11. package/lib/components/Tooltip/useTooltip.d.ts +3 -5
  12. package/lib/components/Tooltip/useTooltip.js +42 -57
  13. package/lib/components/Tooltip/useTooltip.js.map +1 -1
  14. package/lib/components/Tooltip/useTooltipStyles.d.ts +1 -1
  15. package/lib/components/Tooltip/useTooltipStyles.js +3 -3
  16. package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
  17. package/lib-commonjs/components/Tooltip/Tooltip.d.ts +3 -2
  18. package/lib-commonjs/components/Tooltip/Tooltip.js +8 -7
  19. package/lib-commonjs/components/Tooltip/Tooltip.js.map +1 -1
  20. package/lib-commonjs/components/Tooltip/Tooltip.types.d.ts +17 -30
  21. package/lib-commonjs/components/Tooltip/renderTooltip.d.ts +1 -1
  22. package/lib-commonjs/components/Tooltip/renderTooltip.js +5 -5
  23. package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
  24. package/lib-commonjs/components/Tooltip/useTooltip.d.ts +3 -5
  25. package/lib-commonjs/components/Tooltip/useTooltip.js +43 -58
  26. package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
  27. package/lib-commonjs/components/Tooltip/useTooltipStyles.d.ts +1 -1
  28. package/lib-commonjs/components/Tooltip/useTooltipStyles.js +6 -6
  29. package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
  30. 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": "Fri, 21 Jan 2022 04:16:25 GMT",
6
- "tag": "@fluentui/react-tooltip_v0.0.0-nightlyd514b3e0ee20220121.1",
7
- "version": "0.0.0-nightlyd514b3e0ee20220121.1",
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": "89feafb688fbb160fb8519724479b3c68a79d090",
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": "behowell@microsoft.com",
146
+ "author": "Humberto.Morimoto@microsoft.com",
42
147
  "package": "@fluentui/react-tooltip",
43
- "commit": "09804275c7f346db54c33d4ff347bffc33676014",
44
- "comment": "Fix tooltip arrow rendering, and add high contrast border around Tooltip"
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": "1513362b9adaae5d7dbda6b364e40e736710a79f",
50
- "comment": "Remove Tooltip's inverted prop in favor of the appearance prop"
154
+ "commit": "97c3818f7faf8733a0cfc9c91f5e94ddb8652d3a",
155
+ "comment": "Update documentation stories"
51
156
  },
52
157
  {
53
- "author": "beachball",
158
+ "author": "olfedias@microsoft.com",
54
159
  "package": "@fluentui/react-tooltip",
55
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1",
56
- "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
160
+ "commit": "aa6cfd8ac825b5a280206808101de549a91094fc",
161
+ "comment": "update types related to trigger (allow only React.ReactElement & null)"
57
162
  },
58
163
  {
59
- "author": "beachball",
164
+ "author": "behowell@microsoft.com",
60
165
  "package": "@fluentui/react-tooltip",
61
- "comment": "Bump @fluentui/react-portal to v0.0.0-nightlyd514b3e0ee20220121.1",
62
- "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
166
+ "commit": "09804275c7f346db54c33d4ff347bffc33676014",
167
+ "comment": "Fix tooltip arrow rendering, and add high contrast border around Tooltip"
63
168
  },
64
169
  {
65
- "author": "beachball",
170
+ "author": "behowell@microsoft.com",
66
171
  "package": "@fluentui/react-tooltip",
67
- "comment": "Bump @fluentui/react-positioning to v0.0.0-nightlyd514b3e0ee20220121.1",
68
- "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
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-shared-contexts to v0.0.0-nightlyd514b3e0ee20220121.1",
74
- "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
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-theme to v0.0.0-nightlyd514b3e0ee20220121.1",
80
- "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
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-utilities to v0.0.0-nightlyd514b3e0ee20220121.1",
86
- "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
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/babel-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1",
92
- "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
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/jest-serializer-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1",
98
- "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
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-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1",
104
- "commit": "89feafb688fbb160fb8519724479b3c68a79d090"
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 Fri, 21 Jan 2022 04:16:25 GMT and should not be manually modified.
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-nightlyd514b3e0ee20220121.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightlyd514b3e0ee20220121.1)
7
+ ## [0.0.0-nightlyd80c90385320220216.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightlyd80c90385320220216.1)
8
8
 
9
- Fri, 21 Jan 2022 04:16:25 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v0.0.0-nightlyd514b3e0ee20220121.1)
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/89feafb688fbb160fb8519724479b3c68a79d090) by email not defined)
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-make-styles to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
22
- - Bump @fluentui/react-portal to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
23
- - Bump @fluentui/react-positioning to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
24
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
25
- - Bump @fluentui/react-theme to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
26
- - Bump @fluentui/react-utilities to v0.0.0-nightlyd514b3e0ee20220121.1 ([commit](https://github.com/microsoft/fluentui/commit/89feafb688fbb160fb8519724479b3c68a79d090) by beachball)
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
 
@@ -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 { ForwardRefComponent } from '@fluentui/react-utilities';
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 renderTooltip: (state: TooltipState) => JSX.Element;
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: ForwardRefComponent<TooltipProps>;
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
- export declare type TooltipCommons = {
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 which aria attribute to set on the trigger element.
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
- * @defaultvalue label
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
- triggerAriaAttribute: 'label' | 'labelledby' | 'describedby' | null;
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, 'content'>> & Pick<TooltipCommons, 'content'>;
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
- root: Omit<IntrinsicShorthandProps<'div'>, 'children'> & {
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 useTooltipStyles,
148
- * before being passed to renderTooltip.
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 useTooltip: (props: TooltipProps, ref: React_2.Ref<HTMLDivElement>) => TooltipState;
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 useTooltipStyles: (state: TooltipState) => TooltipState;
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 { ForwardRefComponent } from '@fluentui/react-utilities';
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: ForwardRefComponent<TooltipProps>;
7
+ export declare const Tooltip: React.FC<TooltipProps> & FluentTriggerComponent;
@@ -1,15 +1,15 @@
1
- import * as React from 'react';
2
- import { useTooltip } from './useTooltip';
3
- import { renderTooltip } from './renderTooltip';
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 = /*#__PURE__*/React.forwardRef((props, ref) => {
10
- const state = useTooltip(props, ref);
11
- useTooltipStyles(state);
12
- return renderTooltip(state);
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":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,UAAT,QAA2B,cAA3B;AACA,SAAS,aAAT,QAA8B,iBAA9B;AACA,SAAS,gBAAT,QAAiC,oBAAjC;AAIA;;AAEG;;AACH,OAAO,MAAM,OAAO,gBAAsC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACxF,QAAM,KAAK,GAAG,UAAU,CAAC,KAAD,EAAQ,GAAR,CAAxB;AAEA,EAAA,gBAAgB,CAAC,KAAD,CAAhB;AACA,SAAO,aAAa,CAAC,KAAD,CAApB;AACD,CALyD,CAAnD;AAOP,OAAO,CAAC,WAAR,GAAsB,SAAtB","sourceRoot":""}
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, IntrinsicShorthandProps } from '@fluentui/react-utilities';
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
- root: Omit<IntrinsicShorthandProps<'div'>, 'children'> & {
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
- export declare type TooltipCommons = {
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 which aria attribute to set on the trigger element.
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
- * @defaultvalue label
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
- triggerAriaAttribute: 'label' | 'labelledby' | 'describedby' | null;
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, 'content'>> & Pick<TooltipCommons, 'content'>;
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 {};
@@ -2,4 +2,4 @@ import type { TooltipState } from './Tooltip.types';
2
2
  /**
3
3
  * Render the final JSX of Tooltip
4
4
  */
5
- export declare const renderTooltip: (state: TooltipState) => JSX.Element;
5
+ export declare const renderTooltip_unstable: (state: TooltipState) => JSX.Element;