[Feature] Improve the Action component

[titouanmathis]

🔗 Linked issue

#258

❓ Type of change

• 📖 Documentation (updates to the documentation, readme or JSdoc annotations)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

This PR implements the suggestion from #258.

See the docs preview for usage and examples.

• Add support for event modifiers: .stop, .prevent, .capture, .once, and .passive

📝 Checklist

• I have linked an issue or discussion.
• I have added tests (if possible).
• I have updated the documentation accordingly.
• I have updated the changelog.

[github-actions]

Export Size

@studiometa/ui

Name	Size	Diff
Target	189 B	+189 B (+100.00%) 🔺
Action	648 B	+140 B (+27.56%) 🔺
ATOMS	5.06 kB	+148 B (+3.01%) 🔺
ALL	12.6 kB	+127 B (+1.02%) 🔺

Unchanged

@studiometa/ui

Name	Size	Diff
AbstractPrefetch	411 B	-
AbstractScrollAnimation	461 B	-
AbstractSliderChild	2.46 kB	-
Accordion	1.06 kB	-
AccordionItem	1.02 kB	-
AnchorNav	615 B	-
AnchorNavLink	480 B	-
AnchorNavTarget	207 B	-
AnchorScrollTo	243 B	-
animationScrollWithEase	272 B	-
CircularMarquee	339 B	-
Cursor	665 B	-
DataBind	632 B	-
DataComputed	760 B	-
DataEffect	737 B	-
DataModel	660 B	-
Draggable	327 B	-
Figure	694 B	-
FigureTwicpics	1.15 kB	-
FigureVideo	983 B	-
FigureVideoTwicpics	1.48 kB	-
Frame	1.68 kB	-
FrameAnchor	201 B	-
FrameForm	198 B	-
FrameTarget	777 B	-
LargeText	492 B	-
LazyInclude	418 B	-
loadImage	694 B	-
Menu	1.38 kB	-
MenuBtn	230 B	-
MenuList	943 B	-
Modal	898 B	-
ModalWithTransition	1.01 kB	-
MOLECULES	7.12 kB	-
ORGANISMS	1.74 kB	-
Panel	1.25 kB	-
PrefetchWhenOver	468 B	-
PrefetchWhenVisible	480 B	-
PRIMITIVES	632 B	-
ScrollAnimation	513 B	-
ScrollAnimationChild	650 B	-
ScrollAnimationChildWithEase	851 B	-
ScrollAnimationParent	712 B	-
ScrollAnimationWithEase	711 B	-
ScrollReveal	622 B	-
Sentinel	217 B	-
Slider	2.26 kB	-
SliderBtn	2.62 kB	-
SliderCount	2.49 kB	-
SliderDots	2.7 kB	-
SliderDrag	353 B	-
SliderItem	733 B	-
SliderProgress	2.54 kB	-
Sticky	859 B	-
TableOfContent	742 B	-
TableOfContentAnchor	550 B	-
Tabs	625 B	-
Transition	387 B	-

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 33.53%. Comparing base (c5f5268) to head (64788c8).

Additional details and impacted files

@@             Coverage Diff             @@
##           develop     #261      +/-   ##
===========================================
+ Coverage    32.26%   33.53%   +1.26%     
===========================================
  Files           59       60       +1     
  Lines         1469     1485      +16     
  Branches       260      262       +2     
===========================================
+ Hits           474      498      +24     
+ Misses         994      909      -85     
- Partials         1       78      +77     

Flag	Coverage Δ
unittests	33.53% <100.00%> (+1.26%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[antoine4livre]

All good for me, what about creating a decorator to replace the name of a component in the static config ?

CustomTransition: withName(Transition, 'CustomTransition')

[titouanmathis]

All good for me, what about creating a decorator to replace the name of a component in the static config ?

CustomTransition: withName(Transition, 'CustomTransition')

The @studiometa/js-toolkit package already exports a withName decorator, but it is not yet documented.