@atlaskit/tooltip 17.8.6 → 17.8.7
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.md +51 -45
- package/dist/cjs/Tooltip.js +23 -28
- package/dist/cjs/TooltipContainer.js +13 -16
- package/dist/cjs/TooltipPrimitive.js +2 -2
- package/dist/es2019/Tooltip.js +5 -9
- package/dist/es2019/TooltipContainer.js +3 -5
- package/dist/esm/Tooltip.js +23 -28
- package/dist/esm/TooltipContainer.js +13 -16
- package/dist/esm/TooltipPrimitive.js +2 -2
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,47 +1,53 @@
|
|
|
1
1
|
# @atlaskit/tooltip
|
|
2
2
|
|
|
3
|
+
## 17.8.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#40904](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40904) [`f5731d7c0ca`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f5731d7c0ca) - Improve the performance of the tooltip trigger's ref setter function by ensuring the `useCallback` only regenerates a new reference when absolutely needed (rather than on every render).
|
|
8
|
+
|
|
3
9
|
## 17.8.6
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
6
12
|
|
|
7
|
-
- [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
13
|
+
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
8
14
|
- Updated dependencies
|
|
9
15
|
|
|
10
16
|
## 17.8.5
|
|
11
17
|
|
|
12
18
|
### Patch Changes
|
|
13
19
|
|
|
14
|
-
- [`56b444b56a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b444b56a8) - Fix a bug where text descenders were cut off at high zoom levels on Windows
|
|
20
|
+
- [#38209](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38209) [`56b444b56a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b444b56a8) - Fix a bug where text descenders were cut off at high zoom levels on Windows
|
|
15
21
|
|
|
16
22
|
## 17.8.4
|
|
17
23
|
|
|
18
24
|
### Patch Changes
|
|
19
25
|
|
|
20
|
-
- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
|
|
26
|
+
- [#36754](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36754) [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
|
|
21
27
|
|
|
22
28
|
## 17.8.3
|
|
23
29
|
|
|
24
30
|
### Patch Changes
|
|
25
31
|
|
|
26
|
-
- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
|
|
32
|
+
- [#35441](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35441) [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
|
|
27
33
|
|
|
28
34
|
## 17.8.2
|
|
29
35
|
|
|
30
36
|
### Patch Changes
|
|
31
37
|
|
|
32
|
-
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
38
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
33
39
|
|
|
34
40
|
## 17.8.1
|
|
35
41
|
|
|
36
42
|
### Patch Changes
|
|
37
43
|
|
|
38
|
-
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
44
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
39
45
|
|
|
40
46
|
## 17.8.0
|
|
41
47
|
|
|
42
48
|
### Minor Changes
|
|
43
49
|
|
|
44
|
-
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
50
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
45
51
|
|
|
46
52
|
### Patch Changes
|
|
47
53
|
|
|
@@ -51,19 +57,19 @@
|
|
|
51
57
|
|
|
52
58
|
### Patch Changes
|
|
53
59
|
|
|
54
|
-
- [`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal changes.
|
|
60
|
+
- [#32211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32211) [`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal changes.
|
|
55
61
|
|
|
56
62
|
## 17.7.0
|
|
57
63
|
|
|
58
64
|
### Minor Changes
|
|
59
65
|
|
|
60
|
-
- [`03114fe5942`](https://bitbucket.org/atlassian/atlassian-frontend/commits/03114fe5942) - [ux] Ensures tooltips are read correctly on screen readers.
|
|
66
|
+
- [#30248](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/30248) [`03114fe5942`](https://bitbucket.org/atlassian/atlassian-frontend/commits/03114fe5942) - [ux] Ensures tooltips are read correctly on screen readers.
|
|
61
67
|
|
|
62
68
|
## 17.6.9
|
|
63
69
|
|
|
64
70
|
### Patch Changes
|
|
65
71
|
|
|
66
|
-
- [`6cb57eb428d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6cb57eb428d) - Update examples for Tooltip to use render props API to aid in eventual deprecation of wrapping children.
|
|
72
|
+
- [#29470](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29470) [`6cb57eb428d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6cb57eb428d) - Update examples for Tooltip to use render props API to aid in eventual deprecation of wrapping children.
|
|
67
73
|
- Updated dependencies
|
|
68
74
|
|
|
69
75
|
## 17.6.8
|
|
@@ -76,13 +82,13 @@
|
|
|
76
82
|
|
|
77
83
|
### Patch Changes
|
|
78
84
|
|
|
79
|
-
- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
|
|
85
|
+
- [#29390](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29390) [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
|
|
80
86
|
|
|
81
87
|
## 17.6.6
|
|
82
88
|
|
|
83
89
|
### Patch Changes
|
|
84
90
|
|
|
85
|
-
- [`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects` when loading the page.
|
|
91
|
+
- [#29227](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/29227) [`4ee60bafc6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ee60bafc6d) - ED-16603: Remove tooltips from VR tests and make them opt in. To opt-in, add `allowedSideEffects` when loading the page.
|
|
86
92
|
|
|
87
93
|
## 17.6.5
|
|
88
94
|
|
|
@@ -100,7 +106,7 @@
|
|
|
100
106
|
|
|
101
107
|
### Patch Changes
|
|
102
108
|
|
|
103
|
-
- [`4fd77eaf22b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fd77eaf22b) - Align TriggerProps with the actual output, and make data-testid explicit
|
|
109
|
+
- [#27313](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27313) [`4fd77eaf22b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4fd77eaf22b) - Align TriggerProps with the actual output, and make data-testid explicit
|
|
104
110
|
|
|
105
111
|
## 17.6.2
|
|
106
112
|
|
|
@@ -112,44 +118,44 @@
|
|
|
112
118
|
|
|
113
119
|
### Patch Changes
|
|
114
120
|
|
|
115
|
-
- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
|
|
121
|
+
- [#26303](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26303) [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
|
|
116
122
|
|
|
117
123
|
## 17.6.0
|
|
118
124
|
|
|
119
125
|
### Minor Changes
|
|
120
126
|
|
|
121
|
-
- [`15f0ad7aaa3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/15f0ad7aaa3) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
127
|
+
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`15f0ad7aaa3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/15f0ad7aaa3) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
122
128
|
|
|
123
129
|
## 17.5.17
|
|
124
130
|
|
|
125
131
|
### Patch Changes
|
|
126
132
|
|
|
127
|
-
- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
133
|
+
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874) [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
128
134
|
|
|
129
135
|
## 17.5.16
|
|
130
136
|
|
|
131
137
|
### Patch Changes
|
|
132
138
|
|
|
133
|
-
- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
139
|
+
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492) [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
134
140
|
|
|
135
141
|
## 17.5.15
|
|
136
142
|
|
|
137
143
|
### Patch Changes
|
|
138
144
|
|
|
139
|
-
- [`338ba1a1500`](https://bitbucket.org/atlassian/atlassian-frontend/commits/338ba1a1500) - [ux] Improves accuracy of Tooltip placement relative to the mouse when using `position="mouse"`
|
|
145
|
+
- [#22691](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22691) [`338ba1a1500`](https://bitbucket.org/atlassian/atlassian-frontend/commits/338ba1a1500) - [ux] Improves accuracy of Tooltip placement relative to the mouse when using `position="mouse"`
|
|
140
146
|
|
|
141
147
|
## 17.5.14
|
|
142
148
|
|
|
143
149
|
### Patch Changes
|
|
144
150
|
|
|
145
|
-
- [`13a202fde6b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/13a202fde6b) - Fixes a bug where undefined test IDs were being added to Tooltip wrappers when no test ID was set
|
|
151
|
+
- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`13a202fde6b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/13a202fde6b) - Fixes a bug where undefined test IDs were being added to Tooltip wrappers when no test ID was set
|
|
146
152
|
- Updated dependencies
|
|
147
153
|
|
|
148
154
|
## 17.5.13
|
|
149
155
|
|
|
150
156
|
### Patch Changes
|
|
151
157
|
|
|
152
|
-
- [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
|
|
158
|
+
- [#22642](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22642) [`45ebe7af434`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45ebe7af434) - Moved to using declarative entrypoints internally. Public API is unchanged.
|
|
153
159
|
- [`4efc76f8a72`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4efc76f8a72) - [ux] Fixes a bug where tooltip entrance and exit direction animations were not working since version 12.1.7, after upgrading `react-popper`.
|
|
154
160
|
|
|
155
161
|
This involved adding a wrapper `<div>` around the tooltip to separate the positioning and animation styles. The wrapper can be identified in tests using `testId` with the pattern `{testId}--wrapper`.
|
|
@@ -160,7 +166,7 @@
|
|
|
160
166
|
|
|
161
167
|
### Patch Changes
|
|
162
168
|
|
|
163
|
-
- [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
|
|
169
|
+
- [#22614](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/22614) [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
|
|
164
170
|
|
|
165
171
|
## 17.5.11
|
|
166
172
|
|
|
@@ -178,13 +184,13 @@
|
|
|
178
184
|
|
|
179
185
|
### Patch Changes
|
|
180
186
|
|
|
181
|
-
- [`2e7bbdfd813`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e7bbdfd813) - Upgrading internal dependency 'bind-event-listener' to 2.1.0 for improved types
|
|
187
|
+
- [#21242](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21242) [`2e7bbdfd813`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e7bbdfd813) - Upgrading internal dependency 'bind-event-listener' to 2.1.0 for improved types
|
|
182
188
|
|
|
183
189
|
## 17.5.8
|
|
184
190
|
|
|
185
191
|
### Patch Changes
|
|
186
192
|
|
|
187
|
-
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
193
|
+
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650) [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
188
194
|
|
|
189
195
|
## 17.5.7
|
|
190
196
|
|
|
@@ -202,7 +208,7 @@
|
|
|
202
208
|
|
|
203
209
|
### Patch Changes
|
|
204
210
|
|
|
205
|
-
- [`d0eed99c3e3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d0eed99c3e3) - ED-14264 Moved styles to emotion css
|
|
211
|
+
- [#19019](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19019) [`d0eed99c3e3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d0eed99c3e3) - ED-14264 Moved styles to emotion css
|
|
206
212
|
- [`6007e4f9a97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6007e4f9a97) - Internal styling has been refactored in preparation for @compiled/react
|
|
207
213
|
- Updated dependencies
|
|
208
214
|
|
|
@@ -210,7 +216,7 @@
|
|
|
210
216
|
|
|
211
217
|
### Patch Changes
|
|
212
218
|
|
|
213
|
-
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
|
|
219
|
+
- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - The no-unsafe-design-token-usage eslint rule now respects the new token naming conventions when auto-fixing by correctly formatting token ids.
|
|
214
220
|
- Updated dependencies
|
|
215
221
|
|
|
216
222
|
## 17.5.3
|
|
@@ -223,7 +229,7 @@
|
|
|
223
229
|
|
|
224
230
|
### Patch Changes
|
|
225
231
|
|
|
226
|
-
- [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
|
|
232
|
+
- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f460cc7c411`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f460cc7c411) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving bundle size.
|
|
227
233
|
- Updated dependencies
|
|
228
234
|
|
|
229
235
|
## 17.5.1
|
|
@@ -236,7 +242,7 @@
|
|
|
236
242
|
|
|
237
243
|
### Minor Changes
|
|
238
244
|
|
|
239
|
-
- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - Added the render props support to the Tooltip component. Linked the tooltip text to the trigger using aria-describedby for users with assistive technologies.
|
|
245
|
+
- [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319) [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - Added the render props support to the Tooltip component. Linked the tooltip text to the trigger using aria-describedby for users with assistive technologies.
|
|
240
246
|
|
|
241
247
|
### Patch Changes
|
|
242
248
|
|
|
@@ -252,7 +258,7 @@
|
|
|
252
258
|
|
|
253
259
|
### Minor Changes
|
|
254
260
|
|
|
255
|
-
- [`45e06ed2420`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45e06ed2420) - Instrumented Tooltip with the new theming package, `@atlaskit/tokens`.
|
|
261
|
+
- [#13302](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13302) [`45e06ed2420`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45e06ed2420) - Instrumented Tooltip with the new theming package, `@atlaskit/tokens`.
|
|
256
262
|
Tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
|
|
257
263
|
These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
|
|
258
264
|
|
|
@@ -264,13 +270,13 @@
|
|
|
264
270
|
|
|
265
271
|
### Patch Changes
|
|
266
272
|
|
|
267
|
-
- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
|
|
273
|
+
- [#12880](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12880) [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
|
|
268
274
|
|
|
269
275
|
## 17.3.0
|
|
270
276
|
|
|
271
277
|
### Minor Changes
|
|
272
278
|
|
|
273
|
-
- [`152d0955271`](https://bitbucket.org/atlassian/atlassian-frontend/commits/152d0955271) - Impelemented hiding the tooltip when escape pressed
|
|
279
|
+
- [#12328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12328) [`152d0955271`](https://bitbucket.org/atlassian/atlassian-frontend/commits/152d0955271) - Impelemented hiding the tooltip when escape pressed
|
|
274
280
|
- [`a5d452bcb30`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a5d452bcb30) - [ux] Tooltip now stays visible when hovering over it, previously it would disappear. This is one of the many accessibility improvements we're rolling out to the Atlassian Design System.
|
|
275
281
|
|
|
276
282
|
### Patch Changes
|
|
@@ -281,7 +287,7 @@
|
|
|
281
287
|
|
|
282
288
|
### Patch Changes
|
|
283
289
|
|
|
284
|
-
- [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
|
|
290
|
+
- [#12167](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12167) [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
|
|
285
291
|
|
|
286
292
|
## 17.2.1
|
|
287
293
|
|
|
@@ -293,7 +299,7 @@
|
|
|
293
299
|
|
|
294
300
|
### Minor Changes
|
|
295
301
|
|
|
296
|
-
- [`8386261266c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8386261266c) - Tooltip `content` now supports an optional render props API.
|
|
302
|
+
- [#9083](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/9083) [`8386261266c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8386261266c) - Tooltip `content` now supports an optional render props API.
|
|
297
303
|
This API provides an `update` function which can be called to manually recalculate the position of the tooltip.
|
|
298
304
|
|
|
299
305
|
This `update` function is useful if you are changing the content of the tooltip while it is being displayed.
|
|
@@ -308,19 +314,19 @@
|
|
|
308
314
|
|
|
309
315
|
### Patch Changes
|
|
310
316
|
|
|
311
|
-
- [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
|
|
317
|
+
- [#8644](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/8644) [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
|
|
312
318
|
|
|
313
319
|
## 17.1.2
|
|
314
320
|
|
|
315
321
|
### Patch Changes
|
|
316
322
|
|
|
317
|
-
- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
|
|
323
|
+
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857) [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
|
|
318
324
|
|
|
319
325
|
## 17.1.1
|
|
320
326
|
|
|
321
327
|
### Patch Changes
|
|
322
328
|
|
|
323
|
-
- [`d36905cfe9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d36905cfe9) - Fixed incorrect function signature for onShow and onHide props, and added improved typing for these props.
|
|
329
|
+
- [#5693](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5693) [`d36905cfe9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d36905cfe9) - Fixed incorrect function signature for onShow and onHide props, and added improved typing for these props.
|
|
324
330
|
|
|
325
331
|
- **old:** analyticsEvent was the first argument
|
|
326
332
|
- **change:** analyticsEvent became the second argument unintentionally (bug introduced 17.0.0)
|
|
@@ -334,13 +340,13 @@
|
|
|
334
340
|
|
|
335
341
|
### Minor Changes
|
|
336
342
|
|
|
337
|
-
- [`4a9b4d8808`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a9b4d8808) - DS-7523 Extends Tooltip to accept strategy as prop
|
|
343
|
+
- [#5516](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5516) [`4a9b4d8808`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a9b4d8808) - DS-7523 Extends Tooltip to accept strategy as prop
|
|
338
344
|
|
|
339
345
|
## 17.0.3
|
|
340
346
|
|
|
341
347
|
### Patch Changes
|
|
342
348
|
|
|
343
|
-
- [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
|
|
349
|
+
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497) [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules compiler option.
|
|
344
350
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
345
351
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
346
352
|
|
|
@@ -354,13 +360,13 @@
|
|
|
354
360
|
|
|
355
361
|
### Patch Changes
|
|
356
362
|
|
|
357
|
-
- [`18f7ccbbfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18f7ccbbfc) - Fixing tooltip prop documentation
|
|
363
|
+
- [#4853](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4853) [`18f7ccbbfc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18f7ccbbfc) - Fixing tooltip prop documentation
|
|
358
364
|
|
|
359
365
|
## 17.0.0
|
|
360
366
|
|
|
361
367
|
### Major Changes
|
|
362
368
|
|
|
363
|
-
- [`83586f015e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83586f015e) - Tooltip has been refactored to improve performance and be compliant with the lite-mode specification.
|
|
369
|
+
- [#4424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4424) [`83586f015e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/83586f015e) - Tooltip has been refactored to improve performance and be compliant with the lite-mode specification.
|
|
364
370
|
|
|
365
371
|
- Removed `react-transition-group` in favor of `@atlaskit/motion` to reduce bundle size
|
|
366
372
|
- Removed `react-node-resolver` because of its use of `React.findDOMNode` which has been marked as deprecated by the React team (more below...)
|
|
@@ -384,7 +390,7 @@
|
|
|
384
390
|
|
|
385
391
|
### Patch Changes
|
|
386
392
|
|
|
387
|
-
- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
393
|
+
- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885) [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
388
394
|
|
|
389
395
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
390
396
|
to prevent duplicates of tslib being bundled.
|
|
@@ -399,19 +405,19 @@
|
|
|
399
405
|
|
|
400
406
|
### Patch Changes
|
|
401
407
|
|
|
402
|
-
- [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
|
|
408
|
+
- [#3293](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3293) [`954cc87b62`](https://bitbucket.org/atlassian/atlassian-frontend/commits/954cc87b62) - The readme and package information has been updated to point to the new design system website.
|
|
403
409
|
|
|
404
410
|
## 16.0.1
|
|
405
411
|
|
|
406
412
|
### Patch Changes
|
|
407
413
|
|
|
408
|
-
- [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
|
|
414
|
+
- [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`db053b24d8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/db053b24d8) - Update all the theme imports to be tree-shakable
|
|
409
415
|
|
|
410
416
|
## 16.0.0
|
|
411
417
|
|
|
412
418
|
### Major Changes
|
|
413
419
|
|
|
414
|
-
- [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
|
|
420
|
+
- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335) [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially dropping IE11 support, from this version onwards there are no warranties of the package working in IE11.
|
|
415
421
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
416
422
|
|
|
417
423
|
### Patch Changes
|
|
@@ -422,13 +428,13 @@
|
|
|
422
428
|
|
|
423
429
|
### Patch Changes
|
|
424
430
|
|
|
425
|
-
- [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
|
|
431
|
+
- [#2866](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2866) [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
|
|
426
432
|
|
|
427
433
|
## 15.2.8
|
|
428
434
|
|
|
429
435
|
### Patch Changes
|
|
430
436
|
|
|
431
|
-
- [`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade react-transition-group to latest
|
|
437
|
+
- [#2677](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2677) [`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade react-transition-group to latest
|
|
432
438
|
|
|
433
439
|
## 15.2.7
|
|
434
440
|
|
package/dist/cjs/Tooltip.js
CHANGED
|
@@ -26,13 +26,13 @@ var _TooltipContainer = _interopRequireDefault(require("./TooltipContainer"));
|
|
|
26
26
|
var _utilities = require("./utilities");
|
|
27
27
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
28
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
-
function ownKeys(
|
|
30
|
-
function _objectSpread(
|
|
29
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
30
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
|
|
31
31
|
var tooltipZIndex = _constants.layers.tooltip();
|
|
32
32
|
var analyticsAttributes = {
|
|
33
33
|
componentName: 'tooltip',
|
|
34
34
|
packageName: "@atlaskit/tooltip",
|
|
35
|
-
packageVersion: "17.8.
|
|
35
|
+
packageVersion: "17.8.7"
|
|
36
36
|
};
|
|
37
37
|
|
|
38
38
|
// Inverts motion direction
|
|
@@ -97,20 +97,18 @@ function Tooltip(_ref) {
|
|
|
97
97
|
setState = _useState2[1];
|
|
98
98
|
var targetRef = (0, _react.useRef)(null);
|
|
99
99
|
var containerRef = (0, _react.useRef)(null);
|
|
100
|
+
var hasFunctionalChildren = typeof children === 'function'; // Stored to keep our `setRef` callback cleaner.
|
|
100
101
|
var setRef = (0, _react.useCallback)(function (node) {
|
|
101
102
|
if (!node) {
|
|
102
103
|
return;
|
|
103
104
|
}
|
|
104
|
-
if (
|
|
105
|
-
// @ts-ignore - React Ref typing is too strict for this use case
|
|
105
|
+
if (hasFunctionalChildren) {
|
|
106
106
|
targetRef.current = node;
|
|
107
107
|
} else {
|
|
108
|
-
// @ts-ignore - React Ref typing is too strict for this use case
|
|
109
108
|
containerRef.current = node;
|
|
110
|
-
// @ts-ignore - React Ref typing is too strict for this use case
|
|
111
109
|
targetRef.current = node.firstChild;
|
|
112
110
|
}
|
|
113
|
-
}, [
|
|
111
|
+
}, [hasFunctionalChildren]);
|
|
114
112
|
|
|
115
113
|
// Putting a few things into refs so that we don't have to break memoization
|
|
116
114
|
var lastState = (0, _react.useRef)(state);
|
|
@@ -419,26 +417,23 @@ function Tooltip(_ref) {
|
|
|
419
417
|
duration: state === 'show-immediate' ? 0 : _durations.mediumDurationMs
|
|
420
418
|
}, function (_ref5) {
|
|
421
419
|
var className = _ref5.className;
|
|
422
|
-
return (
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
update: update
|
|
440
|
-
}) : content)
|
|
441
|
-
);
|
|
420
|
+
return (0, _react2.jsx)(Container, {
|
|
421
|
+
ref: ref
|
|
422
|
+
/**
|
|
423
|
+
* "Tooltip" classname is a hook used by tests to manipulate
|
|
424
|
+
* and hide tooltips, including in VR snapshots
|
|
425
|
+
**/,
|
|
426
|
+
className: "Tooltip ".concat(className),
|
|
427
|
+
style: style,
|
|
428
|
+
truncate: truncate,
|
|
429
|
+
placement: tooltipPosition,
|
|
430
|
+
testId: testId,
|
|
431
|
+
onMouseOut: onMouseOut,
|
|
432
|
+
onMouseOver: onMouseOverTooltip,
|
|
433
|
+
id: tooltipId
|
|
434
|
+
}, typeof content === 'function' ? content({
|
|
435
|
+
update: update
|
|
436
|
+
}) : content);
|
|
442
437
|
}));
|
|
443
438
|
})) : null);
|
|
444
439
|
}
|
|
@@ -16,8 +16,8 @@ var baseStyles = (0, _react2.css)({
|
|
|
16
16
|
boxSizing: 'border-box',
|
|
17
17
|
maxWidth: '240px',
|
|
18
18
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
19
|
-
|
|
20
|
-
|
|
19
|
+
insetBlockStart: "var(--ds-space-0, 0px)",
|
|
20
|
+
insetInlineStart: "var(--ds-space-0, 0px)",
|
|
21
21
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
22
22
|
fontSize: "var(--ds-font-size-075, 12px)",
|
|
23
23
|
lineHeight: 1.3,
|
|
@@ -56,20 +56,17 @@ var TooltipContainer = /*#__PURE__*/(0, _react.forwardRef)(function TooltipConta
|
|
|
56
56
|
id = _ref.id;
|
|
57
57
|
return (0, _react2.jsx)(_components.default.Consumer, null, function (_ref2) {
|
|
58
58
|
var mode = _ref2.mode;
|
|
59
|
-
return (
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
css: [baseStyles, truncate ? truncateStyles : null, mode === 'light' ? lightStyles : darkStyles]
|
|
71
|
-
}, children)
|
|
72
|
-
);
|
|
59
|
+
return (0, _react2.jsx)(_TooltipPrimitive.default, {
|
|
60
|
+
ref: ref,
|
|
61
|
+
style: style,
|
|
62
|
+
className: className,
|
|
63
|
+
placement: placement,
|
|
64
|
+
testId: testId,
|
|
65
|
+
id: id,
|
|
66
|
+
onMouseOut: onMouseOut,
|
|
67
|
+
onMouseOver: onMouseOver,
|
|
68
|
+
css: [baseStyles, truncate ? truncateStyles : null, mode === 'light' ? lightStyles : darkStyles]
|
|
69
|
+
}, children);
|
|
73
70
|
});
|
|
74
71
|
});
|
|
75
72
|
TooltipContainer.displayName = 'TooltipContainer';
|
|
@@ -9,8 +9,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _react = require("react");
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _constants = require("@atlaskit/theme/constants");
|
|
12
|
-
function ownKeys(
|
|
13
|
-
function _objectSpread(
|
|
12
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } /** @jsx jsx */
|
|
14
14
|
var VAR_PRIMITIVE_ZINDEX = 'tooltipPrimitiveZindex';
|
|
15
15
|
var primitiveStyles = (0, _react2.css)({
|
|
16
16
|
zindex: "var(".concat(VAR_PRIMITIVE_ZINDEX, ")"),
|
package/dist/es2019/Tooltip.js
CHANGED
|
@@ -20,7 +20,7 @@ const tooltipZIndex = layers.tooltip();
|
|
|
20
20
|
const analyticsAttributes = {
|
|
21
21
|
componentName: 'tooltip',
|
|
22
22
|
packageName: "@atlaskit/tooltip",
|
|
23
|
-
packageVersion: "17.8.
|
|
23
|
+
packageVersion: "17.8.7"
|
|
24
24
|
};
|
|
25
25
|
|
|
26
26
|
// Inverts motion direction
|
|
@@ -72,20 +72,18 @@ function Tooltip({
|
|
|
72
72
|
const [state, setState] = useState('hide');
|
|
73
73
|
const targetRef = useRef(null);
|
|
74
74
|
const containerRef = useRef(null);
|
|
75
|
+
const hasFunctionalChildren = typeof children === 'function'; // Stored to keep our `setRef` callback cleaner.
|
|
75
76
|
const setRef = useCallback(node => {
|
|
76
77
|
if (!node) {
|
|
77
78
|
return;
|
|
78
79
|
}
|
|
79
|
-
if (
|
|
80
|
-
// @ts-ignore - React Ref typing is too strict for this use case
|
|
80
|
+
if (hasFunctionalChildren) {
|
|
81
81
|
targetRef.current = node;
|
|
82
82
|
} else {
|
|
83
|
-
// @ts-ignore - React Ref typing is too strict for this use case
|
|
84
83
|
containerRef.current = node;
|
|
85
|
-
// @ts-ignore - React Ref typing is too strict for this use case
|
|
86
84
|
targetRef.current = node.firstChild;
|
|
87
85
|
}
|
|
88
|
-
}, [
|
|
86
|
+
}, [hasFunctionalChildren]);
|
|
89
87
|
|
|
90
88
|
// Putting a few things into refs so that we don't have to break memoization
|
|
91
89
|
const lastState = useRef(state);
|
|
@@ -398,9 +396,7 @@ function Tooltip({
|
|
|
398
396
|
duration: state === 'show-immediate' ? 0 : mediumDurationMs
|
|
399
397
|
}, ({
|
|
400
398
|
className
|
|
401
|
-
}) =>
|
|
402
|
-
// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
|
|
403
|
-
jsx(Container, {
|
|
399
|
+
}) => jsx(Container, {
|
|
404
400
|
ref: ref
|
|
405
401
|
/**
|
|
406
402
|
* "Tooltip" classname is a hook used by tests to manipulate
|
|
@@ -8,8 +8,8 @@ const baseStyles = css({
|
|
|
8
8
|
boxSizing: 'border-box',
|
|
9
9
|
maxWidth: '240px',
|
|
10
10
|
padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-075, 6px)"}`,
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
insetBlockStart: "var(--ds-space-0, 0px)",
|
|
12
|
+
insetInlineStart: "var(--ds-space-0, 0px)",
|
|
13
13
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
14
14
|
fontSize: "var(--ds-font-size-075, 12px)",
|
|
15
15
|
lineHeight: 1.3,
|
|
@@ -49,9 +49,7 @@ const TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer({
|
|
|
49
49
|
}, ref) {
|
|
50
50
|
return jsx(GlobalTheme.Consumer, null, ({
|
|
51
51
|
mode
|
|
52
|
-
}) =>
|
|
53
|
-
// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
|
|
54
|
-
jsx(TooltipPrimitive, {
|
|
52
|
+
}) => jsx(TooltipPrimitive, {
|
|
55
53
|
ref: ref,
|
|
56
54
|
style: style,
|
|
57
55
|
className: className,
|
package/dist/esm/Tooltip.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
|
-
function ownKeys(
|
|
5
|
-
function _objectSpread(
|
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
6
|
/** @jsx jsx */
|
|
7
7
|
|
|
8
8
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
@@ -24,7 +24,7 @@ var tooltipZIndex = layers.tooltip();
|
|
|
24
24
|
var analyticsAttributes = {
|
|
25
25
|
componentName: 'tooltip',
|
|
26
26
|
packageName: "@atlaskit/tooltip",
|
|
27
|
-
packageVersion: "17.8.
|
|
27
|
+
packageVersion: "17.8.7"
|
|
28
28
|
};
|
|
29
29
|
|
|
30
30
|
// Inverts motion direction
|
|
@@ -89,20 +89,18 @@ function Tooltip(_ref) {
|
|
|
89
89
|
setState = _useState2[1];
|
|
90
90
|
var targetRef = useRef(null);
|
|
91
91
|
var containerRef = useRef(null);
|
|
92
|
+
var hasFunctionalChildren = typeof children === 'function'; // Stored to keep our `setRef` callback cleaner.
|
|
92
93
|
var setRef = useCallback(function (node) {
|
|
93
94
|
if (!node) {
|
|
94
95
|
return;
|
|
95
96
|
}
|
|
96
|
-
if (
|
|
97
|
-
// @ts-ignore - React Ref typing is too strict for this use case
|
|
97
|
+
if (hasFunctionalChildren) {
|
|
98
98
|
targetRef.current = node;
|
|
99
99
|
} else {
|
|
100
|
-
// @ts-ignore - React Ref typing is too strict for this use case
|
|
101
100
|
containerRef.current = node;
|
|
102
|
-
// @ts-ignore - React Ref typing is too strict for this use case
|
|
103
101
|
targetRef.current = node.firstChild;
|
|
104
102
|
}
|
|
105
|
-
}, [
|
|
103
|
+
}, [hasFunctionalChildren]);
|
|
106
104
|
|
|
107
105
|
// Putting a few things into refs so that we don't have to break memoization
|
|
108
106
|
var lastState = useRef(state);
|
|
@@ -411,26 +409,23 @@ function Tooltip(_ref) {
|
|
|
411
409
|
duration: state === 'show-immediate' ? 0 : mediumDurationMs
|
|
412
410
|
}, function (_ref5) {
|
|
413
411
|
var className = _ref5.className;
|
|
414
|
-
return (
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
update: update
|
|
432
|
-
}) : content)
|
|
433
|
-
);
|
|
412
|
+
return jsx(Container, {
|
|
413
|
+
ref: ref
|
|
414
|
+
/**
|
|
415
|
+
* "Tooltip" classname is a hook used by tests to manipulate
|
|
416
|
+
* and hide tooltips, including in VR snapshots
|
|
417
|
+
**/,
|
|
418
|
+
className: "Tooltip ".concat(className),
|
|
419
|
+
style: style,
|
|
420
|
+
truncate: truncate,
|
|
421
|
+
placement: tooltipPosition,
|
|
422
|
+
testId: testId,
|
|
423
|
+
onMouseOut: onMouseOut,
|
|
424
|
+
onMouseOver: onMouseOverTooltip,
|
|
425
|
+
id: tooltipId
|
|
426
|
+
}, typeof content === 'function' ? content({
|
|
427
|
+
update: update
|
|
428
|
+
}) : content);
|
|
434
429
|
}));
|
|
435
430
|
})) : null);
|
|
436
431
|
}
|
|
@@ -8,8 +8,8 @@ var baseStyles = css({
|
|
|
8
8
|
boxSizing: 'border-box',
|
|
9
9
|
maxWidth: '240px',
|
|
10
10
|
padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-075, 6px)"),
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
insetBlockStart: "var(--ds-space-0, 0px)",
|
|
12
|
+
insetInlineStart: "var(--ds-space-0, 0px)",
|
|
13
13
|
borderRadius: "var(--ds-border-radius, 3px)",
|
|
14
14
|
fontSize: "var(--ds-font-size-075, 12px)",
|
|
15
15
|
lineHeight: 1.3,
|
|
@@ -48,20 +48,17 @@ var TooltipContainer = /*#__PURE__*/forwardRef(function TooltipContainer(_ref, r
|
|
|
48
48
|
id = _ref.id;
|
|
49
49
|
return jsx(GlobalTheme.Consumer, null, function (_ref2) {
|
|
50
50
|
var mode = _ref2.mode;
|
|
51
|
-
return (
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
css: [baseStyles, truncate ? truncateStyles : null, mode === 'light' ? lightStyles : darkStyles]
|
|
63
|
-
}, children)
|
|
64
|
-
);
|
|
51
|
+
return jsx(TooltipPrimitive, {
|
|
52
|
+
ref: ref,
|
|
53
|
+
style: style,
|
|
54
|
+
className: className,
|
|
55
|
+
placement: placement,
|
|
56
|
+
testId: testId,
|
|
57
|
+
id: id,
|
|
58
|
+
onMouseOut: onMouseOut,
|
|
59
|
+
onMouseOver: onMouseOver,
|
|
60
|
+
css: [baseStyles, truncate ? truncateStyles : null, mode === 'light' ? lightStyles : darkStyles]
|
|
61
|
+
}, children);
|
|
65
62
|
});
|
|
66
63
|
});
|
|
67
64
|
TooltipContainer.displayName = 'TooltipContainer';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
function ownKeys(
|
|
3
|
-
function _objectSpread(
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
4
|
/** @jsx jsx */
|
|
5
5
|
import { forwardRef } from 'react';
|
|
6
6
|
import { css, jsx } from '@emotion/react';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/tooltip",
|
|
3
|
-
"version": "17.8.
|
|
3
|
+
"version": "17.8.7",
|
|
4
4
|
"description": "A tooltip is a floating, non-actionable label used to explain a user interface element or feature.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -41,11 +41,11 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@atlaskit/analytics-next": "^9.1.0",
|
|
43
43
|
"@atlaskit/ds-lib": "^2.2.0",
|
|
44
|
-
"@atlaskit/motion": "^1.
|
|
44
|
+
"@atlaskit/motion": "^1.5.0",
|
|
45
45
|
"@atlaskit/popper": "^5.5.0",
|
|
46
46
|
"@atlaskit/portal": "^4.3.0",
|
|
47
|
-
"@atlaskit/theme": "^12.
|
|
48
|
-
"@atlaskit/tokens": "^1.
|
|
47
|
+
"@atlaskit/theme": "^12.6.0",
|
|
48
|
+
"@atlaskit/tokens": "^1.25.0",
|
|
49
49
|
"@babel/runtime": "^7.0.0",
|
|
50
50
|
"@emotion/react": "^11.7.1",
|
|
51
51
|
"bind-event-listener": "^2.1.1",
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@af/accessibility-testing": "*",
|
|
60
|
-
"@atlaskit/button": "^16.
|
|
60
|
+
"@atlaskit/button": "^16.10.0",
|
|
61
61
|
"@atlaskit/ssr": "*",
|
|
62
62
|
"@atlaskit/visual-regression": "*",
|
|
63
63
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|