GitLab

- Created the ExpandableSection shared component
- Created the species page accordion
- Created the sample-data and the transformation function to populate the species homepage accordion including the example links
Co-authored-by: Andrey Azov <andrey@ebi.ac.uk>

Also, fixed extra width bug in EntityViewer transcripts view
that was caused by moving transcript-wrapping divs via `transform: translate`

* New selected species lozenge component with tests and stories

- New question icon
- Updated styles for QuestionButton
- Use the `useHover` hook in QuestionButton
- Update QuestionButton
- Replace the `dl` and `dd`-based markup for BrowserTrackConfig
  with a div-based one
- Remove default 40px width from SlideToggle 

Notable:
- Typescript v3 -> v4
- Storybook v5 -> v6
  - changed stories from `storiesOf` format to component story format
- Postcss-loader v3 -> v4
- D3 v5 -> v6

* Design review changes - 2

* Updates to left column in transcript list
Co-authored-by: Andrey Azov <andrey@ebi.ac.uk>

Add generic stats component for the species page

- Add the skeleton species page (/species/:genome_id)
- If species has not yet been selected, request its genome info and add it to the list of selected species
- Remove /app from the url
- Remove the Content component. Useless.
- Set up very basic redux state for the sidebar (open/close)
- Fix occasionally failing test of Checkbox

* Test data for first draft of species page accordion - ENSWEBREL-744

* Revert "Test data for first draft of species page accordion - ENSWEBREL-744"

This reverts commit b4f0c8b9.

* Test data for first draft of species page accordion - ENSWEBREL-744

* Entity viewer design review changes
* Scaleswitcher changed to entityTypeIndicator and move it to global shared component

Also:
- add modal component
- add CloseButton component

- also, disable tabs in gene view for panels that have no content

- Remove message counter from messaging to/from genome browser
- Update useBrowserRouting to avoid reporting location from url back to genome browser
  if it's the same location that genome browser sent to React

The view was always getting set as transcripts as the default value was defined in the wrong place.

The following states are now maintained in entity viewer:
- View
- Expanded transcripts
- Expanded transcript downloads
- Expanded proteins

This commit fixes the issues with restoring the track states in the following scenarios:
- Restoring after browser refresh
- Switching between species
- Switching between apps

Changes that required manual intervention:

- webpack-merge no longer has default export
- replaced apollo-boost and @apollo/react-hooks with apollo-client v.3
- ran npx browserslist@latest --update-db to update caniuse-lite

* add protein sequence download

* fix wrong cds sequence

* fix styling of protein sequend download

* PR suggestions

* fix download wrapper styling

* Export soft-black colour and added to storybook

* fix tabs button alignment

* ENSWBSITES-497: filter and sort component

* PR #303 feedback

* fix classname merging

* PR #303 feedback, renaming component, fix size for smaller screen

* Reduc box sizes so that it align with transcript image below

* Remove entityviewer transcriptfilter as this is not used anywhere

* Improved checkbox and radio styling (same layout for both)

* fix classname issue

* Added checkbox with long labels and in grid layout

* Fix test case failing because of styles empty when no classnames passed as props

* Update the Checkbox component to avoid modifying the scss import

* Update tests

* fullwidth for filterbox is 100% by default
Co-authored-by: Andrey Azov <andrey@ebi.ac.uk>

* Use web thoas endpoint

* Use proper genomeID

* Remove TODO

* Use helper to parse stable_id

* Get objectId

* Change to .build-nginx-wp

* Update Ngnixreview

* Add thoas proxy in dev config

* Remove /thoas from target URL

* Sample date for homo_sapiens_GCA_000001405_14

* Change thoas url
Co-authored-by: Kamal Dodiya <kamal@ebi.ac.uk>