synapse-react-client 4.0.46 → 4.0.47

package/dist/components/ChallengeTeamWizard/SelectChallengeTeam.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/SelectChallengeTeam.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Button, Typography } from '@mui/material'\nimport ChallengeTeamTable from './ChallengeTeamTable'\nimport { Stack } from '@mui/system'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\n\nconst PARTICIPATION_CRITERIA =\n  'To participate in a challenge, you need to create a new Team or join an existing one. \\\n  By default, the participant who creates a team is the \"Team Captain\" and has the ability to invite and remove members. \\\n  All team members will need a Synapse account so that they can login and accept the team invitation.'\n\ntype SelectChallengeTeamProps = {\n  challengeId: string\n  onCreateTeam: () => void\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\nexport const SelectChallengeTeam = ({\n  challengeId,\n  onCreateTeam,\n  selectedTeamId,\n  onSelectTeam,\n}: SelectChallengeTeamProps): React.ReactNode => {\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        {PARTICIPATION_CRITERIA}\n      </Typography>\n      <Box sx={{ height: 270 }}>\n        <ChallengeTeamTable\n          challengeId={challengeId}\n          selectedTeamId={selectedTeamId}\n          onSelectTeam={onSelectTeam}\n        />\n      </Box>\n      <Box>\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={onCreateTeam}\n          startIcon={<AddCircleTwoToneIcon />}\n        >\n          Create New Team\n        </Button>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IACJ,0TAWW,KAAuB,EAClC,gBACA,iBACA,mBACA,sBAGE,kBAAC,GAAD;CAAO,SAAS;WAAhB;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,OAAO;aAClD;EACS,CAAA;EACZ,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,IAAI;aACrB,kBAAC,GAAD;IACe;IACG;IACF;GACf,CAAA;EACE,CAAA;EACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,SAAS;GACT,WAAW,kBAAC,GAAD,CAAuB,CAAA;aACnC;EAEO,CAAA,EACL,CAAA;CACA"}
+{"version":3,"file":"SelectChallengeTeam.js","names":[],"sources":["../../../src/components/ChallengeTeamWizard/SelectChallengeTeam.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Button, Typography } from '@mui/material'\nimport ChallengeTeamTable from './ChallengeTeamTable'\nimport { Stack } from '@mui/system'\nimport AddCircleTwoToneIcon from '@mui/icons-material/AddCircleTwoTone'\n\nconst PARTICIPATION_CRITERIA =\n  'To participate in a challenge, you need to create a new Team or join an existing one. ' +\n  'By default, the participant who creates a team is the \"Team Captain\" and has the ability to invite and remove members. ' +\n  'All team members will need a Synapse account so that they can login and accept the team invitation.'\n\ntype SelectChallengeTeamProps = {\n  challengeId: string\n  onCreateTeam: () => void\n  selectedTeamId?: string\n  onSelectTeam: (teamId?: string) => void\n}\n\nexport const SelectChallengeTeam = ({\n  challengeId,\n  onCreateTeam,\n  selectedTeamId,\n  onSelectTeam,\n}: SelectChallengeTeamProps): React.ReactNode => {\n  return (\n    <Stack spacing={2}>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        {PARTICIPATION_CRITERIA}\n      </Typography>\n      <Box sx={{ height: 270 }}>\n        <ChallengeTeamTable\n          challengeId={challengeId}\n          selectedTeamId={selectedTeamId}\n          onSelectTeam={onSelectTeam}\n        />\n      </Box>\n      <Box>\n        <Button\n          color=\"primary\"\n          variant=\"contained\"\n          onClick={onCreateTeam}\n          startIcon={<AddCircleTwoToneIcon />}\n        >\n          Create New Team\n        </Button>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IACJ,sTAWW,KAAuB,EAClC,gBACA,iBACA,mBACA,sBAGE,kBAAC,GAAD;CAAO,SAAS;WAAhB;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,YAAY,OAAO;aAClD;EACS,CAAA;EACZ,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,IAAI;aACrB,kBAAC,GAAD;IACe;IACG;IACF;GACf,CAAA;EACE,CAAA;EACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,SAAS;GACT,WAAW,kBAAC,GAAD,CAAuB,CAAA;aACnC;EAEO,CAAA,EACL,CAAA;CACA"}

package/dist/components/CitationPopover/CitationPopoverUtils.js

@@ -1,7 +1,7 @@
 //#region src/components/CitationPopover/CitationPopoverUtils.ts
 var e = (e, t, n) => {
-	let r = `${e.replace(/\s+/g, "_")}`, i = document.createElement("a");
-	i.href = n, i.setAttribute("download", `${r}.${t}`), document.body.appendChild(i), i.click(), document.body.removeChild(i);
+	let r = `${e.replaceAll(/\s+/g, "_")}`, i = document.createElement("a");
+	i.href = n, i.setAttribute("download", `${r}.${t}`), document.body.appendChild(i), i.click(), i.remove();
 };
 //#endregion
 export { e as createLinkAndDownload };

package/dist/components/CitationPopover/CitationPopoverUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopoverUtils.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverUtils.ts"],"sourcesContent":["export const createLinkAndDownload = (\n  title: string,\n  fileExtension: string,\n  url: string,\n) => {\n  const citationTitle = `${title.replace(/\\s+/g, '_')}`\n  const link = document.createElement('a')\n  link.href = url\n  link.setAttribute('download', `${citationTitle}.${fileExtension}`)\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n"],"mappings":";AAAA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAM,IAAgB,GAAG,EAAM,QAAQ,QAAQ,GAAG,KAC5C,IAAO,SAAS,cAAc,GAAG;CAKvC,AAJA,EAAK,OAAO,GACZ,EAAK,aAAa,YAAY,GAAG,EAAc,GAAG,GAAe,GACjE,SAAS,KAAK,YAAY,CAAI,GAC9B,EAAK,MAAM,GACX,SAAS,KAAK,YAAY,CAAI;AAChC"}
+{"version":3,"file":"CitationPopoverUtils.js","names":[],"sources":["../../../src/components/CitationPopover/CitationPopoverUtils.ts"],"sourcesContent":["export const createLinkAndDownload = (\n  title: string,\n  fileExtension: string,\n  url: string,\n) => {\n  const citationTitle = `${title.replaceAll(/\\s+/g, '_')}`\n  const link = document.createElement('a')\n  link.href = url\n  link.setAttribute('download', `${citationTitle}.${fileExtension}`)\n  document.body.appendChild(link)\n  link.click()\n  link.remove()\n}\n"],"mappings":";AAAA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAM,IAAgB,GAAG,EAAM,WAAW,QAAQ,GAAG,KAC/C,IAAO,SAAS,cAAc,GAAG;CAKvC,AAJA,EAAK,OAAO,GACZ,EAAK,aAAa,YAAY,GAAG,EAAc,GAAG,GAAe,GACjE,SAAS,KAAK,YAAY,CAAI,GAC9B,EAAK,MAAM,GACX,EAAK,OAAO;AACd"}

package/dist/components/CohortBuilder/CohortBuilder.css

@@ -0,0 +1 @@
+._root_11y3o_1{flex-direction:column;gap:16px;display:flex}._notices_11y3o_7{flex-direction:column;gap:8px;display:flex}._count_11y3o_13{font-weight:700}._state_11y3o_17{text-align:center;padding:32px 0}

package/dist/components/CohortBuilder/CohortBuilder.d.ts

@@ -0,0 +1,35 @@
+import { AggregateDataConfiguration } from '@sage-bionetworks/synapse-client';
+import { ReactNode } from 'react';
+/**
+ * The Cohort Builder only requests the count and facet statistics: it never shows participant rows, and the server
+ * rejects participant row requests from callers with aggregate-only access.
+ */
+export declare const COHORT_BUILDER_PART_MASK: number;
+export declare const DEFAULT_COHORT_BUILDER_AUDIT_NOTICE = "Queries you run in the Cohort Builder are logged to protect participant privacy.";
+export declare const COHORT_BUILDER_ZERO_COUNT_TEXT = "No data for the selected cohort";
+export declare const COHORT_BUILDER_PREVIEW_NOTICE = "Previewing the results that users with aggregate-only access see.";
+export type CohortBuilderProps = {
+    /** The participant VirtualTable: one row per participant. */
+    participantsTableId: string;
+    /**
+     * The Files/Datasets VirtualTable. When set, the files and datasets of the cohort are listed below its plots, using
+     * the cohort as a request-scoped cohort.
+     */
+    filesTableId?: string;
+    /** Faceted columns to plot, in order. Defaults to every faceted column. */
+    facetsToPlot?: string[];
+    /** Mapping from column name to the name shown for the column. */
+    columnAliases?: Record<string, string>;
+    /** The singular noun for one row of the participant table. Defaults to "participant". */
+    unitDescription?: string;
+    /** Lets a data manager preview the results that users with aggregate-only access see. */
+    aggregateDataPreview?: AggregateDataConfiguration;
+    /** Notice that queries are logged. Defaults to {@link DEFAULT_COHORT_BUILDER_AUDIT_NOTICE}. */
+    auditNotice?: ReactNode;
+};
+/**
+ * Builds a cohort of participants with the Query Builder and shows the cohort's participant count and facet plots,
+ * and optionally its files and datasets. Participant rows are never requested. Signed-out users are asked to sign in.
+ */
+export declare function CohortBuilder(props: CohortBuilderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CohortBuilder.d.ts.map

package/dist/components/CohortBuilder/CohortBuilder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CohortBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/CohortBuilder/CohortBuilder.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAA;AAG7E,OAAO,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAA;AAc9D;;;GAGG;AACH,eAAO,MAAM,wBAAwB,QAIX,CAAA;AAE1B,eAAO,MAAM,mCAAmC,qFACoC,CAAA;AAEpF,eAAO,MAAM,8BAA8B,oCAAoC,CAAA;AAE/E,eAAO,MAAM,6BAA6B,sEAC2B,CAAA;AAErE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,6DAA6D;IAC7D,mBAAmB,EAAE,MAAM,CAAA;IAC3B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,iEAAiE;IACjE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,yFAAyF;IACzF,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,yFAAyF;IACzF,oBAAoB,CAAC,EAAE,0BAA0B,CAAA;IACjD,+FAA+F;IAC/F,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,CAAA;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAgEtD"}

package/dist/components/CohortBuilder/CohortBuilder.js

@@ -0,0 +1,108 @@
+import "../../utils/SynapseConstants.js";
+import { useQueryVisualizationContext as e } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { SignInPrompt as t, SynapseErrorBoundary as n } from "../error/ErrorBanner.js";
+import { useSynapseContext as r } from "../../utils/context/SynapseContext.js";
+import { useSuspenseGetQueryMetadata as i } from "../QueryWrapper/useGetQueryMetadata.js";
+import { QueryVisualizationWrapper as a } from "../QueryVisualizationWrapper/QueryVisualizationWrapper.js";
+import { QueryWrapper as o } from "../QueryWrapper/QueryWrapper.js";
+import { QueryWrapperErrorBoundary as s } from "../QueryWrapperErrorBoundary.js";
+import c from "../QueryWrapper/QueryWrapperLoadingScreen.js";
+import l from "../widgets/facet-nav/PlotsContainer.js";
+import { QueryBuilderControls as u } from "../QueryBuilder/QueryBuilderControls.js";
+import d from "./CohortBuilder.module.js";
+import { CohortFilesPanel as f } from "./CohortFilesPanel.js";
+import { Suspense as p, useMemo as m, useState as h } from "react";
+import { Alert as g, Typography as _ } from "@mui/material";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import x from "pluralize";
+//#region src/components/CohortBuilder/CohortBuilder.tsx
+var S = 54, C = "Queries you run in the Cohort Builder are logged to protect participant privacy.", w = "No data for the selected cohort", T = "Previewing the results that users with aggregate-only access see.";
+function E(e) {
+	let { participantsTableId: n, filesTableId: i, facetsToPlot: l, columnAliases: u, unitDescription: f = "participant", aggregateDataPreview: h, auditNotice: v = C } = e, { isAuthenticated: x } = r(), w = m(() => ({
+		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
+		entityId: n,
+		partMask: S,
+		query: { sql: `SELECT * FROM ${n}` },
+		aggregateDataPreview: h
+	}), [n, h]);
+	return x ? /* @__PURE__ */ y(o, {
+		initQueryRequest: w,
+		children: /* @__PURE__ */ y(a, {
+			unitDescription: f,
+			columnAliases: u,
+			defaultShowPlots: !0,
+			children: /* @__PURE__ */ b("div", {
+				className: d.root,
+				children: [
+					/* @__PURE__ */ b("div", {
+						className: d.notices,
+						children: [/* @__PURE__ */ y(g, {
+							severity: "info",
+							children: v
+						}), h && /* @__PURE__ */ y(g, {
+							severity: "warning",
+							children: "Previewing the results that users with aggregate-only access see."
+						})]
+					}),
+					/* @__PURE__ */ y(D, {}),
+					/* @__PURE__ */ y(s, { children: /* @__PURE__ */ y(p, {
+						fallback: /* @__PURE__ */ y(c, {}),
+						children: /* @__PURE__ */ y(O, {
+							facetsToPlot: l,
+							participantsTableId: n,
+							filesTableId: i
+						})
+					}) })
+				]
+			})
+		})
+	}, JSON.stringify(w)) : /* @__PURE__ */ y(_, {
+		variant: "body1",
+		className: d.state,
+		children: /* @__PURE__ */ y(t, {})
+	});
+}
+function D() {
+	let [e, t] = h(null);
+	return /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(p, {
+		fallback: null,
+		children: /* @__PURE__ */ y(u, {
+			tree: e,
+			onTreeChange: t,
+			onlyFacetedColumns: !0
+		})
+	}) });
+}
+function O(t) {
+	let { facetsToPlot: n, participantsTableId: r, filesTableId: a } = t, { data: o } = i(), { unitDescription: s } = e(), c = o.queryCount ?? 0;
+	return c === 0 ? /* @__PURE__ */ y(_, {
+		variant: "headline3",
+		component: "p",
+		className: d.state,
+		children: w
+	}) : /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ b(_, {
+			variant: "headline3",
+			component: "p",
+			className: d.count,
+			children: [
+				c.toLocaleString(),
+				" ",
+				x(s, c)
+			]
+		}),
+		/* @__PURE__ */ y(l, {
+			facetsToPlot: n,
+			defaultPlotType: "HORIZONTAL_BAR",
+			disableFiltering: !0
+		}),
+		a && /* @__PURE__ */ y(f, {
+			filesTableId: a,
+			participantsTableId: r
+		})
+	] });
+}
+//#endregion
+export { S as COHORT_BUILDER_PART_MASK, T as COHORT_BUILDER_PREVIEW_NOTICE, w as COHORT_BUILDER_ZERO_COUNT_TEXT, E as CohortBuilder, C as DEFAULT_COHORT_BUILDER_AUDIT_NOTICE };
+
+//# sourceMappingURL=CohortBuilder.js.map

