@orsetra/shared-ui 1.0.45 → 1.0.47

package/components/layout/sidebar/main-sidebar.tsx

@@ -40,36 +40,43 @@ export function MainSidebar({
   const handleMenuClick = (menuId: string) => {
     onMenuSelect(menuId)
     
-    // En mode minimized, ne pas ouvrir le sidebar secondaire
     if (!isMinimized && onSecondarySidebarOpen) {
       onSecondarySidebarOpen()
     }
     
-    // Rediriger vers le premier sous-menu ou vers l'app directement
     const subMenus = sidebarMenus[menuId]
     if (subMenus && subMenus.length > 0) {
-       console.log("subMenus:", subMenus[0].href)
-      router.push(subMenus[0].href)
-     
+      const targetUrl = subMenus[0].href
+      if (targetUrl.startsWith('http://') || targetUrl.startsWith('https://')) {
+        window.location.href = targetUrl
+      } else {
+        router.push(targetUrl)
+      }
     } else {
-      // Fallback: naviguer vers /{menuId} (ex: /assets-manager)
-      console.log("main_base_url:", `${main_base_url}/${menuId}`)
-      router.push(`${main_base_url}/${menuId}`)
+      const targetUrl = `${main_base_url}/${menuId}`
+      if (targetUrl.startsWith('http://') || targetUrl.startsWith('https://')) {
+        window.location.href = targetUrl
+      } else {
+        router.push(targetUrl)
+      }
     }
     
     if (!isMinimized) {
-      onToggle() // Fermer le menu principal après sélection (seulement en mode expanded)
+      onToggle() 
     }
   }
 
   const handleSubMenuClick = (href: string) => {
-    router.push(href)
+    if (href.startsWith('http://') || href.startsWith('https://')) {
+      window.location.href = href
+    } else {
+      router.push(href)
+    }
     setHoveredMenu(null)
   }
 
   return (
     <>
-      {/* Overlay - seulement en mode expanded */}
       {isOpen && !isMinimized && (
         <div 
           className="fixed inset-0 bg-black/50 z-40"
@@ -77,7 +84,6 @@ export function MainSidebar({
         />
       )}
 
-      {/* Main Sidebar */}
       <div className={cn(
         "fixed left-0 top-0 h-full bg-white border-r border-ui-border z-50 transform transition-all duration-300 ease-in-out",
         isMinimized ? "w-16" : "w-64 shadow-xl",
@@ -85,7 +91,6 @@ export function MainSidebar({
           ? "translate-x-0" 
           : (isOpen ? "translate-x-0" : "-translate-x-full")
       )}>
-        {/* Header avec logo Orchestra */}
         <div className={cn(
           "flex items-center h-16 border-b border-ui-border bg-white",
           isMinimized ? "justify-center px-2" : "justify-between px-4"
@@ -105,7 +110,6 @@ export function MainSidebar({
           )}
         </div>
 
-        {/* Menu Items */}
         <div className={cn(
           "overflow-y-auto h-full",
           isMinimized ? "p-2" : "p-3"
@@ -142,7 +146,6 @@ export function MainSidebar({
                   {!isMinimized && <span className="text-base">{item.label}</span>}
                 </button>
 
-                {/* Submenu au survol en mode minimized */}
                 {isMinimized && hoveredMenu === item.id && sidebarMenus[item.id] && sidebarMenus[item.id].length > 0 && (
                   <div className="absolute left-full top-0 ml-2 bg-white border border-ui-border rounded-lg shadow-xl z-50 min-w-[200px] py-2">
                     <div className="px-4 py-2 border-b border-ui-border">

package/components/layout/sidebar/sidebar.tsx

@@ -26,6 +26,7 @@ import {
   Menu,
   Building2,
   User,
+  ChevronUp,
 } from "lucide-react"
 import { Logo } from "../../ui/logo"
 import { menuLabels, type SidebarMenus, type SubMenuItem } from "./data"
@@ -263,7 +264,7 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_u
       <div className="relative border-t border-ui-border px-3 py-3" ref={settingsRef}>
         {/* Dropdown vers le haut */}
         {settingsOpen && (
-          <div className="absolute bottom-full left-2 right-2 mb-1 bg-white border border-ui-border rounded-lg shadow-lg z-50">
+          <div className="absolute bottom-full left-2 right-2 mb-1 bg-white border border-ui-border rounded-none shadow-lg z-50">
             <div className="py-1">
               <Link
                 href={`${main_base_url}/organization`}
@@ -287,14 +288,17 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_u
         <button
           onClick={() => setSettingsOpen(!settingsOpen)}
           className={cn(
-            "flex items-center w-full px-3 py-2 text-sm rounded-md gap-x-3 transition-colors",
+            "flex items-center justify-between w-full px-3 py-2 text-sm rounded-none gap-x-3 transition-colors",
             settingsOpen
               ? "bg-interactive/10 text-interactive font-medium"
               : "text-text-secondary hover:bg-ui-background hover:text-text-primary"
           )}
         >
-          <Settings className="h-4 w-4" />
-          {state === "expanded" && "Paramètres"}
+          <span className="flex items-center gap-x-3">
+            <Settings className="h-4 w-4" />
+            {state === "expanded" && "Paramètres"}
+          </span>
+          {state === "expanded" && <ChevronUp className={cn("h-4 w-4 transition-transform", settingsOpen ? "rotate-0" : "rotate-180")} />}
         </button>
       </div>
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orsetra/shared-ui",
-  "version": "1.0.45",
+  "version": "1.0.47",
   "description": "Shared UI components for Orsetra platform",
   "main": "./index.ts",
   "types": "./index.ts",
@@ -93,4 +93,4 @@
     "next": "^16.0.7",
     "typescript": "^5"
   }
-}
+}