@orsetra/shared-ui 1.0.16 → 1.0.18

package/components/layout/sidebar/data.tsx

@@ -20,23 +20,21 @@ export interface SubMenuItem {
   name: string
   href: string
   icon: LucideIcon
-  /** Fonction optionnelle pour transformer le href avant navigation */
-  hrefTransform?: (href: string) => string
 }
 
 export interface SidebarMenus {
   [key: string]: SubMenuItem[]
 }
 
-// Menu principal (centralisé) - Structure commune à toutes les apps
+
 export const menuItems: MainMenuItem[] = [
   {
-    id: "assets",
+    id: "assets-manager",
     label: "Assets",
     icon: <Rocket className="h-6 w-6" />
   },
   {
-    id: "applications",
+    id: "applications-manager",
     label: "Applications",
     icon: <Package className="h-6 w-6" />
   },
@@ -54,8 +52,8 @@ export const menuItems: MainMenuItem[] = [
 
 // Labels des menus principaux pour l'affichage
 export const menuLabels: Record<string, string> = {
-  "assets": "Assets",
-  "applications": "Applications",
+  "assets-manager": "Assets",
+  "applications-manager": "Applications",
   "api-manager": "API Manager",
   "access-manager": "Access Manager"
 }

package/components/layout/sidebar/sidebar.tsx

@@ -178,10 +178,11 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {} }: SidebarPr
   const pathname = usePathname()
   const { state } = useSidebar()
 
-  // Déterminer quelle navigation afficher à partir des menus fournis par l'app
-  const currentNavigation: SubMenuItem[] = currentMenu && sidebarMenus[currentMenu] 
-    ? sidebarMenus[currentMenu]
-    : []
+  // Micro apps: utilise 'items' comme clé standard
+  // Main app: utilise currentMenu pour sélectionner le bon groupe
+  const currentNavigation: SubMenuItem[] = sidebarMenus['items'] 
+    || (currentMenu && sidebarMenus[currentMenu]) 
+    || []
 
   return (
     <div className="h-screen sticky top-0 flex flex-col bg-white border-r border-ui-border min-w-[var(--sidebar-width-icon)] transition-[width] duration-200" 
@@ -206,8 +207,8 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {} }: SidebarPr
       {currentMenu && menuLabels[currentMenu] && (
         <div className="px-4 py-3 border-b border-ui-border">
           <div className="flex items-center gap-2">
-            {currentMenu === "assets" && <Rocket className="h-4 w-4 text-interactive" />}
-            {currentMenu === "applications" && <Package className="h-4 w-4 text-interactive" />}
+            {currentMenu === "assets-manager" && <Rocket className="h-4 w-4 text-interactive" />}
+            {currentMenu === "applications-manager" && <Package className="h-4 w-4 text-interactive" />}
             {currentMenu === "api-manager" && <Settings className="h-4 w-4 text-interactive" />}
             {currentMenu === "access-manager" && <Shield className="h-4 w-4 text-interactive" />}
             <h2 className="text-sm font-semibold text-text-primary">
@@ -220,12 +221,11 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {} }: SidebarPr
       {/* Navigation principale avec espacements ajustés */}
       <nav className="flex-1 px-3 py-4 space-y-1 overflow-y-auto">
         {currentNavigation.map((item) => {
-          const finalHref = item.hrefTransform ? item.hrefTransform(item.href) : item.href
-          const isActive = pathname === finalHref || pathname.startsWith(`${finalHref}/`)
+          const isActive = pathname === item.href || pathname.startsWith(`${item.href}/`)
           return (
             <Link
               key={item.name}
-              href={finalHref}
+              href={item.href}
               className={cn(
                 "flex items-center px-3 py-2 text-sm rounded-md gap-x-3 transition-colors",
                 isActive

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.0.16",
+  "version": "1.0.18",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",