Feat/tree view improvements

[rustem-nasyrov]

Close #2639
Close #2638
Close #2545
Close #2661

Description

• Keyboard navigation
• Refactoring and improvements
• VueBook: added demo for testing keyboard navigation

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)

[m0ksem]

Looks good for me. Have you found a guide for keyboard navigation somewhere? I would like to select node with space, because for now I need to select checkbox with tab and then go back.

If you used some guide, for example, w3c, how about mentioning it in docs?

[rustem-nasyrov]

Looks good for me. Have you found a guide for keyboard navigation somewhere? I would like to select node with space, because for now I need to select checkbox with tab and then go back.

What you think about this scenario:

• Pressing on space key will emit selected event while tree view isn't in selectable mode.
• Pressing on space key will toggle checkbox (selectable mode).

If you used some guide, for example, w3c, how about mentioning it in docs?

I've used this guide from MDN.

[m0ksem]

Looks good for me. Have you found a guide for keyboard navigation somewhere? I would like to select node with space, because for now I need to select checkbox with tab and then go back.

What you think about this scenario:

* Pressing on `space` key will emit `selected` event while tree view isn't in `selectable` mode.

* Pressing on `space` key will toggle checkbox (`selectable` mode).

If you used some guide, for example, w3c, how about mentioning it in docs?

I've used this guide from MDN.

So let's use space as described here: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/tree_role#multi-select_keyboard_interactions

[aluarius]

Great job, i've done with code. Next i'll leave a few suggestions related to fucntionality.

[aluarius]

I've tried space and enter to expand it and just eventually realized, that here used right-left. Imo should be updated. But can't find suitable specification - only for navigation treeview, but this component is common, not only for navigation.

[aluarius]

I give up :) All specifications say that enter-space should select node. But for me it looks unobvious.