chore: download project manifest (#3328) (#3660)

Co-authored-by: Fran McDade <franmcdade@Frans-MacBook-Pro.local>

Author: frano-m

explorer/app/components/index.tsx

@@ -34,6 +34,7 @@ export { ExportSummary } from "@clevercanary/data-explorer-ui/lib/components/Exp
 export { ExportToTerraForm } from "@clevercanary/data-explorer-ui/lib/components/Export/components/ExportToTerra/components/ExportToTerraForm/exportToTerraForm";
 export { TerraSetUpForm } from "@clevercanary/data-explorer-ui/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/terraSetUpForm";
 export { ExportToTerra } from "@clevercanary/data-explorer-ui/lib/components/Export/components/ExportToTerra/exportToTerra";
+export { ManifestDownloadEntity } from "@clevercanary/data-explorer-ui/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/manifestDownloadEntity";
 export { ManifestDownloadForm } from "@clevercanary/data-explorer-ui/lib/components/Export/components/ManifestDownload/components/ManifestDownloadForm/manifestDownloadForm";
 export { ManifestDownload } from "@clevercanary/data-explorer-ui/lib/components/Export/components/ManifestDownload/manifestDownload";
 export { AzulFileDownload } from "@clevercanary/data-explorer-ui/lib/components/Index/components/AzulFileDownload/azulFileDownload";
@@ -59,7 +60,6 @@ export { Description } from "@clevercanary/data-explorer-ui/lib/components/Proje
 export { Details } from "@clevercanary/data-explorer-ui/lib/components/Project/components/Details/details";
 export { Publications } from "@clevercanary/data-explorer-ui/lib/components/Project/components/Publications/publications";
 export { SupplementaryLinks } from "@clevercanary/data-explorer-ui/lib/components/Project/components/SupplementaryLinks/supplementaryLinks";
-export { TitledText } from "@clevercanary/data-explorer-ui/lib/components/Project/components/TitledText/titledText";
 export { ExportMethodView } from "@clevercanary/data-explorer-ui/lib/views/ExportMethodView/exportMethodView";
 export { Fade } from "./common/Fade/fade";
 export { MdxMarkdown } from "./common/MDXMarkdown/mdxMarkdown";

explorer/app/viewModelBuilders/azul/hca-dcp/common/viewModelBuilders.ts

@@ -858,6 +858,25 @@ export const buildManifestDownload = (
   };
 };
 
