feat(component-gallery): ComponentPicker with automatic folder nesting [1.5h]

[mesqueeb]

Prerequisite

#19

Goal

Currently a picker grid or list would render atoms / molecules based on this code:

const { atoms, molecules } = getComponentPaths(componentFilesList)

Instead, we want to auto-detect all folders inside a "componentFilesList" and render all components found inside any folder. Not just atoms and molecules.

In the future, if people want to only show atoms and molecules like the original implementation, they can just pass that into the "include" prop to the component-gallery:

<ComponentGallery :include="['atoms/', 'molecules/']" />

So we make a list with all folders; subfolders & components, and we somehow display it nested in both the "ComponentPickerGrid" and "ComponentPickerList"

• implement the above

• deprecate the formElementPrefix prop. If the dev wants something like this, he can just group his "form elements" into a sub-folder in atoms.