[Platform]: variant page widgets init

apps/platform/src/pages/VariantPage/Profile.tsx

@@ -1,12 +1,71 @@
+import { Suspense, lazy } from "react";
+import {
+  // PlatformApiProvider,
+  SectionContainer,
+  SummaryContainer,
+  SectionLoader,
+} from "ui";
+
+import InSilicoPredictorsSummary from "sections/src/variant/InSilicoPredictors/Summary";
+import EVASummary from "sections/src/variant/EVA/Summary";
+import UniProtVariantsSummary from "sections/src/variant/UniProtVariants/Summary";
+
 import ProfileHeader from "./ProfileHeader";
 
+const InSilicoPredictorsSection = lazy(() => import("sections/src/variant/InSilicoPredictors/Body"));
+const EVASection = lazy(() => import("sections/src/variant/EVA/Body"));
+const UniProtVariantsSection = lazy(() => import("sections/src/variant/UniProtVariants/Body"));
+
+const summaries = [
+  InSilicoPredictorsSummary,
+  EVASummary,
+  UniProtVariantsSummary
+];
+
+const VARIANT = "variant";
+
+// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+// TO DO (see e.g. profile.jsx for the evidence page):
+// - VARIANT_PROFILE_SUMMARY_FRAGMENT
+// - EVIDENCE_PROFILE_QUERY
+// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+
 type ProfileProps = {
   varId: string;
 };
 
 function Profile({ varId }: ProfileProps) {
 
-  return <ProfileHeader varId={varId} />
+  return (
+    // !!!!!!!!!!
+    // PUT EVERYTHING INSIDE <PlatformApiProvider> INSTEAD OF FRAGMENT
+    // !!!!!!!!!!
+    <>
+
+      <ProfileHeader varId={varId} />
+
+      <SummaryContainer>
+        <InSilicoPredictorsSummary />
+        <EVASummary />
+        <UniProtVariantsSummary />
+      </SummaryContainer>
+
+      <SectionContainer>
+        <Suspense fallback={<SectionLoader />}>
+          <InSilicoPredictorsSection id={varId} label='NO-LABEL!' entity={VARIANT} />
+        </Suspense>
+        <Suspense fallback={<SectionLoader />}>
+          <EVASection id={varId} label='NO-LABEL!' entity={VARIANT} />
+        </Suspense>
+        <Suspense fallback={<SectionLoader />}>
+          <UniProtVariantsSection id={varId} label='NO-LABEL!' entity={VARIANT} />
+        </Suspense>
+        {/* NEED ANYTHING IN <PrivateWrapper> ???? see evidence page */}
+      </SectionContainer>
+
+    </>
+
+  );
 
 }
 

apps/platform/src/pages/VariantPage/types.ts

@@ -1,3 +1,8 @@
+
+// ========
+// Metadata
+// ========
+
 export type AlleleFrequencyType = {
   populationName: string;
   alleleFrequency: number;
@@ -37,5 +42,56 @@ export type MetadataType = {
   alleleType: string;
   alleleFrequencies: AlleleFrequencyType[];
   vep: VepType;
-  inSilicoPredictors: InSilicoPredictorsType;
-};
+};
+
+// ==================
+// InSilicoPredictors
+// ==================
+
+export type InSilicoPredictorsType = {
+  [index: number]: {
+    method: string,
+    assesessment?: string,
+    flag?: string,
+    score?: number,
+  }
+};
+
+// =======
+// ClinVar
+// =======
+
+export type ClinVarType = {
+  alleleOrigins: string[],
+  alleleRequirements: string[],
+  approvedSymbol: string,
+  clinicalSignificances: string[],
+  cohortPhenotypes: string[],
+  confidence: string,
+  directionOnTrait: "risk",
+  "disease.id": string,
+  "disease.name": string,
+  diseaseFromSource: string,
+  diseaseId: string,
+  diseaseName: string,
+  literature: string[],
+  studyId: string,
+  targetId: string,
+  variantId: string,
+};
+
+// ===============
+// UniProtVariants
+// ===============
+
+export type UniProtVariants = {
+  variantId: string,
+  confidence: string,
+  diseaseFromSource: string,
+  literature: string[],
+  targetFromSourceId: string,
+  "target.id": string,
+  "target.approvedSymbol": string,
+  "disease.id": string,
+  "disease.name": string,
+};  

apps/platform/src/sections/variantSections.js

@@ -0,0 +1,7 @@
+import { lazy } from "react";
+
+const variantSections = new Map([
+  ["eva", lazy(() => import("sections/src/evidence/EVA/Body"))],
+]);
+
+export default variantSections;