@atlaskit/tooltip 17.8.5 → 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 +57 -44
- 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,40 +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
|
+
|
|
9
|
+
## 17.8.6
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
14
|
+
- Updated dependencies
|
|
15
|
+
|
|
3
16
|
## 17.8.5
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
|
6
19
|
|
|
7
|
-
- [`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
|
|
8
21
|
|
|
9
22
|
## 17.8.4
|
|
10
23
|
|
|
11
24
|
### Patch Changes
|
|
12
25
|
|
|
13
|
-
- [`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.
|
|
14
27
|
|
|
15
28
|
## 17.8.3
|
|
16
29
|
|
|
17
30
|
### Patch Changes
|
|
18
31
|
|
|
19
|
-
- [`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.
|
|
20
33
|
|
|
21
34
|
## 17.8.2
|
|
22
35
|
|
|
23
36
|
### Patch Changes
|
|
24
37
|
|
|
25
|
-
- [`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
|
|
26
39
|
|
|
27
40
|
## 17.8.1
|
|
28
41
|
|
|
29
42
|
### Patch Changes
|
|
30
43
|
|
|
31
|
-
- [`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`
|
|
32
45
|
|
|
33
46
|
## 17.8.0
|
|
34
47
|
|
|
35
48
|
### Minor Changes
|
|
36
49
|
|
|
37
|
-
- [`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
|
|
38
51
|
|
|
39
52
|
### Patch Changes
|
|
40
53
|
|
|
@@ -44,19 +57,19 @@
|
|
|
44
57
|
|
|
45
58
|
### Patch Changes
|
|
46
59
|
|
|
47
|
-
- [`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.
|
|
48
61
|
|
|
49
62
|
## 17.7.0
|
|
50
63
|
|
|
51
64
|
### Minor Changes
|
|
52
65
|
|
|
53
|
-
- [`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.
|
|
54
67
|
|
|
55
68
|
## 17.6.9
|
|
56
69
|
|
|
57
70
|
### Patch Changes
|
|
58
71
|
|
|
59
|
-
- [`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.
|
|
60
73
|
- Updated dependencies
|
|
61
74
|
|
|
62
75
|
## 17.6.8
|
|
@@ -69,13 +82,13 @@
|
|
|
69
82
|
|
|
70
83
|
### Patch Changes
|
|
71
84
|
|
|
72
|
-
- [`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.
|
|
73
86
|
|
|
74
87
|
## 17.6.6
|
|
75
88
|
|
|
76
89
|
### Patch Changes
|
|
77
90
|
|
|
78
|
-
- [`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.
|
|
79
92
|
|
|
80
93
|
## 17.6.5
|
|
81
94
|
|
|
@@ -93,7 +106,7 @@
|
|
|
93
106
|
|
|
94
107
|
### Patch Changes
|
|
95
108
|
|
|
96
|
-
- [`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
|
|
97
110
|
|
|
98
111
|
## 17.6.2
|
|
99
112
|
|
|
@@ -105,44 +118,44 @@
|
|
|
105
118
|
|
|
106
119
|
### Patch Changes
|
|
107
120
|
|
|
108
|
-
- [`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.
|
|
109
122
|
|
|
110
123
|
## 17.6.0
|
|
111
124
|
|
|
112
125
|
### Minor Changes
|
|
113
126
|
|
|
114
|
-
- [`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.
|
|
115
128
|
|
|
116
129
|
## 17.5.17
|
|
117
130
|
|
|
118
131
|
### Patch Changes
|
|
119
132
|
|
|
120
|
-
- [`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`
|
|
121
134
|
|
|
122
135
|
## 17.5.16
|
|
123
136
|
|
|
124
137
|
### Patch Changes
|
|
125
138
|
|
|
126
|
-
- [`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`.
|
|
127
140
|
|
|
128
141
|
## 17.5.15
|
|
129
142
|
|
|
130
143
|
### Patch Changes
|
|
131
144
|
|
|
132
|
-
- [`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"`
|
|
133
146
|
|
|
134
147
|
## 17.5.14
|
|
135
148
|
|
|
136
149
|
### Patch Changes
|
|
137
150
|
|
|
138
|
-
- [`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
|
|
139
152
|
- Updated dependencies
|
|
140
153
|
|
|
141
154
|
## 17.5.13
|
|
142
155
|
|
|
143
156
|
### Patch Changes
|
|
144
157
|
|
|
145
|
-
- [`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.
|
|
146
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`.
|
|
147
160
|
|
|
148
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`.
|
|
@@ -153,7 +166,7 @@
|
|
|
153
166
|
|
|
154
167
|
### Patch Changes
|
|
155
168
|
|
|
156
|
-
- [`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
|
|
157
170
|
|
|
158
171
|
## 17.5.11
|
|
159
172
|
|
|
@@ -171,13 +184,13 @@
|
|
|
171
184
|
|
|
172
185
|
### Patch Changes
|
|
173
186
|
|
|
174
|
-
- [`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
|
|
175
188
|
|
|
176
189
|
## 17.5.8
|
|
177
190
|
|
|
178
191
|
### Patch Changes
|
|
179
192
|
|
|
180
|
-
- [`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
|
|
181
194
|
|
|
182
195
|
## 17.5.7
|
|
183
196
|
|
|
@@ -195,7 +208,7 @@
|
|
|
195
208
|
|
|
196
209
|
### Patch Changes
|
|
197
210
|
|
|
198
|
-
- [`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
|
|
199
212
|
- [`6007e4f9a97`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6007e4f9a97) - Internal styling has been refactored in preparation for @compiled/react
|
|
200
213
|
- Updated dependencies
|
|
201
214
|
|
|
@@ -203,7 +216,7 @@
|
|
|
203
216
|
|
|
204
217
|
### Patch Changes
|
|
205
218
|
|
|
206
|
-
- [`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.
|
|
207
220
|
- Updated dependencies
|
|
208
221
|
|
|
209
222
|
## 17.5.3
|
|
@@ -216,7 +229,7 @@
|
|
|
216
229
|
|
|
217
230
|
### Patch Changes
|
|
218
231
|
|
|
219
|
-
- [`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.
|
|
220
233
|
- Updated dependencies
|
|
221
234
|
|
|
222
235
|
## 17.5.1
|
|
@@ -229,7 +242,7 @@
|
|
|
229
242
|
|
|
230
243
|
### Minor Changes
|
|
231
244
|
|
|
232
|
-
- [`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.
|
|
233
246
|
|
|
234
247
|
### Patch Changes
|
|
235
248
|
|
|
@@ -245,7 +258,7 @@
|
|
|
245
258
|
|
|
246
259
|
### Minor Changes
|
|
247
260
|
|
|
248
|
-
- [`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`.
|
|
249
262
|
Tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
|
|
250
263
|
These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
|
|
251
264
|
|
|
@@ -257,13 +270,13 @@
|
|
|
257
270
|
|
|
258
271
|
### Patch Changes
|
|
259
272
|
|
|
260
|
-
- [`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`.
|
|
261
274
|
|
|
262
275
|
## 17.3.0
|
|
263
276
|
|
|
264
277
|
### Minor Changes
|
|
265
278
|
|
|
266
|
-
- [`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
|
|
267
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.
|
|
268
281
|
|
|
269
282
|
### Patch Changes
|
|
@@ -274,7 +287,7 @@
|
|
|
274
287
|
|
|
275
288
|
### Patch Changes
|
|
276
289
|
|
|
277
|
-
- [`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`
|
|
278
291
|
|
|
279
292
|
## 17.2.1
|
|
280
293
|
|
|
@@ -286,7 +299,7 @@
|
|
|
286
299
|
|
|
287
300
|
### Minor Changes
|
|
288
301
|
|
|
289
|
-
- [`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.
|
|
290
303
|
This API provides an `update` function which can be called to manually recalculate the position of the tooltip.
|
|
291
304
|
|
|
292
305
|
This `update` function is useful if you are changing the content of the tooltip while it is being displayed.
|
|
@@ -301,19 +314,19 @@
|
|
|
301
314
|
|
|
302
315
|
### Patch Changes
|
|
303
316
|
|
|
304
|
-
- [`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.
|
|
305
318
|
|
|
306
319
|
## 17.1.2
|
|
307
320
|
|
|
308
321
|
### Patch Changes
|
|
309
322
|
|
|
310
|
-
- [`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
|
|
311
324
|
|
|
312
325
|
## 17.1.1
|
|
313
326
|
|
|
314
327
|
### Patch Changes
|
|
315
328
|
|
|
316
|
-
- [`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.
|
|
317
330
|
|
|
318
331
|
- **old:** analyticsEvent was the first argument
|
|
319
332
|
- **change:** analyticsEvent became the second argument unintentionally (bug introduced 17.0.0)
|
|
@@ -327,13 +340,13 @@
|
|
|
327
340
|
|
|
328
341
|
### Minor Changes
|
|
329
342
|
|
|
330
|
-
- [`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
|
|
331
344
|
|
|
332
345
|
## 17.0.3
|
|
333
346
|
|
|
334
347
|
### Patch Changes
|
|
335
348
|
|
|
336
|
-
- [`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.
|
|
337
350
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
338
351
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
339
352
|
|
|
@@ -347,13 +360,13 @@
|
|
|
347
360
|
|
|
348
361
|
### Patch Changes
|
|
349
362
|
|
|
350
|
-
- [`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
|
|
351
364
|
|
|
352
365
|
## 17.0.0
|
|
353
366
|
|
|
354
367
|
### Major Changes
|
|
355
368
|
|
|
356
|
-
- [`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.
|
|
357
370
|
|
|
358
371
|
- Removed `react-transition-group` in favor of `@atlaskit/motion` to reduce bundle size
|
|
359
372
|
- Removed `react-node-resolver` because of its use of `React.findDOMNode` which has been marked as deprecated by the React team (more below...)
|
|
@@ -377,7 +390,7 @@
|
|
|
377
390
|
|
|
378
391
|
### Patch Changes
|
|
379
392
|
|
|
380
|
-
- [`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
|
|
381
394
|
|
|
382
395
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
383
396
|
to prevent duplicates of tslib being bundled.
|
|
@@ -392,19 +405,19 @@
|
|
|
392
405
|
|
|
393
406
|
### Patch Changes
|
|
394
407
|
|
|
395
|
-
- [`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.
|
|
396
409
|
|
|
397
410
|
## 16.0.1
|
|
398
411
|
|
|
399
412
|
### Patch Changes
|
|
400
413
|
|
|
401
|
-
- [`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
|
|
402
415
|
|
|
403
416
|
## 16.0.0
|
|
404
417
|
|
|
405
418
|
### Major Changes
|
|
406
419
|
|
|
407
|
-
- [`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.
|
|
408
421
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
409
422
|
|
|
410
423
|
### Patch Changes
|
|
@@ -415,13 +428,13 @@
|
|
|
415
428
|
|
|
416
429
|
### Patch Changes
|
|
417
430
|
|
|
418
|
-
- [`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
|
|
419
432
|
|
|
420
433
|
## 15.2.8
|
|
421
434
|
|
|
422
435
|
### Patch Changes
|
|
423
436
|
|
|
424
|
-
- [`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
|
|
425
438
|
|
|
426
439
|
## 15.2.7
|
|
427
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",
|