PrimeNG 12.1.0-rc.1 is Ready

PrimeNG 12.1.0-rc.1 is Ready

PrimeNG 12.1.0 is a major version that brings new components, internal enhancements, new DataTable scrolling along with maintenance improvements. First release candidate is out now and we’d appreciate if you could take it for a test run to provide feedback before the final.

New DataTable Scrolling

PrimeNG 12.1.0 introduces new DataTable scrolling implementation that eliminates the use of multiple tables by using css sticky. New implementation greatly simplifies the codebase by removing significant amount of code related to scrolling and also provides new features like freezing columns on the right and sticky row groups.

TreeSelect

TreeSelect is a new form component to choose from hierarchical data.

SpeedDial

SpeedDial is another new addition to the suite. It is mainly a floating button with menu items displayed around it when pressed. It offers numerous orientations and customization options.

Dock

Dock imitates the famous dock widget in Mac OS X with customizable positions.

FullCalendar and Charts

There are two important changes in this release. As full calendar has an official angular component, we’ve decided to drop support for our own wrapper and focus on theming of the widget instead. So even if you use the component from FullCalendar, PrimeNG still provides a compatible theming for it. In addition, charts have been updated to use charts 3.3.2+ so it is required to update your dependencies.

Overlay Communication

Outside click detection can be tricky when overlays are nested such as a dropdown inside an overlay panel, since both are appended to document body and hide themselves when outside of their content is clicked, various issues occur like selecting the dropdown option hiding the overlay panel. Now overlays communicate with each other internally and decide when to hide. Built-in z-index layering also has been greatly enhanced. These doesn’t require any configuration, it just works! Actually this is one of the nice things about using a component library from the same vendor so that components can work in harmony.

Changelog

View the changelog for more details.

Migration Guide

There are some changes due to the new table scrolling implementation, ChartJS v3 update and deprecated FullCalendar component.  Refer to the migration guide for more information.

Download

PrimeNG is licensed under MIT and free to download at NPM.

Roadmap

After the final release, our team will focus on the accessibility work where each component will have a dedicated accessibility section for screen and keyboard support along with scored from audit tools. In addition, various new blocks will be added to the new PrimeBlocks project.