Integrates EDA components in WDK views

[dmfalke]

fixes #1311 and #1312

This PR integrates EDA components in two WDK contexts:

• A WDK search parameter that utilized EDA subsetting
• A WDK record page that utilizes an EDA visualization (scatterplot)

In the case of the WDK search parameter, we are using a WDK stringParam and using a custom React component (EdaSubsettingParameter) to integrate EDA subsetting in the search page. A process query will take the subset descriptor and use it to request a tabular report of gene IDs from the EDA service.

Part of this work required extracting analysis modification code from the useAnalysis hook, to prevent synchronization issues related to managing state. There is a new hook called useAnalysisState that the EdaSubsettingParameter component and the useAnalysis hook are both using.

---

TODOs

• Extract useAnalysisState hook from useAnalysis
• Hide starred variable UI
• Simplify EDA Workspace context provisioning
• Use global memoization for client api modules
• Figure out how to find the correct output entity for subsetting (Assume we can use the root entity, for now. If, in the future, this is not adequate, then we can use a property list in the model to define the output entity).

[bobular]

Reviewed and understood the big picture of extracting useAnalysisState() from useAnalysis() 😄

[dmfalke]

Reviewed and understood the big picture of extracting useAnalysisState() from useAnalysis() 😄

Thanks! Happy to answer any questions.

[dmfalke]

@asizemore I just pushed some commits that uses an eda scatterplot in the phenotype section of gene pages.

I am testing it with a local genomics-site dev server.

In packages/sites/genomics-site/.env:

BASE_PROXY_URL=https://qa.toxodb.org
LEGACY_WEB_APP_URL=${BASE_PROXY_URL}/toxo
PROJECT_ID=ToxoDB

Run yarn nx start @veupathdb/genomics-site and navigate to http://localhost:8080/a/app/record/gene/TGGT1_261490#category:phenomics.

Let me know if you have questions.