[Table / Table Row] Programmatically setting selected on Table Rows does not update Table's selection UI

[macandcheese]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

When programmatically selecting or deselecting Table Rows - the Table "selection UI" will not update (the counts shown in Chips, or the "select all" icon / cell in the Table until the component is interacted with and a re-render occurs.

Expected Behavior

I'd expect the Table to update when Table Row's selected state is updated programmatically.

Reproduction Sample

https://codepen.io/mac_and_cheese/pen/mybwRNV?editors=1000

Reproduction Steps

1. Go to Codepen.
2. Note that items are pre-selected.
3. Use the Button to programmatically de-select the Rows.
4. Notice the Table Row display updates, but the Table "count chips" and "selection icon / cell" do not.
5. Uncomment the workaround
6. Use the button again to see expected behavior.

Reproduction Version

2.13.2

Relevant Info

No response

Regression?

No response

Priority impact

impact - p2 - want for an upcoming milestone

Impact

A workaround is to "reset" the selectionMode property programmatically which will cause a re-render, and the counts and display to update correctly.

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (design)