refactor: remove setWidth method and replace with AlpineJS event dispatch for width updates

Streamline the width update mechanism by delegating functionality to AlpineJS, removing redundant livewire logic and tests.

Author: ManukMinasyan

resources/views/livewire/manage-custom-field-width.blade.php

@@ -1,7 +1,7 @@
 <div
     x-data="{
-        fieldId: @entangle('fieldId'),
-        selectedWidth: @entangle('selectedWidth'),
+        fieldId: @js($fieldId),
+        selectedWidth: $wire.entangle('selectedWidth'),
         widths: @js($widthOptions),
         isSelected(width) {
             return width <= this.selectedWidth;
@@ -13,7 +13,7 @@ class="relative"
         <div class="absolute w-20 flex opacity-70" style="z-index: 1">
             <template x-for="(width, index) in widths" :key="index">
                 <div
-                    wire:click="$parent.setWidth(fieldId, width)"
+                    x-on:click="$dispatch('field-width-updated', { fieldId: fieldId, width: Number(width) })"
                     class="h-6 flex-1 cursor-pointer bg-gray-200 hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600 transition-colors"
                     :class="{
                     'rounded-s-md': index === 0,

src/Livewire/ManageCustomField.php

@@ -98,11 +98,6 @@ public function deleteAction(): Action
             });
     }
 
-    public function setWidth(int|string $fieldId, int $width): void
-    {
-        $this->dispatch('field-width-updated', $fieldId, $width);
-    }
-
     public function render(): View
     {
         return view('custom-fields::livewire.manage-custom-field');

tests/Feature/Admin/Pages/CustomFieldsFieldManagementTest.php

@@ -281,14 +281,6 @@
             'field' => $systemField,
         ])->assertActionHidden('delete');
     });
-
-    it('dispatches width update event', function (): void {
-        // Act & Assert
-        livewire(ManageCustomField::class, [
-            'field' => $this->field,
-        ])->call('setWidth', $this->field->getKey(), 75)
-            ->assertDispatched('field-width-updated', $this->field->getKey(), 75);
-    });
 });
 
 describe('Enhanced field management with datasets', function (): void {