@atlaskit/panel 0.9.9 → 0.9.11
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 +144 -54
- package/afm-jira/tsconfig.json +33 -0
- package/dist/cjs/components/Panel/Panel.js +2 -2
- package/dist/cjs/components/Panel/PanelStateless.js +5 -3
- package/dist/cjs/components/Panel/styledPanel.js +16 -7
- package/dist/cjs/index.js +2 -2
- package/dist/es2019/components/Panel/PanelStateless.js +3 -1
- package/dist/es2019/components/Panel/styledPanel.js +47 -38
- package/dist/esm/components/Panel/PanelStateless.js +3 -1
- package/dist/esm/components/Panel/styledPanel.js +13 -4
- package/dist/types/components/Panel/Panel.d.ts +2 -2
- package/dist/types/components/Panel/PanelStateless.d.ts +1 -1
- package/dist/types-ts4.5/components/Panel/Panel.d.ts +2 -2
- package/dist/types-ts4.5/components/Panel/PanelStateless.d.ts +1 -1
- package/docs/0-intro.tsx +21 -27
- package/package.json +57 -59
- package/report.api.md +9 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/panel
|
|
2
2
|
|
|
3
|
+
## 0.9.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 0.9.10
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
14
|
+
[`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
|
|
15
|
+
Upgrade Typescript from `4.9.5` to `5.4.2`
|
|
16
|
+
|
|
3
17
|
## 0.9.9
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
@@ -16,50 +30,66 @@
|
|
|
16
30
|
|
|
17
31
|
### Patch Changes
|
|
18
32
|
|
|
19
|
-
- [#40824](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40824)
|
|
33
|
+
- [#40824](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40824)
|
|
34
|
+
[`a24df8d818b`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a24df8d818b) - update
|
|
35
|
+
atlaskit/panel to have defined entry points
|
|
20
36
|
|
|
21
37
|
## 0.9.6
|
|
22
38
|
|
|
23
39
|
### Patch Changes
|
|
24
40
|
|
|
25
|
-
- [#40697](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40697)
|
|
41
|
+
- [#40697](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40697)
|
|
42
|
+
[`4be6824d801`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4be6824d801) - added
|
|
43
|
+
prop type to PanelHeader
|
|
26
44
|
|
|
27
45
|
## 0.9.5
|
|
28
46
|
|
|
29
47
|
### Patch Changes
|
|
30
48
|
|
|
31
|
-
- [#40177](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40177)
|
|
49
|
+
- [#40177](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/40177)
|
|
50
|
+
[`42f281b48b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/42f281b48b8) - Update
|
|
51
|
+
hover state style to support dark theme.
|
|
32
52
|
|
|
33
53
|
## 0.9.4
|
|
34
54
|
|
|
35
55
|
### Patch Changes
|
|
36
56
|
|
|
37
|
-
- [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787)
|
|
57
|
+
- [#39787](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/39787)
|
|
58
|
+
[`6900f89eb0e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6900f89eb0e) - Internal
|
|
59
|
+
changes to use space tokens. There is no expected visual or behaviour change.
|
|
38
60
|
|
|
39
61
|
## 0.9.3
|
|
40
62
|
|
|
41
63
|
### Patch Changes
|
|
42
64
|
|
|
43
|
-
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
|
|
65
|
+
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
|
|
66
|
+
[`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete
|
|
67
|
+
version.json
|
|
44
68
|
- Updated dependencies
|
|
45
69
|
|
|
46
70
|
## 0.9.2
|
|
47
71
|
|
|
48
72
|
### Patch Changes
|
|
49
73
|
|
|
50
|
-
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
|
|
74
|
+
- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
|
|
75
|
+
[`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
|
|
76
|
+
legacy types are published for TS 4.5-4.8
|
|
51
77
|
|
|
52
78
|
## 0.9.1
|
|
53
79
|
|
|
54
80
|
### Patch Changes
|
|
55
81
|
|
|
56
|
-
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
|
|
82
|
+
- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
|
|
83
|
+
[`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
|
|
84
|
+
Typescript from `4.5.5` to `4.9.5`
|
|
57
85
|
|
|
58
86
|
## 0.9.0
|
|
59
87
|
|
|
60
88
|
### Minor Changes
|
|
61
89
|
|
|
62
|
-
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
|
|
90
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
|
|
91
|
+
[`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
|
|
92
|
+
minor dependency bump
|
|
63
93
|
|
|
64
94
|
### Patch Changes
|
|
65
95
|
|
|
@@ -69,37 +99,50 @@
|
|
|
69
99
|
|
|
70
100
|
### Patch Changes
|
|
71
101
|
|
|
72
|
-
- [#31563](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31563)
|
|
102
|
+
- [#31563](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31563)
|
|
103
|
+
[`8e64ed34245`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8e64ed34245) - Migrated
|
|
104
|
+
use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
|
|
73
105
|
|
|
74
106
|
## 0.8.0
|
|
75
107
|
|
|
76
108
|
### Minor Changes
|
|
77
109
|
|
|
78
|
-
- [#27368](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27368)
|
|
110
|
+
- [#27368](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/27368)
|
|
111
|
+
[`9faed843194`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9faed843194) - Add i18n
|
|
112
|
+
to panel.
|
|
79
113
|
|
|
80
114
|
## 0.6.0
|
|
81
115
|
|
|
82
116
|
### Minor Changes
|
|
83
117
|
|
|
84
|
-
- [#26347](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26347)
|
|
118
|
+
- [#26347](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26347)
|
|
119
|
+
[`303da7ab728`](https://bitbucket.org/atlassian/atlassian-frontend/commits/303da7ab728) - Update
|
|
120
|
+
class components for the bitbucket panel to be functional components and internationalize the
|
|
121
|
+
labels for A11Y.
|
|
85
122
|
|
|
86
123
|
## 0.4.10
|
|
87
124
|
|
|
88
125
|
### Patch Changes
|
|
89
126
|
|
|
90
|
-
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
|
|
127
|
+
- [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
|
|
128
|
+
[`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade
|
|
129
|
+
Typescript from `4.3.5` to `4.5.5`
|
|
91
130
|
|
|
92
131
|
## 0.4.9
|
|
93
132
|
|
|
94
133
|
### Patch Changes
|
|
95
134
|
|
|
96
|
-
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
|
|
135
|
+
- [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
|
|
136
|
+
[`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade
|
|
137
|
+
Typescript from `4.2.4` to `4.3.5`.
|
|
97
138
|
|
|
98
139
|
## 0.4.8
|
|
99
140
|
|
|
100
141
|
### Patch Changes
|
|
101
142
|
|
|
102
|
-
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
|
|
143
|
+
- [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
|
|
144
|
+
[`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade
|
|
145
|
+
to TypeScript 4.2.4
|
|
103
146
|
- Updated dependencies
|
|
104
147
|
|
|
105
148
|
## 0.4.7
|
|
@@ -118,15 +161,20 @@
|
|
|
118
161
|
|
|
119
162
|
### Patch Changes
|
|
120
163
|
|
|
121
|
-
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
|
|
164
|
+
- [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
|
|
165
|
+
[`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile
|
|
166
|
+
packages using babel rather than tsc
|
|
122
167
|
|
|
123
168
|
## 0.4.4
|
|
124
169
|
|
|
125
170
|
### Patch Changes
|
|
126
171
|
|
|
127
|
-
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
|
|
128
|
-
|
|
129
|
-
|
|
172
|
+
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
|
|
173
|
+
[`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
|
|
174
|
+
types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
|
|
175
|
+
compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript
|
|
176
|
+
versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
|
|
177
|
+
`devDependencies` to denote version that the package was built with.
|
|
130
178
|
|
|
131
179
|
## 0.4.3
|
|
132
180
|
|
|
@@ -144,17 +192,22 @@
|
|
|
144
192
|
|
|
145
193
|
### Patch Changes
|
|
146
194
|
|
|
147
|
-
- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885)
|
|
195
|
+
- [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885)
|
|
196
|
+
[`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded
|
|
197
|
+
to TypeScript 3.9.6 and tslib to 2.0.0
|
|
148
198
|
|
|
149
|
-
Since tslib is a dependency for all our packages we recommend that products also follow this tslib
|
|
150
|
-
to prevent duplicates of tslib being bundled.
|
|
199
|
+
Since tslib is a dependency for all our packages we recommend that products also follow this tslib
|
|
200
|
+
upgrade to prevent duplicates of tslib being bundled.
|
|
151
201
|
|
|
152
202
|
## 0.4.0
|
|
153
203
|
|
|
154
204
|
### Minor Changes
|
|
155
205
|
|
|
156
|
-
- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335)
|
|
157
|
-
|
|
206
|
+
- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335)
|
|
207
|
+
[`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially
|
|
208
|
+
dropping IE11 support, from this version onwards there are no warranties of the package working in
|
|
209
|
+
IE11. For more information see:
|
|
210
|
+
https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
158
211
|
|
|
159
212
|
### Patch Changes
|
|
160
213
|
|
|
@@ -166,11 +219,15 @@
|
|
|
166
219
|
|
|
167
220
|
- [patch][1532773dab](https://bitbucket.org/atlassian/atlassian-frontend/commits/1532773dab):
|
|
168
221
|
|
|
169
|
-
Remove 'export \*' for improved tree shaking- Updated dependencies
|
|
222
|
+
Remove 'export \*' for improved tree shaking- Updated dependencies
|
|
223
|
+
[168b5f90e5](https://bitbucket.org/atlassian/atlassian-frontend/commits/168b5f90e5):
|
|
170
224
|
|
|
171
|
-
- Updated dependencies
|
|
172
|
-
|
|
173
|
-
- Updated dependencies
|
|
225
|
+
- Updated dependencies
|
|
226
|
+
[0c270847cb](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c270847cb):
|
|
227
|
+
- Updated dependencies
|
|
228
|
+
[109004a98e](https://bitbucket.org/atlassian/atlassian-frontend/commits/109004a98e):
|
|
229
|
+
- Updated dependencies
|
|
230
|
+
[b9903e773a](https://bitbucket.org/atlassian/atlassian-frontend/commits/b9903e773a):
|
|
174
231
|
- @atlaskit/docs@8.5.1
|
|
175
232
|
- @atlaskit/theme@9.5.3
|
|
176
233
|
- @atlaskit/button@13.3.10
|
|
@@ -189,7 +246,8 @@
|
|
|
189
246
|
|
|
190
247
|
- [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
|
|
191
248
|
|
|
192
|
-
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
|
|
249
|
+
Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
|
|
250
|
+
[6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
|
|
193
251
|
|
|
194
252
|
- @atlaskit/docs@8.3.2
|
|
195
253
|
- @atlaskit/button@13.3.7
|
|
@@ -201,7 +259,8 @@
|
|
|
201
259
|
|
|
202
260
|
### Patch Changes
|
|
203
261
|
|
|
204
|
-
- Updated dependencies
|
|
262
|
+
- Updated dependencies
|
|
263
|
+
[c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
|
|
205
264
|
- @atlaskit/icon@20.0.0
|
|
206
265
|
- @atlaskit/docs@8.3.1
|
|
207
266
|
- @atlaskit/button@13.3.6
|
|
@@ -213,10 +272,14 @@
|
|
|
213
272
|
|
|
214
273
|
- [patch][4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
|
|
215
274
|
|
|
216
|
-
Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result-
|
|
275
|
+
Removes babel/runtime from dependencies. Users should see a smaller bundlesize as a result-
|
|
276
|
+
Updated dependencies
|
|
277
|
+
[28f8f0e089](https://bitbucket.org/atlassian/atlassian-frontend/commits/28f8f0e089):
|
|
217
278
|
|
|
218
|
-
- Updated dependencies
|
|
219
|
-
|
|
279
|
+
- Updated dependencies
|
|
280
|
+
[82747f2922](https://bitbucket.org/atlassian/atlassian-frontend/commits/82747f2922):
|
|
281
|
+
- Updated dependencies
|
|
282
|
+
[4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
|
|
220
283
|
- @atlaskit/icon@19.1.0
|
|
221
284
|
- @atlaskit/theme@9.5.0
|
|
222
285
|
- @atlaskit/button@13.3.5
|
|
@@ -252,36 +315,42 @@
|
|
|
252
315
|
|
|
253
316
|
- [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
|
|
254
317
|
|
|
255
|
-
Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving
|
|
318
|
+
Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving
|
|
319
|
+
non-relative imports as relative imports
|
|
256
320
|
|
|
257
321
|
## 0.2.3
|
|
258
322
|
|
|
259
|
-
- Updated dependencies
|
|
323
|
+
- Updated dependencies
|
|
324
|
+
[06326ef3f7](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06326ef3f7):
|
|
260
325
|
- @atlaskit/docs@8.1.3
|
|
261
326
|
- @atlaskit/button@13.0.9
|
|
262
327
|
- @atlaskit/icon@19.0.0
|
|
263
328
|
|
|
264
329
|
## 0.2.2
|
|
265
330
|
|
|
266
|
-
- Updated dependencies
|
|
331
|
+
- Updated dependencies
|
|
332
|
+
[cfc3c8adb3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cfc3c8adb3):
|
|
267
333
|
- @atlaskit/docs@8.1.2
|
|
268
334
|
- @atlaskit/button@13.0.8
|
|
269
335
|
- @atlaskit/icon@18.0.0
|
|
270
336
|
|
|
271
337
|
## 0.2.1
|
|
272
338
|
|
|
273
|
-
- Updated dependencies
|
|
339
|
+
- Updated dependencies
|
|
340
|
+
[3af5a7e685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3af5a7e685):
|
|
274
341
|
- @atlaskit/page@11.0.0
|
|
275
342
|
|
|
276
343
|
## 0.2.0
|
|
277
344
|
|
|
278
345
|
- [minor][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
|
|
279
346
|
|
|
280
|
-
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
|
|
347
|
+
- Updates react and react-dom peer dependencies to react@^16.8.0 and react-dom@^16.8.0. To use
|
|
348
|
+
this package, please ensure you use at least this version of react and react-dom.
|
|
281
349
|
|
|
282
350
|
## 0.1.3
|
|
283
351
|
|
|
284
|
-
- Updated dependencies
|
|
352
|
+
- Updated dependencies
|
|
353
|
+
[9c0b4744be](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c0b4744be):
|
|
285
354
|
- @atlaskit/docs@7.0.3
|
|
286
355
|
- @atlaskit/button@12.0.3
|
|
287
356
|
- @atlaskit/icon@16.0.9
|
|
@@ -289,7 +358,8 @@
|
|
|
289
358
|
|
|
290
359
|
## 0.1.2
|
|
291
360
|
|
|
292
|
-
- Updated dependencies
|
|
361
|
+
- Updated dependencies
|
|
362
|
+
[1e826b2966](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e826b2966):
|
|
293
363
|
- @atlaskit/docs@7.0.2
|
|
294
364
|
- @atlaskit/icon@16.0.8
|
|
295
365
|
- @atlaskit/page@9.0.3
|
|
@@ -298,7 +368,8 @@
|
|
|
298
368
|
|
|
299
369
|
## 0.1.1
|
|
300
370
|
|
|
301
|
-
- Updated dependencies
|
|
371
|
+
- Updated dependencies
|
|
372
|
+
[9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
|
|
302
373
|
- @atlaskit/docs@7.0.1
|
|
303
374
|
- @atlaskit/icon@16.0.5
|
|
304
375
|
- @atlaskit/page@9.0.1
|
|
@@ -313,8 +384,9 @@
|
|
|
313
384
|
|
|
314
385
|
### Dropping CJS support in all @atlaskit packages
|
|
315
386
|
|
|
316
|
-
As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only
|
|
317
|
-
|
|
387
|
+
As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only
|
|
388
|
+
distribute esm. This means all distributed code will be transpiled, but will still contain
|
|
389
|
+
`import` and `export` declarations.
|
|
318
390
|
|
|
319
391
|
The major reason for doing this is to allow us to support multiple entry points in packages, e.g:
|
|
320
392
|
|
|
@@ -328,24 +400,37 @@
|
|
|
328
400
|
import colors from `@atlaskit/theme/dist/esm/colors`;
|
|
329
401
|
```
|
|
330
402
|
|
|
331
|
-
This has a couple of issues. 1, it treats the file system as API making internal refactors harder,
|
|
403
|
+
This has a couple of issues. 1, it treats the file system as API making internal refactors harder,
|
|
404
|
+
we have to worry about how consumers might be using things that aren't _actually_ supposed to be
|
|
405
|
+
used. 2. We are unable to do this _internally_ in @atlaskit packages. This leads to lots of
|
|
406
|
+
packages bundling all of theme, just to use a single color, especially in situations where tree
|
|
407
|
+
shaking fails.
|
|
332
408
|
|
|
333
|
-
To support being able to use multiple entrypoints internally, we unfortunately cannot have
|
|
409
|
+
To support being able to use multiple entrypoints internally, we unfortunately cannot have
|
|
410
|
+
multiple distributions as they would need to have very different imports from of their own
|
|
411
|
+
internal dependencies.
|
|
334
412
|
|
|
335
|
-
ES Modules are widely supported by all modern bundlers and can be worked around in node
|
|
413
|
+
ES Modules are widely supported by all modern bundlers and can be worked around in node
|
|
414
|
+
environments.
|
|
336
415
|
|
|
337
|
-
We may choose to revisit this solution in the future if we find any unintended condequences, but
|
|
416
|
+
We may choose to revisit this solution in the future if we find any unintended condequences, but
|
|
417
|
+
we see this as a pretty sane path forward which should lead to some major bundle size decreases,
|
|
418
|
+
saner API's and simpler package architecture.
|
|
338
419
|
|
|
339
|
-
Please reach out to #fabric-build (if in Atlassian) or create an issue in
|
|
420
|
+
Please reach out to #fabric-build (if in Atlassian) or create an issue in
|
|
421
|
+
[Design System Support](https://ecosystem.atlassian.net/secure/CreateIssue.jspa?pid=24670) (for
|
|
422
|
+
external) if you have any questions or queries about this.
|
|
340
423
|
|
|
341
424
|
## 0.0.13
|
|
342
425
|
|
|
343
|
-
- Updated dependencies
|
|
426
|
+
- Updated dependencies
|
|
427
|
+
[0de1251ad1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0de1251ad1):
|
|
344
428
|
- @atlaskit/size-detector@6.0.0
|
|
345
429
|
|
|
346
430
|
## 0.0.12
|
|
347
431
|
|
|
348
|
-
- Updated dependencies
|
|
432
|
+
- Updated dependencies
|
|
433
|
+
[d7ef59d432](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d7ef59d432):
|
|
349
434
|
- @atlaskit/docs@6.0.1
|
|
350
435
|
- @atlaskit/button@10.1.2
|
|
351
436
|
- @atlaskit/icon@16.0.0
|
|
@@ -392,20 +477,25 @@
|
|
|
392
477
|
|
|
393
478
|
## 0.0.6
|
|
394
479
|
|
|
395
|
-
- [patch] Fix button-toggle vertical positioning in IE 11
|
|
480
|
+
- [patch] Fix button-toggle vertical positioning in IE 11
|
|
481
|
+
[92932e6](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/92932e6)
|
|
396
482
|
|
|
397
483
|
## 0.0.5
|
|
398
484
|
|
|
399
|
-
- [patch] Adds missing implicit @babel/runtime dependency
|
|
485
|
+
- [patch] Adds missing implicit @babel/runtime dependency
|
|
486
|
+
[b71751b](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/b71751b)
|
|
400
487
|
|
|
401
488
|
## 0.0.4
|
|
402
489
|
|
|
403
|
-
- [patch] Add vertical spacing styles
|
|
490
|
+
- [patch] Add vertical spacing styles
|
|
491
|
+
[03fd7f9](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/03fd7f9)
|
|
404
492
|
|
|
405
493
|
## 0.0.3
|
|
406
494
|
|
|
407
|
-
- [patch] Update README title and description
|
|
495
|
+
- [patch] Update README title and description
|
|
496
|
+
[43b712e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/43b712e)
|
|
408
497
|
|
|
409
498
|
## 0.0.2
|
|
410
499
|
|
|
411
|
-
- [patch] Fix version for icon
|
|
500
|
+
- [patch] Fix version for icon
|
|
501
|
+
[0fd4b44](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0fd4b44)
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
{
|
|
2
|
+
"extends": "../../../../tsconfig.entry-points.jira.json",
|
|
3
|
+
"compilerOptions": {
|
|
4
|
+
"declaration": true,
|
|
5
|
+
"target": "es5",
|
|
6
|
+
"outDir": "../../../../../tsDist/@atlaskit__panel/app",
|
|
7
|
+
"composite": true,
|
|
8
|
+
"rootDir": "../"
|
|
9
|
+
},
|
|
10
|
+
"include": [
|
|
11
|
+
"../src/**/*.ts",
|
|
12
|
+
"../src/**/*.tsx"
|
|
13
|
+
],
|
|
14
|
+
"exclude": [
|
|
15
|
+
"../src/**/__tests__/*",
|
|
16
|
+
"../src/**/*.test.*",
|
|
17
|
+
"../src/**/test.*"
|
|
18
|
+
],
|
|
19
|
+
"references": [
|
|
20
|
+
{
|
|
21
|
+
"path": "../../../design-system/button/afm-jira/tsconfig.json"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"path": "../../../design-system/icon/afm-jira/tsconfig.json"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"path": "../../../design-system/theme/afm-jira/tsconfig.json"
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
"path": "../../../design-system/tokens/afm-jira/tsconfig.json"
|
|
31
|
+
}
|
|
32
|
+
]
|
|
33
|
+
}
|
|
@@ -9,8 +9,8 @@ exports.default = void 0;
|
|
|
9
9
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
var _PanelStateless = _interopRequireDefault(require("./PanelStateless"));
|
|
12
|
-
function _getRequireWildcardCache(
|
|
13
|
-
function _interopRequireWildcard(
|
|
12
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
var PanelState = function PanelState(_ref) {
|
|
15
15
|
var _ref$isDefaultExpande = _ref.isDefaultExpanded,
|
|
16
16
|
isDefaultExpanded = _ref$isDefaultExpande === void 0 ? false : _ref$isDefaultExpande,
|
|
@@ -13,8 +13,8 @@ var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom
|
|
|
13
13
|
var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-down"));
|
|
14
14
|
var _chevronRight = _interopRequireDefault(require("@atlaskit/icon/glyph/chevron-right"));
|
|
15
15
|
var styles = _interopRequireWildcard(require("./styledPanel"));
|
|
16
|
-
function _getRequireWildcardCache(
|
|
17
|
-
function _interopRequireWildcard(
|
|
16
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
17
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
18
18
|
var i18n = (0, _reactIntlNext.defineMessages)({
|
|
19
19
|
collapse: {
|
|
20
20
|
id: 'bitbucket.panel-collapse.message',
|
|
@@ -54,7 +54,9 @@ var PanelStateless = function PanelStateless(_ref) {
|
|
|
54
54
|
})), /*#__PURE__*/_react.default.createElement("span", null, header)), /*#__PURE__*/_react.default.createElement(_reactAnimateHeight.default, {
|
|
55
55
|
duration: 200,
|
|
56
56
|
easing: "linear",
|
|
57
|
-
height: isExpanded ? 'auto' : 0
|
|
57
|
+
height: isExpanded ? 'auto' : 0
|
|
58
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
59
|
+
,
|
|
58
60
|
className: "panel-content"
|
|
59
61
|
}, children));
|
|
60
62
|
};
|
|
@@ -10,17 +10,26 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
10
10
|
var _reactFocusWithin = require("react-focus-within");
|
|
11
11
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
12
12
|
var _theme = require("@atlaskit/theme");
|
|
13
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4; //
|
|
13
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4; // TODO: should use @emotion
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
15
|
+
// AFP-2532 TODO: Fix automatic suppressions below
|
|
14
16
|
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
|
|
15
|
-
function _getRequireWildcardCache(
|
|
16
|
-
function _interopRequireWildcard(
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
|
|
20
|
+
var transition = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\ttransition: all 200ms ease-in-out;\n"])));
|
|
21
|
+
|
|
22
|
+
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
23
|
+
var PanelWrapper = exports.PanelWrapper = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n\tmargin: 0 auto ", ";\n"])), "var(--ds-space-200, 16px)");
|
|
24
|
+
|
|
25
|
+
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
26
|
+
var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n\tleft: 0;\n\tline-height: 0;\n\topacity: ", ";\n\tposition: absolute;\n\t", ";\n\n\t/* IE 11 needs these vertical positioning rules - the flexbox\n behavior for absolute-positioned children is not up to spec.\n https://googlechrome.github.io/samples/css-flexbox-abspos/ */\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\n\tbutton {\n\t\tpointer-events: none;\n\t}\n"])), function (_ref) {
|
|
20
27
|
var isHidden = _ref.isHidden;
|
|
21
28
|
return isHidden ? 0 : 1;
|
|
22
29
|
}, transition);
|
|
23
|
-
|
|
30
|
+
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
32
|
+
var PanelHeader = exports.PanelHeader = (0, _reactFocusWithin.withFocusWithin)(_styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n\talign-items: center;\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\tdisplay: flex;\n\tleft: ", ";\n\tmargin-bottom: ", ";\n\tmargin-top: ", ";\n\tpadding: ", " ", " ", "\n\t\t", ";\n\tposition: relative;\n\t", ";\n\twidth: 100%;\n\n\t", " {\n\t\topacity: ", ";\n\t}\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcursor: pointer;\n\n\t\t", " {\n\t\t\topacity: 1;\n\t\t}\n\t}\n"])), function (props) {
|
|
24
33
|
return props.isFocused && "var(--ds-surface-hovered, ".concat(_theme.colors.N20, ")");
|
|
25
34
|
}, "var(--ds-border-radius-100, 3px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-300, 24px)", transition, ButtonWrapper, function (props) {
|
|
26
35
|
return props.isFocused && 1;
|
package/dist/cjs/index.js
CHANGED
|
@@ -17,5 +17,5 @@ Object.defineProperty(exports, "default", {
|
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
19
|
var _Panel = _interopRequireWildcard(require("./components/Panel"));
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
20
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
21
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
@@ -42,7 +42,9 @@ const PanelStateless = ({
|
|
|
42
42
|
})), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
|
|
43
43
|
duration: 200,
|
|
44
44
|
easing: "linear",
|
|
45
|
-
height: isExpanded ? 'auto' : 0
|
|
45
|
+
height: isExpanded ? 'auto' : 0
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
47
|
+
,
|
|
46
48
|
className: "panel-content"
|
|
47
49
|
}, children));
|
|
48
50
|
};
|
|
@@ -1,58 +1,67 @@
|
|
|
1
1
|
import { withFocusWithin } from 'react-focus-within';
|
|
2
|
+
// TODO: should use @emotion
|
|
3
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
4
|
import styled, { css } from 'styled-components';
|
|
3
5
|
|
|
4
6
|
// AFP-2532 TODO: Fix automatic suppressions below
|
|
5
7
|
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
|
|
6
8
|
import { colors } from '@atlaskit/theme';
|
|
9
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
|
|
7
10
|
const transition = css`
|
|
8
|
-
|
|
11
|
+
transition: all 200ms ease-in-out;
|
|
9
12
|
`;
|
|
13
|
+
|
|
14
|
+
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
10
15
|
export const PanelWrapper = styled.div`
|
|
11
|
-
|
|
16
|
+
margin: 0 auto ${"var(--ds-space-200, 16px)"};
|
|
12
17
|
`;
|
|
18
|
+
|
|
19
|
+
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
13
20
|
export const ButtonWrapper = styled.div`
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
21
|
+
left: 0;
|
|
22
|
+
line-height: 0;
|
|
23
|
+
opacity: ${({
|
|
17
24
|
isHidden
|
|
18
25
|
}) => isHidden ? 0 : 1};
|
|
19
|
-
|
|
20
|
-
|
|
26
|
+
position: absolute;
|
|
27
|
+
${transition};
|
|
21
28
|
|
|
22
|
-
|
|
29
|
+
/* IE 11 needs these vertical positioning rules - the flexbox
|
|
23
30
|
behavior for absolute-positioned children is not up to spec.
|
|
24
31
|
https://googlechrome.github.io/samples/css-flexbox-abspos/ */
|
|
25
|
-
|
|
26
|
-
|
|
32
|
+
top: 50%;
|
|
33
|
+
transform: translateY(-50%);
|
|
27
34
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
35
|
+
button {
|
|
36
|
+
pointer-events: none;
|
|
37
|
+
}
|
|
31
38
|
`;
|
|
39
|
+
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
32
41
|
export const PanelHeader = withFocusWithin(styled.div`
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
42
|
+
align-items: center;
|
|
43
|
+
background-color: ${props => props.isFocused && `var(--ds-surface-hovered, ${colors.N20})`};
|
|
44
|
+
border-radius: ${"var(--ds-border-radius-100, 3px)"};
|
|
45
|
+
display: flex;
|
|
46
|
+
left: ${"var(--ds-space-negative-300, -24px)"};
|
|
47
|
+
margin-bottom: ${"var(--ds-space-100, 8px)"};
|
|
48
|
+
margin-top: ${"var(--ds-space-200, 16px)"};
|
|
49
|
+
padding: ${"var(--ds-space-025, 2px)"} ${"var(--ds-space-0, 0px)"} ${"var(--ds-space-025, 2px)"}
|
|
50
|
+
${"var(--ds-space-300, 24px)"};
|
|
51
|
+
position: relative;
|
|
52
|
+
${transition};
|
|
53
|
+
width: 100%;
|
|
54
|
+
|
|
55
|
+
${ButtonWrapper} {
|
|
56
|
+
opacity: ${props => props.isFocused && 1};
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
&:hover {
|
|
60
|
+
background-color: ${`var(--ds-surface-hovered, ${colors.N20})`};
|
|
61
|
+
cursor: pointer;
|
|
62
|
+
|
|
63
|
+
${ButtonWrapper} {
|
|
64
|
+
opacity: 1;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
58
67
|
`);
|
|
@@ -44,7 +44,9 @@ var PanelStateless = function PanelStateless(_ref) {
|
|
|
44
44
|
})), /*#__PURE__*/React.createElement("span", null, header)), /*#__PURE__*/React.createElement(AnimateHeight, {
|
|
45
45
|
duration: 200,
|
|
46
46
|
easing: "linear",
|
|
47
|
-
height: isExpanded ? 'auto' : 0
|
|
47
|
+
height: isExpanded ? 'auto' : 0
|
|
48
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
49
|
+
,
|
|
48
50
|
className: "panel-content"
|
|
49
51
|
}, children));
|
|
50
52
|
};
|
|
@@ -1,18 +1,27 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
2
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
3
3
|
import { withFocusWithin } from 'react-focus-within';
|
|
4
|
+
// TODO: should use @emotion
|
|
5
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
6
|
import styled, { css } from 'styled-components';
|
|
5
7
|
|
|
6
8
|
// AFP-2532 TODO: Fix automatic suppressions below
|
|
7
9
|
// eslint-disable-next-line @atlassian/tangerine/import/entry-points
|
|
8
10
|
import { colors } from '@atlaskit/theme';
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
|
|
12
|
+
var transition = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\ttransition: all 200ms ease-in-out;\n"])));
|
|
13
|
+
|
|
14
|
+
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
15
|
+
export var PanelWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n\tmargin: 0 auto ", ";\n"])), "var(--ds-space-200, 16px)");
|
|
16
|
+
|
|
17
|
+
// eslint-disable-next-line @atlaskit/design-system/no-styled-tagged-template-expression, @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
18
|
+
export var ButtonWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n\tleft: 0;\n\tline-height: 0;\n\topacity: ", ";\n\tposition: absolute;\n\t", ";\n\n\t/* IE 11 needs these vertical positioning rules - the flexbox\n behavior for absolute-positioned children is not up to spec.\n https://googlechrome.github.io/samples/css-flexbox-abspos/ */\n\ttop: 50%;\n\ttransform: translateY(-50%);\n\n\tbutton {\n\t\tpointer-events: none;\n\t}\n"])), function (_ref) {
|
|
12
19
|
var isHidden = _ref.isHidden;
|
|
13
20
|
return isHidden ? 0 : 1;
|
|
14
21
|
}, transition);
|
|
15
|
-
|
|
22
|
+
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
|
|
24
|
+
export var PanelHeader = withFocusWithin(styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n\talign-items: center;\n\tbackground-color: ", ";\n\tborder-radius: ", ";\n\tdisplay: flex;\n\tleft: ", ";\n\tmargin-bottom: ", ";\n\tmargin-top: ", ";\n\tpadding: ", " ", " ", "\n\t\t", ";\n\tposition: relative;\n\t", ";\n\twidth: 100%;\n\n\t", " {\n\t\topacity: ", ";\n\t}\n\n\t&:hover {\n\t\tbackground-color: ", ";\n\t\tcursor: pointer;\n\n\t\t", " {\n\t\t\topacity: 1;\n\t\t}\n\t}\n"])), function (props) {
|
|
16
25
|
return props.isFocused && "var(--ds-surface-hovered, ".concat(colors.N20, ")");
|
|
17
26
|
}, "var(--ds-border-radius-100, 3px)", "var(--ds-space-negative-300, -24px)", "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-025, 2px)", "var(--ds-space-0, 0px)", "var(--ds-space-025, 2px)", "var(--ds-space-300, 24px)", transition, ButtonWrapper, function (props) {
|
|
18
27
|
return props.isFocused && 1;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { BasePanelProps } from './PanelStateless';
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type BasePanelProps } from './PanelStateless';
|
|
3
3
|
type Props = BasePanelProps & {
|
|
4
4
|
/** Defines whether the panel is expanded by default. */
|
|
5
5
|
isDefaultExpanded?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { BasePanelProps } from './PanelStateless';
|
|
1
|
+
import { type FC } from 'react';
|
|
2
|
+
import { type BasePanelProps } from './PanelStateless';
|
|
3
3
|
type Props = BasePanelProps & {
|
|
4
4
|
/** Defines whether the panel is expanded by default. */
|
|
5
5
|
isDefaultExpanded?: boolean;
|
package/docs/0-intro.tsx
CHANGED
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
AtlassianInternalWarning,
|
|
5
|
-
code,
|
|
6
|
-
Example,
|
|
7
|
-
md,
|
|
8
|
-
Props,
|
|
9
|
-
} from '@atlaskit/docs';
|
|
3
|
+
import { AtlassianInternalWarning, code, Example, md, Props } from '@atlaskit/docs';
|
|
10
4
|
|
|
11
5
|
export default md`
|
|
12
6
|
${(<AtlassianInternalWarning />)}
|
|
@@ -23,39 +17,39 @@ Panels are collapsed by default.
|
|
|
23
17
|
The default export is a component that you can set default state for.
|
|
24
18
|
|
|
25
19
|
${(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
20
|
+
<Example
|
|
21
|
+
packageName="@atlaskit/panel"
|
|
22
|
+
Component={require('../examples/01-collapsed').default}
|
|
23
|
+
title="Basic"
|
|
24
|
+
source={require('!!raw-loader!../examples/01-collapsed')}
|
|
25
|
+
/>
|
|
32
26
|
)}
|
|
33
27
|
|
|
34
28
|
We also provide a stateless version of the component which allows you
|
|
35
29
|
the ability to control whether the panel is expanded or collapsed programatically
|
|
36
30
|
|
|
37
31
|
${(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
32
|
+
<Example
|
|
33
|
+
packageName="@atlaskit/panel"
|
|
34
|
+
Component={require('../examples/05-stateless').default}
|
|
35
|
+
title="Stateless"
|
|
36
|
+
source={require('!!raw-loader!../examples/05-stateless')}
|
|
37
|
+
/>
|
|
44
38
|
)}
|
|
45
39
|
|
|
46
40
|
Panels are not a fixed height and will expand to the height of the content inside.
|
|
47
41
|
|
|
48
42
|
${(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
43
|
+
<Props
|
|
44
|
+
heading="Panel Default Props"
|
|
45
|
+
props={require('!!extract-react-types-loader!../src/components/Panel/Panel')}
|
|
46
|
+
/>
|
|
53
47
|
)}
|
|
54
48
|
|
|
55
49
|
${(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
50
|
+
<Props
|
|
51
|
+
heading="Panel Stateless Props"
|
|
52
|
+
props={require('!!extract-react-types-loader!../src/components/Panel/PanelStateless')}
|
|
53
|
+
/>
|
|
60
54
|
)}
|
|
61
55
|
`;
|
package/package.json
CHANGED
|
@@ -1,61 +1,59 @@
|
|
|
1
1
|
{
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
},
|
|
60
|
-
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
2
|
+
"name": "@atlaskit/panel",
|
|
3
|
+
"version": "0.9.11",
|
|
4
|
+
"description": "A React component rendering a collapsible panel",
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"registry": "https://registry.npmjs.org/"
|
|
7
|
+
},
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
|
+
"author": "Atlassian Pty Ltd",
|
|
10
|
+
"license": "Apache-2.0",
|
|
11
|
+
"main": "dist/cjs/index.js",
|
|
12
|
+
"module": "dist/esm/index.js",
|
|
13
|
+
"module:es2019": "dist/es2019/index.js",
|
|
14
|
+
"types": "dist/types/index.d.ts",
|
|
15
|
+
"typesVersions": {
|
|
16
|
+
">=4.5 <4.9": {
|
|
17
|
+
"*": [
|
|
18
|
+
"dist/types-ts4.5/*",
|
|
19
|
+
"dist/types-ts4.5/index.d.ts"
|
|
20
|
+
]
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"af:exports": {
|
|
24
|
+
".": "./src/index.ts"
|
|
25
|
+
},
|
|
26
|
+
"atlaskit:src": "src/index.ts",
|
|
27
|
+
"atlassian": {
|
|
28
|
+
"team": "Bitbucket: CoreX",
|
|
29
|
+
"releaseModel": "continuous",
|
|
30
|
+
"website": {
|
|
31
|
+
"name": "Panel"
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"dependencies": {
|
|
35
|
+
"@atlaskit/button": "^18.0.0",
|
|
36
|
+
"@atlaskit/icon": "^22.4.0",
|
|
37
|
+
"@atlaskit/theme": "^12.11.0",
|
|
38
|
+
"@atlaskit/tokens": "^1.52.0",
|
|
39
|
+
"@babel/runtime": "^7.0.0",
|
|
40
|
+
"react-animate-height": "^2.0.5",
|
|
41
|
+
"react-focus-within": "^2.0.1",
|
|
42
|
+
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
43
|
+
},
|
|
44
|
+
"peerDependencies": {
|
|
45
|
+
"react": "^16.8.0",
|
|
46
|
+
"styled-components": "^3.2.6"
|
|
47
|
+
},
|
|
48
|
+
"devDependencies": {
|
|
49
|
+
"@testing-library/react": "^12.1.5",
|
|
50
|
+
"@testing-library/user-event": "^14.4.3",
|
|
51
|
+
"enzyme": "^3.10.0",
|
|
52
|
+
"typescript": "~5.4.2"
|
|
53
|
+
},
|
|
54
|
+
"techstack": {
|
|
55
|
+
"@atlassian/frontend": {
|
|
56
|
+
"import-structure": "atlassian-conventions"
|
|
57
|
+
}
|
|
58
|
+
}
|
|
61
59
|
}
|
package/report.api.md
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
## API Report File for "@atlaskit/panel"
|
|
4
4
|
|
|
5
|
-
> Do not edit this file. This report is auto-generated using
|
|
5
|
+
> Do not edit this file. This report is auto-generated using
|
|
6
|
+
> [API Extractor](https://api-extractor.com/).
|
|
6
7
|
> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
|
|
7
8
|
|
|
8
9
|
### Table of contents
|
|
@@ -20,8 +21,8 @@ import { ReactNode } from 'react';
|
|
|
20
21
|
|
|
21
22
|
// @public (undocumented)
|
|
22
23
|
type BasePanelProps = {
|
|
23
|
-
|
|
24
|
-
|
|
24
|
+
children?: ReactNode;
|
|
25
|
+
header?: ReactNode;
|
|
25
26
|
};
|
|
26
27
|
|
|
27
28
|
// @public (undocumented)
|
|
@@ -30,8 +31,8 @@ export default PanelState;
|
|
|
30
31
|
|
|
31
32
|
// @public (undocumented)
|
|
32
33
|
type PanelState_2 = BasePanelProps & {
|
|
33
|
-
|
|
34
|
-
|
|
34
|
+
isExpanded: boolean;
|
|
35
|
+
onChange: (isExpanded: boolean) => void;
|
|
35
36
|
};
|
|
36
37
|
|
|
37
38
|
// @public (undocumented)
|
|
@@ -39,7 +40,7 @@ export const PanelStateless: FC<PanelState_2>;
|
|
|
39
40
|
|
|
40
41
|
// @public (undocumented)
|
|
41
42
|
type Props = BasePanelProps & {
|
|
42
|
-
|
|
43
|
+
isDefaultExpanded?: boolean;
|
|
43
44
|
};
|
|
44
45
|
|
|
45
46
|
// (No @packageDocumentation comment for this package)
|
|
@@ -53,8 +54,8 @@ type Props = BasePanelProps & {
|
|
|
53
54
|
|
|
54
55
|
```json
|
|
55
56
|
{
|
|
56
|
-
|
|
57
|
-
|
|
57
|
+
"react": "^16.8.0",
|
|
58
|
+
"styled-components": "^3.2.6"
|
|
58
59
|
}
|
|
59
60
|
```
|
|
60
61
|
|