github symfony/ux v2.14.0
Features & Fixed for LiveComponent, TwigComponent & other packages

latest releases: v2.19.3, v2.19.2, v2.19.1...
7 months ago

Hi UX'ers!

A beautiful release with a set of features across several packages. 100+ commits, from 19 contributors 🔥 .

TwigComponent

  • Make ComponentAttributes traversable/countable
  • Fixed lexing some {# twig comments #} with HTML Twig syntax
  • Fix various usages of deprecated Twig code

LiveComponent

  • Add support for URL binding in LiveProp
  • DOM morphing changed from morphdom to idiomorph
  • Allow multiple LiveListener attributes on a single method
  • Requests to LiveComponent are sent as POST by default
  • Add method prop to AsLiveComponent to still allow GET requests, usage: #[AsLiveComponent(method: 'get')]
  • Add a new urlReferenceType parameter to AsLiveComponent, which allows to
    generate different type URL (e.g. absolute) for the component Ajax calls
  • The symfony/serializer dependency is now optional
  • Added a data-skip-morph attribute to allow skipping morphing of an element
    (the element's attributes will be morphed, but its inner HTML will be overwritten
    instead of morphed)
  • Added an entry to the packages' package.json file so that @symfony/ux-live-component
    will appear in the user's importmap.php file if using AssetMapper. This
    will allow using the JavaScript from the package without extra setup.
  • Fixed edge-case rendering bug where a 2nd Ajax request might start before
    the 1st finished processing
  • Fix usage of {% embed %} with {% block %} in <twig:> components
  • Fixed data-loading not working when on root element of a component
  • Fixed error when class attributes contained a space at start or end
  • Fixed loading directives being matched in a child component

Autocomplete

  • Fixed behavior of Autocomplete when the underlying select or option
    elements were modified to hopefully, more reliably, reset the autocomplete
    instance. This is particularly important with LiveComponents.
  • Add support for the render.loading_more Tom Select Virtual Scroll option (loading_more_text)
  • Avoid losing the selected options when the Stimulus component is disconnected
    and reconnected to the DOM.
  • Added tom-select/dist/css/tom-select.bootstrap4.css to autoimport - this
    will cause this to appear in your controllers.json file by default, but disabled
    see.

StimulusBundle

  • Added Typescript controllers support

ChartJs

  • Add support for Chart.js version 4

Full Changelog: v2.13.3...v2.14.0

New Contributors

Have fun!

Don't miss a new ux release

NewReleases is sending notifications on new releases.