@atlaskit/panel 0.9.10 → 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 +139 -55
- package/afm-jira/tsconfig.json +33 -0
- package/dist/cjs/components/Panel/PanelStateless.js +3 -1
- package/dist/cjs/components/Panel/styledPanel.js +14 -5
- 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 +58 -60
- package/report.api.md +9 -8
package/CHANGELOG.md
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
# @atlaskit/panel
|
|
2
2
|
|
|
3
|
+
## 0.9.11
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
3
9
|
## 0.9.10
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
|
6
12
|
|
|
7
|
-
- [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
|
|
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`
|
|
8
16
|
|
|
9
17
|
## 0.9.9
|
|
10
18
|
|
|
@@ -22,50 +30,66 @@
|
|
|
22
30
|
|
|
23
31
|
### Patch Changes
|
|
24
32
|
|
|
25
|
-
- [#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
|
|
26
36
|
|
|
27
37
|
## 0.9.6
|
|
28
38
|
|
|
29
39
|
### Patch Changes
|
|
30
40
|
|
|
31
|
-
- [#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
|
|
32
44
|
|
|
33
45
|
## 0.9.5
|
|
34
46
|
|
|
35
47
|
### Patch Changes
|
|
36
48
|
|
|
37
|
-
- [#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.
|
|
38
52
|
|
|
39
53
|
## 0.9.4
|
|
40
54
|
|
|
41
55
|
### Patch Changes
|
|
42
56
|
|
|
43
|
-
- [#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.
|
|
44
60
|
|
|
45
61
|
## 0.9.3
|
|
46
62
|
|
|
47
63
|
### Patch Changes
|
|
48
64
|
|
|
49
|
-
- [#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
|
|
50
68
|
- Updated dependencies
|
|
51
69
|
|
|
52
70
|
## 0.9.2
|
|
53
71
|
|
|
54
72
|
### Patch Changes
|
|
55
73
|
|
|
56
|
-
- [#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
|
|
57
77
|
|
|
58
78
|
## 0.9.1
|
|
59
79
|
|
|
60
80
|
### Patch Changes
|
|
61
81
|
|
|
62
|
-
- [#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`
|
|
63
85
|
|
|
64
86
|
## 0.9.0
|
|
65
87
|
|
|
66
88
|
### Minor Changes
|
|
67
89
|
|
|
68
|
-
- [#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
|
|
69
93
|
|
|
70
94
|
### Patch Changes
|
|
71
95
|
|
|
@@ -75,37 +99,50 @@
|
|
|
75
99
|
|
|
76
100
|
### Patch Changes
|
|
77
101
|
|
|
78
|
-
- [#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.
|
|
79
105
|
|
|
80
106
|
## 0.8.0
|
|
81
107
|
|
|
82
108
|
### Minor Changes
|
|
83
109
|
|
|
84
|
-
- [#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.
|
|
85
113
|
|
|
86
114
|
## 0.6.0
|
|
87
115
|
|
|
88
116
|
### Minor Changes
|
|
89
117
|
|
|
90
|
-
- [#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.
|
|
91
122
|
|
|
92
123
|
## 0.4.10
|
|
93
124
|
|
|
94
125
|
### Patch Changes
|
|
95
126
|
|
|
96
|
-
- [#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`
|
|
97
130
|
|
|
98
131
|
## 0.4.9
|
|
99
132
|
|
|
100
133
|
### Patch Changes
|
|
101
134
|
|
|
102
|
-
- [#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`.
|
|
103
138
|
|
|
104
139
|
## 0.4.8
|
|
105
140
|
|
|
106
141
|
### Patch Changes
|
|
107
142
|
|
|
108
|
-
- [#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
|
|
109
146
|
- Updated dependencies
|
|
110
147
|
|
|
111
148
|
## 0.4.7
|
|
@@ -124,15 +161,20 @@
|
|
|
124
161
|
|
|
125
162
|
### Patch Changes
|
|
126
163
|
|
|
127
|
-
- [#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
|
|
128
167
|
|
|
129
168
|
## 0.4.4
|
|
130
169
|
|
|
131
170
|
### Patch Changes
|
|
132
171
|
|
|
133
|
-
- [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
|
|
134
|
-
|
|
135
|
-
|
|
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.
|
|
136
178
|
|
|
137
179
|
## 0.4.3
|
|
138
180
|
|
|
@@ -150,17 +192,22 @@
|
|
|
150
192
|
|
|
151
193
|
### Patch Changes
|
|
152
194
|
|
|
153
|
-
- [#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
|
|
154
198
|
|
|
155
|
-
Since tslib is a dependency for all our packages we recommend that products also follow this tslib
|
|
156
|
-
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.
|
|
157
201
|
|
|
158
202
|
## 0.4.0
|
|
159
203
|
|
|
160
204
|
### Minor Changes
|
|
161
205
|
|
|
162
|
-
- [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335)
|
|
163
|
-
|
|
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
|
|
164
211
|
|
|
165
212
|
### Patch Changes
|
|
166
213
|
|
|
@@ -172,11 +219,15 @@
|
|
|
172
219
|
|
|
173
220
|
- [patch][1532773dab](https://bitbucket.org/atlassian/atlassian-frontend/commits/1532773dab):
|
|
174
221
|
|
|
175
|
-
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):
|
|
176
224
|
|
|
177
|
-
- Updated dependencies
|
|
178
|
-
|
|
179
|
-
- 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):
|
|
180
231
|
- @atlaskit/docs@8.5.1
|
|
181
232
|
- @atlaskit/theme@9.5.3
|
|
182
233
|
- @atlaskit/button@13.3.10
|
|
@@ -195,7 +246,8 @@
|
|
|
195
246
|
|
|
196
247
|
- [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
|
|
197
248
|
|
|
198
|
-
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):
|
|
199
251
|
|
|
200
252
|
- @atlaskit/docs@8.3.2
|
|
201
253
|
- @atlaskit/button@13.3.7
|
|
@@ -207,7 +259,8 @@
|
|
|
207
259
|
|
|
208
260
|
### Patch Changes
|
|
209
261
|
|
|
210
|
-
- Updated dependencies
|
|
262
|
+
- Updated dependencies
|
|
263
|
+
[c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
|
|
211
264
|
- @atlaskit/icon@20.0.0
|
|
212
265
|
- @atlaskit/docs@8.3.1
|
|
213
266
|
- @atlaskit/button@13.3.6
|
|
@@ -219,10 +272,14 @@
|
|
|
219
272
|
|
|
220
273
|
- [patch][4a223473c5](https://bitbucket.org/atlassian/atlassian-frontend/commits/4a223473c5):
|
|
221
274
|
|
|
222
|
-
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):
|
|
223
278
|
|
|
224
|
-
- Updated dependencies
|
|
225
|
-
|
|
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):
|
|
226
283
|
- @atlaskit/icon@19.1.0
|
|
227
284
|
- @atlaskit/theme@9.5.0
|
|
228
285
|
- @atlaskit/button@13.3.5
|
|
@@ -258,36 +315,42 @@
|
|
|
258
315
|
|
|
259
316
|
- [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
|
|
260
317
|
|
|
261
|
-
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
|
|
262
320
|
|
|
263
321
|
## 0.2.3
|
|
264
322
|
|
|
265
|
-
- Updated dependencies
|
|
323
|
+
- Updated dependencies
|
|
324
|
+
[06326ef3f7](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/06326ef3f7):
|
|
266
325
|
- @atlaskit/docs@8.1.3
|
|
267
326
|
- @atlaskit/button@13.0.9
|
|
268
327
|
- @atlaskit/icon@19.0.0
|
|
269
328
|
|
|
270
329
|
## 0.2.2
|
|
271
330
|
|
|
272
|
-
- Updated dependencies
|
|
331
|
+
- Updated dependencies
|
|
332
|
+
[cfc3c8adb3](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/cfc3c8adb3):
|
|
273
333
|
- @atlaskit/docs@8.1.2
|
|
274
334
|
- @atlaskit/button@13.0.8
|
|
275
335
|
- @atlaskit/icon@18.0.0
|
|
276
336
|
|
|
277
337
|
## 0.2.1
|
|
278
338
|
|
|
279
|
-
- Updated dependencies
|
|
339
|
+
- Updated dependencies
|
|
340
|
+
[3af5a7e685](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/3af5a7e685):
|
|
280
341
|
- @atlaskit/page@11.0.0
|
|
281
342
|
|
|
282
343
|
## 0.2.0
|
|
283
344
|
|
|
284
345
|
- [minor][7c17b35107](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/7c17b35107):
|
|
285
346
|
|
|
286
|
-
- 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.
|
|
287
349
|
|
|
288
350
|
## 0.1.3
|
|
289
351
|
|
|
290
|
-
- Updated dependencies
|
|
352
|
+
- Updated dependencies
|
|
353
|
+
[9c0b4744be](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9c0b4744be):
|
|
291
354
|
- @atlaskit/docs@7.0.3
|
|
292
355
|
- @atlaskit/button@12.0.3
|
|
293
356
|
- @atlaskit/icon@16.0.9
|
|
@@ -295,7 +358,8 @@
|
|
|
295
358
|
|
|
296
359
|
## 0.1.2
|
|
297
360
|
|
|
298
|
-
- Updated dependencies
|
|
361
|
+
- Updated dependencies
|
|
362
|
+
[1e826b2966](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/1e826b2966):
|
|
299
363
|
- @atlaskit/docs@7.0.2
|
|
300
364
|
- @atlaskit/icon@16.0.8
|
|
301
365
|
- @atlaskit/page@9.0.3
|
|
@@ -304,7 +368,8 @@
|
|
|
304
368
|
|
|
305
369
|
## 0.1.1
|
|
306
370
|
|
|
307
|
-
- Updated dependencies
|
|
371
|
+
- Updated dependencies
|
|
372
|
+
[9d5cc39394](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/9d5cc39394):
|
|
308
373
|
- @atlaskit/docs@7.0.1
|
|
309
374
|
- @atlaskit/icon@16.0.5
|
|
310
375
|
- @atlaskit/page@9.0.1
|
|
@@ -319,8 +384,9 @@
|
|
|
319
384
|
|
|
320
385
|
### Dropping CJS support in all @atlaskit packages
|
|
321
386
|
|
|
322
|
-
As a breaking change, all @atlaskit packages will be dropping cjs distributions and will only
|
|
323
|
-
|
|
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.
|
|
324
390
|
|
|
325
391
|
The major reason for doing this is to allow us to support multiple entry points in packages, e.g:
|
|
326
392
|
|
|
@@ -334,24 +400,37 @@
|
|
|
334
400
|
import colors from `@atlaskit/theme/dist/esm/colors`;
|
|
335
401
|
```
|
|
336
402
|
|
|
337
|
-
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.
|
|
338
408
|
|
|
339
|
-
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.
|
|
340
412
|
|
|
341
|
-
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.
|
|
342
415
|
|
|
343
|
-
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.
|
|
344
419
|
|
|
345
|
-
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.
|
|
346
423
|
|
|
347
424
|
## 0.0.13
|
|
348
425
|
|
|
349
|
-
- Updated dependencies
|
|
426
|
+
- Updated dependencies
|
|
427
|
+
[0de1251ad1](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/0de1251ad1):
|
|
350
428
|
- @atlaskit/size-detector@6.0.0
|
|
351
429
|
|
|
352
430
|
## 0.0.12
|
|
353
431
|
|
|
354
|
-
- Updated dependencies
|
|
432
|
+
- Updated dependencies
|
|
433
|
+
[d7ef59d432](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/d7ef59d432):
|
|
355
434
|
- @atlaskit/docs@6.0.1
|
|
356
435
|
- @atlaskit/button@10.1.2
|
|
357
436
|
- @atlaskit/icon@16.0.0
|
|
@@ -398,20 +477,25 @@
|
|
|
398
477
|
|
|
399
478
|
## 0.0.6
|
|
400
479
|
|
|
401
|
-
- [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)
|
|
402
482
|
|
|
403
483
|
## 0.0.5
|
|
404
484
|
|
|
405
|
-
- [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)
|
|
406
487
|
|
|
407
488
|
## 0.0.4
|
|
408
489
|
|
|
409
|
-
- [patch] Add vertical spacing styles
|
|
490
|
+
- [patch] Add vertical spacing styles
|
|
491
|
+
[03fd7f9](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/03fd7f9)
|
|
410
492
|
|
|
411
493
|
## 0.0.3
|
|
412
494
|
|
|
413
|
-
- [patch] Update README title and description
|
|
495
|
+
- [patch] Update README title and description
|
|
496
|
+
[43b712e](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/43b712e)
|
|
414
497
|
|
|
415
498
|
## 0.0.2
|
|
416
499
|
|
|
417
|
-
- [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
|
+
}
|
|
@@ -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
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); }
|
|
16
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; }
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
|
|
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;
|
|
@@ -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"
|
|
61
|
-
}
|
|
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
|
+
}
|
|
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
|
|