Table of Contents component

[kylesuss]

A highly dynamic table of contents component to be used in the consumers. The challenges w/ this component were mostly related to state management given the following constraints:

• The TOC can have a random combination of different types of children (I called them "menu", "link", and "bullet link")
• The TOC should be able to have the state of all of its children controlled at once externally (a button to expand/collapse all)
• Changing pate path activates menu items that were not previously open
• Keyboard navigation opens menu items that were not previously open so you can tab through the entire menu

[domyen]

The size of this component is pretty daunting. Can we break ToC apart into two components: one for the "List" and the other for the "ListItems"?

[kylesuss]

@domyen sure thing. I think it was one of those things I thought belonged together at the beginning because you'll never use them individually, but agreed that it got too big. I ended up separating more in this way:

1. State management
2. List
3. List items

There is 1 caveat to that which is 1 of the list items is a recursive component render of the list iteself, so it is not broken out further (it lives in TableOfContentsItems).

[domyen]

lgtm, thanks @kylesuss

[kylesuss]

🚀 PR was released in v5.1.6 🚀