Fix BooleanColumn unexpected truthy behaviour (rappasoft#2066)

* Fix BooleanColumn unexpected truthy behaviour

* Support previous iteration

Author: lrljoe

resources/js/laravel-livewire-tables.js

@@ -250,7 +250,6 @@ document.addEventListener('alpine:init', () => {
 
         }
     }));
-    
 
     Alpine.data('booleanFilter', (wire,filterKey,tableName,defaultValue) => ({
         switchOn: false, 
@@ -270,6 +269,47 @@ document.addEventListener('alpine:init', () => {
         }
     }));
 
+    Alpine.data('newBooleanFilter', (filterKey,tableName,defaultValue) => ({
+        switchOn: false, 
+        value: false, 
+        toggleStatus()
+        {
+            let tempValue = Boolean(Number(this.$wire.get('filterComponents.'+filterKey) ?? this.value));
+            let newBoolean = !tempValue;
+            this.switchOn = this.value = newBoolean;
+            return Number(newBoolean);
+        },
+        toggleStatusWithUpdate()
+        {
+            let newValue = this.toggleStatus();
+            this.$wire.set('filterComponents.'+filterKey, newValue);
+        },
+        toggleStatusWithReset()
+        {
+            let newValue = this.toggleStatus();
+            this.$wire.call('resetFilter',filterKey);
+        },
+        setSwitchOn(val)
+        {
+            let number = Number(val ?? 0);
+            this.switchOn = Boolean(number); 
+        },
+        init() { 
+            this.$nextTick(() => { 
+                this.value = this.$wire.get('filterComponents.'+filterKey) ?? defaultValue;
+                this.setSwitchOn(this.value ?? 0);
+            });
+
+            this.listeners.push(
+                Livewire.on('filter-was-set', (detail) => {
+                    if(detail.tableName == tableName && detail.filterKey == filterKey) { 
+                        this.switchOn = detail.value ?? defaultValue; 
+                    }
+                })
+            );
+        }
+    }));
+
     Alpine.data('numberRangeFilter', (wire, filterKey, parentElementPath, filterConfig, childElementRoot) => ({
         allFilters: wire.entangle('filterComponents', false),
         originalMin: 0,
@@ -407,7 +447,6 @@ document.addEventListener('alpine:init', () => {
 
     }));
 
-
     Alpine.data('tableWrapper', (wire, showBulkActionsAlpine) => ({
         shouldBeDisplayed: wire.entangle('shouldBeDisplayed'),
         listeners: [],