@atlaskit/page-header 11.0.2 → 11.1.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
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @atlaskit/page-header
|
|
2
2
|
|
|
3
|
+
## 11.1.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#109060](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/109060)
|
|
8
|
+
[`4660ec858a305`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/4660ec858a305) -
|
|
9
|
+
Update `React` from v16 to v18
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- Updated dependencies
|
|
14
|
+
|
|
15
|
+
## 11.0.3
|
|
16
|
+
|
|
17
|
+
### Patch Changes
|
|
18
|
+
|
|
19
|
+
- Updated dependencies
|
|
20
|
+
|
|
3
21
|
## 11.0.2
|
|
4
22
|
|
|
5
23
|
### Patch Changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* styled.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
2
2
|
// TODO: Remove this eslint-disable when prop names have been renamed.
|
|
3
3
|
// This rule is here as prop name changes are a major as they are used
|
|
4
4
|
// by our consumers. The prop name concerned here is truncateTitle.
|
|
@@ -59,7 +59,7 @@ var StyledTitleWrapper = exports.StyledTitleWrapper = /*#__PURE__*/_react.defaul
|
|
|
59
59
|
tabIndex: -1,
|
|
60
60
|
id: id,
|
|
61
61
|
"data-testid": testId && "".concat(testId, "--title"),
|
|
62
|
-
className: (0, _runtime.ax)(["
|
|
62
|
+
className: (0, _runtime.ax)(["_11c81p5s _12ji1r31 _1qu2glyw _12y31o36 _syaz1fxt _1dyz4jg8 _1pfhidpf", truncateTitle && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
|
|
63
63
|
}, children);
|
|
64
64
|
});
|
|
65
65
|
/**
|
|
@@ -86,7 +86,7 @@ var TitleContainer = exports.TitleContainer = function TitleContainer(_ref4) {
|
|
|
86
86
|
var children = _ref4.children,
|
|
87
87
|
truncateTitle = _ref4.truncateTitle;
|
|
88
88
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
89
|
-
className: (0, _runtime.ax)(["
|
|
89
|
+
className: (0, _runtime.ax)(["_16jlkb7n _1o9zidpf _i0dl1wug _1ul9idpf _p12f1osq _6rthu2gc", truncateTitle && "_1o9zkb7n"])
|
|
90
90
|
}, children);
|
|
91
91
|
};
|
|
92
92
|
|
|
@@ -99,7 +99,7 @@ var TitleContainer = exports.TitleContainer = function TitleContainer(_ref4) {
|
|
|
99
99
|
var ActionsWrapper = exports.ActionsWrapper = function ActionsWrapper(_ref5) {
|
|
100
100
|
var children = _ref5.children;
|
|
101
101
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
102
|
-
className: (0, _runtime.ax)(["
|
|
102
|
+
className: (0, _runtime.ax)(["_16jlidpf _1o9zidpf _i0dl1wug _p12f1osq _6rthu2gc _ahbq1wug _bozgxy5q _o5721q9c"])
|
|
103
103
|
}, children);
|
|
104
104
|
};
|
|
105
105
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* styled.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
2
2
|
// TODO: Remove this eslint-disable when prop names have been renamed.
|
|
3
3
|
// This rule is here as prop name changes are a major as they are used
|
|
4
4
|
// by our consumers. The prop name concerned here is truncateTitle.
|
|
@@ -51,7 +51,7 @@ export const StyledTitleWrapper = /*#__PURE__*/React.forwardRef(({
|
|
|
51
51
|
tabIndex: -1,
|
|
52
52
|
id: id,
|
|
53
53
|
"data-testid": testId && `${testId}--title`,
|
|
54
|
-
className: ax(["
|
|
54
|
+
className: ax(["_11c81p5s _12ji1r31 _1qu2glyw _12y31o36 _syaz1fxt _1dyz4jg8 _1pfhidpf", truncateTitle && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
|
|
55
55
|
}, children);
|
|
56
56
|
});
|
|
57
57
|
/**
|
|
@@ -80,7 +80,7 @@ export const TitleContainer = ({
|
|
|
80
80
|
truncateTitle
|
|
81
81
|
}) => {
|
|
82
82
|
return /*#__PURE__*/React.createElement("div", {
|
|
83
|
-
className: ax(["
|
|
83
|
+
className: ax(["_16jlkb7n _1o9zidpf _i0dl1wug _1ul9idpf _p12f1osq _6rthu2gc", truncateTitle && "_1o9zkb7n"])
|
|
84
84
|
}, children);
|
|
85
85
|
};
|
|
86
86
|
|
|
@@ -94,7 +94,7 @@ export const ActionsWrapper = ({
|
|
|
94
94
|
children
|
|
95
95
|
}) => {
|
|
96
96
|
return /*#__PURE__*/React.createElement("div", {
|
|
97
|
-
className: ax(["
|
|
97
|
+
className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _p12f1osq _6rthu2gc _ahbq1wug _bozgxy5q _o5721q9c"])
|
|
98
98
|
}, children);
|
|
99
99
|
};
|
|
100
100
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* styled.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* styled.tsx generated by @compiled/babel-plugin v0.36.0 */
|
|
2
2
|
// TODO: Remove this eslint-disable when prop names have been renamed.
|
|
3
3
|
// This rule is here as prop name changes are a major as they are used
|
|
4
4
|
// by our consumers. The prop name concerned here is truncateTitle.
|
|
@@ -52,7 +52,7 @@ export var StyledTitleWrapper = /*#__PURE__*/React.forwardRef(function (_ref2, r
|
|
|
52
52
|
tabIndex: -1,
|
|
53
53
|
id: id,
|
|
54
54
|
"data-testid": testId && "".concat(testId, "--title"),
|
|
55
|
-
className: ax(["
|
|
55
|
+
className: ax(["_11c81p5s _12ji1r31 _1qu2glyw _12y31o36 _syaz1fxt _1dyz4jg8 _1pfhidpf", truncateTitle && "_1reo15vq _18m915vq _1bto1l2s _o5721q9c"])
|
|
56
56
|
}, children);
|
|
57
57
|
});
|
|
58
58
|
/**
|
|
@@ -79,7 +79,7 @@ export var TitleContainer = function TitleContainer(_ref4) {
|
|
|
79
79
|
var children = _ref4.children,
|
|
80
80
|
truncateTitle = _ref4.truncateTitle;
|
|
81
81
|
return /*#__PURE__*/React.createElement("div", {
|
|
82
|
-
className: ax(["
|
|
82
|
+
className: ax(["_16jlkb7n _1o9zidpf _i0dl1wug _1ul9idpf _p12f1osq _6rthu2gc", truncateTitle && "_1o9zkb7n"])
|
|
83
83
|
}, children);
|
|
84
84
|
};
|
|
85
85
|
|
|
@@ -92,7 +92,7 @@ export var TitleContainer = function TitleContainer(_ref4) {
|
|
|
92
92
|
export var ActionsWrapper = function ActionsWrapper(_ref5) {
|
|
93
93
|
var children = _ref5.children;
|
|
94
94
|
return /*#__PURE__*/React.createElement("div", {
|
|
95
|
-
className: ax(["
|
|
95
|
+
className: ax(["_16jlidpf _1o9zidpf _i0dl1wug _p12f1osq _6rthu2gc _ahbq1wug _bozgxy5q _o5721q9c"])
|
|
96
96
|
}, children);
|
|
97
97
|
};
|
|
98
98
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/page-header",
|
|
3
|
-
"version": "11.0
|
|
3
|
+
"version": "11.1.0",
|
|
4
4
|
"description": "A page header defines the top of a page. It contains a title and can be optionally combined with breadcrumbs buttons, search, and filters.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -25,9 +25,9 @@
|
|
|
25
25
|
"runReact18": true
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@atlaskit/css": "^0.
|
|
29
|
-
"@atlaskit/primitives": "^13.
|
|
30
|
-
"@atlaskit/tokens": "^
|
|
28
|
+
"@atlaskit/css": "^0.8.0",
|
|
29
|
+
"@atlaskit/primitives": "^13.4.0",
|
|
30
|
+
"@atlaskit/tokens": "^3.3.0",
|
|
31
31
|
"@babel/runtime": "^7.0.0",
|
|
32
32
|
"@compiled/react": "^0.18.1"
|
|
33
33
|
},
|
|
@@ -39,14 +39,14 @@
|
|
|
39
39
|
"@af/accessibility-testing": "*",
|
|
40
40
|
"@af/integration-testing": "*",
|
|
41
41
|
"@af/visual-regression": "*",
|
|
42
|
-
"@atlaskit/breadcrumbs": "^14.
|
|
43
|
-
"@atlaskit/ds-lib": "^3.
|
|
44
|
-
"@atlaskit/page": "^12.
|
|
42
|
+
"@atlaskit/breadcrumbs": "^14.1.0",
|
|
43
|
+
"@atlaskit/ds-lib": "^3.5.0",
|
|
44
|
+
"@atlaskit/page": "^12.7.0",
|
|
45
45
|
"@atlaskit/ssr": "*",
|
|
46
|
-
"@atlaskit/textfield": "^6.
|
|
46
|
+
"@atlaskit/textfield": "^6.8.0",
|
|
47
47
|
"@atlaskit/visual-regression": "*",
|
|
48
|
-
"@testing-library/react": "^
|
|
49
|
-
"react-dom": "^
|
|
48
|
+
"@testing-library/react": "^13.4.0",
|
|
49
|
+
"react-dom": "^18.2.0",
|
|
50
50
|
"typescript": "~5.4.2"
|
|
51
51
|
},
|
|
52
52
|
"keywords": [
|
package/__perf__/default.tsx
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import Breadcrumbs, { BreadcrumbsItem } from '@atlaskit/breadcrumbs';
|
|
4
|
-
import __noop from '@atlaskit/ds-lib/noop';
|
|
5
|
-
|
|
6
|
-
import PageHeader from '../src';
|
|
7
|
-
|
|
8
|
-
const breadcrumbs = (
|
|
9
|
-
<Breadcrumbs onExpand={__noop}>
|
|
10
|
-
<BreadcrumbsItem text="Some project" key="Some project" />
|
|
11
|
-
<BreadcrumbsItem text="Parent page" key="Parent page" />
|
|
12
|
-
</Breadcrumbs>
|
|
13
|
-
);
|
|
14
|
-
|
|
15
|
-
export default () => (
|
|
16
|
-
<PageHeader breadcrumbs={breadcrumbs}>Title describing the content</PageHeader>
|
|
17
|
-
);
|