+/*
+ * Build props for ManifestDownloadEntity component.
+ * @param projectsResponse - Response model return from the entity response API.
+ * @returns model to be used as props for the ManifestDownloadEntity component.
+ */
+export const buildManifestDownloadEntity = (
+  projectsResponse: ProjectsResponse
+): React.ComponentProps<typeof C.ManifestDownloadEntity> => {
+  // Get the initial filters.
+  const filters = getExportEntityFilters(projectsResponse);
+  // Get the metadata filters.
+  const metadataFilters = getMetadataFilters(filters);
+  return {
+    fileManifestType: FILE_MANIFEST_TYPE.ENTITY_DOWNLOAD_MANIFEST,
+    filters,
+    metadataFilters,
+  };
+};
+
 /**
  * Build props for the project title Link component from the given entity response.
  * @param projectsResponse - Response model return from the entity response API.
@@ -1482,6 +1501,20 @@ export function getGeneratedMatricesMatrixCellCountColumnDef<
   };
 }
 
+/**
+ * Returns the metadata filters.
+ * @param filters - Filters.
+ * @returns metadata filters.
+ */
+function getMetadataFilters(filters: Filters): Filters {
+  const metadataFilters = [...filters];
+  metadataFilters.push({
+    categoryKey: HCA_DCP_CATEGORY_KEY.CONTENT_DESCRIPTION,
+    value: ["Database entry metadata"],
+  });
+  return metadataFilters;
+}
+
 /**
  * Returns props for NTagCell component from the given entity and entity key.
  * @param projectMatrixTableView - Project matrix view (by species).

explorer/package-lock.json

@@ -33,7 +33,7 @@
     "test:anvil-catalog": "playwright test -c playwright_anvil-catalog.config.ts"
   },
   "dependencies": {
-    "@clevercanary/data-explorer-ui": "0.43.0",
+    "@clevercanary/data-explorer-ui": "0.44.0",
     "@emotion/react": "11.11.1",
     "@emotion/styled": "11.11.0",
     "@mdx-js/loader": "^2.3.0",

explorer/package.json

@@ -1,12 +1,11 @@
 import { ComponentConfig } from "@clevercanary/data-explorer-ui/lib/config/entities";
+import { ProjectsResponse } from "../../../../../app/apis/azul/hca-dcp/common/responses";
 import * as C from "../../../../../app/components";
+import * as V from "../../../../../app/viewModelBuilders/azul/hca-dcp/common/viewModelBuilders";
 
 export const mainColumn: ComponentConfig[] = [
   {
-    component: C.TitledText,
-    viewBuilder: () => ({
-      text: ["To do."],
-      title: "Metadata Download",
-    }),
-  } as ComponentConfig<typeof C.TitledText>,
+    component: C.ManifestDownloadEntity,
+    viewBuilder: V.buildManifestDownloadEntity,
+  } as ComponentConfig<typeof C.ManifestDownloadEntity, ProjectsResponse>,
 ];

explorer/site-config/hca-dcp/dev/detail/project/metadataMainColumn.ts

@@ -1,8 +1,22 @@
 import { ComponentConfig } from "@clevercanary/data-explorer-ui/lib/config/entities";
 import * as C from "../../../../../app/components";
 import * as MDX from "../../../../../app/content/hca-dcp";
+import * as V from "../../../../../app/viewModelBuilders/azul/hca-dcp/common/viewModelBuilders";
 
 export const sideColumn: ComponentConfig[] = [
+  {
+    children: [
+      {
+        component: C.ExportCurrentQuery,
+        viewBuilder: V.buildExportCurrentQuery,
+      } as ComponentConfig<typeof C.ExportCurrentQuery>,
+      {
+        component: C.ExportSelectedDataSummary,
+        viewBuilder: V.buildExportSelectedDataSummary,
+      } as ComponentConfig<typeof C.ExportSelectedDataSummary>,
+    ],
+    component: C.ExportSummary,
+  } as ComponentConfig<typeof C.ExportSummary>,
   {
     children: [
       {

explorer/site-config/hca-dcp/dev/detail/project/metadataSideColumn.ts

@@ -13,6 +13,8 @@ import { PROJECTS_LABEL } from "../constants";
 import { mainColumn as exportMainColumn } from "../detail/project/exportMainColumn";
 import { sideColumn as exportSideColumn } from "../detail/project/exportSideColumn";
 import { mainColumn as matricesMainColumn } from "../detail/project/matricesMainColumn";
+import { mainColumn as metadataMainColumn } from "../detail/project/metadataMainColumn";
+import { sideColumn as metadataSideColumn } from "../detail/project/metadataSideColumn";
 import { mainColumn as overviewMainColumn } from "../detail/project/overviewMainColumn";
 import { sideColumn as overviewSideColumn } from "../detail/project/overviewSideColumn";
 import { mainColumn as projectFilesMainColumn } from "../detail/project/projectFilesMainColumn";
@@ -34,12 +36,12 @@ export const projectsEntityConfig: EntityConfig = {
         route: "",
         sideColumn: overviewSideColumn,
       },
-      // {
-      //   label: "Metadata",
-      //   mainColumn: metadataMainColumn,
-      //   route: "project-metadata",
-      //   sideColumn: metadataSideColumn,
-      // },
+      {
+        label: "Metadata",
+        mainColumn: metadataMainColumn,
+        route: "project-metadata",
+        sideColumn: metadataSideColumn,
+      },
       {
         label: "Matrices",
         mainColumn: matricesMainColumn,