@sinco/react 1.2.2-rc.6 → 1.2.2-rc.8
Sign up to get free protection for your applications and to get access to all the features.
- package/index.esm.js +13 -9
- package/package.json +1 -1
- package/src/lib/Components/PageHeader.d.ts +2 -1
package/index.esm.js
CHANGED
@@ -17045,7 +17045,7 @@ function PageHeaderWraps(_ref) {
|
|
17045
17045
|
}
|
17046
17046
|
return React__default.createElement(React__default.Fragment, null, item);
|
17047
17047
|
}
|
17048
|
-
var
|
17048
|
+
var PageHeaderComponent = function PageHeaderComponent(_ref2) {
|
17049
17049
|
var title = _ref2.title,
|
17050
17050
|
subtitle = _ref2.subtitle,
|
17051
17051
|
actions = _ref2.actions,
|
@@ -17054,32 +17054,36 @@ var PageHeader = function PageHeader(_ref2) {
|
|
17054
17054
|
return React__default.createElement(Stack, {
|
17055
17055
|
position: fixed ? "fixed" : "relative",
|
17056
17056
|
width: fixed ? "100%" : "inherit",
|
17057
|
+
height: 48,
|
17057
17058
|
bgcolor: "background.paper",
|
17058
17059
|
sx: {
|
17059
17060
|
boxShadow: function boxShadow(theme) {
|
17060
17061
|
return theme.shadows[1];
|
17061
17062
|
},
|
17062
|
-
zIndex:
|
17063
|
+
zIndex: 10
|
17063
17064
|
}
|
17064
17065
|
}, React__default.createElement(Stack, {
|
17065
|
-
|
17066
|
-
py: 1.25,
|
17066
|
+
padding: "5px 24px 5px 6px",
|
17067
17067
|
justifyContent: "space-between",
|
17068
17068
|
flexDirection: "row",
|
17069
17069
|
alignItems: "center"
|
17070
17070
|
}, React__default.createElement(Stack, {
|
17071
|
-
gap: 1
|
17071
|
+
gap: 1,
|
17072
17072
|
flexDirection: "row",
|
17073
17073
|
alignItems: "center"
|
17074
|
-
}, buttonBack, React__default.createElement(Stack, null, React__default.createElement(PageHeaderWraps, {
|
17074
|
+
}, buttonBack, React__default.createElement(Stack, null, React__default.createElement(Stack, null, React__default.createElement(PageHeaderWraps, {
|
17075
17075
|
color: "text.primary",
|
17076
17076
|
item: title,
|
17077
17077
|
variant: "h6"
|
17078
|
-
}), subtitle && React__default.createElement(
|
17078
|
+
})), subtitle && React__default.createElement(Stack, {
|
17079
|
+
alignItems: "center",
|
17080
|
+
flexDirection: "row",
|
17081
|
+
gap: 2
|
17082
|
+
}, React__default.createElement(PageHeaderWraps, {
|
17079
17083
|
color: "text.secondary",
|
17080
17084
|
item: subtitle,
|
17081
17085
|
variant: "caption"
|
17082
|
-
}))), actions && React__default.createElement(Stack, {
|
17086
|
+
})))), actions && React__default.createElement(Stack, {
|
17083
17087
|
gap: 1,
|
17084
17088
|
alignItems: "center",
|
17085
17089
|
flexDirection: "row"
|
@@ -21702,4 +21706,4 @@ var useDynamicColor = function useDynamicColor(url) {
|
|
21702
21706
|
};
|
21703
21707
|
};
|
21704
21708
|
|
21705
|
-
export { AdproSincoTheme, CardRadio, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, FooterAction, Incognit, IncognitIcon, IncognitIconOutlined, IncognitOutlined, PageHeader, PageHeaderWraps, ProgressSinco, SincoTheme, ToastNotification, useDynamicColor };
|
21709
|
+
export { AdproSincoTheme, CardRadio, DrawerComponent as Drawer, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, FooterAction, Incognit, IncognitIcon, IncognitIconOutlined, IncognitOutlined, PageHeaderComponent as PageHeader, PageHeaderComponent, PageHeaderWraps, ProgressSinco, SincoTheme, ToastNotification, useDynamicColor };
|
package/package.json
CHANGED
@@ -12,4 +12,5 @@ export declare function PageHeaderWraps({ item, color, variant, }: {
|
|
12
12
|
color: string;
|
13
13
|
variant: Variant;
|
14
14
|
}): React.JSX.Element;
|
15
|
-
export declare const
|
15
|
+
export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => React.JSX.Element;
|
16
|
+
export { PageHeaderComponent as PageHeader };
|