Alpine bulk actions cloak (#1217)

* Interim Fix for Bulk Actions

* AlpineJS BulkActions th Checkbox Fix

* Reordering Test Fix

* Fix Selected Item Count

* CHANGELOG Amends

CHANGELOG.md

@@ -4,6 +4,13 @@ All notable changes to `laravel-livewire-tables` will be documented in this file
 
 ## [Unreleased]
 
+### Fixes
+- Bulk Actions (AlpineJS)
+  - Moving Table Head Checkbox to AlpineJS
+  - Using AlpineJS for calculating if all items have been selected
+  - Correcting missing x-cloak
+
+
 ## [2.13.0] - 2023-05-17
 
 ### Changed

resources/views/components/table/tr/bulk-actions.blade.php

@@ -42,7 +42,7 @@ class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium
                     <div wire:key="some-selected-{{ $table }}">
                         <span>
                             @lang('You have selected')
-                            <strong><span x-text="selectedCount"></span></strong>
+                            <strong><span x-text="selectedItems.length"></span></strong>
                             @lang('rows, do you want to select all')
                             @if(!$simplePagination) <strong>{{ number_format($rows->total()) }}</strong> @endif
                         </span>
@@ -107,7 +107,7 @@ class="btn btn-primary btn-sm"
                     <div wire:key="some-selected-{{ $table }}">
                         <span>
                             @lang('You have selected')
-                            <strong><span x-text="selectedCount"></span></strong>
+                            <strong><span x-text="selectedItems.length"></span></strong>
                             @lang('rows, do you want to select all')
                             @if(!$simplePagination) <strong>{{ number_format($rows->total()) }}</strong> @endif
                         </span>