feat: new page

.changeset/two-stingrays-approve.md

@@ -0,0 +1,6 @@
+---
+'storybook-pages': minor
+'@smile/haring-react': minor
+---
+
+Added AgendaItemPage to storybook pages, Added selectedValue and onSelectedChange props to SidebarMenu

packages/haring-react/src/Components/SidebarMenu/SidebarMenu.tsx

@@ -109,7 +109,7 @@ export interface ISidebarMenuProps<
   /** Controlled callback called when the value of menus open/closed changes */
   onMenuOpenChange?: (value: T[]) => void;
   /** Controlled callback called when the value of the selected menu changes */
-  onSelectedChange?: (value?: T) => void;
+  onSelectedChange?: (value: T | undefined) => void;
   /** Controlled state of which menu is currently selected, using `id` field of `IMenuItem` */
   selectedValue?: T;
 }

packages/storybook-pages/src/Pages/AgendaItemPage/AgendaItemPage.tsx

@@ -48,6 +48,7 @@ export function AgendaItemPage(): ReactElement {
               menu={menusMock}
               menuOpenValue={[openedMenu]}
               onMenuOpenChange={(v: string[]) => setOpenedMenu(v[0])}
+              onSelectedChange={(v) => (v ? setOpenedMenu(v) : null)}
               selectedValue={openedMenu}
             />
           }