@orsetra/shared-ui 1.1.4 → 1.1.5

package/components/layout/layout-container.tsx

@@ -21,9 +21,10 @@ interface LayoutContainerProps {
   fetchMenus?: () => Promise<MenuApiResponse>
   getSidebarMode?: (pathname: string, searchParams: URLSearchParams) => SidebarMode
   getCurrentMenu?: (pathname: string, searchParams: URLSearchParams) => string
+  getCurrentMenuItem?: (pathname: string, searchParams: URLSearchParams) => string
 }
 
-function LayoutContent({ children, sidebarMenus = {}, user, onSignOut, mode = 'expanded', userMenuConfig, main_base_url, fetchMenus, getSidebarMode, getCurrentMenu }: LayoutContainerProps) {
+function LayoutContent({ children, sidebarMenus = {}, user, onSignOut, mode = 'expanded', userMenuConfig, main_base_url, fetchMenus, getSidebarMode, getCurrentMenu, getCurrentMenuItem }: LayoutContainerProps) {
   const pathname = usePathname()
   const searchParams = useSearchParams()
   const { setOpen } = useSidebar()
@@ -111,6 +112,7 @@ function LayoutContent({ children, sidebarMenus = {}, user, onSignOut, mode = 'e
           sidebarMenus={effectiveSidebarMenus}
           main_base_url={main_base_url}
           sectionLabels={sectionLabels}
+          getCurrentMenuItem={getCurrentMenuItem}
         />
       )}
 

package/components/layout/sidebar/sidebar.tsx

@@ -5,7 +5,7 @@ import { Slot } from "@radix-ui/react-slot"
 import { VariantProps, cva } from "class-variance-authority"
 import { PanelLeft } from "lucide-react"
 import Link from "next/link"
-import { usePathname } from "next/navigation"
+import { usePathname, useSearchParams } from "next/navigation"
 
 import { useIsMobile } from "../../../hooks/use-mobile"
 import { cn } from "../../../lib/utils"
@@ -172,12 +172,14 @@ interface SidebarProps {
   sidebarMenus?: SidebarMenus
   main_base_url?: string
   sectionLabels?: Record<string, string>
+  getCurrentMenuItem?: (pathname: string, searchParams: URLSearchParams) => string
 }
 
 
 
-function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_url = "", sectionLabels = {} }: SidebarProps = {}) {
+function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_url = "", sectionLabels = {}, getCurrentMenuItem }: SidebarProps = {}) {
   const pathname = usePathname()
+  const searchParams = useSearchParams()
   const { state } = useSidebar()
   const [settingsOpen, setSettingsOpen] = React.useState(false)
   const settingsRef = React.useRef<HTMLDivElement>(null)
@@ -229,10 +231,11 @@ function Sidebar({ currentMenu, onMainMenuToggle, sidebarMenus = {}, main_base_u
         </div>
       )}
 
-      {/* Navigation principale avec espacements ajustés */}
       <nav className="flex-1 px-3 py-4 space-y-1 overflow-y-auto">
         {currentNavigation.map((item) => {
-          const isActive = pathname === item.href || pathname.startsWith(`${item.href}/`)
+          // Use custom function if provided, otherwise use default pathname matching
+          const activeItemId = getCurrentMenuItem ? getCurrentMenuItem(pathname, searchParams) : null
+          const isActive = activeItemId ? item.id === activeItemId : (pathname === item.href || pathname.startsWith(`${item.href}/`))
           
           const handleClick = (e: React.MouseEvent) => {
             const href = item.href

package/package.json

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