@sinco/react 1.0.14-rc.15 → 1.0.14-rc.16

package/index.js

@@ -16605,6 +16605,49 @@ const FooterActionComponent = ({
   }), /*#__PURE__*/React__default.createElement(Box$2, null, labelChangeCounter), renderRightContent));
 };
 
+const PageHeaderContent = styled$1(Stack$1)(() => ({
+  backgroundColor: "#fff",
+  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)",
+  zIndex: 100,
+  padding: "8px 24px",
+  minHeight: 39
+}));
+const PageHeaderComponent = ({
+  title,
+  subtitle,
+  actions,
+  buttonBack,
+  fixed
+}) => {
+  return /*#__PURE__*/React__default.createElement(ThemeProvider, {
+    theme: SincoTheme
+  }, /*#__PURE__*/React__default.createElement(PageHeaderContent, {
+    position: fixed === true ? "fixed" : "relative",
+    sx: {
+      width: fixed === true ? "-webkit-fill-available" : "inherit"
+    }
+  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+    width: "100%",
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React__default.createElement(Stack$1, {
+    gap: 1.5,
+    flexDirection: "row",
+    alignItems: "center"
+  }, buttonBack, /*#__PURE__*/React__default.createElement(Stack$1, null, /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "h6",
+    color: "text.primary"
+  }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
+    variant: "caption",
+    color: "text.secondary"
+  }, subtitle))), /*#__PURE__*/React__default.createElement(Stack$1, {
+    gap: 1,
+    alignItems: "center",
+    flexDirection: "row"
+  }, actions))));
+};
+
 var global$6 = global$l;
 var classof$2 = classofRaw$2;
 
@@ -22062,4 +22105,4 @@ const useDynamicColor = url => {
   };
 };
 
-export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
+export { DrawerComponent, DynamicColor, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, PageHeaderComponent, PageHeaderContent, SincoTheme, useDynamicColor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "1.0.14-rc.15",
+  "version": "1.0.14-rc.16",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/lib/Components/index.d.ts

@@ -1,3 +1,4 @@
 export * from './EmptyState';
 export * from './Drawer';
 export * from './FooterAction';
+export * from './PageHeader';