@atlaskit/drawer 7.4.12 → 7.4.14
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 +12 -0
- package/dist/cjs/components/index.js +2 -2
- package/dist/cjs/components/primitives/content.js +2 -1
- package/dist/cjs/components/primitives/drawer-wrapper.js +1 -1
- package/dist/cjs/components/primitives/focus-lock.js +1 -1
- package/dist/cjs/components/primitives/icon-button.js +6 -9
- package/dist/cjs/components/primitives/index.js +1 -1
- package/dist/cjs/components/primitives/sidebar.js +2 -1
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/components/index.js +1 -1
- package/dist/es2019/components/primitives/content.js +1 -1
- package/dist/es2019/components/primitives/focus-lock.js +1 -1
- package/dist/es2019/components/primitives/icon-button.js +1 -3
- package/dist/es2019/components/primitives/sidebar.js +1 -1
- package/dist/es2019/version.json +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/primitives/content.js +1 -1
- package/dist/esm/components/primitives/focus-lock.js +1 -1
- package/dist/esm/components/primitives/icon-button.js +6 -9
- package/dist/esm/components/primitives/sidebar.js +1 -1
- package/dist/esm/version.json +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/drawer
|
|
2
2
|
|
|
3
|
+
## 7.4.14
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`4ba10567310`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ba10567310) - Internal changes.
|
|
8
|
+
|
|
9
|
+
## 7.4.13
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [`e0460d5d989`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e0460d5d989) - Usages of `process` are now guarded by a `typeof` check.
|
|
14
|
+
|
|
3
15
|
## 7.4.12
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -25,9 +25,9 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
25
25
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
26
26
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
27
|
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); }; }
|
|
28
|
-
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
|
+
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; } } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
|
|
29
29
|
var packageName = "@atlaskit/drawer";
|
|
30
|
-
var packageVersion = "7.4.
|
|
30
|
+
var packageVersion = "7.4.14";
|
|
31
31
|
var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
|
|
32
32
|
var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
|
|
33
33
|
return createAndFireEventOnAtlaskit({
|
|
@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = require("@emotion/react");
|
|
11
11
|
var _excluded = ["cssFn"];
|
|
12
|
+
/** @jsx jsx */
|
|
12
13
|
var defaultStyles = {
|
|
13
14
|
flex: 1,
|
|
14
15
|
overflow: 'auto',
|
|
@@ -28,7 +29,7 @@ var Content = function Content(_ref) {
|
|
|
28
29
|
* a complete override with no chance of partially changing styles.
|
|
29
30
|
*/
|
|
30
31
|
|
|
31
|
-
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
32
|
+
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
32
33
|
(0, _react.jsx)("div", (0, _extends2.default)({
|
|
33
34
|
css: (0, _react.css)(cssFn(defaultStyles))
|
|
34
35
|
}, props))
|
|
@@ -13,7 +13,7 @@ var _box = _interopRequireDefault(require("@atlaskit/ds-explorations/box"));
|
|
|
13
13
|
var _constants = require("@atlaskit/theme/constants");
|
|
14
14
|
var _usePreventProgrammaticScroll = _interopRequireDefault(require("./hooks/use-prevent-programmatic-scroll"));
|
|
15
15
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
16
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
16
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } /** @jsx jsx */ // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
|
|
17
17
|
var wrapperWidth = {
|
|
18
18
|
full: {
|
|
19
19
|
width: '100vw'
|
|
@@ -38,7 +38,7 @@ var FocusLock = /*#__PURE__*/function (_Component) {
|
|
|
38
38
|
var _this$props = this.props,
|
|
39
39
|
isFocusLockEnabled = _this$props.isFocusLockEnabled,
|
|
40
40
|
autoFocusFirstElem = _this$props.autoFocusFirstElem;
|
|
41
|
-
if (process.env.NODE_ENV !== 'production' && !process.env.CI) {
|
|
41
|
+
if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && !process.env.CI) {
|
|
42
42
|
(0, _tinyInvariant.default)(typeof autoFocusFirstElem === 'boolean', '@atlaskit/drawer: Passing a function as autoFocus is deprecated. Instead call focus on the element ref or use the autofocus property.');
|
|
43
43
|
}
|
|
44
44
|
if (typeof autoFocusFirstElem === 'function' && isFocusLockEnabled) {
|
|
@@ -27,15 +27,12 @@ var IconButton = function IconButton(_ref) {
|
|
|
27
27
|
var children = _ref.children,
|
|
28
28
|
onClick = _ref.onClick,
|
|
29
29
|
testId = _ref.testId;
|
|
30
|
-
return (
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
"data-testid": testId
|
|
37
|
-
}, children)
|
|
38
|
-
);
|
|
30
|
+
return (0, _react.jsx)("button", {
|
|
31
|
+
type: "button",
|
|
32
|
+
css: iconButtonStyles,
|
|
33
|
+
onClick: onClick,
|
|
34
|
+
"data-testid": testId
|
|
35
|
+
}, children);
|
|
39
36
|
};
|
|
40
37
|
|
|
41
38
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
@@ -19,9 +19,9 @@ var _iconButton = _interopRequireDefault(require("./icon-button"));
|
|
|
19
19
|
var _sidebar = _interopRequireDefault(require("./sidebar"));
|
|
20
20
|
var _excluded = ["component"],
|
|
21
21
|
_excluded2 = ["component"];
|
|
22
|
+
/** @jsx jsx */
|
|
22
23
|
// Misc.
|
|
23
24
|
// ------------------------------
|
|
24
|
-
|
|
25
25
|
var defaults = {
|
|
26
26
|
Sidebar: _sidebar.default,
|
|
27
27
|
Content: _content.default
|
|
@@ -10,6 +10,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
|
|
|
10
10
|
var _react = require("@emotion/react");
|
|
11
11
|
var _colors = require("@atlaskit/theme/colors");
|
|
12
12
|
var _excluded = ["cssFn"];
|
|
13
|
+
/** @jsx jsx */
|
|
13
14
|
var defaultStyle = {
|
|
14
15
|
alignItems: 'center',
|
|
15
16
|
boxSizing: 'border-box',
|
|
@@ -28,7 +29,7 @@ var sidebarCSS = function sidebarCSS() {
|
|
|
28
29
|
var Sidebar = function Sidebar(_ref) {
|
|
29
30
|
var cssFn = _ref.cssFn,
|
|
30
31
|
props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
31
|
-
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
32
|
+
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
32
33
|
return (0, _react.jsx)("div", (0, _extends2.default)({
|
|
33
34
|
css: (0, _react.css)(cssFn(defaultStyle))
|
|
34
35
|
}, props));
|
package/dist/cjs/version.json
CHANGED
|
@@ -8,7 +8,7 @@ import { defaultFocusLockSettings } from '../constants';
|
|
|
8
8
|
import Blanket from './blanket';
|
|
9
9
|
import DrawerPrimitive from './primitives';
|
|
10
10
|
const packageName = "@atlaskit/drawer";
|
|
11
|
-
const packageVersion = "7.4.
|
|
11
|
+
const packageVersion = "7.4.14";
|
|
12
12
|
const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
13
13
|
const createAndFireOnClick = (createAnalyticsEvent, trigger) => createAndFireEventOnAtlaskit({
|
|
14
14
|
action: 'dismissed',
|
|
@@ -19,7 +19,7 @@ const Content = ({
|
|
|
19
19
|
* a complete override with no chance of partially changing styles.
|
|
20
20
|
*/
|
|
21
21
|
|
|
22
|
-
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
22
|
+
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
23
23
|
jsx("div", _extends({
|
|
24
24
|
css: css(cssFn(defaultStyles))
|
|
25
25
|
}, props));
|
|
@@ -12,7 +12,7 @@ export default class FocusLock extends Component {
|
|
|
12
12
|
isFocusLockEnabled,
|
|
13
13
|
autoFocusFirstElem
|
|
14
14
|
} = this.props;
|
|
15
|
-
if (process.env.NODE_ENV !== 'production' && !process.env.CI) {
|
|
15
|
+
if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && !process.env.CI) {
|
|
16
16
|
invariant(typeof autoFocusFirstElem === 'boolean', '@atlaskit/drawer: Passing a function as autoFocus is deprecated. Instead call focus on the element ref or use the autofocus property.');
|
|
17
17
|
}
|
|
18
18
|
if (typeof autoFocusFirstElem === 'function' && isFocusLockEnabled) {
|
|
@@ -20,7 +20,7 @@ const Sidebar = ({
|
|
|
20
20
|
cssFn,
|
|
21
21
|
...props
|
|
22
22
|
}) => {
|
|
23
|
-
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
23
|
+
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
24
24
|
return jsx("div", _extends({
|
|
25
25
|
css: css(cssFn(defaultStyle))
|
|
26
26
|
}, props));
|
package/dist/es2019/version.json
CHANGED
|
@@ -18,7 +18,7 @@ import { defaultFocusLockSettings } from '../constants';
|
|
|
18
18
|
import Blanket from './blanket';
|
|
19
19
|
import DrawerPrimitive from './primitives';
|
|
20
20
|
var packageName = "@atlaskit/drawer";
|
|
21
|
-
var packageVersion = "7.4.
|
|
21
|
+
var packageVersion = "7.4.14";
|
|
22
22
|
var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
23
23
|
var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
|
|
24
24
|
return createAndFireEventOnAtlaskit({
|
|
@@ -23,7 +23,7 @@ var Content = function Content(_ref) {
|
|
|
23
23
|
* a complete override with no chance of partially changing styles.
|
|
24
24
|
*/
|
|
25
25
|
|
|
26
|
-
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
26
|
+
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
27
27
|
jsx("div", _extends({
|
|
28
28
|
css: css(cssFn(defaultStyles))
|
|
29
29
|
}, props))
|
|
@@ -28,7 +28,7 @@ var FocusLock = /*#__PURE__*/function (_Component) {
|
|
|
28
28
|
var _this$props = this.props,
|
|
29
29
|
isFocusLockEnabled = _this$props.isFocusLockEnabled,
|
|
30
30
|
autoFocusFirstElem = _this$props.autoFocusFirstElem;
|
|
31
|
-
if (process.env.NODE_ENV !== 'production' && !process.env.CI) {
|
|
31
|
+
if (typeof process !== 'undefined' && process.env.NODE_ENV !== 'production' && !process.env.CI) {
|
|
32
32
|
invariant(typeof autoFocusFirstElem === 'boolean', '@atlaskit/drawer: Passing a function as autoFocus is deprecated. Instead call focus on the element ref or use the autofocus property.');
|
|
33
33
|
}
|
|
34
34
|
if (typeof autoFocusFirstElem === 'function' && isFocusLockEnabled) {
|
|
@@ -21,15 +21,12 @@ var IconButton = function IconButton(_ref) {
|
|
|
21
21
|
var children = _ref.children,
|
|
22
22
|
onClick = _ref.onClick,
|
|
23
23
|
testId = _ref.testId;
|
|
24
|
-
return (
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"data-testid": testId
|
|
31
|
-
}, children)
|
|
32
|
-
);
|
|
24
|
+
return jsx("button", {
|
|
25
|
+
type: "button",
|
|
26
|
+
css: iconButtonStyles,
|
|
27
|
+
onClick: onClick,
|
|
28
|
+
"data-testid": testId
|
|
29
|
+
}, children);
|
|
33
30
|
};
|
|
34
31
|
|
|
35
32
|
// eslint-disable-next-line @repo/internal/react/require-jsdoc
|
|
@@ -23,7 +23,7 @@ var sidebarCSS = function sidebarCSS() {
|
|
|
23
23
|
var Sidebar = function Sidebar(_ref) {
|
|
24
24
|
var cssFn = _ref.cssFn,
|
|
25
25
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
26
|
-
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
26
|
+
// eslint-disable-next-line @repo/internal/react/consistent-css-prop-usage, @repo/internal/react/no-unsafe-spread-props
|
|
27
27
|
return jsx("div", _extends({
|
|
28
28
|
css: css(cssFn(defaultStyle))
|
|
29
29
|
}, props));
|
package/dist/esm/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/drawer",
|
|
3
|
-
"version": "7.4.
|
|
3
|
+
"version": "7.4.14",
|
|
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/"
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@atlaskit/icon": "^21.11.0",
|
|
32
32
|
"@atlaskit/motion": "^1.3.0",
|
|
33
33
|
"@atlaskit/portal": "^4.0.0",
|
|
34
|
-
"@atlaskit/theme": "^12.
|
|
34
|
+
"@atlaskit/theme": "^12.4.0",
|
|
35
35
|
"@atlaskit/tokens": "^1.2.0",
|
|
36
36
|
"@babel/runtime": "^7.0.0",
|
|
37
37
|
"@emotion/react": "^11.7.1",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"react": "^16.8.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@atlaskit/button": "^16.
|
|
49
|
+
"@atlaskit/button": "^16.6.0",
|
|
50
50
|
"@atlaskit/checkbox": "^12.4.0",
|
|
51
51
|
"@atlaskit/code": "^14.5.0",
|
|
52
52
|
"@atlaskit/docs": "*",
|