@atlaskit/right-side-panel 1.2.8 → 1.2.10

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 (16) hide show
  1. package/CHANGELOG.md +140 -58
  2. package/afm-jira/tsconfig.json +27 -0
  3. package/dist/cjs/components/RightSidePanel/index.js +1 -14
  4. package/dist/cjs/components/RightSidePanel/styled.js +27 -5
  5. package/dist/cjs/components/styled.js +14 -4
  6. package/dist/es2019/components/RightSidePanel/index.js +2 -13
  7. package/dist/es2019/components/RightSidePanel/styled.js +26 -17
  8. package/dist/es2019/components/styled.js +14 -9
  9. package/dist/esm/components/RightSidePanel/index.js +0 -13
  10. package/dist/esm/components/RightSidePanel/styled.js +26 -4
  11. package/dist/esm/components/styled.js +14 -4
  12. package/dist/types/components/RightSidePanel/index.d.ts +2 -13
  13. package/dist/types-ts4.5/components/RightSidePanel/index.d.ts +2 -13
  14. package/docs/0-intro.tsx +22 -25
  15. package/package.json +73 -75
  16. package/report.api.md +54 -53
package/CHANGELOG.md CHANGED
@@ -1,60 +1,96 @@
1
1
  # @atlaskit/right-side-panel
2
2
 
