ebi-gene-expression-group / scxa-experiment-page-tsne-plot-view / 167

78%

push

travis-ci

Feature #156538237 - Add colouring by metadata (#9)

* Added react-select and updated dependencies.

* Replaced k value HTML select box with a React Select component. Added metadata options to the dropdown, with grouping for options in the dropdown. Changed event handling such that the colour by option category is taken into account, and the API request URL changes accordingly. Added metadata values to Demo.js.  Some parts of the code are still WIP.

* Extracted select box into its own separate component. Replaced perplexity dropdown with the react-select one to make the UI more consistent.

* Added PlotSettingsDropdown component. Added selection of default value for the two dropdown boxes. Swapped the series colours around so that similar colours are further away from each other.

* Removed unused props and imports.

* Added default value for selectColourByCategory variable. Removed k-related props and state variables from Demo.js.

* Added dependency on styled components. Added the same dropdown icon as the faceted search component, to maintain consistency across the application.

* Changed styling to wide format, to match the SC web app. Fixed failing tests and updated snapshots.

* Added some tests for PlotSettingsDropdown. Added some conditional formatting and an additional proptype.

* Modified option formatting code to take a label, as well as a value.

* Changed height of chart to match what is displayed in the web app. Enabled legend and positioned it at the top of the plot. Changed the tooltip to say cluster name rather than ID.

* Fixed issue where tooltip was being cut off on the right side of the plot. Added CSS to override overflow rules for svgs.

* Fixed failing test. Updated snapshots.

* Moved legend to the bottom of the plot. Removed unnecessary CSS rule.

* Slighly increased tooltip width.

* Changed align property to American spelling.

* Small changes following code review.

57 of 77 branches covered (74.03%)

Branch coverage included in aggregate %.

137 of 152 relevant lines covered (90.13%)

3822.74 hits per line