@uidu/page-header 1.0.1 → 1.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +6 -0
- package/dist/declarations/src/PageHeader/index.d.ts +4 -4
- package/dist/declarations/src/index.d.ts +1 -1
- package/dist/declarations/src/types.d.ts +18 -18
- package/dist/package.json +1 -1
- package/dist/uidu-page-header.cjs.dev.js +9 -7
- package/dist/uidu-page-header.cjs.prod.js +9 -7
- package/package.json +11 -11
package/CHANGELOG.md
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { PageHeaderProps } from '../types';
|
3
|
-
declare const PageHeader: ({ innerRef, breadcrumbs, actions, children, disableTitleStyles, truncateTitle, className, }: PageHeaderProps) => JSX.Element;
|
4
|
-
export default PageHeader;
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { PageHeaderProps } from '../types';
|
3
|
+
declare const PageHeader: ({ innerRef, breadcrumbs, actions, children, disableTitleStyles, truncateTitle, className, }: PageHeaderProps) => JSX.Element;
|
4
|
+
export default PageHeader;
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './PageHeader';
|
1
|
+
export { default } from './PageHeader';
|
@@ -1,18 +1,18 @@
|
|
1
|
-
import { ReactElement, ReactNode } from 'react';
|
2
|
-
export declare type PageHeaderProps = {
|
3
|
-
/** Returns the inner ref of the component. This is exposed so the focus can be set. */
|
4
|
-
innerRef?: (element: HTMLElement) => void;
|
5
|
-
/** Page breadcrumbs to be rendered above the title. */
|
6
|
-
breadcrumbs?: ReactElement;
|
7
|
-
/** Contents of the action bar to be rendered next to the page title. */
|
8
|
-
actions?: ReactElement;
|
9
|
-
/** Classnames applied to PageHeader wrapper */
|
10
|
-
className?: string;
|
11
|
-
/** Content of the page title. The text would be trimmed if it doesn't fit the
|
12
|
-
header width and end with an ellipsis */
|
13
|
-
children?: ReactNode;
|
14
|
-
/** Disable default styles for page title */
|
15
|
-
disableTitleStyles?: boolean;
|
16
|
-
/** Prevent the title from wrapping across lines */
|
17
|
-
truncateTitle?: boolean;
|
18
|
-
};
|
1
|
+
import { ReactElement, ReactNode } from 'react';
|
2
|
+
export declare type PageHeaderProps = {
|
3
|
+
/** Returns the inner ref of the component. This is exposed so the focus can be set. */
|
4
|
+
innerRef?: (element: HTMLElement) => void;
|
5
|
+
/** Page breadcrumbs to be rendered above the title. */
|
6
|
+
breadcrumbs?: ReactElement;
|
7
|
+
/** Contents of the action bar to be rendered next to the page title. */
|
8
|
+
actions?: ReactElement;
|
9
|
+
/** Classnames applied to PageHeader wrapper */
|
10
|
+
className?: string;
|
11
|
+
/** Content of the page title. The text would be trimmed if it doesn't fit the
|
12
|
+
header width and end with an ellipsis */
|
13
|
+
children?: ReactNode;
|
14
|
+
/** Disable default styles for page title */
|
15
|
+
disableTitleStyles?: boolean;
|
16
|
+
/** Prevent the title from wrapping across lines */
|
17
|
+
truncateTitle?: boolean;
|
18
|
+
};
|
package/dist/package.json
CHANGED
@@ -49,7 +49,9 @@ var PageHeader = function PageHeader(_ref) {
|
|
49
49
|
});
|
50
50
|
};
|
51
51
|
|
52
|
-
var
|
52
|
+
var PageHeader$1 = PageHeader;
|
53
|
+
|
54
|
+
var _StyledDiv = _styled__default["default"]("div").withConfig({
|
53
55
|
displayName: "PageHeader___StyledDiv",
|
54
56
|
componentId: "sc-9i9mq4-0"
|
55
57
|
})({
|
@@ -61,7 +63,7 @@ var _StyledDiv = _styled__default['default']("div").withConfig({
|
|
61
63
|
"minWidth": "0px"
|
62
64
|
});
|
63
65
|
|
64
|
-
var _StyledDiv2 = _styled__default[
|
66
|
+
var _StyledDiv2 = _styled__default["default"]("div").withConfig({
|
65
67
|
displayName: "PageHeader___StyledDiv2",
|
66
68
|
componentId: "sc-9i9mq4-1"
|
67
69
|
})({
|
@@ -69,11 +71,11 @@ var _StyledDiv2 = _styled__default['default']("div").withConfig({
|
|
69
71
|
"display": "flex",
|
70
72
|
"justifyContent": "space-between",
|
71
73
|
"@media (min-width: 768px)": {
|
72
|
-
"alignItems": "
|
74
|
+
"alignItems": "center"
|
73
75
|
}
|
74
76
|
});
|
75
77
|
|
76
|
-
var _StyledDiv3 = _styled__default[
|
78
|
+
var _StyledDiv3 = _styled__default["default"]("div").withConfig({
|
77
79
|
displayName: "PageHeader___StyledDiv3",
|
78
80
|
componentId: "sc-9i9mq4-2"
|
79
81
|
})({
|
@@ -81,18 +83,18 @@ var _StyledDiv3 = _styled__default['default']("div").withConfig({
|
|
81
83
|
"minWidth": "0px"
|
82
84
|
});
|
83
85
|
|
84
|
-
var _StyledH = _styled__default[
|
86
|
+
var _StyledH = _styled__default["default"]("h2").withConfig({
|
85
87
|
displayName: "PageHeader___StyledH",
|
86
88
|
componentId: "sc-9i9mq4-3"
|
87
89
|
})(["", ""], function (p) {
|
88
90
|
return p.$_css;
|
89
91
|
});
|
90
92
|
|
91
|
-
var _StyledDiv4 = _styled__default[
|
93
|
+
var _StyledDiv4 = _styled__default["default"]("div").withConfig({
|
92
94
|
displayName: "PageHeader___StyledDiv4",
|
93
95
|
componentId: "sc-9i9mq4-4"
|
94
96
|
})({
|
95
97
|
"marginLeft": "1rem"
|
96
98
|
});
|
97
99
|
|
98
|
-
exports
|
100
|
+
exports["default"] = PageHeader$1;
|
@@ -49,7 +49,9 @@ var PageHeader = function PageHeader(_ref) {
|
|
49
49
|
});
|
50
50
|
};
|
51
51
|
|
52
|
-
var
|
52
|
+
var PageHeader$1 = PageHeader;
|
53
|
+
|
54
|
+
var _StyledDiv = _styled__default["default"]("div").withConfig({
|
53
55
|
displayName: "PageHeader___StyledDiv",
|
54
56
|
componentId: "sc-9i9mq4-0"
|
55
57
|
})({
|
@@ -61,7 +63,7 @@ var _StyledDiv = _styled__default['default']("div").withConfig({
|
|
61
63
|
"minWidth": "0px"
|
62
64
|
});
|
63
65
|
|
64
|
-
var _StyledDiv2 = _styled__default[
|
66
|
+
var _StyledDiv2 = _styled__default["default"]("div").withConfig({
|
65
67
|
displayName: "PageHeader___StyledDiv2",
|
66
68
|
componentId: "sc-9i9mq4-1"
|
67
69
|
})({
|
@@ -69,11 +71,11 @@ var _StyledDiv2 = _styled__default['default']("div").withConfig({
|
|
69
71
|
"display": "flex",
|
70
72
|
"justifyContent": "space-between",
|
71
73
|
"@media (min-width: 768px)": {
|
72
|
-
"alignItems": "
|
74
|
+
"alignItems": "center"
|
73
75
|
}
|
74
76
|
});
|
75
77
|
|
76
|
-
var _StyledDiv3 = _styled__default[
|
78
|
+
var _StyledDiv3 = _styled__default["default"]("div").withConfig({
|
77
79
|
displayName: "PageHeader___StyledDiv3",
|
78
80
|
componentId: "sc-9i9mq4-2"
|
79
81
|
})({
|
@@ -81,18 +83,18 @@ var _StyledDiv3 = _styled__default['default']("div").withConfig({
|
|
81
83
|
"minWidth": "0px"
|
82
84
|
});
|
83
85
|
|
84
|
-
var _StyledH = _styled__default[
|
86
|
+
var _StyledH = _styled__default["default"]("h2").withConfig({
|
85
87
|
displayName: "PageHeader___StyledH",
|
86
88
|
componentId: "sc-9i9mq4-3"
|
87
89
|
})(["", ""], function (p) {
|
88
90
|
return p.$_css;
|
89
91
|
});
|
90
92
|
|
91
|
-
var _StyledDiv4 = _styled__default[
|
93
|
+
var _StyledDiv4 = _styled__default["default"]("div").withConfig({
|
92
94
|
displayName: "PageHeader___StyledDiv4",
|
93
95
|
componentId: "sc-9i9mq4-4"
|
94
96
|
})({
|
95
97
|
"marginLeft": "1rem"
|
96
98
|
});
|
97
99
|
|
98
|
-
exports
|
100
|
+
exports["default"] = PageHeader$1;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@uidu/page-header",
|
3
|
-
"version": "1.0.
|
3
|
+
"version": "1.0.2",
|
4
4
|
"description": "A React component that represents Header of an application page",
|
5
5
|
"repository": "https://github.com/uidu-org/guidu/tree/main/packages/navigation/page-header",
|
6
6
|
"license": "MIT",
|
@@ -9,21 +9,21 @@
|
|
9
9
|
"main": "dist/uidu-page-header.cjs.js",
|
10
10
|
"types": "dist/uidu-page-header.cjs.d.ts",
|
11
11
|
"dependencies": {
|
12
|
-
"@uidu/shell": "^2.
|
13
|
-
"@uidu/theme": "^0.6.
|
12
|
+
"@uidu/shell": "^2.1.7",
|
13
|
+
"@uidu/theme": "^0.6.5",
|
14
14
|
"tslib": "^2.3.1"
|
15
15
|
},
|
16
16
|
"devDependencies": {
|
17
|
-
"@uidu/breadcrumbs": "^1.0.
|
18
|
-
"@uidu/button": "^1.
|
19
|
-
"@uidu/docs": "^0.
|
20
|
-
"@uidu/field-text": "^1.1.
|
21
|
-
"@uidu/form": "^1.2.
|
22
|
-
"@uidu/inline-edit": "0.3.
|
23
|
-
"@uidu/select": "^1.
|
17
|
+
"@uidu/breadcrumbs": "^1.0.5",
|
18
|
+
"@uidu/button": "^1.3.5",
|
19
|
+
"@uidu/docs": "^0.5.3",
|
20
|
+
"@uidu/field-text": "^1.1.7",
|
21
|
+
"@uidu/form": "^1.2.8",
|
22
|
+
"@uidu/inline-edit": "0.3.7",
|
23
|
+
"@uidu/select": "^1.5.6",
|
24
24
|
"react": "^17.0.2",
|
25
25
|
"react-dom": "^17.0.2",
|
26
|
-
"styled-components": "^5.3.
|
26
|
+
"styled-components": "^5.3.3"
|
27
27
|
},
|
28
28
|
"peerDependencies": {
|
29
29
|
"react": "^17.0.0",
|