@orsetra/shared-ui 1.0.1 → 1.0.3

package/components/layout/layout-container.tsx

@@ -4,7 +4,6 @@ import { useState, useEffect } from "react"
 import { usePathname } from "next/navigation"
 import { MainSidebar, Sidebar, SidebarProvider, useSidebar } from "./index"
 import { UserMenu } from "../ui"
-import { useZitadel } from "../../auth"
 import { getMenuFromPath } from "../../lib/menu-utils"
 
 export interface SidebarMenus {
@@ -14,10 +13,11 @@ export interface SidebarMenus {
 interface LayoutContainerProps {
   children: React.ReactNode
   sidebarMenus: SidebarMenus
+  user?: { profile?: { email?: string; preferred_username?: string } } | null
+  onSignOut?: () => void
 }
 
-function LayoutContent({ children, sidebarMenus }: LayoutContainerProps) {
-  const { user, signOut } = useZitadel()
+function LayoutContent({ children, sidebarMenus, user, onSignOut }: LayoutContainerProps) {
   const pathname = usePathname()
   const { setOpen } = useSidebar()
   const [isMainSidebarOpen, setIsMainSidebarOpen] = useState(false)
@@ -63,7 +63,7 @@ function LayoutContent({ children, sidebarMenus }: LayoutContainerProps) {
           <div className="h-full px-6 flex items-center justify-end">
             <UserMenu 
               username={user?.profile?.email || user?.profile?.preferred_username} 
-              onSignOut={signOut} 
+              onSignOut={onSignOut || (() => {})} 
             />
           </div>
         </header>

package/index.ts

@@ -1,5 +1,6 @@
 // Utilities
 export * from './lib/utils'
+export * from './lib/menu-utils'
 
 // UI Components
 export * from './components/ui'

package/lib/menu-utils.ts

@@ -0,0 +1,47 @@
+/**
+ * Menu utilities
+ * Helper functions for menu navigation and route detection
+ */
+
+/**
+ * Determine the contextual menu based on the current route
+ * @param pathname - Current pathname from usePathname()
+ * @returns Menu ID string
+ */
+export function getMenuFromPath(pathname: string): string {
+  if (pathname === "/") {
+    return "welcome"
+  }
+  
+  // Routes pour Assets/Launchpads
+  if (pathname.startsWith("/assets") || pathname.startsWith("/projects")) {
+    return "assets"
+  }
+  
+  // Routes pour Editor
+  if (pathname.startsWith("/editor")) {
+    return "assets"
+  }
+  
+  // Routes pour Applications
+  if (pathname.startsWith("/applications") || 
+      pathname.startsWith("/vpcs") || 
+      pathname.startsWith("/environments") ||
+      pathname.startsWith("/secrets") ||
+      pathname.startsWith("/wizard")) {
+    return "applications"
+  }
+  
+  // Routes pour API Manager
+  if (pathname.startsWith("/api-manager")) {
+    return "api-manager"
+  }
+  
+  // Routes pour Access Manager
+  if (pathname.startsWith("/access-manager")) {
+    return "access-manager"
+  }
+  
+  // Par défaut, Vue d'ensemble
+  return "overview"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",
@@ -40,6 +40,7 @@
     "next": "^14.0.0 || ^15.0.0"
   },
   "dependencies": {
+    "react-avatar": "^5.0.3",
     "clsx": "^2.1.1",
     "tailwind-merge": "^2.5.5",
     "class-variance-authority": "^0.7.1",
@@ -83,6 +84,7 @@
   },
   "devDependencies": {
     "@types/react": "^19",
+    "next": "^15.0.0",
     "typescript": "^5"
   }
 }