@atlaskit/page-layout 3.7.0 → 3.9.0
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 +19 -0
- package/dist/cjs/controllers/index.js +0 -6
- package/dist/cjs/controllers/sidebar-resize-context.js +1 -11
- package/dist/cjs/index.js +0 -6
- package/dist/es2019/controllers/index.js +1 -1
- package/dist/es2019/controllers/sidebar-resize-context.js +0 -11
- package/dist/es2019/index.js +1 -1
- package/dist/esm/controllers/index.js +1 -1
- package/dist/esm/controllers/sidebar-resize-context.js +0 -10
- package/dist/esm/index.js +1 -1
- package/dist/types/controllers/index.d.ts +1 -1
- package/dist/types/controllers/sidebar-resize-context.d.ts +0 -4
- package/dist/types/index.d.ts +1 -1
- package/dist/types-ts4.5/controllers/index.d.ts +1 -1
- package/dist/types-ts4.5/controllers/sidebar-resize-context.d.ts +0 -4
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/package.json +9 -15
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,24 @@
|
|
|
1
1
|
# @atlaskit/page-layout
|
|
2
2
|
|
|
3
|
+
## 3.9.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`8b8090800a35d`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8b8090800a35d) -
|
|
8
|
+
Bump peer dependency for react-dom to include version 17 and 18.
|
|
9
|
+
|
|
10
|
+
## 3.8.0
|
|
11
|
+
|
|
12
|
+
### Minor Changes
|
|
13
|
+
|
|
14
|
+
- [#125595](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/125595)
|
|
15
|
+
[`91e9255bd7c93`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/91e9255bd7c93) -
|
|
16
|
+
Remove deprecated UNSAFE_useSetLeftSidebarState
|
|
17
|
+
|
|
18
|
+
### Patch Changes
|
|
19
|
+
|
|
20
|
+
- Updated dependencies
|
|
21
|
+
|
|
3
22
|
## 3.7.0
|
|
4
23
|
|
|
5
24
|
### Minor Changes
|
|
@@ -22,12 +22,6 @@ Object.defineProperty(exports, "SkipLinksController", {
|
|
|
22
22
|
return _skipLinkController.SkipLinksController;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
Object.defineProperty(exports, "UNSAFE_useSetLeftSidebarState", {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function get() {
|
|
28
|
-
return _sidebarResizeContext.UNSAFE_useSetLeftSidebarState;
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
25
|
Object.defineProperty(exports, "publishGridState", {
|
|
32
26
|
enumerable: true,
|
|
33
27
|
get: function get() {
|
|
@@ -4,12 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
-
exports.usePageLayoutResize = exports.useLeftSidebarFlyoutLock = exports.
|
|
7
|
+
exports.usePageLayoutResize = exports.useLeftSidebarFlyoutLock = exports.SidebarResizeContext = void 0;
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
10
|
var _react = require("react");
|
|
11
11
|
var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop"));
|
|
12
|
-
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
13
12
|
var _excluded = ["setLeftSidebarState"];
|
|
14
13
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
14
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -73,13 +72,4 @@ var useLeftSidebarFlyoutLock = exports.useLeftSidebarFlyoutLock = function useLe
|
|
|
73
72
|
});
|
|
74
73
|
};
|
|
75
74
|
}, [setLeftSidebarState]);
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
* @deprecated Returns noop. Added to support an internal redesign, `UNSAFE_useSetLeftSidebarState` will be removed in the next major release.
|
|
80
|
-
*/
|
|
81
|
-
var UNSAFE_useSetLeftSidebarState = exports.UNSAFE_useSetLeftSidebarState = function UNSAFE_useSetLeftSidebarState() {
|
|
82
|
-
var _useContext3 = (0, _react.useContext)(SidebarResizeContext),
|
|
83
|
-
setLeftSidebarState = _useContext3.setLeftSidebarState;
|
|
84
|
-
return (0, _platformFeatureFlags.getBooleanFF)('platform.atlassian.griffin-navigation-redesign') ? setLeftSidebarState : _noop.default;
|
|
85
75
|
};
|
package/dist/cjs/index.js
CHANGED
|
@@ -99,12 +99,6 @@ Object.defineProperty(exports, "TopNavigation", {
|
|
|
99
99
|
return _components.TopNavigation;
|
|
100
100
|
}
|
|
101
101
|
});
|
|
102
|
-
Object.defineProperty(exports, "UNSAFE_useSetLeftSidebarState", {
|
|
103
|
-
enumerable: true,
|
|
104
|
-
get: function get() {
|
|
105
|
-
return _controllers.UNSAFE_useSetLeftSidebarState;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
102
|
Object.defineProperty(exports, "useCustomSkipLink", {
|
|
109
103
|
enumerable: true,
|
|
110
104
|
get: function get() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as publishGridState } from './use-page-layout-grid';
|
|
2
|
-
export { SidebarResizeContext, usePageLayoutResize, useLeftSidebarFlyoutLock
|
|
2
|
+
export { SidebarResizeContext, usePageLayoutResize, useLeftSidebarFlyoutLock } from './sidebar-resize-context';
|
|
3
3
|
export { SidebarResizeController } from './sidebar-resize-controller';
|
|
4
4
|
export { useSkipLinks, useSkipLink } from './skip-link-context';
|
|
5
5
|
export { SkipLinksController } from './skip-link-controller';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { createContext, useContext, useEffect } from 'react';
|
|
2
2
|
import noop from '@atlaskit/ds-lib/noop';
|
|
3
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
4
3
|
const leftSidebarState = {
|
|
5
4
|
isFlyoutOpen: false,
|
|
6
5
|
isResizing: false,
|
|
@@ -61,14 +60,4 @@ export const useLeftSidebarFlyoutLock = () => {
|
|
|
61
60
|
}));
|
|
62
61
|
};
|
|
63
62
|
}, [setLeftSidebarState]);
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
/**
|
|
67
|
-
* @deprecated Returns noop. Added to support an internal redesign, `UNSAFE_useSetLeftSidebarState` will be removed in the next major release.
|
|
68
|
-
*/
|
|
69
|
-
export const UNSAFE_useSetLeftSidebarState = () => {
|
|
70
|
-
const {
|
|
71
|
-
setLeftSidebarState
|
|
72
|
-
} = useContext(SidebarResizeContext);
|
|
73
|
-
return getBooleanFF('platform.atlassian.griffin-navigation-redesign') ? setLeftSidebarState : noop;
|
|
74
63
|
};
|
package/dist/es2019/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { PageLayout, Main, Content, RightSidebar, LeftSidebar, LeftSidebarWithoutResize, RightPanel, LeftPanel, Banner, TopNavigation, useCustomSkipLink } from './components';
|
|
2
2
|
export { LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, BANNER_HEIGHT, TOP_NAVIGATION_HEIGHT, LEFT_SIDEBAR_WIDTH, RIGHT_SIDEBAR_WIDTH } from './common/constants';
|
|
3
|
-
export { usePageLayoutResize, useLeftSidebarFlyoutLock
|
|
3
|
+
export { usePageLayoutResize, useLeftSidebarFlyoutLock } from './controllers';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as publishGridState } from './use-page-layout-grid';
|
|
2
|
-
export { SidebarResizeContext, usePageLayoutResize, useLeftSidebarFlyoutLock
|
|
2
|
+
export { SidebarResizeContext, usePageLayoutResize, useLeftSidebarFlyoutLock } from './sidebar-resize-context';
|
|
3
3
|
export { SidebarResizeController } from './sidebar-resize-controller';
|
|
4
4
|
export { useSkipLinks, useSkipLink } from './skip-link-context';
|
|
5
5
|
export { SkipLinksController } from './skip-link-controller';
|
|
@@ -5,7 +5,6 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
6
|
import { createContext, useContext, useEffect } from 'react';
|
|
7
7
|
import noop from '@atlaskit/ds-lib/noop';
|
|
8
|
-
import { getBooleanFF } from '@atlaskit/platform-feature-flags';
|
|
9
8
|
var leftSidebarState = {
|
|
10
9
|
isFlyoutOpen: false,
|
|
11
10
|
isResizing: false,
|
|
@@ -66,13 +65,4 @@ export var useLeftSidebarFlyoutLock = function useLeftSidebarFlyoutLock() {
|
|
|
66
65
|
});
|
|
67
66
|
};
|
|
68
67
|
}, [setLeftSidebarState]);
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* @deprecated Returns noop. Added to support an internal redesign, `UNSAFE_useSetLeftSidebarState` will be removed in the next major release.
|
|
73
|
-
*/
|
|
74
|
-
export var UNSAFE_useSetLeftSidebarState = function UNSAFE_useSetLeftSidebarState() {
|
|
75
|
-
var _useContext3 = useContext(SidebarResizeContext),
|
|
76
|
-
setLeftSidebarState = _useContext3.setLeftSidebarState;
|
|
77
|
-
return getBooleanFF('platform.atlassian.griffin-navigation-redesign') ? setLeftSidebarState : noop;
|
|
78
68
|
};
|
package/dist/esm/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { PageLayout, Main, Content, RightSidebar, LeftSidebar, LeftSidebarWithoutResize, RightPanel, LeftPanel, Banner, TopNavigation, useCustomSkipLink } from './components';
|
|
2
2
|
export { LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, BANNER_HEIGHT, TOP_NAVIGATION_HEIGHT, LEFT_SIDEBAR_WIDTH, RIGHT_SIDEBAR_WIDTH } from './common/constants';
|
|
3
|
-
export { usePageLayoutResize, useLeftSidebarFlyoutLock
|
|
3
|
+
export { usePageLayoutResize, useLeftSidebarFlyoutLock } from './controllers';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export type { SkipLinkData } from './types';
|
|
2
2
|
export { default as publishGridState } from './use-page-layout-grid';
|
|
3
|
-
export { SidebarResizeContext, usePageLayoutResize, useLeftSidebarFlyoutLock,
|
|
3
|
+
export { SidebarResizeContext, usePageLayoutResize, useLeftSidebarFlyoutLock, } from './sidebar-resize-context';
|
|
4
4
|
export { SidebarResizeController } from './sidebar-resize-controller';
|
|
5
5
|
export { useSkipLinks, useSkipLink } from './skip-link-context';
|
|
6
6
|
export { SkipLinksController } from './skip-link-controller';
|
|
@@ -50,7 +50,3 @@ export declare const usePageLayoutResize: () => {
|
|
|
50
50
|
* as long as the popup is open.
|
|
51
51
|
*/
|
|
52
52
|
export declare const useLeftSidebarFlyoutLock: () => void;
|
|
53
|
-
/**
|
|
54
|
-
* @deprecated Returns noop. Added to support an internal redesign, `UNSAFE_useSetLeftSidebarState` will be removed in the next major release.
|
|
55
|
-
*/
|
|
56
|
-
export declare const UNSAFE_useSetLeftSidebarState: () => SidebarResizeContextValue['setLeftSidebarState'];
|
package/dist/types/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { PageLayout, Main, Content, RightSidebar, LeftSidebar, LeftSidebarWithoutResize, RightPanel, LeftPanel, Banner, TopNavigation, useCustomSkipLink, } from './components';
|
|
2
2
|
export { LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, BANNER_HEIGHT, TOP_NAVIGATION_HEIGHT, LEFT_SIDEBAR_WIDTH, RIGHT_SIDEBAR_WIDTH, } from './common/constants';
|
|
3
|
-
export { usePageLayoutResize, useLeftSidebarFlyoutLock
|
|
3
|
+
export { usePageLayoutResize, useLeftSidebarFlyoutLock } from './controllers';
|
|
4
4
|
export type { SlotHeightProps, SlotWidthProps, Dimensions, LeftSidebarState } from './common/types';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export type { SkipLinkData } from './types';
|
|
2
2
|
export { default as publishGridState } from './use-page-layout-grid';
|
|
3
|
-
export { SidebarResizeContext, usePageLayoutResize, useLeftSidebarFlyoutLock,
|
|
3
|
+
export { SidebarResizeContext, usePageLayoutResize, useLeftSidebarFlyoutLock, } from './sidebar-resize-context';
|
|
4
4
|
export { SidebarResizeController } from './sidebar-resize-controller';
|
|
5
5
|
export { useSkipLinks, useSkipLink } from './skip-link-context';
|
|
6
6
|
export { SkipLinksController } from './skip-link-controller';
|
|
@@ -50,7 +50,3 @@ export declare const usePageLayoutResize: () => {
|
|
|
50
50
|
* as long as the popup is open.
|
|
51
51
|
*/
|
|
52
52
|
export declare const useLeftSidebarFlyoutLock: () => void;
|
|
53
|
-
/**
|
|
54
|
-
* @deprecated Returns noop. Added to support an internal redesign, `UNSAFE_useSetLeftSidebarState` will be removed in the next major release.
|
|
55
|
-
*/
|
|
56
|
-
export declare const UNSAFE_useSetLeftSidebarState: () => SidebarResizeContextValue['setLeftSidebarState'];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { PageLayout, Main, Content, RightSidebar, LeftSidebar, LeftSidebarWithoutResize, RightPanel, LeftPanel, Banner, TopNavigation, useCustomSkipLink, } from './components';
|
|
2
2
|
export { LEFT_PANEL_WIDTH, RIGHT_PANEL_WIDTH, BANNER_HEIGHT, TOP_NAVIGATION_HEIGHT, LEFT_SIDEBAR_WIDTH, RIGHT_SIDEBAR_WIDTH, } from './common/constants';
|
|
3
|
-
export { usePageLayoutResize, useLeftSidebarFlyoutLock
|
|
3
|
+
export { usePageLayoutResize, useLeftSidebarFlyoutLock } from './controllers';
|
|
4
4
|
export type { SlotHeightProps, SlotWidthProps, Dimensions, LeftSidebarState } from './common/types';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page-layout",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.9.0",
|
|
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/"
|
|
@@ -40,13 +40,12 @@
|
|
|
40
40
|
"homepage": "https://atlassian.design/components/page-layout/",
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"@atlaskit/ds-lib": "^2.3.0",
|
|
43
|
-
"@atlaskit/icon": "^22.
|
|
44
|
-
"@atlaskit/link": "^1.
|
|
45
|
-
"@atlaskit/motion": "^1.
|
|
46
|
-
"@atlaskit/platform-feature-flags": "^0.3.0",
|
|
43
|
+
"@atlaskit/icon": "^22.10.0",
|
|
44
|
+
"@atlaskit/link": "^1.1.0",
|
|
45
|
+
"@atlaskit/motion": "^1.8.0",
|
|
47
46
|
"@atlaskit/primitives": "^11.1.0",
|
|
48
47
|
"@atlaskit/theme": "^12.11.0",
|
|
49
|
-
"@atlaskit/tokens": "^1.
|
|
48
|
+
"@atlaskit/tokens": "^1.57.0",
|
|
50
49
|
"@babel/runtime": "^7.0.0",
|
|
51
50
|
"@emotion/react": "^11.7.1",
|
|
52
51
|
"bind-event-listener": "^3.0.0",
|
|
@@ -54,7 +53,7 @@
|
|
|
54
53
|
},
|
|
55
54
|
"peerDependencies": {
|
|
56
55
|
"react": "^16.8.0 || ^17.0.0 || ~18.2.0",
|
|
57
|
-
"react-dom": "^16.8.0"
|
|
56
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ~18.2.0"
|
|
58
57
|
},
|
|
59
58
|
"devDependencies": {
|
|
60
59
|
"@af/accessibility-testing": "*",
|
|
@@ -63,14 +62,14 @@
|
|
|
63
62
|
"@atlaskit/atlassian-notifications": "^0.4.0",
|
|
64
63
|
"@atlaskit/drawer": "^7.13.0",
|
|
65
64
|
"@atlaskit/logo": "^14.1.0",
|
|
66
|
-
"@atlaskit/menu": "^2.
|
|
65
|
+
"@atlaskit/menu": "^2.10.0",
|
|
67
66
|
"@atlaskit/notification-indicator": "^9.2.0",
|
|
68
67
|
"@atlaskit/notification-log-client": "^6.1.0",
|
|
69
|
-
"@atlaskit/popup": "^1.
|
|
68
|
+
"@atlaskit/popup": "^1.21.0",
|
|
70
69
|
"@atlaskit/side-navigation": "^3.3.0",
|
|
71
70
|
"@atlaskit/ssr": "*",
|
|
72
71
|
"@atlaskit/toggle": "^13.2.0",
|
|
73
|
-
"@atlaskit/tooltip": "^18.
|
|
72
|
+
"@atlaskit/tooltip": "^18.6.0",
|
|
74
73
|
"@atlaskit/visual-regression": "*",
|
|
75
74
|
"@testing-library/dom": "^10.1.0",
|
|
76
75
|
"@testing-library/react": "^12.1.5",
|
|
@@ -112,10 +111,5 @@
|
|
|
112
111
|
"static"
|
|
113
112
|
]
|
|
114
113
|
}
|
|
115
|
-
},
|
|
116
|
-
"platform-feature-flags": {
|
|
117
|
-
"platform.atlassian.griffin-navigation-redesign": {
|
|
118
|
-
"type": "boolean"
|
|
119
|
-
}
|
|
120
114
|
}
|
|
121
115
|
}
|