@atlaskit/right-side-panel 1.2.9 → 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 +135 -59
  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 +74 -76
  16. package/report.api.md +54 -53
package/CHANGELOG.md CHANGED
@@ -1,66 +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
+
3
12
  ## 1.2.9
4
13
 
5
14
  ### Patch Changes
6
15
 
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`
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`
8
19
 
9
20
  ## 1.2.8
10
21
 
11
22
  ### Patch Changes
12
23
 
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
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
14
27
 
15
28
  ## 1.2.7
16
29
 
17
30
  ### Patch Changes
18
31
 
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.
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.
20
35
 
21
36
  ## 1.2.6
22
37
 
23
38
  ### Patch Changes
24
39
 
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
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
26
43
  - Updated dependencies
27
44
 
28
45
  ## 1.2.5
29
46
 
30
47
  ### Patch Changes
31
48
 
32
- - [#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
33
52
  - Updated dependencies
34
53
 
35
54
  ## 1.2.4
36
55
 
37
56
  ### Patch Changes
38
57
 
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
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
40
61
 
41
62
  ## 1.2.3
42
63
 
43
64
  ### Patch Changes
44
65
 
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
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
46
69
 
47
70
  ## 1.2.2
48
71
 
49
72
  ### Patch Changes
50
73
 
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`
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`
52
77
 
53
78
  ## 1.2.1
54
79
 
55
80
  ### Patch Changes
56
81
 
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.
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.
58
86
 
59
87
  ## 1.2.0
60
88
 
61
89
  ### Minor Changes
62
90
 
63
- - [#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
64
94
 
65
95
  ### Patch Changes
66
96
 
@@ -70,7 +100,9 @@
70
100
 
71
101
  ### Patch Changes
72
102
 
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.
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.
74
106
 
75
107
  ## 1.1.13
76
108
 
@@ -82,7 +114,10 @@
82
114
 
83
115
  ### Patch Changes
84
116
 
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.
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.
86
121
 
87
122
  ## 1.1.11
88
123
 
@@ -106,19 +141,25 @@
106
141
 
107
142
  ### Patch Changes
108
143
 
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
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
110
147
 
111
148
  ## 1.1.7
112
149
 
113
150
  ### Patch Changes
114
151
 
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`
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`
116
155
 
117
156
  ## 1.1.6
118
157
 
119
158
  ### Patch Changes
120
159
 
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`.
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`.
122
163
 
123
164
  ## 1.1.5
124
165
 
@@ -130,7 +171,9 @@
130
171
 
131
172
  ### Patch Changes
132
173
 
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
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
134
177
 
135
178
  ## 1.1.3
136
179
 
@@ -154,23 +197,33 @@
154
197
 
155
198
  ### Minor Changes
156
199
 
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`.
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`.
158
203
 
159
- 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).
160
206
 
161
- 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.
162
209
 
163
210
  ## 1.0.0
164
211
 
165
212
  ### Major Changes
166
213
 
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
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
168
218
 
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.
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.
172
224
 
173
- 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
174
227
 
175
228
  ```js
176
229
  "react-intl": "^2.6.0",
@@ -182,23 +235,23 @@
182
235
  import { IntlProvider as IntlNextProvider } from 'react-intl-next';
183
236
 
184
237
  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>
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>
202
255
  );
203
256
  ```
204
257
 
@@ -212,21 +265,28 @@
212
265
 
213
266
  ### Patch Changes
214
267
 
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
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
216
271
 
217
272
  ## 0.4.4
218
273
 
219
274
  ### Patch Changes
220
275
 
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
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
222
279
 
223
280
  ## 0.4.3
224
281
 
225
282
  ### Patch Changes
226
283
 
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.
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.
230
290
 
231
291
  ## 0.4.2
232
292
 
@@ -238,17 +298,22 @@
238
298
 
239
299
  ### Patch Changes
240
300
 
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
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
242
304
 
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.
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.
245
307
 
246
308
  ## 0.4.0
247
309
 
248
310
  ### Minor Changes
249
311
 
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
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
252
317
 
253
318
  ### Patch Changes
254
319
 
@@ -258,19 +323,25 @@
258
323
 
259
324
  ### Patch Changes
260
325
 
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
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
262
329
 
263
330
  ## 0.3.5
264
331
 
265
332
  ### Patch Changes
266
333
 
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
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
268
337
 
269
338
  ## 0.3.4
270
339
 
271
340
  ### Patch Changes
272
341
 
273
- - [#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
274
345
 
275
346
  ## 0.3.3
276
347
 
@@ -286,7 +357,8 @@
286
357
 
287
358
  - [patch][6548261c9a](https://bitbucket.org/atlassian/atlassian-frontend/commits/6548261c9a):
288
359
 
289
- 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):
290
362
 
291
363
  - @atlaskit/docs@8.3.2
292
364
  - @atlaskit/button@13.3.7
@@ -299,7 +371,8 @@
299
371
 
300
372
  ### Patch Changes
301
373
 
302
- - Updated dependencies [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
374
+ - Updated dependencies
375
+ [c0102a3ea2](https://bitbucket.org/atlassian/atlassian-frontend/commits/c0102a3ea2):
303
376
  - @atlaskit/navigation@36.0.0
304
377
  - @atlaskit/section-message@4.1.4
305
378
  - @atlaskit/docs@8.3.1
@@ -312,7 +385,8 @@
312
385
 
313
386
  - [minor][49c89962de](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/49c89962de):
314
387
 
315
- right-side-panel:\* added props skipAnimationOnMount, mountOnEnter, unmountOnExit, disableEnterAnimation, disableExitAnimation
388
+ right-side-panel:\* added props skipAnimationOnMount, mountOnEnter, unmountOnExit,
389
+ disableEnterAnimation, disableExitAnimation
316
390
 
317
391
  ## 0.2.2
318
392
 
@@ -336,7 +410,8 @@
336
410
 
337
411
  - [minor][617591dd61](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/617591dd61):
338
412
 
339
- 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
340
415
 
341
416
  ## 0.1.8
342
417
 
@@ -344,7 +419,8 @@
344
419
 
345
420
  - [patch][097b696613](https://bitbucket.org/atlassian/atlaskit-mk-2/commits/097b696613):
346
421
 
347
- 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
348
424
 
349
425
  ## 0.1.7
350
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.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.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
+ }
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