@atlaskit/drawer 9.0.2 → 9.0.3
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 +8 -0
- package/dist/cjs/components/index.js +3 -3
- package/dist/cjs/components/primitives/focus-lock.js +5 -1
- package/dist/es2019/components/index.js +3 -3
- package/dist/es2019/components/primitives/focus-lock.js +5 -1
- package/dist/esm/components/index.js +3 -3
- package/dist/esm/components/primitives/focus-lock.js +5 -1
- package/package.json +5 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/drawer
|
|
2
2
|
|
|
3
|
+
## 9.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#148431](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/148431)
|
|
8
|
+
[`61d309ff981d8`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/61d309ff981d8) -
|
|
9
|
+
Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 9.0.2
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -73,7 +73,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
|
|
|
73
73
|
action: 'dismissed',
|
|
74
74
|
componentName: 'drawer',
|
|
75
75
|
packageName: "@atlaskit/drawer",
|
|
76
|
-
packageVersion: "9.0.
|
|
76
|
+
packageVersion: "9.0.3",
|
|
77
77
|
analyticsData: {
|
|
78
78
|
trigger: 'escKey'
|
|
79
79
|
}
|
|
@@ -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: "9.0.
|
|
105
|
+
packageVersion: "9.0.3",
|
|
106
106
|
analyticsData: {
|
|
107
107
|
trigger: 'blanket'
|
|
108
108
|
}
|
|
@@ -114,7 +114,7 @@ var Drawer = exports.Drawer = function Drawer(_ref2) {
|
|
|
114
114
|
action: 'dismissed',
|
|
115
115
|
componentName: 'drawer',
|
|
116
116
|
packageName: "@atlaskit/drawer",
|
|
117
|
-
packageVersion: "9.0.
|
|
117
|
+
packageVersion: "9.0.3",
|
|
118
118
|
analyticsData: {
|
|
119
119
|
trigger: 'backButton'
|
|
120
120
|
}
|
|
@@ -8,10 +8,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
8
8
|
exports.default = void 0;
|
|
9
9
|
var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _reactFocusLock = _interopRequireDefault(require("react-focus-lock"));
|
|
11
|
+
var _reactFocusLockNext = _interopRequireDefault(require("react-focus-lock-next"));
|
|
11
12
|
var _reactScrolllock = _interopRequireDefault(require("react-scrolllock"));
|
|
12
13
|
var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
|
|
14
|
+
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
15
|
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); }
|
|
14
16
|
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; }
|
|
17
|
+
var ReactFocusLock = (0, _platformFeatureFlags.fg)('platform_dst_drawer-bump-react-focus-lock') ? _reactFocusLockNext.default : _reactFocusLock.default;
|
|
18
|
+
|
|
15
19
|
/**
|
|
16
20
|
* __Focus lock__
|
|
17
21
|
*
|
|
@@ -51,7 +55,7 @@ var FocusLock = function FocusLock(_ref) {
|
|
|
51
55
|
}, 0);
|
|
52
56
|
}
|
|
53
57
|
};
|
|
54
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
58
|
+
return /*#__PURE__*/_react.default.createElement(ReactFocusLock, {
|
|
55
59
|
disabled: !isFocusLockEnabled,
|
|
56
60
|
autoFocus: !!autoFocusFirstElem,
|
|
57
61
|
returnFocus: getFocusTarget(),
|
|
@@ -58,7 +58,7 @@ export const Drawer = ({
|
|
|
58
58
|
action: 'dismissed',
|
|
59
59
|
componentName: 'drawer',
|
|
60
60
|
packageName: "@atlaskit/drawer",
|
|
61
|
-
packageVersion: "9.0.
|
|
61
|
+
packageVersion: "9.0.3",
|
|
62
62
|
analyticsData: {
|
|
63
63
|
trigger: 'escKey'
|
|
64
64
|
}
|
|
@@ -85,7 +85,7 @@ export const Drawer = ({
|
|
|
85
85
|
action: 'dismissed',
|
|
86
86
|
componentName: 'drawer',
|
|
87
87
|
packageName: "@atlaskit/drawer",
|
|
88
|
-
packageVersion: "9.0.
|
|
88
|
+
packageVersion: "9.0.3",
|
|
89
89
|
analyticsData: {
|
|
90
90
|
trigger: 'blanket'
|
|
91
91
|
}
|
|
@@ -95,7 +95,7 @@ export const Drawer = ({
|
|
|
95
95
|
action: 'dismissed',
|
|
96
96
|
componentName: 'drawer',
|
|
97
97
|
packageName: "@atlaskit/drawer",
|
|
98
|
-
packageVersion: "9.0.
|
|
98
|
+
packageVersion: "9.0.3",
|
|
99
99
|
analyticsData: {
|
|
100
100
|
trigger: 'backButton'
|
|
101
101
|
}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import ReactFocusLockOld from 'react-focus-lock';
|
|
3
|
+
import ReactFocusLockNext from 'react-focus-lock-next';
|
|
3
4
|
import ScrollLock from 'react-scrolllock';
|
|
4
5
|
import invariant from 'tiny-invariant';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
const ReactFocusLock = fg('platform_dst_drawer-bump-react-focus-lock') ? ReactFocusLockNext : ReactFocusLockOld;
|
|
8
|
+
|
|
5
9
|
/**
|
|
6
10
|
* __Focus lock__
|
|
7
11
|
*
|
|
@@ -62,7 +62,7 @@ export var Drawer = function Drawer(_ref2) {
|
|
|
62
62
|
action: 'dismissed',
|
|
63
63
|
componentName: 'drawer',
|
|
64
64
|
packageName: "@atlaskit/drawer",
|
|
65
|
-
packageVersion: "9.0.
|
|
65
|
+
packageVersion: "9.0.3",
|
|
66
66
|
analyticsData: {
|
|
67
67
|
trigger: 'escKey'
|
|
68
68
|
}
|
|
@@ -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: "9.0.
|
|
94
|
+
packageVersion: "9.0.3",
|
|
95
95
|
analyticsData: {
|
|
96
96
|
trigger: 'blanket'
|
|
97
97
|
}
|
|
@@ -103,7 +103,7 @@ export var Drawer = function Drawer(_ref2) {
|
|
|
103
103
|
action: 'dismissed',
|
|
104
104
|
componentName: 'drawer',
|
|
105
105
|
packageName: "@atlaskit/drawer",
|
|
106
|
-
packageVersion: "9.0.
|
|
106
|
+
packageVersion: "9.0.3",
|
|
107
107
|
analyticsData: {
|
|
108
108
|
trigger: 'backButton'
|
|
109
109
|
}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import ReactFocusLockOld from 'react-focus-lock';
|
|
3
|
+
import ReactFocusLockNext from 'react-focus-lock-next';
|
|
3
4
|
import ScrollLock from 'react-scrolllock';
|
|
4
5
|
import invariant from 'tiny-invariant';
|
|
6
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
7
|
+
var ReactFocusLock = fg('platform_dst_drawer-bump-react-focus-lock') ? ReactFocusLockNext : ReactFocusLockOld;
|
|
8
|
+
|
|
5
9
|
/**
|
|
6
10
|
* __Focus lock__
|
|
7
11
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/drawer",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.3",
|
|
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/"
|
|
@@ -51,6 +51,7 @@
|
|
|
51
51
|
"bind-event-listener": "^3.0.0",
|
|
52
52
|
"exenv": "^1.2.2",
|
|
53
53
|
"react-focus-lock": "^2.9.5",
|
|
54
|
+
"react-focus-lock-next": "npm:react-focus-lock@^2.13.2",
|
|
54
55
|
"react-scrolllock": "^5.0.1",
|
|
55
56
|
"tiny-invariant": "^1.2.0",
|
|
56
57
|
"use-callback-ref": "^1.2.3"
|
|
@@ -77,6 +78,9 @@
|
|
|
77
78
|
"platform-feature-flags": {
|
|
78
79
|
"platform.design-system-team.inline-message-layering_wfp1p": {
|
|
79
80
|
"type": "boolean"
|
|
81
|
+
},
|
|
82
|
+
"platform_dst_drawer-bump-react-focus-lock": {
|
|
83
|
+
"type": "boolean"
|
|
80
84
|
}
|
|
81
85
|
},
|
|
82
86
|
"techstack": {
|