Merge pull request #17142 from TheSkybreaker/3.x

Dynamically disable JS inputs for v.3

Author: danharrin

packages/forms/resources/views/components/file-upload.blade.php

@@ -104,6 +104,11 @@
                     },
                 })"
         wire:ignore
+        wire:key="{{ $this->getId() }}.{{ $statePath }}.{{ $field::class }}.{{
+            substr(md5(serialize([
+                $isDisabled,
+            ])), 0, 64)
+        }}"
         {{
             $attributes
                 ->merge([

packages/forms/resources/views/components/key-value.blade.php

@@ -39,7 +39,6 @@
                 x-load
             @endif
             x-load-src="{{ \Filament\Support\Facades\FilamentAsset::getAlpineComponentSrc('key-value', 'filament/forms') }}"
-            wire:ignore
             x-data="keyValueFormComponent({
                         state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$statePath}')") }},
                     })"
@@ -48,6 +47,12 @@
                     ->merge($getExtraAlpineAttributes(), escape: false)
                     ->class(['divide-y divide-gray-200 dark:divide-white/10'])
             }}
+            wire:ignore
+            wire:key="{{ $this->getId() }}.{{ $statePath }}.{{ $field::class }}.{{
+                substr(md5(serialize([
+                    $isDisabled,
+                ])), 0, 64)
+            }}"
         >
             <table
                 class="w-full table-auto divide-y divide-gray-200 dark:divide-white/5"

packages/forms/resources/views/components/rich-editor.blade.php

@@ -3,10 +3,11 @@
 
     $id = $getId();
     $statePath = $getStatePath();
+    $isDisabled = $isDisabled();
 @endphp
 
 <x-dynamic-component :component="$getFieldWrapperView()" :field="$field">
-    @if ($isDisabled())
+    @if ($isDisabled)
         <div
             x-data="{
                 state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$statePath}')") }},
@@ -377,6 +378,11 @@ class="trix-button trix-button--dialog"
                     @endif
                     x-ref="trix"
                     wire:ignore
+                    wire:key="{{ $this->getId() }}.{{ $statePath }}.{{ $field::class }}.{{
+                        substr(md5(serialize([
+                            $isDisabled,
+                        ])), 0, 64)
+                    }}"
                     @if ($isGrammarlyDisabled())
                         data-gramm="false"
                         data-gramm_editor="false"

packages/forms/resources/views/components/select.blade.php

@@ -153,6 +153,11 @@ class="hidden"
                             statePath: @js($statePath),
                         })"
                 wire:ignore
+                wire:key="{{ $this->getId() }}.{{ $statePath }}.{{ $field::class }}.{{
+                    substr(md5(serialize([
+                        $isDisabled,
+                    ])), 0, 64)
+                }}"
                 x-on:keydown.esc="select.dropdown.isActive && $event.stopPropagation()"
                 x-on:set-select-property="$event.detail.isDisabled ? select.disable() : select.enable()"
                 {{