@atlaskit/drawer 7.6.0 → 7.6.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 +56 -44
- package/dist/cjs/components/blanket.js +1 -2
- package/dist/cjs/components/index.js +4 -6
- package/dist/cjs/components/primitives/content.js +2 -3
- package/dist/cjs/components/primitives/drawer-wrapper.js +10 -18
- package/dist/cjs/components/primitives/focus-lock.js +1 -2
- package/dist/cjs/components/primitives/icon-button.js +1 -2
- package/dist/cjs/components/primitives/index.js +3 -4
- package/dist/cjs/components/primitives/sidebar.js +2 -3
- package/dist/cjs/components/utils.js +2 -3
- package/dist/cjs/constants.js +8 -15
- package/dist/es2019/components/index.js +1 -1
- package/dist/es2019/components/primitives/drawer-wrapper.js +9 -13
- package/dist/es2019/constants.js +1 -2
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/primitives/drawer-wrapper.js +8 -14
- package/dist/esm/components/primitives/index.js +2 -2
- package/dist/esm/constants.js +1 -2
- package/package.json +5 -12
package/CHANGELOG.md
CHANGED
|
@@ -1,48 +1,60 @@
|
|
|
1
1
|
# @atlaskit/drawer
|
|
2
2
|
|
|
3
|
+
## 7.6.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#41065](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/41065) [`e96b5be2269`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e96b5be2269) - [ux] This release removes the feature flag behind which Drawer got improves for accessibility. Now it is a modal dialog, preventing users to focus elements beyond it's content. Focus is set to first element of Drawer content on opening. On closing focus is returned to triggering element. Additionally introduced props adding/referencing accessible name.
|
|
8
|
+
|
|
9
|
+
## 7.6.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#40647](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40647) [`0de92f17021`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0de92f17021) - Bump react-focus-lock to latest version
|
|
14
|
+
|
|
3
15
|
## 7.6.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
6
18
|
|
|
7
|
-
- [`288b53175c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/288b53175c0) - [ux] We are testing focus trap behavior for drawer in screen reader mode behind a feature flag. Now focus is set to first element and does not go beyond the content of the modal dialog. If this fix is successful, it will be available in a later release.
|
|
19
|
+
- [#38517](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38517) [`288b53175c0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/288b53175c0) - [ux] We are testing focus trap behavior for drawer in screen reader mode behind a feature flag. Now focus is set to first element and does not go beyond the content of the modal dialog. If this fix is successful, it will be available in a later release.
|
|
8
20
|
|
|
9
21
|
## 7.5.5
|
|
10
22
|
|
|
11
23
|
### Patch Changes
|
|
12
24
|
|
|
13
|
-
- [`ddb06fae577`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ddb06fae577) - Adds support for surface detection when using design tokens. Enabling children to be styled with the surface color of the drawer when using the `utility.elevation.surface.current` design token.
|
|
25
|
+
- [#39278](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39278) [`ddb06fae577`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ddb06fae577) - Adds support for surface detection when using design tokens. Enabling children to be styled with the surface color of the drawer when using the `utility.elevation.surface.current` design token.
|
|
14
26
|
- Updated dependencies
|
|
15
27
|
|
|
16
28
|
## 7.5.4
|
|
17
29
|
|
|
18
30
|
### Patch Changes
|
|
19
31
|
|
|
20
|
-
- [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
32
|
+
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
21
33
|
- Updated dependencies
|
|
22
34
|
|
|
23
35
|
## 7.5.3
|
|
24
36
|
|
|
25
37
|
### Patch Changes
|
|
26
38
|
|
|
27
|
-
- [`779727e307a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/779727e307a) - Internal change only. Replace all instances of Box with stable @atlaskit/primitives version.
|
|
39
|
+
- [#34922](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34922) [`779727e307a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/779727e307a) - Internal change only. Replace all instances of Box with stable @atlaskit/primitives version.
|
|
28
40
|
|
|
29
41
|
## 7.5.2
|
|
30
42
|
|
|
31
43
|
### Patch Changes
|
|
32
44
|
|
|
33
|
-
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
45
|
+
- [#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
|
|
34
46
|
|
|
35
47
|
## 7.5.1
|
|
36
48
|
|
|
37
49
|
### Patch Changes
|
|
38
50
|
|
|
39
|
-
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
51
|
+
- [#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`
|
|
40
52
|
|
|
41
53
|
## 7.5.0
|
|
42
54
|
|
|
43
55
|
### Minor Changes
|
|
44
56
|
|
|
45
|
-
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
57
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
46
58
|
|
|
47
59
|
### Patch Changes
|
|
48
60
|
|
|
@@ -52,26 +64,26 @@
|
|
|
52
64
|
|
|
53
65
|
### Patch Changes
|
|
54
66
|
|
|
55
|
-
- [`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal changes.
|
|
67
|
+
- [#32211](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32211) [`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal changes.
|
|
56
68
|
|
|
57
69
|
## 7.4.13
|
|
58
70
|
|
|
59
71
|
### Patch Changes
|
|
60
72
|
|
|
61
|
-
- [`e0460d5d989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0460d5d989) - Usages of `process` are now guarded by a `typeof` check.
|
|
73
|
+
- [#32294](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32294) [`e0460d5d989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0460d5d989) - Usages of `process` are now guarded by a `typeof` check.
|
|
62
74
|
|
|
63
75
|
## 7.4.12
|
|
64
76
|
|
|
65
77
|
### Patch Changes
|
|
66
78
|
|
|
67
|
-
- [`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) - Upgrades component types to support React 18.
|
|
79
|
+
- [#31206](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31206) [`261420360ec`](https://bitbucket.org/atlassian/atlassian-frontend/commits/261420360ec) - Upgrades component types to support React 18.
|
|
68
80
|
- Updated dependencies
|
|
69
81
|
|
|
70
82
|
## 7.4.11
|
|
71
83
|
|
|
72
84
|
### Patch Changes
|
|
73
85
|
|
|
74
|
-
- [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
|
|
86
|
+
- [#31338](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31338) [`74c1b81a476`](https://bitbucket.org/atlassian/atlassian-frontend/commits/74c1b81a476) - Replaces use of `gridSize` with space tokens. There is no expected visual change.
|
|
75
87
|
|
|
76
88
|
## 7.4.10
|
|
77
89
|
|
|
@@ -89,13 +101,13 @@
|
|
|
89
101
|
|
|
90
102
|
### Patch Changes
|
|
91
103
|
|
|
92
|
-
- [`18aeca8c199`](https://bitbucket.org/atlassian/atlassian-frontend/commits/18aeca8c199) - Internal change to update token references. There is no expected behaviour or visual change.
|
|
104
|
+
- [#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.
|
|
93
105
|
|
|
94
106
|
## 7.4.7
|
|
95
107
|
|
|
96
108
|
### Patch Changes
|
|
97
109
|
|
|
98
|
-
- [`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.
|
|
110
|
+
- [#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.
|
|
99
111
|
|
|
100
112
|
## 7.4.6
|
|
101
113
|
|
|
@@ -107,7 +119,7 @@
|
|
|
107
119
|
|
|
108
120
|
### Patch Changes
|
|
109
121
|
|
|
110
|
-
- [`021eea6cdc6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/021eea6cdc6) - Remove unnecessary styles. There is no expected behaviour change for consumers.
|
|
122
|
+
- [#28575](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28575) [`021eea6cdc6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/021eea6cdc6) - Remove unnecessary styles. There is no expected behaviour change for consumers.
|
|
111
123
|
|
|
112
124
|
## 7.4.4
|
|
113
125
|
|
|
@@ -125,7 +137,7 @@
|
|
|
125
137
|
|
|
126
138
|
### Patch Changes
|
|
127
139
|
|
|
128
|
-
- [`5bd499c254f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5bd499c254f) - Fix zIndex stacking of internal Blanket component during css transition
|
|
140
|
+
- [#26712](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26712) [`5bd499c254f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5bd499c254f) - Fix zIndex stacking of internal Blanket component during css transition
|
|
129
141
|
|
|
130
142
|
## 7.4.1
|
|
131
143
|
|
|
@@ -137,7 +149,7 @@
|
|
|
137
149
|
|
|
138
150
|
### Minor Changes
|
|
139
151
|
|
|
140
|
-
- [`3d5675d420e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d5675d420e) - [ux] Prevents the background from being scrollable while a drawer is open.
|
|
152
|
+
- [#25860](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/25860) [`3d5675d420e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3d5675d420e) - [ux] Prevents the background from being scrollable while a drawer is open.
|
|
141
153
|
|
|
142
154
|
### Patch Changes
|
|
143
155
|
|
|
@@ -147,19 +159,19 @@
|
|
|
147
159
|
|
|
148
160
|
### Patch Changes
|
|
149
161
|
|
|
150
|
-
- [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
|
|
162
|
+
- [#26488](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26488) [`bc989043572`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bc989043572) - Internal changes to apply spacing tokens. This should be a no-op change.
|
|
151
163
|
|
|
152
164
|
## 7.3.1
|
|
153
165
|
|
|
154
166
|
### Patch Changes
|
|
155
167
|
|
|
156
|
-
- [`9de88fa1e1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9de88fa1e1e) - Internal changes to include spacing tokens in component implementations.
|
|
168
|
+
- [#26408](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26408) [`9de88fa1e1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9de88fa1e1e) - Internal changes to include spacing tokens in component implementations.
|
|
157
169
|
|
|
158
170
|
## 7.3.0
|
|
159
171
|
|
|
160
172
|
### Minor Changes
|
|
161
173
|
|
|
162
|
-
- [`b975291711b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b975291711b) - Add zindex as prop to drawer
|
|
174
|
+
- [#24710](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24710) [`b975291711b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b975291711b) - Add zindex as prop to drawer
|
|
163
175
|
|
|
164
176
|
### Patch Changes
|
|
165
177
|
|
|
@@ -170,13 +182,13 @@
|
|
|
170
182
|
|
|
171
183
|
### Patch Changes
|
|
172
184
|
|
|
173
|
-
- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
185
|
+
- [#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`
|
|
174
186
|
|
|
175
187
|
## 7.2.0
|
|
176
188
|
|
|
177
189
|
### Minor Changes
|
|
178
190
|
|
|
179
|
-
- [`cc4fe7bdf0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cc4fe7bdf0c) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
191
|
+
- [#24004](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24004) [`cc4fe7bdf0c`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cc4fe7bdf0c) - Updates `@emotion/core` to `@emotion/react`; v10 to v11. There is no expected behavior change.
|
|
180
192
|
|
|
181
193
|
### Patch Changes
|
|
182
194
|
|
|
@@ -187,13 +199,13 @@
|
|
|
187
199
|
|
|
188
200
|
### Patch Changes
|
|
189
201
|
|
|
190
|
-
- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
202
|
+
- [#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`.
|
|
191
203
|
|
|
192
204
|
## 7.1.11
|
|
193
205
|
|
|
194
206
|
### Patch Changes
|
|
195
207
|
|
|
196
|
-
- [`fd86b8e4c63`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd86b8e4c63) - Internal code change turning on new linting rules.
|
|
208
|
+
- [#23381](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/23381) [`fd86b8e4c63`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd86b8e4c63) - Internal code change turning on new linting rules.
|
|
197
209
|
|
|
198
210
|
## 7.1.10
|
|
199
211
|
|
|
@@ -205,13 +217,13 @@
|
|
|
205
217
|
|
|
206
218
|
### Patch Changes
|
|
207
219
|
|
|
208
|
-
- [`45e0af67ad3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45e0af67ad3) - Internal change to make styles statically analyzable
|
|
220
|
+
- [#20721](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20721) [`45e0af67ad3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/45e0af67ad3) - Internal change to make styles statically analyzable
|
|
209
221
|
|
|
210
222
|
## 7.1.8
|
|
211
223
|
|
|
212
224
|
### Patch Changes
|
|
213
225
|
|
|
214
|
-
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
226
|
+
- [#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
|
|
215
227
|
|
|
216
228
|
## 7.1.7
|
|
217
229
|
|
|
@@ -223,7 +235,7 @@
|
|
|
223
235
|
|
|
224
236
|
### Patch Changes
|
|
225
237
|
|
|
226
|
-
- [`ac9343c3ed4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac9343c3ed4) - Replaces usage of deprecated design tokens. No visual or functional changes
|
|
238
|
+
- [#19618](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19618) [`ac9343c3ed4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac9343c3ed4) - Replaces usage of deprecated design tokens. No visual or functional changes
|
|
227
239
|
- Updated dependencies
|
|
228
240
|
|
|
229
241
|
## 7.1.5
|
|
@@ -236,13 +248,13 @@
|
|
|
236
248
|
|
|
237
249
|
### Patch Changes
|
|
238
250
|
|
|
239
|
-
- [`e9210b8a098`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e9210b8a098) - Updates Drawer with deprecated status for `cssFn`/`overrides APIs.
|
|
251
|
+
- [#18526](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/18526) [`e9210b8a098`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e9210b8a098) - Updates Drawer with deprecated status for `cssFn`/`overrides APIs.
|
|
240
252
|
|
|
241
253
|
## 7.1.3
|
|
242
254
|
|
|
243
255
|
### Patch Changes
|
|
244
256
|
|
|
245
|
-
- [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Bump dependency tiny-invariant to latest"
|
|
257
|
+
- [#16752](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16752) [`19d72473dfb`](https://bitbucket.org/atlassian/atlassian-frontend/commits/19d72473dfb) - Bump dependency tiny-invariant to latest"
|
|
246
258
|
- Updated dependencies
|
|
247
259
|
|
|
248
260
|
## 7.1.2
|
|
@@ -255,13 +267,13 @@
|
|
|
255
267
|
|
|
256
268
|
### Patch Changes
|
|
257
269
|
|
|
258
|
-
- [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
|
|
270
|
+
- [#17475](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/17475) [`c55c736ecea`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c55c736ecea) - Patch VULN AFP-3486 AFP-3487 AFP-3488 AFP-3489
|
|
259
271
|
|
|
260
272
|
## 7.1.0
|
|
261
273
|
|
|
262
274
|
### Minor Changes
|
|
263
275
|
|
|
264
|
-
- [`d19fa028010`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d19fa028010) - Instrumented `@atlaskit/drawer` with the new theming package, `@atlaskit/tokens`.
|
|
276
|
+
- [#16753](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/16753) [`d19fa028010`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d19fa028010) - Instrumented `@atlaskit/drawer` with the new theming package, `@atlaskit/tokens`.
|
|
265
277
|
|
|
266
278
|
New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha). These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
|
|
267
279
|
|
|
@@ -269,13 +281,13 @@
|
|
|
269
281
|
|
|
270
282
|
### Patch Changes
|
|
271
283
|
|
|
272
|
-
- [`3fced6aa641`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3fced6aa641) - Bumped `react-focus-lock` to version `^2.2.1`.
|
|
284
|
+
- [#15998](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/15998) [`3fced6aa641`](https://bitbucket.org/atlassian/atlassian-frontend/commits/3fced6aa641) - Bumped `react-focus-lock` to version `^2.2.1`.
|
|
273
285
|
|
|
274
286
|
## 7.0.0
|
|
275
287
|
|
|
276
288
|
### Major Changes
|
|
277
289
|
|
|
278
|
-
- [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - [ux] Breaking changes:
|
|
290
|
+
- [#14319](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14319) [`cf853e39278`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cf853e39278) - [ux] Breaking changes:
|
|
279
291
|
|
|
280
292
|
The following components have been removed from `@atlaskit/drawer`:
|
|
281
293
|
|
|
@@ -306,7 +318,7 @@
|
|
|
306
318
|
|
|
307
319
|
### Patch Changes
|
|
308
320
|
|
|
309
|
-
- [`378d1cef00f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/378d1cef00f) - Bump `@atlaskit/theme` to version `^11.3.0`.
|
|
321
|
+
- [#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`.
|
|
310
322
|
|
|
311
323
|
## 6.0.9
|
|
312
324
|
|
|
@@ -318,20 +330,20 @@
|
|
|
318
330
|
|
|
319
331
|
### Patch Changes
|
|
320
332
|
|
|
321
|
-
- [`79c23df6340`](https://bitbucket.org/atlassian/atlassian-frontend/commits/79c23df6340) - Use injected package name and version for analytics instead of version.json.
|
|
333
|
+
- [#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.
|
|
322
334
|
- Updated dependencies
|
|
323
335
|
|
|
324
336
|
## 6.0.7
|
|
325
337
|
|
|
326
338
|
### Patch Changes
|
|
327
339
|
|
|
328
|
-
- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
|
|
340
|
+
- [#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
|
|
329
341
|
|
|
330
342
|
## 6.0.6
|
|
331
343
|
|
|
332
344
|
### Patch Changes
|
|
333
345
|
|
|
334
|
-
- [`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.
|
|
346
|
+
- [#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.
|
|
335
347
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
336
348
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
337
349
|
|
|
@@ -345,13 +357,13 @@
|
|
|
345
357
|
|
|
346
358
|
### Patch Changes
|
|
347
359
|
|
|
348
|
-
- [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
|
|
360
|
+
- [#4707](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/4707) [`6360c46009`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6360c46009) - Reenable integration tests for Edge browser
|
|
349
361
|
|
|
350
362
|
## 6.0.3
|
|
351
363
|
|
|
352
364
|
### Patch Changes
|
|
353
365
|
|
|
354
|
-
- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
366
|
+
- [#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
|
|
355
367
|
|
|
356
368
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
357
369
|
to prevent duplicates of tslib being bundled.
|
|
@@ -360,20 +372,20 @@
|
|
|
360
372
|
|
|
361
373
|
### Patch Changes
|
|
362
374
|
|
|
363
|
-
- [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
|
|
375
|
+
- [#3823](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3823) [`6262f382de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6262f382de) - Use the 'lodash' package instead of single-function 'lodash.\*' packages
|
|
364
376
|
|
|
365
377
|
## 6.0.1
|
|
366
378
|
|
|
367
379
|
### Patch Changes
|
|
368
380
|
|
|
369
|
-
- [`60dd4ecc69`](https://bitbucket.org/atlassian/atlassian-frontend/commits/60dd4ecc69) - Changed export all to export individual components in index
|
|
381
|
+
- [#3428](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3428) [`60dd4ecc69`](https://bitbucket.org/atlassian/atlassian-frontend/commits/60dd4ecc69) - Changed export all to export individual components in index
|
|
370
382
|
- Updated dependencies
|
|
371
383
|
|
|
372
384
|
## 6.0.0
|
|
373
385
|
|
|
374
386
|
### Major Changes
|
|
375
387
|
|
|
376
|
-
- [`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.
|
|
388
|
+
- [#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.
|
|
377
389
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
378
390
|
|
|
379
391
|
### Patch Changes
|
|
@@ -384,19 +396,19 @@
|
|
|
384
396
|
|
|
385
397
|
### Patch Changes
|
|
386
398
|
|
|
387
|
-
- [`54a9514fcf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54a9514fcf) - Build and supporting files will no longer be published to npm
|
|
399
|
+
- [#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
|
|
388
400
|
|
|
389
401
|
## 5.3.9
|
|
390
402
|
|
|
391
403
|
### Patch Changes
|
|
392
404
|
|
|
393
|
-
- [`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade react-transition-group to latest
|
|
405
|
+
- [#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
|
|
394
406
|
|
|
395
407
|
## 5.3.8
|
|
396
408
|
|
|
397
409
|
### Patch Changes
|
|
398
410
|
|
|
399
|
-
- [`54d82b49f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54d82b49f0) - Remove unused dependencies
|
|
411
|
+
- [#2137](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2137) [`54d82b49f0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/54d82b49f0) - Remove unused dependencies
|
|
400
412
|
- [`baaad91b65`](https://bitbucket.org/atlassian/atlassian-frontend/commits/baaad91b65) - Updated to use the latest and more performant version of `@atlaskit/avatar`
|
|
401
413
|
- Updated dependencies
|
|
402
414
|
|
|
@@ -27,7 +27,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
27
27
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
28
28
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
|
|
29
29
|
var packageName = "@atlaskit/drawer";
|
|
30
|
-
var packageVersion = "7.6.
|
|
30
|
+
var packageVersion = "7.6.2";
|
|
31
31
|
var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
|
|
32
32
|
var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
|
|
33
33
|
return createAndFireEventOnAtlaskit({
|
|
@@ -41,7 +41,7 @@ var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, t
|
|
|
41
41
|
}
|
|
42
42
|
})(createAnalyticsEvent);
|
|
43
43
|
};
|
|
44
|
-
var DrawerBase = /*#__PURE__*/function (_Component) {
|
|
44
|
+
var DrawerBase = exports.DrawerBase = /*#__PURE__*/function (_Component) {
|
|
45
45
|
(0, _inherits2.default)(DrawerBase, _Component);
|
|
46
46
|
var _super = _createSuper(DrawerBase);
|
|
47
47
|
function DrawerBase() {
|
|
@@ -159,13 +159,11 @@ var DrawerBase = /*#__PURE__*/function (_Component) {
|
|
|
159
159
|
}]);
|
|
160
160
|
return DrawerBase;
|
|
161
161
|
}(_react.Component);
|
|
162
|
-
exports.DrawerBase = DrawerBase;
|
|
163
162
|
(0, _defineProperty2.default)(DrawerBase, "defaultProps", _objectSpread({
|
|
164
163
|
width: 'narrow'
|
|
165
164
|
}, _constants.defaultFocusLockSettings));
|
|
166
|
-
var _default = (0, _analyticsNext.withAnalyticsContext)({
|
|
165
|
+
var _default = exports.default = (0, _analyticsNext.withAnalyticsContext)({
|
|
167
166
|
componentName: 'drawer',
|
|
168
167
|
packageName: packageName,
|
|
169
168
|
packageVersion: packageVersion
|
|
170
|
-
})((0, _analyticsNext.withAnalyticsEvents)()(DrawerBase));
|
|
171
|
-
exports.default = _default;
|
|
169
|
+
})((0, _analyticsNext.withAnalyticsEvents)()(DrawerBase));
|
|
@@ -5,18 +5,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.wrapperWidth = exports.default = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
10
9
|
var _react = require("react");
|
|
11
10
|
var _react2 = require("@emotion/react");
|
|
12
11
|
var _useCallbackRef = require("use-callback-ref");
|
|
13
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
14
12
|
var _colors = require("@atlaskit/theme/colors");
|
|
15
13
|
var _tokens = require("@atlaskit/tokens");
|
|
16
14
|
var _usePreventProgrammaticScroll = _interopRequireDefault(require("./hooks/use-prevent-programmatic-scroll"));
|
|
17
15
|
var _css;
|
|
18
16
|
/** @jsx jsx */
|
|
19
|
-
var wrapperWidth = {
|
|
17
|
+
var wrapperWidth = exports.wrapperWidth = {
|
|
20
18
|
full: {
|
|
21
19
|
width: '100vw'
|
|
22
20
|
},
|
|
@@ -33,16 +31,13 @@ var wrapperWidth = {
|
|
|
33
31
|
width: 600
|
|
34
32
|
}
|
|
35
33
|
};
|
|
36
|
-
exports.wrapperWidth = wrapperWidth;
|
|
37
34
|
var wrapperStyles = (0, _react2.css)((_css = {
|
|
38
35
|
display: 'flex',
|
|
39
36
|
height: '100vh',
|
|
40
37
|
position: 'fixed',
|
|
41
38
|
zIndex: 500,
|
|
42
|
-
top: 0,
|
|
43
|
-
left: 0,
|
|
44
39
|
backgroundColor: "var(--ds-surface-overlay, ".concat(_colors.N0, ")")
|
|
45
|
-
}, (0, _defineProperty2.default)(_css, _tokens.CURRENT_SURFACE_CSS_VAR, "var(--ds-surface-overlay, ".concat(_colors.N0, ")")), (0, _defineProperty2.default)(_css, "overflow", 'hidden'), _css));
|
|
40
|
+
}, (0, _defineProperty2.default)(_css, _tokens.CURRENT_SURFACE_CSS_VAR, "var(--ds-surface-overlay, ".concat(_colors.N0, ")")), (0, _defineProperty2.default)(_css, "insetBlockStart", 0), (0, _defineProperty2.default)(_css, "insetInlineStart", 0), (0, _defineProperty2.default)(_css, "overflow", 'hidden'), _css));
|
|
46
41
|
/**
|
|
47
42
|
* A wrapper that controls the styling of the drawer with a few hacks with refs to get our Touch±Scroll locks working.
|
|
48
43
|
*/
|
|
@@ -71,19 +66,16 @@ var DrawerWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, scrollRe
|
|
|
71
66
|
}, [scrollRef]);
|
|
72
67
|
var ref = (0, _useCallbackRef.useMergeRefs)([drawerRef, assignSecondChildRef]);
|
|
73
68
|
(0, _usePreventProgrammaticScroll.default)();
|
|
74
|
-
|
|
75
|
-
'aria-modal': true,
|
|
76
|
-
role: 'dialog',
|
|
77
|
-
'aria-label': label,
|
|
78
|
-
'aria-labelledby': titleId
|
|
79
|
-
};
|
|
80
|
-
return (0, _react2.jsx)("div", (0, _extends2.default)({
|
|
69
|
+
return (0, _react2.jsx)("div", {
|
|
81
70
|
css: wrapperStyles,
|
|
82
71
|
style: wrapperWidth[width],
|
|
83
72
|
className: className,
|
|
84
73
|
"data-testid": testId,
|
|
85
|
-
ref: ref
|
|
86
|
-
|
|
74
|
+
ref: ref,
|
|
75
|
+
"aria-modal": true,
|
|
76
|
+
role: "dialog",
|
|
77
|
+
"aria-label": label,
|
|
78
|
+
"aria-labelledby": titleId
|
|
79
|
+
}, children);
|
|
87
80
|
});
|
|
88
|
-
var _default = DrawerWrapper;
|
|
89
|
-
exports.default = _default;
|
|
81
|
+
var _default = exports.default = DrawerWrapper;
|
|
@@ -25,7 +25,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
|
|
|
25
25
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
26
26
|
// Thin wrapper over react-focus-lock. This wrapper only exists to ensure API compatibility.
|
|
27
27
|
// This component should be deleted during https://ecosystem.atlassian.net/browse/AK-5658
|
|
28
|
-
var FocusLock = /*#__PURE__*/function (_Component) {
|
|
28
|
+
var FocusLock = exports.default = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2.default)(FocusLock, _Component);
|
|
30
30
|
var _super = _createSuper(FocusLock);
|
|
31
31
|
function FocusLock() {
|
|
@@ -65,5 +65,4 @@ var FocusLock = /*#__PURE__*/function (_Component) {
|
|
|
65
65
|
}]);
|
|
66
66
|
return FocusLock;
|
|
67
67
|
}(_react.Component);
|
|
68
|
-
exports.default = FocusLock;
|
|
69
68
|
(0, _defineProperty2.default)(FocusLock, "defaultProps", _objectSpread({}, _constants.defaultFocusLockSettings));
|
|
@@ -80,9 +80,9 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
|
|
|
80
80
|
var drawerRef = (0, _react.useRef)(null);
|
|
81
81
|
var onFinish = (0, _react.useCallback)(function (state) {
|
|
82
82
|
if (state === 'entering') {
|
|
83
|
-
onOpenComplete === null || onOpenComplete === void 0
|
|
83
|
+
onOpenComplete === null || onOpenComplete === void 0 || onOpenComplete(drawerRef.current);
|
|
84
84
|
} else if (state === 'exiting') {
|
|
85
|
-
onCloseComplete === null || onCloseComplete === void 0
|
|
85
|
+
onCloseComplete === null || onCloseComplete === void 0 || onCloseComplete(drawerRef.current);
|
|
86
86
|
}
|
|
87
87
|
}, [onCloseComplete, onOpenComplete]);
|
|
88
88
|
return (0, _react2.jsx)(_motion.ExitingPersistence, {
|
|
@@ -114,5 +114,4 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
|
|
|
114
114
|
};
|
|
115
115
|
|
|
116
116
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
117
|
-
var _default = DrawerPrimitive;
|
|
118
|
-
exports.default = _default;
|
|
117
|
+
var _default = exports.default = DrawerPrimitive;
|
|
@@ -9,7 +9,7 @@ exports.createExtender = void 0;
|
|
|
9
9
|
/**
|
|
10
10
|
* @deprecated Please avoid using this function as we intend to remote it in a future release. See DSP-2673 for more information.
|
|
11
11
|
*/
|
|
12
|
-
var createExtender = function createExtender(defaults) {
|
|
12
|
+
var createExtender = exports.createExtender = function createExtender(defaults) {
|
|
13
13
|
var overrides = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Object.create(Object.prototype);
|
|
14
14
|
if (!defaults) {
|
|
15
15
|
throw new Error('a default set of overrides *must* be passed in as the first argument');
|
|
@@ -35,5 +35,4 @@ var createExtender = function createExtender(defaults) {
|
|
|
35
35
|
component: customComponent || defaultComponent
|
|
36
36
|
};
|
|
37
37
|
};
|
|
38
|
-
};
|
|
39
|
-
exports.createExtender = createExtender;
|
|
38
|
+
};
|
package/dist/cjs/constants.js
CHANGED
|
@@ -5,22 +5,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.widths = exports.transitionTimingFunction = exports.transitionDurationMs = exports.transitionDuration = exports.defaultFocusLockSettings = exports.animationTimingFunction = void 0;
|
|
7
7
|
var _curves = require("@atlaskit/motion/curves");
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
exports.
|
|
11
|
-
var
|
|
12
|
-
exports.
|
|
13
|
-
var transitionTimingFunction = _curves.easeOut;
|
|
14
|
-
exports.transitionTimingFunction = transitionTimingFunction;
|
|
15
|
-
var widths = ['narrow', 'medium', 'wide', 'extended', 'full'];
|
|
16
|
-
exports.widths = widths;
|
|
17
|
-
var animationTimingFunction = function animationTimingFunction() {
|
|
8
|
+
var transitionDuration = exports.transitionDuration = '0.22s';
|
|
9
|
+
var transitionDurationMs = exports.transitionDurationMs = 220;
|
|
10
|
+
var transitionTimingFunction = exports.transitionTimingFunction = _curves.easeOut;
|
|
11
|
+
var widths = exports.widths = ['narrow', 'medium', 'wide', 'extended', 'full'];
|
|
12
|
+
var animationTimingFunction = exports.animationTimingFunction = function animationTimingFunction() {
|
|
18
13
|
return _curves.easeOut;
|
|
19
14
|
};
|
|
20
|
-
exports.
|
|
21
|
-
var defaultFocusLockSettings = {
|
|
15
|
+
var defaultFocusLockSettings = exports.defaultFocusLockSettings = {
|
|
22
16
|
isFocusLockEnabled: true,
|
|
23
17
|
shouldReturnFocus: true,
|
|
24
|
-
autoFocusFirstElem:
|
|
25
|
-
};
|
|
26
|
-
exports.defaultFocusLockSettings = defaultFocusLockSettings;
|
|
18
|
+
autoFocusFirstElem: true
|
|
19
|
+
};
|
|
@@ -8,7 +8,7 @@ import { defaultFocusLockSettings } from '../constants';
|
|
|
8
8
|
import Blanket from './blanket';
|
|
9
9
|
import DrawerPrimitive from './primitives';
|
|
10
10
|
const packageName = "@atlaskit/drawer";
|
|
11
|
-
const packageVersion = "7.6.
|
|
11
|
+
const packageVersion = "7.6.2";
|
|
12
12
|
const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
13
13
|
const createAndFireOnClick = (createAnalyticsEvent, trigger) => createAndFireEventOnAtlaskit({
|
|
14
14
|
action: 'dismissed',
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
1
|
/** @jsx jsx */
|
|
3
2
|
import { forwardRef, useCallback } from 'react';
|
|
4
3
|
import { css, jsx } from '@emotion/react';
|
|
5
4
|
import { useMergeRefs } from 'use-callback-ref';
|
|
6
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
7
5
|
import { N0 } from '@atlaskit/theme/colors';
|
|
8
6
|
import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
|
|
9
7
|
import usePreventProgrammaticScroll from './hooks/use-prevent-programmatic-scroll';
|
|
@@ -29,10 +27,10 @@ const wrapperStyles = css({
|
|
|
29
27
|
height: '100vh',
|
|
30
28
|
position: 'fixed',
|
|
31
29
|
zIndex: 500,
|
|
32
|
-
top: 0,
|
|
33
|
-
left: 0,
|
|
34
30
|
backgroundColor: `var(--ds-surface-overlay, ${N0})`,
|
|
35
31
|
[CURRENT_SURFACE_CSS_VAR]: `var(--ds-surface-overlay, ${N0})`,
|
|
32
|
+
insetBlockStart: 0,
|
|
33
|
+
insetInlineStart: 0,
|
|
36
34
|
overflow: 'hidden'
|
|
37
35
|
});
|
|
38
36
|
/**
|
|
@@ -63,18 +61,16 @@ const DrawerWrapper = /*#__PURE__*/forwardRef(({
|
|
|
63
61
|
}, [scrollRef]);
|
|
64
62
|
const ref = useMergeRefs([drawerRef, assignSecondChildRef]);
|
|
65
63
|
usePreventProgrammaticScroll();
|
|
66
|
-
|
|
67
|
-
'aria-modal': true,
|
|
68
|
-
role: 'dialog',
|
|
69
|
-
'aria-label': label,
|
|
70
|
-
'aria-labelledby': titleId
|
|
71
|
-
};
|
|
72
|
-
return jsx("div", _extends({
|
|
64
|
+
return jsx("div", {
|
|
73
65
|
css: wrapperStyles,
|
|
74
66
|
style: wrapperWidth[width],
|
|
75
67
|
className: className,
|
|
76
68
|
"data-testid": testId,
|
|
77
|
-
ref: ref
|
|
78
|
-
|
|
69
|
+
ref: ref,
|
|
70
|
+
"aria-modal": true,
|
|
71
|
+
role: "dialog",
|
|
72
|
+
"aria-label": label,
|
|
73
|
+
"aria-labelledby": titleId
|
|
74
|
+
}, children);
|
|
79
75
|
});
|
|
80
76
|
export default DrawerWrapper;
|
package/dist/es2019/constants.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { easeOut } from '@atlaskit/motion/curves';
|
|
2
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
3
2
|
export const transitionDuration = '0.22s';
|
|
4
3
|
export const transitionDurationMs = 220;
|
|
5
4
|
export const transitionTimingFunction = easeOut;
|
|
@@ -8,5 +7,5 @@ export const animationTimingFunction = () => easeOut;
|
|
|
8
7
|
export const defaultFocusLockSettings = {
|
|
9
8
|
isFocusLockEnabled: true,
|
|
10
9
|
shouldReturnFocus: true,
|
|
11
|
-
autoFocusFirstElem:
|
|
10
|
+
autoFocusFirstElem: true
|
|
12
11
|
};
|
|
@@ -18,7 +18,7 @@ import { defaultFocusLockSettings } from '../constants';
|
|
|
18
18
|
import Blanket from './blanket';
|
|
19
19
|
import DrawerPrimitive from './primitives';
|
|
20
20
|
var packageName = "@atlaskit/drawer";
|
|
21
|
-
var packageVersion = "7.6.
|
|
21
|
+
var packageVersion = "7.6.2";
|
|
22
22
|
var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
23
23
|
var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
|
|
24
24
|
return createAndFireEventOnAtlaskit({
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import _extends from "@babel/runtime/helpers/extends";
|
|
2
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
2
|
var _css;
|
|
4
3
|
/** @jsx jsx */
|
|
5
4
|
import { forwardRef, useCallback } from 'react';
|
|
6
5
|
import { css, jsx } from '@emotion/react';
|
|
7
6
|
import { useMergeRefs } from 'use-callback-ref';
|
|
8
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
9
7
|
import { N0 } from '@atlaskit/theme/colors';
|
|
10
8
|
import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
|
|
11
9
|
import usePreventProgrammaticScroll from './hooks/use-prevent-programmatic-scroll';
|
|
@@ -31,10 +29,8 @@ var wrapperStyles = css((_css = {
|
|
|
31
29
|
height: '100vh',
|
|
32
30
|
position: 'fixed',
|
|
33
31
|
zIndex: 500,
|
|
34
|
-
top: 0,
|
|
35
|
-
left: 0,
|
|
36
32
|
backgroundColor: "var(--ds-surface-overlay, ".concat(N0, ")")
|
|
37
|
-
}, _defineProperty(_css, CURRENT_SURFACE_CSS_VAR, "var(--ds-surface-overlay, ".concat(N0, ")")), _defineProperty(_css, "overflow", 'hidden'), _css));
|
|
33
|
+
}, _defineProperty(_css, CURRENT_SURFACE_CSS_VAR, "var(--ds-surface-overlay, ".concat(N0, ")")), _defineProperty(_css, "insetBlockStart", 0), _defineProperty(_css, "insetInlineStart", 0), _defineProperty(_css, "overflow", 'hidden'), _css));
|
|
38
34
|
/**
|
|
39
35
|
* A wrapper that controls the styling of the drawer with a few hacks with refs to get our Touch±Scroll locks working.
|
|
40
36
|
*/
|
|
@@ -63,18 +59,16 @@ var DrawerWrapper = /*#__PURE__*/forwardRef(function (_ref, scrollRef) {
|
|
|
63
59
|
}, [scrollRef]);
|
|
64
60
|
var ref = useMergeRefs([drawerRef, assignSecondChildRef]);
|
|
65
61
|
usePreventProgrammaticScroll();
|
|
66
|
-
|
|
67
|
-
'aria-modal': true,
|
|
68
|
-
role: 'dialog',
|
|
69
|
-
'aria-label': label,
|
|
70
|
-
'aria-labelledby': titleId
|
|
71
|
-
};
|
|
72
|
-
return jsx("div", _extends({
|
|
62
|
+
return jsx("div", {
|
|
73
63
|
css: wrapperStyles,
|
|
74
64
|
style: wrapperWidth[width],
|
|
75
65
|
className: className,
|
|
76
66
|
"data-testid": testId,
|
|
77
|
-
ref: ref
|
|
78
|
-
|
|
67
|
+
ref: ref,
|
|
68
|
+
"aria-modal": true,
|
|
69
|
+
role: "dialog",
|
|
70
|
+
"aria-label": label,
|
|
71
|
+
"aria-labelledby": titleId
|
|
72
|
+
}, children);
|
|
79
73
|
});
|
|
80
74
|
export default DrawerWrapper;
|
|
@@ -76,9 +76,9 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
|
|
|
76
76
|
var drawerRef = useRef(null);
|
|
77
77
|
var onFinish = useCallback(function (state) {
|
|
78
78
|
if (state === 'entering') {
|
|
79
|
-
onOpenComplete === null || onOpenComplete === void 0
|
|
79
|
+
onOpenComplete === null || onOpenComplete === void 0 || onOpenComplete(drawerRef.current);
|
|
80
80
|
} else if (state === 'exiting') {
|
|
81
|
-
onCloseComplete === null || onCloseComplete === void 0
|
|
81
|
+
onCloseComplete === null || onCloseComplete === void 0 || onCloseComplete(drawerRef.current);
|
|
82
82
|
}
|
|
83
83
|
}, [onCloseComplete, onOpenComplete]);
|
|
84
84
|
return jsx(ExitingPersistence, {
|
package/dist/esm/constants.js
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { easeOut } from '@atlaskit/motion/curves';
|
|
2
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
3
2
|
export var transitionDuration = '0.22s';
|
|
4
3
|
export var transitionDurationMs = 220;
|
|
5
4
|
export var transitionTimingFunction = easeOut;
|
|
@@ -10,5 +9,5 @@ export var animationTimingFunction = function animationTimingFunction() {
|
|
|
10
9
|
export var defaultFocusLockSettings = {
|
|
11
10
|
isFocusLockEnabled: true,
|
|
12
11
|
shouldReturnFocus: true,
|
|
13
|
-
autoFocusFirstElem:
|
|
12
|
+
autoFocusFirstElem: true
|
|
14
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/drawer",
|
|
3
|
-
"version": "7.6.
|
|
3
|
+
"version": "7.6.2",
|
|
4
4
|
"description": "A drawer is a panel that slides in from the left side of the screen.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -36,16 +36,15 @@
|
|
|
36
36
|
"@atlaskit/analytics-next": "^9.1.0",
|
|
37
37
|
"@atlaskit/blanket": "^12.4.0",
|
|
38
38
|
"@atlaskit/icon": "^21.12.0",
|
|
39
|
-
"@atlaskit/motion": "^1.
|
|
40
|
-
"@atlaskit/platform-feature-flags": "^0.2.0",
|
|
39
|
+
"@atlaskit/motion": "^1.5.0",
|
|
41
40
|
"@atlaskit/portal": "^4.3.0",
|
|
42
41
|
"@atlaskit/theme": "^12.6.0",
|
|
43
|
-
"@atlaskit/tokens": "^1.
|
|
42
|
+
"@atlaskit/tokens": "^1.25.0",
|
|
44
43
|
"@babel/runtime": "^7.0.0",
|
|
45
44
|
"@emotion/react": "^11.7.1",
|
|
46
45
|
"bind-event-listener": "^2.1.1",
|
|
47
46
|
"exenv": "^1.2.2",
|
|
48
|
-
"react-focus-lock": "^2.5
|
|
47
|
+
"react-focus-lock": "^2.9.5",
|
|
49
48
|
"react-scrolllock": "^5.0.1",
|
|
50
49
|
"tiny-invariant": "^1.2.0",
|
|
51
50
|
"use-callback-ref": "^1.2.3"
|
|
@@ -62,7 +61,6 @@
|
|
|
62
61
|
"@atlaskit/visual-regression": "*",
|
|
63
62
|
"@atlaskit/webdriver-runner": "*",
|
|
64
63
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
65
|
-
"@atlassian/feature-flags-test-utils": "*",
|
|
66
64
|
"@testing-library/react": "^12.1.5",
|
|
67
65
|
"@testing-library/user-event": "^14.4.3",
|
|
68
66
|
"lodash": "^4.17.21",
|
|
@@ -93,10 +91,5 @@
|
|
|
93
91
|
]
|
|
94
92
|
}
|
|
95
93
|
},
|
|
96
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
97
|
-
"platform-feature-flags": {
|
|
98
|
-
"platform.design-system-team.drawer-screen-reader-focus-trap-refactor_hfuxc": {
|
|
99
|
-
"type": "boolean"
|
|
100
|
-
}
|
|
101
|
-
}
|
|
94
|
+
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
102
95
|
}
|