:atom: Feat/11 React Components

[demariadaniel]

• Iobio Web Components 0.16 adapted to React
• Covers all components used at https://iobio.github.io/iobio-charts/?alignment-url=https://s3.amazonaws.com/iobio/NA12878/NA12878.autsome.bam
• Updated TS declarations
• Basic 'color', 'title' and data key prop config
• Refactor Demo App w/ use of mapped components + util files

[ciaranschutte]

<div key={key} className="row iobio-chart-container"> this should be in the react component it's the boundary for the webcomponent wrapper. if you miss putting it in the charts grow exponentially.

[demariadaniel]

<div key={key} className="row iobio-chart-container"> this should be in the react component it's the boundary for the webcomponent wrapper. if you miss putting it in the charts grow exponentially.

This is true, the web components need to be in a container with explicit height. My thinking was that dimensions and usage will change depending on consumer app. See that I've mapped 5 PercentBoxes in one parent but each Histogram is its own row.