3
+ ## 1.2.10
4
+
5
+ ### Patch Changes
6
+
7
+ - [#114683](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/114683)
8
+ [`ff0815316ab38`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/ff0815316ab38) -
9
+ Removes usage of custom theme button in places where its API is not being used and the default
10
+ button is able to be used instead. This should give a slight performance (runtime) improvement.
11
+
12
+ ## 1.2.9
13
+
14
+ ### Patch Changes
15
+
16
+ - [#83116](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/83116)
17
+ [`8d4e99057fe0`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8d4e99057fe0) -
18
+ Upgrade Typescript from `4.9.5` to `5.4.2`
19
+
3
20
  ## 1.2.8
4
21
 
5
22
  ### Patch Changes
6
23
 
7
- - [#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
24
+ - [#80509](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/80509)
25
+ [`fcf7481f594f`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fcf7481f594f) -
26
+ Upgrade dependency of `@emotion/styled` to version 11
8
27
 
9
28
  ## 1.2.7
10
29
 
11
30
  ### Patch Changes
12
31
 
13
- - [#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.
32
+ - [#72083](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/72083)
33
+ [`4f8e79eb0b7a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4f8e79eb0b7a) -
34
+ Enrolling @atlaskit/right-side-panel to push model in JFE.
14
35
 
15
36
  ## 1.2.6
16
37
 
17
38
  ### Patch Changes
18
39
 
19
- - [#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
40
+ - [#67949](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/67949)
41
+ [`4ceb213f9313`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4ceb213f9313) -
42
+ Migrate packages to use declarative entry points
20
43
  - Updated dependencies
21
44
 
22
45
  ## 1.2.5
23
46
 
24
47
  ### Patch Changes
25
48
 
26
- - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
49
+ - [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162)
50
+ [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete
51
+ version.json
27
52
  - Updated dependencies
28
53
 
29
54
  ## 1.2.4
30
55
 
31
56
  ### Patch Changes
32
57
 
33
- - [#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
58
+ - [#34443](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34443)
59
+ [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing
60
+ unused dependencies and dev dependencies
34
61
 
35
62
  ## 1.2.3
36
63
 
37
64
  ### Patch Changes
38
65
 
39
- - [#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
66
+ - [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793)
67
+ [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure
68
+ legacy types are published for TS 4.5-4.8
40
69
 
41
70
  ## 1.2.2
42
71
 
43
72
  ### Patch Changes
44
73
 
45
- - [#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`
74
+ - [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649)
75
+ [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade
76
+ Typescript from `4.5.5` to `4.9.5`
46
77
 
47
78
  ## 1.2.1
48
79
 
49
80
  ### Patch Changes
50
81
 
51
- - [#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.
82
+ - [#33218](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33218)
83
+ [`7e051bad115`](https://bitbucket.org/atlassian/atlassian-frontend/commits/7e051bad115) - Internal
84
+ change to enforce token usage for spacing properties. There is no expected visual or behaviour
85
+ change.
52
86
 
53
87
  ## 1.2.0
54
88
 
55
89
  ### Minor Changes
56
90
 
57
- - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
91
+ - [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258)
92
+ [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip
93
+ minor dependency bump
58
94
 
59
95
  ### Patch Changes
60
96
 
@@ -64,7 +100,9 @@
64
100
 
65
101
  ### Patch Changes
66
102
 
67
- - [#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.
103
+ - [#31643](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31643)
104
+ [`ad5cbfa5a71`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ad5cbfa5a71) - Migrated
105
+ use of `gridSize` to space tokens where possible. There is no expected visual or behaviour change.
68
106
 
69
107
  ## 1.1.13
70
108
 
@@ -76,7 +114,10 @@
76
114
 
77
115
  ### Patch Changes
78
116
 
79
- - [#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.
117
+ - [#28324](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28324)
118
+ [`6455cf006b3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6455cf006b3) - Builds
119
+ for this package now pass through a tokens babel plugin, removing runtime invocations of the
120
+ tokens() function and improving performance.
80
121
 
81
122
  ## 1.1.11
82
123
 
@@ -100,19 +141,25 @@
100
141
 
101
142
  ### Patch Changes
102
143
 
103
- - [#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
144
+ - [#26424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/26424)
145
+ [`0c19f354255`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c19f354255) -
146
+ Consolidate In Product Help & Self-Help Experiences ownership
104
147
 
105
148
  ## 1.1.7
106
149
 
107
150
  ### Patch Changes
108
151
 
109
- - [#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`
152
+ - [#24874](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24874)
153
+ [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade
154
+ Typescript from `4.3.5` to `4.5.5`
110
155
 
111
156
  ## 1.1.6
112
157
 
113
158
  ### Patch Changes
114
159
 
115
- - [#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`.
160
+ - [#24492](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/24492)
161
+ [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade
162
+ Typescript from `4.2.4` to `4.3.5`.
116
163
 
117
164
  ## 1.1.5
118
165
 
@@ -124,7 +171,9 @@
124
171
 
125
172
  ### Patch Changes
126
173
 
127
- - [#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
174
+ - [#20650](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/20650)
175
+ [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade
176
+ to TypeScript 4.2.4
128
177
 
129
178
  ## 1.1.3
130
179
 
@@ -148,23 +197,33 @@
148
197
 
149
198
  ### Minor Changes
150
199
 
151
- - [#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`.
200
+ - [#19074](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/19074)
201
+ [`aa70f95a3de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa70f95a3de) - [ux]
202
+ Added new theming package, `@atlaskit/tokens`.
152
203
 
153
- New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
204
+ New tokens will be visible only in applications configured to use the new Tokens API (currently in
205
+ alpha).
154
206
 
155
- These changes are intended to be interoperable with the legacy theme implementation. Legacy dark mode users should expect no visual or breaking changes.
207
+ These changes are intended to be interoperable with the legacy theme implementation. Legacy dark
208
+ mode users should expect no visual or breaking changes.
156
209
 
157
210
  ## 1.0.0
158
211
 
159
212
  ### Major Changes
160
213
 
161
- - [#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
214
+ - [#14810](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/14810)
215
+ [`47f58da5946`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47f58da5946) -
216
+ ED-13322, ED-13324, ED-13326, ED-13323, ED-13204: Upgrade and support react-intl@^5.18.1 including
217
+ breaking API changes, types and tests in atlassian-frontend packages
162
218
 
163
- 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.
164
- Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
165
- How consumer should update their code: Ensure react-intl ^5.18.1 is installed in consuming applications.
219
+ What changed: Upgraded our react-intl support from ^2.6.0 to ^5.18.1. This means editor packages
220
+ now rely on consumers installing ^5.18.1, otherwise editor usage of react-intl will mismatch with
221
+ actual installed react-intl APIs. Why change was made: As part of a coordinated upgrade effort
222
+ across AF packages, as react-intl v2 is quite dated. How consumer should update their code: Ensure
223
+ react-intl ^5.18.1 is installed in consuming applications.
166
224
 
167
- Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider for the new version, using an npm alias
225
+ Upgrade guide: To consume atlassian-frontend packages that use react-intl5 setup a second provider
226
+ for the new version, using an npm alias
168
227
 
169
228
  ```js
170
229
  "react-intl": "^2.6.0",
@@ -176,23 +235,23 @@
176
235
  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
177
236
 
178
237
  return (
179
- <IntlProvider
180
- key={locale}
181
- data-test-language={locale}
182
- locale={locale}
183
- defaultLocale={DEFAULT_LOCALE}
184
- messages={messages}
185
- >
186
- <IntlNextProvider
187
- key={locale}
188
- data-test-language={locale}
189
- locale={locale}
190
- defaultLocale={DEFAULT_LOCALE}
191
- messages={messages}
192
- >
193
- {children}
194
- </IntlNextProvider>
195
- </IntlProvider>
238
+ <IntlProvider
239
+ key={locale}
240
+ data-test-language={locale}
241
+ locale={locale}
242
+ defaultLocale={DEFAULT_LOCALE}
243
+ messages={messages}
244
+ >
245
+ <IntlNextProvider
246
+ key={locale}
247
+ data-test-language={locale}
248
+ locale={locale}
249
+ defaultLocale={DEFAULT_LOCALE}
250
+ messages={messages}
251
+ >
252
+ {children}
253
+ </IntlNextProvider>
254
+ </IntlProvider>
196
255
  );
197
256
  ```
198
257
 
@@ -206,21 +265,28 @@
206
265
 
207
266
  ### Patch Changes
208
267
 
209
- - [#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
268
+ - [#13328](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/13328)
269
+ [`df9dc928897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9dc928897) - Update
270
+ the team information in the packages maintained by the In Product Help team
210
271
 
211
272
  ## 0.4.4
212
273
 
213
274
  ### Patch Changes
214
275
 
215
- - [#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
276
+ - [#5857](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5857)
277
+ [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile
278
+ packages using babel rather than tsc
216
279
 
217
280
  ## 0.4.3
218
281
 
219
282
  ### Patch Changes
220
283
 
221
- - [#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.
222
- This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
223
- Also add `typescript` to `devDependencies` to denote version that the package was built with.
284
+ - [#5497](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/5497)
285
+ [`5f58283e1f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/5f58283e1f) - Export
286
+ types using Typescript's new "export type" syntax to satisfy Typescript's --isolatedModules
287
+ compiler option. This requires version 3.8 of Typescript, read more about how we handle Typescript
288
+ versions here: https://atlaskit.atlassian.com/get-started Also add `typescript` to
289
+ `devDependencies` to denote version that the package was built with.
224
290
 
225
291
  ## 0.4.2
226
292
 
@@ -232,17 +298,22 @@
232
298
 
233
299
  ### Patch Changes
234
300
 
235
- - [#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
301
+ - [#3885](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3885)
302
+ [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded
303
+ to TypeScript 3.9.6 and tslib to 2.0.0
236
304
 
237
- Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
238
- to prevent duplicates of tslib being bundled.
305
+ Since tslib is a dependency for all our packages we recommend that products also follow this tslib
306
+ upgrade to prevent duplicates of tslib being bundled.
239
307
 
240
308
  ## 0.4.0
241
309
 
242
310
  ### Minor Changes
243
311
 
244
- - [#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.
245
- For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
312
+ - [#3335](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/3335)
313
+ [`87f4720f27`](https://bitbucket.org/atlassian/atlassian-frontend/commits/87f4720f27) - Officially
314
+ dropping IE11 support, from this version onwards there are no warranties of the package working in
315
+ IE11. For more information see:
316
+ https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
246
317
 
247
318
  ### Patch Changes
248
319
 
@@ -252,19 +323,25 @@
252
323
 
253
324
  ### Patch Changes
254
325
 
255
- - [#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
326
+ - [#2677](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2677)
327
+ [`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade
328
+ react-transition-group to latest
256
329
 
257
330
  ## 0.3.5
258
331
 
259
332
  ### Patch Changes
260
333
 
261
- - [#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
334
+ - [#2430](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2430)
335
+ [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all
336
+ packages that are used by confluence that have a broken es2019 dist
262
337
 
263
338
  ## 0.3.4
264
339
 
265
340
  ### Patch Changes
266
341
 
267
- - [#2099](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2099) [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add missing tslib dependency
342
+ - [#2099](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2099)
343
+ [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add
344
+ missing tslib dependency
268
345
 
269
346
  ## 0.3.3
270
347
 
@@ -280,7 +357,8 @@
280
357
 
281
358
  - [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
282
359
 
283
- Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
360
+ Remove namespace imports from React, ReactDom, and PropTypes- Updated dependencies
361
+ [6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
284
362
 
285
363
  - @atlaskit/docs@8.3.2
286
364
  - @atlaskit/button@13.3.7
@@ -293,7 +371,8 @@
293
371
 
294
372
  ### Patch Changes
295
373
 
296
- - Updated dependencies [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
374
+ - Updated dependencies
375
+ [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
297
376
  - @atlaskit/navigation@36.0.0
298
377
  - @atlaskit/section-message@4.1.4
299
378
  - @atlaskit/docs@8.3.1
@@ -306,7 +385,8 @@
306
385
 
307
386
  - [minor][49c89962de](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/49c89962de):
308
387
 
309
- right-side-panel:\* added props skipAnimationOnMount, mountOnEnter, unmountOnExit, disableEnterAnimation, disableExitAnimation
388
+ right-side-panel:\* added props skipAnimationOnMount, mountOnEnter, unmountOnExit,
389
+ disableEnterAnimation, disableExitAnimation
310
390
 
311
391
  ## 0.2.2
312
392
 
@@ -330,7 +410,8 @@
330
410
 
331
411
  - [minor][617591dd61](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/617591dd61):
332
412
 
333
- Added props onOpenAnimationFinished and onCloseAnimationFinished to execute function once the open/close animation finished
413
+ Added props onOpenAnimationFinished and onCloseAnimationFinished to execute function once the
414
+ open/close animation finished
334
415
 
335
416
  ## 0.1.8
336
417
 
@@ -338,7 +419,8 @@
338
419
 
339
420
  - [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
340
421
 
341
- Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports
422
+ Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving
423
+ non-relative imports as relative imports
342
424
 
343
425
  ## 0.1.7
344
426
 
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/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,35 @@ 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
+ /** @jsx jsx */
15
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
16
+
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
+ var RightSidePanelDrawer = exports.RightSidePanelDrawer = _styled.default.div({
19
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
20
+ width: "".concat(_constants.panelWidth, "px"),
21
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
22
+ flex: "0 0 ".concat(_constants.panelWidth, "px"),
23
+ position: 'relative',
24
+ overflow: 'hidden'
25
+ });
26
+
27
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
28
+ var RightSidePanelDrawerContent = exports.RightSidePanelDrawerContent = _styled.default.div({
29
+ backgroundColor: "var(--ds-surface-overlay, white)",
30
+ boxSizing: 'border-box',
31
+ flex: 1,
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
33
+ borderLeft: "3px solid ".concat("var(--ds-border, ".concat(colors.N30, ")")),
34
+ overflow: 'hidden',
35
+ flexDirection: 'column',
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
37
+ width: "".concat(_constants.panelWidth, "px"),
38
+ height: '100%',
39
+ position: 'fixed'
40
+ });
package/dist/cjs/components/styled.js CHANGED
@@ -5,9 +5,19 @@ 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
9
  /** @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"])));
10
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
11
+
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
13
+ var FlexContainer = exports.FlexContainer = _styled.default.div({
14
+ display: 'flex'
15
+ });
16
+
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
+ var ContentWrapper = exports.ContentWrapper = _styled.default.div({
19
+ position: 'relative',
20
+ minWidth: 0,
21
+ flex: '1 1 auto',
22
+ overflowX: 'hidden'
23
+ });
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,30 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  import styled from '@emotion/styled';
3
4
  import * as colors from '@atlaskit/theme/colors';
4
5
  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
- `;
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
+ export const RightSidePanelDrawer = styled.div({
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
10
+ width: `${panelWidth}px`,
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
12
+ flex: `0 0 ${panelWidth}px`,
13
+ position: 'relative',
14
+ overflow: 'hidden'
15
+ });
16
+
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
+ export const RightSidePanelDrawerContent = styled.div({
19
+ backgroundColor: "var(--ds-surface-overlay, white)",
20
+ boxSizing: 'border-box',
21
+ flex: 1,
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
23
+ borderLeft: `3px solid ${`var(--ds-border, ${colors.N30})`}`,
24
+ overflow: 'hidden',
25
+ flexDirection: 'column',
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
27
+ width: `${panelWidth}px`,
28
+ height: '100%',
29
+ position: 'fixed'
30
+ });
package/dist/es2019/components/styled.js CHANGED
@@ -1,11 +1,16 @@
1
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
3
  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
- `;
4
+
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
6
+ export const FlexContainer = styled.div({
7
+ display: 'flex'
8
+ });
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 ContentWrapper = styled.div({
12
+ position: 'relative',
13
+ minWidth: 0,
14
+ flex: '1 1 auto',
15
+ overflowX: 'hidden'
16
+ });
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,30 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
3
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
3
  import styled from '@emotion/styled';
5
4
  import * as colors from '@atlaskit/theme/colors';
6
5
  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);
6
+
7
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
8
+ export var RightSidePanelDrawer = styled.div({
9
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
10
+ width: "".concat(panelWidth, "px"),
11
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
12
+ flex: "0 0 ".concat(panelWidth, "px"),
13
+ position: 'relative',
14
+ overflow: 'hidden'
15
+ });
16
+
17
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
18
+ export var RightSidePanelDrawerContent = styled.div({
19
+ backgroundColor: "var(--ds-surface-overlay, white)",
20
+ boxSizing: 'border-box',
21
+ flex: 1,
22
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
23
+ borderLeft: "3px solid ".concat("var(--ds-border, ".concat(colors.N30, ")")),
24
+ overflow: 'hidden',
25
+ flexDirection: 'column',
26
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
27
+ width: "".concat(panelWidth, "px"),
28
+ height: '100%',
29
+ position: 'fixed'
30
+ });
package/dist/esm/components/styled.js CHANGED
@@ -1,6 +1,16 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2;
3
1
  /** @jsx jsx */
2
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
4
3
  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"])));
4
+
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
6
+ export var FlexContainer = styled.div({
7
+ display: 'flex'
8
+ });
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 ContentWrapper = styled.div({
12
+ position: 'relative',
13
+ minWidth: 0,
14
+ flex: '1 1 auto',
15
+ overflowX: 'hidden'
16
+ });
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.8",
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.41.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": "~4.9.5"
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
- }
2
+ "name": "@atlaskit/right-side-panel",
3
+ "version": "1.2.10",
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.11.0",
40
+ "@atlaskit/tokens": "^1.53.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.5.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
+ }
77
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