From 0f1f19618ed804d5f162b713885e3c016a0ec7a2 Mon Sep 17 00:00:00 2001
From: Joe <104938042+lrljoe@users.noreply.github.com>
Date: Thu, 18 May 2023 11:39:41 +0100
Subject: [PATCH] Fixes for AlpineJS - Select All & Deselect All (#1209)

---
 .../components/table/tr/bulk-actions.blade.php     | 14 +++++++-------
 resources/views/components/wrapper.blade.php       |  6 ++++++
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/resources/views/components/table/tr/bulk-actions.blade.php b/resources/views/components/table/tr/bulk-actions.blade.php
index 37a2e0c38..7871e4214 100644
--- a/resources/views/components/table/tr/bulk-actions.blade.php
+++ b/resources/views/components/table/tr/bulk-actions.blade.php
@@ -27,7 +27,7 @@ class="bg-indigo-50 dark:bg-gray-900 dark:text-white"
                         </span>
 
                         <button
-                            wire:click="clearSelected"
+                            x-on:click="clearSelected"
                             wire:loading.attr="disabled"
                             type="button"
                             class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium focus:outline-none focus:text-gray-800 focus:underline transition duration-150 ease-in-out dark:text-white dark:hover:text-gray-400"
@@ -55,7 +55,7 @@ class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium
                         </button>&nbsp;
 
                         <button
-                            wire:click="setAllSelected"
+                            x-on:click="setAllSelected"
                             wire:loading.attr="disabled"
                             type="button"
                             class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium focus:outline-none focus:text-gray-800 focus:underline transition duration-150 ease-in-out dark:text-white dark:hover:text-gray-400"
@@ -64,7 +64,7 @@ class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium
                         </button>
 
                         <button
-                            wire:click="clearSelected"
+                            x-on:click="clearSelected"
                             wire:loading.attr="disabled"
                             type="button"
                             class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium focus:outline-none focus:text-gray-800 focus:underline transition duration-150 ease-in-out dark:text-white dark:hover:text-gray-400"
@@ -90,7 +90,7 @@ class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium
                         </span>
 
                         <button
-                            wire:click="clearSelected"
+                            x-on:click="clearSelected"
                             wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
@@ -109,7 +109,7 @@ class="btn btn-primary btn-sm"
                         </span>
 
                         <button
-                            x-on:click="selectAllOnPage()"
+                            x-on:click="selectAllOnPage"
                             wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
@@ -118,7 +118,7 @@ class="btn btn-primary btn-sm"
                         </button>&nbsp;
 
                         <button
-                            wire:click="setAllSelected"
+                            x-on:click="setAllSelected"
                             wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
@@ -127,7 +127,7 @@ class="btn btn-primary btn-sm"
                         </button>
 
                         <button
-                            wire:click="clearSelected"
+                            x-on:click="clearSelected"
                             wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
diff --git a/resources/views/components/wrapper.blade.php b/resources/views/components/wrapper.blade.php
index 9a143be53..7df5beb5a 100644
--- a/resources/views/components/wrapper.blade.php
+++ b/resources/views/components/wrapper.blade.php
@@ -12,6 +12,12 @@
         selectedCount: 0,
         visibleItems: {},
         allItemsSelected: false,
+        setAllSelected() {
+            $wire.setAllSelected();
+        },
+        clearSelected() {
+            $wire.clearSelected();
+        },
         selectAllOnPage() {
             let tempSelectedItems = this.selectedItems;
             const iterator = visibleItems.values();