Table column and row selection

[talldan]

Status: This is blocked by #17084, better keyboard nav is required for accessibility of the column/row selection buttons in this PR

Description

Closes #16294

This is an early exploration of adding buttons for selecting entire table/columns/rows in the table block.

At the moment I'm trying a few different approaches. In the current version, while you can select columns/rows or the entire table, you can't actually do anything with the selection. 😁

Update: you can now insert columns/rows before/after the selected columns/rows.

How has this been tested?

Screenshots

Types of changes

New feature (non-breaking change which adds functionality)

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• My code follows the accessibility standards.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.

[mapk]

I know this is in early stages, so this is just an early design review 😉

I'm really enjoying the ability to select an entire row or column. It's such a needed improvement!

1. It would be great to hide all the row/column selection buttons when the block is not selected. I'd like to see the Table aligned with the rest of the content as it should be when not selected.

2. There are a lot of table icons in view. Maybe we can change the "Edit" icon to something like the pencil icon instead?

3. A selected row/column shouldn't reveal the hover state b/c it can't be interacted with at this point.

4. I'd also ensure the button and the column/row borders align as well.

[talldan]

Thanks @mapk, great to get some feedback, really good points, will look into making those changes. 😄

[ocean90]

The blocking issue has been fixed in #22105.