@uidu/page-header 0.2.12 → 1.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +40 -0
- package/dist/declarations/src/PageHeader/index.d.ts +4 -20
- package/dist/declarations/src/index.d.ts +1 -1
- package/dist/declarations/src/types.d.ts +18 -0
- package/dist/package.json +1 -1
- package/dist/uidu-page-header.cjs.dev.js +72 -53
- package/dist/uidu-page-header.cjs.prod.js +72 -53
- package/package.json +12 -12
- package/dist/declarations/src/PageHeader/styled.d.ts +0 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,45 @@
|
|
|
1
1
|
# @uidu/page-header
|
|
2
2
|
|
|
3
|
+
## 1.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 4eee3b6af: Added tailwind-config package, use tw in @uidu/menu
|
|
8
|
+
|
|
9
|
+
## 1.0.1
|
|
10
|
+
|
|
11
|
+
### Patch Changes
|
|
12
|
+
|
|
13
|
+
- beb3edb67: Select style updates, forwardRef to ShellBody
|
|
14
|
+
- Updated dependencies [beb3edb67]
|
|
15
|
+
- @uidu/theme@0.6.1
|
|
16
|
+
- @uidu/shell@2.0.3
|
|
17
|
+
|
|
18
|
+
## 1.0.0
|
|
19
|
+
|
|
20
|
+
### Major Changes
|
|
21
|
+
|
|
22
|
+
- c5a9ffbf6: ## Forms to tailwind, use css variables where possible, refactor Button completely
|
|
23
|
+
|
|
24
|
+
Button now is styleable from outside with tailwind or normal classNames. It's also possible to use css variables to style the button, and use variants to style the button.
|
|
25
|
+
Removed bootstrap dependency locally, to understand how the uikit behaves in a less opinionated client.
|
|
26
|
+
Bumped dependencies as well.
|
|
27
|
+
|
|
28
|
+
### Patch Changes
|
|
29
|
+
|
|
30
|
+
- Updated dependencies [c5a9ffbf6]
|
|
31
|
+
- @uidu/shell@2.0.0
|
|
32
|
+
- @uidu/theme@0.6.0
|
|
33
|
+
|
|
34
|
+
## 0.2.13
|
|
35
|
+
|
|
36
|
+
### Patch Changes
|
|
37
|
+
|
|
38
|
+
- d4a62100d: Removed react-native dependencies
|
|
39
|
+
- Updated dependencies [d4a62100d]
|
|
40
|
+
- @uidu/theme@0.5.14
|
|
41
|
+
- @uidu/shell@1.2.19
|
|
42
|
+
|
|
3
43
|
## 0.2.12
|
|
4
44
|
|
|
5
45
|
### Patch Changes
|
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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
|
-
/** Contents of the header bar to be rendered below the page title. */
|
|
10
|
-
bottomBar?: ReactElement;
|
|
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
|
-
};
|
|
19
|
-
declare const PageHeader: ({ innerRef, breadcrumbs, actions, bottomBar, children, disableTitleStyles, truncateTitle, }: Props) => JSX.Element;
|
|
20
|
-
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';
|
|
@@ -0,0 +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
|
+
};
|
package/dist/package.json
CHANGED
|
@@ -2,80 +2,99 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _styled = require('styled-components');
|
|
5
6
|
require('react');
|
|
6
|
-
var constants = require('@uidu/theme/constants');
|
|
7
|
-
var typography = require('@uidu/theme/typography');
|
|
8
|
-
var styled = require('styled-components');
|
|
9
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
8
|
|
|
11
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
12
10
|
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
var getTruncationStyles = function getTruncationStyles(_ref) {
|
|
16
|
-
var truncate = _ref.truncate;
|
|
17
|
-
return truncate ? "\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n " : null;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
var Outer = styled__default['default'].div.withConfig({
|
|
21
|
-
displayName: "styled__Outer",
|
|
22
|
-
componentId: "sc-1nd0qhd-0"
|
|
23
|
-
})(["margin:", "px 0 ", "px 0;"], constants.gridSize() * 3, constants.gridSize() * 2);
|
|
24
|
-
var StyledTitle = styled__default['default'].h1.withConfig({
|
|
25
|
-
displayName: "styled__StyledTitle",
|
|
26
|
-
componentId: "sc-1nd0qhd-1"
|
|
27
|
-
})(["", ";", " line-height:", "px;margin-top:0;"], typography.h700(), getTruncationStyles, constants.gridSize() * 4);
|
|
28
|
-
var TitleWrapper = styled__default['default'].div.withConfig({
|
|
29
|
-
displayName: "styled__TitleWrapper",
|
|
30
|
-
componentId: "sc-1nd0qhd-2"
|
|
31
|
-
})(["align-items:flex-start;display:flex;", ""], function (_ref2) {
|
|
32
|
-
var truncate = _ref2.truncate;
|
|
33
|
-
return truncate ? 'flex-wrap: no-wrap;' : 'flex-wrap: wrap;';
|
|
34
|
-
});
|
|
35
|
-
var TitleContainer = styled__default['default'].div.withConfig({
|
|
36
|
-
displayName: "styled__TitleContainer",
|
|
37
|
-
componentId: "sc-1nd0qhd-3"
|
|
38
|
-
})(["flex:1 0 auto;", " margin-bottom:", "px;max-width:100%;min-width:0;"], function (_ref3) {
|
|
39
|
-
var truncate = _ref3.truncate;
|
|
40
|
-
return truncate ? 'flex-shrink: 1;' : null;
|
|
41
|
-
}, constants.gridSize());
|
|
42
|
-
var ActionsWrapper = styled__default['default'].div.withConfig({
|
|
43
|
-
displayName: "styled__ActionsWrapper",
|
|
44
|
-
componentId: "sc-1nd0qhd-4"
|
|
45
|
-
})(["flex:0 0 auto;margin-bottom:", "px;margin-left:auto;max-width:100%;padding-left:", "px;white-space:nowrap;>{text-align:right;}"], constants.gridSize(), constants.gridSize() * 4);
|
|
46
|
-
var BottomBarWrapper = styled__default['default'].div.withConfig({
|
|
47
|
-
displayName: "styled__BottomBarWrapper",
|
|
48
|
-
componentId: "sc-1nd0qhd-5"
|
|
49
|
-
})(["margin-top:", "px;"], constants.gridSize() * 2);
|
|
11
|
+
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
50
12
|
|
|
51
13
|
var PageHeader = function PageHeader(_ref) {
|
|
52
14
|
var innerRef = _ref.innerRef,
|
|
53
15
|
breadcrumbs = _ref.breadcrumbs,
|
|
54
16
|
actions = _ref.actions,
|
|
55
|
-
bottomBar = _ref.bottomBar,
|
|
56
17
|
children = _ref.children,
|
|
57
18
|
_ref$disableTitleStyl = _ref.disableTitleStyles,
|
|
58
19
|
disableTitleStyles = _ref$disableTitleStyl === void 0 ? false : _ref$disableTitleStyl,
|
|
59
20
|
_ref$truncateTitle = _ref.truncateTitle,
|
|
60
|
-
truncateTitle = _ref$truncateTitle === void 0 ? false : _ref$truncateTitle
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
children: disableTitleStyles ? children : /*#__PURE__*/jsxRuntime.jsx(
|
|
21
|
+
truncateTitle = _ref$truncateTitle === void 0 ? false : _ref$truncateTitle,
|
|
22
|
+
className = _ref.className;
|
|
23
|
+
return /*#__PURE__*/jsxRuntime.jsxs(_StyledDiv, {
|
|
24
|
+
className: className,
|
|
25
|
+
children: [breadcrumbs, /*#__PURE__*/jsxRuntime.jsxs(_StyledDiv2, {
|
|
26
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(_StyledDiv3, {
|
|
27
|
+
children: disableTitleStyles ? children : /*#__PURE__*/jsxRuntime.jsx(_StyledH, {
|
|
67
28
|
ref: innerRef,
|
|
68
29
|
tabIndex: -1,
|
|
69
|
-
|
|
30
|
+
$_css: [{
|
|
31
|
+
"fontSize": "1.5rem",
|
|
32
|
+
"lineHeight": "2rem",
|
|
33
|
+
"fontWeight": "700",
|
|
34
|
+
"@media (min-width: 640px)": {
|
|
35
|
+
"fontSize": "1.875rem",
|
|
36
|
+
"lineHeight": "2.25rem"
|
|
37
|
+
}
|
|
38
|
+
}, truncateTitle && {
|
|
39
|
+
"overflow": "hidden",
|
|
40
|
+
"textOverflow": "ellipsis",
|
|
41
|
+
"whiteSpace": "nowrap"
|
|
42
|
+
}],
|
|
70
43
|
children: children
|
|
71
44
|
})
|
|
72
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
45
|
+
}), /*#__PURE__*/jsxRuntime.jsx(_StyledDiv4, {
|
|
73
46
|
children: actions
|
|
74
47
|
})]
|
|
75
|
-
}), bottomBar && /*#__PURE__*/jsxRuntime.jsxs(BottomBarWrapper, {
|
|
76
|
-
children: [" ", bottomBar, " "]
|
|
77
48
|
})]
|
|
78
49
|
});
|
|
79
50
|
};
|
|
80
51
|
|
|
81
|
-
|
|
52
|
+
var PageHeader$1 = PageHeader;
|
|
53
|
+
|
|
54
|
+
var _StyledDiv = _styled__default["default"]("div").withConfig({
|
|
55
|
+
displayName: "PageHeader___StyledDiv",
|
|
56
|
+
componentId: "sc-9i9mq4-0"
|
|
57
|
+
})({
|
|
58
|
+
"display": "flex",
|
|
59
|
+
"flexGrow": "1",
|
|
60
|
+
"flexDirection": "column",
|
|
61
|
+
"paddingTop": "1.5rem",
|
|
62
|
+
"paddingBottom": "1.5rem",
|
|
63
|
+
"minWidth": "0px"
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
var _StyledDiv2 = _styled__default["default"]("div").withConfig({
|
|
67
|
+
displayName: "PageHeader___StyledDiv2",
|
|
68
|
+
componentId: "sc-9i9mq4-1"
|
|
69
|
+
})({
|
|
70
|
+
"marginTop": "0.25rem",
|
|
71
|
+
"display": "flex",
|
|
72
|
+
"justifyContent": "space-between",
|
|
73
|
+
"@media (min-width: 768px)": {
|
|
74
|
+
"alignItems": "center"
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
var _StyledDiv3 = _styled__default["default"]("div").withConfig({
|
|
79
|
+
displayName: "PageHeader___StyledDiv3",
|
|
80
|
+
componentId: "sc-9i9mq4-2"
|
|
81
|
+
})({
|
|
82
|
+
"flex": "1 1 0%",
|
|
83
|
+
"minWidth": "0px"
|
|
84
|
+
});
|
|
85
|
+
|
|
86
|
+
var _StyledH = _styled__default["default"]("h2").withConfig({
|
|
87
|
+
displayName: "PageHeader___StyledH",
|
|
88
|
+
componentId: "sc-9i9mq4-3"
|
|
89
|
+
})(["", ""], function (p) {
|
|
90
|
+
return p.$_css;
|
|
91
|
+
});
|
|
92
|
+
|
|
93
|
+
var _StyledDiv4 = _styled__default["default"]("div").withConfig({
|
|
94
|
+
displayName: "PageHeader___StyledDiv4",
|
|
95
|
+
componentId: "sc-9i9mq4-4"
|
|
96
|
+
})({
|
|
97
|
+
"marginLeft": "1rem"
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
exports["default"] = PageHeader$1;
|
|
@@ -2,80 +2,99 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
var _styled = require('styled-components');
|
|
5
6
|
require('react');
|
|
6
|
-
var constants = require('@uidu/theme/constants');
|
|
7
|
-
var typography = require('@uidu/theme/typography');
|
|
8
|
-
var styled = require('styled-components');
|
|
9
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
8
|
|
|
11
9
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
12
10
|
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
var getTruncationStyles = function getTruncationStyles(_ref) {
|
|
16
|
-
var truncate = _ref.truncate;
|
|
17
|
-
return truncate ? "\n overflow-x: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n " : null;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
var Outer = styled__default['default'].div.withConfig({
|
|
21
|
-
displayName: "styled__Outer",
|
|
22
|
-
componentId: "sc-1nd0qhd-0"
|
|
23
|
-
})(["margin:", "px 0 ", "px 0;"], constants.gridSize() * 3, constants.gridSize() * 2);
|
|
24
|
-
var StyledTitle = styled__default['default'].h1.withConfig({
|
|
25
|
-
displayName: "styled__StyledTitle",
|
|
26
|
-
componentId: "sc-1nd0qhd-1"
|
|
27
|
-
})(["", ";", " line-height:", "px;margin-top:0;"], typography.h700(), getTruncationStyles, constants.gridSize() * 4);
|
|
28
|
-
var TitleWrapper = styled__default['default'].div.withConfig({
|
|
29
|
-
displayName: "styled__TitleWrapper",
|
|
30
|
-
componentId: "sc-1nd0qhd-2"
|
|
31
|
-
})(["align-items:flex-start;display:flex;", ""], function (_ref2) {
|
|
32
|
-
var truncate = _ref2.truncate;
|
|
33
|
-
return truncate ? 'flex-wrap: no-wrap;' : 'flex-wrap: wrap;';
|
|
34
|
-
});
|
|
35
|
-
var TitleContainer = styled__default['default'].div.withConfig({
|
|
36
|
-
displayName: "styled__TitleContainer",
|
|
37
|
-
componentId: "sc-1nd0qhd-3"
|
|
38
|
-
})(["flex:1 0 auto;", " margin-bottom:", "px;max-width:100%;min-width:0;"], function (_ref3) {
|
|
39
|
-
var truncate = _ref3.truncate;
|
|
40
|
-
return truncate ? 'flex-shrink: 1;' : null;
|
|
41
|
-
}, constants.gridSize());
|
|
42
|
-
var ActionsWrapper = styled__default['default'].div.withConfig({
|
|
43
|
-
displayName: "styled__ActionsWrapper",
|
|
44
|
-
componentId: "sc-1nd0qhd-4"
|
|
45
|
-
})(["flex:0 0 auto;margin-bottom:", "px;margin-left:auto;max-width:100%;padding-left:", "px;white-space:nowrap;>{text-align:right;}"], constants.gridSize(), constants.gridSize() * 4);
|
|
46
|
-
var BottomBarWrapper = styled__default['default'].div.withConfig({
|
|
47
|
-
displayName: "styled__BottomBarWrapper",
|
|
48
|
-
componentId: "sc-1nd0qhd-5"
|
|
49
|
-
})(["margin-top:", "px;"], constants.gridSize() * 2);
|
|
11
|
+
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
50
12
|
|
|
51
13
|
var PageHeader = function PageHeader(_ref) {
|
|
52
14
|
var innerRef = _ref.innerRef,
|
|
53
15
|
breadcrumbs = _ref.breadcrumbs,
|
|
54
16
|
actions = _ref.actions,
|
|
55
|
-
bottomBar = _ref.bottomBar,
|
|
56
17
|
children = _ref.children,
|
|
57
18
|
_ref$disableTitleStyl = _ref.disableTitleStyles,
|
|
58
19
|
disableTitleStyles = _ref$disableTitleStyl === void 0 ? false : _ref$disableTitleStyl,
|
|
59
20
|
_ref$truncateTitle = _ref.truncateTitle,
|
|
60
|
-
truncateTitle = _ref$truncateTitle === void 0 ? false : _ref$truncateTitle
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
children: disableTitleStyles ? children : /*#__PURE__*/jsxRuntime.jsx(
|
|
21
|
+
truncateTitle = _ref$truncateTitle === void 0 ? false : _ref$truncateTitle,
|
|
22
|
+
className = _ref.className;
|
|
23
|
+
return /*#__PURE__*/jsxRuntime.jsxs(_StyledDiv, {
|
|
24
|
+
className: className,
|
|
25
|
+
children: [breadcrumbs, /*#__PURE__*/jsxRuntime.jsxs(_StyledDiv2, {
|
|
26
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(_StyledDiv3, {
|
|
27
|
+
children: disableTitleStyles ? children : /*#__PURE__*/jsxRuntime.jsx(_StyledH, {
|
|
67
28
|
ref: innerRef,
|
|
68
29
|
tabIndex: -1,
|
|
69
|
-
|
|
30
|
+
$_css: [{
|
|
31
|
+
"fontSize": "1.5rem",
|
|
32
|
+
"lineHeight": "2rem",
|
|
33
|
+
"fontWeight": "700",
|
|
34
|
+
"@media (min-width: 640px)": {
|
|
35
|
+
"fontSize": "1.875rem",
|
|
36
|
+
"lineHeight": "2.25rem"
|
|
37
|
+
}
|
|
38
|
+
}, truncateTitle && {
|
|
39
|
+
"overflow": "hidden",
|
|
40
|
+
"textOverflow": "ellipsis",
|
|
41
|
+
"whiteSpace": "nowrap"
|
|
42
|
+
}],
|
|
70
43
|
children: children
|
|
71
44
|
})
|
|
72
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
45
|
+
}), /*#__PURE__*/jsxRuntime.jsx(_StyledDiv4, {
|
|
73
46
|
children: actions
|
|
74
47
|
})]
|
|
75
|
-
}), bottomBar && /*#__PURE__*/jsxRuntime.jsxs(BottomBarWrapper, {
|
|
76
|
-
children: [" ", bottomBar, " "]
|
|
77
48
|
})]
|
|
78
49
|
});
|
|
79
50
|
};
|
|
80
51
|
|
|
81
|
-
|
|
52
|
+
var PageHeader$1 = PageHeader;
|
|
53
|
+
|
|
54
|
+
var _StyledDiv = _styled__default["default"]("div").withConfig({
|
|
55
|
+
displayName: "PageHeader___StyledDiv",
|
|
56
|
+
componentId: "sc-9i9mq4-0"
|
|
57
|
+
})({
|
|
58
|
+
"display": "flex",
|
|
59
|
+
"flexGrow": "1",
|
|
60
|
+
"flexDirection": "column",
|
|
61
|
+
"paddingTop": "1.5rem",
|
|
62
|
+
"paddingBottom": "1.5rem",
|
|
63
|
+
"minWidth": "0px"
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
var _StyledDiv2 = _styled__default["default"]("div").withConfig({
|
|
67
|
+
displayName: "PageHeader___StyledDiv2",
|
|
68
|
+
componentId: "sc-9i9mq4-1"
|
|
69
|
+
})({
|
|
70
|
+
"marginTop": "0.25rem",
|
|
71
|
+
"display": "flex",
|
|
72
|
+
"justifyContent": "space-between",
|
|
73
|
+
"@media (min-width: 768px)": {
|
|
74
|
+
"alignItems": "center"
|
|
75
|
+
}
|
|
76
|
+
});
|
|
77
|
+
|
|
78
|
+
var _StyledDiv3 = _styled__default["default"]("div").withConfig({
|
|
79
|
+
displayName: "PageHeader___StyledDiv3",
|
|
80
|
+
componentId: "sc-9i9mq4-2"
|
|
81
|
+
})({
|
|
82
|
+
"flex": "1 1 0%",
|
|
83
|
+
"minWidth": "0px"
|
|
84
|
+
});
|
|
85
|
+
|
|
86
|
+
var _StyledH = _styled__default["default"]("h2").withConfig({
|
|
87
|
+
displayName: "PageHeader___StyledH",
|
|
88
|
+
componentId: "sc-9i9mq4-3"
|
|
89
|
+
})(["", ""], function (p) {
|
|
90
|
+
return p.$_css;
|
|
91
|
+
});
|
|
92
|
+
|
|
93
|
+
var _StyledDiv4 = _styled__default["default"]("div").withConfig({
|
|
94
|
+
displayName: "PageHeader___StyledDiv4",
|
|
95
|
+
componentId: "sc-9i9mq4-4"
|
|
96
|
+
})({
|
|
97
|
+
"marginLeft": "1rem"
|
|
98
|
+
});
|
|
99
|
+
|
|
100
|
+
exports["default"] = PageHeader$1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uidu/page-header",
|
|
3
|
-
"version": "0.2
|
|
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": "^1.
|
|
13
|
-
"@uidu/theme": "^0.5
|
|
14
|
-
"tslib": "^2.
|
|
12
|
+
"@uidu/shell": "^2.1.7",
|
|
13
|
+
"@uidu/theme": "^0.6.5",
|
|
14
|
+
"tslib": "^2.3.1"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"@uidu/breadcrumbs": "^0.
|
|
18
|
-
"@uidu/button": "^
|
|
19
|
-
"@uidu/docs": "^0.3
|
|
20
|
-
"@uidu/field-text": "^
|
|
21
|
-
"@uidu/form": "^
|
|
22
|
-
"@uidu/inline-edit": "0.
|
|
23
|
-
"@uidu/select": "^
|
|
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",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface StyledProps {
|
|
2
|
-
truncate?: boolean;
|
|
3
|
-
}
|
|
4
|
-
export declare const Outer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
-
export declare const StyledTitle: import("styled-components").StyledComponent<"h1", any, StyledProps, never>;
|
|
6
|
-
export declare const TitleWrapper: import("styled-components").StyledComponent<"div", any, StyledProps, never>;
|
|
7
|
-
export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, StyledProps, never>;
|
|
8
|
-
export declare const ActionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
-
export declare const BottomBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
-
export {};
|