From 0082ca447f15d2fb3911340ebf6dfa52aa6dee52 Mon Sep 17 00:00:00 2001
From: Gianmarco Manni <gianmarco.manni@neolution.ch>
Date: Tue, 8 Oct 2024 14:29:20 +0200
Subject: [PATCH 1/3] x

---
 CHANGELOG.md                                         |  4 ++++
 .../Layout/PanelSideBarLayout/PanelSideBarLayout.tsx | 12 ++++++++++--
 .../PanelSideBarLayout/PanelSideBarLayoutContent.tsx |  7 ++++---
 3 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e000bfb..42d047f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+### Added
+
+- Expose `mainContentBodyRef` in order to control main body behaviour (e.g. scroll to top on page change)
+
 ## [4.1.1] - 2024-07-18
 
 ### Fixed
diff --git a/src/lib/Layout/PanelSideBarLayout/PanelSideBarLayout.tsx b/src/lib/Layout/PanelSideBarLayout/PanelSideBarLayout.tsx
index d862b76..feec452 100644
--- a/src/lib/Layout/PanelSideBarLayout/PanelSideBarLayout.tsx
+++ b/src/lib/Layout/PanelSideBarLayout/PanelSideBarLayout.tsx
@@ -1,5 +1,5 @@
 import classNames from "classnames";
-import { PropsWithChildren, ReactNode } from "react";
+import { MutableRefObject, PropsWithChildren, ReactNode } from "react";
 import "../../../../styles/Layout/index.scss";
 import { PanelSideBar } from "./PanelSideBar/PanelSidebar";
 import { PanelSideBarLayoutContent } from "./PanelSideBarLayoutContent";
@@ -38,6 +38,11 @@ export interface PanelSideBarLayoutProps extends PropsWithChildren {
    * If use the responsive layout when the screen is sm in order to remove the sidebar overlay.
    */
   useResponsiveLayout?: boolean;
+
+  /**
+   * the main content body ref
+   */
+  mainContentBodyRef?: MutableRefObject<HTMLElement | null>;
 }
 
 export const PanelSideBarLayout = <TPanelItemId extends string, TPanelItem>(props: PanelSideBarLayoutProps) => {
@@ -50,6 +55,7 @@ export const PanelSideBarLayout = <TPanelItemId extends string, TPanelItem>(prop
     collapsible = true,
     useToggleButton = false,
     useResponsiveLayout = false,
+    mainContentBodyRef,
   } = props;
 
   const { isSidebarOpen, toggleSidebar, renderFirstItemsLevelAsTiles } = usePanelSideBarContext<TPanelItemId, TPanelItem>();
@@ -76,7 +82,9 @@ export const PanelSideBarLayout = <TPanelItemId extends string, TPanelItem>(prop
       >
         <PanelSideBar<TPanelItemId, TPanelItem> />
         {collapsible && !useToggleButton && <PanelSideBarToggle onClick={toggleSidebar} toggled={!isSidebarOpen} />}
-        <PanelSideBarLayoutContent footer={footer}>{children}</PanelSideBarLayoutContent>
+        <PanelSideBarLayoutContent footer={footer} mainContentBodyRef={mainContentBodyRef}>
+          {children}
+        </PanelSideBarLayoutContent>
       </section>
     </>
   );
diff --git a/src/lib/Layout/PanelSideBarLayout/PanelSideBarLayoutContent.tsx b/src/lib/Layout/PanelSideBarLayout/PanelSideBarLayoutContent.tsx
index fc371be..ae0d33d 100644
--- a/src/lib/Layout/PanelSideBarLayout/PanelSideBarLayoutContent.tsx
+++ b/src/lib/Layout/PanelSideBarLayout/PanelSideBarLayoutContent.tsx
@@ -1,14 +1,15 @@
-import { PropsWithChildren, ReactNode } from "react";
+import { MutableRefObject, PropsWithChildren, ReactNode } from "react";
 
 interface PanelSideBarLayoutContentProps extends PropsWithChildren {
   footer?: ReactNode;
+  mainContentBodyRef?: MutableRefObject<HTMLElement | null>;
 }
 
 export const PanelSideBarLayoutContent = (props: PanelSideBarLayoutContentProps) => {
-  const { children, footer } = props;
+  const { children, footer, mainContentBodyRef } = props;
 
   return (
-    <section id="main-content-body" className="content">
+    <section ref={mainContentBodyRef} id="main-content-body" className="content">
       <main className="container-fluid">{children}</main>
       <footer hidden={!footer} className="py-4 bg-light mt-auto">
         <div className="mx-4">

From 7718a10e6eb2d7f473f7616fc9ebd6c6b72f8c4b Mon Sep 17 00:00:00 2001
From: GitHub Release Bot <release-bot@neolution.ch>
Date: Tue, 8 Oct 2024 12:31:05 +0000
Subject: [PATCH 2/3] Release 4.2.0-rc.0

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7714e39..8aeb2ad 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@neolution-ch/react-pattern-ui",
-  "version": "4.1.1",
+  "version": "4.2.0-rc.0",
   "description": "Some basic functions and components which are needed in most of projects.",
   "repository": {
     "type": "git",

From 69d144ed9cf89da59735c5e5ab55e37ec7e2ecc2 Mon Sep 17 00:00:00 2001
From: Gianmarco Manni <gianmarco.manni@neolution.ch>
Date: Tue, 8 Oct 2024 14:49:45 +0200
Subject: [PATCH 3/3] undo package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8aeb2ad..7714e39 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@neolution-ch/react-pattern-ui",
-  "version": "4.2.0-rc.0",
+  "version": "4.1.1",
   "description": "Some basic functions and components which are needed in most of projects.",
   "repository": {
     "type": "git",