fix(filters): fix triggers for some filters (#1178)

No more livewire attribute .lazy available in livewire 3. Use blur instead
Power-Components · Sep 26, 2023 · 8b46816 · 8b46816
1 parent b845843
commit 8b46816
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/src/Components/Filters/FilterBoolean.php b/src/Components/Filters/FilterBoolean.php
@@ -22,8 +22,8 @@ public static function getWireAttributes(string $field, string $title): array
     {
         return collect()
             ->put('selectAttributes', new ComponentAttributeBag([
-                'wire:input.lazy' => 'filterBoolean(\'' . $field . '\', $event.target.value, \'' . $title . '\')',
-                'wire:model.lazy' => 'filters.boolean.' . $field,
+                'wire:input.blur' => 'filterBoolean(\'' . $field . '\', $event.target.value, \'' . $title . '\')',
+                'wire:model.blur' => 'filters.boolean.' . $field,
             ]))->toArray();
     }
 }
diff --git a/src/Components/Filters/FilterInputText.php b/src/Components/Filters/FilterInputText.php
@@ -40,8 +40,8 @@ public static function getWireAttributes(string $field, string $title): array
     {
         return collect()
             ->put('selectAttributes', new ComponentAttributeBag([
-                'wire:model.lazy' => 'filters.input_text_options.' . $field,
-                'wire:input.lazy' => 'filterInputTextOptions(\'' . $field . '\', $event.target.value)',
+                'wire:model.blur' => 'filters.input_text_options.' . $field,
+                'wire:input.blur' => 'filterInputTextOptions(\'' . $field . '\', $event.target.value)',
             ]))
             ->put('inputAttributes', new ComponentAttributeBag([
                 'wire:model.live.debounce.700ms' => 'filters.input_text.' . $field,

diff --git a/tests/Feature/Filters/FilterBooleanTest.php b/tests/Feature/Filters/FilterBooleanTest.php
@@ -20,7 +20,7 @@
     ])
         ->call($params->theme)
         ->assertSee('Em Estoque')
-        ->assertSeeHtml('wire:input.lazy="filterBoolean(\'in_stock\', $event.target.value, \'Em Estoque\')"');
+        ->assertSeeHtml('wire:input.blur="filterBoolean(\'in_stock\', $event.target.value, \'Em Estoque\')"');
 
     expect($component->filters)
         ->toBeEmpty();
@@ -80,7 +80,7 @@ public function filters(): array
     $component = livewire($component)
         ->call($params->theme)
         ->assertSee('Em Estoque')
-        ->assertSeeHtml('wire:input.lazy="filterBoolean(\'in_stock\', $event.target.value, \'Em Estoque\')"');
+        ->assertSeeHtml('wire:input.blur="filterBoolean(\'in_stock\', $event.target.value, \'Em Estoque\')"');
 
     expect($component->filters)
         ->toBeEmpty();
@@ -102,7 +102,7 @@ public function filters(): array
     ])
         ->call($theme)
         ->assertSee('In Stock')
-        ->assertSeeHtml('wire:input.lazy="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"');
+        ->assertSeeHtml('wire:input.blur="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"');
 
     expect($component->filters)
         ->toBeEmpty();
@@ -140,7 +140,7 @@ public function filters(): array
     ])
         ->call($theme)
         ->assertSee('In Stock')
-        ->assertSeeHtml('wire:input.lazy="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"');
+        ->assertSeeHtml('wire:input.blur="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"');
 
     expect($component->filters)
         ->toBeEmpty();
@@ -180,8 +180,8 @@ public function filters(): array
         ],
     ])
         ->call($theme)
-        ->assertSeeHtml('wire:input.lazy="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"')
-        ->assertSeeHtml('wire:model.lazy="filters.boolean.in_stock"');
+        ->assertSeeHtml('wire:input.blur="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"')
+        ->assertSeeHtml('wire:model.blur="filters.boolean.in_stock"');
 
     expect($component->filters)
         ->toBeEmpty();
@@ -216,7 +216,7 @@ public function filters(): array
 it('properly filters by bool true - using collection - custom builder - using tablename in field', function (string $component, string $theme) {
     $component = livewire($component)
         ->call($theme)
-        ->assertSeeHtml('wire:input.lazy="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"');
+        ->assertSeeHtml('wire:input.blur="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"');
 
     expect($component->filters)
         ->toBeEmpty();
@@ -290,7 +290,7 @@ public function filters(): array
     ])
         ->call($theme)
         ->assertSee('In Stock')
-        ->assertSeeHtml('wire:input.lazy="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"');
+        ->assertSeeHtml('wire:input.blur="filterBoolean(\'in_stock\', $event.target.value, \'In Stock\')"');
 
     expect($component->filters)
         ->toMatchArray([]);