Create Jupyter widget for Captum Insights

[J0Nreynolds]

• Make AppBase React component that can be used for both widget and webapp
• Create Widget React component to handle view-logic for Captum Insights widget
• Create widget module to handle model-logic for Captum Insights widget
• Modify AttributionVisualizer to either serve the webapp or render the widget
• Refactor React app to use CSS modules for scoped styling
• Update build script for Captum Insights
• Update README

[edward-io]

Awesome! I'll give it a more thorough review tomorrow, can you check why the tests are failing?

[edward-io]

This is fantastic! Thanks for working on this. Looks good to me.

Can you format your Javascript code using Prettier?

[edward-io]

why leave this here? should we just move it all into the css module?

[J0Nreynolds]

I believe the main purpose of CSS modules is to allow locally scoped styles linked to classnames. For that reason, I put all class-specific styles in the App.module.css file and all global styles in App.css. A CSS selector like this isn't directly accessible by CSS modules since there's no classname tied to it.

Example: if we import the CSS modules like so:

import styles from "./App.module.css";

You can't refer to styles.button, but you can use styles.btn since .btn is a classname.

That being said, global styles like button { ... } will still work as expected when placed in a CSS modules file.

[edward-io]

I'm wondering if we should move this into the .btn class, does it influence the Jupyter notebook at all?

[J0Nreynolds]

I believe the Jupyter notebook buttons are already styled to have cursor: pointer;, but I think it would be more proper to scope this locally in the .btn class.

[J0Nreynolds]

Formatted JS code with Prettier and moved WebApp react component to its own file.

[edward-io]

Rebase to master and resolve the merge conflicts please :) Otherwise, LGTM.