@atlaskit/drawer 7.13.0 → 7.13.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/components/index.js +13 -3
- package/dist/cjs/components/primitives/content.js +3 -2
- package/dist/cjs/components/primitives/sidebar.js +3 -2
- package/dist/es2019/components/index.js +14 -3
- package/dist/es2019/components/primitives/content.js +3 -2
- package/dist/es2019/components/primitives/sidebar.js +3 -2
- package/dist/esm/components/index.js +14 -3
- package/dist/esm/components/primitives/content.js +3 -2
- package/dist/esm/components/primitives/sidebar.js +3 -2
- package/dist/types/components/index.d.ts +11 -2
- package/dist/types/components/primitives/content.d.ts +2 -2
- package/dist/types/components/primitives/sidebar.d.ts +2 -2
- package/dist/types-ts4.5/components/index.d.ts +11 -2
- package/dist/types-ts4.5/components/primitives/content.d.ts +2 -2
- package/dist/types-ts4.5/components/primitives/sidebar.d.ts +2 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @atlaskit/drawer
|
|
2
2
|
|
|
3
|
+
## 7.13.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 7.13.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- [#120049](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/120049)
|
|
14
|
+
[`77504ff274f72`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/77504ff274f72) -
|
|
15
|
+
DSP-19576: Assign names to anonymous default exports
|
|
16
|
+
|
|
3
17
|
## 7.13.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
|
@@ -29,7 +29,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
29
29
|
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); }; }
|
|
30
30
|
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /* eslint-disable @repo/internal/dom-events/no-unsafe-event-listeners */
|
|
31
31
|
var packageName = "@atlaskit/drawer";
|
|
32
|
-
var packageVersion = "7.13.
|
|
32
|
+
var packageVersion = "7.13.2";
|
|
33
33
|
var createAndFireEventOnAtlaskit = (0, _analyticsNext.createAndFireEvent)('atlaskit');
|
|
34
34
|
var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
|
|
35
35
|
return createAndFireEventOnAtlaskit({
|
|
@@ -193,11 +193,21 @@ var DrawerBase = exports.DrawerBase = /*#__PURE__*/function (_Component) {
|
|
|
193
193
|
}]);
|
|
194
194
|
return DrawerBase;
|
|
195
195
|
}(_react.Component);
|
|
196
|
+
/**
|
|
197
|
+
* __Drawer__
|
|
198
|
+
*
|
|
199
|
+
* A drawer is a panel that slides in from the left side of the screen.
|
|
200
|
+
*
|
|
201
|
+
* - [Examples](https://atlassian.design/components/drawer/examples)
|
|
202
|
+
* - [Code](https://atlassian.design/components/drawer/code)
|
|
203
|
+
* - [Usage](https://atlassian.design/components/drawer/usage)
|
|
204
|
+
*/
|
|
196
205
|
(0, _defineProperty2.default)(DrawerBase, "defaultProps", _objectSpread({
|
|
197
206
|
width: 'narrow'
|
|
198
207
|
}, _constants.defaultFocusLockSettings));
|
|
199
|
-
var
|
|
208
|
+
var Drawer = (0, _analyticsNext.withAnalyticsContext)({
|
|
200
209
|
componentName: 'drawer',
|
|
201
210
|
packageName: packageName,
|
|
202
211
|
packageVersion: packageVersion
|
|
203
|
-
})((0, _analyticsNext.withAnalyticsEvents)()(DrawerBase));
|
|
212
|
+
})((0, _analyticsNext.withAnalyticsEvents)()(DrawerBase));
|
|
213
|
+
var _default = exports.default = Drawer;
|
|
@@ -62,7 +62,8 @@ var Content = function Content(_ref) {
|
|
|
62
62
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
63
63
|
}, props));
|
|
64
64
|
};
|
|
65
|
-
var
|
|
65
|
+
var contentDefaults = {
|
|
66
66
|
component: Content,
|
|
67
67
|
cssFn: contentCSS
|
|
68
|
-
};
|
|
68
|
+
};
|
|
69
|
+
var _default = exports.default = contentDefaults;
|
|
@@ -38,7 +38,8 @@ var Sidebar = function Sidebar(_ref) {
|
|
|
38
38
|
css: (0, _react.css)(cssFn(defaultStyle))
|
|
39
39
|
}, props));
|
|
40
40
|
};
|
|
41
|
-
var
|
|
41
|
+
var sidebarDefaults = {
|
|
42
42
|
component: Sidebar,
|
|
43
43
|
cssFn: sidebarCSS
|
|
44
|
-
};
|
|
44
|
+
};
|
|
45
|
+
var _default = exports.default = sidebarDefaults;
|
|
@@ -10,7 +10,7 @@ import { defaultFocusLockSettings } from '../constants';
|
|
|
10
10
|
import Blanket from './blanket';
|
|
11
11
|
import DrawerPrimitive from './primitives';
|
|
12
12
|
const packageName = "@atlaskit/drawer";
|
|
13
|
-
const packageVersion = "7.13.
|
|
13
|
+
const packageVersion = "7.13.2";
|
|
14
14
|
const createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
15
15
|
const createAndFireOnClick = (createAnalyticsEvent, trigger) => createAndFireEventOnAtlaskit({
|
|
16
16
|
action: 'dismissed',
|
|
@@ -161,12 +161,23 @@ export class DrawerBase extends Component {
|
|
|
161
161
|
})) : children));
|
|
162
162
|
}
|
|
163
163
|
}
|
|
164
|
+
|
|
165
|
+
/**
|
|
166
|
+
* __Drawer__
|
|
167
|
+
*
|
|
168
|
+
* A drawer is a panel that slides in from the left side of the screen.
|
|
169
|
+
*
|
|
170
|
+
* - [Examples](https://atlassian.design/components/drawer/examples)
|
|
171
|
+
* - [Code](https://atlassian.design/components/drawer/code)
|
|
172
|
+
* - [Usage](https://atlassian.design/components/drawer/usage)
|
|
173
|
+
*/
|
|
164
174
|
_defineProperty(DrawerBase, "defaultProps", {
|
|
165
175
|
width: 'narrow',
|
|
166
176
|
...defaultFocusLockSettings
|
|
167
177
|
});
|
|
168
|
-
|
|
178
|
+
const Drawer = withAnalyticsContext({
|
|
169
179
|
componentName: 'drawer',
|
|
170
180
|
packageName,
|
|
171
181
|
packageVersion
|
|
172
|
-
})(withAnalyticsEvents()(DrawerBase));
|
|
182
|
+
})(withAnalyticsEvents()(DrawerBase));
|
|
183
|
+
export default Drawer;
|
|
@@ -20,7 +20,7 @@ import { defaultFocusLockSettings } from '../constants';
|
|
|
20
20
|
import Blanket from './blanket';
|
|
21
21
|
import DrawerPrimitive from './primitives';
|
|
22
22
|
var packageName = "@atlaskit/drawer";
|
|
23
|
-
var packageVersion = "7.13.
|
|
23
|
+
var packageVersion = "7.13.2";
|
|
24
24
|
var createAndFireEventOnAtlaskit = createAndFireEvent('atlaskit');
|
|
25
25
|
var createAndFireOnClick = function createAndFireOnClick(createAnalyticsEvent, trigger) {
|
|
26
26
|
return createAndFireEventOnAtlaskit({
|
|
@@ -184,11 +184,22 @@ export var DrawerBase = /*#__PURE__*/function (_Component) {
|
|
|
184
184
|
}]);
|
|
185
185
|
return DrawerBase;
|
|
186
186
|
}(Component);
|
|
187
|
+
|
|
188
|
+
/**
|
|
189
|
+
* __Drawer__
|
|
190
|
+
*
|
|
191
|
+
* A drawer is a panel that slides in from the left side of the screen.
|
|
192
|
+
*
|
|
193
|
+
* - [Examples](https://atlassian.design/components/drawer/examples)
|
|
194
|
+
* - [Code](https://atlassian.design/components/drawer/code)
|
|
195
|
+
* - [Usage](https://atlassian.design/components/drawer/usage)
|
|
196
|
+
*/
|
|
187
197
|
_defineProperty(DrawerBase, "defaultProps", _objectSpread({
|
|
188
198
|
width: 'narrow'
|
|
189
199
|
}, defaultFocusLockSettings));
|
|
190
|
-
|
|
200
|
+
var Drawer = withAnalyticsContext({
|
|
191
201
|
componentName: 'drawer',
|
|
192
202
|
packageName: packageName,
|
|
193
203
|
packageVersion: packageVersion
|
|
194
|
-
})(withAnalyticsEvents()(DrawerBase));
|
|
204
|
+
})(withAnalyticsEvents()(DrawerBase));
|
|
205
|
+
export default Drawer;
|
|
@@ -57,7 +57,8 @@ var Content = function Content(_ref) {
|
|
|
57
57
|
// eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
|
|
58
58
|
}, props));
|
|
59
59
|
};
|
|
60
|
-
|
|
60
|
+
var contentDefaults = {
|
|
61
61
|
component: Content,
|
|
62
62
|
cssFn: contentCSS
|
|
63
|
-
};
|
|
63
|
+
};
|
|
64
|
+
export default contentDefaults;
|
|
@@ -22,10 +22,19 @@ export declare class DrawerBase extends Component<DrawerProps, {
|
|
|
22
22
|
handleKeyDown: (event: KeyboardEvent) => void;
|
|
23
23
|
render(): JSX.Element | null;
|
|
24
24
|
}
|
|
25
|
-
|
|
25
|
+
/**
|
|
26
|
+
* __Drawer__
|
|
27
|
+
*
|
|
28
|
+
* A drawer is a panel that slides in from the left side of the screen.
|
|
29
|
+
*
|
|
30
|
+
* - [Examples](https://atlassian.design/components/drawer/examples)
|
|
31
|
+
* - [Code](https://atlassian.design/components/drawer/code)
|
|
32
|
+
* - [Usage](https://atlassian.design/components/drawer/usage)
|
|
33
|
+
*/
|
|
34
|
+
declare const Drawer: React.ForwardRefExoticComponent<Pick<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "scrollContentLabel" | "children" | "onKeyDown" | "onClose" | "testId" | "icon" | "closeLabel" | "enterFrom" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | keyof import("./types").DrawerLabel> & Partial<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "width" | keyof import("./types").FocusLockSettings>> & Partial<Pick<{
|
|
26
35
|
autoFocusFirstElem?: boolean | (() => HTMLElement | null) | undefined;
|
|
27
36
|
isFocusLockEnabled?: boolean | undefined;
|
|
28
37
|
shouldReturnFocus?: boolean | React.RefObject<HTMLElement> | undefined;
|
|
29
38
|
width: DrawerWidth;
|
|
30
39
|
}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "scrollContentLabel" | "width" | "children" | "onKeyDown" | "key" | "onClose" | "testId" | "icon" | "closeLabel" | "enterFrom" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | "analyticsContext" | keyof import("./types").FocusLockSettings | keyof import("./types").DrawerLabel> & React.RefAttributes<any>>;
|
|
31
|
-
export default
|
|
40
|
+
export default Drawer;
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
/** @jsx jsx */
|
|
5
5
|
import { type CSSObject, jsx } from '@emotion/react';
|
|
6
6
|
import { type ContentProps } from '../types';
|
|
7
|
-
declare const
|
|
7
|
+
declare const contentDefaults: {
|
|
8
8
|
component: ({ cssFn, scrollContentLabel, ...props }: ContentProps) => jsx.JSX.Element;
|
|
9
9
|
cssFn: () => CSSObject;
|
|
10
10
|
};
|
|
11
|
-
export default
|
|
11
|
+
export default contentDefaults;
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
import { type FC } from 'react';
|
|
6
6
|
import { type CSSObject } from '@emotion/react';
|
|
7
7
|
import { type SidebarProps } from '../types';
|
|
8
|
-
declare const
|
|
8
|
+
declare const sidebarDefaults: {
|
|
9
9
|
component: FC<SidebarProps>;
|
|
10
10
|
cssFn: () => CSSObject;
|
|
11
11
|
};
|
|
12
|
-
export default
|
|
12
|
+
export default sidebarDefaults;
|
|
@@ -22,10 +22,19 @@ export declare class DrawerBase extends Component<DrawerProps, {
|
|
|
22
22
|
handleKeyDown: (event: KeyboardEvent) => void;
|
|
23
23
|
render(): JSX.Element | null;
|
|
24
24
|
}
|
|
25
|
-
|
|
25
|
+
/**
|
|
26
|
+
* __Drawer__
|
|
27
|
+
*
|
|
28
|
+
* A drawer is a panel that slides in from the left side of the screen.
|
|
29
|
+
*
|
|
30
|
+
* - [Examples](https://atlassian.design/components/drawer/examples)
|
|
31
|
+
* - [Code](https://atlassian.design/components/drawer/code)
|
|
32
|
+
* - [Usage](https://atlassian.design/components/drawer/usage)
|
|
33
|
+
*/
|
|
34
|
+
declare const Drawer: React.ForwardRefExoticComponent<Pick<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "scrollContentLabel" | "children" | "onKeyDown" | "onClose" | "testId" | "icon" | "closeLabel" | "enterFrom" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | keyof import("./types").DrawerLabel> & Partial<Pick<Omit<DrawerProps, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps>, "width" | keyof import("./types").FocusLockSettings>> & Partial<Pick<{
|
|
26
35
|
autoFocusFirstElem?: boolean | (() => HTMLElement | null) | undefined;
|
|
27
36
|
isFocusLockEnabled?: boolean | undefined;
|
|
28
37
|
shouldReturnFocus?: boolean | React.RefObject<HTMLElement> | undefined;
|
|
29
38
|
width: DrawerWidth;
|
|
30
39
|
}, never>> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "scrollContentLabel" | "width" | "children" | "onKeyDown" | "key" | "onClose" | "testId" | "icon" | "closeLabel" | "enterFrom" | "onOpenComplete" | "onCloseComplete" | "shouldUnmountOnExit" | "overrides" | "zIndex" | "isOpen" | "analyticsContext" | keyof import("./types").FocusLockSettings | keyof import("./types").DrawerLabel> & React.RefAttributes<any>>;
|
|
31
|
-
export default
|
|
40
|
+
export default Drawer;
|
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
/** @jsx jsx */
|
|
5
5
|
import { type CSSObject, jsx } from '@emotion/react';
|
|
6
6
|
import { type ContentProps } from '../types';
|
|
7
|
-
declare const
|
|
7
|
+
declare const contentDefaults: {
|
|
8
8
|
component: ({ cssFn, scrollContentLabel, ...props }: ContentProps) => jsx.JSX.Element;
|
|
9
9
|
cssFn: () => CSSObject;
|
|
10
10
|
};
|
|
11
|
-
export default
|
|
11
|
+
export default contentDefaults;
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
import { type FC } from 'react';
|
|
6
6
|
import { type CSSObject } from '@emotion/react';
|
|
7
7
|
import { type SidebarProps } from '../types';
|
|
8
|
-
declare const
|
|
8
|
+
declare const sidebarDefaults: {
|
|
9
9
|
component: FC<SidebarProps>;
|
|
10
10
|
cssFn: () => CSSObject;
|
|
11
11
|
};
|
|
12
|
-
export default
|
|
12
|
+
export default sidebarDefaults;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/drawer",
|
|
3
|
-
"version": "7.13.
|
|
3
|
+
"version": "7.13.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/"
|
|
@@ -42,14 +42,14 @@
|
|
|
42
42
|
"dependencies": {
|
|
43
43
|
"@atlaskit/analytics-next": "^9.3.0",
|
|
44
44
|
"@atlaskit/blanket": "^13.2.0",
|
|
45
|
-
"@atlaskit/button": "^
|
|
46
|
-
"@atlaskit/icon": "^22.
|
|
45
|
+
"@atlaskit/button": "^19.0.0",
|
|
46
|
+
"@atlaskit/icon": "^22.6.0",
|
|
47
47
|
"@atlaskit/layering": "^0.3.0",
|
|
48
48
|
"@atlaskit/motion": "^1.7.0",
|
|
49
49
|
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
50
50
|
"@atlaskit/portal": "^4.6.0",
|
|
51
51
|
"@atlaskit/theme": "^12.11.0",
|
|
52
|
-
"@atlaskit/tokens": "^1.
|
|
52
|
+
"@atlaskit/tokens": "^1.56.0",
|
|
53
53
|
"@babel/runtime": "^7.0.0",
|
|
54
54
|
"@emotion/react": "^11.7.1",
|
|
55
55
|
"bind-event-listener": "^3.0.0",
|