chore(TableComposable): Update Selectable example to use shift + select

[nicolethoen]

What: Closes #6032

Updated Composable: Selectable example to implement a shift + select feature to demonstrate how to allow people to select intermediate rows all at once.

[patternfly-build]

PF4 preview: https://patternfly-react-pr-6188.surge.sh
A11y report: https://patternfly-react-pr-6188-a11y.surge.sh

[mcarrano]

@nicolethoen This works well but only the first time I try it. If I select a range and then clear some items, shift-clicking again won't reselect them. I can only do that if I clear the selection and start over. I attached a video to demonstrate this.

Shift-Click.mov

Not totally sure what is correct, but I think that what I expected is that shift-select would always grab everything between my current item and last selected item. Does that make sense?

[nicolethoen]

@mcarrano oh - it's working as I intended - but I realize that what your describing is how gmail works, so I can update that.

[kmcfaul]

LGTM!

[tlabaj]

Looks great Nicole. Works as expected.

[mcarrano]

Looks good to me, also!

[mturley]

This is great, thanks @nicolethoen! It looks like it will probably fit right into my converted example as-is in #6168 once I rebase. This is also a great candidate feature for the useSelectionState hook I want to try and pitch as a PF extension soon! Could simplify this all to one function call. http://konveyor-lib-ui.surge.sh/?path=/docs/hooks-useselectionstate--checkboxes