[Data table] Range selection with keyboard modifier (shift-select) for batch actions

[dianasanborn]

What package is this for?

• [x] React
• [ ] Angular

Carrying issue over from internal PAL github repo as this is a development request/enhancement by @zuliani

———

Description Most desktop OSes, desktop applications and many web application support "range selection" prior to batch or bulk actions. For example, selecting one item or row, then holding shift while clicking another item or row also selects all the items or rows in-between.

Name of Pattern or Asset Data table row and batch actions > Batch actions https://pages.github.ibm.com/ai-applications/design/components/datatable/rowactions https://pages.github.ibm.com/ai-applications/design/components/datatable/rowactions#batch-actions

User outcome User would like to select a continuous set of rows or objects without selecting each checkbox, but also not selecting all items in the data table. User would like to use known iteraction patterns like shift-click to select a range of rows or objects.

Proposal Document shift-click range selection behavior on web site. Add support in PAL and Graphite code.

Additional context Doesn't seem to work with current data table components from Carbon, PAL or Graphite. Does work in other web applications like Gmail and Outlook.