@fluentui/react-tooltip 0.0.0-nightly627ad67f1120211109.1 → 0.0.0-nightly63afcc343820220120.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 +224 -22
- package/CHANGELOG.md +55 -14
- package/dist/react-tooltip.d.ts +6 -10
- package/lib/components/Tooltip/Tooltip.types.d.ts +6 -9
- package/lib/components/Tooltip/private/constants.d.ts +12 -0
- package/lib/components/Tooltip/private/constants.js +14 -0
- package/lib/components/Tooltip/private/constants.js.map +1 -0
- package/lib/components/Tooltip/renderTooltip.js +3 -2
- package/lib/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltip.d.ts +0 -1
- package/lib/components/Tooltip/useTooltip.js +4 -10
- package/lib/components/Tooltip/useTooltip.js.map +1 -1
- package/lib/components/Tooltip/useTooltipStyles.js +45 -19
- package/lib/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/lib-commonjs/components/Tooltip/Tooltip.types.d.ts +6 -9
- package/lib-commonjs/components/Tooltip/private/constants.d.ts +12 -0
- package/lib-commonjs/components/Tooltip/private/constants.js +21 -0
- package/lib-commonjs/components/Tooltip/private/constants.js.map +1 -0
- package/lib-commonjs/components/Tooltip/renderTooltip.js +3 -2
- package/lib-commonjs/components/Tooltip/renderTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltip.d.ts +0 -1
- package/lib-commonjs/components/Tooltip/useTooltip.js +7 -12
- package/lib-commonjs/components/Tooltip/useTooltip.js.map +1 -1
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js +47 -18
- package/lib-commonjs/components/Tooltip/useTooltipStyles.js.map +1 -1
- package/package.json +14 -14
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -11
- package/lib/common/isConformant.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -22
- package/lib-commonjs/common/isConformant.js.map +0 -1
package/CHANGELOG.json
CHANGED
@@ -2,17 +2,219 @@
|
|
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": "Thu, 20 Jan 2022 04:17:52 GMT",
|
6
|
+
"tag": "@fluentui/react-tooltip_v0.0.0-nightly63afcc343820220120.1",
|
7
|
+
"version": "0.0.0-nightly63afcc343820220120.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": "1f354b562240b78c25d35df7989491f6eca92ef8",
|
14
14
|
"comment": "Release nightly v9"
|
15
15
|
},
|
16
|
+
{
|
17
|
+
"author": "behowell@microsoft.com",
|
18
|
+
"package": "@fluentui/react-tooltip",
|
19
|
+
"commit": "caaf3307f864b04369c13fe69d7dc8fe7ab84735",
|
20
|
+
"comment": "Move arrowHeight and tooltipBorderRadius into a shared constants.ts file"
|
21
|
+
},
|
22
|
+
{
|
23
|
+
"author": "Humberto.Morimoto@microsoft.com",
|
24
|
+
"package": "@fluentui/react-tooltip",
|
25
|
+
"commit": "9204703d0a42ee34a20ae4cf28952e13872647ba",
|
26
|
+
"comment": "Replacing use of functions in makeStyles with direct use of tokens."
|
27
|
+
},
|
28
|
+
{
|
29
|
+
"author": "olfedias@microsoft.com",
|
30
|
+
"package": "@fluentui/react-tooltip",
|
31
|
+
"commit": "1bbb753830028fbf133858d523ae2d56ceefeecf",
|
32
|
+
"comment": "update styles to not use CSS shorthands"
|
33
|
+
},
|
34
|
+
{
|
35
|
+
"author": "behowell@microsoft.com",
|
36
|
+
"package": "@fluentui/react-tooltip",
|
37
|
+
"commit": "7cc28ed8320b00f42d91c63882f10316db2205c5",
|
38
|
+
"comment": "Remove component's shorthandProps array"
|
39
|
+
},
|
40
|
+
{
|
41
|
+
"author": "behowell@microsoft.com",
|
42
|
+
"package": "@fluentui/react-tooltip",
|
43
|
+
"commit": "09804275c7f346db54c33d4ff347bffc33676014",
|
44
|
+
"comment": "Fix tooltip arrow rendering, and add high contrast border around Tooltip"
|
45
|
+
},
|
46
|
+
{
|
47
|
+
"author": "behowell@microsoft.com",
|
48
|
+
"package": "@fluentui/react-tooltip",
|
49
|
+
"commit": "1513362b9adaae5d7dbda6b364e40e736710a79f",
|
50
|
+
"comment": "Remove Tooltip's inverted prop in favor of the appearance prop"
|
51
|
+
},
|
52
|
+
{
|
53
|
+
"author": "beachball",
|
54
|
+
"package": "@fluentui/react-tooltip",
|
55
|
+
"comment": "Bump @fluentui/react-make-styles to v0.0.0-nightly63afcc343820220120.1",
|
56
|
+
"commit": "1f354b562240b78c25d35df7989491f6eca92ef8"
|
57
|
+
},
|
58
|
+
{
|
59
|
+
"author": "beachball",
|
60
|
+
"package": "@fluentui/react-tooltip",
|
61
|
+
"comment": "Bump @fluentui/react-portal to v0.0.0-nightly63afcc343820220120.1",
|
62
|
+
"commit": "1f354b562240b78c25d35df7989491f6eca92ef8"
|
63
|
+
},
|
64
|
+
{
|
65
|
+
"author": "beachball",
|
66
|
+
"package": "@fluentui/react-tooltip",
|
67
|
+
"comment": "Bump @fluentui/react-positioning to v0.0.0-nightly63afcc343820220120.1",
|
68
|
+
"commit": "1f354b562240b78c25d35df7989491f6eca92ef8"
|
69
|
+
},
|
70
|
+
{
|
71
|
+
"author": "beachball",
|
72
|
+
"package": "@fluentui/react-tooltip",
|
73
|
+
"comment": "Bump @fluentui/react-shared-contexts to v0.0.0-nightly63afcc343820220120.1",
|
74
|
+
"commit": "1f354b562240b78c25d35df7989491f6eca92ef8"
|
75
|
+
},
|
76
|
+
{
|
77
|
+
"author": "beachball",
|
78
|
+
"package": "@fluentui/react-tooltip",
|
79
|
+
"comment": "Bump @fluentui/react-theme to v0.0.0-nightly63afcc343820220120.1",
|
80
|
+
"commit": "1f354b562240b78c25d35df7989491f6eca92ef8"
|
81
|
+
},
|
82
|
+
{
|
83
|
+
"author": "beachball",
|
84
|
+
"package": "@fluentui/react-tooltip",
|
85
|
+
"comment": "Bump @fluentui/react-utilities to v0.0.0-nightly63afcc343820220120.1",
|
86
|
+
"commit": "1f354b562240b78c25d35df7989491f6eca92ef8"
|
87
|
+
},
|
88
|
+
{
|
89
|
+
"author": "beachball",
|
90
|
+
"package": "@fluentui/react-tooltip",
|
91
|
+
"comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightly63afcc343820220120.1",
|
92
|
+
"commit": "1f354b562240b78c25d35df7989491f6eca92ef8"
|
93
|
+
},
|
94
|
+
{
|
95
|
+
"author": "beachball",
|
96
|
+
"package": "@fluentui/react-tooltip",
|
97
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly63afcc343820220120.1",
|
98
|
+
"commit": "1f354b562240b78c25d35df7989491f6eca92ef8"
|
99
|
+
},
|
100
|
+
{
|
101
|
+
"author": "beachball",
|
102
|
+
"package": "@fluentui/react-tooltip",
|
103
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly63afcc343820220120.1",
|
104
|
+
"commit": "1f354b562240b78c25d35df7989491f6eca92ef8"
|
105
|
+
}
|
106
|
+
],
|
107
|
+
"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
|
+
{
|
121
|
+
"author": "olfedias@microsoft.com",
|
122
|
+
"package": "@fluentui/react-tooltip",
|
123
|
+
"commit": "c061e98be4b4a718c72a144a1f60bb5515824612",
|
124
|
+
"comment": "remove inline-style-expand-shorthand from tsconfigs"
|
125
|
+
},
|
126
|
+
{
|
127
|
+
"author": "elcraig@microsoft.com",
|
128
|
+
"package": "@fluentui/react-tooltip",
|
129
|
+
"commit": "d892c7f79c543b6008634ecd669b75b5108cad46",
|
130
|
+
"comment": "Remove outdated boilerplate comment in useTooltip"
|
131
|
+
}
|
132
|
+
]
|
133
|
+
}
|
134
|
+
},
|
135
|
+
{
|
136
|
+
"date": "Thu, 25 Nov 2021 08:34:17 GMT",
|
137
|
+
"tag": "@fluentui/react-tooltip_v9.0.0-beta.5",
|
138
|
+
"version": "9.0.0-beta.5",
|
139
|
+
"comments": {
|
140
|
+
"prerelease": [
|
141
|
+
{
|
142
|
+
"author": "lingfangao@hotmail.com",
|
143
|
+
"package": "@fluentui/react-tooltip",
|
144
|
+
"commit": "58db204f28af1d68df7260ff580cf91f0adcfb66",
|
145
|
+
"comment": "Add transparent outline to arrow for HC"
|
146
|
+
},
|
147
|
+
{
|
148
|
+
"author": "beachball",
|
149
|
+
"package": "@fluentui/react-tooltip",
|
150
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.4",
|
151
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
152
|
+
},
|
153
|
+
{
|
154
|
+
"author": "beachball",
|
155
|
+
"package": "@fluentui/react-tooltip",
|
156
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-beta.5",
|
157
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
158
|
+
},
|
159
|
+
{
|
160
|
+
"author": "beachball",
|
161
|
+
"package": "@fluentui/react-tooltip",
|
162
|
+
"comment": "Bump @fluentui/react-positioning to v9.0.0-beta.4",
|
163
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
164
|
+
},
|
165
|
+
{
|
166
|
+
"author": "beachball",
|
167
|
+
"package": "@fluentui/react-tooltip",
|
168
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.4",
|
169
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
170
|
+
},
|
171
|
+
{
|
172
|
+
"author": "beachball",
|
173
|
+
"package": "@fluentui/react-tooltip",
|
174
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-beta.4",
|
175
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
176
|
+
},
|
177
|
+
{
|
178
|
+
"author": "beachball",
|
179
|
+
"package": "@fluentui/react-tooltip",
|
180
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.4",
|
181
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
182
|
+
},
|
183
|
+
{
|
184
|
+
"author": "beachball",
|
185
|
+
"package": "@fluentui/react-tooltip",
|
186
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.4",
|
187
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
188
|
+
},
|
189
|
+
{
|
190
|
+
"author": "beachball",
|
191
|
+
"package": "@fluentui/react-tooltip",
|
192
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4",
|
193
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
194
|
+
},
|
195
|
+
{
|
196
|
+
"author": "beachball",
|
197
|
+
"package": "@fluentui/react-tooltip",
|
198
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4",
|
199
|
+
"commit": "48d236ac53a4950fabc3ddd52f91dac93ca0195b"
|
200
|
+
}
|
201
|
+
]
|
202
|
+
}
|
203
|
+
},
|
204
|
+
{
|
205
|
+
"date": "Fri, 12 Nov 2021 13:25:09 GMT",
|
206
|
+
"tag": "@fluentui/react-tooltip_v9.0.0-beta.4",
|
207
|
+
"version": "9.0.0-beta.4",
|
208
|
+
"comments": {
|
209
|
+
"none": [
|
210
|
+
{
|
211
|
+
"author": "lingfangao@hotmail.com",
|
212
|
+
"package": "@fluentui/react-tooltip",
|
213
|
+
"commit": "00f70581480b536e723fb69edf0ae617beac4807",
|
214
|
+
"comment": "Remove beta release tag"
|
215
|
+
}
|
216
|
+
],
|
217
|
+
"prerelease": [
|
16
218
|
{
|
17
219
|
"author": "gcox@microsoft.com",
|
18
220
|
"package": "@fluentui/react-tooltip",
|
@@ -34,56 +236,56 @@
|
|
34
236
|
{
|
35
237
|
"author": "beachball",
|
36
238
|
"package": "@fluentui/react-tooltip",
|
37
|
-
"comment": "Bump @fluentui/react-make-styles to
|
38
|
-
"commit": "
|
239
|
+
"comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
|
240
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
39
241
|
},
|
40
242
|
{
|
41
243
|
"author": "beachball",
|
42
244
|
"package": "@fluentui/react-tooltip",
|
43
|
-
"comment": "Bump @fluentui/react-portal to
|
44
|
-
"commit": "
|
245
|
+
"comment": "Bump @fluentui/react-portal to v9.0.0-beta.4",
|
246
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
45
247
|
},
|
46
248
|
{
|
47
249
|
"author": "beachball",
|
48
250
|
"package": "@fluentui/react-tooltip",
|
49
|
-
"comment": "Bump @fluentui/react-positioning to
|
50
|
-
"commit": "
|
251
|
+
"comment": "Bump @fluentui/react-positioning to v9.0.0-beta.3",
|
252
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
51
253
|
},
|
52
254
|
{
|
53
255
|
"author": "beachball",
|
54
256
|
"package": "@fluentui/react-tooltip",
|
55
|
-
"comment": "Bump @fluentui/react-shared-contexts to
|
56
|
-
"commit": "
|
257
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.0.0-beta.3",
|
258
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
57
259
|
},
|
58
260
|
{
|
59
261
|
"author": "beachball",
|
60
262
|
"package": "@fluentui/react-tooltip",
|
61
|
-
"comment": "Bump @fluentui/react-theme to
|
62
|
-
"commit": "
|
263
|
+
"comment": "Bump @fluentui/react-theme to v9.0.0-beta.3",
|
264
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
63
265
|
},
|
64
266
|
{
|
65
267
|
"author": "beachball",
|
66
268
|
"package": "@fluentui/react-tooltip",
|
67
|
-
"comment": "Bump @fluentui/react-utilities to
|
68
|
-
"commit": "
|
269
|
+
"comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
|
270
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
69
271
|
},
|
70
272
|
{
|
71
273
|
"author": "beachball",
|
72
274
|
"package": "@fluentui/react-tooltip",
|
73
|
-
"comment": "Bump @fluentui/babel-make-styles to
|
74
|
-
"commit": "
|
275
|
+
"comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
|
276
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
75
277
|
},
|
76
278
|
{
|
77
279
|
"author": "beachball",
|
78
280
|
"package": "@fluentui/react-tooltip",
|
79
|
-
"comment": "Bump @fluentui/jest-serializer-make-styles to
|
80
|
-
"commit": "
|
281
|
+
"comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
|
282
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
81
283
|
},
|
82
284
|
{
|
83
285
|
"author": "beachball",
|
84
286
|
"package": "@fluentui/react-tooltip",
|
85
|
-
"comment": "Bump @fluentui/react-conformance-make-styles to
|
86
|
-
"commit": "
|
287
|
+
"comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
|
288
|
+
"commit": "742342e52c65066f779232e4e1302fedf0dd460d"
|
87
289
|
}
|
88
290
|
]
|
89
291
|
}
|
package/CHANGELOG.md
CHANGED
@@ -1,29 +1,70 @@
|
|
1
1
|
# Change Log - @fluentui/react-tooltip
|
2
2
|
|
3
|
-
This log was last generated on
|
3
|
+
This log was last generated on Thu, 20 Jan 2022 04:17:52 GMT and should not be manually modified.
|
4
4
|
|
5
5
|
<!-- Start content -->
|
6
6
|
|
7
|
-
## [0.0.0-
|
7
|
+
## [0.0.0-nightly63afcc343820220120.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v0.0.0-nightly63afcc343820220120.1)
|
8
8
|
|
9
|
-
|
10
|
-
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.
|
9
|
+
Thu, 20 Jan 2022 04:17:52 GMT
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.5..@fluentui/react-tooltip_v0.0.0-nightly63afcc343820220120.1)
|
11
|
+
|
12
|
+
### Changes
|
13
|
+
|
14
|
+
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by email not defined)
|
15
|
+
- Move arrowHeight and tooltipBorderRadius into a shared constants.ts file ([PR #21204](https://github.com/microsoft/fluentui/pull/21204) by behowell@microsoft.com)
|
16
|
+
- 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)
|
17
|
+
- update styles to not use CSS shorthands ([PR #20795](https://github.com/microsoft/fluentui/pull/20795) by olfedias@microsoft.com)
|
18
|
+
- Remove component's shorthandProps array ([PR #21134](https://github.com/microsoft/fluentui/pull/21134) by behowell@microsoft.com)
|
19
|
+
- 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
|
+
- 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-nightly63afcc343820220120.1 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by beachball)
|
22
|
+
- Bump @fluentui/react-portal to v0.0.0-nightly63afcc343820220120.1 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by beachball)
|
23
|
+
- Bump @fluentui/react-positioning to v0.0.0-nightly63afcc343820220120.1 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by beachball)
|
24
|
+
- Bump @fluentui/react-shared-contexts to v0.0.0-nightly63afcc343820220120.1 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by beachball)
|
25
|
+
- Bump @fluentui/react-theme to v0.0.0-nightly63afcc343820220120.1 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by beachball)
|
26
|
+
- Bump @fluentui/react-utilities to v0.0.0-nightly63afcc343820220120.1 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by beachball)
|
27
|
+
- Bump @fluentui/babel-make-styles to v0.0.0-nightly63afcc343820220120.1 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by beachball)
|
28
|
+
- Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightly63afcc343820220120.1 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by beachball)
|
29
|
+
- Bump @fluentui/react-conformance-make-styles to v0.0.0-nightly63afcc343820220120.1 ([commit](https://github.com/microsoft/fluentui/commit/1f354b562240b78c25d35df7989491f6eca92ef8) by beachball)
|
30
|
+
|
31
|
+
## [9.0.0-beta.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.5)
|
32
|
+
|
33
|
+
Thu, 25 Nov 2021 08:34:17 GMT
|
34
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.4..@fluentui/react-tooltip_v9.0.0-beta.5)
|
35
|
+
|
36
|
+
### Changes
|
37
|
+
|
38
|
+
- Add transparent outline to arrow for HC ([PR #20541](https://github.com/microsoft/fluentui/pull/20541) by lingfangao@hotmail.com)
|
39
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
40
|
+
- Bump @fluentui/react-portal to v9.0.0-beta.5 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
41
|
+
- Bump @fluentui/react-positioning to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
42
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
43
|
+
- Bump @fluentui/react-theme to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
44
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
45
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
46
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
47
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.4 ([PR #20762](https://github.com/microsoft/fluentui/pull/20762) by beachball)
|
48
|
+
|
49
|
+
## [9.0.0-beta.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.4)
|
50
|
+
|
51
|
+
Fri, 12 Nov 2021 13:25:09 GMT
|
52
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tooltip_v9.0.0-beta.3..@fluentui/react-tooltip_v9.0.0-beta.4)
|
11
53
|
|
12
54
|
### Changes
|
13
55
|
|
14
|
-
- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/5e2f04f4741a9e3b98463480f9c1926ea2006337) by email not defined)
|
15
56
|
- Updated stories to support codesandbox ([PR #20373](https://github.com/microsoft/fluentui/pull/20373) by gcox@microsoft.com)
|
16
57
|
- export static classes for components ([PR #20455](https://github.com/microsoft/fluentui/pull/20455) by olfedias@microsoft.com)
|
17
58
|
- Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
|
18
|
-
- Bump @fluentui/react-make-styles to
|
19
|
-
- Bump @fluentui/react-portal to
|
20
|
-
- Bump @fluentui/react-positioning to
|
21
|
-
- Bump @fluentui/react-shared-contexts to
|
22
|
-
- Bump @fluentui/react-theme to
|
23
|
-
- Bump @fluentui/react-utilities to
|
24
|
-
- Bump @fluentui/babel-make-styles to
|
25
|
-
- Bump @fluentui/jest-serializer-make-styles to
|
26
|
-
- Bump @fluentui/react-conformance-make-styles to
|
59
|
+
- Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
60
|
+
- Bump @fluentui/react-portal to v9.0.0-beta.4 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
61
|
+
- Bump @fluentui/react-positioning to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
62
|
+
- Bump @fluentui/react-shared-contexts to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
63
|
+
- Bump @fluentui/react-theme to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
64
|
+
- Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
65
|
+
- Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
66
|
+
- Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
67
|
+
- Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
|
27
68
|
|
28
69
|
## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tooltip_v9.0.0-beta.3)
|
29
70
|
|
package/dist/react-tooltip.d.ts
CHANGED
@@ -29,20 +29,17 @@ export declare const tooltipClassName = "fui-Tooltip";
|
|
29
29
|
*/
|
30
30
|
export declare type TooltipCommons = {
|
31
31
|
/**
|
32
|
-
*
|
33
|
-
*
|
32
|
+
* The tooltip's visual appearance.
|
33
|
+
* * `normal` - Uses the theme's background and text colors.
|
34
|
+
* * `inverted` - Higher contrast variant that uses the theme's inverted colors.
|
35
|
+
*
|
36
|
+
* @defaultvalue normal
|
34
37
|
*/
|
35
|
-
appearance?: 'inverted';
|
38
|
+
appearance?: 'normal' | 'inverted';
|
36
39
|
/**
|
37
40
|
* The content displayed inside the tooltip.
|
38
41
|
*/
|
39
42
|
content: React_2.ReactNode;
|
40
|
-
/**
|
41
|
-
* Color variant with inverted colors
|
42
|
-
*
|
43
|
-
* @defaultvalue false
|
44
|
-
*/
|
45
|
-
inverted?: boolean;
|
46
43
|
/**
|
47
44
|
* Render an arrow pointing to the target element
|
48
45
|
*
|
@@ -152,7 +149,6 @@ export declare type TooltipTriggerProps = {
|
|
152
149
|
*
|
153
150
|
* @param props - props from this instance of Tooltip
|
154
151
|
* @param ref - reference to root HTMLElement of Tooltip
|
155
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
156
152
|
*/
|
157
153
|
export declare const useTooltip: (props: TooltipProps, ref: React_2.Ref<HTMLDivElement>) => TooltipState;
|
158
154
|
|
@@ -22,20 +22,17 @@ export declare type TooltipSlots = {
|
|
22
22
|
*/
|
23
23
|
export declare type TooltipCommons = {
|
24
24
|
/**
|
25
|
-
*
|
26
|
-
*
|
25
|
+
* The tooltip's visual appearance.
|
26
|
+
* * `normal` - Uses the theme's background and text colors.
|
27
|
+
* * `inverted` - Higher contrast variant that uses the theme's inverted colors.
|
28
|
+
*
|
29
|
+
* @defaultvalue normal
|
27
30
|
*/
|
28
|
-
appearance?: 'inverted';
|
31
|
+
appearance?: 'normal' | 'inverted';
|
29
32
|
/**
|
30
33
|
* The content displayed inside the tooltip.
|
31
34
|
*/
|
32
35
|
content: React.ReactNode;
|
33
|
-
/**
|
34
|
-
* Color variant with inverted colors
|
35
|
-
*
|
36
|
-
* @defaultvalue false
|
37
|
-
*/
|
38
|
-
inverted?: boolean;
|
39
36
|
/**
|
40
37
|
* Render an arrow pointing to the target element
|
41
38
|
*
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/**
|
2
|
+
* The height of the tooltip's arrow in pixels.
|
3
|
+
*/
|
4
|
+
export declare const arrowHeight = 6;
|
5
|
+
/**
|
6
|
+
* The default value of the tooltip's border radius (borderRadiusMedium).
|
7
|
+
*
|
8
|
+
* Unfortunately, Popper requires it to be specified as a variable instead of using CSS.
|
9
|
+
* While we could use getComputedStyle, that adds a performance penalty for something that
|
10
|
+
* will likely never change.
|
11
|
+
*/
|
12
|
+
export declare const tooltipBorderRadius = 4;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
/**
|
2
|
+
* The height of the tooltip's arrow in pixels.
|
3
|
+
*/
|
4
|
+
export const arrowHeight = 6;
|
5
|
+
/**
|
6
|
+
* The default value of the tooltip's border radius (borderRadiusMedium).
|
7
|
+
*
|
8
|
+
* Unfortunately, Popper requires it to be specified as a variable instead of using CSS.
|
9
|
+
* While we could use getComputedStyle, that adds a performance penalty for something that
|
10
|
+
* will likely never change.
|
11
|
+
*/
|
12
|
+
|
13
|
+
export const tooltipBorderRadius = 4;
|
14
|
+
//# sourceMappingURL=constants.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Tooltip/private/constants.ts"],"names":[],"mappings":"AAAA;;AAEG;AACH,OAAO,MAAM,WAAW,GAAG,CAApB;AAEP;;;;;;AAMG;;AACH,OAAO,MAAM,mBAAmB,GAAG,CAA5B","sourceRoot":""}
|
@@ -9,8 +9,9 @@ export const renderTooltip = state => {
|
|
9
9
|
const {
|
10
10
|
slots,
|
11
11
|
slotProps
|
12
|
-
} = getSlots(state
|
13
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, state.root.children, state.shouldRenderTooltip && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(slots.root,
|
12
|
+
} = getSlots(state);
|
13
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, state.root.children, state.shouldRenderTooltip && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(slots.root, { ...slotProps.root
|
14
|
+
}, state.withArrow && /*#__PURE__*/React.createElement("div", {
|
14
15
|
ref: state.arrowRef,
|
15
16
|
className: state.arrowClassName
|
16
17
|
}), state.content)));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,MAAT,QAAuB,wBAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAI,KAAD,IAAwB;AACnD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAe,KAAf,
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,MAAT,QAAuB,wBAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAGA;;AAEG;;AACH,OAAO,MAAM,aAAa,GAAI,KAAD,IAAwB;AACnD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAe,KAAf,CAArC;AAEA,sBACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAK,CAAC,IAAN,CAAW,QADd,EAEG,KAAK,CAAC,mBAAN,iBACC,KAAA,CAAA,aAAA,CAAC,MAAD,EAAO,IAAP,eACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,SAAN,iBAAmB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAE,KAAK,CAAC,QAAhB;AAA0B,IAAA,SAAS,EAAE,KAAK,CAAC;AAA3C,GAAA,CADtB,EAEG,KAAK,CAAC,OAFT,CADF,CAHJ,CADF;AAaD,CAhBM","sourceRoot":""}
|
@@ -8,6 +8,5 @@ import type { TooltipProps, TooltipState } from './Tooltip.types';
|
|
8
8
|
*
|
9
9
|
* @param props - props from this instance of Tooltip
|
10
10
|
* @param ref - reference to root HTMLElement of Tooltip
|
11
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
12
11
|
*/
|
13
12
|
export declare const useTooltip: (props: TooltipProps, ref: React.Ref<HTMLDivElement>) => TooltipState;
|
@@ -1,12 +1,8 @@
|
|
1
1
|
import * as React from 'react';
|
2
2
|
import { mergeArrowOffset, resolvePositioningShorthand, usePopper } from '@fluentui/react-positioning';
|
3
3
|
import { TooltipContext, useFluent } from '@fluentui/react-shared-contexts';
|
4
|
-
import { applyTriggerPropsToChildren, getNativeElementProps, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout } from '@fluentui/react-utilities';
|
5
|
-
|
6
|
-
const tooltipBorderRadius = 4; // Update the root's borderRadius in useTooltipStyles.ts if this changes
|
7
|
-
|
8
|
-
const arrowHeight = 6; // Update the arrow's width/height in useTooltipStyles.ts if this changes
|
9
|
-
|
4
|
+
import { applyTriggerPropsToChildren, getNativeElementProps, useControllableState, useId, useIsomorphicLayoutEffect, useIsSSR, useMergedRefs, useTimeout } from '@fluentui/react-utilities';
|
5
|
+
import { arrowHeight, tooltipBorderRadius } from './private/constants';
|
10
6
|
/**
|
11
7
|
* Create the state required to render Tooltip.
|
12
8
|
*
|
@@ -15,7 +11,6 @@ const arrowHeight = 6; // Update the arrow's width/height in useTooltipStyles.ts
|
|
15
11
|
*
|
16
12
|
* @param props - props from this instance of Tooltip
|
17
13
|
* @param ref - reference to root HTMLElement of Tooltip
|
18
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
19
14
|
*/
|
20
15
|
|
21
16
|
export const useTooltip = (props, ref) => {
|
@@ -29,7 +24,7 @@ export const useTooltip = (props, ref) => {
|
|
29
24
|
const [setDelayTimeout, clearDelayTimeout] = useTimeout();
|
30
25
|
const {
|
31
26
|
content,
|
32
|
-
|
27
|
+
appearance,
|
33
28
|
withArrow,
|
34
29
|
positioning,
|
35
30
|
onVisibleChange,
|
@@ -55,7 +50,6 @@ export const useTooltip = (props, ref) => {
|
|
55
50
|
}, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);
|
56
51
|
const state = {
|
57
52
|
content,
|
58
|
-
inverted,
|
59
53
|
withArrow,
|
60
54
|
positioning,
|
61
55
|
showDelay,
|
@@ -63,7 +57,7 @@ export const useTooltip = (props, ref) => {
|
|
63
57
|
triggerAriaAttribute,
|
64
58
|
visible,
|
65
59
|
shouldRenderTooltip: visible,
|
66
|
-
appearance
|
60
|
+
appearance,
|
67
61
|
// Slots
|
68
62
|
components: {
|
69
63
|
root: 'div'
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,EAA2B,2BAA3B,EAAwD,SAAxD,QAAyE,6BAAzE;AACA,SAAS,cAAT,EAAyB,SAAzB,QAA0C,iCAA1C;AACA,SACE,2BADF,EAEE,qBAFF,EAGE,oBAHF,EAIE,KAJF,EAKE,yBALF,EAME,QANF,EAOE,aAPF,EAQE,UARF,QASO,2BATP,
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,gBAAT,EAA2B,2BAA3B,EAAwD,SAAxD,QAAyE,6BAAzE;AACA,SAAS,cAAT,EAAyB,SAAzB,QAA0C,iCAA1C;AACA,SACE,2BADF,EAEE,qBAFF,EAGE,oBAHF,EAIE,KAJF,EAKE,yBALF,EAME,QANF,EAOE,aAPF,EAQE,UARF,QASO,2BATP;AAWA,SAAS,WAAT,EAAsB,mBAAtB,QAAiD,qBAAjD;AAEA;;;;;;;;AAQG;;AACH,OAAO,MAAM,UAAU,GAAG,CAAC,KAAD,EAAsB,GAAtB,KAAsE;;;AAC9F,QAAM,OAAO,GAAG,KAAK,CAAC,UAAN,CAAiB,cAAjB,CAAhB;AACA,QAAM,kBAAkB,GAAG,QAAQ,EAAnC;AACA,QAAM;AAAE,IAAA;AAAF,MAAqB,SAAS,EAApC;AACA,QAAM,CAAC,eAAD,EAAkB,iBAAlB,IAAuC,UAAU,EAAvD;AAEA,QAAM;AACJ,IAAA,OADI;AAEJ,IAAA,UAFI;AAGJ,IAAA,SAHI;AAIJ,IAAA,WAJI;AAKJ,IAAA,eALI;AAMJ,IAAA,oBAAoB,GAAG,OANnB;AAOJ,IAAA,SAAS,GAAG,GAPR;AAQJ,IAAA,SAAS,GAAG;AARR,MASF,KATJ;AAWA,QAAM,CAAC,OAAD,EAAU,kBAAV,IAAgC,oBAAoB,CAAC;AAAE,IAAA,KAAK,EAAE,KAAK,CAAC,OAAf;AAAwB,IAAA,YAAY,EAAE;AAAtC,GAAD,CAA1D;AACA,QAAM,UAAU,GAAG,KAAK,CAAC,WAAN,CACjB,CAAC,UAAD,EAAsB,EAAtB,KAA8F;AAC5F,IAAA,iBAAiB;AACjB,IAAA,kBAAkB,CAAC,UAAU,IAAG;AAC9B,UAAI,UAAU,KAAK,UAAnB,EAA+B;AAC7B,QAAA,eAAe,KAAA,IAAf,IAAA,eAAe,KAAA,KAAA,CAAf,GAAe,KAAA,CAAf,GAAA,eAAe,CAAG,EAAH,EAAO;AAAE,UAAA,OAAO,EAAE;AAAX,SAAP,CAAf;AACD;;AACD,aAAO,UAAP;AACD,KALiB,CAAlB;AAMD,GATgB,EAUjB,CAAC,iBAAD,EAAoB,kBAApB,EAAwC,eAAxC,CAViB,CAAnB;AAaA,QAAM,KAAK,GAAiB;AAC1B,IAAA,OAD0B;AAE1B,IAAA,SAF0B;AAG1B,IAAA,WAH0B;AAI1B,IAAA,SAJ0B;AAK1B,IAAA,SAL0B;AAM1B,IAAA,oBAN0B;AAO1B,IAAA,OAP0B;AAQ1B,IAAA,mBAAmB,EAAE,OARK;AAS1B,IAAA,UAT0B;AAW1B;AACA,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KAZc;AAe1B,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,IAAI,EAAE,SAD2B;AAEjC,SAAG,KAF8B;AAGjC,MAAA,GAHiC;AAIjC,MAAA,EAAE,EAAE,KAAK,CAAC,UAAD,EAAa,KAAK,CAAC,EAAnB;AAJwB,KAAR;AAfD,GAA5B;AAuBA,QAAM,aAAa,GAAG;AACpB,IAAA,OAAO,EAAE,KAAK,CAAC,OADK;AAEpB,IAAA,YAAY,EAAE,IAAI,mBAFE;AAGpB,IAAA,QAAQ,EAAE,OAHU;AAIpB,IAAA,KAAK,EAAE,QAJa;AAKpB,IAAA,MAAM,EAAE,CAAC,CAAD,EAAI,CAAJ,CALY;AAMpB,OAAG,2BAA2B,CAAC,KAAK,CAAC,WAAP;AANV,GAAtB;;AASA,MAAI,KAAK,CAAC,SAAV,EAAqB;AACnB,IAAA,aAAa,CAAC,MAAd,GAAuB,gBAAgB,CAAC,aAAa,CAAC,MAAf,EAAuB,WAAvB,CAAvC;AACD;;AAED,QAAM;AACJ,IAAA,SADI;AAEJ,IAAA,YAFI;AAGJ,IAAA;AAHI,MAQF,SAAS,CAAC,aAAD,CARb;AAUA,EAAA,KAAK,CAAC,IAAN,CAAW,GAAX,GAAiB,aAAa,CAAC,KAAK,CAAC,IAAN,CAAW,GAAZ,EAAiB,YAAjB,CAA9B;AACA,EAAA,KAAK,CAAC,QAAN,GAAiB,QAAjB,CA9E8F,CAgF9F;AACA;AACA;;AACA,EAAA,yBAAyB,CAAC,MAAK;;;AAC7B,QAAI,OAAJ,EAAa;AACX,YAAM,WAAW,GAAG;AAAE,QAAA,IAAI,EAAE,MAAM,UAAU,CAAC,KAAD;AAAxB,OAApB;AAEA,OAAA,EAAA,GAAA,OAAO,CAAC,cAAR,MAAsB,IAAtB,IAAsB,EAAA,KAAA,KAAA,CAAtB,GAAsB,KAAA,CAAtB,GAAsB,EAAA,CAAE,IAAF,EAAtB;AACA,MAAA,OAAO,CAAC,cAAR,GAAyB,WAAzB;;AAEA,YAAM,iBAAiB,GAAI,EAAD,IAAsB;AAC9C,YAAI,EAAE,CAAC,GAAH,KAAW,QAAX,IAAuB,EAAE,CAAC,GAAH,KAAW,KAAtC,EAA6C;AAC3C,UAAA,WAAW,CAAC,IAAZ;AACD;AACF,OAJD;;AAMA,MAAA,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,gBAAhB,CAAiC,SAAjC,EAA4C,iBAA5C,CAAA;AAEA,aAAO,MAAK;AACV,YAAI,OAAO,CAAC,cAAR,KAA2B,WAA/B,EAA4C;AAC1C,UAAA,OAAO,CAAC,cAAR,GAAyB,SAAzB;AACD;;AAED,QAAA,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,mBAAhB,CAAoC,SAApC,EAA+C,iBAA/C,CAAA;AACD,OAND;AAOD;AACF,GAvBwB,EAuBtB,CAAC,OAAD,EAAU,cAAV,EAA0B,OAA1B,EAAmC,UAAnC,CAvBsB,CAAzB,CAnF8F,CA4G9F;AACA;AACA;AACA;AACA;;AACA,QAAM,uBAAuB,GAAG,KAAK,CAAC,MAAN,CAAa,KAAb,CAAhC,CAjH8F,CAmH9F;;AACA,QAAM,cAAc,GAAG,KAAK,CAAC,WAAN,CACpB,EAAD,IAAwE;AACtE,QAAI,EAAE,CAAC,IAAH,KAAY,OAAZ,IAAuB,uBAAuB,CAAC,OAAnD,EAA4D;AAC1D,MAAA,uBAAuB,CAAC,OAAxB,GAAkC,KAAlC;AACA;AACD,KAJqE,CAMtE;;;AACA,UAAM,KAAK,GAAG,OAAO,CAAC,cAAR,GAAyB,CAAzB,GAA6B,KAAK,CAAC,SAAjD;AAEA,IAAA,eAAe,CAAC,MAAK;AACnB,MAAA,UAAU,CAAC,IAAD,EAAO,EAAP,CAAV;AACD,KAFc,EAEZ,KAFY,CAAf;AAIA,IAAA,EAAE,CAAC,OAAH,GAbsE,CAaxD;AACf,GAfoB,EAgBrB,CAAC,eAAD,EAAkB,UAAlB,EAA8B,KAAK,CAAC,SAApC,EAA+C,OAA/C,CAhBqB,CAAvB,CApH8F,CAuI9F;;AACA,QAAM,cAAc,GAAG,KAAK,CAAC,WAAN,CACpB,EAAD,IAAwE;AACtE,QAAI,KAAK,GAAG,KAAK,CAAC,SAAlB;;AAEA,QAAI,EAAE,CAAC,IAAH,KAAY,MAAhB,EAAwB;AACtB;AACA,MAAA,KAAK,GAAG,CAAR;AAEA,MAAA,uBAAuB,CAAC,OAAxB,GAAkC,CAAA,cAAc,KAAA,IAAd,IAAA,cAAc,KAAA,KAAA,CAAd,GAAc,KAAA,CAAd,GAAA,cAAc,CAAE,aAAhB,MAAkC,EAAE,CAAC,MAAvE;AACD;;AAED,IAAA,eAAe,CAAC,MAAK;AACnB,MAAA,UAAU,CAAC,KAAD,EAAQ,EAAR,CAAV;AACD,KAFc,EAEZ,KAFY,CAAf;AAIA,IAAA,EAAE,CAAC,OAAH,GAdsE,CAcxD;AACf,GAhBoB,EAiBrB,CAAC,eAAD,EAAkB,UAAlB,EAA8B,KAAK,CAAC,SAApC,EAA+C,cAA/C,CAjBqB,CAAvB,CAxI8F,CA4J9F;AACA;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,cAAX,GAA4B,kBAAkB,CAAC,KAAK,CAAC,IAAN,CAAW,cAAZ,EAA4B,iBAA5B,CAA9C;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,cAAX,GAA4B,kBAAkB,CAAC,KAAK,CAAC,IAAN,CAAW,cAAZ,EAA4B,cAA5B,CAA9C;AAEA,QAAM,KAAK,GAAG,aAAA,KAAK,CAAC,cAAN,CAAqB,KAAK,CAAC,IAAN,CAAW,QAAhC,IAA4C,KAAK,CAAC,IAAN,CAAW,QAAvD,GAAkE,SAAhF,CAjK8F,CAmK9F;;AACA,QAAM,YAAY,GAAwB;AACxC,IAAA,cAAc,EAAE,kBAAkB,CAAC,CAAA,EAAA,GAAA,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAY,EAAA,CAAE,cAAf,EAA+B,cAA/B,CADM;AAExC,IAAA,cAAc,EAAE,kBAAkB,CAAC,CAAA,EAAA,GAAA,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAY,EAAA,CAAE,cAAf,EAA+B,cAA/B,CAFM;AAGxC,IAAA,OAAO,EAAE,kBAAkB,CAAC,CAAA,EAAA,GAAA,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAY,EAAA,CAAE,OAAf,EAAwB,cAAxB,CAHa;AAIxC,IAAA,MAAM,EAAE,kBAAkB,CAAC,CAAA,EAAA,GAAA,KAAK,KAAA,IAAL,IAAA,KAAK,KAAA,KAAA,CAAL,GAAK,KAAA,CAAL,GAAA,KAAK,CAAE,KAAP,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAY,EAAA,CAAE,MAAf,EAAuB,cAAvB;AAJc,GAA1C,CApK8F,CA2K9F;;AACA,QAAM,YAAY,GAAG,KAArB;AACA,QAAM,cAAc,GAAG,aAAa,CAAC,YAAY,KAAA,IAAZ,IAAA,YAAY,KAAA,KAAA,CAAZ,GAAY,KAAA,CAAZ,GAAA,YAAY,CAAE,GAAf,EAAoB,SAApB,CAApC;;AACA,MAAI,aAAa,CAAC,MAAd,KAAyB,SAA7B,EAAwC;AACtC,IAAA,YAAY,CAAC,GAAb,GAAmB,cAAnB;AACD;;AAED,MAAI,KAAK,CAAC,oBAAN,KAA+B,OAAnC,EAA4C;AAC1C;AACA,QAAI,OAAO,KAAK,CAAC,OAAb,KAAyB,QAA7B,EAAuC;AACrC,MAAA,YAAY,CAAC,YAAD,CAAZ,GAA6B,KAAK,CAAC,OAAnC;AACD,KAFD,MAEO;AACL,MAAA,KAAK,CAAC,oBAAN,GAA6B,YAA7B;AACD;AACF;;AAED,MAAI,KAAK,CAAC,oBAAN,KAA+B,YAA/B,IAA+C,CAAC,kBAApD,EAAwE;AACtE,IAAA,YAAY,CAAC,iBAAD,CAAZ,GAAkC,KAAK,CAAC,IAAN,CAAW,EAA7C,CADsE,CAEtE;;AACA,IAAA,KAAK,CAAC,mBAAN,GAA4B,IAA5B;AACD,GAJD,MAIO,IAAI,KAAK,CAAC,oBAAN,KAA+B,aAA/B,IAAgD,CAAC,kBAArD,EAAyE;AAC9E,IAAA,YAAY,CAAC,kBAAD,CAAZ,GAAmC,KAAK,CAAC,IAAN,CAAW,EAA9C;AACA,IAAA,KAAK,CAAC,mBAAN,GAA4B,IAA5B;AACD,GAlM6F,CAoM9F;;;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,QAAX,GAAsB,2BAA2B,CAAC,KAAK,CAAC,IAAN,CAAW,QAAZ,EAAsB,YAAtB,CAAjD;AACA,SAAO,KAAP;AACD,CAvMM;AAyMP;;AAEG;;AACH,MAAM,kBAAkB,GAAG,CACzB,SADyB,EAEzB,SAFyB,KAGvB;AACF,SAAO,KAAK,CAAC,WAAN,CACJ,EAAD,IAAc;AACZ,IAAA,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAA,SAAS,CAAG,EAAH,CAAT;AACA,IAAA,SAAS,KAAA,IAAT,IAAA,SAAS,KAAA,KAAA,CAAT,GAAS,KAAA,CAAT,GAAA,SAAS,CAAG,EAAH,CAAT;AACD,GAJI,EAKL,CAAC,SAAD,EAAY,SAAZ,CALK,CAAP;AAOD,CAXD","sourceRoot":""}
|
@@ -1,4 +1,7 @@
|
|
1
|
-
import { __styles, mergeClasses } from '@fluentui/react-make-styles';
|
1
|
+
import { shorthands, __styles, mergeClasses } from '@fluentui/react-make-styles';
|
2
|
+
import { createArrowStyles } from '@fluentui/react-positioning';
|
3
|
+
import { tokens } from '@fluentui/react-theme';
|
4
|
+
import { arrowHeight } from './private/constants';
|
2
5
|
export const tooltipClassName = 'fui-Tooltip';
|
3
6
|
/**
|
4
7
|
* Styles for the tooltip
|
@@ -7,17 +10,33 @@ export const tooltipClassName = 'fui-Tooltip';
|
|
7
10
|
const useStyles = /*#__PURE__*/__styles({
|
8
11
|
"root": {
|
9
12
|
"mc9l5x": "fjseox",
|
10
|
-
"
|
11
|
-
"z189sj": ["f11qrl6u", "fjlbh76"],
|
12
|
-
"Byoj8tv": "fy7v416",
|
13
|
-
"uwmqm3": ["fjlbh76", "f11qrl6u"],
|
13
|
+
"B7ck84d": "f1ewtqcl",
|
14
14
|
"B2u0y6b": "f132xexn",
|
15
15
|
"Bceei9c": "f158kwzp",
|
16
16
|
"Bahqtrf": "fk6fouc",
|
17
17
|
"Be2twd7": "fy9rknc",
|
18
18
|
"Bg96gwp": "fwrc4pm",
|
19
|
-
"
|
20
|
-
"
|
19
|
+
"Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
|
20
|
+
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
21
|
+
"B7oj6ja": ["f1jar5jt", "fyu767a"],
|
22
|
+
"Btl43ni": ["fyu767a", "f1jar5jt"],
|
23
|
+
"B4j52fo": "f5ogflp",
|
24
|
+
"Bekrc4i": ["f1hqa2wf", "finvdd3"],
|
25
|
+
"Bn0qgzm": "f1f09k3d",
|
26
|
+
"ibv6hh": ["finvdd3", "f1hqa2wf"],
|
27
|
+
"icvyot": "fzkkow9",
|
28
|
+
"vrafjx": ["fcdblym", "fjik90z"],
|
29
|
+
"oivjwe": "fg706s2",
|
30
|
+
"wvpqe5": ["fjik90z", "fcdblym"],
|
31
|
+
"g2u3we": "fghlq4f",
|
32
|
+
"h3c5rm": ["f1gn591s", "fjscplz"],
|
33
|
+
"B9xav0g": "fb073pr",
|
34
|
+
"zhjwy3": ["fjscplz", "f1gn591s"],
|
35
|
+
"z8tnut": "f10ra9hq",
|
36
|
+
"z189sj": ["fd9xhir", "f1jlaasf"],
|
37
|
+
"Byoj8tv": "f1d7kygh",
|
38
|
+
"uwmqm3": ["f1jlaasf", "fd9xhir"],
|
39
|
+
"De3pzq": "fxugw4r",
|
21
40
|
"sj55zd": "f19n0e5",
|
22
41
|
"Bhu2qc9": "fxeb0a7"
|
23
42
|
},
|
@@ -25,35 +44,42 @@ const useStyles = /*#__PURE__*/__styles({
|
|
25
44
|
"mc9l5x": "ftgm304"
|
26
45
|
},
|
27
46
|
"inverted": {
|
28
|
-
"
|
47
|
+
"De3pzq": "f5pduvr",
|
29
48
|
"sj55zd": "fqpbvvt"
|
30
49
|
},
|
31
50
|
"arrow": {
|
32
51
|
"qhf8xq": "f1euv43f",
|
33
|
-
"
|
34
|
-
"Bqenvij": "ftt2rgf",
|
35
|
-
"ayd6f0": "f1uo6wrk",
|
52
|
+
"De3pzq": "f1u2r49w",
|
36
53
|
"Bcdw1i0": "fd7fpy0",
|
37
54
|
"Bj3rh1h": "f1bsuimh",
|
55
|
+
"a9b677": "f1ekdpwm",
|
56
|
+
"Bqenvij": "f83vc9z",
|
38
57
|
"rurcny": "fuzzvh5",
|
58
|
+
"Bex5imi": "fkk33zh",
|
39
59
|
"xx9plb": "fxf9f1y",
|
60
|
+
"Bmqnesq": "f170vdtw",
|
40
61
|
"Bdn98qo": "f103af6e",
|
41
62
|
"Bbc2r3f": "f15umuo5",
|
42
|
-
"
|
43
|
-
"
|
63
|
+
"B1dvbpk": "f3wpjpt",
|
64
|
+
"D4ky5z": ["f1pa2qi2", "f1ooiv2t"],
|
65
|
+
"cqycoz": ["fiio4mc", "fc8z0qo"],
|
66
|
+
"I89eb": ["f15d5mb5", "fe45dp8"],
|
67
|
+
"k1i1uq": "fyqop9u",
|
68
|
+
"Epwjcz": "f1m5ya7j",
|
69
|
+
"Bp1vogq": "f3sp63x",
|
44
70
|
"px8gyy": ["f5bg3dr", "f1rfdd74"],
|
45
|
-
"h6z6rw":
|
46
|
-
"hl6cv3": "
|
71
|
+
"h6z6rw": "fzd2j21",
|
72
|
+
"hl6cv3": "f1773hnp",
|
47
73
|
"Bh2vraf": "f1n8855c",
|
48
|
-
"yayu3t":
|
74
|
+
"yayu3t": "f1v7783n",
|
49
75
|
"wedwtw": "fsw6im5",
|
50
|
-
"rhl9o9": "
|
76
|
+
"rhl9o9": "fh2hsk5",
|
51
77
|
"Bu8t5uz": "f159pzir",
|
52
|
-
"B6q6orb":
|
78
|
+
"B6q6orb": "f11yvu4",
|
53
79
|
"Bwwlvwl": "fm1ycve"
|
54
80
|
}
|
55
81
|
}, {
|
56
|
-
"d": [".fjseox{display:none;}", ".
|
82
|
+
"d": [".fjseox{display:none;}", ".f1ewtqcl{box-sizing:border-box;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f10ra9hq{padding-top:4px;}", ".fd9xhir{padding-right:11px;}", ".f1jlaasf{padding-left:11px;}", ".f1d7kygh{padding-bottom:6px;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".f5pduvr{background-color:var(--colorNeutralBackgroundInverted);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".f1ekdpwm{width:8.484px;}", ".f83vc9z{height:8.484px;}", ".fuzzvh5:before{content:\"\";}", ".fkk33zh:before{visibility:visible;}", ".fxf9f1y:before{position:absolute;}", ".f170vdtw:before{box-sizing:border-box;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".f3wpjpt:before{background-color:inherit;}", ".f1pa2qi2:before{border-right-width:1px;}", ".f1ooiv2t:before{border-left-width:1px;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f15d5mb5:before{border-right-color:var(--colorTransparentStroke);}", ".fe45dp8:before{border-left-color:var(--colorTransparentStroke);}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f3sp63x:before{border-bottom-color:var(--colorTransparentStroke);}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
|
57
83
|
});
|
58
84
|
/**
|
59
85
|
* Apply styling to the Tooltip slots based on the state
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":"AAAA,SAAS,UAAT,YAAiC,YAAjC,QAAqD,6BAArD;AACA,SAAS,iBAAT,QAAkC,6BAAlC;AACA,SAAS,MAAT,QAAuB,uBAAvB;AACA,SAAS,WAAT,QAA4B,qBAA5B;AAGA,OAAO,MAAM,gBAAgB,GAAG,aAAzB;AAEP;;AAEG;;AACH,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAkCA;;AAEG;;;AACH,OAAO,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,gBADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QAHT,EAIjC,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,OAJS,EAKjC,KAAK,CAAC,IAAN,CAAW,SALsB,CAAnC;AAQA,EAAA,KAAK,CAAC,cAAN,GAAuB,MAAM,CAAC,KAA9B;AAEA,SAAO,KAAP;AACD,CAdM","sourceRoot":""}
|
@@ -22,20 +22,17 @@ export declare type TooltipSlots = {
|
|
22
22
|
*/
|
23
23
|
export declare type TooltipCommons = {
|
24
24
|
/**
|
25
|
-
*
|
26
|
-
*
|
25
|
+
* The tooltip's visual appearance.
|
26
|
+
* * `normal` - Uses the theme's background and text colors.
|
27
|
+
* * `inverted` - Higher contrast variant that uses the theme's inverted colors.
|
28
|
+
*
|
29
|
+
* @defaultvalue normal
|
27
30
|
*/
|
28
|
-
appearance?: 'inverted';
|
31
|
+
appearance?: 'normal' | 'inverted';
|
29
32
|
/**
|
30
33
|
* The content displayed inside the tooltip.
|
31
34
|
*/
|
32
35
|
content: React.ReactNode;
|
33
|
-
/**
|
34
|
-
* Color variant with inverted colors
|
35
|
-
*
|
36
|
-
* @defaultvalue false
|
37
|
-
*/
|
38
|
-
inverted?: boolean;
|
39
36
|
/**
|
40
37
|
* Render an arrow pointing to the target element
|
41
38
|
*
|
@@ -0,0 +1,12 @@
|
|
1
|
+
/**
|
2
|
+
* The height of the tooltip's arrow in pixels.
|
3
|
+
*/
|
4
|
+
export declare const arrowHeight = 6;
|
5
|
+
/**
|
6
|
+
* The default value of the tooltip's border radius (borderRadiusMedium).
|
7
|
+
*
|
8
|
+
* Unfortunately, Popper requires it to be specified as a variable instead of using CSS.
|
9
|
+
* While we could use getComputedStyle, that adds a performance penalty for something that
|
10
|
+
* will likely never change.
|
11
|
+
*/
|
12
|
+
export declare const tooltipBorderRadius = 4;
|
@@ -0,0 +1,21 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.tooltipBorderRadius = exports.arrowHeight = void 0;
|
7
|
+
/**
|
8
|
+
* The height of the tooltip's arrow in pixels.
|
9
|
+
*/
|
10
|
+
|
11
|
+
exports.arrowHeight = 6;
|
12
|
+
/**
|
13
|
+
* The default value of the tooltip's border radius (borderRadiusMedium).
|
14
|
+
*
|
15
|
+
* Unfortunately, Popper requires it to be specified as a variable instead of using CSS.
|
16
|
+
* While we could use getComputedStyle, that adds a performance penalty for something that
|
17
|
+
* will likely never change.
|
18
|
+
*/
|
19
|
+
|
20
|
+
exports.tooltipBorderRadius = 4;
|
21
|
+
//# sourceMappingURL=constants.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/Tooltip/private/constants.ts"],"names":[],"mappings":";;;;;;AAAA;;AAEG;;AACU,OAAA,CAAA,WAAA,GAAc,CAAd;AAEb;;;;;;AAMG;;AACU,OAAA,CAAA,mBAAA,GAAsB,CAAtB","sourceRoot":""}
|
@@ -19,8 +19,9 @@ const renderTooltip = state => {
|
|
19
19
|
const {
|
20
20
|
slots,
|
21
21
|
slotProps
|
22
|
-
} = react_utilities_1.getSlots(state
|
23
|
-
return React.createElement(React.Fragment, null, state.root.children, state.shouldRenderTooltip && React.createElement(react_portal_1.Portal, null, React.createElement(slots.root,
|
22
|
+
} = react_utilities_1.getSlots(state);
|
23
|
+
return React.createElement(React.Fragment, null, state.root.children, state.shouldRenderTooltip && React.createElement(react_portal_1.Portal, null, React.createElement(slots.root, { ...slotProps.root
|
24
|
+
}, state.withArrow && React.createElement("div", {
|
24
25
|
ref: state.arrowRef,
|
25
26
|
className: state.arrowClassName
|
26
27
|
}), state.content)));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,aAAa,GAAI,KAAD,IAAwB;AACnD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAuB,KAAvB,
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/renderTooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,cAAA,gBAAA,OAAA,CAAA,wBAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;AAGA;;AAEG;;;AACI,MAAM,aAAa,GAAI,KAAD,IAAwB;AACnD,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAuB,KAAvB,CAA7B;AAEA,SACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAK,CAAC,IAAN,CAAW,QADd,EAEG,KAAK,CAAC,mBAAN,IACC,KAAA,CAAA,aAAA,CAAC,cAAA,CAAA,MAAD,EAAO,IAAP,EACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,EAAA,GAAK,SAAS,CAAC;AAAf,GAAX,EACG,KAAK,CAAC,SAAN,IAAmB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAE,KAAK,CAAC,QAAhB;AAA0B,IAAA,SAAS,EAAE,KAAK,CAAC;AAA3C,GAAA,CADtB,EAEG,KAAK,CAAC,OAFT,CADF,CAHJ,CADF;AAaD,CAhBM;;AAAM,OAAA,CAAA,aAAA,GAAa,aAAb","sourceRoot":""}
|
@@ -8,6 +8,5 @@ import type { TooltipProps, TooltipState } from './Tooltip.types';
|
|
8
8
|
*
|
9
9
|
* @param props - props from this instance of Tooltip
|
10
10
|
* @param ref - reference to root HTMLElement of Tooltip
|
11
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
12
11
|
*/
|
13
12
|
export declare const useTooltip: (props: TooltipProps, ref: React.Ref<HTMLDivElement>) => TooltipState;
|
@@ -11,13 +11,9 @@ const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
|
|
11
11
|
|
12
12
|
const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
|
13
13
|
|
14
|
-
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
15
|
-
|
16
|
-
|
17
|
-
const tooltipBorderRadius = 4; // Update the root's borderRadius in useTooltipStyles.ts if this changes
|
18
|
-
|
19
|
-
const arrowHeight = 6; // Update the arrow's width/height in useTooltipStyles.ts if this changes
|
14
|
+
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
20
15
|
|
16
|
+
const constants_1 = /*#__PURE__*/require("./private/constants");
|
21
17
|
/**
|
22
18
|
* Create the state required to render Tooltip.
|
23
19
|
*
|
@@ -26,9 +22,9 @@ const arrowHeight = 6; // Update the arrow's width/height in useTooltipStyles.ts
|
|
26
22
|
*
|
27
23
|
* @param props - props from this instance of Tooltip
|
28
24
|
* @param ref - reference to root HTMLElement of Tooltip
|
29
|
-
* @param defaultProps - (optional) default prop values provided by the implementing type
|
30
25
|
*/
|
31
26
|
|
27
|
+
|
32
28
|
const useTooltip = (props, ref) => {
|
33
29
|
var _a, _b, _c, _d;
|
34
30
|
|
@@ -40,7 +36,7 @@ const useTooltip = (props, ref) => {
|
|
40
36
|
const [setDelayTimeout, clearDelayTimeout] = react_utilities_1.useTimeout();
|
41
37
|
const {
|
42
38
|
content,
|
43
|
-
|
39
|
+
appearance,
|
44
40
|
withArrow,
|
45
41
|
positioning,
|
46
42
|
onVisibleChange,
|
@@ -66,7 +62,6 @@ const useTooltip = (props, ref) => {
|
|
66
62
|
}, [clearDelayTimeout, setVisibleInternal, onVisibleChange]);
|
67
63
|
const state = {
|
68
64
|
content,
|
69
|
-
inverted,
|
70
65
|
withArrow,
|
71
66
|
positioning,
|
72
67
|
showDelay,
|
@@ -74,7 +69,7 @@ const useTooltip = (props, ref) => {
|
|
74
69
|
triggerAriaAttribute,
|
75
70
|
visible,
|
76
71
|
shouldRenderTooltip: visible,
|
77
|
-
appearance
|
72
|
+
appearance,
|
78
73
|
// Slots
|
79
74
|
components: {
|
80
75
|
root: 'div'
|
@@ -88,7 +83,7 @@ const useTooltip = (props, ref) => {
|
|
88
83
|
};
|
89
84
|
const popperOptions = {
|
90
85
|
enabled: state.visible,
|
91
|
-
arrowPadding: 2 * tooltipBorderRadius,
|
86
|
+
arrowPadding: 2 * constants_1.tooltipBorderRadius,
|
92
87
|
position: 'above',
|
93
88
|
align: 'center',
|
94
89
|
offset: [0, 4],
|
@@ -96,7 +91,7 @@ const useTooltip = (props, ref) => {
|
|
96
91
|
};
|
97
92
|
|
98
93
|
if (state.withArrow) {
|
99
|
-
popperOptions.offset = react_positioning_1.mergeArrowOffset(popperOptions.offset, arrowHeight);
|
94
|
+
popperOptions.offset = react_positioning_1.mergeArrowOffset(popperOptions.offset, constants_1.arrowHeight);
|
100
95
|
}
|
101
96
|
|
102
97
|
const {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,uBAAA,gBAAA,OAAA,CAAA,iCAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltip.tsx"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -7,6 +7,12 @@ exports.useTooltipStyles = exports.tooltipClassName = void 0;
|
|
7
7
|
|
8
8
|
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
+
const react_positioning_1 = /*#__PURE__*/require("@fluentui/react-positioning");
|
11
|
+
|
12
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
13
|
+
|
14
|
+
const constants_1 = /*#__PURE__*/require("./private/constants");
|
15
|
+
|
10
16
|
exports.tooltipClassName = 'fui-Tooltip';
|
11
17
|
/**
|
12
18
|
* Styles for the tooltip
|
@@ -15,17 +21,33 @@ exports.tooltipClassName = 'fui-Tooltip';
|
|
15
21
|
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
16
22
|
"root": {
|
17
23
|
"mc9l5x": "fjseox",
|
18
|
-
"
|
19
|
-
"z189sj": ["f11qrl6u", "fjlbh76"],
|
20
|
-
"Byoj8tv": "fy7v416",
|
21
|
-
"uwmqm3": ["fjlbh76", "f11qrl6u"],
|
24
|
+
"B7ck84d": "f1ewtqcl",
|
22
25
|
"B2u0y6b": "f132xexn",
|
23
26
|
"Bceei9c": "f158kwzp",
|
24
27
|
"Bahqtrf": "fk6fouc",
|
25
28
|
"Be2twd7": "fy9rknc",
|
26
29
|
"Bg96gwp": "fwrc4pm",
|
27
|
-
"
|
28
|
-
"
|
30
|
+
"Bbmb7ep": ["f1aa9q02", "f16jpd5f"],
|
31
|
+
"Beyfa6y": ["f16jpd5f", "f1aa9q02"],
|
32
|
+
"B7oj6ja": ["f1jar5jt", "fyu767a"],
|
33
|
+
"Btl43ni": ["fyu767a", "f1jar5jt"],
|
34
|
+
"B4j52fo": "f5ogflp",
|
35
|
+
"Bekrc4i": ["f1hqa2wf", "finvdd3"],
|
36
|
+
"Bn0qgzm": "f1f09k3d",
|
37
|
+
"ibv6hh": ["finvdd3", "f1hqa2wf"],
|
38
|
+
"icvyot": "fzkkow9",
|
39
|
+
"vrafjx": ["fcdblym", "fjik90z"],
|
40
|
+
"oivjwe": "fg706s2",
|
41
|
+
"wvpqe5": ["fjik90z", "fcdblym"],
|
42
|
+
"g2u3we": "fghlq4f",
|
43
|
+
"h3c5rm": ["f1gn591s", "fjscplz"],
|
44
|
+
"B9xav0g": "fb073pr",
|
45
|
+
"zhjwy3": ["fjscplz", "f1gn591s"],
|
46
|
+
"z8tnut": "f10ra9hq",
|
47
|
+
"z189sj": ["fd9xhir", "f1jlaasf"],
|
48
|
+
"Byoj8tv": "f1d7kygh",
|
49
|
+
"uwmqm3": ["f1jlaasf", "fd9xhir"],
|
50
|
+
"De3pzq": "fxugw4r",
|
29
51
|
"sj55zd": "f19n0e5",
|
30
52
|
"Bhu2qc9": "fxeb0a7"
|
31
53
|
},
|
@@ -33,35 +55,42 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
33
55
|
"mc9l5x": "ftgm304"
|
34
56
|
},
|
35
57
|
"inverted": {
|
36
|
-
"
|
58
|
+
"De3pzq": "f5pduvr",
|
37
59
|
"sj55zd": "fqpbvvt"
|
38
60
|
},
|
39
61
|
"arrow": {
|
40
62
|
"qhf8xq": "f1euv43f",
|
41
|
-
"
|
42
|
-
"Bqenvij": "ftt2rgf",
|
43
|
-
"ayd6f0": "f1uo6wrk",
|
63
|
+
"De3pzq": "f1u2r49w",
|
44
64
|
"Bcdw1i0": "fd7fpy0",
|
45
65
|
"Bj3rh1h": "f1bsuimh",
|
66
|
+
"a9b677": "f1ekdpwm",
|
67
|
+
"Bqenvij": "f83vc9z",
|
46
68
|
"rurcny": "fuzzvh5",
|
69
|
+
"Bex5imi": "fkk33zh",
|
47
70
|
"xx9plb": "fxf9f1y",
|
71
|
+
"Bmqnesq": "f170vdtw",
|
48
72
|
"Bdn98qo": "f103af6e",
|
49
73
|
"Bbc2r3f": "f15umuo5",
|
50
|
-
"
|
51
|
-
"
|
74
|
+
"B1dvbpk": "f3wpjpt",
|
75
|
+
"D4ky5z": ["f1pa2qi2", "f1ooiv2t"],
|
76
|
+
"cqycoz": ["fiio4mc", "fc8z0qo"],
|
77
|
+
"I89eb": ["f15d5mb5", "fe45dp8"],
|
78
|
+
"k1i1uq": "fyqop9u",
|
79
|
+
"Epwjcz": "f1m5ya7j",
|
80
|
+
"Bp1vogq": "f3sp63x",
|
52
81
|
"px8gyy": ["f5bg3dr", "f1rfdd74"],
|
53
|
-
"h6z6rw":
|
54
|
-
"hl6cv3": "
|
82
|
+
"h6z6rw": "fzd2j21",
|
83
|
+
"hl6cv3": "f1773hnp",
|
55
84
|
"Bh2vraf": "f1n8855c",
|
56
|
-
"yayu3t":
|
85
|
+
"yayu3t": "f1v7783n",
|
57
86
|
"wedwtw": "fsw6im5",
|
58
|
-
"rhl9o9": "
|
87
|
+
"rhl9o9": "fh2hsk5",
|
59
88
|
"Bu8t5uz": "f159pzir",
|
60
|
-
"B6q6orb":
|
89
|
+
"B6q6orb": "f11yvu4",
|
61
90
|
"Bwwlvwl": "fm1ycve"
|
62
91
|
}
|
63
92
|
}, {
|
64
|
-
"d": [".fjseox{display:none;}", ".
|
93
|
+
"d": [".fjseox{display:none;}", ".f1ewtqcl{box-sizing:border-box;}", ".f132xexn{max-width:240px;}", ".f158kwzp{cursor:default;}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".fwrc4pm{line-height:var(--lineHeightBase200);}", ".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}", ".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}", ".f5ogflp{border-top-width:1px;}", ".f1hqa2wf{border-right-width:1px;}", ".finvdd3{border-left-width:1px;}", ".f1f09k3d{border-bottom-width:1px;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".fghlq4f{border-top-color:var(--colorTransparentStroke);}", ".f1gn591s{border-right-color:var(--colorTransparentStroke);}", ".fjscplz{border-left-color:var(--colorTransparentStroke);}", ".fb073pr{border-bottom-color:var(--colorTransparentStroke);}", ".f10ra9hq{padding-top:4px;}", ".fd9xhir{padding-right:11px;}", ".f1jlaasf{padding-left:11px;}", ".f1d7kygh{padding-bottom:6px;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxeb0a7{-webkit-filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));filter:drop-shadow(0 0 2px var(--colorNeutralShadowAmbient)) drop-shadow(0 4px 8px var(--colorNeutralShadowKey));}", ".ftgm304{display:block;}", ".f5pduvr{background-color:var(--colorNeutralBackgroundInverted);}", ".fqpbvvt{color:var(--colorNeutralForegroundInverted);}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".f1ekdpwm{width:8.484px;}", ".f83vc9z{height:8.484px;}", ".fuzzvh5:before{content:\"\";}", ".fkk33zh:before{visibility:visible;}", ".fxf9f1y:before{position:absolute;}", ".f170vdtw:before{box-sizing:border-box;}", ".f103af6e:before{width:inherit;}", ".f15umuo5:before{height:inherit;}", ".f3wpjpt:before{background-color:inherit;}", ".f1pa2qi2:before{border-right-width:1px;}", ".f1ooiv2t:before{border-left-width:1px;}", ".fiio4mc:before{border-right-style:solid;}", ".fc8z0qo:before{border-left-style:solid;}", ".f15d5mb5:before{border-right-color:var(--colorTransparentStroke);}", ".fe45dp8:before{border-left-color:var(--colorTransparentStroke);}", ".fyqop9u:before{border-bottom-width:1px;}", ".f1m5ya7j:before{border-bottom-style:solid;}", ".f3sp63x:before{border-bottom-color:var(--colorTransparentStroke);}", ".f5bg3dr:before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f1rfdd74:before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fzd2j21:before{-webkit-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-moz-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);-ms-transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);transform:rotate(var(--angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .f1n8855c{--angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .fsw6im5{--angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f159pzir{--angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .fm1ycve{--angle:270deg;}"]
|
65
94
|
});
|
66
95
|
/**
|
67
96
|
* Apply styling to the Tooltip slots based on the state
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;
|
1
|
+
{"version":3,"sources":["../../../src/components/Tooltip/useTooltipStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AACA,MAAA,WAAA,gBAAA,OAAA,CAAA,qBAAA,CAAA;;AAGa,OAAA,CAAA,gBAAA,GAAmB,aAAnB;AAEb;;AAEG;;AACH,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAkCA;;AAEG;;;AACI,MAAM,gBAAgB,GAAI,KAAD,IAAsC;AACpE,QAAM,MAAM,GAAG,SAAS,EAAxB;AAEA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,gBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,UAAN,KAAqB,UAArB,IAAmC,MAAM,CAAC,QAHrB,EAIrB,KAAK,CAAC,OAAN,IAAiB,MAAM,CAAC,OAJH,EAKrB,KAAK,CAAC,IAAN,CAAW,SALU,CAAvB;AAQA,EAAA,KAAK,CAAC,cAAN,GAAuB,MAAM,CAAC,KAA9B;AAEA,SAAO,KAAP;AACD,CAdM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-tooltip",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightly63afcc343820220120.1",
|
4
4
|
"description": "React components for building web experiences",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -19,17 +19,18 @@
|
|
19
19
|
"just": "just-scripts",
|
20
20
|
"lint": "just-scripts lint",
|
21
21
|
"start": "yarn storybook",
|
22
|
-
"test": "jest",
|
22
|
+
"test": "jest --passWithNoTests",
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
24
|
-
"build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-tooltip/src && yarn docs",
|
25
|
-
"storybook": "
|
24
|
+
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-tooltip/src && yarn docs",
|
25
|
+
"storybook": "node ../../scripts/storybook/runner",
|
26
|
+
"type-check": "tsc -b tsconfig.json"
|
26
27
|
},
|
27
28
|
"devDependencies": {
|
28
|
-
"@fluentui/babel-make-styles": "0.0.0-
|
29
|
+
"@fluentui/babel-make-styles": "0.0.0-nightly63afcc343820220120.1",
|
29
30
|
"@fluentui/eslint-plugin": "*",
|
30
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-
|
31
|
+
"@fluentui/jest-serializer-make-styles": "0.0.0-nightly63afcc343820220120.1",
|
31
32
|
"@fluentui/react-conformance": "*",
|
32
|
-
"@fluentui/react-conformance-make-styles": "0.0.0-
|
33
|
+
"@fluentui/react-conformance-make-styles": "0.0.0-nightly63afcc343820220120.1",
|
33
34
|
"@fluentui/scripts": "^1.0.0",
|
34
35
|
"@types/enzyme": "3.10.3",
|
35
36
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
@@ -43,12 +44,12 @@
|
|
43
44
|
"react-test-renderer": "^16.3.0"
|
44
45
|
},
|
45
46
|
"dependencies": {
|
46
|
-
"@fluentui/react-make-styles": "0.0.0-
|
47
|
-
"@fluentui/react-portal": "0.0.0-
|
48
|
-
"@fluentui/react-positioning": "0.0.0-
|
49
|
-
"@fluentui/react-shared-contexts": "0.0.0-
|
50
|
-
"@fluentui/react-theme": "0.0.0-
|
51
|
-
"@fluentui/react-utilities": "0.0.0-
|
47
|
+
"@fluentui/react-make-styles": "0.0.0-nightly63afcc343820220120.1",
|
48
|
+
"@fluentui/react-portal": "0.0.0-nightly63afcc343820220120.1",
|
49
|
+
"@fluentui/react-positioning": "0.0.0-nightly63afcc343820220120.1",
|
50
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly63afcc343820220120.1",
|
51
|
+
"@fluentui/react-theme": "0.0.0-nightly63afcc343820220120.1",
|
52
|
+
"@fluentui/react-utilities": "0.0.0-nightly63afcc343820220120.1",
|
52
53
|
"tslib": "^2.1.0"
|
53
54
|
},
|
54
55
|
"peerDependencies": {
|
@@ -58,7 +59,6 @@
|
|
58
59
|
"react-dom": ">=16.8.0 <18.0.0"
|
59
60
|
},
|
60
61
|
"beachball": {
|
61
|
-
"tag": "beta",
|
62
62
|
"disallowedChangeTypes": [
|
63
63
|
"major",
|
64
64
|
"minor",
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
|
2
|
-
import makeStylesTests from '@fluentui/react-conformance-make-styles';
|
3
|
-
export function isConformant(testInfo) {
|
4
|
-
const defaultOptions = {
|
5
|
-
asPropHandlesRef: true,
|
6
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
7
|
-
extraTests: makeStylesTests
|
8
|
-
};
|
9
|
-
baseIsConformant(defaultOptions, testInfo);
|
10
|
-
}
|
11
|
-
//# sourceMappingURL=isConformant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE;AAH+C,GAA7D;AAMA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
|
@@ -1,22 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.isConformant = void 0;
|
7
|
-
|
8
|
-
const react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
|
9
|
-
|
10
|
-
const react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
|
11
|
-
|
12
|
-
function isConformant(testInfo) {
|
13
|
-
const defaultOptions = {
|
14
|
-
asPropHandlesRef: true,
|
15
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
16
|
-
extraTests: react_conformance_make_styles_1.default
|
17
|
-
};
|
18
|
-
react_conformance_1.isConformant(defaultOptions, testInfo);
|
19
|
-
}
|
20
|
-
|
21
|
-
exports.isConformant = isConformant;
|
22
|
-
//# sourceMappingURL=isConformant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,MAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,UAAU,EAAE,+BAAA,CAAA;AAH+C,GAA7D;AAMA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAVD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
|