@databiosphere/findable-ui 12.0.0 → 14.0.0

package/.github/workflows/release-please.yml

@@ -0,0 +1,48 @@
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: write
+  pull-requests: write
+
+name: release-please
+
+jobs:
+  release-please:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: googleapis/release-please-action@v4
+        id: release
+        with:
+          # this assumes that you have created a personal access token
+          # (PAT) and configured it as a GitHub action secret named
+          # `MY_RELEASE_PLEASE_TOKEN` (this secret name is not important).
+          token: ${{ secrets.RELEASE_PLEASE_TOKEN }}
+          # This is a built-in strategy in release-please, see "Action Inputs" for more options
+          release-type: node
+
+      # The logic below handles the npm publication:
+      - uses: actions/checkout@v4
+
+      # These if statements ensure that a publication only occurs when a new release is created:
+      - uses: actions/setup-node@v4
+        if: ${{ steps.release.outputs.release_created }}
+        with:
+          node-version: 20
+          registry-url: "https://registry.npmjs.org"
+
+      - name: Install dependencies
+        if: ${{ steps.release.outputs.release_created }}
+        run: npm ci
+
+      - name: Compile
+        if: ${{ steps.release.outputs.release_created }}
+        run: npx tsc
+
+      - name: Publish to NPM
+        if: ${{ steps.release.outputs.release_created }}
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.DATABIOSPHERE_FINDABLE_UI_NPM_PUBLISH_TOKEN }} # Ensure this token is scoped to only the permissions required for npm publication to limit security risks.

package/.github/workflows/run-checks.yml

@@ -1,31 +1,57 @@
 name: Run checks
-on: [pull_request]
+on:
+  pull_request:
+    branches:
+      - "**"
 
 jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
         with:
           node-version: "20.10.0"
+          cache: "npm"
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Check code format
+        run: npm run check-format
+
+      - name: Run linter
+        run: npm run lint
+
+      - name: Run tests
+        run: npm run test
 
-      - run: |
-          npm ci
-          npm run check-format
-          npm run lint
-          npm run test
-          npm run test-compile
+      - name: Test compilation
+        run: npm run test-compile
 
   install-without-lock:
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
-      - uses: actions/setup-node@v2
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
         with:
           node-version: "20.10.0"
+          cache: "npm"
+
+      - name: Remove package lock
+        run: rm package-lock.json
+
+      - name: Install dependencies without lock
+        run: npm install
+
+      - name: Run tests
+        run: npm run test
 
-      - run: |
-          rm package-lock.json
-          npm install
-          npm run test-compile
+      - name: Test compilation
+        run: npm run test-compile

package/.prettierignore

@@ -1,5 +1,6 @@
 # general
 README.md
+CHANGELOG.md
 
 # testing
 coverage

package/CHANGELOG.md

