@atlaskit/right-side-panel 1.2.4 → 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 +35 -21
- 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 +4 -13
- package/package.json +10 -8
- package/dist/cjs/version.json +0 -5
- package/dist/es2019/version.json +0 -5
- package/dist/esm/version.json +0 -5
- package/tmp/api-report-tmp.d.ts +0 -74
package/CHANGELOG.md
CHANGED
|
@@ -1,34 +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
|
+
|
|
10
|
+
## 1.2.5
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [#38162](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/38162) [`fd6bb9c9184`](https://bitbucket.org/atlassian/atlassian-frontend/commits/fd6bb9c9184) - Delete version.json
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 1.2.4
|
|
4
18
|
|
|
5
19
|
### Patch Changes
|
|
6
20
|
|
|
7
|
-
- [`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
|
|
8
22
|
|
|
9
23
|
## 1.2.3
|
|
10
24
|
|
|
11
25
|
### Patch Changes
|
|
12
26
|
|
|
13
|
-
- [`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
|
|
14
28
|
|
|
15
29
|
## 1.2.2
|
|
16
30
|
|
|
17
31
|
### Patch Changes
|
|
18
32
|
|
|
19
|
-
- [`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`
|
|
20
34
|
|
|
21
35
|
## 1.2.1
|
|
22
36
|
|
|
23
37
|
### Patch Changes
|
|
24
38
|
|
|
25
|
-
- [`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.
|
|
26
40
|
|
|
27
41
|
## 1.2.0
|
|
28
42
|
|
|
29
43
|
### Minor Changes
|
|
30
44
|
|
|
31
|
-
- [`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
|
|
32
46
|
|
|
33
47
|
### Patch Changes
|
|
34
48
|
|
|
@@ -38,7 +52,7 @@
|
|
|
38
52
|
|
|
39
53
|
### Patch Changes
|
|
40
54
|
|
|
41
|
-
- [`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.
|
|
42
56
|
|
|
43
57
|
## 1.1.13
|
|
44
58
|
|
|
@@ -50,7 +64,7 @@
|
|
|
50
64
|
|
|
51
65
|
### Patch Changes
|
|
52
66
|
|
|
53
|
-
- [`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.
|
|
54
68
|
|
|
55
69
|
## 1.1.11
|
|
56
70
|
|
|
@@ -74,19 +88,19 @@
|
|
|
74
88
|
|
|
75
89
|
### Patch Changes
|
|
76
90
|
|
|
77
|
-
- [`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
|
|
78
92
|
|
|
79
93
|
## 1.1.7
|
|
80
94
|
|
|
81
95
|
### Patch Changes
|
|
82
96
|
|
|
83
|
-
- [`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`
|
|
84
98
|
|
|
85
99
|
## 1.1.6
|
|
86
100
|
|
|
87
101
|
### Patch Changes
|
|
88
102
|
|
|
89
|
-
- [`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`.
|
|
90
104
|
|
|
91
105
|
## 1.1.5
|
|
92
106
|
|
|
@@ -98,7 +112,7 @@
|
|
|
98
112
|
|
|
99
113
|
### Patch Changes
|
|
100
114
|
|
|
101
|
-
- [`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
|
|
102
116
|
|
|
103
117
|
## 1.1.3
|
|
104
118
|
|
|
@@ -122,7 +136,7 @@
|
|
|
122
136
|
|
|
123
137
|
### Minor Changes
|
|
124
138
|
|
|
125
|
-
- [`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`.
|
|
126
140
|
|
|
127
141
|
New tokens will be visible only in applications configured to use the new Tokens API (currently in alpha).
|
|
128
142
|
|
|
@@ -132,7 +146,7 @@
|
|
|
132
146
|
|
|
133
147
|
### Major Changes
|
|
134
148
|
|
|
135
|
-
- [`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
|
|
136
150
|
|
|
137
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.
|
|
138
152
|
Why change was made: As part of a coordinated upgrade effort across AF packages, as react-intl v2 is quite dated.
|
|
@@ -180,19 +194,19 @@
|
|
|
180
194
|
|
|
181
195
|
### Patch Changes
|
|
182
196
|
|
|
183
|
-
- [`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
|
|
184
198
|
|
|
185
199
|
## 0.4.4
|
|
186
200
|
|
|
187
201
|
### Patch Changes
|
|
188
202
|
|
|
189
|
-
- [`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
|
|
190
204
|
|
|
191
205
|
## 0.4.3
|
|
192
206
|
|
|
193
207
|
### Patch Changes
|
|
194
208
|
|
|
195
|
-
- [`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.
|
|
196
210
|
This requires version 3.8 of Typescript, read more about how we handle Typescript versions here: https://atlaskit.atlassian.com/get-started
|
|
197
211
|
Also add `typescript` to `devDependencies` to denote version that the package was built with.
|
|
198
212
|
|
|
@@ -206,7 +220,7 @@
|
|
|
206
220
|
|
|
207
221
|
### Patch Changes
|
|
208
222
|
|
|
209
|
-
- [`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
|
|
210
224
|
|
|
211
225
|
Since tslib is a dependency for all our packages we recommend that products also follow this tslib upgrade
|
|
212
226
|
to prevent duplicates of tslib being bundled.
|
|
@@ -215,7 +229,7 @@
|
|
|
215
229
|
|
|
216
230
|
### Minor Changes
|
|
217
231
|
|
|
218
|
-
- [`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.
|
|
219
233
|
For more information see: https://community.developer.atlassian.com/t/atlaskit-to-drop-support-for-internet-explorer-11-from-1st-july-2020/39534
|
|
220
234
|
|
|
221
235
|
### Patch Changes
|
|
@@ -226,19 +240,19 @@
|
|
|
226
240
|
|
|
227
241
|
### Patch Changes
|
|
228
242
|
|
|
229
|
-
- [`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
|
|
230
244
|
|
|
231
245
|
## 0.3.5
|
|
232
246
|
|
|
233
247
|
### Patch Changes
|
|
234
248
|
|
|
235
|
-
- [`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
|
|
236
250
|
|
|
237
251
|
## 0.3.4
|
|
238
252
|
|
|
239
253
|
### Patch Changes
|
|
240
254
|
|
|
241
|
-
- [`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
|
|
242
256
|
|
|
243
257
|
## 0.3.3
|
|
244
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,23 +1,14 @@
|
|
|
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
|
-
import {
|
|
4
|
+
import { token } from '@atlaskit/tokens';
|
|
11
5
|
|
|
12
6
|
export default md`
|
|
13
7
|
${(
|
|
14
8
|
<>
|
|
15
|
-
<div style={{ marginBottom: '0.5rem' }}>
|
|
9
|
+
<div style={{ marginBottom: token('space.100', '0.5rem') }}>
|
|
16
10
|
<AtlassianInternalWarning />
|
|
17
11
|
</div>
|
|
18
|
-
<div style={{ marginTop: '0.5rem' }}>
|
|
19
|
-
<DevPreviewWarning />
|
|
20
|
-
</div>
|
|
21
12
|
</>
|
|
22
13
|
)}
|
|
23
14
|
|
|
@@ -79,7 +70,7 @@ export default md`
|
|
|
79
70
|
`}
|
|
80
71
|
|
|
81
72
|
${(
|
|
82
|
-
<div style={{ paddingTop:
|
|
73
|
+
<div style={{ paddingTop: token('space.200', '16px') }}>
|
|
83
74
|
<Button
|
|
84
75
|
onClick={() =>
|
|
85
76
|
window.open(
|
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",
|
|
@@ -44,11 +46,11 @@
|
|
|
44
46
|
"react-intl-next": "npm:react-intl@^5.18.1"
|
|
45
47
|
},
|
|
46
48
|
"devDependencies": {
|
|
47
|
-
"@atlaskit/button": "^16.7.0",
|
|
48
|
-
"@atlaskit/docs": "*",
|
|
49
49
|
"@atlaskit/navigation": "^37.0.0",
|
|
50
50
|
"@atlaskit/page": "^12.3.0",
|
|
51
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",
|
|
52
54
|
"enzyme": "^3.10.0",
|
|
53
55
|
"react-test-renderer": "^16.8.0",
|
|
54
56
|
"typescript": "~4.9.5"
|
|
@@ -69,4 +71,4 @@
|
|
|
69
71
|
]
|
|
70
72
|
}
|
|
71
73
|
}
|
|
72
|
-
}
|
|
74
|
+
}
|
package/dist/cjs/version.json
DELETED
package/dist/es2019/version.json
DELETED
package/dist/esm/version.json
DELETED
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
|
-
```
|