@atlaskit/right-side-panel 1.2.9 → 1.2.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.
Files changed (17) hide show
  1. package/CHANGELOG.md +141 -59
  2. package/afm-jira/tsconfig.json +27 -0
  3. package/afm-post-office/tsconfig.json +27 -0
  4. package/dist/cjs/components/RightSidePanel/index.js +1 -14
  5. package/dist/cjs/components/RightSidePanel/styled.js +30 -5
  6. package/dist/cjs/components/styled.js +18 -5
  7. package/dist/es2019/components/RightSidePanel/index.js +2 -13
  8. package/dist/es2019/components/RightSidePanel/styled.js +30 -18
  9. package/dist/es2019/components/styled.js +18 -10
  10. package/dist/esm/components/RightSidePanel/index.js +0 -13
  11. package/dist/esm/components/RightSidePanel/styled.js +30 -5
  12. package/dist/esm/components/styled.js +18 -5
  13. package/dist/types/components/RightSidePanel/index.d.ts +2 -13
  14. package/dist/types-ts4.5/components/RightSidePanel/index.d.ts +2 -13
  15. package/docs/0-intro.tsx +22 -25
  16. package/package.json +74 -76
  17. package/report.api.md +54 -53
package/CHANGELOG.md CHANGED
@@ -1,66 +1,102 @@
1
1
  # @atlaskit/right-side-panel
2
2
 
