Merge pull request #12826 from bensondevs/3.x

Feat: Adding grouping direction hidden method for the table grouping
filamentphp · May 20, 2024 · 3960a09 · 3960a09
2 parents 66f7a2b + 23c73f1
commit 3960a09
Show file tree

Hide file tree

Showing 4 changed files with 68 additions and 34 deletions.
diff --git a/packages/tables/docs/08-grouping.md b/packages/tables/docs/08-grouping.md
@@ -337,3 +337,18 @@ public function table(Table $table): Table
         ->groupingSettingsHidden();
 }
 ```
+
+### Hiding the grouping direction setting only
+
+You can hide the grouping direction select interface using the `groupingDirectionSettingHidden()` method:
+
+```php
+use Filament\Tables\Table;
+
+public function table(Table $table): Table
+{
+    return $table
+		->defaultGroup('status');
+        ->groupingDirectionSettingHidden();
+}
+```
diff --git a/packages/tables/resources/views/components/groups.blade.php b/packages/tables/resources/views/components/groups.blade.php
@@ -1,4 +1,5 @@
 @props([
+    'directionSetting' => false,
     'dropdownOnDesktop' => false,
     'groups',
     'triggerAction',
@@ -71,23 +72,24 @@
                 </x-filament::input.wrapper>
             </label>
 
-            <label x-cloak x-show="group" class="grid gap-y-2">
-                <span class="{{ $labelClasses }}">
-                    {{ __('filament-tables::table.grouping.fields.direction.label') }}
-                </span>
-
-                <x-filament::input.wrapper>
-                    <x-filament::input.select x-model="direction">
-                        <option value="asc">
-                            {{ __('filament-tables::table.grouping.fields.direction.options.asc') }}
-                        </option>
-
-                        <option value="desc">
-                            {{ __('filament-tables::table.grouping.fields.direction.options.desc') }}
-                        </option>
-                    </x-filament::input.select>
-                </x-filament::input.wrapper>
-            </label>
+            @if (! $directionSetting)
+                <label x-cloak x-show="group" class="grid gap-y-2">
+                    <span class="{{ $labelClasses }}">
+                        {{ __('filament-tables::table.grouping.fields.direction.label') }}
+                    </span>
+                        <x-filament::input.wrapper>
+                            <x-filament::input.select x-model="direction">
+                                <option value="asc">
+                                    {{ __('filament-tables::table.grouping.fields.direction.options.asc') }}
+                                </option>
+
+                                <option value="desc">
+                                    {{ __('filament-tables::table.grouping.fields.direction.options.desc') }}
+                                </option>
+                            </x-filament::input.select>
+                        </x-filament::input.wrapper>
+                </label>
+            @endif
         </div>
     </x-filament::dropdown>
 
@@ -116,23 +118,24 @@
                 </x-filament::input.wrapper>
             </label>
 
-            <label x-cloak x-show="group">
-                <span class="sr-only">
-                    {{ __('filament-tables::table.grouping.fields.direction.label') }}
-                </span>
-
-                <x-filament::input.wrapper>
-                    <x-filament::input.select x-model="direction">
-                        <option value="asc">
-                            {{ __('filament-tables::table.grouping.fields.direction.options.asc') }}
-                        </option>
-
-                        <option value="desc">
-                            {{ __('filament-tables::table.grouping.fields.direction.options.desc') }}
-                        </option>
-                    </x-filament::input.select>
-                </x-filament::input.wrapper>
-            </label>
+            @if (! $directionSetting)
+                <label x-cloak x-show="group">
+                    <span class="sr-only">
+                        {{ __('filament-tables::table.grouping.fields.direction.label') }}
+                    </span>
+                        <x-filament::input.wrapper>
+                            <x-filament::input.select x-model="direction">
+                                <option value="asc">
+                                    {{ __('filament-tables::table.grouping.fields.direction.options.asc') }}
+                                </option>
+
+                                <option value="desc">
+                                    {{ __('filament-tables::table.grouping.fields.direction.options.desc') }}
+                                </option>
+                            </x-filament::input.select>
+                        </x-filament::input.wrapper>
+                </label>
+            @endif
         </div>
     @endif
 </div>
diff --git a/packages/tables/resources/views/index.blade.php b/packages/tables/resources/views/index.blade.php
@@ -42,6 +42,7 @@
     $isReorderable = $isReorderable();
     $isReordering = $isReordering();
     $areGroupingSettingsVisible = (! $isReordering) && count($groups) && (! $areGroupingSettingsHidden());
+    $isGroupingDirectionSettingHidden = $isGroupingDirectionSettingHidden();
     $isColumnSearchVisible = $isSearchableByColumn();
     $isGlobalSearchVisible = $isSearchable();
     $isSearchOnBlur = $isSearchOnBlur();
@@ -195,6 +196,7 @@ class="fi-ta-header-toolbar flex items-center justify-between gap-x-4 px-4 py-3
 
                     @if ($areGroupingSettingsVisible)
                         <x-filament-tables::groups
+                            :direction-setting="$isGroupingDirectionSettingHidden"
                             :dropdown-on-desktop="$areGroupingSettingsInDropdownOnDesktop()"
                             :groups="$groups"
                             :trigger-action="$getGroupRecordsTriggerAction()"

diff --git a/packages/tables/src/Table/Concerns/CanGroupRecords.php b/packages/tables/src/Table/Concerns/CanGroupRecords.php
@@ -23,6 +23,8 @@ trait CanGroupRecords
 
     protected bool | Closure $areGroupingSettingsHidden = false;
 
+    protected bool | Closure $isGroupingDirectionSettingHidden = false;
+
     protected ?Closure $modifyGroupRecordsTriggerActionUsing = null;
 
     public function groupRecordsTriggerAction(?Closure $callback): static
@@ -56,6 +58,13 @@ public function groupingSettingsHidden(bool | Closure $condition = true): static
         return $this;
     }
 
+    public function groupingDirectionSettingHidden(bool | Closure $condition = true): static
+    {
+        $this->isGroupingDirectionSettingHidden = $condition;
+
+        return $this;
+    }
+
     public function defaultGroup(string | Group | null $group): static
     {
         $this->defaultGroup = $group;
@@ -130,6 +139,11 @@ public function areGroupingSettingsHidden(): bool
         return (bool) $this->evaluate($this->areGroupingSettingsHidden);
     }
 
+    public function isGroupingDirectionSettingHidden(): bool
+    {
+        return (bool) $this->evaluate($this->isGroupingDirectionSettingHidden);
+    }
+
     public function getDefaultGroup(): ?Group
     {
         if ($this->defaultGroup === null) {