Show/Hide Columns TreeView

Depends on #358

I’m not sure if TreeViews have native checkmarks like the design implies, but I could be wrong.

Extra context:

As stated previously we are in the process of moving a lot of the functionality that currently resides in the experiments webview into the extension. We are doing this so that we can provide a more native UX/UI. We’ll be exposing the following functionality via the LHS side bar:

1. Show / hide columns
2. Filter rows based on values

We’ll be doing this by (mainly) utilising VS Code’s tree view and quick pick functionality.

#521 is in the process of being finalised. The purpose of that PR is to close #358. That means that we can shift the responsibility that we just removed from the webview (#546) to the extension.

The first step in our rough plan is to implement the above design (more in figma) in a tree view and then as a second step wire it up to the react table. In order to add the tree we’ll probably need to add a view container (see this section) to house the show / hide columns tree.

Notes:

1. There is a lot of information here, please ask questions.
2. The existing plan is rough / a guideline and should change as we get more information.
3. We previously had a view container in the code base so feel free to checkout extension/package.json’s commit history.
4. The data structure shown in #521 is up for debate and can / should be changed to cater for the tree view (it has been built primarily to cater for React-table’s needs.
5. There is a high probability that there will be some API limitations that will need to be worked around.
6. We have an example of a tree view already in the code base (extension/src/fileSystem/views/trackedExplorerTree.ts).

[BubblesSOC]

I hope to get started on this one over the weekend, but I’ve specifically set aside time on Monday and Tuesday (6/14-15) to focus on this 😊

[BubblesSOC]

Celebrated too soon. Still seeing the yaml error 😦

To remove the virtual environment, do I delete demo/.env?