Undo property change

- Add random string to bulk id

Author: rappasoft

CHANGELOG.md

@@ -12,7 +12,6 @@ All notable changes to `laravel-livewire-tables` will be documented in this file
 
 ### Changed
 
-- Made tableName property public so it can be accessed in views
 - Fixed bulk actions dropdown on Bootstrap - https://github.com/rappasoft/laravel-livewire-tables/pull/519
 - Fixed bulk row/select with pagination off - https://github.com/rappasoft/laravel-livewire-tables/issues/510
 - Conditionally show cursor-pointer class instead of inline style - https://github.com/rappasoft/laravel-livewire-tables/pull/529

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

@@ -1,11 +1,11 @@
 @if ($this->showBulkActionsDropdown)
-    <div class="mb-3 mb-md-0" id="{{ $tableName }}-bulkActionsWrapper">
+    <div class="mb-3 mb-md-0" id="{{ $bulkKey = \Illuminate\Support\Str::random() }}-bulkActionsWrapper">
         <div class="dropdown d-block d-md-inline">
-            <button class="btn dropdown-toggle d-block w-100 d-md-inline" type="button" id="{{ $tableName }}-bulkActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <button class="btn dropdown-toggle d-block w-100 d-md-inline" type="button" id="{{ $bulkKey }}-bulkActions" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 @lang('Bulk Actions')
             </button>
 
-            <div class="dropdown-menu dropdown-menu-right w-100" aria-labelledby="{{ $tableName }}-bulkActions">
+            <div class="dropdown-menu dropdown-menu-right w-100" aria-labelledby="{{ $bulkKey }}-bulkActions">
                 @foreach($this->bulkActions as $action => $title)
                     <a
                         href="#"

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

@@ -1,11 +1,11 @@
 @if ($this->showBulkActionsDropdown)
-    <div class="mb-3 mb-md-0" id="{{ $tableName }}-bulkActionsWrapper">
+    <div class="mb-3 mb-md-0" id="{{ $bulkKey = \Illuminate\Support\Str::random() }}-bulkActionsWrapper">
         <div class="dropdown d-block d-md-inline">
-            <button class="btn dropdown-toggle d-block w-100 d-md-inline" type="button" id="{{ $tableName }}-bulkActions" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <button class="btn dropdown-toggle d-block w-100 d-md-inline" type="button" id="{{ $bulkKey }}-bulkActions" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 @lang('Bulk Actions')
             </button>
 
-            <div class="dropdown-menu dropdown-menu-end w-100" aria-labelledby="{{ $tableName }}-bulkActions">
+            <div class="dropdown-menu dropdown-menu-end w-100" aria-labelledby="{{ $bulkKey }}-bulkActions">
                 @foreach($this->bulkActions as $action => $title)
                     <a
                         href="#"

src/DataTableComponent.php

@@ -87,7 +87,7 @@ abstract class DataTableComponent extends Component
      *
      * @var string
      */
-    public string $tableName = 'table';
+    protected string $tableName = 'table';
 
     /**
      * Name of the page parameter for pagination