refactor tabs

Author: andreiio

app/Concerns/TabbedLayout.php

@@ -5,25 +5,60 @@
 namespace App\Concerns;
 
 use App\Contracts\Pages\WithTabs;
+use App\Filament\Schemas\Components\Tabs;
 use Filament\Resources\Pages\CreateRecord;
 use Filament\Resources\Pages\EditRecord;
 use Filament\Resources\Pages\ListRecords;
 use Filament\Resources\Pages\ViewRecord;
+use Filament\Schemas\Components\EmbeddedTable;
+use Filament\Schemas\Components\RenderHook;
+use Filament\Schemas\Schema;
+use Filament\View\PanelsRenderHook;
 
 trait TabbedLayout
 {
-    public function bootedTabbedLayout(): void
+    public function content(Schema $schema): Schema
     {
         if (! $this instanceof WithTabs) {
-            return;
+            return parent::content($schema);
         }
 
-        $this->view = match (true) {
-            $this instanceof ListRecords => 'filament.tabs.list-records',
-            $this instanceof CreateRecord => 'filament.tabs.create-record',
-            $this instanceof ViewRecord => 'filament.tabs.view-record',
-            $this instanceof EditRecord => 'filament.tabs.edit-record',
-            default => $this->view,
-        };
+        $components = [
+            Tabs::make()
+                ->tabs($this->getTabsNavigation())
+                ->components(function (Schema $schema): array {
+                    if ($this instanceof ListRecords) {
+                        return [
+                            RenderHook::make(PanelsRenderHook::RESOURCE_PAGES_LIST_RECORDS_TABLE_BEFORE),
+                            EmbeddedTable::make(),
+                            RenderHook::make(PanelsRenderHook::RESOURCE_PAGES_LIST_RECORDS_TABLE_AFTER),
+                        ];
+                    }
+
+                    if ($this instanceof ViewRecord) {
+                        if ($this->hasInfolist()) {
+                            return [$this->getInfolistContentComponent()];
+                        }
+
+                        return [$this->getFormContentComponent()];
+                    }
+
+                    if (
+                        $this instanceof CreateRecord ||
+                        $this instanceof EditRecord
+                    ) {
+                        return [$this->getFormContentComponent()];
+                    }
+
+                    return parent::content($schema);
+                }),
+        ];
+
+        if (method_exists($this, 'getRelationManagersContentComponent')) {
+            $components[] = $this->getRelationManagersContentComponent();
+        }
+
+        return $schema
+            ->components($components);
     }
 }

app/Filament/Schemas/Components/Tabs.php

@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Filament\Schemas\Components;
+
+use Closure;
+use Filament\Schemas\Components\Component;
+
+class Tabs extends Component
+{
+    protected string $view = 'filament.schemas.components.tabs';
+
+    protected array | Closure $tabs = [];
+
+    public static function make(): static
+    {
+        $static = app(static::class);
+        $static->configure();
+
+        return $static;
+    }
+
+    public function tabs(array | Closure $tabs): static
+    {
+        $this->tabs = $tabs;
+
+        return $this;
+    }
+
+    public function getTabs(): array
+    {
+        return $this->evaluate($this->tabs) ?? [];
+    }
+}

resources/views/components/tabs.blade.php

@@ -4,7 +4,7 @@
 ])
 
 <div class="fi-tabs-component">
-    <nav class="flex overflow-y-auto fi-tabs-component-header gap-x-[2px]">
+    <nav class="flex overflow-y-auto fi-tabs-component-header gap-x-0.5">
         @foreach ($tabs as $tab)
             @if ($tab->isHidden())
                 @continue

resources/views/filament/schemas/components/tabs.blade.php

@@ -0,0 +1,3 @@
+<x-tabs :tabs="$getTabs()">
+    {{ $getChildSchema() }}
+</x-tabs>