@sinco/react 1.0.15-rc.37 → 1.0.15-rc.39

package/index.js

@@ -2747,6 +2747,60 @@ const FooterActionComponent = ({
   }), /*#__PURE__*/React.createElement(Box$1, null, labelChangeCounter), renderRightContent));
 };
 
+// export function PageHeaderWraps({
+//   item,
+//   Color,
+//   variant,
+// }: {
+//   item: string | React.ReactNode;
+//   Color: string;
+//   variant: Variant;
+// }) {
+//   return (
+//     <Typography variant={variant} color={Color}>
+//       {item}
+//     </Typography>
+//   );
+// }
+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(Typography, {
+    variant: "h6",
+    color: "text.primary"
+  }, title)), subtitle && /*#__PURE__*/React.createElement(Stack, {
+    alignItems: "center",
+    flexDirection: "row",
+    gap: 2
+  }))), 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, SincoTheme, useDynamicColor };

package/package.json

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

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

@@ -1,4 +1,3 @@
-import { Variant } from "@mui/material/styles/createTypography";
 import React from "react";
 export interface PageheaderProperties {
     title: string | React.ReactNode;
@@ -7,9 +6,4 @@ export interface PageheaderProperties {
     buttonBack?: React.ReactNode;
     fixed?: boolean;
 }
-export declare function PageHeaderWrapper({ item, color, variant, }: {
-    item: string | React.ReactNode;
-    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";