Enhance filter functionality in TasksBoard with dynamic width and column support

Author: ManukMinasyan

resources/views/components/filters.blade.php

@@ -1,13 +1,13 @@
 @php use Illuminate\View\ComponentAttributeBag;use function Filament\Support\prepare_inherited_attributes; @endphp
-{{-- Native Filament table filters - zero custom code needed! --}}
+{{-- Native Filament table filters with dynamic width support --}}
 @if(method_exists($this, 'getTable') && $this->getTable()->isFilterable())
     <div class="fi-ta-header-toolbar mb-4">
         <div class="fi-ta-actions fi-align-start fi-wrapped">
-            {{-- Use Filament's exact filter system --}}
+            {{-- Use Filament's exact filter system with configurable width --}}
             <x-filament::dropdown
                 placement="bottom-start"
-                width="2xl"
-                max-height="24rem"
+                :width="$this->getTable()->getFiltersFormWidth()"
+                :max-height="$this->getTable()->getFiltersFormMaxHeight()"
                 class="fi-ta-filters-dropdown z-50"
             >
                 <x-slot name="trigger">

src/Board.php

@@ -5,12 +5,12 @@
 namespace Relaticle\Flowforge;
 
 use Filament\Support\Components\ViewComponent;
-use Relaticle\Flowforge\Board\Concerns\CanSearchBoardRecords;
-use Relaticle\Flowforge\Board\Concerns\HasBoardActions;
-use Relaticle\Flowforge\Board\Concerns\HasBoardColumns;
-use Relaticle\Flowforge\Board\Concerns\HasBoardFilters;
-use Relaticle\Flowforge\Board\Concerns\HasBoardRecords;
 use Relaticle\Flowforge\Concerns\BelongsToLivewire;
+use Relaticle\Flowforge\Concerns\CanSearchBoardRecords;
+use Relaticle\Flowforge\Concerns\HasBoardActions;
+use Relaticle\Flowforge\Concerns\HasBoardColumns;
+use Relaticle\Flowforge\Concerns\HasBoardFilters;
+use Relaticle\Flowforge\Concerns\HasBoardRecords;
 use Relaticle\Flowforge\Concerns\HasCardSchema;
 use Relaticle\Flowforge\Concerns\InteractsWithKanbanQuery;
 use Relaticle\Flowforge\Contracts\HasBoard;

…Board/Concerns/CanFilterBoardRecords.php src/Concerns/CanFilterBoardRecords.phpsrc/Board/Concerns/CanFilterBoardRecords.php renamed to src/Concerns/CanFilterBoardRecords.php src/Board/Concerns/CanFilterBoardRecords.php renamed to src/Concerns/CanFilterBoardRecords.php

@@ -2,12 +2,11 @@
 
 declare(strict_types=1);
 
-namespace Relaticle\Flowforge\Board\Concerns;
+namespace Relaticle\Flowforge\Concerns;
 
 use Closure;
 use Filament\Tables\Filters\BaseFilter;
 use Illuminate\Database\Eloquent\Builder;
-use Illuminate\Support\Collection;
 
 /**
  * Integrates Filament table filters into Flowforge boards.
@@ -103,7 +102,7 @@ public function applyFiltersToQuery(Builder $query, array $filterData = []): Bui
             }
 
             $filterState = $filterData[$filter->getName()] ?? [];
-            
+
             if (empty($filterState)) {
                 continue;
             }
@@ -156,7 +155,7 @@ public function getActiveFilterIndicators(): array
             }
 
             $filterState = $this->filterData[$filter->getName()] ?? [];
-            
+
             if (empty($filterState)) {
                 continue;
             }
@@ -180,4 +179,4 @@ public function hasActiveFilters(): bool
     {
         return ! empty($this->getActiveFilterIndicators());
     }
-}
+}

…Board/Concerns/CanSearchBoardRecords.php src/Concerns/CanSearchBoardRecords.phpsrc/Board/Concerns/CanSearchBoardRecords.php renamed to src/Concerns/CanSearchBoardRecords.php src/Board/Concerns/CanSearchBoardRecords.php renamed to src/Concerns/CanSearchBoardRecords.php

@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Relaticle\Flowforge\Board\Concerns;
+namespace Relaticle\Flowforge\Concerns;
 
 use Closure;
 

src/Board/Concerns/HasBoardActions.php src/Concerns/HasBoardActions.phpsrc/Board/Concerns/HasBoardActions.php renamed to src/Concerns/HasBoardActions.php

@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Relaticle\Flowforge\Board\Concerns;
+namespace Relaticle\Flowforge\Concerns;
 
 use Closure;
 use Filament\Actions\Action;

src/Board/Concerns/HasBoardColumns.php src/Concerns/HasBoardColumns.phpsrc/Board/Concerns/HasBoardColumns.php renamed to src/Concerns/HasBoardColumns.php

@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Relaticle\Flowforge\Board\Concerns;
+namespace Relaticle\Flowforge\Concerns;
 
 use Closure;
 use Relaticle\Flowforge\Column;

src/Board/Concerns/HasBoardFilters.php src/Concerns/HasBoardFilters.phpsrc/Board/Concerns/HasBoardFilters.php renamed to src/Concerns/HasBoardFilters.php

@@ -2,17 +2,23 @@
 
 declare(strict_types=1);
 
-namespace Relaticle\Flowforge\Board\Concerns;
+namespace Relaticle\Flowforge\Concerns;
 
 use Closure;
+use Filament\Support\Enums\Width;
+use Filament\Tables\Table\Concerns\HasFilters;
 
 /**
  * Minimal board filters - just stores filter definitions.
  */
 trait HasBoardFilters
 {
+    use HasFilters;
+
     protected array $boardFilters = [];
 
+    protected Width | string | Closure | null $filtersFormWidth = null;
+
     public function filters(array | Closure $filters): static
     {
         $this->boardFilters = $this->evaluate($filters);

src/Board/Concerns/HasBoardRecords.php src/Concerns/HasBoardRecords.phpsrc/Board/Concerns/HasBoardRecords.php renamed to src/Concerns/HasBoardRecords.php

@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Relaticle\Flowforge\Board\Concerns;
+namespace Relaticle\Flowforge\Concerns;
 
 use Illuminate\Database\Eloquent\Collection;
 use Illuminate\Database\Eloquent\Model;
@@ -79,7 +79,7 @@ public function getBoardRecords(string $columnId): Collection
     public function getBoardRecordCount(string $columnId): int
     {
         $query = $this->getQuery();
-        
+
         if (! $query) {
             return 0;
         }

src/Concerns/HasTableFromBoard.php

@@ -24,6 +24,9 @@ public function table(Table $table): Table
 
         return $table
             ->query($board->getQuery())
-            ->filters($board->getBoardFilters());
+            ->filters($board->getBoardFilters())
+            ->filtersFormWidth($board->getFiltersFormWidth())
+            ->filtersFormColumns($board->getFiltersFormColumns())
+            ->filtersLayout($board->getFiltersLayout());
     }
 }