@atlaskit/drawer 12.0.7 → 12.1.1
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 +18 -0
- package/dist/cjs/entry-points/drawer-close-button.js +12 -0
- package/dist/cjs/entry-points/drawer-content.js +12 -0
- package/dist/cjs/entry-points/drawer-sidebar.js +12 -0
- package/dist/cjs/entry-points/drawer.js +18 -0
- package/dist/cjs/entry-points/types.js +1 -0
- package/dist/es2019/entry-points/drawer-close-button.js +1 -0
- package/dist/es2019/entry-points/drawer-content.js +1 -0
- package/dist/es2019/entry-points/drawer-sidebar.js +1 -0
- package/dist/es2019/entry-points/drawer.js +1 -0
- package/dist/es2019/entry-points/types.js +0 -0
- package/dist/esm/entry-points/drawer-close-button.js +1 -0
- package/dist/esm/entry-points/drawer-content.js +1 -0
- package/dist/esm/entry-points/drawer-sidebar.js +1 -0
- package/dist/esm/entry-points/drawer.js +1 -0
- package/dist/esm/entry-points/types.js +0 -0
- package/dist/types/entry-points/drawer-close-button.d.ts +1 -0
- package/dist/types/entry-points/drawer-content.d.ts +1 -0
- package/dist/types/entry-points/drawer-sidebar.d.ts +1 -0
- package/dist/types/entry-points/drawer.d.ts +1 -0
- package/dist/types/entry-points/types.d.ts +1 -0
- package/dist/types/types.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/drawer-close-button.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/drawer-content.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/drawer-sidebar.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/drawer.d.ts +1 -0
- package/dist/types-ts4.5/entry-points/types.d.ts +1 -0
- package/dist/types-ts4.5/types.d.ts +1 -1
- package/drawer/package.json +17 -0
- package/drawer-close-button/package.json +17 -0
- package/drawer-content/package.json +17 -0
- package/drawer-sidebar/package.json +17 -0
- package/package.json +7 -7
- package/types/package.json +17 -0
- package/offerings.json +0 -108
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/drawer
|
|
2
2
|
|
|
3
|
+
## 12.1.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`cfe3aecafd8ba`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cfe3aecafd8ba) -
|
|
8
|
+
[ux] React 19 migration - RefObject no longer makes current nullable by default
|
|
9
|
+
|
|
10
|
+
## 12.1.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- [`31b1ede297136`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/31b1ede297136) -
|
|
15
|
+
Autofix: add explicit package exports (barrel removal)
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 12.0.7
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "DrawerCloseButton", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _drawerCloseButton.DrawerCloseButton;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _drawerCloseButton = require("../drawer-panel/drawer-close-button");
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "DrawerContent", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _drawerContent.DrawerContent;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _drawerContent = require("../drawer-panel/drawer-content");
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "DrawerSidebar", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _drawerSidebar.DrawerSidebar;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
var _drawerSidebar = require("../drawer-panel/drawer-sidebar");
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Drawer", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _drawer.Drawer;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "default", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _drawer.Drawer;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
var _drawer = require("../drawer");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerCloseButton } from '../drawer-panel/drawer-close-button';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerContent } from '../drawer-panel/drawer-content';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerSidebar } from '../drawer-panel/drawer-sidebar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Drawer, Drawer as default } from '../drawer';
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerCloseButton } from '../drawer-panel/drawer-close-button';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerContent } from '../drawer-panel/drawer-content';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerSidebar } from '../drawer-panel/drawer-sidebar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Drawer, Drawer as default } from '../drawer';
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerCloseButton } from '../drawer-panel/drawer-close-button';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerContent } from '../drawer-panel/drawer-content';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerSidebar } from '../drawer-panel/drawer-sidebar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Drawer, Drawer as default } from '../drawer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type { BaseProps, CloseTrigger, DrawerContentProps, DrawerPanelProps, DrawerProps, DrawerWidth, FocusLockProps, DrawerSidebarProps, } from '../types';
|
package/dist/types/types.d.ts
CHANGED
|
@@ -109,7 +109,7 @@ export interface FocusLockSettings {
|
|
|
109
109
|
* If true, focus returns to the trigger element . If false, focus remains where it was when the FocusLock was deactivated.
|
|
110
110
|
* If ref is passed, focus returns to that specific ref element.
|
|
111
111
|
*/
|
|
112
|
-
shouldReturnFocus?: boolean | RefObject<HTMLElement>;
|
|
112
|
+
shouldReturnFocus?: boolean | RefObject<HTMLElement | null>;
|
|
113
113
|
}
|
|
114
114
|
export interface FocusLockProps extends FocusLockSettings {
|
|
115
115
|
/**
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerCloseButton } from '../drawer-panel/drawer-close-button';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerContent } from '../drawer-panel/drawer-content';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { DrawerSidebar } from '../drawer-panel/drawer-sidebar';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Drawer, Drawer as default } from '../drawer';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type { BaseProps, CloseTrigger, DrawerContentProps, DrawerPanelProps, DrawerProps, DrawerWidth, FocusLockProps, DrawerSidebarProps, } from '../types';
|
|
@@ -109,7 +109,7 @@ export interface FocusLockSettings {
|
|
|
109
109
|
* If true, focus returns to the trigger element . If false, focus remains where it was when the FocusLock was deactivated.
|
|
110
110
|
* If ref is passed, focus returns to that specific ref element.
|
|
111
111
|
*/
|
|
112
|
-
shouldReturnFocus?: boolean | RefObject<HTMLElement>;
|
|
112
|
+
shouldReturnFocus?: boolean | RefObject<HTMLElement | null>;
|
|
113
113
|
}
|
|
114
114
|
export interface FocusLockProps extends FocusLockSettings {
|
|
115
115
|
/**
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/drawer/drawer",
|
|
3
|
+
"main": "../dist/cjs/entry-points/drawer.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/drawer.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/drawer.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/drawer.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/drawer.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/drawer/drawer-close-button",
|
|
3
|
+
"main": "../dist/cjs/entry-points/drawer-close-button.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/drawer-close-button.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/drawer-close-button.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/drawer-close-button.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/drawer-close-button.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/drawer/drawer-content",
|
|
3
|
+
"main": "../dist/cjs/entry-points/drawer-content.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/drawer-content.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/drawer-content.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/drawer-content.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/drawer-content.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/drawer/drawer-sidebar",
|
|
3
|
+
"main": "../dist/cjs/entry-points/drawer-sidebar.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/drawer-sidebar.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/drawer-sidebar.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/drawer-sidebar.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/drawer-sidebar.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/drawer",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.1.1",
|
|
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/"
|
|
@@ -48,11 +48,11 @@
|
|
|
48
48
|
"@atlaskit/blanket": "^15.0.0",
|
|
49
49
|
"@atlaskit/button": "^23.11.0",
|
|
50
50
|
"@atlaskit/css": "^0.19.0",
|
|
51
|
-
"@atlaskit/icon": "^34.
|
|
51
|
+
"@atlaskit/icon": "^34.5.0",
|
|
52
52
|
"@atlaskit/layering": "^3.7.0",
|
|
53
|
-
"@atlaskit/motion": "^6.
|
|
54
|
-
"@atlaskit/portal": "^5.
|
|
55
|
-
"@atlaskit/theme": "^23.
|
|
53
|
+
"@atlaskit/motion": "^6.2.0",
|
|
54
|
+
"@atlaskit/portal": "^5.5.0",
|
|
55
|
+
"@atlaskit/theme": "^23.2.0",
|
|
56
56
|
"@atlaskit/tokens": "^13.0.0",
|
|
57
57
|
"@babel/runtime": "^7.0.0",
|
|
58
58
|
"@compiled/react": "^0.20.0",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
"@af/accessibility-testing": "workspace:^",
|
|
71
71
|
"@af/integration-testing": "workspace:^",
|
|
72
72
|
"@af/visual-regression": "workspace:^",
|
|
73
|
-
"@atlaskit/code": "^17.
|
|
73
|
+
"@atlaskit/code": "^17.5.0",
|
|
74
74
|
"@atlaskit/docs": "^11.8.0",
|
|
75
75
|
"@atlaskit/dropdown-menu": "^16.8.0",
|
|
76
76
|
"@atlaskit/ds-lib": "^7.0.0",
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
"@atlaskit/inline-message": "^15.6.0",
|
|
79
79
|
"@atlaskit/link": "^3.4.0",
|
|
80
80
|
"@atlaskit/menu": "^8.5.0",
|
|
81
|
-
"@atlaskit/modal-dialog": "^
|
|
81
|
+
"@atlaskit/modal-dialog": "^15.0.0",
|
|
82
82
|
"@atlaskit/primitives": "^19.0.0",
|
|
83
83
|
"@atlaskit/section-message": "^8.12.0",
|
|
84
84
|
"@atlassian/react-compiler-gating": "workspace:^",
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@atlaskit/drawer/types",
|
|
3
|
+
"main": "../dist/cjs/entry-points/types.js",
|
|
4
|
+
"module": "../dist/esm/entry-points/types.js",
|
|
5
|
+
"module:es2019": "../dist/es2019/entry-points/types.js",
|
|
6
|
+
"sideEffects": [
|
|
7
|
+
"**/*.compiled.css"
|
|
8
|
+
],
|
|
9
|
+
"types": "../dist/types/entry-points/types.d.ts",
|
|
10
|
+
"typesVersions": {
|
|
11
|
+
">=4.5 <5.9": {
|
|
12
|
+
"*": [
|
|
13
|
+
"../dist/types-ts4.5/entry-points/types.d.ts"
|
|
14
|
+
]
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}
|
package/offerings.json
DELETED
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
[
|
|
2
|
-
{
|
|
3
|
-
"name": "Drawer",
|
|
4
|
-
"package": "@atlaskit/drawer",
|
|
5
|
-
"import": {
|
|
6
|
-
"name": "Drawer",
|
|
7
|
-
"package": "@atlaskit/drawer",
|
|
8
|
-
"type": "default"
|
|
9
|
-
},
|
|
10
|
-
"keywords": ["drawer", "panel", "slide", "overlay", "navigation", "sidebar"],
|
|
11
|
-
"categories": ["overlays-and-layering"],
|
|
12
|
-
"shortDescription": "A drawer is a panel that slides in from the left side of the screen for navigation or additional content.",
|
|
13
|
-
"status": "intent-to-deprecate",
|
|
14
|
-
"accessibilityGuidelines": [
|
|
15
|
-
"Ensure proper focus management when drawer opens/closes",
|
|
16
|
-
"Provide keyboard navigation support",
|
|
17
|
-
"Use appropriate ARIA attributes for drawer state",
|
|
18
|
-
"Ensure content is accessible when drawer is open",
|
|
19
|
-
"Provide clear close mechanisms"
|
|
20
|
-
],
|
|
21
|
-
"usageGuidelines": [
|
|
22
|
-
"Use for navigation or secondary content",
|
|
23
|
-
"Provide clear open/close mechanisms",
|
|
24
|
-
"Consider screen size and drawer width",
|
|
25
|
-
"Use appropriate backdrop behavior",
|
|
26
|
-
"Consider alternative patterns like Modal for better UX"
|
|
27
|
-
],
|
|
28
|
-
"contentGuidelines": [
|
|
29
|
-
"Organize content logically within the drawer",
|
|
30
|
-
"Use clear navigation labels",
|
|
31
|
-
"Provide appropriate close actions",
|
|
32
|
-
"Consider content hierarchy and grouping"
|
|
33
|
-
],
|
|
34
|
-
"examples": ["./examples/ai/drawer.tsx"]
|
|
35
|
-
},
|
|
36
|
-
{
|
|
37
|
-
"name": "DrawerContent",
|
|
38
|
-
"package": "@atlaskit/drawer",
|
|
39
|
-
"import": {
|
|
40
|
-
"name": "DrawerContent",
|
|
41
|
-
"package": "@atlaskit/drawer",
|
|
42
|
-
"type": "named"
|
|
43
|
-
},
|
|
44
|
-
"keywords": ["drawer", "content", "panel", "body"],
|
|
45
|
-
"categories": ["overlays-and-layering"],
|
|
46
|
-
"shortDescription": "The main content area of a drawer panel.",
|
|
47
|
-
"status": "intent-to-deprecate",
|
|
48
|
-
"usageGuidelines": [
|
|
49
|
-
"Use as the main content container within a drawer",
|
|
50
|
-
"Place primary content and actions here",
|
|
51
|
-
"Ensure proper scrolling behavior for long content"
|
|
52
|
-
],
|
|
53
|
-
"contentGuidelines": [
|
|
54
|
-
"Organize content logically",
|
|
55
|
-
"Use appropriate spacing and layout",
|
|
56
|
-
"Consider content hierarchy"
|
|
57
|
-
],
|
|
58
|
-
"examples": ["./examples/ai/drawer-content.tsx"]
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"name": "DrawerSidebar",
|
|
62
|
-
"package": "@atlaskit/drawer",
|
|
63
|
-
"import": {
|
|
64
|
-
"name": "DrawerSidebar",
|
|
65
|
-
"package": "@atlaskit/drawer",
|
|
66
|
-
"type": "named"
|
|
67
|
-
},
|
|
68
|
-
"keywords": ["drawer", "sidebar", "navigation", "panel"],
|
|
69
|
-
"categories": ["overlays-and-layering"],
|
|
70
|
-
"shortDescription": "A sidebar component within a drawer for navigation or secondary content.",
|
|
71
|
-
"status": "intent-to-deprecate",
|
|
72
|
-
"usageGuidelines": [
|
|
73
|
-
"Use for navigation or secondary content in a drawer",
|
|
74
|
-
"Keep sidebar content focused and organized",
|
|
75
|
-
"Consider responsive behavior"
|
|
76
|
-
],
|
|
77
|
-
"contentGuidelines": [
|
|
78
|
-
"Use clear navigation labels",
|
|
79
|
-
"Organize content hierarchically",
|
|
80
|
-
"Keep sidebar content concise"
|
|
81
|
-
],
|
|
82
|
-
"examples": ["./examples/ai/drawer-sidebar.tsx"]
|
|
83
|
-
},
|
|
84
|
-
{
|
|
85
|
-
"name": "DrawerCloseButton",
|
|
86
|
-
"package": "@atlaskit/drawer",
|
|
87
|
-
"import": {
|
|
88
|
-
"name": "DrawerCloseButton",
|
|
89
|
-
"package": "@atlaskit/drawer",
|
|
90
|
-
"type": "named"
|
|
91
|
-
},
|
|
92
|
-
"keywords": ["drawer", "close", "button", "action"],
|
|
93
|
-
"categories": ["overlays-and-layering"],
|
|
94
|
-
"shortDescription": "A close button specifically designed for drawer components.",
|
|
95
|
-
"status": "intent-to-deprecate",
|
|
96
|
-
"usageGuidelines": [
|
|
97
|
-
"Use to provide clear close functionality for drawers",
|
|
98
|
-
"Position prominently for easy access",
|
|
99
|
-
"Ensure keyboard accessibility"
|
|
100
|
-
],
|
|
101
|
-
"contentGuidelines": [
|
|
102
|
-
"Use clear close icon or text",
|
|
103
|
-
"Ensure button is easily discoverable",
|
|
104
|
-
"Provide appropriate hover/focus states"
|
|
105
|
-
],
|
|
106
|
-
"examples": ["./examples/ai/drawer-close-button.tsx"]
|
|
107
|
-
}
|
|
108
|
-
]
|