@atlaskit/right-side-panel 1.2.5 → 1.2.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +29 -22
- package/afm-cc/tsconfig.json +28 -0
- package/dist/cjs/components/RightSidePanel/constants.js +3 -6
- package/dist/cjs/components/RightSidePanel/index.js +10 -18
- package/dist/cjs/components/RightSidePanel/styled.js +2 -4
- package/dist/cjs/components/styled.js +2 -4
- package/dist/esm/components/RightSidePanel/index.js +2 -2
- package/docs/0-intro.tsx +1 -10
- package/package.json +10 -6
- package/tmp/api-report-tmp.d.ts +0 -74
package/CHANGELOG.md
CHANGED
|
@@ -1,41 +1,48 @@
|
|
|
1
1
|
# @atlaskit/right-side-panel
|
|
2
2
|
|
|
3
|
+
## 1.2.6
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#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
|
|
8
|
+
- Updated dependencies
|
|
9
|
+
|
|
3
10
|
## 1.2.5
|
|
4
11
|
|
|
5
12
|
### Patch Changes
|
|
6
13
|
|
|
7
|
-
- [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
14
|
+
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
8
15
|
- Updated dependencies
|
|
9
16
|
|
|
10
17
|
## 1.2.4
|
|
11
18
|
|
|
12
19
|
### Patch Changes
|
|
13
20
|
|
|
14
|
-
- [`61cb5313358`](https://bitbucket.org/atlassian/atlassian-frontend/commits/61cb5313358) - Removing unused dependencies and dev dependencies
|
|
21
|
+
- [#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
|
|
15
22
|
|
|
16
23
|
## 1.2.3
|
|
17
24
|
|
|
18
25
|
### Patch Changes
|
|
19
26
|
|
|
20
|
-
- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
|
|
27
|
+
- [#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
|
|
21
28
|
|
|
22
29
|
## 1.2.2
|
|
23
30
|
|
|
24
31
|
### Patch Changes
|
|
25
32
|
|
|
26
|
-
- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
|
|
33
|
+
- [#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`
|
|
27
34
|
|
|
28
35
|
## 1.2.1
|
|
29
36
|
|
|
30
37
|
### Patch Changes
|
|
31
38
|
|
|
32
|
-
- [`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.
|
|
39
|
+
- [#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.
|
|
33
40
|
|
|
34
41
|
## 1.2.0
|
|
35
42
|
|
|
36
43
|
### Minor Changes
|
|
37
44
|
|
|
38
|
-
- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
45
|
+
- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
|
|
39
46
|
|
|
40
47
|
### Patch Changes
|
|
41
48
|
|
|
@@ -45,7 +52,7 @@
|
|
|
45
52
|
|
|
46
53
|
### Patch Changes
|
|
47
54
|
|
|
48
|
-
- [`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.
|
|
55
|
+
- [#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.
|
|
49
56
|
|
|
50
57
|
## 1.1.13
|
|
51
58
|
|
|
@@ -57,7 +64,7 @@
|
|
|
57
64
|
|
|
58
65
|
### Patch Changes
|
|
59
66
|
|
|
60
|
-
- [`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.
|
|
67
|
+
- [#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.
|
|
61
68
|
|
|
62
69
|
## 1.1.11
|
|
63
70
|
|
|
@@ -81,19 +88,19 @@
|
|
|
81
88
|
|
|
82
89
|
### Patch Changes
|
|
83
90
|
|
|
84
|
-
- [`0c19f354255`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0c19f354255) - Consolidate In Product Help & Self-Help Experiences ownership
|
|
91
|
+
- [#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
|
|
85
92
|
|
|
86
93
|
## 1.1.7
|
|
87
94
|
|
|
88
95
|
### Patch Changes
|
|
89
96
|
|
|
90
|
-
- [`8cc2f888c83`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8cc2f888c83) - Upgrade Typescript from `4.3.5` to `4.5.5`
|
|
97
|
+
- [#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`
|
|
91
98
|
|
|
92
99
|
## 1.1.6
|
|
93
100
|
|
|
94
101
|
### Patch Changes
|
|
95
102
|
|
|
96
|
-
- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
|
|
103
|
+
- [#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`.
|
|
97
104
|
|
|
98
105
|
## 1.1.5
|
|
99
106
|
|
|
@@ -105,7 +112,7 @@
|
|
|
105
112
|
|
|
106
113
|
### Patch Changes
|
|
107
114
|
|
|
108
|
-
- [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
|
|
115
|
+
- [#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
|
|
109
116
|
|
|
110
117
|
## 1.1.3
|
|
111
118
|
|
|
@@ -129,7 +136,7 @@
|
|
|
129
136
|
|
|
130
137
|
### Minor Changes
|
|
131
138
|
|
|
132
|
-
- [`aa70f95a3de`](https://bitbucket.org/atlassian/atlassian-frontend/commits/aa70f95a3de) - [ux] Added new theming package, `@atlaskit/tokens`.
|
|
139
|
+
- [#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`.
|
|
133
140
|
|
|
134
141
|
New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
|
|
135
142
|
|
|
@@ -139,7 +146,7 @@
|
|
|
139
146
|
|
|
140
147
|
### Major Changes
|
|
141
148
|
|
|
142
|
-
- [`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
|
|
149
|
+
- [#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
|
|
143
150
|
|
|
144
151
|
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.
|
|
145
152
|
Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
|
|
@@ -187,19 +194,19 @@
|
|
|
187
194
|
|
|
188
195
|
### Patch Changes
|
|
189
196
|
|
|
190
|
-
- [`df9dc928897`](https://bitbucket.org/atlassian/atlassian-frontend/commits/df9dc928897) - Update the team information in the packages maintained by the In Product Help team
|
|
197
|
+
- [#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
|
|
191
198
|
|
|
192
199
|
## 0.4.4
|
|
193
200
|
|
|
194
201
|
### Patch Changes
|
|
195
202
|
|
|
196
|
-
- [`d3265f19be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d3265f19be) - Transpile packages using babel rather than tsc
|
|
203
|
+
- [#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
|
|
197
204
|
|
|
198
205
|
## 0.4.3
|
|
199
206
|
|
|
200
207
|
### Patch Changes
|
|
201
208
|
|
|
202
|
-
- [`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.
|
|
209
|
+
- [#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.
|
|
203
210
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
204
211
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
205
212
|
|
|
@@ -213,7 +220,7 @@
|
|
|
213
220
|
|
|
214
221
|
### Patch Changes
|
|
215
222
|
|
|
216
|
-
- [`6c525a8229`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6c525a8229) - Upgraded to TypeScript 3.9.6 and tslib to 2.0.0
|
|
223
|
+
- [#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
|
|
217
224
|
|
|
218
225
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
219
226
|
to prevent duplicates of tslib being bundled.
|
|
@@ -222,7 +229,7 @@
|
|
|
222
229
|
|
|
223
230
|
### Minor Changes
|
|
224
231
|
|
|
225
|
-
- [`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.
|
|
232
|
+
- [#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.
|
|
226
233
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
227
234
|
|
|
228
235
|
### Patch Changes
|
|
@@ -233,19 +240,19 @@
|
|
|
233
240
|
|
|
234
241
|
### Patch Changes
|
|
235
242
|
|
|
236
|
-
- [`4560b65a4f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4560b65a4f) - upgrade react-transition-group to latest
|
|
243
|
+
- [#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
|
|
237
244
|
|
|
238
245
|
## 0.3.5
|
|
239
246
|
|
|
240
247
|
### Patch Changes
|
|
241
248
|
|
|
242
|
-
- [`649f69b6d7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/649f69b6d7) - Patch all packages that are used by confluence that have a broken es2019 dist
|
|
249
|
+
- [#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
|
|
243
250
|
|
|
244
251
|
## 0.3.4
|
|
245
252
|
|
|
246
253
|
### Patch Changes
|
|
247
254
|
|
|
248
|
-
- [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add missing tslib dependency
|
|
255
|
+
- [#2099](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/2099) [`131cee6d7a`](https://bitbucket.org/atlassian/atlassian-frontend/commits/131cee6d7a) - Add missing tslib dependency
|
|
249
256
|
|
|
250
257
|
## 0.3.3
|
|
251
258
|
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"extends": "../../../../tsconfig.entry-points.confluence.json",
|
|
3
|
+
"compilerOptions": {
|
|
4
|
+
"declaration": true,
|
|
5
|
+
"target": "es5",
|
|
6
|
+
"composite": true,
|
|
7
|
+
"outDir": "../dist",
|
|
8
|
+
"rootDir": "../",
|
|
9
|
+
"baseUrl": "../"
|
|
10
|
+
},
|
|
11
|
+
"include": [
|
|
12
|
+
"../src/**/*.ts",
|
|
13
|
+
"../src/**/*.tsx"
|
|
14
|
+
],
|
|
15
|
+
"exclude": [
|
|
16
|
+
"../src/**/__tests__/*",
|
|
17
|
+
"../src/**/*.test.*",
|
|
18
|
+
"../src/**/test.*"
|
|
19
|
+
],
|
|
20
|
+
"references": [
|
|
21
|
+
{
|
|
22
|
+
"path": "../../../design-system/theme/afm-cc/tsconfig.json"
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
"path": "../../../design-system/tokens/afm-cc/tsconfig.json"
|
|
26
|
+
}
|
|
27
|
+
]
|
|
28
|
+
}
|
|
@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.transitionTimingFunction = exports.transitionDurationMs = exports.panelWidth = void 0;
|
|
7
|
-
var transitionDurationMs = 220;
|
|
8
|
-
exports.
|
|
9
|
-
var
|
|
10
|
-
exports.transitionTimingFunction = transitionTimingFunction;
|
|
11
|
-
var panelWidth = 368;
|
|
12
|
-
exports.panelWidth = panelWidth;
|
|
7
|
+
var transitionDurationMs = exports.transitionDurationMs = 220;
|
|
8
|
+
var transitionTimingFunction = exports.transitionTimingFunction = 'cubic-bezier(0.2, 0, 0, 1)';
|
|
9
|
+
var panelWidth = exports.panelWidth = 368;
|
|
@@ -21,21 +21,16 @@ var _constants = require("./constants");
|
|
|
21
21
|
var _styled = require("./styled");
|
|
22
22
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
23
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
24
|
-
function ownKeys(
|
|
25
|
-
function _objectSpread(
|
|
24
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
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() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
28
|
-
var UNMOUNTED = 'unmounted';
|
|
29
|
-
exports.
|
|
30
|
-
var
|
|
31
|
-
exports.
|
|
32
|
-
var
|
|
33
|
-
exports.
|
|
34
|
-
var ENTERED = 'entered';
|
|
35
|
-
exports.ENTERED = ENTERED;
|
|
36
|
-
var EXITING = 'exiting';
|
|
37
|
-
exports.EXITING = EXITING;
|
|
38
|
-
var TransitionStatus = /*#__PURE__*/function (TransitionStatus) {
|
|
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) {
|
|
39
34
|
TransitionStatus["UNMOUNTED"] = "unmounted";
|
|
40
35
|
TransitionStatus["EXITED"] = "exited";
|
|
41
36
|
TransitionStatus["ENTERING"] = "entering";
|
|
@@ -43,7 +38,6 @@ var TransitionStatus = /*#__PURE__*/function (TransitionStatus) {
|
|
|
43
38
|
TransitionStatus["EXITING"] = "exiting";
|
|
44
39
|
return TransitionStatus;
|
|
45
40
|
}({});
|
|
46
|
-
exports.TransitionStatus = TransitionStatus;
|
|
47
41
|
var defaultStyle = {
|
|
48
42
|
transition: "width ".concat(_constants.transitionDurationMs, "ms,\n flex ").concat(_constants.transitionDurationMs, "ms"),
|
|
49
43
|
width: "0",
|
|
@@ -59,7 +53,7 @@ var transitionStyles = {
|
|
|
59
53
|
flex: "0 0 0"
|
|
60
54
|
}
|
|
61
55
|
};
|
|
62
|
-
var RightSidePanel = /*#__PURE__*/function (_Component) {
|
|
56
|
+
var RightSidePanel = exports.RightSidePanel = /*#__PURE__*/function (_Component) {
|
|
63
57
|
(0, _inherits2.default)(RightSidePanel, _Component);
|
|
64
58
|
var _super = _createSuper(RightSidePanel);
|
|
65
59
|
function RightSidePanel() {
|
|
@@ -126,6 +120,4 @@ var RightSidePanel = /*#__PURE__*/function (_Component) {
|
|
|
126
120
|
}]);
|
|
127
121
|
return RightSidePanel;
|
|
128
122
|
}(_react.Component);
|
|
129
|
-
exports.
|
|
130
|
-
var _default = RightSidePanel;
|
|
131
|
-
exports.default = _default;
|
|
123
|
+
var _default = exports.default = RightSidePanel;
|
|
@@ -14,7 +14,5 @@ var _templateObject, _templateObject2;
|
|
|
14
14
|
/** @jsx jsx */
|
|
15
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
17
|
-
var 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
|
-
exports.
|
|
19
|
-
var 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);
|
|
20
|
-
exports.RightSidePanelDrawerContent = RightSidePanelDrawerContent;
|
|
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);
|
|
@@ -9,7 +9,5 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
|
9
9
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
10
|
var _templateObject, _templateObject2;
|
|
11
11
|
/** @jsx jsx */
|
|
12
|
-
var FlexContainer = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n"])));
|
|
13
|
-
exports.
|
|
14
|
-
var 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"])));
|
|
15
|
-
exports.ContentWrapper = ContentWrapper;
|
|
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"])));
|
|
@@ -5,8 +5,8 @@ import _inherits from "@babel/runtime/helpers/inherits";
|
|
|
5
5
|
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
|
|
6
6
|
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
|
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
8
|
-
function ownKeys(
|
|
9
|
-
function _objectSpread(
|
|
8
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9
|
+
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) { _defineProperty(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; }
|
|
10
10
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
11
11
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
12
12
|
import React from 'react';
|
package/docs/0-intro.tsx
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
md,
|
|
4
|
-
code,
|
|
5
|
-
Props,
|
|
6
|
-
AtlassianInternalWarning,
|
|
7
|
-
DevPreviewWarning,
|
|
8
|
-
} from '@atlaskit/docs';
|
|
2
|
+
import { md, code, Props, AtlassianInternalWarning } from '@atlaskit/docs';
|
|
9
3
|
import Button from '@atlaskit/button/custom-theme-button';
|
|
10
4
|
import { token } from '@atlaskit/tokens';
|
|
11
5
|
|
|
@@ -15,9 +9,6 @@ export default md`
|
|
|
15
9
|
<div style={{ marginBottom: token('space.100', '0.5rem') }}>
|
|
16
10
|
<AtlassianInternalWarning />
|
|
17
11
|
</div>
|
|
18
|
-
<div style={{ marginTop: token('space.100', '0.5rem') }}>
|
|
19
|
-
<DevPreviewWarning />
|
|
20
|
-
</div>
|
|
21
12
|
</>
|
|
22
13
|
)}
|
|
23
14
|
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/right-side-panel",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.6",
|
|
4
4
|
"description": "A cross-product right-side-panel component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
7
7
|
},
|
|
8
|
-
"repository": "https://bitbucket.org/atlassian/atlassian-frontend",
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
9
|
"author": "Atlassian Pty Ltd",
|
|
10
10
|
"license": "Apache-2.0",
|
|
11
11
|
"main": "dist/cjs/index.js",
|
|
@@ -22,17 +22,19 @@
|
|
|
22
22
|
},
|
|
23
23
|
"sideEffects": false,
|
|
24
24
|
"atlaskit:src": "src/index.ts",
|
|
25
|
+
"af:exports": {
|
|
26
|
+
".": "./src/index.ts"
|
|
27
|
+
},
|
|
25
28
|
"atlassian": {
|
|
26
29
|
"team": "Self-Help Experiences",
|
|
27
|
-
"deprecatedAutoEntryPoints": true,
|
|
28
30
|
"releaseModel": "continuous",
|
|
29
31
|
"website": {
|
|
30
32
|
"name": "Right Side Panel"
|
|
31
33
|
}
|
|
32
34
|
},
|
|
33
35
|
"dependencies": {
|
|
34
|
-
"@atlaskit/theme": "^12.
|
|
35
|
-
"@atlaskit/tokens": "^1.
|
|
36
|
+
"@atlaskit/theme": "^12.6.0",
|
|
37
|
+
"@atlaskit/tokens": "^1.34.0",
|
|
36
38
|
"@babel/runtime": "^7.0.0",
|
|
37
39
|
"@emotion/styled": "^10.0.7",
|
|
38
40
|
"exenv": "^1.2.2",
|
|
@@ -47,6 +49,8 @@
|
|
|
47
49
|
"@atlaskit/navigation": "^37.0.0",
|
|
48
50
|
"@atlaskit/page": "^12.3.0",
|
|
49
51
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
52
|
+
"@types/exenv": "^1.2.0",
|
|
53
|
+
"@types/react-transition-group": "^2.0.6",
|
|
50
54
|
"enzyme": "^3.10.0",
|
|
51
55
|
"react-test-renderer": "^16.8.0",
|
|
52
56
|
"typescript": "~4.9.5"
|
|
@@ -67,4 +71,4 @@
|
|
|
67
71
|
]
|
|
68
72
|
}
|
|
69
73
|
}
|
|
70
|
-
}
|
|
74
|
+
}
|
package/tmp/api-report-tmp.d.ts
DELETED
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
## API Report File for "@atlaskit/right-side-panel"
|
|
2
|
-
|
|
3
|
-
> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
|
|
4
|
-
|
|
5
|
-
```ts
|
|
6
|
-
|
|
7
|
-
/// <reference types="react" />
|
|
8
|
-
|
|
9
|
-
import { ClassAttributes } from 'react';
|
|
10
|
-
import { Component } from 'react';
|
|
11
|
-
import { DetailedHTMLProps } from 'react';
|
|
12
|
-
import { HTMLAttributes } from 'react';
|
|
13
|
-
import { default as React_2 } from 'react';
|
|
14
|
-
import { ReactNode } from 'react';
|
|
15
|
-
import { StyledComponent } from '@emotion/styled-base';
|
|
16
|
-
|
|
17
|
-
// @public (undocumented)
|
|
18
|
-
export const ContentWrapper: StyledComponent<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement>>, object>;
|
|
19
|
-
|
|
20
|
-
// @public (undocumented)
|
|
21
|
-
export const FlexContainer: StyledComponent<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>, keyof HTMLAttributes<HTMLDivElement>>, object>;
|
|
22
|
-
|
|
23
|
-
// @public (undocumented)
|
|
24
|
-
interface Props {
|
|
25
|
-
// (undocumented)
|
|
26
|
-
attachPanelTo: string;
|
|
27
|
-
// (undocumented)
|
|
28
|
-
children?: ReactNode;
|
|
29
|
-
// (undocumented)
|
|
30
|
-
disableEnterAnimation?: boolean;
|
|
31
|
-
// (undocumented)
|
|
32
|
-
disableExitAnimation?: boolean;
|
|
33
|
-
// (undocumented)
|
|
34
|
-
isOpen: boolean;
|
|
35
|
-
// (undocumented)
|
|
36
|
-
mountOnEnter?: boolean;
|
|
37
|
-
// (undocumented)
|
|
38
|
-
onCloseAnimationFinished?: () => void;
|
|
39
|
-
// (undocumented)
|
|
40
|
-
onOpenAnimationFinished?: () => void;
|
|
41
|
-
// (undocumented)
|
|
42
|
-
skipAnimationOnMount?: boolean;
|
|
43
|
-
// (undocumented)
|
|
44
|
-
unmountOnExit?: boolean;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
// @public (undocumented)
|
|
48
|
-
export class RightSidePanel extends Component<Props, State> {
|
|
49
|
-
// (undocumented)
|
|
50
|
-
attachPanelTo: string;
|
|
51
|
-
// (undocumented)
|
|
52
|
-
componentDidMount(): void;
|
|
53
|
-
// (undocumented)
|
|
54
|
-
render(): React_2.ReactNode;
|
|
55
|
-
// (undocumented)
|
|
56
|
-
renderDrawer(Container: HTMLElement): ReactNode;
|
|
57
|
-
// (undocumented)
|
|
58
|
-
state: {
|
|
59
|
-
entered: boolean;
|
|
60
|
-
container: undefined;
|
|
61
|
-
};
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
// @public (undocumented)
|
|
65
|
-
interface State {
|
|
66
|
-
// (undocumented)
|
|
67
|
-
container?: Element | null;
|
|
68
|
-
// (undocumented)
|
|
69
|
-
entered: boolean;
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
// (No @packageDocumentation comment for this package)
|
|
73
|
-
|
|
74
|
-
```
|