refactor: enhance navigation tree data handling and configuration

Author: cklei-carly

resources/views/filament/pages/list-navigation.blade.php

@@ -19,7 +19,7 @@
                     </x-slot>
                     @livewire('inspirecms::navigation-tree', [
                         'category' => $cat,
-                        'activeLocale' => $activeLocale ?? null,
+                        ... $this->getNavigationTreeData($cat),
                     ], key($navTreeKey))
                 </x-filament::section>
             @endforeach

resources/views/livewire/navigation-tree.blade.php

@@ -1,12 +1,11 @@
 @php
-    $maxDepth = 10;
     $actions = $this->getAvailableActions();
 @endphp
 <div 
     x-data="TreeView({
         data: $wire.entangle('nodes'),
         maxDepth: @js($maxDepth),
-        maxVisibleDepth: @js($maxDepth),
+        maxVisibleDepth: @js($maxVisibleDepth),
         enableKeyboardNav: false,
         allowDragDrop: true,
         allowCrossCategory: false,

src/Filament/Resources/NavigationResource/Pages/ListNavigationTree.php

@@ -42,4 +42,13 @@ public function updatingActiveLocale($value)
     {
         $this->dispatch('refreshAllTree');
     }
+
+    public function getNavigationTreeData($category): array
+    {
+        return [
+            'activeLocale' => $this->getActiveActionsLocale() ?? null,
+            'maxDepth' => -1,
+            'maxVisibleDepth' => 20,
+        ];
+    }
 }

src/Livewire/NavigationTree.php

@@ -27,6 +27,10 @@ class NavigationTree extends Component implements HasActions, HasForms
 
     public string $category;
 
+    public int $maxDepth = -1;
+
+    public int $maxVisibleDepth = 20;
+
     #[Reactive]
     public ?string $activeLocale = null;
 
@@ -225,6 +229,9 @@ protected function getResource(): string
 
     public function render()
     {
-        return view('inspirecms::livewire.navigation-tree');
+        return view('inspirecms::livewire.navigation-tree', [
+            'maxDepth' => $this->maxDepth,
+            'maxVisibleDepth' => $this->maxVisibleDepth,
+        ]);
     }
 }