[LiveComponent] Move attributes to the LiveCollectionType to ease customization

Author: 1ed

src/LiveComponent/src/Form/Type/LiveCollectionType.php

@@ -44,6 +44,12 @@ public function buildView(FormView $view, FormInterface $form, array $options):
         if ($form->getConfig()->hasAttribute('button_add_prototype')) {
             $prototype = $form->getConfig()->getAttribute('button_add_prototype');
             $view->vars['button_add_prototype'] = $prototype->setParent($form)->createView($view);
+
+            $attr = $view->vars['button_add_prototype']->vars['attr'];
+            $attr['data-action'] ??= 'live#action';
+            $attr['data-action-name'] ??= sprintf('addCollectionItem(name=%s)', $view->vars['full_name']);
+            $view->vars['button_add_prototype']->vars['attr'] = $attr;
+
             array_splice($view->vars['button_add_prototype']->vars['block_prefixes'], 1, 0, 'live_collection_button_add');
         }
     }
@@ -76,6 +82,12 @@ public function finishView(FormView $view, FormInterface $form, array $options):
 
             foreach ($view as $k => $entryView) {
                 $entryView->vars['button_delete_prototype'] = $prototypes[$k]->createView($entryView);
+
+                $attr = $entryView->vars['button_delete_prototype']->vars['attr'];
+                $attr['data-action'] ??= 'live#action';
+                $attr['data-action-name'] ??= sprintf('removeCollectionItem(name=%s, index=%s)', $view->vars['full_name'], $k);
+                $entryView->vars['button_delete_prototype']->vars['attr'] = $attr;
+
                 array_splice($entryView->vars['button_delete_prototype']->vars['block_prefixes'], 1, 0, 'live_collection_button_delete');
             }
         }

src/LiveComponent/src/Resources/views/form_theme.html.twig

@@ -1,19 +1,13 @@
 {%- block live_collection_widget -%}
     {{ block('form_widget') }}
-    {%- if button_add_prototype is defined and not button_add_prototype.rendered -%}
-        {{ form_row(button_add_prototype, { attr: button_add_prototype.vars.attr|merge({
-            'data-action': 'live#action',
-            'data-action-name': 'addCollectionItem(name=' ~ form.vars.full_name ~ ')'
-        }) }) }}
+    {%- if skip_add_button|default(false) is same as false and button_add_prototype is defined and not button_add_prototype.rendered -%}
+        {{ form_row(button_add_prototype) }}
     {%- endif -%}
 {%- endblock live_collection_widget -%}
 
 {%- block live_collection_entry_row -%}
     {{ block('form_row') }}
     {%- if button_delete_prototype is defined and not button_delete_prototype.rendered -%}
-        {{ form_row(button_delete_prototype, { attr: button_delete_prototype.vars.attr|merge({
-            'data-action': 'live#action',
-            'data-action-name': 'removeCollectionItem(name=' ~ form.parent.vars.full_name ~ ', index=' ~ form.vars.name ~ ')'
-        }) }) }}
+        {{ form_row(button_delete_prototype) }}
     {%- endif -%}
 {%- endblock live_collection_entry_row -%}