@atlaskit/page-layout 4.2.14 → 4.2.16
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 -5
- package/dist/cjs/components/skip-links/skip-link-components.js +1 -1
- package/dist/cjs/components/slots/internal/left-sidebar-outer.js +5 -3
- package/dist/cjs/components/slots/left-sidebar.js +1 -1
- package/dist/es2019/components/skip-links/skip-link-components.js +1 -1
- package/dist/es2019/components/slots/internal/left-sidebar-outer.js +5 -3
- package/dist/es2019/components/slots/left-sidebar.js +1 -1
- package/dist/esm/components/skip-links/skip-link-components.js +1 -1
- package/dist/esm/components/slots/internal/left-sidebar-outer.js +5 -3
- package/dist/esm/components/slots/left-sidebar.js +1 -1
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @atlaskit/page-layout
|
|
2
2
|
|
|
3
|
+
## 4.2.16
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 4.2.15
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
3
15
|
## 4.2.14
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -865,7 +877,6 @@
|
|
|
865
877
|
- [#32575](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32575)
|
|
866
878
|
[`2a9f6f800ef`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2a9f6f800ef) -
|
|
867
879
|
**Fixes**
|
|
868
|
-
|
|
869
880
|
- `onLeftSidebarExpand` is no longer called when the sidebar is already open.
|
|
870
881
|
`onLeftSidebarExpand` oculd previously be incorrectly called if a user resized an expanded
|
|
871
882
|
sidebar to slightly smaller than the default sidebar width, or when the user cancelled a sidebar
|
|
@@ -878,7 +889,6 @@
|
|
|
878
889
|
closure)
|
|
879
890
|
|
|
880
891
|
**Improvements**
|
|
881
|
-
|
|
882
892
|
- no longer possible to trigger the collapse of the sidebar when it is already collapsed
|
|
883
893
|
- no longer possible to trigger an expand of the sidebar when it is already expanded
|
|
884
894
|
- triggering an expand while the sidebar is collapsing will now flush the pending
|
|
@@ -1601,12 +1611,10 @@
|
|
|
1601
1611
|
- [minor][9015d5614a](https://bitbucket.org/atlassian/atlassian-frontend/commits/9015d5614a):
|
|
1602
1612
|
|
|
1603
1613
|
**BREAKING**
|
|
1604
|
-
|
|
1605
1614
|
- Make `ResizeControl` composable. If it's not passed as a child to `LeftSidebar`, it will not be
|
|
1606
1615
|
resizable.
|
|
1607
1616
|
|
|
1608
1617
|
**NON-BREAKING**
|
|
1609
|
-
|
|
1610
1618
|
- Fix a bug with flyout behaviour in non-fixed mode. It no longer pushes body content to the side.
|
|
1611
1619
|
- Fix a bug where `Main` couldn't handle wide content without breaking the layout.
|
|
1612
1620
|
- Fixed the bug where expanding the LeftSidebar always set the width to 240px instead of users'
|
|
@@ -1620,7 +1628,6 @@
|
|
|
1620
1628
|
|
|
1621
1629
|
Minor package.json config compliance updates- Updated dependencies
|
|
1622
1630
|
[8c9e4f1ec6](https://bitbucket.org/atlassian/atlassian-frontend/commits/8c9e4f1ec6):
|
|
1623
|
-
|
|
1624
1631
|
- @atlaskit/docs@8.5.0
|
|
1625
1632
|
|
|
1626
1633
|
## 0.0.3
|
|
@@ -113,7 +113,7 @@ var SkipLinkWrapper = exports.SkipLinkWrapper = function SkipLinkWrapper(_ref) {
|
|
|
113
113
|
var emptyLabelOverride = !!(skipLinksLabel !== null && skipLinksLabel !== void 0 && skipLinksLabel.match(/^\s+$/));
|
|
114
114
|
var label = skipLinksLabel || _constants.DEFAULT_I18N_PROPS_SKIP_LINKS;
|
|
115
115
|
return (
|
|
116
|
-
// eslint-disable-next-line
|
|
116
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
117
117
|
(0, _react.jsx)("div", {
|
|
118
118
|
onFocus: attachEscHandler,
|
|
119
119
|
onBlur: removeEscHandler,
|
|
@@ -108,7 +108,7 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
|
|
|
108
108
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
109
109
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
110
110
|
*/
|
|
111
|
-
// eslint-disable-next-line
|
|
111
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
112
112
|
(0, _react2.jsx)("div", (0, _extends2.default)({
|
|
113
113
|
css: [
|
|
114
114
|
// mobile viewport styles
|
|
@@ -122,9 +122,11 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
|
|
|
122
122
|
id: id
|
|
123
123
|
// We are adding additional functionality for hover, so this should
|
|
124
124
|
// not have associated key events.
|
|
125
|
-
// eslint-disable-next-line
|
|
125
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
126
|
+
,
|
|
127
|
+
onMouseOver: onMouseOver
|
|
128
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
126
129
|
,
|
|
127
|
-
onMouseOver: onMouseOver,
|
|
128
130
|
onMouseLeave: onMouseLeave,
|
|
129
131
|
onClick: onClick,
|
|
130
132
|
ref: ref
|
|
@@ -297,7 +297,7 @@ var LeftSidebar = function LeftSidebar(props) {
|
|
|
297
297
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
298
298
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
299
299
|
*/
|
|
300
|
-
// eslint-disable-next-line
|
|
300
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
301
301
|
(0, _react2.jsx)("div", {
|
|
302
302
|
css: [hiddenBackdropStyles, isFlyoutOpen && openBackdropStyles],
|
|
303
303
|
onClick: closeMobileFlyout
|
|
@@ -97,7 +97,7 @@ export const SkipLinkWrapper = ({
|
|
|
97
97
|
const emptyLabelOverride = !!(skipLinksLabel !== null && skipLinksLabel !== void 0 && skipLinksLabel.match(/^\s+$/));
|
|
98
98
|
const label = skipLinksLabel || DEFAULT_I18N_PROPS_SKIP_LINKS;
|
|
99
99
|
return (
|
|
100
|
-
// eslint-disable-next-line
|
|
100
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
101
101
|
jsx("div", {
|
|
102
102
|
onFocus: attachEscHandler,
|
|
103
103
|
onBlur: removeEscHandler,
|
|
@@ -109,7 +109,7 @@ const LeftSidebarOuterComponent = ({
|
|
|
109
109
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
110
110
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
111
111
|
*/
|
|
112
|
-
// eslint-disable-next-line
|
|
112
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
113
113
|
jsx("div", _extends({
|
|
114
114
|
css: [
|
|
115
115
|
// mobile viewport styles
|
|
@@ -123,9 +123,11 @@ const LeftSidebarOuterComponent = ({
|
|
|
123
123
|
id: id
|
|
124
124
|
// We are adding additional functionality for hover, so this should
|
|
125
125
|
// not have associated key events.
|
|
126
|
-
// eslint-disable-next-line
|
|
126
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
127
|
+
,
|
|
128
|
+
onMouseOver: onMouseOver
|
|
129
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
127
130
|
,
|
|
128
|
-
onMouseOver: onMouseOver,
|
|
129
131
|
onMouseLeave: onMouseLeave,
|
|
130
132
|
onClick: onClick,
|
|
131
133
|
ref: ref
|
|
@@ -298,7 +298,7 @@ const LeftSidebar = props => {
|
|
|
298
298
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
299
299
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
300
300
|
*/
|
|
301
|
-
// eslint-disable-next-line
|
|
301
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
302
302
|
jsx("div", {
|
|
303
303
|
css: [hiddenBackdropStyles, isFlyoutOpen && openBackdropStyles],
|
|
304
304
|
onClick: closeMobileFlyout
|
|
@@ -110,7 +110,7 @@ export var SkipLinkWrapper = function SkipLinkWrapper(_ref) {
|
|
|
110
110
|
var emptyLabelOverride = !!(skipLinksLabel !== null && skipLinksLabel !== void 0 && skipLinksLabel.match(/^\s+$/));
|
|
111
111
|
var label = skipLinksLabel || DEFAULT_I18N_PROPS_SKIP_LINKS;
|
|
112
112
|
return (
|
|
113
|
-
// eslint-disable-next-line
|
|
113
|
+
// eslint-disable-next-line @atlassian/a11y/no-static-element-interactions
|
|
114
114
|
jsx("div", {
|
|
115
115
|
onFocus: attachEscHandler,
|
|
116
116
|
onBlur: removeEscHandler,
|
|
@@ -100,7 +100,7 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
|
|
|
100
100
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
101
101
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
102
102
|
*/
|
|
103
|
-
// eslint-disable-next-line
|
|
103
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
104
104
|
jsx("div", _extends({
|
|
105
105
|
css: [
|
|
106
106
|
// mobile viewport styles
|
|
@@ -114,9 +114,11 @@ var LeftSidebarOuterComponent = function LeftSidebarOuterComponent(_ref, ref) {
|
|
|
114
114
|
id: id
|
|
115
115
|
// We are adding additional functionality for hover, so this should
|
|
116
116
|
// not have associated key events.
|
|
117
|
-
// eslint-disable-next-line
|
|
117
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
118
|
+
,
|
|
119
|
+
onMouseOver: onMouseOver
|
|
120
|
+
// eslint-disable-next-line @atlassian/a11y/mouse-events-have-key-events
|
|
118
121
|
,
|
|
119
|
-
onMouseOver: onMouseOver,
|
|
120
122
|
onMouseLeave: onMouseLeave,
|
|
121
123
|
onClick: onClick,
|
|
122
124
|
ref: ref
|
|
@@ -294,7 +294,7 @@ var LeftSidebar = function LeftSidebar(props) {
|
|
|
294
294
|
* On mobile, the `onClick` handler controls the toggled flyout behaviour.
|
|
295
295
|
* This is not intended to be how you use this with a keyboard, there is a ResizeButton for this intentionally instead.
|
|
296
296
|
*/
|
|
297
|
-
// eslint-disable-next-line
|
|
297
|
+
// eslint-disable-next-line @atlassian/a11y/click-events-have-key-events, @atlassian/a11y/interactive-element-not-keyboard-focusable, @atlassian/a11y/no-static-element-interactions
|
|
298
298
|
jsx("div", {
|
|
299
299
|
css: [hiddenBackdropStyles, isFlyoutOpen && openBackdropStyles],
|
|
300
300
|
onClick: closeMobileFlyout
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page-layout",
|
|
3
|
-
"version": "4.2.
|
|
3
|
+
"version": "4.2.16",
|
|
4
4
|
"description": "A collection of components which let you compose an application's page layout.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -37,14 +37,14 @@
|
|
|
37
37
|
},
|
|
38
38
|
"homepage": "https://atlassian.design/components/page-layout/",
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@atlaskit/ds-lib": "^5.
|
|
41
|
-
"@atlaskit/icon": "^28.
|
|
40
|
+
"@atlaskit/ds-lib": "^5.1.0",
|
|
41
|
+
"@atlaskit/icon": "^28.5.0",
|
|
42
42
|
"@atlaskit/link": "^3.2.0",
|
|
43
43
|
"@atlaskit/motion": "^5.3.0",
|
|
44
44
|
"@atlaskit/platform-feature-flags": "^1.1.0",
|
|
45
|
-
"@atlaskit/primitives": "^
|
|
45
|
+
"@atlaskit/primitives": "^15.0.0",
|
|
46
46
|
"@atlaskit/theme": "^21.0.0",
|
|
47
|
-
"@atlaskit/tokens": "^
|
|
47
|
+
"@atlaskit/tokens": "^7.0.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"@emotion/react": "^11.7.1",
|
|
50
50
|
"bind-event-listener": "^3.0.0",
|
|
@@ -58,14 +58,14 @@
|
|
|
58
58
|
"@af/accessibility-testing": "workspace:^",
|
|
59
59
|
"@af/integration-testing": "workspace:^",
|
|
60
60
|
"@atlaskit/atlassian-navigation": "^5.3.0",
|
|
61
|
-
"@atlaskit/button": "^23.
|
|
62
|
-
"@atlaskit/docs": "^11.
|
|
63
|
-
"@atlaskit/logo": "^19.
|
|
61
|
+
"@atlaskit/button": "^23.5.0",
|
|
62
|
+
"@atlaskit/docs": "^11.2.0",
|
|
63
|
+
"@atlaskit/logo": "^19.9.0",
|
|
64
64
|
"@atlaskit/menu": "^8.4.0",
|
|
65
65
|
"@atlaskit/popup": "^4.4.0",
|
|
66
66
|
"@atlaskit/section-message": "^8.7.0",
|
|
67
67
|
"@atlaskit/side-navigation": "^11.0.0",
|
|
68
|
-
"@atlaskit/tooltip": "^20.
|
|
68
|
+
"@atlaskit/tooltip": "^20.5.0",
|
|
69
69
|
"@atlassian/ssr-tests": "^0.3.0",
|
|
70
70
|
"@testing-library/react": "^13.4.0",
|
|
71
71
|
"@testing-library/react-hooks": "^8.0.1",
|