Merge pull request #27 from lara-zeus/filament-4

Filament 4

Author: atmonshi

composer.json

@@ -28,7 +28,7 @@
     ],
     "require": {
         "php": "^8.1",
-        "filament/filament": "^3.0",
+        "filament/filament": "^4.0",
         "spatie/laravel-package-tools": "^1.16"
     },
     "require-dev": {

resources/views/quantity.blade.php

@@ -58,7 +58,11 @@
             increment() {
                 if(! this.isDisabled && this.state < this.maxValue && this.state >= this.minValue){
                     this.state = parseInt(this.state) + this.steps
-                    $wire.$refresh()
+
+                    setTimeout(() => {
+                        $wire.$refresh();
+                    }, 1000);
+
                     if(this.state == this.maxValue){
                         this.isIncrementAllowed = false
                     } else {
@@ -82,18 +86,18 @@
         }"
     >
         <x-filament::input.wrapper
-                :disabled="$isDisabled"
-                :inline-prefix="$isPrefixInline"
-                :inline-suffix="$isSuffixInline"
-                :prefix="$prefixLabel"
-                :prefix-actions="$prefixActions"
-                :prefix-icon="$prefixIcon"
-                :prefix-icon-color="$getPrefixIconColor()"
-                :suffix="$suffixLabel"
-                :suffix-actions="$suffixActions"
-                :suffix-icon="$suffixIcon"
-                :suffix-icon-color="$getSuffixIconColor()"
-                :valid="! $errors->has($getStatePath)"
+            :disabled="$isDisabled"
+            :inline-prefix="$isPrefixInline"
+            :inline-suffix="$isSuffixInline"
+            :prefix="$prefixLabel"
+            :prefix-actions="$prefixActions"
+            :prefix-icon="$prefixIcon"
+            :prefix-icon-color="$getPrefixIconColor()"
+            :suffix="$suffixLabel"
+            :suffix-actions="$suffixActions"
+            :suffix-icon="$suffixIcon"
+            :suffix-icon-color="$getSuffixIconColor()"
+            :valid="! $errors->has($getStatePath)"
         >
             <div class="w-full flex justify-between items-center gap-x-5">
                 <div class="grow">

src/Components/Quantity.php

@@ -3,8 +3,8 @@
 namespace LaraZeus\Quantity\Components;
 
 use Closure;
-use Filament\Forms\Components\Concerns\HasName;
 use Filament\Forms\Components\TextInput;
+use Filament\Schemas\Components\Concerns\HasName;
 
 class Quantity extends TextInput
 {