@atlaskit/popup 1.10.1 → 1.10.2
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/index.js +1 -2
- package/dist/cjs/popper-wrapper.js +1 -2
- package/dist/cjs/popup.js +2 -4
- package/dist/cjs/reposition-on-update.js +2 -3
- package/dist/cjs/use-close-manager.js +2 -3
- package/dist/cjs/use-focus-manager.js +4 -4
- package/dist/es2019/use-focus-manager.js +2 -1
- package/dist/esm/use-focus-manager.js +2 -1
- package/package.json +1 -1
- package/dist/types-ts4.5/index.d.ts +0 -4
- package/dist/types-ts4.5/popper-wrapper.d.ts +0 -4
- package/dist/types-ts4.5/popup.d.ts +0 -5
- package/dist/types-ts4.5/reposition-on-update.d.ts +0 -3
- package/dist/types-ts4.5/types.d.ts +0 -180
- package/dist/types-ts4.5/use-close-manager.d.ts +0 -2
- package/dist/types-ts4.5/use-focus-manager.d.ts +0 -2
- package/tmp/api-report-tmp.d.ts +0 -82
package/CHANGELOG.md
CHANGED
|
@@ -1,16 +1,22 @@
|
|
|
1
1
|
# @atlaskit/popup
|
|
2
2
|
|
|
3
|
+
## 1.10.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#41354](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41354) [`d621fe3e4f8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d621fe3e4f8) - fix ReferenceError where frameId is used before it is initialised
|
|
8
|
+
|
|
3
9
|
## 1.10.1
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
6
12
|
|
|
7
|
-
- [`a54578d2ea9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a54578d2ea9) - This removes the feature flag for the `shouldRenderToParent` prop. The prop is available for use.
|
|
13
|
+
- [#40515](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40515) [`a54578d2ea9`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a54578d2ea9) - This removes the feature flag for the `shouldRenderToParent` prop. The prop is available for use.
|
|
8
14
|
|
|
9
15
|
## 1.10.0
|
|
10
16
|
|
|
11
17
|
### Minor Changes
|
|
12
18
|
|
|
13
|
-
- [`f355884a4aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f355884a4aa) - [ux] Support to press escape key and only close the top layer
|
|
19
|
+
- [#39726](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39726) [`f355884a4aa`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f355884a4aa) - [ux] Support to press escape key and only close the top layer
|
|
14
20
|
|
|
15
21
|
### Patch Changes
|
|
16
22
|
|
|
@@ -20,44 +26,44 @@
|
|
|
20
26
|
|
|
21
27
|
### Patch Changes
|
|
22
28
|
|
|
23
|
-
- [`84442a93613`](https://bitbucket.org/atlassian/atlassian-frontend/commits/84442a93613) - Adds support for surface detection when using design tokens. Enabling children to be styled with the surface color of the popup when using the `utility.elevation.surface.current` design token.
|
|
29
|
+
- [#39278](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39278) [`84442a93613`](https://bitbucket.org/atlassian/atlassian-frontend/commits/84442a93613) - Adds support for surface detection when using design tokens. Enabling children to be styled with the surface color of the popup when using the `utility.elevation.surface.current` design token.
|
|
24
30
|
- Updated dependencies
|
|
25
31
|
|
|
26
32
|
## 1.9.2
|
|
27
33
|
|
|
28
34
|
### Patch Changes
|
|
29
35
|
|
|
30
|
-
- [`065da872439`](https://bitbucket.org/atlassian/atlassian-frontend/commits/065da872439) - Css changes for testing the feature flag `platform.design-system-team.render-popup-in-parent_f73ij`.
|
|
36
|
+
- [#38011](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38011) [`065da872439`](https://bitbucket.org/atlassian/atlassian-frontend/commits/065da872439) - Css changes for testing the feature flag `platform.design-system-team.render-popup-in-parent_f73ij`.
|
|
31
37
|
|
|
32
38
|
## 1.9.1
|
|
33
39
|
|
|
34
40
|
### Patch Changes
|
|
35
41
|
|
|
36
|
-
- [`6a0a3c059ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6a0a3c059ba) - Remove unused argument from internal focus management function.
|
|
42
|
+
- [#37614](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/37614) [`6a0a3c059ba`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6a0a3c059ba) - Remove unused argument from internal focus management function.
|
|
37
43
|
|
|
38
44
|
## 1.9.0
|
|
39
45
|
|
|
40
46
|
### Minor Changes
|
|
41
47
|
|
|
42
|
-
- [`3920dcfd848`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3920dcfd848) - This removes the feature flag made for upgrading the `focus-trap` dependency and keeps `focus-trap` at it's original version.
|
|
48
|
+
- [#34797](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34797) [`3920dcfd848`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3920dcfd848) - This removes the feature flag made for upgrading the `focus-trap` dependency and keeps `focus-trap` at it's original version.
|
|
43
49
|
|
|
44
50
|
## 1.8.3
|
|
45
51
|
|
|
46
52
|
### Patch Changes
|
|
47
53
|
|
|
48
|
-
- [`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.
|
|
54
|
+
- [#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.
|
|
49
55
|
|
|
50
56
|
## 1.8.2
|
|
51
57
|
|
|
52
58
|
### Patch Changes
|
|
53
59
|
|
|
54
|
-
- [`472a62ce219`](https://bitbucket.org/atlassian/atlassian-frontend/commits/472a62ce219) - [ux] Fixes `autoFocus` functionality on upgrade of focus-trap to v7.
|
|
60
|
+
- [#36447](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/36447) [`472a62ce219`](https://bitbucket.org/atlassian/atlassian-frontend/commits/472a62ce219) - [ux] Fixes `autoFocus` functionality on upgrade of focus-trap to v7.
|
|
55
61
|
|
|
56
62
|
## 1.8.1
|
|
57
63
|
|
|
58
64
|
### Patch Changes
|
|
59
65
|
|
|
60
|
-
- [`599bfe90ee3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/599bfe90ee3) - Internal change to use shape tokens. There is no expected visual change.
|
|
66
|
+
- [#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.
|
|
61
67
|
|
|
62
68
|
## 1.8.0
|
|
63
69
|
|
|
@@ -69,37 +75,37 @@
|
|
|
69
75
|
|
|
70
76
|
### Minor Changes
|
|
71
77
|
|
|
72
|
-
- [`eca89633804`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eca89633804) - Add a new prop `shouldRenderToParent` to allow render popup into a DOM node within the parent DOM hierarchy instead of React portal.
|
|
78
|
+
- [#35092](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35092) [`eca89633804`](https://bitbucket.org/atlassian/atlassian-frontend/commits/eca89633804) - Add a new prop `shouldRenderToParent` to allow render popup into a DOM node within the parent DOM hierarchy instead of React portal.
|
|
73
79
|
|
|
74
80
|
## 1.6.4
|
|
75
81
|
|
|
76
82
|
### Patch Changes
|
|
77
83
|
|
|
78
|
-
- [`e2a6337bb05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2a6337bb05) - Reverts changes 1.6.3 in @atlaskit/popup, reverts disabling pointer events on iframes when popup is open.
|
|
84
|
+
- [#35299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35299) [`e2a6337bb05`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e2a6337bb05) - Reverts changes 1.6.3 in @atlaskit/popup, reverts disabling pointer events on iframes when popup is open.
|
|
79
85
|
|
|
80
86
|
## 1.6.3
|
|
81
87
|
|
|
82
88
|
### Patch Changes
|
|
83
89
|
|
|
84
|
-
- [`c394dbc632f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c394dbc632f) - Addresses the problem where the popup fails to close upon clicking on the iframe
|
|
90
|
+
- [#34314](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34314) [`c394dbc632f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c394dbc632f) - Addresses the problem where the popup fails to close upon clicking on the iframe
|
|
85
91
|
|
|
86
92
|
## 1.6.2
|
|
87
93
|
|
|
88
94
|
### Patch Changes
|
|
89
95
|
|
|
90
|
-
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
96
|
+
- [#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
|
|
91
97
|
|
|
92
98
|
## 1.6.1
|
|
93
99
|
|
|
94
100
|
### Patch Changes
|
|
95
101
|
|
|
96
|
-
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
102
|
+
- [#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`
|
|
97
103
|
|
|
98
104
|
## 1.6.0
|
|
99
105
|
|
|
100
106
|
### Minor Changes
|
|
101
107
|
|
|
102
|
-
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
108
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
103
109
|
|
|
104
110
|
### Patch Changes
|
|
105
111
|
|
|
@@ -133,31 +139,31 @@
|
|
|
133
139
|
|
|
134
140
|
### Patch Changes
|
|
135
141
|
|
|
136
|
-
- [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components.
|
|
142
|
+
- [#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.
|
|
137
143
|
|
|
138
144
|
## 1.5.0
|
|
139
145
|
|
|
140
146
|
### Minor Changes
|
|
141
147
|
|
|
142
|
-
- [`c520e306869`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c520e306869) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
148
|
+
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`c520e306869`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c520e306869) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
143
149
|
|
|
144
150
|
## 1.4.2
|
|
145
151
|
|
|
146
152
|
### Patch Changes
|
|
147
153
|
|
|
148
|
-
- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
154
|
+
- [#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`
|
|
149
155
|
|
|
150
156
|
## 1.4.1
|
|
151
157
|
|
|
152
158
|
### Patch Changes
|
|
153
159
|
|
|
154
|
-
- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
160
|
+
- [#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`.
|
|
155
161
|
|
|
156
162
|
## 1.4.0
|
|
157
163
|
|
|
158
164
|
### Minor Changes
|
|
159
165
|
|
|
160
|
-
- [`01d80d395bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01d80d395bc) - pass event to onOpenChange consistently
|
|
166
|
+
- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`01d80d395bc`](https://bitbucket.org/atlassian/atlassian-frontend/commits/01d80d395bc) - pass event to onOpenChange consistently
|
|
161
167
|
|
|
162
168
|
### Patch Changes
|
|
163
169
|
|
|
@@ -168,13 +174,13 @@
|
|
|
168
174
|
|
|
169
175
|
### Patch Changes
|
|
170
176
|
|
|
171
|
-
- [`8a5bdb3c844`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8a5bdb3c844) - Upgrading internal dependency (bind-event-listener) for improved internal types
|
|
177
|
+
- [#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
|
|
172
178
|
|
|
173
179
|
## 1.3.9
|
|
174
180
|
|
|
175
181
|
### Patch Changes
|
|
176
182
|
|
|
177
|
-
- [`dcf8150c49c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dcf8150c49c) - Allow `trigger` props to be applied to any HTML element tag without causing type errors for the `ref` type
|
|
183
|
+
- [#21570](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/21570) [`dcf8150c49c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/dcf8150c49c) - Allow `trigger` props to be applied to any HTML element tag without causing type errors for the `ref` type
|
|
178
184
|
|
|
179
185
|
## 1.3.8
|
|
180
186
|
|
|
@@ -186,13 +192,13 @@
|
|
|
186
192
|
|
|
187
193
|
### Patch Changes
|
|
188
194
|
|
|
189
|
-
- [`2e7bbdfd813`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e7bbdfd813) - Upgrading internal dependency 'bind-event-listener' to 2.1.0 for improved types
|
|
195
|
+
- [#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
|
|
190
196
|
|
|
191
197
|
## 1.3.6
|
|
192
198
|
|
|
193
199
|
### Patch Changes
|
|
194
200
|
|
|
195
|
-
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
201
|
+
- [#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
|
|
196
202
|
|
|
197
203
|
## 1.3.5
|
|
198
204
|
|
|
@@ -216,7 +222,7 @@
|
|
|
216
222
|
|
|
217
223
|
### Patch Changes
|
|
218
224
|
|
|
219
|
-
- [`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.
|
|
225
|
+
- [#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.
|
|
220
226
|
- [`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.
|
|
221
227
|
- Updated dependencies
|
|
222
228
|
|
|
@@ -230,7 +236,7 @@
|
|
|
230
236
|
|
|
231
237
|
### Minor Changes
|
|
232
238
|
|
|
233
|
-
- [`2e42aa0d900`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e42aa0d900) - **Note**: It is a re-release of the wrongly `patched` version `1.1.6` that should have been a `minor` release.
|
|
239
|
+
- [#17576](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17576) [`2e42aa0d900`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e42aa0d900) - **Note**: It is a re-release of the wrongly `patched` version `1.1.6` that should have been a `minor` release.
|
|
234
240
|
|
|
235
241
|
Expose `fallbackPlacement` modifier from to specify a list of fallback options to try incase there isn't enough space
|
|
236
242
|
|
|
@@ -242,7 +248,7 @@
|
|
|
242
248
|
|
|
243
249
|
### Minor Changes
|
|
244
250
|
|
|
245
|
-
- [`c2dd770a743`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2dd770a743) - Add new prop which controls is outside click should be bound using capture
|
|
251
|
+
- [#16960](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16960) [`c2dd770a743`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2dd770a743) - Add new prop which controls is outside click should be bound using capture
|
|
246
252
|
|
|
247
253
|
## 1.1.6
|
|
248
254
|
|
|
@@ -250,7 +256,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
250
256
|
|
|
251
257
|
### Minor Changes
|
|
252
258
|
|
|
253
|
-
- [`f142150a3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f142150a3e8) - Expose `fallbackPlacement` modifier from to specify a list of fallback options to try incase there isn't enough space
|
|
259
|
+
- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`f142150a3e8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f142150a3e8) - Expose `fallbackPlacement` modifier from to specify a list of fallback options to try incase there isn't enough space
|
|
254
260
|
|
|
255
261
|
### Patch Changes
|
|
256
262
|
|
|
@@ -291,7 +297,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
291
297
|
|
|
292
298
|
### Minor Changes
|
|
293
299
|
|
|
294
|
-
- [`04cf9c3d28c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04cf9c3d28c) - [ux] Colors now sourced from tokens.
|
|
300
|
+
- [#12837](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/12837) [`04cf9c3d28c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/04cf9c3d28c) - [ux] Colors now sourced from tokens.
|
|
295
301
|
|
|
296
302
|
### Patch Changes
|
|
297
303
|
|
|
@@ -301,31 +307,31 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
301
307
|
|
|
302
308
|
### Patch Changes
|
|
303
309
|
|
|
304
|
-
- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
|
|
310
|
+
- [#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`.
|
|
305
311
|
|
|
306
312
|
## 1.0.7
|
|
307
313
|
|
|
308
314
|
### Patch Changes
|
|
309
315
|
|
|
310
|
-
- [`d6f7ff383cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d6f7ff383cf) - Updates to development dependency `storybook-addon-performance`
|
|
316
|
+
- [#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`
|
|
311
317
|
|
|
312
318
|
## 1.0.6
|
|
313
319
|
|
|
314
320
|
### Patch Changes
|
|
315
321
|
|
|
316
|
-
- [`1858f20ac3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1858f20ac3) - Optimised popup performance as part of the lite-mode project. Changes are internal and have no implications for component API or usage.
|
|
322
|
+
- [#6930](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/6930) [`1858f20ac3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1858f20ac3) - Optimised popup performance as part of the lite-mode project. Changes are internal and have no implications for component API or usage.
|
|
317
323
|
|
|
318
324
|
## 1.0.5
|
|
319
325
|
|
|
320
326
|
### Patch Changes
|
|
321
327
|
|
|
322
|
-
- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
|
|
328
|
+
- [#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
|
|
323
329
|
|
|
324
330
|
## 1.0.4
|
|
325
331
|
|
|
326
332
|
### Patch Changes
|
|
327
333
|
|
|
328
|
-
- [`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.
|
|
334
|
+
- [#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.
|
|
329
335
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
330
336
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
331
337
|
|
|
@@ -339,13 +345,13 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
339
345
|
|
|
340
346
|
### Patch Changes
|
|
341
347
|
|
|
342
|
-
- [`fc8f6e61f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc8f6e61f3) - Fix codemod utilities being exposed through the codemod cli
|
|
348
|
+
- [#4346](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4346) [`fc8f6e61f3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fc8f6e61f3) - Fix codemod utilities being exposed through the codemod cli
|
|
343
349
|
|
|
344
350
|
## 1.0.1
|
|
345
351
|
|
|
346
352
|
### Patch Changes
|
|
347
353
|
|
|
348
|
-
- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
354
|
+
- [#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
|
|
349
355
|
|
|
350
356
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
351
357
|
to prevent duplicates of tslib being bundled.
|
|
@@ -354,7 +360,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
354
360
|
|
|
355
361
|
### Major Changes
|
|
356
362
|
|
|
357
|
-
- [`740e011f8d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/740e011f8d) - This first major release of popup brings in major changes from @atlaskit/popper. These changes come with performance, maintainability and behavioral improvements.
|
|
363
|
+
- [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`740e011f8d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/740e011f8d) - This first major release of popup brings in major changes from @atlaskit/popper. These changes come with performance, maintainability and behavioral improvements.
|
|
358
364
|
|
|
359
365
|
As popup wraps popper's functionality, these changes result in a breaking change for popup as well.
|
|
360
366
|
|
|
@@ -386,7 +392,7 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
386
392
|
`npx @atlaskit/codemod-cli --parser [PARSER] --extensions [FILE_EXTENSIONS] [TARGET_PATH]`
|
|
387
393
|
|
|
388
394
|
Or run `npx @atlaskit/codemod-cli -h` for more details on usage.
|
|
389
|
-
For Atlassians, refer to [this doc](https://
|
|
395
|
+
For Atlassians, refer to [this doc](https://hello.atlassian.net/wiki/spaces/AF/pages/2627171992/Codemods) for more details on the codemod CLI.
|
|
390
396
|
|
|
391
397
|
### Patch Changes
|
|
392
398
|
|
|
@@ -396,13 +402,13 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
396
402
|
|
|
397
403
|
### Patch Changes
|
|
398
404
|
|
|
399
|
-
- [`8dd80245bb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8dd80245bb) - Remove unnecessary code for IE11.
|
|
405
|
+
- [#4329](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4329) [`8dd80245bb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8dd80245bb) - Remove unnecessary code for IE11.
|
|
400
406
|
|
|
401
407
|
## 0.6.0
|
|
402
408
|
|
|
403
409
|
### Minor Changes
|
|
404
410
|
|
|
405
|
-
- [`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.
|
|
411
|
+
- [#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.
|
|
406
412
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
407
413
|
|
|
408
414
|
### Patch Changes
|
|
@@ -413,31 +419,31 @@ _WRONG RELEASE TYPE - DON'T USE_
|
|
|
413
419
|
|
|
414
420
|
### Minor Changes
|
|
415
421
|
|
|
416
|
-
- [`ebcb467688`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ebcb467688) - Add a new prop `autoFocus` to allow consumers to control whether the Popup takes focus when opened
|
|
422
|
+
- [#3289](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3289) [`ebcb467688`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ebcb467688) - Add a new prop `autoFocus` to allow consumers to control whether the Popup takes focus when opened
|
|
417
423
|
|
|
418
424
|
## 0.4.3
|
|
419
425
|
|
|
420
426
|
### Patch Changes
|
|
421
427
|
|
|
422
|
-
- [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
|
|
428
|
+
- [#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
|
|
423
429
|
|
|
424
430
|
## 0.4.2
|
|
425
431
|
|
|
426
432
|
### Patch Changes
|
|
427
433
|
|
|
428
|
-
- [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all packages that are used by confluence that have a broken es2019 dist
|
|
434
|
+
- [#2430](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2430) [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all packages that are used by confluence that have a broken es2019 dist
|
|
429
435
|
|
|
430
436
|
## 0.4.1
|
|
431
437
|
|
|
432
438
|
### Patch Changes
|
|
433
439
|
|
|
434
|
-
- [`f4d4de67e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f4d4de67e4) - Prevent closing of popup when clicked element (which is inside content) is removed from the DOM
|
|
440
|
+
- [#2186](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2186) [`f4d4de67e4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f4d4de67e4) - Prevent closing of popup when clicked element (which is inside content) is removed from the DOM
|
|
435
441
|
|
|
436
442
|
## 0.4.0
|
|
437
443
|
|
|
438
444
|
### Minor Changes
|
|
439
445
|
|
|
440
|
-
- [`ead13374cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ead13374cf) - **BREAKING:** Removes `tag` prop and unneeded wrapping element around the trigger.
|
|
446
|
+
- [#2060](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2060) [`ead13374cf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ead13374cf) - **BREAKING:** Removes `tag` prop and unneeded wrapping element around the trigger.
|
|
441
447
|
|
|
442
448
|
## 0.3.5
|
|
443
449
|
|
package/dist/cjs/index.js
CHANGED
|
@@ -12,5 +12,4 @@ Object.defineProperty(exports, "Popup", {
|
|
|
12
12
|
exports.default = void 0;
|
|
13
13
|
var _popup = require("./popup");
|
|
14
14
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
15
|
-
var _default = _popup.Popup;
|
|
16
|
-
exports.default = _default;
|
|
15
|
+
var _default = exports.default = _popup.Popup;
|
package/dist/cjs/popup.js
CHANGED
|
@@ -17,7 +17,7 @@ var _popperWrapper = _interopRequireDefault(require("./popper-wrapper"));
|
|
|
17
17
|
/** @jsx jsx */
|
|
18
18
|
|
|
19
19
|
var defaultLayer = _constants.layers.layer();
|
|
20
|
-
var Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
20
|
+
var Popup = exports.Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
21
21
|
var isOpen = _ref.isOpen,
|
|
22
22
|
id = _ref.id,
|
|
23
23
|
offset = _ref.offset,
|
|
@@ -85,6 +85,4 @@ var Popup = /*#__PURE__*/(0, _react.memo)(function (_ref) {
|
|
|
85
85
|
zIndex: zIndex
|
|
86
86
|
}, renderPopperWrapper)));
|
|
87
87
|
});
|
|
88
|
-
exports.
|
|
89
|
-
var _default = Popup;
|
|
90
|
-
exports.default = _default;
|
|
88
|
+
var _default = exports.default = Popup;
|
|
@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
9
9
|
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); }
|
|
10
10
|
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; }
|
|
11
11
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
12
|
-
var RepositionOnUpdate = function RepositionOnUpdate(_ref) {
|
|
12
|
+
var RepositionOnUpdate = exports.RepositionOnUpdate = function RepositionOnUpdate(_ref) {
|
|
13
13
|
var children = _ref.children,
|
|
14
14
|
update = _ref.update;
|
|
15
15
|
// Ref used here to skip update on first render (when refs haven't been set)
|
|
@@ -25,5 +25,4 @@ var RepositionOnUpdate = function RepositionOnUpdate(_ref) {
|
|
|
25
25
|
|
|
26
26
|
// wrapping in fragment to make TS happy (known issue with FC returning children)
|
|
27
27
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, children);
|
|
28
|
-
};
|
|
29
|
-
exports.RepositionOnUpdate = RepositionOnUpdate;
|
|
28
|
+
};
|
|
@@ -9,7 +9,7 @@ var _react = require("react");
|
|
|
9
9
|
var _bindEventListener = require("bind-event-listener");
|
|
10
10
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
11
11
|
var _layering = require("@atlaskit/layering");
|
|
12
|
-
var useCloseManager = function useCloseManager(_ref) {
|
|
12
|
+
var useCloseManager = exports.useCloseManager = function useCloseManager(_ref) {
|
|
13
13
|
var isOpen = _ref.isOpen,
|
|
14
14
|
onClose = _ref.onClose,
|
|
15
15
|
popupRef = _ref.popupRef,
|
|
@@ -67,5 +67,4 @@ var useCloseManager = function useCloseManager(_ref) {
|
|
|
67
67
|
}]);
|
|
68
68
|
return unbind;
|
|
69
69
|
}, [isOpen, onClose, popupRef, triggerRef, capture, isLayerDisabled]);
|
|
70
|
-
};
|
|
71
|
-
exports.useCloseManager = useCloseManager;
|
|
70
|
+
};
|
|
@@ -8,7 +8,7 @@ exports.useFocusManager = void 0;
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _focusTrap = _interopRequireDefault(require("focus-trap"));
|
|
10
10
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
11
|
-
var useFocusManager = function useFocusManager(_ref) {
|
|
11
|
+
var useFocusManager = exports.useFocusManager = function useFocusManager(_ref) {
|
|
12
12
|
var popupRef = _ref.popupRef,
|
|
13
13
|
initialFocusRef = _ref.initialFocusRef;
|
|
14
14
|
(0, _react.useEffect)(function () {
|
|
@@ -23,9 +23,10 @@ var useFocusManager = function useFocusManager(_ref) {
|
|
|
23
23
|
returnFocusOnDeactivate: true
|
|
24
24
|
};
|
|
25
25
|
var focusTrap = (0, _focusTrap.default)(popupRef, trapConfig);
|
|
26
|
+
var frameId = null;
|
|
26
27
|
|
|
27
28
|
// wait for the popup to reposition itself before we focus
|
|
28
|
-
|
|
29
|
+
frameId = requestAnimationFrame(function () {
|
|
29
30
|
frameId = null;
|
|
30
31
|
focusTrap.activate();
|
|
31
32
|
});
|
|
@@ -37,5 +38,4 @@ var useFocusManager = function useFocusManager(_ref) {
|
|
|
37
38
|
focusTrap.deactivate();
|
|
38
39
|
};
|
|
39
40
|
}, [popupRef, initialFocusRef]);
|
|
40
|
-
};
|
|
41
|
-
exports.useFocusManager = useFocusManager;
|
|
41
|
+
};
|
|
@@ -17,9 +17,10 @@ export const useFocusManager = ({
|
|
|
17
17
|
returnFocusOnDeactivate: true
|
|
18
18
|
};
|
|
19
19
|
const focusTrap = createFocusTrap(popupRef, trapConfig);
|
|
20
|
+
let frameId = null;
|
|
20
21
|
|
|
21
22
|
// wait for the popup to reposition itself before we focus
|
|
22
|
-
|
|
23
|
+
frameId = requestAnimationFrame(() => {
|
|
23
24
|
frameId = null;
|
|
24
25
|
focusTrap.activate();
|
|
25
26
|
});
|
|
@@ -16,9 +16,10 @@ export var useFocusManager = function useFocusManager(_ref) {
|
|
|
16
16
|
returnFocusOnDeactivate: true
|
|
17
17
|
};
|
|
18
18
|
var focusTrap = createFocusTrap(popupRef, trapConfig);
|
|
19
|
+
var frameId = null;
|
|
19
20
|
|
|
20
21
|
// wait for the popup to reposition itself before we focus
|
|
21
|
-
|
|
22
|
+
frameId = requestAnimationFrame(function () {
|
|
22
23
|
frameId = null;
|
|
23
24
|
focusTrap.activate();
|
|
24
25
|
});
|
package/package.json
CHANGED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { jsx } from '@emotion/react';
|
|
2
|
-
import { PopperWrapperProps } from './types';
|
|
3
|
-
declare function PopperWrapper({ isOpen, id, offset, testId, content, fallbackPlacements, onClose, boundary, rootBoundary, shouldFlip, placement, popupComponent: PopupContainer, autoFocus, triggerRef, shouldUseCaptureOnOutsideClick, shouldRenderToParent, }: PopperWrapperProps): jsx.JSX.Element;
|
|
4
|
-
export default PopperWrapper;
|
|
@@ -1,180 +0,0 @@
|
|
|
1
|
-
import React, { ComponentType, CSSProperties, Dispatch, ReactNode, Ref, SetStateAction } from 'react';
|
|
2
|
-
import { Placement, PopperChildrenProps } from '@atlaskit/popper';
|
|
3
|
-
export interface TriggerProps {
|
|
4
|
-
ref: Ref<any>;
|
|
5
|
-
'aria-controls'?: string;
|
|
6
|
-
'aria-expanded': boolean;
|
|
7
|
-
'aria-haspopup': boolean;
|
|
8
|
-
}
|
|
9
|
-
export type PopupRef = HTMLDivElement | null;
|
|
10
|
-
export type TriggerRef = HTMLElement | HTMLButtonElement | null;
|
|
11
|
-
export interface ContentProps {
|
|
12
|
-
/**
|
|
13
|
-
* Will reposition the popup if any of the content has changed.
|
|
14
|
-
* Useful for when positions change and the popup was not aware.
|
|
15
|
-
*/
|
|
16
|
-
update: PopperChildrenProps['update'];
|
|
17
|
-
/**
|
|
18
|
-
* Passed through from the parent popup.
|
|
19
|
-
*/
|
|
20
|
-
isOpen: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Passed through from the parent popup.
|
|
23
|
-
*/
|
|
24
|
-
onClose?: BaseProps['onClose'];
|
|
25
|
-
/**
|
|
26
|
-
* Escape hatch to set the initial focus for a specific element when the popup is opened.
|
|
27
|
-
*/
|
|
28
|
-
setInitialFocusRef: Dispatch<SetStateAction<HTMLElement | null>>;
|
|
29
|
-
}
|
|
30
|
-
export interface PopupComponentProps {
|
|
31
|
-
/**
|
|
32
|
-
* Children passed passed through by the parent popup.
|
|
33
|
-
*/
|
|
34
|
-
children: ReactNode;
|
|
35
|
-
/**
|
|
36
|
-
* Placement passed through by the parent popup.
|
|
37
|
-
*/
|
|
38
|
-
'data-placement': Placement;
|
|
39
|
-
/**
|
|
40
|
-
* Test id passed through by the parent popup.
|
|
41
|
-
*/
|
|
42
|
-
'data-testid'?: string;
|
|
43
|
-
/**
|
|
44
|
-
* Id passed through by the parent popup.
|
|
45
|
-
*/
|
|
46
|
-
id?: string;
|
|
47
|
-
/**
|
|
48
|
-
* Ref that should be assigned to the root element.
|
|
49
|
-
*/
|
|
50
|
-
ref: Ref<HTMLDivElement>;
|
|
51
|
-
/**
|
|
52
|
-
* Style that should be assigned to the root element.
|
|
53
|
-
*/
|
|
54
|
-
style: CSSProperties;
|
|
55
|
-
/**
|
|
56
|
-
* Tab index passed through by the parent popup.
|
|
57
|
-
*/
|
|
58
|
-
tabIndex: number | undefined;
|
|
59
|
-
/**
|
|
60
|
-
* The root element where the popup should be rendered.
|
|
61
|
-
* Defaults to `false`.
|
|
62
|
-
*/
|
|
63
|
-
shouldRenderToParent?: boolean;
|
|
64
|
-
}
|
|
65
|
-
interface BaseProps {
|
|
66
|
-
/**
|
|
67
|
-
* Used to either show or hide the popup.
|
|
68
|
-
* When set to `false` popup will not render anything to the DOM.
|
|
69
|
-
*/
|
|
70
|
-
isOpen: boolean;
|
|
71
|
-
/**
|
|
72
|
-
* Render props for content that is displayed inside the popup.
|
|
73
|
-
*/
|
|
74
|
-
content: (props: ContentProps) => React.ReactNode;
|
|
75
|
-
/**
|
|
76
|
-
* Id that is assigned to the popup container element.
|
|
77
|
-
*/
|
|
78
|
-
id?: string;
|
|
79
|
-
/**
|
|
80
|
-
* Distance the popup should be offset from the reference in the format of [along, away] (units in px).
|
|
81
|
-
* Defaults to [0, 8] - which means the popup will be 8px away from the edge of the reference specified
|
|
82
|
-
* by the `placement` prop.
|
|
83
|
-
*/
|
|
84
|
-
offset?: [
|
|
85
|
-
number,
|
|
86
|
-
number
|
|
87
|
-
];
|
|
88
|
-
/**
|
|
89
|
-
* Placement of where the popup should be displayed relative to the trigger element.
|
|
90
|
-
* Defaults to `"auto"`.
|
|
91
|
-
*/
|
|
92
|
-
placement?: Placement;
|
|
93
|
-
/**
|
|
94
|
-
* Defines a list of placements to try.
|
|
95
|
-
* When no space is available on the preferred placement,
|
|
96
|
-
* the modifier will test the ones provided in the list, and use the first suitable one.
|
|
97
|
-
* If no fallback placements are suitable, it reverts back to the original placement.
|
|
98
|
-
*/
|
|
99
|
-
fallbackPlacements?: Placement[];
|
|
100
|
-
/**
|
|
101
|
-
* The boundary element that the popup will check for overflow.
|
|
102
|
-
* Defaults to `"clippingParents"` which are parent scroll containers,
|
|
103
|
-
* but can be set to any element.
|
|
104
|
-
*/
|
|
105
|
-
boundary?: 'clippingParents' | HTMLElement;
|
|
106
|
-
/**
|
|
107
|
-
* The root boundary that the popup will check for overflow.
|
|
108
|
-
* Defaults to `"viewport"` but can be set to `"document"`.
|
|
109
|
-
*/
|
|
110
|
-
rootBoundary?: 'viewport' | 'document';
|
|
111
|
-
/**
|
|
112
|
-
* Allows the Popup to be placed on the opposite side of its trigger if it does not fit in the viewport.
|
|
113
|
-
* Defaults to `true`.
|
|
114
|
-
*/
|
|
115
|
-
shouldFlip?: boolean;
|
|
116
|
-
/**
|
|
117
|
-
* A `testId` prop is provided for specified elements,
|
|
118
|
-
* which is a unique string that appears as a data attribute `data-testid` in the rendered code,
|
|
119
|
-
* serving as a hook for automated tests.
|
|
120
|
-
*/
|
|
121
|
-
testId?: string;
|
|
122
|
-
/**
|
|
123
|
-
* Handler that is called when the popup wants to close itself.
|
|
124
|
-
* Generally this will be either when clicking away from the popup or pressing the escape key.
|
|
125
|
-
* You'll want to use this to set open state accordingly and then pump it back into the `isOpen` prop.
|
|
126
|
-
*/
|
|
127
|
-
onClose?(event: Event | React.MouseEvent | React.KeyboardEvent): void;
|
|
128
|
-
/**
|
|
129
|
-
* The element that is shown when `isOpen` prop is `true`.
|
|
130
|
-
* The result of the `content` prop will be placed as children here.
|
|
131
|
-
* Defaults to an element with an elevation of `e200` with _no padding_.
|
|
132
|
-
*/
|
|
133
|
-
popupComponent?: ComponentType<PopupComponentProps>;
|
|
134
|
-
/**
|
|
135
|
-
* Controls whether the popup takes focus when opening.
|
|
136
|
-
* This changes the `popupComponent` component tabIndex to `null`.
|
|
137
|
-
* Defaults to `true`.
|
|
138
|
-
*/
|
|
139
|
-
autoFocus?: boolean;
|
|
140
|
-
/**
|
|
141
|
-
* Controls if the event which handles clicks outside the popup is be bound with
|
|
142
|
-
* `capture: true`.
|
|
143
|
-
*/
|
|
144
|
-
shouldUseCaptureOnOutsideClick?: boolean;
|
|
145
|
-
/**
|
|
146
|
-
* The root element where the popup should be rendered.
|
|
147
|
-
* Defaults to `false`.
|
|
148
|
-
*/
|
|
149
|
-
shouldRenderToParent?: boolean;
|
|
150
|
-
}
|
|
151
|
-
export interface PopupProps extends BaseProps {
|
|
152
|
-
/**
|
|
153
|
-
* Render props used to anchor the popup to your content.
|
|
154
|
-
* Make this an interactive element,
|
|
155
|
-
* such as an `@atlaskit/button` component.
|
|
156
|
-
*/
|
|
157
|
-
trigger: (props: TriggerProps) => React.ReactNode;
|
|
158
|
-
/**
|
|
159
|
-
* Z-index that the popup should be displayed in.
|
|
160
|
-
* This is passed to the portal component.
|
|
161
|
-
* Defaults to `layers.layer()` from `@atlaskit/theme`.
|
|
162
|
-
*/
|
|
163
|
-
zIndex?: number;
|
|
164
|
-
}
|
|
165
|
-
export interface PopperWrapperProps extends BaseProps {
|
|
166
|
-
triggerRef: TriggerRef;
|
|
167
|
-
}
|
|
168
|
-
export type CloseManagerHook = Pick<PopupProps, 'isOpen' | 'onClose'> & {
|
|
169
|
-
popupRef: PopupRef;
|
|
170
|
-
triggerRef: TriggerRef;
|
|
171
|
-
shouldUseCaptureOnOutsideClick?: boolean;
|
|
172
|
-
};
|
|
173
|
-
export type FocusManagerHook = {
|
|
174
|
-
popupRef: PopupRef;
|
|
175
|
-
initialFocusRef: HTMLElement | null;
|
|
176
|
-
};
|
|
177
|
-
export type RepositionOnUpdateProps = {
|
|
178
|
-
update: PopperChildrenProps['update'];
|
|
179
|
-
};
|
|
180
|
-
export {};
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/popup"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
import { ComponentType } from 'react';
|
|
8
|
-
import { CSSProperties } from 'react';
|
|
9
|
-
import { Dispatch } from 'react';
|
|
10
|
-
import { FC } from 'react';
|
|
11
|
-
import { Placement } from '@atlaskit/popper';
|
|
12
|
-
import { PopperChildrenProps } from '@atlaskit/popper';
|
|
13
|
-
import { default as React_2 } from 'react';
|
|
14
|
-
import { ReactNode } from 'react';
|
|
15
|
-
import { Ref } from 'react';
|
|
16
|
-
import { SetStateAction } from 'react';
|
|
17
|
-
|
|
18
|
-
// @public (undocumented)
|
|
19
|
-
interface BaseProps {
|
|
20
|
-
autoFocus?: boolean;
|
|
21
|
-
boundary?: 'clippingParents' | HTMLElement;
|
|
22
|
-
content: (props: ContentProps) => React_2.ReactNode;
|
|
23
|
-
fallbackPlacements?: Placement[];
|
|
24
|
-
id?: string;
|
|
25
|
-
isOpen: boolean;
|
|
26
|
-
offset?: [number, number];
|
|
27
|
-
onClose?(event: Event | React_2.KeyboardEvent | React_2.MouseEvent): void;
|
|
28
|
-
placement?: Placement;
|
|
29
|
-
popupComponent?: ComponentType<PopupComponentProps>;
|
|
30
|
-
rootBoundary?: 'document' | 'viewport';
|
|
31
|
-
shouldFlip?: boolean;
|
|
32
|
-
shouldRenderToParent?: boolean;
|
|
33
|
-
shouldUseCaptureOnOutsideClick?: boolean;
|
|
34
|
-
testId?: string;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
// @public (undocumented)
|
|
38
|
-
export interface ContentProps {
|
|
39
|
-
isOpen: boolean;
|
|
40
|
-
onClose?: BaseProps['onClose'];
|
|
41
|
-
setInitialFocusRef: Dispatch<SetStateAction<HTMLElement | null>>;
|
|
42
|
-
update: PopperChildrenProps['update'];
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
// @public (undocumented)
|
|
46
|
-
const Popup: FC<PopupProps>;
|
|
47
|
-
export { Popup }
|
|
48
|
-
export default Popup;
|
|
49
|
-
|
|
50
|
-
// @public (undocumented)
|
|
51
|
-
export interface PopupComponentProps {
|
|
52
|
-
'data-placement': Placement;
|
|
53
|
-
'data-testid'?: string;
|
|
54
|
-
children: ReactNode;
|
|
55
|
-
id?: string;
|
|
56
|
-
ref: Ref<HTMLDivElement>;
|
|
57
|
-
shouldRenderToParent?: boolean;
|
|
58
|
-
style: CSSProperties;
|
|
59
|
-
tabIndex: number | undefined;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
// @public (undocumented)
|
|
63
|
-
export interface PopupProps extends BaseProps {
|
|
64
|
-
trigger: (props: TriggerProps) => React_2.ReactNode;
|
|
65
|
-
zIndex?: number;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
// @public (undocumented)
|
|
69
|
-
export interface TriggerProps {
|
|
70
|
-
// (undocumented)
|
|
71
|
-
'aria-controls'?: string;
|
|
72
|
-
// (undocumented)
|
|
73
|
-
'aria-expanded': boolean;
|
|
74
|
-
// (undocumented)
|
|
75
|
-
'aria-haspopup': boolean;
|
|
76
|
-
// (undocumented)
|
|
77
|
-
ref: Ref<any>;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
// (No @packageDocumentation comment for this package)
|
|
81
|
-
|
|
82
|
-
```
|