package/dist/components/CohortBuilder/CohortBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CohortBuilder.js","names":[],"sources":["../../../src/components/CohortBuilder/CohortBuilder.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  BUNDLE_MASK_QUERY_COLUMN_MODELS,\n  BUNDLE_MASK_QUERY_COUNT,\n  BUNDLE_MASK_QUERY_FACETS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n} from '@/utils/SynapseConstants'\nimport { Alert, Typography } from '@mui/material'\nimport { AggregateDataConfiguration } from '@sage-bionetworks/synapse-client'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport pluralize from 'pluralize'\nimport { ReactNode, Suspense, useMemo, useState } from 'react'\nimport { SignInPrompt, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { QueryBuilderControls } from '../QueryBuilder/QueryBuilderControls'\nimport { QBGroup } from '../QueryBuilder/QueryBuilderTypes'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper/QueryVisualizationContext'\nimport { QueryVisualizationWrapper } from '../QueryVisualizationWrapper/QueryVisualizationWrapper'\nimport { QueryWrapper } from '../QueryWrapper/QueryWrapper'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport PlotsContainer from '../widgets/facet-nav/PlotsContainer'\nimport styles from './CohortBuilder.module.scss'\nimport { CohortFilesPanel } from './CohortFilesPanel'\n\n/**\n * The Cohort Builder only requests the count and facet statistics: it never shows participant rows, and the server\n * rejects participant row requests from callers with aggregate-only access.\n */\nexport const COHORT_BUILDER_PART_MASK =\n  BUNDLE_MASK_QUERY_COUNT |\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n  BUNDLE_MASK_QUERY_COLUMN_MODELS |\n  BUNDLE_MASK_QUERY_FACETS\n\nexport const DEFAULT_COHORT_BUILDER_AUDIT_NOTICE =\n  'Queries you run in the Cohort Builder are logged to protect participant privacy.'\n\nexport const COHORT_BUILDER_ZERO_COUNT_TEXT = 'No data for the selected cohort'\n\nexport const COHORT_BUILDER_PREVIEW_NOTICE =\n  'Previewing the results that users with aggregate-only access see.'\n\nexport type CohortBuilderProps = {\n  /** The participant VirtualTable: one row per participant. */\n  participantsTableId: string\n  /**\n   * The Files/Datasets VirtualTable. When set, the files and datasets of the cohort are listed below its plots, using\n   * the cohort as a request-scoped cohort.\n   */\n  filesTableId?: string\n  /** Faceted columns to plot, in order. Defaults to every faceted column. */\n  facetsToPlot?: string[]\n  /** Mapping from column name to the name shown for the column. */\n  columnAliases?: Record<string, string>\n  /** The singular noun for one row of the participant table. Defaults to \"participant\". */\n  unitDescription?: string\n  /** Lets a data manager preview the results that users with aggregate-only access see. */\n  aggregateDataPreview?: AggregateDataConfiguration\n  /** Notice that queries are logged. Defaults to {@link DEFAULT_COHORT_BUILDER_AUDIT_NOTICE}. */\n  auditNotice?: ReactNode\n}\n\n/**\n * Builds a cohort of participants with the Query Builder and shows the cohort's participant count and facet plots,\n * and optionally its files and datasets. Participant rows are never requested. Signed-out users are asked to sign in.\n */\nexport function CohortBuilder(props: CohortBuilderProps) {\n  const {\n    participantsTableId,\n    filesTableId,\n    facetsToPlot,\n    columnAliases,\n    unitDescription = 'participant',\n    aggregateDataPreview,\n    auditNotice = DEFAULT_COHORT_BUILDER_AUDIT_NOTICE,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const initQueryRequest: QueryBundleRequest = useMemo(\n    () => ({\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n      entityId: participantsTableId,\n      partMask: COHORT_BUILDER_PART_MASK,\n      query: { sql: `SELECT * FROM ${participantsTableId}` },\n      aggregateDataPreview,\n    }),\n    [participantsTableId, aggregateDataPreview],\n  )\n\n  if (!isAuthenticated) {\n    return (\n      <Typography variant=\"body1\" className={styles.state}>\n        <SignInPrompt />\n      </Typography>\n    )\n  }\n\n  return (\n    // Keyed on the request so that new props reset the query and the Query Builder tree.\n    <QueryWrapper\n      key={JSON.stringify(initQueryRequest)}\n      initQueryRequest={initQueryRequest}\n    >\n      <QueryVisualizationWrapper\n        unitDescription={unitDescription}\n        columnAliases={columnAliases}\n        defaultShowPlots\n      >\n        <div className={styles.root}>\n          <div className={styles.notices}>\n            <Alert severity=\"info\">{auditNotice}</Alert>\n            {aggregateDataPreview && (\n              <Alert severity=\"warning\">{COHORT_BUILDER_PREVIEW_NOTICE}</Alert>\n            )}\n          </div>\n          <CohortQueryBuilder />\n          {/* Only the results are replaced by an error or withheld-result notice, so the cohort stays editable. */}\n          <QueryWrapperErrorBoundary>\n            <Suspense fallback={<QueryWrapperLoadingScreen />}>\n              <CohortResults\n                facetsToPlot={facetsToPlot}\n                participantsTableId={participantsTableId}\n                filesTableId={filesTableId}\n              />\n            </Suspense>\n          </QueryWrapperErrorBoundary>\n        </div>\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n\nfunction CohortQueryBuilder() {\n  const [tree, setTree] = useState<QBGroup | null>(null)\n  return (\n    <SynapseErrorBoundary>\n      <Suspense fallback={null}>\n        <QueryBuilderControls\n          tree={tree}\n          onTreeChange={setTree}\n          onlyFacetedColumns\n        />\n      </Suspense>\n    </SynapseErrorBoundary>\n  )\n}\n\nfunction CohortResults(props: {\n  facetsToPlot?: string[]\n  participantsTableId: string\n  filesTableId?: string\n}) {\n  const { facetsToPlot, participantsTableId, filesTableId } = props\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n  const { unitDescription } = useQueryVisualizationContext()\n  const count = queryMetadata.queryCount ?? 0\n\n  if (count === 0) {\n    return (\n      <Typography variant=\"headline3\" component=\"p\" className={styles.state}>\n        {COHORT_BUILDER_ZERO_COUNT_TEXT}\n      </Typography>\n    )\n  }\n  return (\n    <>\n      <Typography variant=\"headline3\" component=\"p\" className={styles.count}>\n        {count.toLocaleString()} {pluralize(unitDescription, count)}\n      </Typography>\n      {/* The Query Builder is the only way to change the cohort. */}\n      <PlotsContainer\n        facetsToPlot={facetsToPlot}\n        defaultPlotType=\"HORIZONTAL_BAR\"\n        disableFiltering\n      />\n      {filesTableId && (\n        <CohortFilesPanel\n          filesTableId={filesTableId}\n          participantsTableId={participantsTableId}\n        />\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA6BA,IAAa,IAAA,IAMA,IACX,oFAEW,IAAiC,mCAEjC,IACX;AA0BF,SAAgB,EAAc,GAA2B;CACvD,IAAM,EACJ,wBACA,iBACA,iBACA,kBACA,qBAAkB,eAClB,yBACA,iBAAc,MACZ,GACE,EAAE,uBAAoB,EAAkB,GAExC,IAAuC,SACpC;EACL,cAAc;EACd,UAAU;EACV,UAAU;EACV,OAAO,EAAE,KAAK,iBAAiB,IAAsB;EACrD;CACF,IACA,CAAC,GAAqB,CAAoB,CAC5C;CAUA,OARK,IAUH,kBAAC,GAAD;EAEoB;YAElB,kBAAC,GAAD;GACmB;GACF;GACf,kBAAA;aAEA,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OAAO,UAAS;iBAAQ;MAAmB,CAAA,GAC1C,KACC,kBAAC,GAAD;OAAO,UAAS;;MAAgD,CAAA,CAE/D;;KACL,kBAAC,GAAD,CAAqB,CAAA;KAErB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAU,UAAU,kBAAC,GAAD,CAA4B,CAAA;gBAC9C,kBAAC,GAAD;OACgB;OACO;OACP;MACf,CAAA;KACO,CAAA,EACe,CAAA;IACxB;;EACoB,CAAA;CACf,GA5BP,KAAK,UAAU,CAAgB,CA4BxB,IArCZ,kBAAC,GAAD;EAAY,SAAQ;EAAQ,WAAW,EAAO;YAC5C,kBAAC,GAAD,CAAe,CAAA;CACL,CAAA;AAqClB;AAEA,SAAS,IAAqB;CAC5B,IAAM,CAAC,GAAM,KAAW,EAAyB,IAAI;CACrD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD;GACQ;GACN,cAAc;GACd,oBAAA;EACD,CAAA;CACO,CAAA,EACU,CAAA;AAE1B;AAEA,SAAS,EAAc,GAIpB;CACD,IAAM,EAAE,iBAAc,wBAAqB,oBAAiB,GACtD,EAAE,MAAM,MAAkB,EAA4B,GACtD,EAAE,uBAAoB,EAA6B,GACnD,IAAQ,EAAc,cAAc;CAS1C,OAPI,MAAU,IAEV,kBAAC,GAAD;EAAY,SAAQ;EAAY,WAAU;EAAI,WAAW,EAAO;YAC7D;CACS,CAAA,IAId,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAY,WAAU;GAAI,WAAW,EAAO;aAAhE;IACG,EAAM,eAAe;IAAE;IAAE,EAAU,GAAiB,CAAK;GAChD;;EAEZ,kBAAC,GAAD;GACgB;GACd,iBAAgB;GAChB,kBAAA;EACD,CAAA;EACA,KACC,kBAAC,GAAD;GACgB;GACO;EACtB,CAAA;CAEH,EAAA,CAAA;AAEN"}

package/dist/components/CohortBuilder/CohortBuilder.module.js

@@ -0,0 +1,10 @@
+import './CohortBuilder.css';var e = {
+	root: "_root_11y3o_1",
+	notices: "_notices_11y3o_7",
+	count: "_count_11y3o_13",
+	state: "_state_11y3o_17"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=CohortBuilder.module.js.map

package/dist/components/CohortBuilder/CohortBuilder.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CohortBuilder.module.js","names":[],"sources":["../../../src/components/CohortBuilder/CohortBuilder.module.scss"],"sourcesContent":[".root {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.notices {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.count {\n  font-weight: 700;\n}\n\n.state {\n  text-align: center;\n  padding: 32px 0;\n}\n"],"mappings":""}

package/dist/components/CohortBuilder/CohortBuilder.module.scss

@@ -0,0 +1,20 @@
+.root {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.notices {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.count {
+  font-weight: 700;
+}
+
+.state {
+  text-align: center;
+  padding: 32px 0;
+}

package/dist/components/CohortBuilder/CohortFilesPanel.d.ts

@@ -0,0 +1,16 @@
+export declare const COHORT_FILES_PART_MASK: number;
+export declare const COHORT_FILES_TITLE = "Files and datasets";
+export declare const COHORT_FILES_ZERO_COUNT_TEXT = "No files or datasets for the selected cohort";
+export declare const COHORT_TOO_LARGE_TEXT: string;
+export type CohortFilesPanelProps = {
+    /** The Files/Datasets VirtualTable: one row per file or dataset, grouped from the participant ⋈ file/dataset rows. */
+    filesTableId: string;
+    /** The participant VirtualTable that the cohort is selected from. */
+    participantsTableId: string;
+};
+/**
+ * Lists the files and datasets of the participant cohort in the enclosing QueryWrapper (the participant query). The
+ * cohort is sent as a request-scoped cohort, so participant identifiers never reach the browser.
+ */
+export declare function CohortFilesPanel(props: CohortFilesPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CohortFilesPanel.d.ts.map

package/dist/components/CohortBuilder/CohortFilesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CohortFilesPanel.d.ts","sourceRoot":"","sources":["../../../src/components/CohortBuilder/CohortFilesPanel.tsx"],"names":[],"mappings":"AAgCA,eAAO,MAAM,sBAAsB,QAMT,CAAA;AAE1B,eAAO,MAAM,kBAAkB,uBAAuB,CAAA;AACtD,eAAO,MAAM,4BAA4B,iDACO,CAAA;AAChD,eAAO,MAAM,qBAAqB,QAA6I,CAAA;AAG/K,MAAM,MAAM,qBAAqB,GAAG;IAClC,sHAAsH;IACtH,YAAY,EAAE,MAAM,CAAA;IACpB,qEAAqE;IACrE,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAA;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAiE5D"}

package/dist/components/CohortBuilder/CohortFilesPanel.js

@@ -0,0 +1,124 @@
+import "../../utils/SynapseConstants.js";
+import { useQueryVisualizationContext as e } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { AggregateQueryErrorNotice as t, getAggregateQueryError as n } from "../QueryWrapper/AggregateQueryErrorNotice.js";
+import { ErrorBanner as r, SynapseErrorBoundary as i } from "../error/ErrorBanner.js";
+import a from "../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
+import { useQueryContext as o } from "../QueryContext/QueryContext.js";
+import { useSuspenseGetQueryMetadata as s } from "../QueryWrapper/useGetQueryMetadata.js";
+import { QueryVisualizationWrapper as c } from "../QueryVisualizationWrapper/QueryVisualizationWrapper.js";
+import { QueryWrapper as l } from "../QueryWrapper/QueryWrapper.js";
+import u from "../QueryWrapper/QueryWrapperLoadingScreen.js";
+import { RowSetView as d } from "../QueryWrapperPlotNav/RowSetView.js";
+import { useGetAddToDownloadListRequestForCurrentQuery as f } from "../QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.js";
+import p from "../SynapseTable/TopLevelControls/TopLevelControls.js";
+import { MAX_COHORT_PARTICIPANTS as m, buildCohortHandOff as h } from "./cohortHandOff.js";
+import g from "./CohortBuilder.module.js";
+import { Suspense as _, useId as v, useMemo as y } from "react";
+import { Typography as b } from "@mui/material";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { SynapseClientError as w } from "@sage-bionetworks/synapse-client/util/SynapseClientError";
+import { ErrorBoundary as T } from "react-error-boundary";
+//#region src/components/CohortBuilder/CohortFilesPanel.tsx
+var E = 63, D = "Files and datasets", O = "No files or datasets for the selected cohort", k = `This cohort is too large to list its files and datasets. Narrow it to ${m.toLocaleString()} participants or fewer.`, A = "files and datasets";
+function j(e) {
+	let { filesTableId: t, participantsTableId: n } = e, r = v(), { getCurrentQueryRequest: i } = o(), { data: a } = s(), d = y(() => h(i().query, n), [i, n]), f = y(() => ({
+		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
+		entityId: t,
+		partMask: E,
+		aggregateDataPreview: i().aggregateDataPreview,
+		query: {
+			sql: `SELECT * FROM ${t}`,
+			limit: 25,
+			cohorts: d ? [d.cohort] : void 0,
+			additionalFilters: d ? [d.filter] : void 0
+		}
+	}), [
+		t,
+		i,
+		d
+	]), p = d !== void 0 && (a.queryCount ?? 0) > 1e4;
+	return /* @__PURE__ */ C("section", {
+		"aria-labelledby": r,
+		children: [/* @__PURE__ */ S(b, {
+			variant: "headline2",
+			id: r,
+			children: D
+		}), p ? /* @__PURE__ */ S(b, {
+			variant: "body1",
+			className: g.state,
+			children: k
+		}) : /* @__PURE__ */ S(l, {
+			initQueryRequest: f,
+			isRowSelectionVisible: !0,
+			children: /* @__PURE__ */ S(c, {
+				unitDescription: "file",
+				hideSearchBarControl: !0,
+				hideCopyToClipboard: !0,
+				children: /* @__PURE__ */ S(N, { children: /* @__PURE__ */ S(_, {
+					fallback: /* @__PURE__ */ S(u, {}),
+					children: /* @__PURE__ */ S(P, {})
+				}) })
+			})
+		}, JSON.stringify(f))]
+	});
+}
+function M({ error: e }) {
+	if (e instanceof w && e.errorResponse && "errorCode" in e.errorResponse && e.errorResponse.errorCode === "COHORT_TOO_LARGE") return /* @__PURE__ */ S(b, {
+		variant: "body1",
+		className: g.state,
+		children: k
+	});
+	let i = n(e);
+	return i ? /* @__PURE__ */ S(t, {
+		error: i,
+		pluralUnitDescription: A
+	}) : /* @__PURE__ */ S(r, { error: e });
+}
+function N(e) {
+	let { currentQueryRequest: t } = o();
+	return /* @__PURE__ */ S(T, {
+		FallbackComponent: M,
+		resetKeys: [t],
+		children: e.children
+	});
+}
+function P() {
+	let { data: e } = s(), t = e.queryCount ?? 0;
+	return t === 0 ? /* @__PURE__ */ S(b, {
+		variant: "body1",
+		className: g.state,
+		children: O
+	}) : /* @__PURE__ */ C(x, { children: [
+		/* @__PURE__ */ C(b, {
+			variant: "body1",
+			className: g.count,
+			children: [
+				t.toLocaleString(),
+				" ",
+				t === 1 ? "file or dataset" : A
+			]
+		}),
+		/* @__PURE__ */ S(i, { children: /* @__PURE__ */ S(p, {
+			hideQueryCount: !0,
+			hideFacetFilterControl: !0,
+			hideVisualizationsControl: !0,
+			hideProgrammaticOptionsMenuItem: !0
+		}) }),
+		/* @__PURE__ */ S(F, {}),
+		/* @__PURE__ */ S(d, {
+			tableConfiguration: {},
+			hideDownload: !0
+		})
+	] });
+}
+function F() {
+	let { showDownloadConfirmation: t, setShowDownloadConfirmation: n } = e(), r = f();
+	return t ? /* @__PURE__ */ S(a, {
+		addToDownloadListRequest: r,
+		onClose: () => n(!1)
+	}) : null;
+}
+//#endregion
+export { E as COHORT_FILES_PART_MASK, D as COHORT_FILES_TITLE, O as COHORT_FILES_ZERO_COUNT_TEXT, k as COHORT_TOO_LARGE_TEXT, j as CohortFilesPanel };
+
+//# sourceMappingURL=CohortFilesPanel.js.map

package/dist/components/CohortBuilder/CohortFilesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CohortFilesPanel.js","names":[],"sources":["../../../src/components/CohortBuilder/CohortFilesPanel.tsx"],"sourcesContent":["import {\n  BUNDLE_MASK_QUERY_COLUMN_MODELS,\n  BUNDLE_MASK_QUERY_COUNT,\n  BUNDLE_MASK_QUERY_FACETS,\n  BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE,\n  BUNDLE_MASK_QUERY_RESULTS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n  DEFAULT_PAGE_SIZE,\n} from '@/utils/SynapseConstants'\nimport { Typography } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { PropsWithChildren, Suspense, useId, useMemo } from 'react'\nimport { ErrorBoundary, FallbackProps } from 'react-error-boundary'\nimport AddToDownloadListConfirmationAlert from '../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { ErrorBanner, SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper/QueryVisualizationContext'\nimport { QueryVisualizationWrapper } from '../QueryVisualizationWrapper/QueryVisualizationWrapper'\nimport {\n  AggregateQueryErrorNotice,\n  getAggregateQueryError,\n} from '../QueryWrapper/AggregateQueryErrorNotice'\nimport { QueryWrapper } from '../QueryWrapper/QueryWrapper'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '../QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { RowSetView } from '../QueryWrapperPlotNav/RowSetView'\nimport TopLevelControls from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport styles from './CohortBuilder.module.scss'\nimport { buildCohortHandOff, MAX_COHORT_PARTICIPANTS } from './cohortHandOff'\n\nexport const COHORT_FILES_PART_MASK =\n  BUNDLE_MASK_QUERY_RESULTS |\n  BUNDLE_MASK_QUERY_COUNT |\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n  BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n  BUNDLE_MASK_QUERY_COLUMN_MODELS |\n  BUNDLE_MASK_QUERY_FACETS\n\nexport const COHORT_FILES_TITLE = 'Files and datasets'\nexport const COHORT_FILES_ZERO_COUNT_TEXT =\n  'No files or datasets for the selected cohort'\nexport const COHORT_TOO_LARGE_TEXT = `This cohort is too large to list its files and datasets. Narrow it to ${MAX_COHORT_PARTICIPANTS.toLocaleString()} participants or fewer.`\nconst FILES_AND_DATASETS = 'files and datasets'\n\nexport type CohortFilesPanelProps = {\n  /** The Files/Datasets VirtualTable: one row per file or dataset, grouped from the participant ⋈ file/dataset rows. */\n  filesTableId: string\n  /** The participant VirtualTable that the cohort is selected from. */\n  participantsTableId: string\n}\n\n/**\n * Lists the files and datasets of the participant cohort in the enclosing QueryWrapper (the participant query). The\n * cohort is sent as a request-scoped cohort, so participant identifiers never reach the browser.\n */\nexport function CohortFilesPanel(props: CohortFilesPanelProps) {\n  const { filesTableId, participantsTableId } = props\n  const titleId = useId()\n  const { getCurrentQueryRequest } = useQueryContext()\n  const { data: participantMetadata } = useSuspenseGetQueryMetadata()\n\n  const handOff = useMemo(\n    () =>\n      buildCohortHandOff(getCurrentQueryRequest().query, participantsTableId),\n    [getCurrentQueryRequest, participantsTableId],\n  )\n  const filesRequest: QueryBundleRequest = useMemo(\n    () => ({\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n      entityId: filesTableId,\n      partMask: COHORT_FILES_PART_MASK,\n      // A data manager previewing aggregate-only results previews the files query the same way.\n      aggregateDataPreview: getCurrentQueryRequest().aggregateDataPreview,\n      query: {\n        sql: `SELECT * FROM ${filesTableId}`,\n        limit: DEFAULT_PAGE_SIZE,\n        cohorts: handOff ? [handOff.cohort] : undefined,\n        additionalFilters: handOff ? [handOff.filter] : undefined,\n      },\n    }),\n    [filesTableId, getCurrentQueryRequest, handOff],\n  )\n\n  // The participant count is exact, so a cohort the server would reject as too large is not sent.\n  const isCohortTooLarge =\n    handOff !== undefined &&\n    (participantMetadata.queryCount ?? 0) > MAX_COHORT_PARTICIPANTS\n\n  return (\n    <section aria-labelledby={titleId}>\n      <Typography variant=\"headline2\" id={titleId}>\n        {COHORT_FILES_TITLE}\n      </Typography>\n      {isCohortTooLarge ? (\n        <Typography variant=\"body1\" className={styles.state}>\n          {COHORT_TOO_LARGE_TEXT}\n        </Typography>\n      ) : (\n        // Keyed on the request so a new cohort resets the files query, its paging, its filters and the row selection.\n        <QueryWrapper\n          key={JSON.stringify(filesRequest)}\n          initQueryRequest={filesRequest}\n          isRowSelectionVisible\n        >\n          {/* The files query is derived from the cohort, so it can't be searched, shared as a link, or re-run from SQL. */}\n          <QueryVisualizationWrapper\n            unitDescription=\"file\"\n            hideSearchBarControl\n            hideCopyToClipboard\n          >\n            <CohortFilesErrorBoundary>\n              <Suspense fallback={<QueryWrapperLoadingScreen />}>\n                <CohortFilesResults />\n              </Suspense>\n            </CohortFilesErrorBoundary>\n          </QueryVisualizationWrapper>\n        </QueryWrapper>\n      )}\n    </section>\n  )\n}\n\nfunction CohortFilesErrorFallback({ error }: FallbackProps) {\n  if (\n    error instanceof SynapseClientError &&\n    error.errorResponse &&\n    'errorCode' in error.errorResponse &&\n    error.errorResponse.errorCode === 'COHORT_TOO_LARGE'\n  ) {\n    return (\n      <Typography variant=\"body1\" className={styles.state}>\n        {COHORT_TOO_LARGE_TEXT}\n      </Typography>\n    )\n  }\n  // A participant cohort that passed its own threshold can still match fewer files and datasets than the threshold.\n  const aggregateQueryError = getAggregateQueryError(error)\n  if (aggregateQueryError) {\n    return (\n      <AggregateQueryErrorNotice\n        error={aggregateQueryError}\n        pluralUnitDescription={FILES_AND_DATASETS}\n      />\n    )\n  }\n  return <ErrorBanner error={error} />\n}\n\n/** Resets when the files query changes, e.g. when a table column filter is applied. */\nfunction CohortFilesErrorBoundary(props: PropsWithChildren) {\n  const { currentQueryRequest } = useQueryContext()\n  return (\n    <ErrorBoundary\n      FallbackComponent={CohortFilesErrorFallback}\n      resetKeys={[currentQueryRequest]}\n    >\n      {props.children}\n    </ErrorBoundary>\n  )\n}\n\nfunction CohortFilesResults() {\n  const { data: filesMetadata } = useSuspenseGetQueryMetadata()\n  const count = filesMetadata.queryCount ?? 0\n  if (count === 0) {\n    return (\n      <Typography variant=\"body1\" className={styles.state}>\n        {COHORT_FILES_ZERO_COUNT_TEXT}\n      </Typography>\n    )\n  }\n  return (\n    <>\n      <Typography variant=\"body1\" className={styles.count}>\n        {count.toLocaleString()}{' '}\n        {count === 1 ? 'file or dataset' : FILES_AND_DATASETS}\n      </Typography>\n      <SynapseErrorBoundary>\n        {/* Programmatic options are hidden: their code carries only the SQL, which can't express the cohort. */}\n        <TopLevelControls\n          hideQueryCount\n          hideFacetFilterControl\n          hideVisualizationsControl\n          hideProgrammaticOptionsMenuItem\n        />\n      </SynapseErrorBoundary>\n      <CohortFilesDownloadConfirmation />\n      <RowSetView tableConfiguration={{}} hideDownload />\n    </>\n  )\n}\n\n/** Adds the files of the cohort's files query, which carries the cohort, to the Download List. */\nfunction CohortFilesDownloadConfirmation() {\n  const { showDownloadConfirmation, setShowDownloadConfirmation } =\n    useQueryVisualizationContext()\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n  if (!showDownloadConfirmation) {\n    return null\n  }\n  return (\n    <AddToDownloadListConfirmationAlert\n      addToDownloadListRequest={addToDownloadListRequest}\n      onClose={() => setShowDownloadConfirmation(false)}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/components/CohortBuilder/cohortHandOff.d.ts

@@ -0,0 +1,25 @@
+import { CohortDefinition, ColumnCohortFilter, Query } from '@sage-bionetworks/synapse-types';
+/** Name of the request-scoped cohort that carries the participant cohort into the Files/Datasets query. */
+export declare const COHORT_NAME = "c1";
+/**
+ * The participant identifier: a column of the participant VirtualTable and of the Files/Datasets VirtualTable's
+ * source. For callers with aggregate-only access it must be a quasi-identifier of that source.
+ */
+export declare const COHORT_PARTICIPANT_ID_COLUMN_NAME = "individualId";
+/**
+ * The most participants a cohort can hold: the stack default of `org.sagebionetworks.table.query.cohort.max.values`.
+ * The server rejects a larger cohort with COHORT_TOO_LARGE.
+ */
+export declare const MAX_COHORT_PARTICIPANTS = 10000;
+export type CohortHandOff = {
+    cohort: CohortDefinition;
+    /** References the cohort as a defining condition, so it applies to the rows the Files/Datasets VirtualTable groups. */
+    filter: ColumnCohortFilter;
+};
+/**
+ * Builds the cohort that carries the participant query's filters into the Files/Datasets query, and the filter that
+ * references it. Returns undefined when the participant query has no filters, because the cohort would be every
+ * participant. Sort, limit and offset are never copied: the server rejects them in a cohort query.
+ */
+export declare function buildCohortHandOff(participantQuery: Query, participantsTableId: string): CohortHandOff | undefined;
+//# sourceMappingURL=cohortHandOff.d.ts.map

package/dist/components/CohortBuilder/cohortHandOff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cohortHandOff.d.ts","sourceRoot":"","sources":["../../../src/components/CohortBuilder/cohortHandOff.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,EACN,MAAM,iCAAiC,CAAA;AAExC,2GAA2G;AAC3G,eAAO,MAAM,WAAW,OAAO,CAAA;AAE/B;;;GAGG;AACH,eAAO,MAAM,iCAAiC,iBAAiB,CAAA;AAE/D;;;GAGG;AACH,eAAO,MAAM,uBAAuB,QAAS,CAAA;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,gBAAgB,CAAA;IACxB,uHAAuH;IACvH,MAAM,EAAE,kBAAkB,CAAA;CAC3B,CAAA;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,gBAAgB,EAAE,KAAK,EACvB,mBAAmB,EAAE,MAAM,GAC1B,aAAa,GAAG,SAAS,CAqB3B"}

package/dist/components/CohortBuilder/cohortHandOff.js

@@ -0,0 +1,26 @@
+import { COLUMN_COHORT_FILTER_CONCRETE_TYPE_VALUE as e } from "@sage-bionetworks/synapse-types";
+//#region src/components/CohortBuilder/cohortHandOff.ts
+var t = "c1", n = "individualId", r = 1e4;
+function i(t, r) {
+	let { additionalFilters: i, selectedFacets: a } = t;
+	if (!(!i?.length && !a?.length)) return {
+		cohort: {
+			name: "c1",
+			query: {
+				sql: `SELECT ${n} FROM ${r}`,
+				additionalFilters: i,
+				selectedFacets: a
+			}
+		},
+		filter: {
+			concreteType: e,
+			columnName: n,
+			cohortName: "c1",
+			isDefiningCondition: !0
+		}
+	};
+}
+//#endregion
+export { t as COHORT_NAME, n as COHORT_PARTICIPANT_ID_COLUMN_NAME, r as MAX_COHORT_PARTICIPANTS, i as buildCohortHandOff };
+
+//# sourceMappingURL=cohortHandOff.js.map

package/dist/components/CohortBuilder/cohortHandOff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cohortHandOff.js","names":[],"sources":["../../../src/components/CohortBuilder/cohortHandOff.ts"],"sourcesContent":["import {\n  COLUMN_COHORT_FILTER_CONCRETE_TYPE_VALUE,\n  CohortDefinition,\n  ColumnCohortFilter,\n  Query,\n} from '@sage-bionetworks/synapse-types'\n\n/** Name of the request-scoped cohort that carries the participant cohort into the Files/Datasets query. */\nexport const COHORT_NAME = 'c1'\n\n/**\n * The participant identifier: a column of the participant VirtualTable and of the Files/Datasets VirtualTable's\n * source. For callers with aggregate-only access it must be a quasi-identifier of that source.\n */\nexport const COHORT_PARTICIPANT_ID_COLUMN_NAME = 'individualId'\n\n/**\n * The most participants a cohort can hold: the stack default of `org.sagebionetworks.table.query.cohort.max.values`.\n * The server rejects a larger cohort with COHORT_TOO_LARGE.\n */\nexport const MAX_COHORT_PARTICIPANTS = 10_000\n\nexport type CohortHandOff = {\n  cohort: CohortDefinition\n  /** References the cohort as a defining condition, so it applies to the rows the Files/Datasets VirtualTable groups. */\n  filter: ColumnCohortFilter\n}\n\n/**\n * Builds the cohort that carries the participant query's filters into the Files/Datasets query, and the filter that\n * references it. Returns undefined when the participant query has no filters, because the cohort would be every\n * participant. Sort, limit and offset are never copied: the server rejects them in a cohort query.\n */\nexport function buildCohortHandOff(\n  participantQuery: Query,\n  participantsTableId: string,\n): CohortHandOff | undefined {\n  const { additionalFilters, selectedFacets } = participantQuery\n  if (!additionalFilters?.length && !selectedFacets?.length) {\n    return undefined\n  }\n  return {\n    cohort: {\n      name: COHORT_NAME,\n      query: {\n        sql: `SELECT ${COHORT_PARTICIPANT_ID_COLUMN_NAME} FROM ${participantsTableId}`,\n        additionalFilters,\n        selectedFacets,\n      },\n    },\n    filter: {\n      concreteType: COLUMN_COHORT_FILTER_CONCRETE_TYPE_VALUE,\n      columnName: COHORT_PARTICIPANT_ID_COLUMN_NAME,\n      cohortName: COHORT_NAME,\n      isDefiningCondition: true,\n    },\n  }\n}\n"],"mappings":";;AAQA,IAAa,IAAc,MAMd,IAAoC,gBAMpC,IAA0B;AAavC,SAAgB,EACd,GACA,GAC2B;CAC3B,IAAM,EAAE,sBAAmB,sBAAmB;CAC1C,OAAC,GAAmB,UAAU,CAAC,GAAgB,SAGnD,OAAO;EACL,QAAQ;GACN,MAAA;GACA,OAAO;IACL,KAAK,UAAU,EAAkC,QAAQ;IACzD;IACA;GACF;EACF;EACA,QAAQ;GACN,cAAc;GACd,YAAY;GACZ,YAAA;GACA,qBAAqB;EACvB;CACF;AACF"}

package/dist/components/ColumnFilter/ColumnFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnFilter.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnFilter/ColumnFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAc/C,MAAM,MAAM,WAAW,GAAG;IACxB,+BAA+B,EAAE,qBAAqB,CAAA;CACvD,CAAA;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,WAAW,2CAoDvC;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ColumnFilter.d.ts","sourceRoot":"","sources":["../../../src/components/ColumnFilter/ColumnFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAY/C,MAAM,MAAM,WAAW,GAAG;IACxB,+BAA+B,EAAE,qBAAqB,CAAA;CACvD,CAAA;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,WAAW,2CAoDvC;AAED,eAAe,YAAY,CAAA"}

package/dist/components/ColumnFilter/ColumnFilter.js

@@ -1,25 +1,26 @@
-import { facetObjectMatchesDefinition as e, getCorrespondingSelectedFacet as t } from "../../utils/functions/queryUtils.js";
-import { useQueryContext as n } from "../QueryContext/QueryContext.js";
-import { useGetQueryMetadata as r } from "../QueryWrapper/useGetQueryMetadata.js";
-import { Autocomplete as i, TextField as a } from "@mui/material";
-import { jsx as o } from "react/jsx-runtime";
+import { getEnumerationFacets as e } from "../../utils/functions/enumerationFacet.js";
+import { facetObjectMatchesDefinition as t, getCorrespondingSelectedFacet as n } from "../../utils/functions/queryUtils.js";
+import { useQueryContext as r } from "../QueryContext/QueryContext.js";
+import { useGetQueryMetadata as i } from "../QueryWrapper/useGetQueryMetadata.js";
+import { Autocomplete as a, TextField as o } from "@mui/material";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/ColumnFilter/ColumnFilter.tsx
-function s(s) {
-	let { getCurrentQueryRequest: c, addValueToSelectedFacet: l, removeSelectedFacet: u } = n(), { data: d } = r(), { topLevelEnumeratedFacetToFilter: f } = s, p = c(), m = (d?.facets ?? []).find((t) => e(t, f))?.facetValues.map(({ value: e }) => e) ?? [], h = t(f, p.query.selectedFacets)?.facetValues || [];
-	return /* @__PURE__ */ o("div", { children: m.length > 0 && /* @__PURE__ */ o(i, {
+function c(c) {
+	let { getCurrentQueryRequest: l, addValueToSelectedFacet: u, removeSelectedFacet: d } = r(), { data: f } = i(), { topLevelEnumeratedFacetToFilter: p } = c, m = l(), h = e(f?.facets).find((e) => t(e, p))?.facetValues.map(({ value: e }) => e) ?? [], g = n(p, m.query.selectedFacets)?.facetValues || [];
+	return /* @__PURE__ */ s("div", { children: h.length > 0 && /* @__PURE__ */ s(a, {
 		multiple: !0,
-		options: m,
-		value: h,
+		options: h,
+		value: g,
 		onChange: (e, t) => {
-			u(f), t.forEach((e) => l(f, e));
+			d(p), t.forEach((e) => u(p, e));
 		},
-		renderInput: (e) => /* @__PURE__ */ o(a, {
+		renderInput: (e) => /* @__PURE__ */ s(o, {
 			...e,
 			placeholder: "Select Filter(s)"
 		})
 	}) });
 }
 //#endregion
-export { s as default };
+export { c as default };
 
 //# sourceMappingURL=ColumnFilter.js.map

package/dist/components/ColumnFilter/ColumnFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnFilter.js","names":[],"sources":["../../../src/components/ColumnFilter/ColumnFilter.tsx"],"sourcesContent":["import { UniqueFacetIdentifier } from '@/utils'\nimport {\n  facetObjectMatchesDefinition,\n  getCorrespondingSelectedFacet,\n} from '@/utils/functions/queryUtils'\nimport { Autocomplete, TextField } from '@mui/material'\nimport {\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { SyntheticEvent } from 'react'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nexport type FilterProps = {\n  topLevelEnumeratedFacetToFilter: UniqueFacetIdentifier\n}\n\nfunction ColumnFilter(props: FilterProps) {\n  const queryContext = useQueryContext()\n  const {\n    getCurrentQueryRequest,\n    addValueToSelectedFacet,\n    removeSelectedFacet,\n  } = queryContext\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const { topLevelEnumeratedFacetToFilter } = props\n\n  const currentQuery = getCurrentQueryRequest()\n\n  const activeFacet = (queryMetadata?.facets ?? []).find(facet =>\n    facetObjectMatchesDefinition(facet, topLevelEnumeratedFacetToFilter),\n  ) as FacetColumnResultValues | undefined\n\n  // Map the facet values to format for MUI Autocomplete options\n  const filterOptions = activeFacet?.facetValues.map(({ value }) => value) ?? []\n\n  const selectedFacetFromQuery = getCorrespondingSelectedFacet(\n    topLevelEnumeratedFacetToFilter,\n    currentQuery.query.selectedFacets,\n  ) as FacetColumnValuesRequest | undefined\n\n  const selectedValues = selectedFacetFromQuery?.facetValues || []\n\n  const onChange = (\n    event: SyntheticEvent,\n    values: string[], // New value for the selected options\n  ) => {\n    removeSelectedFacet(topLevelEnumeratedFacetToFilter)\n\n    values.forEach(value =>\n      addValueToSelectedFacet(topLevelEnumeratedFacetToFilter, value),\n    )\n  }\n\n  return (\n    <div>\n      {filterOptions.length > 0 && (\n        <Autocomplete\n          multiple\n          options={filterOptions}\n          value={selectedValues}\n          onChange={onChange}\n          renderInput={params => (\n            <TextField {...params} placeholder=\"Select Filter(s)\" />\n          )}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default ColumnFilter\n"],"mappings":";;;;;;AAkBA,SAAS,EAAa,GAAoB;CAExC,IAAM,EACJ,2BACA,4BACA,2BAJmB,EAKjB,GACE,EAAE,MAAM,MAAkB,EAAoB,GAC9C,EAAE,uCAAoC,GAEtC,IAAe,EAAuB,GAOtC,KALe,GAAe,UAAU,CAAC,GAAG,MAAK,MACrD,EAA6B,GAAO,CAA+B,CAI/C,GAAa,YAAY,KAAK,EAAE,eAAY,CAAK,KAAK,CAAC,GAOvE,IALyB,EAC7B,GACA,EAAa,MAAM,cAGE,GAAwB,eAAe,CAAC;CAa/D,OACE,kBAAC,OAAD,EAAA,UACG,EAAc,SAAS,KACtB,kBAAC,GAAD;EACE,UAAA;EACA,SAAS;EACT,OAAO;EACG,WAjBhB,GACA,MACG;GAGH,AAFA,EAAoB,CAA+B,GAEnD,EAAO,SAAQ,MACb,EAAwB,GAAiC,CAAK,CAChE;EACF;EAUQ,cAAa,MACX,kBAAC,GAAD;GAAW,GAAI;GAAQ,aAAY;EAAoB,CAAA;CAE1D,CAAA,EAEA,CAAA;AAET"}
+{"version":3,"file":"ColumnFilter.js","names":[],"sources":["../../../src/components/ColumnFilter/ColumnFilter.tsx"],"sourcesContent":["import { UniqueFacetIdentifier } from '@/utils'\nimport {\n  facetObjectMatchesDefinition,\n  getCorrespondingSelectedFacet,\n} from '@/utils/functions/queryUtils'\nimport { getEnumerationFacets } from '@/utils/functions/enumerationFacet'\nimport { Autocomplete, TextField } from '@mui/material'\nimport { FacetColumnValuesRequest } from '@sage-bionetworks/synapse-types'\nimport { SyntheticEvent } from 'react'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nexport type FilterProps = {\n  topLevelEnumeratedFacetToFilter: UniqueFacetIdentifier\n}\n\nfunction ColumnFilter(props: FilterProps) {\n  const queryContext = useQueryContext()\n  const {\n    getCurrentQueryRequest,\n    addValueToSelectedFacet,\n    removeSelectedFacet,\n  } = queryContext\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const { topLevelEnumeratedFacetToFilter } = props\n\n  const currentQuery = getCurrentQueryRequest()\n\n  const activeFacet = getEnumerationFacets(queryMetadata?.facets).find(facet =>\n    facetObjectMatchesDefinition(facet, topLevelEnumeratedFacetToFilter),\n  )\n\n  // Map the facet values to format for MUI Autocomplete options\n  const filterOptions = activeFacet?.facetValues.map(({ value }) => value) ?? []\n\n  const selectedFacetFromQuery = getCorrespondingSelectedFacet(\n    topLevelEnumeratedFacetToFilter,\n    currentQuery.query.selectedFacets,\n  ) as FacetColumnValuesRequest | undefined\n\n  const selectedValues = selectedFacetFromQuery?.facetValues || []\n\n  const onChange = (\n    event: SyntheticEvent,\n    values: string[], // New value for the selected options\n  ) => {\n    removeSelectedFacet(topLevelEnumeratedFacetToFilter)\n\n    values.forEach(value =>\n      addValueToSelectedFacet(topLevelEnumeratedFacetToFilter, value),\n    )\n  }\n\n  return (\n    <div>\n      {filterOptions.length > 0 && (\n        <Autocomplete\n          multiple\n          options={filterOptions}\n          value={selectedValues}\n          onChange={onChange}\n          renderInput={params => (\n            <TextField {...params} placeholder=\"Select Filter(s)\" />\n          )}\n        />\n      )}\n    </div>\n  )\n}\n\nexport default ColumnFilter\n"],"mappings":";;;;;;;AAgBA,SAAS,EAAa,GAAoB;CAExC,IAAM,EACJ,2BACA,4BACA,2BAJmB,EAKjB,GACE,EAAE,MAAM,MAAkB,EAAoB,GAC9C,EAAE,uCAAoC,GAEtC,IAAe,EAAuB,GAOtC,IALc,EAAqB,GAAe,MAAM,EAAE,MAAK,MACnE,EAA6B,GAAO,CAA+B,CAI/C,GAAa,YAAY,KAAK,EAAE,eAAY,CAAK,KAAK,CAAC,GAOvE,IALyB,EAC7B,GACA,EAAa,MAAM,cAGE,GAAwB,eAAe,CAAC;CAa/D,OACE,kBAAC,OAAD,EAAA,UACG,EAAc,SAAS,KACtB,kBAAC,GAAD;EACE,UAAA;EACA,SAAS;EACT,OAAO;EACG,WAjBhB,GACA,MACG;GAGH,AAFA,EAAoB,CAA+B,GAEnD,EAAO,SAAQ,MACb,EAAwB,GAAiC,CAAK,CAChE;EACF;EAUQ,cAAa,MACX,kBAAC,GAAD;GAAW,GAAI;GAAQ,aAAY;EAAoB,CAAA;CAE1D,CAAA,EAEA,CAAA;AAET"}

package/dist/components/DataExplorer/DataExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"names":[],"mappings":"AAwBA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAUD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,iBAAiB,2CA2MnB"}
+{"version":3,"file":"DataExplorer.d.ts","sourceRoot":"","sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"names":[],"mappings":"AAqBA,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,MAAM,CAAA;IACX,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAUD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,GAAG,EACH,KAAK,EACL,QAAQ,EACR,UAAU,EACV,UAAU,EACV,WAAW,EACX,eAAe,EACf,QAAQ,GACT,EAAE,iBAAiB,2CAyMnB"}

package/dist/components/DataExplorer/DataExplorer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataExplorer.js","names":[],"sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"sourcesContent":["import {\n  Button,\n  Typography,\n  Stack,\n  useTheme,\n  useMediaQuery,\n} from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport styles from './DataExplorer.module.scss'\nimport { useSmartLink } from '../SmartLink/useSmartLink'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport {\n  QueryBundleRequest,\n  FacetColumnResultValues,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { getFacets } from '../widgets/facet-nav/useFacetPlots'\nimport { orderBy } from 'lodash-es'\n\ntype DataExplorerProps = {\n  title?: React.ReactNode\n  subtitle?: React.ReactNode\n  buttonText?: string\n  buttonLink?: string\n  sql: string\n  explorePath?: string\n  exploreQuerySql?: string\n  facetSql?: string\n}\n\nenum ExpectedColumns {\n  DATATYPE = 'datatype',\n  ICON = 'icon',\n  HEX_COLOR = 'hexColor',\n  ORDER = 'order',\n  COLUMN_NAME = 'columnName',\n}\n\n/**\n * DataExplorer\n *\n * A reusable component that renders a list of data types/categories with associated icons.\n * It drives navigation by linking each row to a pre-filtered exploration view.\n *\n * How it works:\n * 1. `sql`: Fetches a configuration table defining the display categories,\n *    their display order, hex colors, and icons.\n * 2. `facetSql`: Fetches real-time counts for these categories from the actual\n *    underlying data table.\n * 3. Links are dynamically built to point to a target path (`explorePath`) pre-filtered to the\n *    clicked category.\n */\nexport default function DataExplorer({\n  sql,\n  title,\n  subtitle,\n  buttonText,\n  buttonLink,\n  explorePath,\n  exploreQuerySql,\n  facetSql,\n}: DataExplorerProps) {\n  const hasTextSection = title || subtitle || buttonText\n  const smartLinkProps = useSmartLink(buttonLink)\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\n\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const facetEntityId = parseEntityIdFromSqlStatement(facetSql ?? '')\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n    },\n  }\n\n  const facetQueryRequest: QueryBundleRequest = {\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_FACETS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId: facetEntityId,\n    query: {\n      sql: facetSql ?? '',\n    },\n  }\n\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const dataRows = useMemo(\n    () => queryResultBundle?.queryResult?.queryResults.rows ?? [],\n    [queryResultBundle],\n  )\n\n  const { data: facetQueryResultBundle } = useGetQueryResultBundle(\n    facetQueryRequest,\n    { enabled: Boolean(facetSql) },\n  )\n\n  const datatypeColIndex = getFieldIndex(\n    ExpectedColumns.DATATYPE,\n    queryResultBundle,\n  )\n\n  const iconColIndex = getFieldIndex(ExpectedColumns.ICON, queryResultBundle)\n\n  const hexColorColIndex = getFieldIndex(\n    ExpectedColumns.HEX_COLOR,\n    queryResultBundle,\n  )\n\n  const orderColIndex = getFieldIndex(ExpectedColumns.ORDER, queryResultBundle)\n\n  const columnNameColIndex = getFieldIndex(\n    ExpectedColumns.COLUMN_NAME,\n    queryResultBundle,\n  )\n\n  // Key rows by columnName + dataType to prevent collisions when the same dataType appears in multiple columns.\n  const getRowKey = (dataType: string, columnName: string) =>\n    columnName ? `${columnName}::${dataType}` : dataType\n\n  const [rowUrls, setRowUrls] = useState<Record<string, string>>({})\n\n  useEffect(() => {\n    if (!explorePath || !exploreQuerySql) return\n    Promise.all(\n      dataRows.map(row => {\n        const dataType = row.values[datatypeColIndex]?.trim() ?? ''\n        const columnName = row.values[columnNameColIndex]?.trim() ?? ''\n        const rowKey = getRowKey(dataType, columnName)\n        if (!dataType || !columnName)\n          return Promise.resolve([rowKey, explorePath] as const)\n        return generateEncodedPathAndQueryForSelectedFacetURL(\n          explorePath,\n          exploreQuerySql,\n          [{ facet: columnName, facetValue: dataType }],\n        ).then(url => [rowKey, url] as const)\n      }),\n    ).then(entries => setRowUrls(Object.fromEntries(entries)))\n  }, [\n    dataRows,\n    datatypeColIndex,\n    columnNameColIndex,\n    explorePath,\n    exploreQuerySql,\n  ])\n\n  // Create a map of facet counts by column name and data type for quick lookup\n  const facetCountsByColumn = useMemo(() => {\n    const facets = getFacets(\n      facetQueryResultBundle,\n    ) as FacetColumnResultValues[]\n    const map = new Map<string, Map<string, number>>()\n    for (const facet of facets) {\n      map.set(\n        facet.columnName,\n        new Map(facet.facetValues.map(fv => [fv.value, fv.count])),\n      )\n    }\n    return map\n  }, [facetQueryResultBundle])\n\n  const getFacetCount = (dataType: string, columnName?: string) =>\n    columnName ? facetCountsByColumn.get(columnName)?.get(dataType) : undefined\n\n  // Sort by order column ascending, then by facet count descending\n  const sortedRows = orderBy(\n    dataRows,\n    [\n      row => Number(row.values[orderColIndex] ?? Number.MAX_SAFE_INTEGER),\n      row =>\n        getFacetCount(\n          row.values[datatypeColIndex]?.trim() ?? '',\n          row.values[columnNameColIndex]?.trim() ?? '',\n        ) ?? 0,\n    ],\n    ['asc', 'desc'],\n  )\n\n  return (\n    <div className={styles.dataExplorerContainer}>\n      {hasTextSection && (\n        <Stack className={styles.dataExplorerTextContainer}>\n          {title && (\n            <Typography\n              variant=\"headline1\"\n              className={styles.dataExplorerTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {subtitle && (\n            <Typography\n              variant=\"body1\"\n              component=\"div\"\n              className={styles.dataExplorerSubtitle}\n            >\n              {subtitle}\n            </Typography>\n          )}\n          {buttonText && (\n            <Button\n              variant=\"contained\"\n              className={styles.dataExplorerButton}\n              {...smartLinkProps}\n            >\n              {buttonText}\n            </Button>\n          )}\n        </Stack>\n      )}\n      <div className={styles.dataContainer}>\n        {sortedRows.map(row => {\n          const dataType = row.values[datatypeColIndex]?.trim() ?? ''\n          const hexColor = row.values[hexColorColIndex] ?? undefined\n          const columnName = row.values[columnNameColIndex]?.trim() ?? ''\n          const rowUrl = rowUrls[getRowKey(dataType, columnName)]\n          const facetCount = getFacetCount(dataType, columnName)\n          return (\n            <a\n              key={getRowKey(dataType, columnName)}\n              className={styles.dataRow}\n              href={rowUrl}\n            >\n              <div className={styles.dataRowInner}>\n                <div className={styles.dataRowLeft}>\n                  <div\n                    className={styles.iconContainer}\n                    style={hexColor ? { backgroundColor: hexColor } : undefined}\n                  >\n                    <ImageFromSynapseTable\n                      tableId={entityId}\n                      fileHandleId={row.values[iconColIndex]}\n                      alt={dataType}\n                      style={{ width: 49, height: 49 }}\n                    />\n                  </div>\n                  <div className={styles.dataRowNamePill}>\n                    <Typography className={styles.dataRowTitle}>\n                      {dataType}\n                    </Typography>\n                    {facetCount && (\n                      <div className={styles.facetCount}>{facetCount}</div>\n                    )}\n                  </div>\n                </div>\n                {rowUrl && !isMobile && (\n                  <div className={styles.viewCta}>\n                    <span className={styles.viewCtaText}>View</span>\n                    <ArrowForwardIcon className={styles.viewCtaIcon} />\n                  </div>\n                )}\n              </div>\n            </a>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataExplorer.js","names":[],"sources":["../../../src/components/DataExplorer/DataExplorer.tsx"],"sourcesContent":["import {\n  Button,\n  Typography,\n  Stack,\n  useTheme,\n  useMediaQuery,\n} from '@mui/material'\nimport { useEffect, useMemo, useState } from 'react'\nimport styles from './DataExplorer.module.scss'\nimport { useSmartLink } from '../SmartLink/useSmartLink'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport ImageFromSynapseTable from '../ImageFromSynapseTable'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { getFacets } from '../widgets/facet-nav/useFacetPlots'\nimport { orderBy } from 'lodash-es'\n\ntype DataExplorerProps = {\n  title?: React.ReactNode\n  subtitle?: React.ReactNode\n  buttonText?: string\n  buttonLink?: string\n  sql: string\n  explorePath?: string\n  exploreQuerySql?: string\n  facetSql?: string\n}\n\nenum ExpectedColumns {\n  DATATYPE = 'datatype',\n  ICON = 'icon',\n  HEX_COLOR = 'hexColor',\n  ORDER = 'order',\n  COLUMN_NAME = 'columnName',\n}\n\n/**\n * DataExplorer\n *\n * A reusable component that renders a list of data types/categories with associated icons.\n * It drives navigation by linking each row to a pre-filtered exploration view.\n *\n * How it works:\n * 1. `sql`: Fetches a configuration table defining the display categories,\n *    their display order, hex colors, and icons.\n * 2. `facetSql`: Fetches real-time counts for these categories from the actual\n *    underlying data table.\n * 3. Links are dynamically built to point to a target path (`explorePath`) pre-filtered to the\n *    clicked category.\n */\nexport default function DataExplorer({\n  sql,\n  title,\n  subtitle,\n  buttonText,\n  buttonLink,\n  explorePath,\n  exploreQuerySql,\n  facetSql,\n}: DataExplorerProps) {\n  const hasTextSection = title || subtitle || buttonText\n  const smartLinkProps = useSmartLink(buttonLink)\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\n\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const facetEntityId = parseEntityIdFromSqlStatement(facetSql ?? '')\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n    },\n  }\n\n  const facetQueryRequest: QueryBundleRequest = {\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_FACETS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId: facetEntityId,\n    query: {\n      sql: facetSql ?? '',\n    },\n  }\n\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const dataRows = useMemo(\n    () => queryResultBundle?.queryResult?.queryResults.rows ?? [],\n    [queryResultBundle],\n  )\n\n  const { data: facetQueryResultBundle } = useGetQueryResultBundle(\n    facetQueryRequest,\n    { enabled: Boolean(facetSql) },\n  )\n\n  const datatypeColIndex = getFieldIndex(\n    ExpectedColumns.DATATYPE,\n    queryResultBundle,\n  )\n\n  const iconColIndex = getFieldIndex(ExpectedColumns.ICON, queryResultBundle)\n\n  const hexColorColIndex = getFieldIndex(\n    ExpectedColumns.HEX_COLOR,\n    queryResultBundle,\n  )\n\n  const orderColIndex = getFieldIndex(ExpectedColumns.ORDER, queryResultBundle)\n\n  const columnNameColIndex = getFieldIndex(\n    ExpectedColumns.COLUMN_NAME,\n    queryResultBundle,\n  )\n\n  // Key rows by columnName + dataType to prevent collisions when the same dataType appears in multiple columns.\n  const getRowKey = (dataType: string, columnName: string) =>\n    columnName ? `${columnName}::${dataType}` : dataType\n\n  const [rowUrls, setRowUrls] = useState<Record<string, string>>({})\n\n  useEffect(() => {\n    if (!explorePath || !exploreQuerySql) return\n    Promise.all(\n      dataRows.map(row => {\n        const dataType = row.values[datatypeColIndex]?.trim() ?? ''\n        const columnName = row.values[columnNameColIndex]?.trim() ?? ''\n        const rowKey = getRowKey(dataType, columnName)\n        if (!dataType || !columnName)\n          return Promise.resolve([rowKey, explorePath] as const)\n        return generateEncodedPathAndQueryForSelectedFacetURL(\n          explorePath,\n          exploreQuerySql,\n          [{ facet: columnName, facetValue: dataType }],\n        ).then(url => [rowKey, url] as const)\n      }),\n    ).then(entries => setRowUrls(Object.fromEntries(entries)))\n  }, [\n    dataRows,\n    datatypeColIndex,\n    columnNameColIndex,\n    explorePath,\n    exploreQuerySql,\n  ])\n\n  // Create a map of facet counts by column name and data type for quick lookup\n  const facetCountsByColumn = useMemo(() => {\n    const facets = getFacets(facetQueryResultBundle)\n    const map = new Map<string, Map<string, number>>()\n    for (const facet of facets) {\n      map.set(\n        facet.columnName,\n        new Map(facet.facetValues.map(fv => [fv.value, fv.count])),\n      )\n    }\n    return map\n  }, [facetQueryResultBundle])\n\n  const getFacetCount = (dataType: string, columnName?: string) =>\n    columnName ? facetCountsByColumn.get(columnName)?.get(dataType) : undefined\n\n  // Sort by order column ascending, then by facet count descending\n  const sortedRows = orderBy(\n    dataRows,\n    [\n      row => Number(row.values[orderColIndex] ?? Number.MAX_SAFE_INTEGER),\n      row =>\n        getFacetCount(\n          row.values[datatypeColIndex]?.trim() ?? '',\n          row.values[columnNameColIndex]?.trim() ?? '',\n        ) ?? 0,\n    ],\n    ['asc', 'desc'],\n  )\n\n  return (\n    <div className={styles.dataExplorerContainer}>\n      {hasTextSection && (\n        <Stack className={styles.dataExplorerTextContainer}>\n          {title && (\n            <Typography\n              variant=\"headline1\"\n              className={styles.dataExplorerTitle}\n            >\n              {title}\n            </Typography>\n          )}\n          {subtitle && (\n            <Typography\n              variant=\"body1\"\n              component=\"div\"\n              className={styles.dataExplorerSubtitle}\n            >\n              {subtitle}\n            </Typography>\n          )}\n          {buttonText && (\n            <Button\n              variant=\"contained\"\n              className={styles.dataExplorerButton}\n              {...smartLinkProps}\n            >\n              {buttonText}\n            </Button>\n          )}\n        </Stack>\n      )}\n      <div className={styles.dataContainer}>\n        {sortedRows.map(row => {\n          const dataType = row.values[datatypeColIndex]?.trim() ?? ''\n          const hexColor = row.values[hexColorColIndex] ?? undefined\n          const columnName = row.values[columnNameColIndex]?.trim() ?? ''\n          const rowUrl = rowUrls[getRowKey(dataType, columnName)]\n          const facetCount = getFacetCount(dataType, columnName)\n          return (\n            <a\n              key={getRowKey(dataType, columnName)}\n              className={styles.dataRow}\n              href={rowUrl}\n            >\n              <div className={styles.dataRowInner}>\n                <div className={styles.dataRowLeft}>\n                  <div\n                    className={styles.iconContainer}\n                    style={hexColor ? { backgroundColor: hexColor } : undefined}\n                  >\n                    <ImageFromSynapseTable\n                      tableId={entityId}\n                      fileHandleId={row.values[iconColIndex]}\n                      alt={dataType}\n                      style={{ width: 49, height: 49 }}\n                    />\n                  </div>\n                  <div className={styles.dataRowNamePill}>\n                    <Typography className={styles.dataRowTitle}>\n                      {dataType}\n                    </Typography>\n                    {facetCount && (\n                      <div className={styles.facetCount}>{facetCount}</div>\n                    )}\n                  </div>\n                </div>\n                {rowUrl && !isMobile && (\n                  <div className={styles.viewCta}>\n                    <span className={styles.viewCtaText}>View</span>\n                    <ArrowForwardIcon className={styles.viewCtaIcon} />\n                  </div>\n                )}\n              </div>\n            </a>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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"}