@sinco/react 1.0.14-rc.15 → 1.0.14-rc.16
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +44 -1
- package/package.json +1 -1
- package/src/lib/Components/index.d.ts +1 -0
package/index.js
CHANGED
@@ -16605,6 +16605,49 @@ const FooterActionComponent = ({
|
|
16605
16605
|
}), /*#__PURE__*/React__default.createElement(Box$2, null, labelChangeCounter), renderRightContent));
|
16606
16606
|
};
|
16607
16607
|
|
16608
|
+
const PageHeaderContent = styled$1(Stack$1)(() => ({
|
16609
|
+
backgroundColor: "#fff",
|
16610
|
+
boxShadow: "0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)",
|
16611
|
+
zIndex: 100,
|
16612
|
+
padding: "8px 24px",
|
16613
|
+
minHeight: 39
|
16614
|
+
}));
|
16615
|
+
const PageHeaderComponent = ({
|
16616
|
+
title,
|
16617
|
+
subtitle,
|
16618
|
+
actions,
|
16619
|
+
buttonBack,
|
16620
|
+
fixed
|
16621
|
+
}) => {
|
16622
|
+
return /*#__PURE__*/React__default.createElement(ThemeProvider, {
|
16623
|
+
theme: SincoTheme
|
16624
|
+
}, /*#__PURE__*/React__default.createElement(PageHeaderContent, {
|
16625
|
+
position: fixed === true ? "fixed" : "relative",
|
16626
|
+
sx: {
|
16627
|
+
width: fixed === true ? "-webkit-fill-available" : "inherit"
|
16628
|
+
}
|
16629
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
16630
|
+
width: "100%",
|
16631
|
+
justifyContent: "space-between",
|
16632
|
+
flexDirection: "row",
|
16633
|
+
alignItems: "center"
|
16634
|
+
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
16635
|
+
gap: 1.5,
|
16636
|
+
flexDirection: "row",
|
16637
|
+
alignItems: "center"
|
16638
|
+
}, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography$1, {
|
16639
|
+
variant: "h6",
|
16640
|
+
color: "text.primary"
|
16641
|
+
}, title), /*#__PURE__*/React__default.createElement(Typography$1, {
|
16642
|
+
variant: "caption",
|
16643
|
+
color: "text.secondary"
|
16644
|
+
}, subtitle))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
16645
|
+
gap: 1,
|
16646
|
+
alignItems: "center",
|
16647
|
+
flexDirection: "row"
|
16648
|
+
}, actions))));
|
16649
|
+
};
|
16650
|
+
|
16608
16651
|
var global$6 = global$l;
|
16609
16652
|
var classof$2 = classofRaw$2;
|
16610
16653
|
|
@@ -22062,4 +22105,4 @@ const useDynamicColor = url => {
|
|
22062
22105
|
};
|
22063
22106
|
};
|
22064
22107
|
|
22065
|
-
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
|
22108
|
+
export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, PageHeaderComponent, PageHeaderContent, SincoTheme, useDynamicColor };
|
package/package.json
CHANGED