@@ -0,0 +1,49 @@
+# Changelog
+
+## [14.0.0](https://github.com/DataBiosphere/findable-ui/compare/v13.0.1...v14.0.0) (2024-11-05)
+
+
+### ⚠ BREAKING CHANGES
+
+* update banner components ([#253](https://github.com/DataBiosphere/findable-ui/issues/253)) (#255)
+* simplify alert components ([#252](https://github.com/DataBiosphere/findable-ui/issues/252)) (#254)
+* fix mui error "cannot resolve @mui/utils/getReactNodeRef" ([#242](https://github.com/DataBiosphere/findable-ui/issues/242)) (#243)
+
+### Features
+
+* add 'testid' prop interface ([#247](https://github.com/DataBiosphere/findable-ui/issues/247)) ([#250](https://github.com/DataBiosphere/findable-ui/issues/250)) ([1e494e0](https://github.com/DataBiosphere/findable-ui/commit/1e494e0b7279035b820dcacf16efc4d1f55d7a1e))
+* added and updated index export tracking ([#222](https://github.com/DataBiosphere/findable-ui/issues/222)) ([#224](https://github.com/DataBiosphere/findable-ui/issues/224)) ([15e861d](https://github.com/DataBiosphere/findable-ui/commit/15e861de5a2411e5cbb9d24b137ef62ff48695c4))
+* remove unused titlecell component ([#248](https://github.com/DataBiosphere/findable-ui/issues/248)) ([#249](https://github.com/DataBiosphere/findable-ui/issues/249)) ([51a7c4f](https://github.com/DataBiosphere/findable-ui/commit/51a7c4f8877990dd4a7fef23ddce543e4913f885))
+* simplify alert components ([#252](https://github.com/DataBiosphere/findable-ui/issues/252)) ([#254](https://github.com/DataBiosphere/findable-ui/issues/254)) ([18f3e54](https://github.com/DataBiosphere/findable-ui/commit/18f3e54ef73bedd585b1c162fcabd0cbe74cc8bf))
+* update banner components ([#253](https://github.com/DataBiosphere/findable-ui/issues/253)) ([#255](https://github.com/DataBiosphere/findable-ui/issues/255)) ([d9c87c7](https://github.com/DataBiosphere/findable-ui/commit/d9c87c73c7b0e018c639c98ca8100b12112afe5d))
+* update mui link theme styles ([#245](https://github.com/DataBiosphere/findable-ui/issues/245)) ([#246](https://github.com/DataBiosphere/findable-ui/issues/246)) ([7f401b8](https://github.com/DataBiosphere/findable-ui/commit/7f401b8eba6c53daec2a40e825220e8506bc95b3))
+
+
+### Bug Fixes
+
+* fix cookie banner color ([#239](https://github.com/DataBiosphere/findable-ui/issues/239)) ([#251](https://github.com/DataBiosphere/findable-ui/issues/251)) ([54b2802](https://github.com/DataBiosphere/findable-ui/commit/54b2802ce83168c5f79860c2baf53c7148e19767))
+* fix mui error "cannot resolve @mui/utils/getReactNodeRef" ([#242](https://github.com/DataBiosphere/findable-ui/issues/242)) ([#243](https://github.com/DataBiosphere/findable-ui/issues/243)) ([4b832ac](https://github.com/DataBiosphere/findable-ui/commit/4b832acd7b18511781ce4046df9c4e9454896991))
+
+## [13.0.1](https://github.com/DataBiosphere/findable-ui/compare/v13.0.0...v13.0.1) (2024-10-18)
+
+
+### Bug Fixes
+
+* give release-please workflow step an id ([#235](https://github.com/DataBiosphere/findable-ui/issues/235)) ([#236](https://github.com/DataBiosphere/findable-ui/issues/236)) ([420733f](https://github.com/DataBiosphere/findable-ui/commit/420733f3d6dc51f44301b06476550f499b4ffbd3))
+
+## [13.0.0](https://github.com/DataBiosphere/findable-ui/compare/v12.0.0...v13.0.0) (2024-10-18)
+
+
+### ⚠ BREAKING CHANGES
+
+* use ky with limited retries instead of axios ([#203](https://github.com/DataBiosphere/findable-ui/issues/203)) (#216)
+
+### Features
+
+* remove dry run from npm publish ([#231](https://github.com/DataBiosphere/findable-ui/issues/231)) ([#234](https://github.com/DataBiosphere/findable-ui/issues/234)) ([f44d0c3](https://github.com/DataBiosphere/findable-ui/commit/f44d0c3cb2859af6b87d33f5f6e16673db77ec52))
+* use ky with limited retries instead of axios ([#203](https://github.com/DataBiosphere/findable-ui/issues/203)) ([#216](https://github.com/DataBiosphere/findable-ui/issues/216)) ([ec18080](https://github.com/DataBiosphere/findable-ui/commit/ec18080e3191f99a88e9ddec174c9f953d9e3a41))
+
+
+### Bug Fixes
+
+* add changelog to gitignore ([#232](https://github.com/DataBiosphere/findable-ui/issues/232)) ([#233](https://github.com/DataBiosphere/findable-ui/issues/233)) ([b99ba34](https://github.com/DataBiosphere/findable-ui/commit/b99ba34088199b561b38493888206ed475a209e4))

package/jest.config.js

@@ -1,5 +1,5 @@
 /** @type {import('ts-jest').JestConfigWithTsJest} */
 module.exports = {
-  preset: "ts-jest",
+  preset: "ts-jest/presets/js-with-ts-esm",
   testEnvironment: "jest-environment-jsdom",
 };

package/lib/common/analytics/entities.d.ts

@@ -7,20 +7,18 @@ export declare enum EVENT_NAME {
     ENTITY_SELECTED = "entity_selected",
     ENTITY_TABLE_PAGINATED = "entity_table_paginated",
     ENTITY_TABLE_SORTED = "entity_table_sorted",
-    FILTER_SELECTED = "filter_selected"
+    FILTER_SELECTED = "filter_selected",
+    INDEX_ANALYZE_IN_TERRA_REQUESTED = "index_analyze_in_terra_requested",
+    INDEX_FILE_MANIFEST_REQUESTED = "index_file_manifest_requested"
 }
 /**
  * Set of analytics event parameters.
  */
 export declare enum EVENT_PARAM {
-    CATALOG = "catalog",
     COLUMN_NAME = "column_name",
-    CURRENT_QUERY = "current_query",
     ENTITY_NAME = "entity_name",
-    ENTITY_TYPE = "entity_type",
     FILTER_NAME = "filter_name",
     FILTER_VALUE = "filter_value",
-    INDEX = "index",
     PAGINATION_DIRECTION = "pagination_direction",
     SORT_DIRECTION = "sort_direction",
     TOOL_NAME = "tool_name"
@@ -44,10 +42,7 @@ export declare enum SORT_DIRECTION {
  */
 export type EventParams = {
     [EVENT_NAME.BULK_DOWNLOAD_REQUESTED]: {
-        [EVENT_PARAM.CATALOG]: string;
-        [EVENT_PARAM.CURRENT_QUERY]: string;
-        [EVENT_PARAM.ENTITY_TYPE]: string;
-        [EVENT_PARAM.INDEX]: string;
+        [EVENT_PARAM.ENTITY_NAME]: string;
         [EVENT_PARAM.TOOL_NAME]: string;
     };
     [EVENT_NAME.ENTITY_SELECTED]: {
@@ -66,4 +61,10 @@ export type EventParams = {
         [EVENT_PARAM.FILTER_NAME]: string;
         [EVENT_PARAM.FILTER_VALUE]: string;
     };
+    [EVENT_NAME.INDEX_ANALYZE_IN_TERRA_REQUESTED]: {
+        [EVENT_PARAM.ENTITY_NAME]: string;
+    };
+    [EVENT_NAME.INDEX_FILE_MANIFEST_REQUESTED]: {
+        [EVENT_PARAM.ENTITY_NAME]: string;
+    };
 };

package/lib/common/analytics/entities.js

@@ -8,20 +8,18 @@ export var EVENT_NAME;
     EVENT_NAME["ENTITY_TABLE_PAGINATED"] = "entity_table_paginated";
     EVENT_NAME["ENTITY_TABLE_SORTED"] = "entity_table_sorted";
     EVENT_NAME["FILTER_SELECTED"] = "filter_selected";
+    EVENT_NAME["INDEX_ANALYZE_IN_TERRA_REQUESTED"] = "index_analyze_in_terra_requested";
+    EVENT_NAME["INDEX_FILE_MANIFEST_REQUESTED"] = "index_file_manifest_requested";
 })(EVENT_NAME || (EVENT_NAME = {}));
 /**
  * Set of analytics event parameters.
  */
 export var EVENT_PARAM;
 (function (EVENT_PARAM) {
-    EVENT_PARAM["CATALOG"] = "catalog";
     EVENT_PARAM["COLUMN_NAME"] = "column_name";
-    EVENT_PARAM["CURRENT_QUERY"] = "current_query";
     EVENT_PARAM["ENTITY_NAME"] = "entity_name";
-    EVENT_PARAM["ENTITY_TYPE"] = "entity_type";
     EVENT_PARAM["FILTER_NAME"] = "filter_name";
     EVENT_PARAM["FILTER_VALUE"] = "filter_value";
-    EVENT_PARAM["INDEX"] = "index";
     EVENT_PARAM["PAGINATION_DIRECTION"] = "pagination_direction";
     EVENT_PARAM["SORT_DIRECTION"] = "sort_direction";
     EVENT_PARAM["TOOL_NAME"] = "tool_name";

package/lib/components/Export/common/tracking.d.ts

@@ -1,7 +1,16 @@
 /**
  * Executes event tracking for bulk download.
- * @param index - Index.
+ * @param entity_name - Entity (tab) name.
  * @param toolName - Tool name.
- * @param requestParams - Request params.
  */
-export declare function bulkDownloadTracking(index: string, toolName: string, requestParams?: URLSearchParams): void;
+export declare function bulkDownloadTracking(entity_name: string, toolName: string): void;
+/**
+ * Executes event tracking for the file manifest export.
+ * @param entity_name - Entity (tab) name.
+ */
+export declare function fileManifestTracking(entity_name: string): void;
+/**
+ * Executes event tracking for the Terra export.
+ * @param entity_name - Entity (tab) name.
+ */
+export declare function exportToTerraTracking(entity_name: string): void;

package/lib/components/Export/common/tracking.js

@@ -2,23 +2,33 @@ import { track } from "../../../common/analytics/analytics";
 import { EVENT_NAME, EVENT_PARAM } from "../../../common/analytics/entities";
 /**
  * Executes event tracking for bulk download.
- * @param index - Index.
+ * @param entity_name - Entity (tab) name.
  * @param toolName - Tool name.
- * @param requestParams - Request params.
  */
-export function bulkDownloadTracking(index, toolName, requestParams) {
-    if (!requestParams) {
-        return;
-    }
-    // Grab catalog and current query from the request params.
-    const catalog = requestParams.get("catalog"); // Catalog will be defined.
-    const currentQuery = requestParams.get("filters"); // Filters will be defined.
+export function bulkDownloadTracking(entity_name, toolName) {
     // Track the bulk download requested event.
     track(EVENT_NAME.BULK_DOWNLOAD_REQUESTED, {
-        [EVENT_PARAM.CATALOG]: catalog,
-        [EVENT_PARAM.CURRENT_QUERY]: currentQuery,
-        [EVENT_PARAM.ENTITY_TYPE]: "Bulk Download",
-        [EVENT_PARAM.INDEX]: index,
+        [EVENT_PARAM.ENTITY_NAME]: entity_name,
         [EVENT_PARAM.TOOL_NAME]: toolName,
     });
 }
+/**
+ * Executes event tracking for the file manifest export.
+ * @param entity_name - Entity (tab) name.
+ */
+export function fileManifestTracking(entity_name) {
+    // Track the file manifest requested event.
+    track(EVENT_NAME.INDEX_FILE_MANIFEST_REQUESTED, {
+        [EVENT_PARAM.ENTITY_NAME]: entity_name,
+    });
+}
+/**
+ * Executes event tracking for the Terra export.
+ * @param entity_name - Entity (tab) name.
+ */
+export function exportToTerraTracking(entity_name) {
+    // Track the export to terra event.
+    track(EVENT_NAME.INDEX_ANALYZE_IN_TERRA_REQUESTED, {
+        [EVENT_PARAM.ENTITY_NAME]: entity_name,
+    });
+}

package/lib/components/Export/components/DownloadCurlCommand/downloadCurlCommand.d.ts

@@ -13,5 +13,5 @@ interface DownloadCurlCommandProps {
     filters: Filters;
     formFacet: FormFacet;
 }
-export declare const DownloadCurlCommand: ({ DownloadCurlForm, DownloadCurlStart, DownloadCurlSuccess, fileManifestState, fileManifestType, fileSummaryFacetName, filters, formFacet, }: DownloadCurlCommandProps) => JSX.Element;
+export declare const DownloadCurlCommand: ({ DownloadCurlForm, DownloadCurlStart, DownloadCurlSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, }: DownloadCurlCommandProps) => JSX.Element;
 export {};

package/lib/components/Export/components/DownloadCurlCommand/downloadCurlCommand.js

@@ -1,23 +1,21 @@
 import React, { useState } from "react";
 import { MANIFEST_DOWNLOAD_FORMAT } from "../../../../apis/azul/common/entities";
 import { useExploreState } from "../../../../hooks/useExploreState";
-import { FILE_MANIFEST_TYPE, } from "../../../../hooks/useFileManifest/common/entities";
 import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
 import { useRequestFileManifest } from "../../../../hooks/useFileManifest/useRequestFileManifest";
 import { BULK_DOWNLOAD_EXECUTION_ENVIRONMENT, } from "../../common/entities";
 import { bulkDownloadTracking } from "../../common/tracking";
 import { DownloadCurlCommandNotStarted } from "./components/DownloadCurlCommandNotStarted/downloadCurlCommandNotStarted";
 import { DownloadCurlCommandReady } from "./components/DownloadCurlCommandReady/downloadCurlCommandReady";
-export const DownloadCurlCommand = ({ DownloadCurlForm, DownloadCurlStart, DownloadCurlSuccess, fileManifestState, fileManifestType, fileSummaryFacetName, filters, formFacet, }) => {
+export const DownloadCurlCommand = ({ DownloadCurlForm, DownloadCurlStart, DownloadCurlSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, }) => {
     useRequestFileManifest(MANIFEST_DOWNLOAD_FORMAT.CURL, filters, fileSummaryFacetName);
     const [executionEnvironment, setExecutionEnvironment] = useState(BULK_DOWNLOAD_EXECUTION_ENVIRONMENT.BASH);
     const { exploreState: { tabValue: entityList }, } = useExploreState();
-    const { requestParams } = fileManifestState;
     const { data, isLoading, run } = useFileManifest();
     const curlCommand = getBulkDownloadCurlCommand(data, executionEnvironment);
     return curlCommand ? (React.createElement(DownloadCurlCommandReady, { curlCommand: curlCommand, DownloadCurlSuccess: DownloadCurlSuccess })) : (React.createElement(DownloadCurlCommandNotStarted, { DownloadCurlForm: DownloadCurlForm, DownloadCurlStart: DownloadCurlStart, executionEnvironment: executionEnvironment, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, onRequestManifest: () => {
             // Execute GTM tracking.
-            track(fileManifestType, entityList, executionEnvironment, requestParams);
+            bulkDownloadTracking(entityList, executionEnvironment);
             // Request manifest.
             run();
         }, setExecutionEnvironment: setExecutionEnvironment }));
@@ -35,15 +33,3 @@ function getBulkDownloadCurlCommand(fileLocation, executionEnvironment) {
     }
     return commandLine[executionEnvironment];
 }
-/**
- * Executes GTM tracking.
- * @param fileManifestType - File manifest type.
- * @param index - Index.
- * @param toolName - Execution environment.
- * @param requestParams - Request params.
- */
-function track(fileManifestType, index, toolName, requestParams) {
-    if (fileManifestType === FILE_MANIFEST_TYPE.BULK_DOWNLOAD) {
-        bulkDownloadTracking(index, toolName, requestParams);
-    }
-}

package/lib/components/Export/components/ExportMethod/exportMethod.d.ts

@@ -6,5 +6,6 @@ export interface ExportMethodProps {
     isAccessible?: boolean;
     route: string;
     title: string;
+    trackingId?: string;
 }
-export declare const ExportMethod: ({ buttonLabel, description, footnote, isAccessible, route, title, }: ExportMethodProps) => JSX.Element;
+export declare const ExportMethod: ({ buttonLabel, description, footnote, isAccessible, route, title, trackingId, }: ExportMethodProps) => JSX.Element;

package/lib/components/Export/components/ExportMethod/exportMethod.js

@@ -6,7 +6,7 @@ import { FluidPaper } from "../../../common/Paper/paper.styles";
 import { SectionTitle } from "../../../common/Section/components/SectionTitle/sectionTitle";
 import { Section, SectionActions, SectionContent, } from "../../../common/Section/section.styles";
 import { ExportButton, SectionFootnote } from "./exportMethod.styles";
-export const ExportMethod = ({ buttonLabel, description, footnote, isAccessible = true, route, title, }) => {
+export const ExportMethod = ({ buttonLabel, description, footnote, isAccessible = true, route, title, trackingId, }) => {
     const { disabled, message } = useDownloadStatus();
     return (React.createElement(FluidPaper, null,
         React.createElement(Section, null,
@@ -16,7 +16,6 @@ export const ExportMethod = ({ buttonLabel, description, footnote, isAccessible
             React.createElement(SectionActions, null,
                 React.createElement(Tooltip, { arrow: true, title: message },
                     React.createElement("span", null,
-                        React.createElement(Link, { href: route, legacyBehavior: true, passHref: true },
-                            React.createElement(ExportButton, { disabled: disabled || !isAccessible }, buttonLabel))))),
+                        React.createElement(Link, { href: route, legacyBehavior: true, passHref: true }, trackingId ? (React.createElement(ExportButton, { disabled: disabled || !isAccessible, id: trackingId }, buttonLabel)) : (React.createElement(ExportButton, { disabled: disabled || !isAccessible }, buttonLabel)))))),
             footnote && React.createElement(SectionFootnote, null, footnote))));
 };

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/NIHAccountExpiryWarning/nihAccountExpiryWarning.js

@@ -1,13 +1,16 @@
 import React from "react";
 import { expireTimeInSeconds, useAuthenticationNIHExpiry, } from "../../../../../../../../hooks/useAuthentication/useAuthenticationNIHExpiry";
-import { FluidAlert } from "../../../../../../../common/Alert/alert.styles";
+import { Alert } from "../../../../../../../common/Alert/alert";
+import { ALERT_PROPS } from "../../../../../../../common/Alert/constants";
+import { FluidPaper } from "../../../../../../../common/Paper/paper.styles";
 import { Link } from "../../../../../../../Links/components/Link/link";
 export const NIHAccountExpiryWarning = () => {
     const expiryStatus = useAuthenticationNIHExpiry();
     const { isReady, linkExpired, linkExpireTime, linkWillExpire } = expiryStatus || {};
     if (!isReady)
         return null;
-    return linkWillExpire || linkExpired ? (React.createElement(FluidAlert, { severity: "warning", title: React.createElement(React.Fragment, null,
+    return linkWillExpire || linkExpired ? (React.createElement(Alert, { ...ALERT_PROPS.STANDARD_WARNING, component: FluidPaper },
+        React.createElement("span", null,
             React.createElement("span", null, getExpiryMessage(linkExpired, linkExpireTime)),
             " ",
             React.createElement("span", null,
@@ -15,7 +18,7 @@ export const NIHAccountExpiryWarning = () => {
                 " ",
                 React.createElement(Link, { label: "renew your account", url: "https://support.terra.bio/hc/en-us/articles/360038086332-Linking-authorization-accessing-controlled-data-on-external-servers#heading-4" }),
                 " ",
-                "link.")), variant: "banner" })) : null;
+                "link.")))) : null;
 };
 /**
  * Calculates the remaining days until the link expires.

package/lib/components/Export/components/ExportToTerra/exportToTerra.js

@@ -1,13 +1,21 @@
 import React from "react";
+import { useExploreState } from "../../../../hooks/useExploreState";
 import { useExportToTerraResponseURL } from "../../../../hooks/useExportToTerraResponseURL";
 import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
 import { useRequestFileManifest } from "../../../../hooks/useFileManifest/useRequestFileManifest";
+import { exportToTerraTracking } from "../../common/tracking";
 import { ExportToTerraNotStarted } from "./components/ExportToTerraNotStarted/exportToTerraNotStarted";
 import { ExportToTerraReady } from "./components/ExportToTerraReady/exportToTerraReady";
 export const ExportToTerra = ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat, manifestDownloadFormats, }) => {
+    const { exploreState: { tabValue: entityList }, } = useExploreState();
     useRequestFileManifest(manifestDownloadFormat, filters, fileSummaryFacetName);
     const { requestParams } = fileManifestState;
     const { data, isLoading, run } = useFileManifest();
     const exportURL = useExportToTerraResponseURL(requestParams, data);
-    return exportURL ? (React.createElement(ExportToTerraReady, { ExportToTerraSuccess: ExportToTerraSuccess, exportURL: exportURL })) : (React.createElement(ExportToTerraNotStarted, { ExportTerraForm: ExportForm, ExportToTerraStart: ExportToTerraStart, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: run }));
+    return exportURL ? (React.createElement(ExportToTerraReady, { ExportToTerraSuccess: ExportToTerraSuccess, exportURL: exportURL })) : (React.createElement(ExportToTerraNotStarted, { ExportTerraForm: ExportForm, ExportToTerraStart: ExportToTerraStart, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: () => {
+            // Execute GA tracking
+            exportToTerraTracking(entityList);
+            // Request manifest
+            run();
+        } }));
 };

package/lib/components/Export/components/ManifestDownload/manifestDownload.js

@@ -1,14 +1,20 @@
 import React from "react";
 import { MANIFEST_DOWNLOAD_FORMAT } from "../../../../apis/azul/common/entities";
+import { useExploreState } from "../../../../hooks/useExploreState";
 import { useFileManifest } from "../../../../hooks/useFileManifest/useFileManifest";
 import { useRequestFileManifest } from "../../../../hooks/useFileManifest/useRequestFileManifest";
+import { fileManifestTracking } from "../../common/tracking";
 import { ManifestDownloadNotStarted } from "./components/ManifestDownloadNotStarted/manifestDownloadNotStarted";
 import { ManifestDownloadReady } from "./components/ManifestDownloadReady/manifestDownloadReady";
 export const ManifestDownload = ({ fileManifestState, fileSummaryFacetName, filters, formFacet, ManifestDownloadForm, ManifestDownloadStart, ManifestDownloadSuccess, }) => {
     useRequestFileManifest(MANIFEST_DOWNLOAD_FORMAT.COMPACT, filters, fileSummaryFacetName);
+    const { exploreState: { tabValue: entityList }, } = useExploreState();
     const { data, isLoading, run } = useFileManifest();
     const manifestURL = getManifestDownloadURL(data);
-    return manifestURL ? (React.createElement(ManifestDownloadReady, { ManifestDownloadSuccess: ManifestDownloadSuccess, manifestURL: manifestURL })) : (React.createElement(ManifestDownloadNotStarted, { ManifestDownloadForm: ManifestDownloadForm, ManifestDownloadStart: ManifestDownloadStart, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, onRequestManifest: run }));
+    return manifestURL ? (React.createElement(ManifestDownloadReady, { ManifestDownloadSuccess: ManifestDownloadSuccess, manifestURL: manifestURL })) : (React.createElement(ManifestDownloadNotStarted, { ManifestDownloadForm: ManifestDownloadForm, ManifestDownloadStart: ManifestDownloadStart, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, onRequestManifest: () => {
+            fileManifestTracking(entityList);
+            run();
+        } }));
 };
 /**
  * Returns the manifest download URL for the generated manifest.

package/lib/components/Index/components/Hero/components/ExportButton/exportButton.js

@@ -8,5 +8,5 @@ export const ExportButton = () => {
     return (React.createElement(Tooltip, { arrow: true, title: message },
         React.createElement("span", null,
             React.createElement(Link, { href: "/export", legacyBehavior: true, passHref: true },
-                React.createElement(Button, { disabled: disabled || isLoading, href: "passHref" }, "Export")))));
+                React.createElement(Button, { disabled: disabled || isLoading, href: "passHref", id: "button-cohort-export" }, "Export")))));
 };

package/lib/components/Layout/components/Header/components/Content/components/Logo/logo.d.ts

@@ -1,8 +1,8 @@
 import { ImageSrc } from "../../../../../../../common/StaticImage/staticImage";
 import { ANCHOR_TARGET } from "../../../../../../../Links/common/entities";
-export interface LogoProps {
+import { BaseComponentProps } from "../../../../../../../types";
+export interface LogoProps extends BaseComponentProps {
     alt: string;
-    className?: string;
     height?: number;
     link: string;
     src: ImageSrc;

package/lib/components/Layout/components/Header/components/Content/components/Logo/logo.js

@@ -3,5 +3,5 @@ import { StaticImage, } from "../../../../../../../common/StaticImage/staticImag
 import { ANCHOR_TARGET } from "../../../../../../../Links/common/entities";
 import { StyledLink } from "./logo.styles";
 export const Logo = ({ alt, className, height, link, src, target = ANCHOR_TARGET.SELF, width, }) => {
-    return (React.createElement(StyledLink, { className: className, label: React.createElement(StaticImage, { alt: alt, height: height, src: src, width: width }), target: target, url: link }));
+    return (React.createElement(StyledLink, { className: className, label: React.createElement(StaticImage, { alt: alt, height: height, src: src, width: width }), target: target, underline: "none", url: link }));
 };

package/lib/components/Layout/components/Header/components/Content/components/Logo/logo.styles.js

@@ -3,7 +3,6 @@ import { Link } from "../../../../../../../Links/components/Link/link";
 export const StyledLink = styled(Link) `
   &.MuiLink-root {
     flex: none;
-    text-decoration: none !important;
     img {
       margin: 0;
     }

package/lib/components/Links/components/Link/link.d.ts

@@ -1,12 +1,11 @@
 import { LinkProps as MLinkProps } from "@mui/material";
 import { ReactNode } from "react";
 import { TypographyProps } from "../../../common/Typography/common/entities";
+import { BaseComponentProps } from "../../../types";
 import { ANCHOR_TARGET, Url } from "../../common/entities";
-export interface LinkProps {
-    className?: string;
+export interface LinkProps extends BaseComponentProps, Omit<MLinkProps, "children" | "component"> {
     copyable?: boolean;
     label: ReactNode;
-    noWrap?: MLinkProps["noWrap"];
     onClick?: () => void;
     target?: ANCHOR_TARGET;
     TypographyProps?: TypographyProps;

package/lib/components/Links/components/Link/link.js

@@ -15,8 +15,7 @@ export const Link = ({ className, copyable = false, label, noWrap = false, onCli
         if (isClientSideNavigation(url)) {
             /* Client-side navigation */
             return (React.createElement(React.Fragment, null,
-                React.createElement(NLink, { href: url, legacyBehavior: true, passHref: true },
-                    React.createElement(MLink, { className: className, rel: REL_ATTRIBUTE.NO_OPENER, noWrap: noWrap, target: target || ANCHOR_TARGET.SELF, onClick: onClick, ...TypographyProps, ...props }, label)),
+                React.createElement(MLink, { className: className, component: NLink, href: url, noWrap: noWrap, onClick: onClick, rel: REL_ATTRIBUTE.NO_OPENER, target: target || ANCHOR_TARGET.SELF, ...TypographyProps, ...props }, label),
                 copyable && React.createElement(CopyToClipboard, { copyStr: url })));
         }
         if (isValidUrl(url)) {

package/lib/components/Support/components/SupportRequest/components/SupportRequestForm/supportRequestForm.js

@@ -105,8 +105,6 @@ export const SupportRequestForm = ({ setFormSubmitted, supportRequest, }) => {
                 submitting: false,
             }));
             setFormSubmitted(true); // Shows form submitted message.
-            // Execute GTM tracking.
-            // TODO(cc) add GTM tracking.
         }
         catch (error) {
             setFormState((formState) => ({
@@ -131,7 +129,7 @@ export const SupportRequestForm = ({ setFormSubmitted, supportRequest, }) => {
             React.createElement(UploadFile, { isDragActive: isDragActive, label: FORM_CONTROL_LABEL.ATTACHMENT_TOKEN, onAttachmentDeleted: onAttachmentDeleted, open: open, ...formState })),
         React.createElement(Section, null,
             React.createElement(SectionActions, null,
-                React.createElement(ButtonPrimary, { disabled: Boolean(errors) || formState.submitting, fullWidth: true, onClick: onSupportRequestSubmitted }, "Send")))))));
+                React.createElement(ButtonPrimary, { disabled: Boolean(errors) || formState.submitting, fullWidth: true, onClick: onSupportRequestSubmitted, id: "button-support-request" }, "Send")))))));
 };
 /**
  * Build support request model from form values.

package/lib/components/TempError/tempError.d.ts

@@ -1,6 +1,6 @@
-import { AxiosError } from "axios";
+import { HTTPError } from "ky";
 interface TempErrorProps {
-    error: Error | AxiosError;
+    error: Error | HTTPError;
 }
 export declare const TempError: ({ error }: TempErrorProps) => JSX.Element;
 export {};

package/lib/components/TempError/tempError.js

@@ -1,12 +1,12 @@
-import { isAxiosError } from "axios";
+import { HTTPError } from "ky";
 import React from "react";
 import { ErrorBox } from "./components/errorBox";
 export const TempError = ({ error }) => {
-    const { code, request } = isAxiosError(error)
+    const { code, request } = error instanceof HTTPError
         ? {
             ...error,
-            code: error.response?.status,
-            request: error.request.responseURL,
+            code: error.response.status,
+            request: error.response.url,
         }
         : { ...error, code: null, request: null };
     return (React.createElement("div", null,

package/lib/components/common/Alert/alert.d.ts

@@ -1,12 +1,4 @@
-import { AlertProps as MAlertProps } from "@mui/material";
-import { ReactNode } from "react";
-export interface AlertProps {
-    children?: ReactNode;
-    className?: string;
-    color?: MAlertProps["color"];
-    icon?: MAlertProps["icon"];
-    severity: MAlertProps["severity"];
-    title?: ReactNode;
-    variant?: MAlertProps["variant"];
-}
-export declare const Alert: ({ children, className, color, icon, severity, title, variant, }: AlertProps) => JSX.Element;
+import { AlertProps } from "@mui/material";
+import React from "react";
+import { BaseComponentProps } from "../../types";
+export declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps & BaseComponentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/components/common/Alert/alert.js

@@ -1,7 +1,5 @@
-import { AlertTitle, Alert as MAlert, } from "@mui/material";
-import React from "react";
-export const Alert = ({ children, className, color, icon, severity, title, variant = "standard", }) => {
-    return (React.createElement(MAlert, { className: className, color: color, icon: icon, severity: severity, variant: variant },
-        title && React.createElement(AlertTitle, null, title),
-        children));
-};
+import React, { forwardRef } from "react";
+import { StyledAlert } from "./alert.styles";
+export const Alert = forwardRef(function Alert({ children, className, ...props }, ref) {
+    return (React.createElement(StyledAlert, { className: className, ref: ref, ...props }, children));
+});