3
+ ## 1.2.11
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 1.2.10
10
+
11
+ ### Patch Changes
12
+
13
+ - [#114683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114683)
14
+ [`ff0815316ab38`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff0815316ab38) -
15
+ Removes usage of custom theme button in places where its API is not being used and the default
16
+ button is able to be used instead. This should give a slight performance (runtime) improvement.
17
+
3
18
  ## 1.2.9
4
19
 
5
20
  ### Patch Changes
6
21
 
7
- - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116) [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) - Upgrade Typescript from `4.9.5` to `5.4.2`
22
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
23
+ [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
24
+ Upgrade Typescript from `4.9.5` to `5.4.2`
8
25
 
9
26
  ## 1.2.8
10
27
 
11
28
  ### Patch Changes
12
29
 
13
- - [#80509](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80509) [`fcf7481f594f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fcf7481f594f) - Upgrade dependency of `@emotion/styled` to version 11
30
+ - [#80509](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80509)
31
+ [`fcf7481f594f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fcf7481f594f) -
32
+ Upgrade dependency of `@emotion/styled` to version 11
14
33
 
15
34
  ## 1.2.7
16
35
 
17
36
  ### Patch Changes
18
37
 
19
- - [#72083](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72083) [`4f8e79eb0b7a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4f8e79eb0b7a) - Enrolling @atlaskit/right-side-panel to push model in JFE.
38
+ - [#72083](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72083)
39
+ [`4f8e79eb0b7a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4f8e79eb0b7a) -
40
+ Enrolling @atlaskit/right-side-panel to push model in JFE.
20
41
 
21
42
  ## 1.2.6
22
43
 
23
44
  ### Patch Changes
24
45
 
25
- - [#67949](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67949) [`4ceb213f9313`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4ceb213f9313) - Migrate packages to use declarative entry points
46
+ - [#67949](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67949)
47
+ [`4ceb213f9313`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4ceb213f9313) -
48
+ Migrate packages to use declarative entry points
26
49
  - Updated dependencies
27
50
 
28
51
  ## 1.2.5
29
52
 
30
53
  ### Patch Changes
31
54
 
32
- - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
55
+ - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
56
+ [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete
57
+ version.json
33
58
  - Updated dependencies
34
59
 
35
60
  ## 1.2.4
36
61
 
37
62
  ### Patch Changes
38
63
 
39
- - [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443) [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing unused dependencies and dev dependencies
64
+ - [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443)
65
+ [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing
66
+ unused dependencies and dev dependencies
40
67
 
41
68
  ## 1.2.3
42
69
 
43
70
  ### Patch Changes
44
71
 
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
72
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
73
+ [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
74
+ legacy types are published for TS 4.5-4.8
46
75
 
47
76
  ## 1.2.2
48
77
 
49
78
  ### Patch Changes
50
79
 
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`
80
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
81
+ [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
82
+ Typescript from `4.5.5` to `4.9.5`
52
83
 
53
84
  ## 1.2.1
54
85
 
55
86
  ### Patch Changes
56
87
 
57
- - [#33218](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33218) [`7e051bad115`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e051bad115) - Internal change to enforce token usage for spacing properties. There is no expected visual or behaviour change.
88
+ - [#33218](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33218)
89
+ [`7e051bad115`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e051bad115) - Internal
90
+ change to enforce token usage for spacing properties. There is no expected visual or behaviour
91
+ change.
58
92
 
59
93
  ## 1.2.0
60
94
 
61
95
  ### Minor Changes
62
96
 
63
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
97
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
98
+ [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
99
+ minor dependency bump
64
100
 
65
101
  ### Patch Changes
66
102
 
@@ -70,7 +106,9 @@
70
106
 
71
107
  ### Patch Changes
72
108
 
73
- - [#31643](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31643) [`ad5cbfa5a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad5cbfa5a71) - Migrated use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
109
+ - [#31643](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31643)
110
+ [`ad5cbfa5a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad5cbfa5a71) - Migrated
111
+ use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
74
112
 
75
113
  ## 1.1.13
76
114
 
@@ -82,7 +120,10 @@
82
120
 
83
121
  ### Patch Changes
84
122
 
85
- - [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324) [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds for this package now pass through a tokens babel plugin, removing runtime invocations of the tokens() function and improving performance.
123
+ - [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324)
124
+ [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds
125
+ for this package now pass through a tokens babel plugin, removing runtime invocations of the
126
+ tokens() function and improving performance.
86
127
 
87
128
  ## 1.1.11
88
129
 
@@ -106,19 +147,25 @@
106
147
 
107
148
  ### Patch Changes
108
149
 
109
- - [#26424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26424) [`0c19f354255`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c19f354255) - Consolidate In Product Help & Self-Help Experiences ownership
150
+ - [#26424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26424)
151
+ [`0c19f354255`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c19f354255) -
152
+ Consolidate In Product Help & Self-Help Experiences ownership
110
153
 
111
154
  ## 1.1.7
112
155
 
113
156
  ### Patch Changes
114
157
 
115
- - [#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`
158
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
159
+ [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade
160
+ Typescript from `4.3.5` to `4.5.5`
116
161
 
117
162
  ## 1.1.6
118
163
 
119
164
  ### Patch Changes
120
165
 
121
- - [#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`.
166
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
167
+ [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade
168
+ Typescript from `4.2.4` to `4.3.5`.
122
169
 
123
170
  ## 1.1.5
124
171
 
@@ -130,7 +177,9 @@
130
177
 
131
178
  ### Patch Changes
132
179
 
133
- - [#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
180
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
181
+ [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade
182
+ to TypeScript 4.2.4
134
183
 
135
184
  ## 1.1.3
136
185
 
@@ -154,23 +203,33 @@
154
203
 
155
204
  ### Minor Changes
156
205
 
157
- - [#19074](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19074) [`aa70f95a3de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa70f95a3de) - [ux] Added new theming package, `@atlaskit/tokens`.
206
+ - [#19074](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19074)
207
+ [`aa70f95a3de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa70f95a3de) - [ux]
208
+ Added new theming package, `@atlaskit/tokens`.
158
209
 
159
- New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
210
+ New tokens will be visible only in applications configured to use the new Tokens API (currently in
211
+ alpha).
160
212
 
161
- These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
213
+ These changes are intended to be interoperable with the legacy theme implementation. Legacy dark
214
+ mode users should expect no visual or breaking changes.
162
215
 
163
216
  ## 1.0.0
164
217
 
165
218
  ### Major Changes
166
219
 
167
- - [#14810](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14810) [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) - ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including breaking API changes, types and tests in atlassian-frontend packages
220
+ - [#14810](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14810)
221
+ [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) -
222
+ ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including
223
+ breaking API changes, types and tests in atlassian-frontend packages
168
224
 
169
- What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with actual installed react-intl APIs.
170
- Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
171
- How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
225
+ What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages
226
+ now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with
227
+ actual installed react-intl APIs. Why change was made: As part of a coordinated upgrade effort
228
+ across AF packages, as react-intl v2 is quite dated. How consumer should update their code: Ensure
229
+ react-intl ^5.18.1 is installed in consuming applications.
172
230
 
173
- Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
231
+ Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider
232
+ for the new version, using an npm alias
174
233
 
175
234
  ```js
176
235
  "react-intl": "^2.6.0",
@@ -182,23 +241,23 @@
182
241
  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
183
242
 
184
243
  return (
185
- <IntlProvider
186
- key={locale}
187
- data-test-language={locale}
188
- locale={locale}
189
- defaultLocale={DEFAULT_LOCALE}
190
- messages={messages}
191
- >
192
- <IntlNextProvider
193
- key={locale}
194
- data-test-language={locale}
195
- locale={locale}
196
- defaultLocale={DEFAULT_LOCALE}
197
- messages={messages}
198
- >
199
- {children}
200
- </IntlNextProvider>
201
- </IntlProvider>
244
+ <IntlProvider
245
+ key={locale}
246
+ data-test-language={locale}
247
+ locale={locale}
248
+ defaultLocale={DEFAULT_LOCALE}
249
+ messages={messages}
250
+ >
251
+ <IntlNextProvider
252
+ key={locale}
253
+ data-test-language={locale}
254
+ locale={locale}
255
+ defaultLocale={DEFAULT_LOCALE}
256
+ messages={messages}
257
+ >
258
+ {children}
259
+ </IntlNextProvider>
260
+ </IntlProvider>
202
261
  );
203
262
  ```
204
263
 
@@ -212,21 +271,28 @@
212
271
 
213
272
  ### Patch Changes
214
273
 
215
- - [#13328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13328) [`df9dc928897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9dc928897) - Update the team information in the packages maintained by the In Product Help team
274
+ - [#13328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13328)
275
+ [`df9dc928897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9dc928897) - Update
276
+ the team information in the packages maintained by the In Product Help team
216
277
 
217
278
  ## 0.4.4
218
279
 
219
280
  ### Patch Changes
220
281
 
221
- - [#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
282
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
283
+ [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile
284
+ packages using babel rather than tsc
222
285
 
223
286
  ## 0.4.3
224
287
 
225
288
  ### Patch Changes
226
289
 
227
- - [#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.
228
- This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
229
- Also add `typescript` to `devDependencies` to denote version that the package was built with.
290
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
291
+ [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
292
+ types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
293
+ compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript
294
+ versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
295
+ `devDependencies` to denote version that the package was built with.
230
296
 
231
297
  ## 0.4.2
232
298
 
@@ -238,17 +304,22 @@
238
304
 
239
305
  ### Patch Changes
240
306
 
241
- - [#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
307
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885)
308
+ [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded
309
+ to TypeScript 3.9.6 and tslib to 2.0.0
242
310
 
243
- Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
244
- to prevent duplicates of tslib being bundled.
311
+ Since tslib is a dependency for all our packages we recommend that products also follow this tslib
312
+ upgrade to prevent duplicates of tslib being bundled.
245
313
 
246
314
  ## 0.4.0
247
315
 
248
316
  ### Minor Changes
249
317
 
250
- - [#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.
251
- For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
318
+ - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335)
319
+ [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially
320
+ dropping IE11 support, from this version onwards there are no warranties of the package working in
321
+ IE11. For more information see:
322
+ https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
252
323
 
253
324
  ### Patch Changes
254
325
 
@@ -258,19 +329,25 @@
258
329
 
259
330
  ### Patch Changes
260
331
 
261
- - [#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
332
+ - [#2677](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2677)
333
+ [`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade
334
+ react-transition-group to latest
262
335
 
263
336
  ## 0.3.5
264
337
 
265
338
  ### Patch Changes
266
339
 
267
- - [#2430](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2430) [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all packages that are used by confluence that have a broken es2019 dist
340
+ - [#2430](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2430)
341
+ [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all
342
+ packages that are used by confluence that have a broken es2019 dist
268
343
 
269
344
  ## 0.3.4
270
345
 
271
346
  ### Patch Changes
272
347
 
273
- - [#2099](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2099) [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add missing tslib dependency
348
+ - [#2099](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2099)
349
+ [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add
350
+ missing tslib dependency
274
351
 
275
352
  ## 0.3.3
276
353
 
@@ -286,7 +363,8 @@
286
363
 
287
364
  - [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
288
365
 
289
- Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
366
+ Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
367
+ [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
290
368
 
291
369
  - @atlaskit/docs@8.3.2
292
370
  - @atlaskit/button@13.3.7
@@ -299,7 +377,8 @@
299
377
 
300
378
  ### Patch Changes
301
379
 
302
- - Updated dependencies [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
380
+ - Updated dependencies
381
+ [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
303
382
  - @atlaskit/navigation@36.0.0
304
383
  - @atlaskit/section-message@4.1.4
305
384
  - @atlaskit/docs@8.3.1
@@ -312,7 +391,8 @@
312
391
 
313
392
  - [minor][49c89962de](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/49c89962de):
314
393
 
315
- right-side-panel:\* added props skipAnimationOnMount, mountOnEnter, unmountOnExit, disableEnterAnimation, disableExitAnimation
394
+ right-side-panel:\* added props skipAnimationOnMount, mountOnEnter, unmountOnExit,
395
+ disableEnterAnimation, disableExitAnimation
316
396
 
317
397
  ## 0.2.2
318
398
 
@@ -336,7 +416,8 @@
336
416
 
337
417
  - [minor][617591dd61](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/617591dd61):
338
418
 
339
- Added props onOpenAnimationFinished and onCloseAnimationFinished to execute function once the open/close animation finished
419
+ Added props onOpenAnimationFinished and onCloseAnimationFinished to execute function once the
420
+ open/close animation finished
340
421
 
341
422
  ## 0.1.8
342
423
 
@@ -344,7 +425,8 @@
344
425
 
345
426
  - [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
346
427
 
347
- Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports
428
+ Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving
429
+ non-relative imports as relative imports
348
430
 
349
431
  ## 0.1.7
350
432
 
package/afm-jira/tsconfig.json ADDED
@@ -0,0 +1,27 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.jira.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__right-side-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/theme/afm-jira/tsconfig.json"
22
+ },
23
+ {
24
+ "path": "../../../design-system/tokens/afm-jira/tsconfig.json"
25
+ }
26
+ ]
27
+ }
package/afm-post-office/tsconfig.json ADDED
@@ -0,0 +1,27 @@
1
+ {
2
+ "extends": "../../../../tsconfig.entry-points.post-office.json",
3
+ "compilerOptions": {
4
+ "declaration": true,
5
+ "target": "es5",
6
+ "outDir": "../../../../../tsDist/@atlaskit__right-side-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/theme/afm-post-office/tsconfig.json"
22
+ },
23
+ {
24
+ "path": "../../../design-system/tokens/afm-post-office/tsconfig.json"
25
+ }
26
+ ]
27
+ }
package/dist/cjs/components/RightSidePanel/index.js CHANGED
@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = exports.UNMOUNTED = exports.TransitionStatus = exports.RightSidePanel = exports.EXITING = exports.EXITED = exports.ENTERING = exports.ENTERED = void 0;
8
+ exports.default = exports.RightSidePanel = void 0;
9
9
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
10
10
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
11
11
  var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
@@ -25,19 +25,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
25
25
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
26
26
  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); }; }
27
27
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
28
- var UNMOUNTED = exports.UNMOUNTED = 'unmounted';
29
- var EXITED = exports.EXITED = 'exited';
30
- var ENTERING = exports.ENTERING = 'entering';
31
- var ENTERED = exports.ENTERED = 'entered';
32
- var EXITING = exports.EXITING = 'exiting';
33
- var TransitionStatus = exports.TransitionStatus = /*#__PURE__*/function (TransitionStatus) {
34
- TransitionStatus["UNMOUNTED"] = "unmounted";
35
- TransitionStatus["EXITED"] = "exited";
36
- TransitionStatus["ENTERING"] = "entering";
37
- TransitionStatus["ENTERED"] = "entered";
38
- TransitionStatus["EXITING"] = "exiting";
39
- return TransitionStatus;
40
- }({});
41
28
  var defaultStyle = {
42
29
  transition: "width ".concat(_constants.transitionDurationMs, "ms,\n flex ").concat(_constants.transitionDurationMs, "ms"),
43
30
  width: "0",
package/dist/cjs/components/RightSidePanel/styled.js CHANGED
@@ -6,13 +6,38 @@ Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
8
  exports.RightSidePanelDrawerContent = exports.RightSidePanelDrawer = void 0;
9
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
10
9
  var _styled = _interopRequireDefault(require("@emotion/styled"));
11
10
  var colors = _interopRequireWildcard(require("@atlaskit/theme/colors"));
12
11
  var _constants = require("./constants");
13
- var _templateObject, _templateObject2;
14
- /** @jsx jsx */
15
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); }
16
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; }
17
- var RightSidePanelDrawer = exports.RightSidePanelDrawer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: ", "px;\n flex: 0 0 ", "px;\n position: relative;\n overflow: hidden;\n"])), _constants.panelWidth, _constants.panelWidth);
18
- var RightSidePanelDrawerContent = exports.RightSidePanelDrawerContent = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n background-color: ", ";\n box-sizing: border-box;\n flex: 1;\n border-left: 3px solid ", ";\n overflow: hidden;\n flex-direction: column;\n width: ", "px;\n height: 100%;\n position: fixed;\n"])), "var(--ds-surface-overlay, white)", "var(--ds-border, ".concat(colors.N30, ")"), _constants.panelWidth);
14
+ /**
15
+ * @jsxRuntime classic
16
+ * @jsx jsx
17
+ */
18
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
19
+
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
21
+ var RightSidePanelDrawer = exports.RightSidePanelDrawer = _styled.default.div({
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
23
+ width: "".concat(_constants.panelWidth, "px"),
24
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
25
+ flex: "0 0 ".concat(_constants.panelWidth, "px"),
26
+ position: 'relative',
27
+ overflow: 'hidden'
28
+ });
29
+
30
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
31
+ var RightSidePanelDrawerContent = exports.RightSidePanelDrawerContent = _styled.default.div({
32
+ backgroundColor: "var(--ds-surface-overlay, white)",
33
+ boxSizing: 'border-box',
34
+ flex: 1,
35
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
36
+ borderLeft: "3px solid ".concat("var(--ds-border, ".concat(colors.N30, ")")),
37
+ overflow: 'hidden',
38
+ flexDirection: 'column',
39
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
40
+ width: "".concat(_constants.panelWidth, "px"),
41
+ height: '100%',
42
+ position: 'fixed'
43
+ });
package/dist/cjs/components/styled.js CHANGED
@@ -5,9 +5,22 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.FlexContainer = exports.ContentWrapper = void 0;
8
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
9
8
  var _styled = _interopRequireDefault(require("@emotion/styled"));
10
- var _templateObject, _templateObject2;
11
- /** @jsx jsx */
12
- var FlexContainer = exports.FlexContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
13
- var ContentWrapper = exports.ContentWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n min-width: 0;\n flex: 1 1 auto;\n overflow-x: hidden;\n"])));
9
+ /**
10
+ * @jsxRuntime classic
11
+ * @jsx jsx
12
+ */
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
14
+
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
16
+ var FlexContainer = exports.FlexContainer = _styled.default.div({
17
+ display: 'flex'
18
+ });
19
+
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
21
+ var ContentWrapper = exports.ContentWrapper = _styled.default.div({
22
+ position: 'relative',
23
+ minWidth: 0,
24
+ flex: '1 1 auto',
25
+ overflowX: 'hidden'
26
+ });
package/dist/es2019/components/RightSidePanel/index.js CHANGED
@@ -6,19 +6,6 @@ import { createPortal } from 'react-dom';
6
6
  import { Transition } from 'react-transition-group';
7
7
  import { transitionDurationMs, panelWidth } from './constants';
8
8
  import { RightSidePanelDrawer, RightSidePanelDrawerContent } from './styled';
9
- export const UNMOUNTED = 'unmounted';
10
- export const EXITED = 'exited';
11
- export const ENTERING = 'entering';
12
- export const ENTERED = 'entered';
13
- export const EXITING = 'exiting';
14
- export let TransitionStatus = /*#__PURE__*/function (TransitionStatus) {
15
- TransitionStatus["UNMOUNTED"] = "unmounted";
16
- TransitionStatus["EXITED"] = "exited";
17
- TransitionStatus["ENTERING"] = "entering";
18
- TransitionStatus["ENTERED"] = "entered";
19
- TransitionStatus["EXITING"] = "exiting";
20
- return TransitionStatus;
21
- }({});
22
9
  const defaultStyle = {
23
10
  transition: `width ${transitionDurationMs}ms,
24
11
  flex ${transitionDurationMs}ms`,
@@ -73,7 +60,9 @@ export class RightSidePanel extends Component {
73
60
  onExited: onCloseAnimationFinished
74
61
  }, state => /*#__PURE__*/React.createElement(RightSidePanelDrawer, {
75
62
  style: {
63
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
76
64
  ...defaultStyle,
65
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
77
66
  ...transitionStyles[state]
78
67
  }
79
68
  }, /*#__PURE__*/React.createElement(RightSidePanelDrawerContent, null, children))), Container);
package/dist/es2019/components/RightSidePanel/styled.js CHANGED
@@ -1,21 +1,33 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
6
  import styled from '@emotion/styled';
3
7
  import * as colors from '@atlaskit/theme/colors';
4
8
  import { panelWidth } from './constants';
5
- export const RightSidePanelDrawer = styled.div`
6
- width: ${panelWidth}px;
7
- flex: 0 0 ${panelWidth}px;
8
- position: relative;
9
- overflow: hidden;
10
- `;
11
- export const RightSidePanelDrawerContent = styled.div`
12
- background-color: ${"var(--ds-surface-overlay, white)"};
13
- box-sizing: border-box;
14
- flex: 1;
15
- border-left: 3px solid ${`var(--ds-border, ${colors.N30})`};
16
- overflow: hidden;
17
- flex-direction: column;
18
- width: ${panelWidth}px;
19
- height: 100%;
20
- position: fixed;
21
- `;
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
11
+ export const RightSidePanelDrawer = styled.div({
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
13
+ width: `${panelWidth}px`,
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
+ flex: `0 0 ${panelWidth}px`,
16
+ position: 'relative',
17
+ overflow: 'hidden'
18
+ });
19
+
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
21
+ export const RightSidePanelDrawerContent = styled.div({
22
+ backgroundColor: "var(--ds-surface-overlay, white)",
23
+ boxSizing: 'border-box',
24
+ flex: 1,
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
26
+ borderLeft: `3px solid ${`var(--ds-border, ${colors.N30})`}`,
27
+ overflow: 'hidden',
28
+ flexDirection: 'column',
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
30
+ width: `${panelWidth}px`,
31
+ height: '100%',
32
+ position: 'fixed'
33
+ });
package/dist/es2019/components/styled.js CHANGED
@@ -1,11 +1,19 @@
1
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
6
  import styled from '@emotion/styled';
3
- export const FlexContainer = styled.div`
4
- display: flex;
5
- `;
6
- export const ContentWrapper = styled.div`
7
- position: relative;
8
- min-width: 0;
9
- flex: 1 1 auto;
10
- overflow-x: hidden;
11
- `;
7
+
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
9
+ export const FlexContainer = styled.div({
10
+ display: 'flex'
11
+ });
12
+
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
14
+ export const ContentWrapper = styled.div({
15
+ position: 'relative',
16
+ minWidth: 0,
17
+ flex: '1 1 auto',
18
+ overflowX: 'hidden'
19
+ });
package/dist/esm/components/RightSidePanel/index.js CHANGED
@@ -16,19 +16,6 @@ import { createPortal } from 'react-dom';
16
16
  import { Transition } from 'react-transition-group';
17
17
  import { transitionDurationMs, panelWidth } from './constants';
18
18
  import { RightSidePanelDrawer, RightSidePanelDrawerContent } from './styled';
19
- export var UNMOUNTED = 'unmounted';
20
- export var EXITED = 'exited';
21
- export var ENTERING = 'entering';
22
- export var ENTERED = 'entered';
23
- export var EXITING = 'exiting';
24
- export var TransitionStatus = /*#__PURE__*/function (TransitionStatus) {
25
- TransitionStatus["UNMOUNTED"] = "unmounted";
26
- TransitionStatus["EXITED"] = "exited";
27
- TransitionStatus["ENTERING"] = "entering";
28
- TransitionStatus["ENTERED"] = "entered";
29
- TransitionStatus["EXITING"] = "exiting";
30
- return TransitionStatus;
31
- }({});
32
19
  var defaultStyle = {
33
20
  transition: "width ".concat(transitionDurationMs, "ms,\n flex ").concat(transitionDurationMs, "ms"),
34
21
  width: "0",
package/dist/esm/components/RightSidePanel/styled.js CHANGED
@@ -1,8 +1,33 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
3
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
6
  import styled from '@emotion/styled';
5
7
  import * as colors from '@atlaskit/theme/colors';
6
8
  import { panelWidth } from './constants';
7
- export var RightSidePanelDrawer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: ", "px;\n flex: 0 0 ", "px;\n position: relative;\n overflow: hidden;\n"])), panelWidth, panelWidth);
8
- export var RightSidePanelDrawerContent = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n background-color: ", ";\n box-sizing: border-box;\n flex: 1;\n border-left: 3px solid ", ";\n overflow: hidden;\n flex-direction: column;\n width: ", "px;\n height: 100%;\n position: fixed;\n"])), "var(--ds-surface-overlay, white)", "var(--ds-border, ".concat(colors.N30, ")"), panelWidth);
9
+
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
11
+ export var RightSidePanelDrawer = styled.div({
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
13
+ width: "".concat(panelWidth, "px"),
14
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
15
+ flex: "0 0 ".concat(panelWidth, "px"),
16
+ position: 'relative',
17
+ overflow: 'hidden'
18
+ });
19
+
20
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
21
+ export var RightSidePanelDrawerContent = styled.div({
22
+ backgroundColor: "var(--ds-surface-overlay, white)",
23
+ boxSizing: 'border-box',
24
+ flex: 1,
25
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
26
+ borderLeft: "3px solid ".concat("var(--ds-border, ".concat(colors.N30, ")")),
27
+ overflow: 'hidden',
28
+ flexDirection: 'column',
29
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
30
+ width: "".concat(panelWidth, "px"),
31
+ height: '100%',
32
+ position: 'fixed'
33
+ });
package/dist/esm/components/styled.js CHANGED
@@ -1,6 +1,19 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
3
- /** @jsx jsx */
1
+ /**
2
+ * @jsxRuntime classic
3
+ * @jsx jsx
4
+ */
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
6
  import styled from '@emotion/styled';
5
- export var FlexContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n"])));
6
- export var ContentWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n min-width: 0;\n flex: 1 1 auto;\n overflow-x: hidden;\n"])));
7
+
8
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
9
+ export var FlexContainer = styled.div({
10
+ display: 'flex'
11
+ });
12
+
13
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
14
+ export var ContentWrapper = styled.div({
15
+ position: 'relative',
16
+ minWidth: 0,
17
+ flex: '1 1 auto',
18
+ overflowX: 'hidden'
19
+ });
package/dist/types/components/RightSidePanel/index.d.ts CHANGED
@@ -1,17 +1,6 @@
1
1
  import React from 'react';
2
- import { Component, ReactNode } from 'react';
3
- export declare const UNMOUNTED = "unmounted";
4
- export declare const EXITED = "exited";
5
- export declare const ENTERING = "entering";
6
- export declare const ENTERED = "entered";
7
- export declare const EXITING = "exiting";
8
- export declare enum TransitionStatus {
9
- UNMOUNTED = "unmounted",
10
- EXITED = "exited",
11
- ENTERING = "entering",
12
- ENTERED = "entered",
13
- EXITING = "exiting"
14
- }
2
+ import { Component, type ReactNode } from 'react';
3
+ export type TransitionStatus = 'unmounted' | 'exiting' | 'entering' | 'entered' | 'exited';
15
4
  export interface Props {
16
5
  isOpen: boolean;
17
6
  attachPanelTo: string;
package/dist/types-ts4.5/components/RightSidePanel/index.d.ts CHANGED
@@ -1,17 +1,6 @@
1
1
  import React from 'react';
2
- import { Component, ReactNode } from 'react';
3
- export declare const UNMOUNTED = "unmounted";
4
- export declare const EXITED = "exited";
5
- export declare const ENTERING = "entering";
6
- export declare const ENTERED = "entered";
7
- export declare const EXITING = "exiting";
8
- export declare enum TransitionStatus {
9
- UNMOUNTED = "unmounted",
10
- EXITED = "exited",
11
- ENTERING = "entering",
12
- ENTERED = "entered",
13
- EXITING = "exiting"
14
- }
2
+ import { Component, type ReactNode } from 'react';
3
+ export type TransitionStatus = 'unmounted' | 'exiting' | 'entering' | 'entered' | 'exited';
15
4
  export interface Props {
16
5
  isOpen: boolean;
17
6
  attachPanelTo: string;
package/docs/0-intro.tsx CHANGED
@@ -1,16 +1,17 @@
1
1
  import React from 'react';
2
2
  import { md, code, Props, AtlassianInternalWarning } from '@atlaskit/docs';
3
- import Button from '@atlaskit/button/custom-theme-button';
3
+ import Button from '@atlaskit/button';
4
4
  import { token } from '@atlaskit/tokens';
5
5
 
6
6
  export default md`
7
7
  ${(
8
- <>
9
- <div style={{ marginBottom: token('space.100', '0.5rem') }}>
10
- <AtlassianInternalWarning />
11
- </div>
12
- </>
13
- )}
8
+ <>
9
+ {/* eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766 */}
10
+ <div style={{ marginBottom: token('space.100', '0.5rem') }}>
11
+ <AtlassianInternalWarning />
12
+ </div>
13
+ </>
14
+ )}
14
15
 
15
16
  ## Usage
16
17
 
@@ -69,24 +70,20 @@ export default md`
69
70
  }
70
71
  `}
71
72
 
72
- ${(
73
- <div style={{ paddingTop: token('space.200', '16px') }}>
74
- <Button
75
- onClick={() =>
76
- window.open(
77
- '/examples/help/right-side-panel/0-Right-Side-Panel',
78
- '_self',
79
- )
80
- }
81
- >
82
- Open Example
83
- </Button>
84
- </div>
85
- )}
73
+ ${
74
+ (
75
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
76
+ <div style={{ paddingTop: token('space.200', '16px') }}>
77
+ <Button
78
+ onClick={() => window.open('/examples/help/right-side-panel/0-Right-Side-Panel', '_self')}
79
+ >
80
+ Open Example
81
+ </Button>
82
+ </div>
83
+ )
84
+ }
86
85
 
87
86
  ${(
88
- <Props
89
- props={require('!!extract-react-types-loader!../src/components/RightSidePanel/index')}
90
- />
91
- )}
87
+ <Props props={require('!!extract-react-types-loader!../src/components/RightSidePanel/index')} />
88
+ )}
92
89
  `;
package/package.json CHANGED
@@ -1,77 +1,75 @@
1
1
  {
2
- "name": "@atlaskit/right-side-panel",
3
- "version": "1.2.9",
4
- "description": "A cross-product right-side-panel component",
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
- "sideEffects": false,
24
- "atlaskit:src": "src/index.ts",
25
- "af:exports": {
26
- ".": "./src/index.ts"
27
- },
28
- "atlassian": {
29
- "team": "Self-Help Experiences",
30
- "releaseModel": "continuous",
31
- "productPushConsumption": [
32
- "jira"
33
- ],
34
- "website": {
35
- "name": "Right Side Panel"
36
- }
37
- },
38
- "dependencies": {
39
- "@atlaskit/theme": "^12.6.0",
40
- "@atlaskit/tokens": "^1.42.0",
41
- "@babel/runtime": "^7.0.0",
42
- "@emotion/styled": "^11.0.0",
43
- "exenv": "^1.2.2",
44
- "react-transition-group": "^4.4.1"
45
- },
46
- "peerDependencies": {
47
- "react": "^16.8.0",
48
- "react-dom": "^16.8.0",
49
- "react-intl-next": "npm:react-intl@^5.18.1"
50
- },
51
- "devDependencies": {
52
- "@atlaskit/navigation": "^37.0.0",
53
- "@atlaskit/page": "^12.3.0",
54
- "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
55
- "@types/exenv": "^1.2.0",
56
- "@types/react-transition-group": "^2.0.6",
57
- "enzyme": "^3.10.0",
58
- "react-test-renderer": "^16.8.0",
59
- "typescript": "~5.4.2"
60
- },
61
- "keywords": [
62
- "atlaskit",
63
- "react",
64
- "ui",
65
- "core",
66
- "panel"
67
- ],
68
- "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
69
- "techstack": {
70
- "@repo/internal": {
71
- "design-tokens": [
72
- "color",
73
- "spacing"
74
- ]
75
- }
76
- }
77
- }
2
+ "name": "@atlaskit/right-side-panel",
3
+ "version": "1.2.11",
4
+ "description": "A cross-product right-side-panel component",
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
+ "sideEffects": false,
24
+ "atlaskit:src": "src/index.ts",
25
+ "af:exports": {
26
+ ".": "./src/index.ts"
27
+ },
28
+ "atlassian": {
29
+ "team": "Self-Help Experiences",
30
+ "releaseModel": "continuous",
31
+ "productPushConsumption": [
32
+ "jira"
33
+ ],
34
+ "website": {
35
+ "name": "Right Side Panel"
36
+ }
37
+ },
38
+ "dependencies": {
39
+ "@atlaskit/theme": "^13.0.0",
40
+ "@atlaskit/tokens": "^1.58.0",
41
+ "@babel/runtime": "^7.0.0",
42
+ "@emotion/styled": "^11.0.0",
43
+ "exenv": "^1.2.2",
44
+ "react-transition-group": "^4.4.1"
45
+ },
46
+ "peerDependencies": {
47
+ "react": "^16.8.0",
48
+ "react-dom": "^16.8.0",
49
+ "react-intl-next": "npm:react-intl@^5.18.1"
50
+ },
51
+ "devDependencies": {
52
+ "@atlaskit/navigation": "^37.0.0",
53
+ "@atlaskit/page": "^12.6.0",
54
+ "@types/exenv": "^1.2.0",
55
+ "@types/react-transition-group": "^2.0.6",
56
+ "enzyme": "^3.10.0",
57
+ "react-test-renderer": "^16.8.0",
58
+ "typescript": "~5.4.2"
59
+ },
60
+ "keywords": [
61
+ "atlaskit",
62
+ "react",
63
+ "ui",
64
+ "core",
65
+ "panel"
66
+ ],
67
+ "techstack": {
68
+ "@repo/internal": {
69
+ "design-tokens": [
70
+ "color",
71
+ "spacing"
72
+ ]
73
+ }
74
+ }
75
+ }
package/report.api.md CHANGED
@@ -2,7 +2,8 @@
2
2
 
3
3
  ## API Report File for "@atlaskit/right-side-panel"
4
4
 
5
- > Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
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
@@ -27,71 +28,71 @@ import { StyledComponent } from '@emotion/styled-base';
27
28
 
28
29
  // @public (undocumented)
29
30
  export const ContentWrapper: StyledComponent<
30
- DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
31
- Pick<
32
- ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>,
33
- keyof HTMLAttributes<HTMLDivElement>
34
- >,
35
- object
31
+ DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
32
+ Pick<
33
+ ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>,
34
+ keyof HTMLAttributes<HTMLDivElement>
35
+ >,
36
+ object
36
37
  >;
37
38
 
38
39
  // @public (undocumented)
39
40
  export const FlexContainer: StyledComponent<
40
- DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
41
- Pick<
42
- ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>,
43
- keyof HTMLAttributes<HTMLDivElement>
44
- >,
45
- object
41
+ DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
42
+ Pick<
43
+ ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>,
44
+ keyof HTMLAttributes<HTMLDivElement>
45
+ >,
46
+ object
46
47
  >;
47
48
 
48
49
  // @public (undocumented)
49
50
  interface Props {
50
- // (undocumented)
51
- attachPanelTo: string;
52
- // (undocumented)
53
- children?: ReactNode;
54
- // (undocumented)
55
- disableEnterAnimation?: boolean;
56
- // (undocumented)
57
- disableExitAnimation?: boolean;
58
- // (undocumented)
59
- isOpen: boolean;
60
- // (undocumented)
61
- mountOnEnter?: boolean;
62
- // (undocumented)
63
- onCloseAnimationFinished?: () => void;
64
- // (undocumented)
65
- onOpenAnimationFinished?: () => void;
66
- // (undocumented)
67
- skipAnimationOnMount?: boolean;
68
- // (undocumented)
69
- unmountOnExit?: boolean;
51
+ // (undocumented)
52
+ attachPanelTo: string;
53
+ // (undocumented)
54
+ children?: ReactNode;
55
+ // (undocumented)
56
+ disableEnterAnimation?: boolean;
57
+ // (undocumented)
58
+ disableExitAnimation?: boolean;
59
+ // (undocumented)
60
+ isOpen: boolean;
61
+ // (undocumented)
62
+ mountOnEnter?: boolean;
63
+ // (undocumented)
64
+ onCloseAnimationFinished?: () => void;
65
+ // (undocumented)
66
+ onOpenAnimationFinished?: () => void;
67
+ // (undocumented)
68
+ skipAnimationOnMount?: boolean;
69
+ // (undocumented)
70
+ unmountOnExit?: boolean;
70
71
  }
71
72
 
72
73
  // @public (undocumented)
73
74
  export class RightSidePanel extends Component<Props, State> {
74
- // (undocumented)
75
- attachPanelTo: string;
76
- // (undocumented)
77
- componentDidMount(): void;
78
- // (undocumented)
79
- render(): React_2.ReactNode;
80
- // (undocumented)
81
- renderDrawer(Container: HTMLElement): ReactNode;
82
- // (undocumented)
83
- state: {
84
- entered: boolean;
85
- container: undefined;
86
- };
75
+ // (undocumented)
76
+ attachPanelTo: string;
77
+ // (undocumented)
78
+ componentDidMount(): void;
79
+ // (undocumented)
80
+ render(): React_2.ReactNode;
81
+ // (undocumented)
82
+ renderDrawer(Container: HTMLElement): ReactNode;
83
+ // (undocumented)
84
+ state: {
85
+ entered: boolean;
86
+ container: undefined;
87
+ };
87
88
  }
88
89
 
89
90
  // @public (undocumented)
90
91
  interface State {
91
- // (undocumented)
92
- container?: Element | null;
93
- // (undocumented)
94
- entered: boolean;
92
+ // (undocumented)
93
+ container?: Element | null;
94
+ // (undocumented)
95
+ entered: boolean;
95
96
  }
96
97
 
97
98
  // (No @packageDocumentation comment for this package)
@@ -105,9 +106,9 @@ interface State {
105
106
 
106
107
  ```json
107
108
  {
108
- "react": "^16.8.0",
109
- "react-dom": "^16.8.0",
110
- "react-intl-next": "npm:react-intl@^5.18.1"
109
+ "react": "^16.8.0",
110
+ "react-dom": "^16.8.0",
111
+ "react-intl-next": "npm:react-intl@^5.18.1"
111
112
  }
112
113
  ```
113
114