@uidu/page-header 1.0.1 → 1.0.2

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,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",