@databiosphere/findable-ui 49.6.0 → 50.1.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "49.6.0"
+  ".": "50.1.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## [50.1.0](https://github.com/DataBiosphere/findable-ui/compare/v50.0.0...v50.1.0) (2026-03-20)
+
+
+### Features
+
+* add dataset-specific analytics events for exports ([#831](https://github.com/DataBiosphere/findable-ui/issues/831)) ([aea5262](https://github.com/DataBiosphere/findable-ui/commit/aea526241a92767f51ed7f8540869484502a1478))
+
+## [50.0.0](https://github.com/DataBiosphere/findable-ui/compare/v49.6.0...v50.0.0) (2026-03-20)
+
+
+### ⚠ BREAKING CHANGES
+
+* update minor dependencies to resolve npm audit vulnerabilities ([#828](https://github.com/DataBiosphere/findable-ui/issues/828))
+
+### Bug Fixes
+
+* update 'open to terra' button to be a href ([#825](https://github.com/DataBiosphere/findable-ui/issues/825)) ([#826](https://github.com/DataBiosphere/findable-ui/issues/826)) ([49f686a](https://github.com/DataBiosphere/findable-ui/commit/49f686ac3eae32c9dbe3dfb1762f5c7a62a1ed12))
+* update nih account title to include researcher auth service (ras) ([#832](https://github.com/DataBiosphere/findable-ui/issues/832)) ([#833](https://github.com/DataBiosphere/findable-ui/issues/833)) ([bc424e6](https://github.com/DataBiosphere/findable-ui/commit/bc424e66e2babe513faf12302070bec67554d4be))
+
+
+### Chores
+
+* update minor dependencies to resolve npm audit vulnerabilities ([#827](https://github.com/DataBiosphere/findable-ui/issues/827)) ([954fe91](https://github.com/DataBiosphere/findable-ui/commit/954fe91ff941bb0abfedcb5dd0e10d773d6b5cd4))
+* update minor dependencies to resolve npm audit vulnerabilities ([#828](https://github.com/DataBiosphere/findable-ui/issues/828)) ([954fe91](https://github.com/DataBiosphere/findable-ui/commit/954fe91ff941bb0abfedcb5dd0e10d773d6b5cd4))
+
 ## [49.6.0](https://github.com/DataBiosphere/findable-ui/compare/v49.5.0...v49.6.0) (2026-03-12)
 
 

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

@@ -5,6 +5,8 @@ export type DataLayer = any;
 export declare enum EVENT_NAME {
     BULK_DOWNLOAD_REQUESTED = "bulk_download_requested",
     CHAT_SUBMITTED = "chat_submitted",
+    DATASET_ANALYZE_IN_TERRA_REQUESTED = "dataset_analyze_in_terra_requested",
+    DATASET_FILE_MANIFEST_REQUESTED = "dataset_file_manifest_requested",
     ENTITY_SELECTED = "entity_selected",
     ENTITY_TABLE_PAGINATED = "entity_table_paginated",
     ENTITY_TABLE_SORTED = "entity_table_sorted",

package/lib/common/analytics/entities.js

@@ -5,6 +5,8 @@ export var EVENT_NAME;
 (function (EVENT_NAME) {
     EVENT_NAME["BULK_DOWNLOAD_REQUESTED"] = "bulk_download_requested";
     EVENT_NAME["CHAT_SUBMITTED"] = "chat_submitted";
+    EVENT_NAME["DATASET_ANALYZE_IN_TERRA_REQUESTED"] = "dataset_analyze_in_terra_requested";
+    EVENT_NAME["DATASET_FILE_MANIFEST_REQUESTED"] = "dataset_file_manifest_requested";
     EVENT_NAME["ENTITY_SELECTED"] = "entity_selected";
     EVENT_NAME["ENTITY_TABLE_PAGINATED"] = "entity_table_paginated";
     EVENT_NAME["ENTITY_TABLE_SORTED"] = "entity_table_sorted";

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

@@ -4,6 +4,14 @@
  * @param toolName - Tool name.
  */
 export declare function trackBulkDownloadRequested(entity_name: string, toolName: string): void;
+/**
+ * Executes event tracking for the dataset file manifest export.
+ */
+export declare function trackDatasetFileManifestRequested(): void;
+/**
+ * Executes event tracking for the dataset Terra export.
+ */
+export declare function trackDatasetExportToTerraRequested(): void;
 /**
  * Executes event tracking for the file manifest export.
  * @param entity_name - Entity (tab) name.

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

@@ -12,6 +12,18 @@ export function trackBulkDownloadRequested(entity_name, toolName) {
         [EVENT_PARAM.TOOL_NAME]: toolName,
     });
 }
+/**
+ * Executes event tracking for the dataset file manifest export.
+ */
+export function trackDatasetFileManifestRequested() {
+    track(EVENT_NAME.DATASET_FILE_MANIFEST_REQUESTED);
+}
+/**
+ * Executes event tracking for the dataset Terra export.
+ */
+export function trackDatasetExportToTerraRequested() {
+    track(EVENT_NAME.DATASET_ANALYZE_IN_TERRA_REQUESTED);
+}
 /**
  * Executes event tracking for the file manifest export.
  * @param entity_name - Entity (tab) name.

package/lib/components/Export/components/ExportToTerra/components/ExportToTerraReady/exportToTerraReady.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ButtonPrimary } from "../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
 import { FluidPaper } from "../../../../../common/Paper/paper.styles";
 import { ANCHOR_TARGET, REL_ATTRIBUTE, } from "../../../../../Links/common/entities";
 import { Section, SectionActions, SectionContent, } from "../../../../export.styles";
+import { BUTTON_PROPS } from "../../../../../../styles/common/mui/button";
+import { Button, Link } from "@mui/material";
 export const ExportToTerraReady = ({ ExportToTerraSuccess, exportURL, }) => {
-    const onOpenTerra = () => {
-        window.open(exportURL, ANCHOR_TARGET.BLANK, REL_ATTRIBUTE.NO_OPENER_NO_REFERRER);
-    };
-    return (_jsx(FluidPaper, { children: _jsxs(Section, { children: [_jsx(SectionContent, { children: _jsx(ExportToTerraSuccess, {}) }), _jsx(SectionActions, { children: _jsx(ButtonPrimary, { onClick: onOpenTerra, children: "Open Terra" }) })] }) }));
+    return (_jsx(FluidPaper, { children: _jsxs(Section, { children: [_jsx(SectionContent, { children: _jsx(ExportToTerraSuccess, {}) }), _jsx(SectionActions, { children: _jsx(Button, { color: BUTTON_PROPS.COLOR.PRIMARY, component: Link, href: exportURL, rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER, target: ANCHOR_TARGET.BLANK, variant: BUTTON_PROPS.VARIANT.CONTAINED, children: "Open Terra" }) })] }) }));
 };

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/components/ConnectTerraToNIHAccount/connectTerraToNIHAccount.js

@@ -6,5 +6,5 @@ export const ConnectTerraToNIHAccount = ({ active, completed, step, }) => {
     const onGotoTutorial = () => {
         window.open("https://support.terra.bio/hc/en-us/articles/32634034451099-RAS-Integration-for-AnVIL-Data-Launching-3-25-26", ANCHOR_TARGET.BLANK, REL_ATTRIBUTE.NO_OPENER_NO_REFERRER);
     };
-    return (_jsx(FormStep, { action: _jsx(ButtonPrimary, { onClick: onGotoTutorial, children: "Go to Tutorial" }), active: active, completed: completed, step: step, text: _jsx("p", { children: "Next, connect your Terra account to your NIH account by following the tutorial below." }), title: "Connect Terra to your NIH account" }));
+    return (_jsx(FormStep, { action: _jsx(ButtonPrimary, { onClick: onGotoTutorial, children: "Go to Tutorial" }), active: active, completed: completed, step: step, text: _jsx("p", { children: "Next, connect your Terra account to your NIH Researcher Auth Service (RAS) account by following the tutorial below." }), title: "Connect Terra to your NIH Researcher Auth Service (RAS) account" }));
 };

package/lib/components/Export/components/ExportToTerra/exportToTerra.d.ts

@@ -10,8 +10,9 @@ export interface ExportToTerraProps {
     fileSummaryFacetName: string;
     filters: Filters;
     formFacet: FormFacet;
+    isDatasetExport?: boolean;
     manifestDownloadFormat?: ManifestDownloadFormat;
     manifestDownloadFormats: ManifestDownloadFormat[];
     speciesFacetName: string;
 }
-export declare const ExportToTerra: ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, manifestDownloadFormat, manifestDownloadFormats, speciesFacetName, }: ExportToTerraProps) => JSX.Element;
+export declare const ExportToTerra: ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, isDatasetExport, manifestDownloadFormat, manifestDownloadFormats, speciesFacetName, }: ExportToTerraProps) => JSX.Element;

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

@@ -6,10 +6,10 @@ import { useFileManifestFileCount } from "../../../../hooks/useFileManifest/useF
 import { useFileManifestFormat } from "../../../../hooks/useFileManifest/useFileManifestFormat";
 import { useRequestFileLocation } from "../../../../hooks/useRequestFileLocation";
 import { useRequestManifest } from "../../../../hooks/useRequestManifest/useRequestManifest";
-import { trackExportToTerraRequested } from "../../common/tracking";
+import { trackDatasetExportToTerraRequested, trackExportToTerraRequested, } 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, speciesFacetName, }) => {
+export const ExportToTerra = ({ ExportForm, ExportToTerraStart, ExportToTerraSuccess, fileManifestState, fileSummaryFacetName, filters, formFacet, isDatasetExport = false, manifestDownloadFormat, manifestDownloadFormats, speciesFacetName, }) => {
     const { exploreState: { tabValue: entityList }, } = useExploreState();
     useFileManifest(filters, fileSummaryFacetName);
     useFileManifestFileCount(filters, speciesFacetName, fileSummaryFacetName);
@@ -18,9 +18,14 @@ export const ExportToTerra = ({ ExportForm, ExportToTerraStart, ExportToTerraSuc
     const { data, isLoading, run } = useRequestFileLocation(requestUrl, requestMethod);
     const exportURL = useExportToTerraResponseURL(requestParams, data);
     return exportURL ? (_jsx(ExportToTerraReady, { ExportToTerraSuccess: ExportToTerraSuccess, exportURL: exportURL })) : (_jsx(ExportToTerraNotStarted, { ExportTerraForm: ExportForm, ExportToTerraStart: ExportToTerraStart, fileManifestFormatState: fileManifestFormatState, fileManifestState: fileManifestState, formFacet: formFacet, isLoading: isLoading, manifestDownloadFormats: manifestDownloadFormats, onRequestManifest: () => {
-            // Execute GA tracking
-            trackExportToTerraRequested(entityList);
-            // Request manifest
+            // Execute GA tracking.
+            if (isDatasetExport) {
+                trackDatasetExportToTerraRequested();
+            }
+            else {
+                trackExportToTerraRequested(entityList);
+            }
+            // Request manifest.
             run();
         } }));
 };

package/lib/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/components/FileManifestDownload/fileManifestDownload.js

@@ -4,6 +4,7 @@ import copy from "copy-to-clipboard";
 import { useDownloadStatus } from "../../../../../../../../hooks/useDownloadStatus";
 import { useFileManifestDownload } from "../../../../../../../../hooks/useFileManifest/useFileManifestDownload";
 import { useLoginGuard } from "../../../../../../../../providers/loginGuard/hook";
+import { trackDatasetFileManifestRequested } from "../../../../../../common/tracking";
 import { BUTTON_PROPS } from "../../../../../../../common/Button/constants";
 import { ButtonGroup } from "../../../../../../../common/ButtonGroup/buttonGroup";
 import { ContentCopyIconSmall, DownloadIconSmall, } from "../../../../../../../common/CustomIcon/common/constants";
@@ -17,7 +18,12 @@ export const FileManifestDownload = ({ filters, }) => {
     const { fileName, isIdle, isLoading, manifestURL, requestManifest } = useFileManifestDownload(filters);
     // Prompt user for login before download and copy, if required.
     const { requireLogin } = useLoginGuard();
-    return (_jsx(FluidPaper, { children: _jsxs(GridPaper, { children: [_jsx(SectionTitle, { children: "File Manifest" }), _jsxs(TableContainer, { children: [_jsx(Loading, { loading: isLoading, panelStyle: LOADING_PANEL_STYLE.INHERIT }), _jsx(GridTable, { gridTemplateColumns: "auto 1fr", children: _jsx(TableBody, { children: _jsx(TableRow, { children: isIdle || isLoading ? (_jsx(TableCell, { children: _jsx(Tooltip, { ...TOOLTIP_PROPS, title: message, children: _jsx("span", { children: _jsx(Button, { ...BUTTON_PROPS.PRIMARY_CONTAINED, disabled: disabled || isLoading, onClick: () => requireLogin(requestManifest), children: "Request link" }) }) }) })) : (_jsxs(_Fragment, { children: [manifestURL && (_jsx(TableCell, { children: _jsx(ButtonGroup, { Buttons: [
+    return (_jsx(FluidPaper, { children: _jsxs(GridPaper, { children: [_jsx(SectionTitle, { children: "File Manifest" }), _jsxs(TableContainer, { children: [_jsx(Loading, { loading: isLoading, panelStyle: LOADING_PANEL_STYLE.INHERIT }), _jsx(GridTable, { gridTemplateColumns: "auto 1fr", children: _jsx(TableBody, { children: _jsx(TableRow, { children: isIdle || isLoading ? (_jsx(TableCell, { children: _jsx(Tooltip, { ...TOOLTIP_PROPS, title: message, children: _jsx("span", { children: _jsx(Button, { ...BUTTON_PROPS.PRIMARY_CONTAINED, disabled: disabled || isLoading, onClick: () => {
+                                                        requireLogin(() => {
+                                                            trackDatasetFileManifestRequested();
+                                                            requestManifest();
+                                                        });
+                                                    }, children: "Request link" }) }) }) })) : (_jsxs(_Fragment, { children: [manifestURL && (_jsx(TableCell, { children: _jsx(ButtonGroup, { Buttons: [
                                                         _jsx(Button, { download: true, href: manifestURL, children: _jsx(DownloadIconSmall, {}) }, "download"),
                                                         _jsx(Button, { onClick: () => copy(manifestURL), children: _jsx(ContentCopyIconSmall, {}) }, "copy"),
                                                     ] }) })), _jsx(TableCell, { children: manifestURL

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databiosphere/findable-ui",
-  "version": "49.6.0",
+  "version": "50.1.0",
   "description": "",
   "scripts": {
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
@@ -25,7 +25,7 @@
     "@commitlint/cli": "^20.2.0",
     "@commitlint/config-conventional": "^20.2.0",
     "@emotion/jest": "^11.14.2",
-    "@next/eslint-plugin-next": "^15.5.9",
+    "@next/eslint-plugin-next": "^15.5.13",
     "@storybook/nextjs-vite": "^10.1.10",
     "@testing-library/react": "^16.3.1",
     "@types/d3": "^7.4.3",
@@ -36,7 +36,7 @@
     "@types/react-window": "^1.8.5",
     "@typescript-eslint/eslint-plugin": "^8.50.0",
     "eslint": "^8.57.1",
-    "eslint-config-next": "^15.5.9",
+    "eslint-config-next": "^15.5.13",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-jsdoc": "^61.5.0",
@@ -69,7 +69,7 @@
     "gray-matter": "^4.0.3",
     "isomorphic-dompurify": "^2.34.0",
     "ky": "^1.7.2",
-    "next": "^15.5.9",
+    "next": "^15.5.13",
     "next-auth": "^4.24.13",
     "next-mdx-remote": "^5.0.0",
     "react": "^19.2.3",

package/src/common/analytics/entities.ts

@@ -7,6 +7,8 @@ export type DataLayer = any;
 export enum EVENT_NAME {
   BULK_DOWNLOAD_REQUESTED = "bulk_download_requested",
   CHAT_SUBMITTED = "chat_submitted",
+  DATASET_ANALYZE_IN_TERRA_REQUESTED = "dataset_analyze_in_terra_requested",
+  DATASET_FILE_MANIFEST_REQUESTED = "dataset_file_manifest_requested",
   ENTITY_SELECTED = "entity_selected",
   ENTITY_TABLE_PAGINATED = "entity_table_paginated",
   ENTITY_TABLE_SORTED = "entity_table_sorted",

package/src/components/Export/common/tracking.ts

@@ -17,6 +17,20 @@ export function trackBulkDownloadRequested(
   });
 }
 
+/**
+ * Executes event tracking for the dataset file manifest export.
+ */
+export function trackDatasetFileManifestRequested(): void {
+  track(EVENT_NAME.DATASET_FILE_MANIFEST_REQUESTED);
+}
+
+/**
+ * Executes event tracking for the dataset Terra export.
+ */
+export function trackDatasetExportToTerraRequested(): void {
+  track(EVENT_NAME.DATASET_ANALYZE_IN_TERRA_REQUESTED);
+}
+
 /**
  * Executes event tracking for the file manifest export.
  * @param entity_name - Entity (tab) name.

package/src/components/Export/components/ExportToTerra/components/ExportToTerraReady/exportToTerraReady.tsx

@@ -1,5 +1,4 @@
 import { JSX, ElementType } from "react";
-import { ButtonPrimary } from "../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
 import { FluidPaper } from "../../../../../common/Paper/paper.styles";
 import {
   ANCHOR_TARGET,
@@ -10,6 +9,8 @@ import {
   SectionActions,
   SectionContent,
 } from "../../../../export.styles";
+import { BUTTON_PROPS } from "../../../../../../styles/common/mui/button";
+import { Button, Link } from "@mui/material";
 
 export interface ExportToTerraReadyProps {
   ExportToTerraSuccess: ElementType;
@@ -20,13 +21,6 @@ export const ExportToTerraReady = ({
   ExportToTerraSuccess,
   exportURL,
 }: ExportToTerraReadyProps): JSX.Element => {
-  const onOpenTerra = (): void => {
-    window.open(
-      exportURL,
-      ANCHOR_TARGET.BLANK,
-      REL_ATTRIBUTE.NO_OPENER_NO_REFERRER,
-    );
-  };
   return (
     <FluidPaper>
       <Section>
@@ -34,7 +28,16 @@ export const ExportToTerraReady = ({
           <ExportToTerraSuccess />
         </SectionContent>
         <SectionActions>
-          <ButtonPrimary onClick={onOpenTerra}>Open Terra</ButtonPrimary>
+          <Button
+            color={BUTTON_PROPS.COLOR.PRIMARY}
+            component={Link}
+            href={exportURL}
+            rel={REL_ATTRIBUTE.NO_OPENER_NO_REFERRER}
+            target={ANCHOR_TARGET.BLANK}
+            variant={BUTTON_PROPS.VARIANT.CONTAINED}
+          >
+            Open Terra
+          </Button>
         </SectionActions>
       </Section>
     </FluidPaper>

package/src/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/components/ConnectTerraToNIHAccount/connectTerraToNIHAccount.tsx

@@ -34,11 +34,11 @@ export const ConnectTerraToNIHAccount = ({
       step={step}
       text={
         <p>
-          Next, connect your Terra account to your NIH account by following the
-          tutorial below.
+          Next, connect your Terra account to your NIH Researcher Auth Service
+          (RAS) account by following the tutorial below.
         </p>
       }
-      title="Connect Terra to your NIH account"
+      title="Connect Terra to your NIH Researcher Auth Service (RAS) account"
     />
   );
 };

package/src/components/Export/components/ExportToTerra/exportToTerra.tsx

@@ -9,7 +9,10 @@ import { useRequestFileLocation } from "../../../../hooks/useRequestFileLocation
 import { useRequestManifest } from "../../../../hooks/useRequestManifest/useRequestManifest";
 import { FileManifestState } from "../../../../providers/fileManifestState";
 import { FormFacet, ManifestDownloadFormat } from "../../common/entities";
-import { trackExportToTerraRequested } from "../../common/tracking";
+import {
+  trackDatasetExportToTerraRequested,
+  trackExportToTerraRequested,
+} from "../../common/tracking";
 import { ExportToTerraNotStarted } from "./components/ExportToTerraNotStarted/exportToTerraNotStarted";
 import { ExportToTerraReady } from "./components/ExportToTerraReady/exportToTerraReady";
 
@@ -21,6 +24,7 @@ export interface ExportToTerraProps {
   fileSummaryFacetName: string;
   filters: Filters; // Initializes export to terra filters.
   formFacet: FormFacet;
+  isDatasetExport?: boolean;
   manifestDownloadFormat?: ManifestDownloadFormat;
   manifestDownloadFormats: ManifestDownloadFormat[];
   speciesFacetName: string;
@@ -34,6 +38,7 @@ export const ExportToTerra = ({
   fileSummaryFacetName,
   filters,
   formFacet,
+  isDatasetExport = false,
   manifestDownloadFormat,
   manifestDownloadFormats,
   speciesFacetName,
@@ -68,9 +73,13 @@ export const ExportToTerra = ({
       isLoading={isLoading}
       manifestDownloadFormats={manifestDownloadFormats}
       onRequestManifest={(): void => {
-        // Execute GA tracking
-        trackExportToTerraRequested(entityList);
-        // Request manifest
+        // Execute GA tracking.
+        if (isDatasetExport) {
+          trackDatasetExportToTerraRequested();
+        } else {
+          trackExportToTerraRequested(entityList);
+        }
+        // Request manifest.
         run();
       }}
     />

package/src/components/Export/components/ManifestDownload/components/ManifestDownloadEntity/components/FileManifestDownload/fileManifestDownload.tsx

@@ -5,6 +5,7 @@ import { Filters } from "../../../../../../../../common/entities";
 import { useDownloadStatus } from "../../../../../../../../hooks/useDownloadStatus";
 import { useFileManifestDownload } from "../../../../../../../../hooks/useFileManifest/useFileManifestDownload";
 import { useLoginGuard } from "../../../../../../../../providers/loginGuard/hook";
+import { trackDatasetFileManifestRequested } from "../../../../../../common/tracking";
 import { BUTTON_PROPS } from "../../../../../../../common/Button/constants";
 import { ButtonGroup } from "../../../../../../../common/ButtonGroup/buttonGroup";
 import {
@@ -59,7 +60,12 @@ export const FileManifestDownload = ({
                         <Button
                           {...BUTTON_PROPS.PRIMARY_CONTAINED}
                           disabled={disabled || isLoading}
-                          onClick={() => requireLogin(requestManifest)}
+                          onClick={(): void => {
+                            requireLogin(() => {
+                              trackDatasetFileManifestRequested();
+                              requestManifest();
+                            });
+                          }}
                         >
                           Request link
                         </Button>