Add an "Action" component

[antoine4livre]

JS component with no twig template to trigger action on another component.

API example :

<button type="button" data-component="Action" data-option-target="Panel" data-option-method="close">Close every panel</button>

[titouanmathis]

Great idea, 2 points:

• What would the API for passing parameters to the method look like?
• How do I target a specific instance of a Panel?

[antoine4livre]

I didn't think that passing parameters to the method would be necessary for the uses I have in mind.

Any ideas on how to add this?
Maybe like this: data-option-method="close(true, 'hello')"
My advice is not to implement it and to handle special cases in the method.

To specify a target, you can add data-option-selector="#my-component" to filter instances specified by data-option-target.

We could also pass several instance types in the "target" option, separating them with a comma or a space.

<button
  type="button"
  data-component="Action"
  data-option-target="Panel Modal"
  data-option-selector=".can-be-closed"
  data-option-method="close">
  Close every panel & modal with .can-be-closed class
</button>

[antoine4livre]

@titouanmathis Here is a first draft, I prepare the PR...

[titouanmathis]

I think your implementation is missing an option to configure the type of event triggering the action. Maybe a data-option-on could be added? It could be either a single event (click) or a list of events (mouseenter mouseleave).

This could then be used on <form> elements for example.