@atlaskit/drawer 10.1.0 → 10.1.2
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 +14 -0
- package/dist/cjs/compiled/drawer.js +3 -3
- package/dist/cjs/components/index.js +3 -3
- package/dist/cjs/components/primitives/index.js +12 -15
- package/dist/es2019/compiled/drawer.js +3 -3
- package/dist/es2019/components/index.js +3 -4
- package/dist/es2019/components/primitives/index.js +9 -17
- package/dist/esm/compiled/drawer.js +3 -3
- package/dist/esm/components/index.js +3 -3
- package/dist/esm/components/primitives/index.js +9 -17
- package/dist/types/components/primitives/index.d.ts +2 -6
- package/dist/types-ts4.5/components/primitives/index.d.ts +2 -6
- package/package.json +14 -14
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/drawer
|
|
2
2
|
|
|
3
|
+
## 10.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#158339](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/158339)
|
|
8
|
+
[`ef6ac832a7616`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ef6ac832a7616) -
|
|
9
|
+
Removes redundant usage of jsx pragma from @emotion/react
|
|
10
|
+
|
|
11
|
+
## 10.1.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- Updated dependencies
|
|
16
|
+
|
|
3
17
|
## 10.1.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -67,7 +67,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
|
|
|
67
67
|
action: 'dismissed',
|
|
68
68
|
componentName: 'drawer',
|
|
69
69
|
packageName: "@atlaskit/drawer",
|
|
70
|
-
packageVersion: "10.1.
|
|
70
|
+
packageVersion: "10.1.2",
|
|
71
71
|
analyticsData: {
|
|
72
72
|
trigger: 'escKey'
|
|
73
73
|
}
|
|
@@ -90,7 +90,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
|
|
|
90
90
|
action: 'dismissed',
|
|
91
91
|
componentName: 'drawer',
|
|
92
92
|
packageName: "@atlaskit/drawer",
|
|
93
|
-
packageVersion: "10.1.
|
|
93
|
+
packageVersion: "10.1.2",
|
|
94
94
|
analyticsData: {
|
|
95
95
|
trigger: 'blanket'
|
|
96
96
|
}
|
|
@@ -102,7 +102,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
|
|
|
102
102
|
action: 'dismissed',
|
|
103
103
|
componentName: 'drawer',
|
|
104
104
|
packageName: "@atlaskit/drawer",
|
|
105
|
-
packageVersion: "10.1.
|
|
105
|
+
packageVersion: "10.1.2",
|
|
106
106
|
analyticsData: {
|
|
107
107
|
trigger: 'backButton'
|
|
108
108
|
}
|
|
@@ -72,7 +72,7 @@ var Drawer = function Drawer(_ref2) {
|
|
|
72
72
|
action: 'dismissed',
|
|
73
73
|
componentName: 'drawer',
|
|
74
74
|
packageName: "@atlaskit/drawer",
|
|
75
|
-
packageVersion: "10.1.
|
|
75
|
+
packageVersion: "10.1.2",
|
|
76
76
|
analyticsData: {
|
|
77
77
|
trigger: 'escKey'
|
|
78
78
|
}
|
|
@@ -95,7 +95,7 @@ var Drawer = function Drawer(_ref2) {
|
|
|
95
95
|
action: 'dismissed',
|
|
96
96
|
componentName: 'drawer',
|
|
97
97
|
packageName: "@atlaskit/drawer",
|
|
98
|
-
packageVersion: "10.1.
|
|
98
|
+
packageVersion: "10.1.2",
|
|
99
99
|
analyticsData: {
|
|
100
100
|
trigger: 'blanket'
|
|
101
101
|
}
|
|
@@ -107,7 +107,7 @@ var Drawer = function Drawer(_ref2) {
|
|
|
107
107
|
action: 'dismissed',
|
|
108
108
|
componentName: 'drawer',
|
|
109
109
|
packageName: "@atlaskit/drawer",
|
|
110
|
-
packageVersion: "10.1.
|
|
110
|
+
packageVersion: "10.1.2",
|
|
111
111
|
analyticsData: {
|
|
112
112
|
trigger: 'backButton'
|
|
113
113
|
}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
8
9
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _react = require("react");
|
|
11
|
-
var _react2 = require("@emotion/react");
|
|
11
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _new = require("@atlaskit/button/new");
|
|
13
13
|
var _arrowLeft = _interopRequireDefault(require("@atlaskit/icon/core/migration/arrow-left"));
|
|
14
14
|
var _motion = require("@atlaskit/motion");
|
|
@@ -19,11 +19,8 @@ var _focusLock = _interopRequireDefault(require("./focus-lock"));
|
|
|
19
19
|
var _sidebar = _interopRequireDefault(require("./sidebar"));
|
|
20
20
|
var _excluded = ["component"],
|
|
21
21
|
_excluded2 = ["component"];
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
* @jsx jsx
|
|
25
|
-
*/
|
|
26
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
22
|
+
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); }
|
|
23
|
+
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 && {}.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; }
|
|
27
24
|
// Misc.
|
|
28
25
|
// ------------------------------
|
|
29
26
|
|
|
@@ -39,7 +36,7 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
|
|
|
39
36
|
var children = _ref.children,
|
|
40
37
|
onFinish = _ref.onFinish,
|
|
41
38
|
enterFrom = _ref.enterFrom;
|
|
42
|
-
return
|
|
39
|
+
return /*#__PURE__*/_react.default.createElement(_motion.SlideIn, {
|
|
43
40
|
animationTimingFunction: "ease-out",
|
|
44
41
|
duration: "small",
|
|
45
42
|
enterFrom: enterFrom,
|
|
@@ -87,18 +84,18 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
|
|
|
87
84
|
onCloseComplete === null || onCloseComplete === void 0 || onCloseComplete(drawerRef.current);
|
|
88
85
|
}
|
|
89
86
|
}, [onCloseComplete, onOpenComplete]);
|
|
90
|
-
return
|
|
87
|
+
return /*#__PURE__*/_react.default.createElement(_motion.ExitingPersistence, {
|
|
91
88
|
appear: true
|
|
92
|
-
}, isOpen &&
|
|
89
|
+
}, isOpen && /*#__PURE__*/_react.default.createElement(CustomSlideIn, {
|
|
93
90
|
onFinish: onFinish,
|
|
94
91
|
enterFrom: enterFrom
|
|
95
92
|
}, function (_ref3) {
|
|
96
93
|
var className = _ref3.className;
|
|
97
|
-
return
|
|
94
|
+
return /*#__PURE__*/_react.default.createElement(_focusLock.default, {
|
|
98
95
|
autoFocusFirstElem: autoFocusFirstElem,
|
|
99
96
|
isFocusLockEnabled: isFocusLockEnabled,
|
|
100
97
|
shouldReturnFocus: shouldReturnFocus
|
|
101
|
-
},
|
|
98
|
+
}, /*#__PURE__*/_react.default.createElement(_drawerWrapper.default
|
|
102
99
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
103
100
|
, {
|
|
104
101
|
className: className,
|
|
@@ -107,11 +104,11 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
|
|
|
107
104
|
drawerRef: drawerRef,
|
|
108
105
|
label: label,
|
|
109
106
|
titleId: titleId
|
|
110
|
-
},
|
|
107
|
+
}, /*#__PURE__*/_react.default.createElement(Sidebar, sideBarOverrides, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
|
|
111
108
|
onClick: onClose,
|
|
112
109
|
testId: testId && 'DrawerPrimitiveSidebarCloseButton',
|
|
113
110
|
icon: Icon ? function (iconProps) {
|
|
114
|
-
return
|
|
111
|
+
return /*#__PURE__*/_react.default.createElement(Icon, (0, _extends2.default)({}, iconProps, {
|
|
115
112
|
size: "large",
|
|
116
113
|
LEGACY_size: "large"
|
|
117
114
|
}));
|
|
@@ -119,7 +116,7 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
|
|
|
119
116
|
label: closeLabel,
|
|
120
117
|
shape: "circle",
|
|
121
118
|
appearance: "subtle"
|
|
122
|
-
})),
|
|
119
|
+
})), /*#__PURE__*/_react.default.createElement(Content, (0, _extends2.default)({
|
|
123
120
|
scrollContentLabel: scrollContentLabel
|
|
124
121
|
}, contentOverrides), children)));
|
|
125
122
|
}));
|
|
@@ -51,7 +51,7 @@ export const Drawer = ({
|
|
|
51
51
|
action: 'dismissed',
|
|
52
52
|
componentName: 'drawer',
|
|
53
53
|
packageName: "@atlaskit/drawer",
|
|
54
|
-
packageVersion: "10.1.
|
|
54
|
+
packageVersion: "10.1.2",
|
|
55
55
|
analyticsData: {
|
|
56
56
|
trigger: 'escKey'
|
|
57
57
|
}
|
|
@@ -72,7 +72,7 @@ export const Drawer = ({
|
|
|
72
72
|
action: 'dismissed',
|
|
73
73
|
componentName: 'drawer',
|
|
74
74
|
packageName: "@atlaskit/drawer",
|
|
75
|
-
packageVersion: "10.1.
|
|
75
|
+
packageVersion: "10.1.2",
|
|
76
76
|
analyticsData: {
|
|
77
77
|
trigger: 'blanket'
|
|
78
78
|
}
|
|
@@ -82,7 +82,7 @@ export const Drawer = ({
|
|
|
82
82
|
action: 'dismissed',
|
|
83
83
|
componentName: 'drawer',
|
|
84
84
|
packageName: "@atlaskit/drawer",
|
|
85
|
-
packageVersion: "10.1.
|
|
85
|
+
packageVersion: "10.1.2",
|
|
86
86
|
analyticsData: {
|
|
87
87
|
trigger: 'backButton'
|
|
88
88
|
}
|
|
@@ -44,7 +44,6 @@ const Drawer = ({
|
|
|
44
44
|
scrollContentLabel,
|
|
45
45
|
onCloseComplete,
|
|
46
46
|
onOpenComplete,
|
|
47
|
-
// eslint-disable-next-line @repo/internal/react/consistent-props-definitions
|
|
48
47
|
overrides,
|
|
49
48
|
zIndex = 'unset',
|
|
50
49
|
label,
|
|
@@ -57,7 +56,7 @@ const Drawer = ({
|
|
|
57
56
|
action: 'dismissed',
|
|
58
57
|
componentName: 'drawer',
|
|
59
58
|
packageName: "@atlaskit/drawer",
|
|
60
|
-
packageVersion: "10.1.
|
|
59
|
+
packageVersion: "10.1.2",
|
|
61
60
|
analyticsData: {
|
|
62
61
|
trigger: 'escKey'
|
|
63
62
|
}
|
|
@@ -78,7 +77,7 @@ const Drawer = ({
|
|
|
78
77
|
action: 'dismissed',
|
|
79
78
|
componentName: 'drawer',
|
|
80
79
|
packageName: "@atlaskit/drawer",
|
|
81
|
-
packageVersion: "10.1.
|
|
80
|
+
packageVersion: "10.1.2",
|
|
82
81
|
analyticsData: {
|
|
83
82
|
trigger: 'blanket'
|
|
84
83
|
}
|
|
@@ -88,7 +87,7 @@ const Drawer = ({
|
|
|
88
87
|
action: 'dismissed',
|
|
89
88
|
componentName: 'drawer',
|
|
90
89
|
packageName: "@atlaskit/drawer",
|
|
91
|
-
packageVersion: "10.1.
|
|
90
|
+
packageVersion: "10.1.2",
|
|
92
91
|
analyticsData: {
|
|
93
92
|
trigger: 'backButton'
|
|
94
93
|
}
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
-
|
|
3
|
-
* @jsxRuntime classic
|
|
4
|
-
* @jsx jsx
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
import { useCallback, useRef } from 'react';
|
|
8
|
-
|
|
9
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
10
|
-
import { jsx } from '@emotion/react';
|
|
2
|
+
import React, { useCallback, useRef } from 'react';
|
|
11
3
|
import { IconButton } from '@atlaskit/button/new';
|
|
12
4
|
import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
|
|
13
5
|
import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
|
|
@@ -33,7 +25,7 @@ const CustomSlideIn = ({
|
|
|
33
25
|
onFinish,
|
|
34
26
|
enterFrom
|
|
35
27
|
}) => {
|
|
36
|
-
return
|
|
28
|
+
return /*#__PURE__*/React.createElement(SlideIn, {
|
|
37
29
|
animationTimingFunction: "ease-out",
|
|
38
30
|
duration: "small",
|
|
39
31
|
enterFrom: enterFrom,
|
|
@@ -82,18 +74,18 @@ const DrawerPrimitive = ({
|
|
|
82
74
|
onCloseComplete === null || onCloseComplete === void 0 ? void 0 : onCloseComplete(drawerRef.current);
|
|
83
75
|
}
|
|
84
76
|
}, [onCloseComplete, onOpenComplete]);
|
|
85
|
-
return
|
|
77
|
+
return /*#__PURE__*/React.createElement(ExitingPersistence, {
|
|
86
78
|
appear: true
|
|
87
|
-
}, isOpen &&
|
|
79
|
+
}, isOpen && /*#__PURE__*/React.createElement(CustomSlideIn, {
|
|
88
80
|
onFinish: onFinish,
|
|
89
81
|
enterFrom: enterFrom
|
|
90
82
|
}, ({
|
|
91
83
|
className
|
|
92
|
-
}) =>
|
|
84
|
+
}) => /*#__PURE__*/React.createElement(FocusLock, {
|
|
93
85
|
autoFocusFirstElem: autoFocusFirstElem,
|
|
94
86
|
isFocusLockEnabled: isFocusLockEnabled,
|
|
95
87
|
shouldReturnFocus: shouldReturnFocus
|
|
96
|
-
},
|
|
88
|
+
}, /*#__PURE__*/React.createElement(DrawerWrapper
|
|
97
89
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
98
90
|
, {
|
|
99
91
|
className: className,
|
|
@@ -102,17 +94,17 @@ const DrawerPrimitive = ({
|
|
|
102
94
|
drawerRef: drawerRef,
|
|
103
95
|
label: label,
|
|
104
96
|
titleId: titleId
|
|
105
|
-
},
|
|
97
|
+
}, /*#__PURE__*/React.createElement(Sidebar, sideBarOverrides, /*#__PURE__*/React.createElement(IconButton, {
|
|
106
98
|
onClick: onClose,
|
|
107
99
|
testId: testId && 'DrawerPrimitiveSidebarCloseButton',
|
|
108
|
-
icon: Icon ? iconProps =>
|
|
100
|
+
icon: Icon ? iconProps => /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
|
|
109
101
|
size: "large",
|
|
110
102
|
LEGACY_size: "large"
|
|
111
103
|
})) : ArrowLeft,
|
|
112
104
|
label: closeLabel,
|
|
113
105
|
shape: "circle",
|
|
114
106
|
appearance: "subtle"
|
|
115
|
-
})),
|
|
107
|
+
})), /*#__PURE__*/React.createElement(Content, _extends({
|
|
116
108
|
scrollContentLabel: scrollContentLabel
|
|
117
109
|
}, contentOverrides), children)))));
|
|
118
110
|
};
|
|
@@ -56,7 +56,7 @@ export var Drawer = function Drawer(_ref2) {
|
|
|
56
56
|
action: 'dismissed',
|
|
57
57
|
componentName: 'drawer',
|
|
58
58
|
packageName: "@atlaskit/drawer",
|
|
59
|
-
packageVersion: "10.1.
|
|
59
|
+
packageVersion: "10.1.2",
|
|
60
60
|
analyticsData: {
|
|
61
61
|
trigger: 'escKey'
|
|
62
62
|
}
|
|
@@ -79,7 +79,7 @@ export var Drawer = function Drawer(_ref2) {
|
|
|
79
79
|
action: 'dismissed',
|
|
80
80
|
componentName: 'drawer',
|
|
81
81
|
packageName: "@atlaskit/drawer",
|
|
82
|
-
packageVersion: "10.1.
|
|
82
|
+
packageVersion: "10.1.2",
|
|
83
83
|
analyticsData: {
|
|
84
84
|
trigger: 'blanket'
|
|
85
85
|
}
|
|
@@ -91,7 +91,7 @@ export var Drawer = function Drawer(_ref2) {
|
|
|
91
91
|
action: 'dismissed',
|
|
92
92
|
componentName: 'drawer',
|
|
93
93
|
packageName: "@atlaskit/drawer",
|
|
94
|
-
packageVersion: "10.1.
|
|
94
|
+
packageVersion: "10.1.2",
|
|
95
95
|
analyticsData: {
|
|
96
96
|
trigger: 'backButton'
|
|
97
97
|
}
|
|
@@ -61,7 +61,7 @@ var Drawer = function Drawer(_ref2) {
|
|
|
61
61
|
action: 'dismissed',
|
|
62
62
|
componentName: 'drawer',
|
|
63
63
|
packageName: "@atlaskit/drawer",
|
|
64
|
-
packageVersion: "10.1.
|
|
64
|
+
packageVersion: "10.1.2",
|
|
65
65
|
analyticsData: {
|
|
66
66
|
trigger: 'escKey'
|
|
67
67
|
}
|
|
@@ -84,7 +84,7 @@ var Drawer = function Drawer(_ref2) {
|
|
|
84
84
|
action: 'dismissed',
|
|
85
85
|
componentName: 'drawer',
|
|
86
86
|
packageName: "@atlaskit/drawer",
|
|
87
|
-
packageVersion: "10.1.
|
|
87
|
+
packageVersion: "10.1.2",
|
|
88
88
|
analyticsData: {
|
|
89
89
|
trigger: 'blanket'
|
|
90
90
|
}
|
|
@@ -96,7 +96,7 @@ var Drawer = function Drawer(_ref2) {
|
|
|
96
96
|
action: 'dismissed',
|
|
97
97
|
componentName: 'drawer',
|
|
98
98
|
packageName: "@atlaskit/drawer",
|
|
99
|
-
packageVersion: "10.1.
|
|
99
|
+
packageVersion: "10.1.2",
|
|
100
100
|
analyticsData: {
|
|
101
101
|
trigger: 'backButton'
|
|
102
102
|
}
|
|
@@ -2,15 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["component"],
|
|
4
4
|
_excluded2 = ["component"];
|
|
5
|
-
|
|
6
|
-
* @jsxRuntime classic
|
|
7
|
-
* @jsx jsx
|
|
8
|
-
*/
|
|
9
|
-
|
|
10
|
-
import { useCallback, useRef } from 'react';
|
|
11
|
-
|
|
12
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
13
|
-
import { jsx } from '@emotion/react';
|
|
5
|
+
import React, { useCallback, useRef } from 'react';
|
|
14
6
|
import { IconButton } from '@atlaskit/button/new';
|
|
15
7
|
import ArrowLeft from '@atlaskit/icon/core/migration/arrow-left';
|
|
16
8
|
import { ExitingPersistence, SlideIn } from '@atlaskit/motion';
|
|
@@ -35,7 +27,7 @@ var CustomSlideIn = function CustomSlideIn(_ref) {
|
|
|
35
27
|
var children = _ref.children,
|
|
36
28
|
onFinish = _ref.onFinish,
|
|
37
29
|
enterFrom = _ref.enterFrom;
|
|
38
|
-
return
|
|
30
|
+
return /*#__PURE__*/React.createElement(SlideIn, {
|
|
39
31
|
animationTimingFunction: "ease-out",
|
|
40
32
|
duration: "small",
|
|
41
33
|
enterFrom: enterFrom,
|
|
@@ -83,18 +75,18 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
|
|
|
83
75
|
onCloseComplete === null || onCloseComplete === void 0 || onCloseComplete(drawerRef.current);
|
|
84
76
|
}
|
|
85
77
|
}, [onCloseComplete, onOpenComplete]);
|
|
86
|
-
return
|
|
78
|
+
return /*#__PURE__*/React.createElement(ExitingPersistence, {
|
|
87
79
|
appear: true
|
|
88
|
-
}, isOpen &&
|
|
80
|
+
}, isOpen && /*#__PURE__*/React.createElement(CustomSlideIn, {
|
|
89
81
|
onFinish: onFinish,
|
|
90
82
|
enterFrom: enterFrom
|
|
91
83
|
}, function (_ref3) {
|
|
92
84
|
var className = _ref3.className;
|
|
93
|
-
return
|
|
85
|
+
return /*#__PURE__*/React.createElement(FocusLock, {
|
|
94
86
|
autoFocusFirstElem: autoFocusFirstElem,
|
|
95
87
|
isFocusLockEnabled: isFocusLockEnabled,
|
|
96
88
|
shouldReturnFocus: shouldReturnFocus
|
|
97
|
-
},
|
|
89
|
+
}, /*#__PURE__*/React.createElement(DrawerWrapper
|
|
98
90
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
|
|
99
91
|
, {
|
|
100
92
|
className: className,
|
|
@@ -103,11 +95,11 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
|
|
|
103
95
|
drawerRef: drawerRef,
|
|
104
96
|
label: label,
|
|
105
97
|
titleId: titleId
|
|
106
|
-
},
|
|
98
|
+
}, /*#__PURE__*/React.createElement(Sidebar, sideBarOverrides, /*#__PURE__*/React.createElement(IconButton, {
|
|
107
99
|
onClick: onClose,
|
|
108
100
|
testId: testId && 'DrawerPrimitiveSidebarCloseButton',
|
|
109
101
|
icon: Icon ? function (iconProps) {
|
|
110
|
-
return
|
|
102
|
+
return /*#__PURE__*/React.createElement(Icon, _extends({}, iconProps, {
|
|
111
103
|
size: "large",
|
|
112
104
|
LEGACY_size: "large"
|
|
113
105
|
}));
|
|
@@ -115,7 +107,7 @@ var DrawerPrimitive = function DrawerPrimitive(_ref2) {
|
|
|
115
107
|
label: closeLabel,
|
|
116
108
|
shape: "circle",
|
|
117
109
|
appearance: "subtle"
|
|
118
|
-
})),
|
|
110
|
+
})), /*#__PURE__*/React.createElement(Content, _extends({
|
|
119
111
|
scrollContentLabel: scrollContentLabel
|
|
120
112
|
}, contentOverrides), children)));
|
|
121
113
|
}));
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
1
|
+
import React from 'react';
|
|
6
2
|
import { type DrawerPrimitiveProps } from '../types';
|
|
7
|
-
declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, scrollContentLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, enterFrom, }: DrawerPrimitiveProps) =>
|
|
3
|
+
declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, scrollContentLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, enterFrom, }: DrawerPrimitiveProps) => React.JSX.Element;
|
|
8
4
|
export default DrawerPrimitive;
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
* @jsxRuntime classic
|
|
3
|
-
* @jsx jsx
|
|
4
|
-
*/
|
|
5
|
-
import { jsx } from '@emotion/react';
|
|
1
|
+
import React from 'react';
|
|
6
2
|
import { type DrawerPrimitiveProps } from '../types';
|
|
7
|
-
declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, scrollContentLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, enterFrom, }: DrawerPrimitiveProps) =>
|
|
3
|
+
declare const DrawerPrimitive: ({ children, icon: Icon, closeLabel, scrollContentLabel, onClose, onCloseComplete, onOpenComplete, overrides, testId, in: isOpen, shouldReturnFocus, autoFocusFirstElem, isFocusLockEnabled, width, label, titleId, enterFrom, }: DrawerPrimitiveProps) => React.JSX.Element;
|
|
8
4
|
export default DrawerPrimitive;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/drawer",
|
|
3
|
-
"version": "10.1.
|
|
3
|
+
"version": "10.1.2",
|
|
4
4
|
"description": "A drawer is a panel that slides in from the left side of the screen.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -58,15 +58,15 @@
|
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@atlaskit/analytics-next": "^11.0.0",
|
|
60
60
|
"@atlaskit/blanket": "^15.0.0",
|
|
61
|
-
"@atlaskit/button": "^23.
|
|
61
|
+
"@atlaskit/button": "^23.2.0",
|
|
62
62
|
"@atlaskit/css": "^0.10.0",
|
|
63
|
-
"@atlaskit/icon": "^
|
|
63
|
+
"@atlaskit/icon": "^26.1.0",
|
|
64
64
|
"@atlaskit/layering": "^2.1.0",
|
|
65
65
|
"@atlaskit/motion": "^5.1.0",
|
|
66
66
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
67
67
|
"@atlaskit/portal": "^5.1.0",
|
|
68
68
|
"@atlaskit/theme": "^18.0.0",
|
|
69
|
-
"@atlaskit/tokens": "^4.
|
|
69
|
+
"@atlaskit/tokens": "^4.9.0",
|
|
70
70
|
"@babel/runtime": "^7.0.0",
|
|
71
71
|
"@compiled/react": "^0.18.3",
|
|
72
72
|
"@emotion/react": "^11.7.1",
|
|
@@ -81,19 +81,19 @@
|
|
|
81
81
|
"react": "^18.2.0"
|
|
82
82
|
},
|
|
83
83
|
"devDependencies": {
|
|
84
|
-
"@af/accessibility-testing": "
|
|
85
|
-
"@af/integration-testing": "
|
|
86
|
-
"@af/visual-regression": "
|
|
87
|
-
"@atlaskit/code": "^17.
|
|
84
|
+
"@af/accessibility-testing": "workspace:^",
|
|
85
|
+
"@af/integration-testing": "workspace:^",
|
|
86
|
+
"@af/visual-regression": "workspace:^",
|
|
87
|
+
"@atlaskit/code": "^17.2.0",
|
|
88
88
|
"@atlaskit/docs": "^10.0.0",
|
|
89
|
-
"@atlaskit/dropdown-menu": "^
|
|
89
|
+
"@atlaskit/dropdown-menu": "^15.2.0",
|
|
90
90
|
"@atlaskit/ds-lib": "^4.0.0",
|
|
91
91
|
"@atlaskit/form": "^12.0.0",
|
|
92
|
-
"@atlaskit/inline-message": "^
|
|
93
|
-
"@atlaskit/link": "^3.
|
|
94
|
-
"@atlaskit/menu": "^
|
|
95
|
-
"@atlaskit/modal-dialog": "^14.
|
|
96
|
-
"@atlaskit/primitives": "^14.
|
|
92
|
+
"@atlaskit/inline-message": "^15.2.0",
|
|
93
|
+
"@atlaskit/link": "^3.2.0",
|
|
94
|
+
"@atlaskit/menu": "^7.1.0",
|
|
95
|
+
"@atlaskit/modal-dialog": "^14.2.0",
|
|
96
|
+
"@atlaskit/primitives": "^14.8.0",
|
|
97
97
|
"@atlaskit/section-message": "^8.2.0",
|
|
98
98
|
"@atlassian/ssr-tests": "^0.2.0",
|
|
99
99
|
"@testing-library/react": "^13.4.0",
|