Hide bulk actions on empty

Author: rappasoft

CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to `laravel-livewire-tables` will be documented in this file
 
 ## [Unreleased]
 
+## [1.11.0] - 2021-06-23
+
+### Added
+
+- Added $hideBulkActionsOnEmpty to hide the bulk actions dropdown until something is selected.
+
 ## [1.10.3] - 2021-06-22
 
 ### Added

resources/views/bootstrap-4/includes/bulk-actions.blade.php

@@ -1,4 +1,4 @@
-@if ($bulkActionsEnabled && count($bulkActions))
+@if ($this->showBulkActionsDropdown)
     <div class="mb-3 mb-md-0">
         <div class="dropdown d-block d-md-inline">
             <button class="btn dropdown-toggle d-block w-100 d-md-inline" type="button" id="bulkActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

resources/views/bootstrap-5/includes/bulk-actions.blade.php

@@ -1,4 +1,4 @@
-@if ($bulkActionsEnabled && count($bulkActions))
+@if ($this->showBulkActionsDropdown)
     <div class="mb-3 mb-md-0">
         <div class="dropdown d-block d-md-inline">
             <button class="btn dropdown-toggle d-block w-100 d-md-inline" type="button" id="bulkActions" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

resources/views/tailwind/includes/bulk-actions.blade.php

@@ -1,4 +1,4 @@
-@if ($bulkActionsEnabled && count($bulkActions))
+@if ($this->showBulkActionsDropdown)
     <div class="w-full md:w-auto mb-4 md:mb-0">
         <div
             x-data="{ open: false }"

src/Traits/WithBulkActions.php

@@ -16,6 +16,7 @@ trait WithBulkActions
     public bool $selectAll = false;
     public $selected = [];
     public array $bulkActions = [];
+    public bool $hideBulkActionsOnEmpty = false;
 
     public function renderingWithBulkActions(): void
     {
@@ -89,4 +90,25 @@ public function getSelectedKeysProperty(): array
     {
         return $this->selectedKeys();
     }
+
+    public function getShowBulkActionsDropdownProperty(): bool
+    {
+        $showBulkActions = false;
+
+        if ($this->bulkActionsEnabled) {
+            if (count($this->bulkActions)) {
+                $showBulkActions = true;
+            }
+
+            if ($this->hideBulkActionsOnEmpty) {
+                if (count($this->selected)) {
+                    $showBulkActions = true;
+                } else {
+                    $showBulkActions = false;
+                }
+            }
+        }
+
+        return $showBulkActions;
+    }
 }