ref!: convert internal grid templates to renderers

[vursen]

Description

Previously, some internal grid components used Polymer templates to render a pre-defined cell content.

The PR introduces the concept of default renders and converts all the internal grid templates to default renderers.

• ref!: vaadin-grid-selection-column (see breaking change below)
• ref: vaadin-grid-filter-column
• ref: vaadin-grid-sort-column
• ref: vaadin-grid-tree-column

Fixes #1963

Related to #326 (removing the Polymer Template API from grids)

Computed renderers

I found the logic of computing a final renderer to render is quite messy and not obvious to work with. The renderers used to be re-assigned in different observers, so that made it hard to know which renderer is being used at the moment.

After a refactoring, all such the logic has been moved to computed properties, e.g:

• __computeHeaderRenderer
• __computeRenderer
• __computeFooterRenderer

Breaking change in the Selection Column

Setting the path property for the selection column is no longer supported.

Before:

const column = document.createElement('vaadin-grid-selection-column');

column.header = 'custom header text'; // Overrides the header cell content

column.path = 'property.0.title'; // Overrides the body cells content

After:

const column = document.createElement('vaadin-grid-selection-column');

column.header = 'custom header text'; // Overrides the header cell content

column.path = 'property.0.title'; // Doesn't affect the column anymore!

Type of change

• Internal change

Checklist

• I have read the contribution guide: https://vaadin.com/docs-beta/latest/guide/contributing/overview/
• I have added a description following the guideline.
• The issue is created in the corresponding repository and I have referenced it.
• I have added tests to ensure my change is effective and works as intended.
• New and existing tests are passing locally with my change.
• I have performed self-review and corrected misspellings.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities
0 Security Hotspots
5 Code Smells

No Coverage information
0.0% Duplication

[web-padawan]

LGTM 👍