@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 CHANGED
@@ -1,5 +1,11 @@
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
+
3
9
  ## 1.0.1
4
10
 
5
11
  ### Patch Changes
@@ -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
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@uidu/page-header",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "sideEffects": false
5
5
  }
@@ -49,7 +49,9 @@ var PageHeader = function PageHeader(_ref) {
49
49
  });
50
50
  };
51
51
 
52
- var _StyledDiv = _styled__default['default']("div").withConfig({
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['default']("div").withConfig({
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": "flex-start"
74
+ "alignItems": "center"
73
75
  }
74
76
  });
75
77
 
76
- var _StyledDiv3 = _styled__default['default']("div").withConfig({
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['default']("h2").withConfig({
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['default']("div").withConfig({
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.default = PageHeader;
100
+ exports["default"] = PageHeader$1;
@@ -49,7 +49,9 @@ var PageHeader = function PageHeader(_ref) {
49
49
  });
50
50
  };
51
51
 
52
- var _StyledDiv = _styled__default['default']("div").withConfig({
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['default']("div").withConfig({
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": "flex-start"
74
+ "alignItems": "center"
73
75
  }
74
76
  });
75
77
 
76
- var _StyledDiv3 = _styled__default['default']("div").withConfig({
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['default']("h2").withConfig({
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['default']("div").withConfig({
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.default = PageHeader;
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.1",
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.0.3",
13
- "@uidu/theme": "^0.6.1",
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.2",
18
- "@uidu/button": "^1.2.1",
19
- "@uidu/docs": "^0.4.2",
20
- "@uidu/field-text": "^1.1.3",
21
- "@uidu/form": "^1.2.1",
22
- "@uidu/inline-edit": "0.3.2",
23
- "@uidu/select": "^1.2.0",
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.1"
26
+ "styled-components": "^5.3.3"
27
27
  },
28
28
  "peerDependencies": {
29
29
  "react": "^17.0.0",