@natoora-libs/core 0.2.25 → 0.2.26

package/dist/components/index.d.cts

@@ -152,6 +152,7 @@ declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentPro
 interface BackHeaderProps {
     appName: string;
     onGoBackClick?: () => void;
+    sideComponent?: React.ReactElement;
 }
 declare const BackHeader: React.FC<BackHeaderProps>;
 

package/dist/components/index.d.ts

@@ -152,6 +152,7 @@ declare const AutocompleteFilterMenuContent: FC<AutocompleteFilterMenuContentPro
 interface BackHeaderProps {
     appName: string;
     onGoBackClick?: () => void;
+    sideComponent?: React.ReactElement;
 }
 declare const BackHeader: React.FC<BackHeaderProps>;
 

package/dist/components/index.js

@@ -1883,12 +1883,15 @@ var AutocompleteFilterMenuContent = ({
 
 // src/components/BackHeader/BackHeader.tsx
 import { useNavigate } from "react-router";
-import { KeyboardBackspace as KeyboardBackspaceIcon } from "@mui/icons-material";
+import KeyboardBackspace from "@mui/icons-material/KeyboardBackspace";
 import { Box as Box14, Button as Button6, Typography as Typography7 } from "@mui/material";
 import { makeStyles as makeStyles5 } from "tss-react/mui";
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var useStyles5 = makeStyles5()((theme) => ({
   header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
     padding: theme.spacing(2, 3),
     borderBottom: `1px solid ${colors.neutral400}`,
     backgroundColor: colors.neutral100
@@ -1909,7 +1912,11 @@ var useStyles5 = makeStyles5()((theme) => ({
     textTransform: "none"
   }
 }));
-var BackHeader = ({ appName, onGoBackClick }) => {
+var BackHeader = ({
+  appName,
+  onGoBackClick,
+  sideComponent = null
+}) => {
   const { classes } = useStyles5();
   const navigate = useNavigate();
   const handleBackClick = () => {
@@ -1918,10 +1925,13 @@ var BackHeader = ({ appName, onGoBackClick }) => {
     }
     return navigate(-1);
   };
-  return /* @__PURE__ */ jsx18(Box14, { component: "header", className: classes.header, children: /* @__PURE__ */ jsx18(Button6, { className: classes.button, onClick: handleBackClick, children: /* @__PURE__ */ jsxs14(Box14, { component: "span", className: classes.text, children: [
-    /* @__PURE__ */ jsx18(KeyboardBackspaceIcon, { className: classes.icon }),
-    /* @__PURE__ */ jsx18(Typography7, { variant: "body1", children: appName })
-  ] }) }) });
+  return /* @__PURE__ */ jsxs14(Box14, { component: "header", className: classes.header, children: [
+    /* @__PURE__ */ jsx18(Button6, { className: classes.button, onClick: handleBackClick, children: /* @__PURE__ */ jsxs14(Box14, { component: "span", className: classes.text, children: [
+      /* @__PURE__ */ jsx18(KeyboardBackspace, { className: classes.icon }),
+      /* @__PURE__ */ jsx18(Typography7, { variant: "body1", color: "textPrimary", children: appName })
+    ] }) }),
+    sideComponent
+  ] });
 };
 var BackHeader_default = BackHeader;