set menu-items default expanded

Author: Michele-Masciave

src/Layout/PanelSideBarLayout/PanelSideBar/Context/PanelSideBarContext.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentType, createContext, ReactNode, useContext, useState } from "react";
+import React, { ComponentType, createContext, ReactNode, useContext, useEffect, useState } from "react";
 import { PanelItem, PanelMenuItem } from "../Definitions/PanelSideBarMenuItem";
 
 export interface PanelLinkRendererProps<T> {
@@ -41,6 +41,10 @@ export const PanelSideBarProvider = <TPanelItem, TMenuItem>(props: PanelSideBarM
 
   const [toggledMenuItemIds, setToggledMenuItemIds] = useState<string[]>([]);
 
+  useEffect(() => {
+    globalItems.forEach(section => section.items.filter(i => i.expanded).forEach(e => setToggledMenuItemIds(prev => [...prev, e.id])));
+  }, [])
+
   const setActivePanel = (panelId: string) => setActivePanelId(panelId);
 
   const toggleMenuItem: MenuItemToggleFn<TMenuItem> = (menuItem) => {

src/Layout/PanelSideBarLayout/PanelSideBar/PanelSideBarItem.tsx

@@ -19,7 +19,7 @@ const PanelSideBarItem = (props: PanelSideBarItemProps) => {
   const { depth = 0, item, LinkRenderer, onClick, toggledItemIds = [] } = props;
 
   const hasChildren = !!item.children?.length;
-  const isOpen = toggledItemIds?.includes(item.id) || item.expanded;
+  const isOpen = toggledItemIds?.includes(item.id);
 
   if (item.display === false) {
     return null;