Covalent Beta 4 released!

Data Tables take center stage in Covalent 1.0.0-beta.4

tl;dr: Lots of Data Table features, Loader async/boolean support, new Messages component, Pagination jump ahead features, and Angular v4 loading optimization (also Datepicker from Angular-Material beta.5!)

Github / Docs & Demo / Changelog

Important note: To enforce optimized bundle size & lazy loading, the CovalentCoreModule has been removed so you only import what you need (it’s a good thing).

New Data Table Features

The Covalent Data Table is one of the most widely used component in Teradata products so we’re focusing efforts around popular feature requests such as keyboard support for tabbing & selection, hiding columns, customizing search options and click events on rows.

Keyboard multi-selection with shift + space/enter is a productivity dream!

• data-table: ability to exclude columns when filtering data (11c3d15a12b789d561fdb19bc1bad62d7a2f5eb3), closes #513
• data-table: ability to hide data table columns (0ccb19190a6376adcd2345a1a62c642a38b2f11b), closes #511
• data-table: indeterminate state in ‘selectAll’ checkbox (bd0f7bcd64845801b96fb57a3de42e914da947f6), closes #571
• data-table: (rowClick) event for datatable rows enabled by new [clickable] input (4f84c6ce493996fd749b55d2012f9eb6f4a9e367), closes #468
• data-table: select event will be trigger only when clicking on checkbox (4f84c6ce493996fd749b55d2012f9eb6f4a9e367), closes #592
• data-table: shift-click for multiple row selection/deselection (4f84c6ce493996fd749b55d2012f9eb6f4a9e367)
• data-table: improved keyboard a11y for row selection (space, enter, up, down, tab) (4f84c6ce493996fd749b55d2012f9eb6f4a9e367)

New Loading Features

Loading now supports async observables and manual toggles, which provides more granular control.

• loading: support for async and boolean with [until] input (d57bf6757eb3426bd7404edb4b0d1d51c46f6478), closes #528

New Messages Component

An all new component for providing user feedback via colors messages with icons, label & sublabel, perfect for alerts, info, warning, errors, and success messages.

• message: introducing message module for easy display of inline messages or info boxes (8a517fb516ea2344a6471d22ec6b23b8fca8fc60), closes #316

New Pagination Features

The Pager component now has an optional page jump feature with the ability to set a custom number of links. When advancing, the current page will intelligently jump to the center focus.

• paging: ability to jump to page n with page links in TdPagingBarComponent(459dcb3186a72d4e3f5d51108b7723698a13fffa), closes #496

Other improvements:

Disable adding of chips

• chips: ability to disable chip addition (input). (1c75d35b3a399b2236ec49000e2c85af57552723), closes #500

New File service formData property & cancel event

• file: add new [formData] property to TdFileService#upload options (77c89acd4ba83b43754ce422fd74e6351e2a6297), closes #546
• file-upload: add cancel event when cancel button is pressed (9e3be77fb885928fb54e01adb8d023c3e26d7800), closes #499

contentReady event binding for Highlight & Markdown

• highlight: added (contentReady) event binding. (b3e800cb5342722a50a97292bc81ea8282d3659e), closes #553
• markdown: added (contentReady) event binding. (cdf6cad19b3972259e78809aaff5aca6ba408bb1), closes #536

Optional navigationRoute for Layouts

• layout: if [navigationRoute] is not set, then the icon/logo/title will not be navigatable. (dda9b4b5fa6f2b44ce558665c49f1f06b0390237)

Angular v4.1 & Material beta.5 support

• dependencies: upgrade to @angular@4.1.0 (78327a9002b93cba01da766dd2b3da0c9cee8099)
• dependencies: upgrade to material@beta.5 (b802efbc59e912b8c49fcc8540c77ff98eb829f3)

What’s up next for Covalent?

As we continue the march to a Release Candidate, Data Table will receive more advanced features (like multi column sort & advanced filtering), and Autocomplete will receive new template options.