@sinco/react 1.0.15-rc.36 → 1.0.15-rc.38

package/index.js

@@ -2747,6 +2747,60 @@ const FooterActionComponent = ({
   }), /*#__PURE__*/React.createElement(Box$1, null, labelChangeCounter), renderRightContent));
 };
 
+function PageHeaderWraps({
+  item,
+  Color,
+  variant
+}) {
+  return /*#__PURE__*/React.createElement(Typography, {
+    variant: variant,
+    color: Color
+  }, item);
+}
+const PageHeaderComponent = ({
+  title,
+  subtitle,
+  actions,
+  buttonBack,
+  fixed
+}) => {
+  return /*#__PURE__*/React.createElement(Stack, {
+    position: fixed ? "fixed" : "relative",
+    width: fixed ? "100%" : "inherit",
+    bgcolor: "background.paper",
+    sx: {
+      boxShadow: theme => theme.shadows[1],
+      zIndex: 100
+    }
+  }, /*#__PURE__*/React.createElement(Stack, {
+    px: 3,
+    py: 1,
+    justifyContent: "space-between",
+    flexDirection: "row",
+    alignItems: "center"
+  }, /*#__PURE__*/React.createElement(Stack, {
+    gap: 1.5,
+    flexDirection: "row",
+    alignItems: "center"
+  }, buttonBack, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(Stack, null, /*#__PURE__*/React.createElement(PageHeaderWraps, {
+    Color: "text.primary",
+    item: title,
+    variant: "h6"
+  })), subtitle && /*#__PURE__*/React.createElement(Stack, {
+    alignItems: "center",
+    flexDirection: "row",
+    gap: 2
+  }, /*#__PURE__*/React.createElement(PageHeaderWraps, {
+    Color: "text.secondary",
+    item: subtitle,
+    variant: "caption"
+  })))), actions && /*#__PURE__*/React.createElement(Stack, {
+    gap: 1,
+    alignItems: "center",
+    flexDirection: "row"
+  }, actions)));
+};
+
 var classof$3 = classofRaw$2;
 
 var engineIsNode = typeof process != 'undefined' && classof$3(process) == 'process';
@@ -8251,4 +8305,4 @@ const useDynamicColor = url => {
   };
 };
 
-export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, SincoTheme, useDynamicColor };
+export { AdproSincoTheme, DrawerComponent, DynamicColor, EmptyStateComponent as EmptyState, EmptyStateComponent, EmptyStateImageUrls, FooterActionComponent, PageHeaderComponent, PageHeaderWraps, SincoTheme, useDynamicColor };

package/package.json

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

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

@@ -7,9 +7,9 @@ export interface PageheaderProperties {
     buttonBack?: React.ReactNode;
     fixed?: boolean;
 }
-export declare function PageHeaderWrapper({ item, color, variant, }: {
+export declare function PageHeaderWraps({ item, Color, variant, }: {
     item: string | React.ReactNode;
-    color: string;
+    Color: string;
     variant: Variant;
 }): JSX.Element;
 export declare const PageHeaderComponent: ({ title, subtitle, actions, buttonBack, fixed, }: PageheaderProperties) => JSX.Element;

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

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