(impact: medium) vcd-datagrid does not preserve selection when filtering

[georgiatanasov147]

Prerequisites

[Check these off before submitting an issue].

• Are you running the latest version? OR Are you submitting a bug for a prior version?
• Did you perform a basic issue search?

For more information, see the CONTRIBUTING guide.

Description

When filtering the vcd-datagrid, the selection gets lost. The [preserveSelection] input does not work as expected.

Impact

1. The end user experience can be improved.
2. Using [preserveSelection] is misleading.

Steps to Reproduce

1. Create a simple component and use the vcd-datagrid in the template
2. Add filterable columns and single selection
3. Set the [preserveSelection] to true
4. Populate some data
5. Select an entity and filter by any column

Expected behavior:
The selected item should be preserved.

Actual behavior:
Selection is not lost.

Versions

1. Package version (run npm version) 15.0.1-dev.4
2. Node Version (run node -v) 14.20.1
3. OS Version Windows/MAC
4. Browser Version Chrome 113.0.5672.93

Stackblitz

The following stackblitz examples can be used:

• https://vmware.github.io/vmware-cloud-director-ui-components/datagrid/example/datagrid-filter
• https://vmware.github.io/vmware-cloud-director-ui-components/datagrid/example/datagrid-row-select