@orsetra/shared-ui 1.0.16 → 1.0.17

package/components/layout/sidebar/data.tsx

@@ -20,15 +20,13 @@ 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",

package/components/layout/sidebar/sidebar.tsx

@@ -178,10 +178,8 @@ 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]
-    : []
+  // Utilise 'items' comme clé standard pour toutes les micro apps
+  const currentNavigation: SubMenuItem[] = sidebarMenus['items'] || []
 
   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 +204,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 +218,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.17",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",