[terra-data-grid] Flowsheet Data Grid - Row Selection

[smason0]

Summary

What was changed:
Added new prop onRowSelect to FlowsheetDataGrid. This allows consumers to add behavior for when a cell in the row header column is selected. An example has also been added to the docs.

Why it was changed:
This change is needed to remain passive with the flowsheet functionality expected by some consumers. The example of using the onRowSelect callback gives consumers a reference to use when implementing their own callback function.

Testing

This change was tested using:

• WDIO
• Jest
• Visual testing (please attach a screenshot or recording)
• Other (please describe below)
• No tests are needed

Reviews

In addition to engineering reviews, this PR needs:

• UX review
• Accessibility review
• Functional review

Additional Details

This PR resolves:

UXPLATFORM-9735

---

Thank you for contributing to Terra.
@cerner/terra

[mjpalazzo]

@smason0 - Overall the Flowsheet row selection example works well, but I observed one issue when testing with Edge/JAWS. I used the Down Arrow key to navigate to a row and pressed Space to select the row. JAWS announced, "Space, Row 2 selected" as expected. I pressed Down Arrow to navigate to row 3. AWS announced, "Space, Row 3 selected, row 1 unselected" JAWS announced the wrong index for the unselected row. I tested with Safari/VO as well and observed the same issue.

[eawww]

@mjpalazzo this sounds like what was fixed by #1906 . Should be good once those changes make it into this branch.

[smason0]

@mjpalazzo As @eawww said, that might have been because I was on an older revision of main. I have now pulled in the fix #1906 into the base of my branch.

[eawww]

This will require the same a11y work detailed for table single select but it works correctly aside from that.

[smason0]

@smason0 - Overall the Flowsheet row selection example works well, but I observed one issue when testing with Edge/JAWS. I used the Down Arrow key to navigate to a row and pressed Space to select the row. JAWS announced, "Space, Row 2 selected" as expected. I pressed Down Arrow to navigate to row 3. AWS announced, "Space, Row 3 selected, row 1 unselected" JAWS announced the wrong index for the unselected row. I tested with Safari/VO as well and observed the same issue.

During testing of the most recent deployment, we've confirmed the described issue is now fixed.