synapse-react-client 4.0.9 → 4.0.10

package/dist/components/GenericCard/TableRowGenericCard.js

@@ -12,32 +12,32 @@ import re from "./GenericCardActionButton.js";
 import ie from "./CroissantButton/CroissantButton.js";
 import { GenericCardIcon as ae } from "./GenericCardIcon.js";
 import oe from "./PortalDOI/PortalDOI.js";
-import { getCandidateDoiId as se, useShowDoiCardLabel as ce } from "./PortalDOI/PortalDOIUtils.js";
-import { mapRowToRecord as le } from "../SynapseTable/SynapseTableUtils.js";
-import ue from "../CitationPopover/index.js";
-import { EntityDownloadConfirmation as de } from "../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
+import { getCandidateDoiId as l, useShowDoiCardLabel as se } from "./PortalDOI/PortalDOIUtils.js";
+import { mapRowToRecord as ce } from "../SynapseTable/SynapseTableUtils.js";
+import le from "../CitationPopover/index.js";
+import { EntityDownloadConfirmation as ue } from "../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../EntityDownloadConfirmation/index.js";
-import { useQueryContext as fe } from "../QueryContext/QueryContext.js";
-import l from "../IconList.js";
-import { useQueryVisualizationContext as pe } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useQueryContext as de } from "../QueryContext/QueryContext.js";
+import fe from "../IconList.js";
+import { useQueryVisualizationContext as u } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
 import "../QueryVisualizationWrapper/index.js";
-import me from "../ShareThisPage/ShareThisPage.js";
-import { GenericCard as he } from "./GenericCard.js";
-import { SynapseCardLabel as u } from "./SynapseCardLabel.js";
-import { useResolvedSynapseEntity as ge } from "./useResolvedSynapseEntity.js";
-import { useCallback as _e, useMemo as d, useState as f } from "react";
-import { Box as ve, Collapse as ye, Link as be, Stack as p, Typography as xe } from "@mui/material";
-import { Fragment as Se, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { ColumnTypeEnum as Ce } from "@sage-bionetworks/synapse-types";
-import { GetAppTwoTone as we } from "@mui/icons-material";
-import { useInView as Te } from "react-intersection-observer";
+import pe from "../ShareThisPage/ShareThisPage.js";
+import { GenericCard as me } from "./GenericCard.js";
+import { SynapseCardLabel as d } from "./SynapseCardLabel.js";
+import { useResolvedSynapseEntity as he } from "./useResolvedSynapseEntity.js";
+import { useCallback as ge, useMemo as f, useState as p } from "react";
+import { Box as _e, Collapse as ve, Link as ye, Stack as m, Typography as be } from "@mui/material";
+import { Fragment as xe, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { ColumnTypeEnum as Se } from "@sage-bionetworks/synapse-types";
+import { GetAppTwoTone as Ce } from "@mui/icons-material";
+import { useInView as we } from "react-intersection-observer";
 //#region src/components/GenericCard/TableRowGenericCard.tsx
-function Ee(e) {
+function Te(e) {
 	let { synapseId: n, version: r } = e;
-	return /* @__PURE__ */ h("span", { children: [
+	return /* @__PURE__ */ g("span", { children: [
 		r,
 		"\xA0\xA0",
-		/* @__PURE__ */ m("a", {
+		/* @__PURE__ */ h("a", {
 			target: s.NEW_WINDOW,
 			rel: "noopener noreferrer",
 			href: `${t.PORTAL}Synapse:${n}.${r}`,
@@ -45,92 +45,92 @@ function Ee(e) {
 		})
 	] });
 }
-function g(t) {
-	let [s, g] = f(!1), [De, Oe] = f(!1), { entityId: ke, versionNumber: Ae } = fe(), { getColumnDisplayName: _ } = pe(), { ref: je, inView: Me } = Te(), { data: v } = ee(ke, Ae), { schema: y, data: b, rowId: x, versionNumber: Ne, genericCardSchema: S, secondaryLabelLimit: Pe, sharePageLinkButtonProps: Fe, selectColumns: C, columnModels: w, iconOptions: Ie, useTypeColumnForIcon: T = !1, isHeader: E = !1, sustainabilityScorecard: Le, headerCardVariant: D, titleLinkConfig: O, ctaLinkConfig: k, labelLinkConfig: Re, descriptionConfig: ze, columnIconOptions: A, CardTypeAdornment: j, charCountCutoff: Be } = t, { link: Ve = "", type: M, includeCitation: He, includeShareButton: Ue, defaultCitationFormat: We, citationBoilerplateText: Ge, downloadCartSynId: N, portalDoiConfiguration: P } = S, F = b[y[S.title]], I = S.subTitle && b[y[S.subTitle]];
-	I = S.subTitle && ne({
+function _(t) {
+	let [s, _] = p(!1), [Ee, De] = p(!1), { entityId: Oe, versionNumber: ke } = de(), { getColumnDisplayName: v } = u(), { ref: Ae, inView: je } = we(), { data: y } = ee(Oe, ke), { schema: b, data: x, rowId: S, versionNumber: Me, genericCardSchema: C, secondaryLabelLimit: Ne, sharePageLinkButtonProps: Pe, selectColumns: w, columnModels: T, iconOptions: Fe, useTypeColumnForIcon: E = !1, isHeader: D = !1, sustainabilityScorecard: Ie, headerCardVariant: Le, titleLinkConfig: O, ctaLinkConfig: k, labelLinkConfig: Re, descriptionConfig: ze, columnIconOptions: A, CardTypeAdornment: j, charCountCutoff: Be } = t, { link: Ve = "", type: M, includeCitation: He, includeShareButton: Ue, defaultCitationFormat: We, citationBoilerplateText: Ge, downloadCartSynId: N, portalDoiConfiguration: P } = C, F = x[b[C.title]], I = C.subTitle && x[b[C.subTitle]];
+	I = C.subTitle && ne({
 		value: I,
-		columnName: S.subTitle,
-		selectColumns: C,
-		columnModels: w
+		columnName: C.subTitle,
+		selectColumns: w,
+		columnModels: T
 	}).str;
-	let Ke = b[y[S.description || ""]], qe = b[y[S.icon || ""]], L = b[y[S.dataTypeIconNames || ""]], R = b[y[S.imageFileHandleColumnName || ""]], Je = w?.find((e) => S.link === e.name)?.columnType, z = b[y[Ve]] || "", { href: Ye, target: Xe } = c(z, O, b, y, x), Ze = S.synapseEntityConfig, B = _e((e) => {
+	let Ke = x[b[C.description || ""]], qe = x[b[C.icon || ""]], L = x[b[C.dataTypeIconNames || ""]], R = x[b[C.imageFileHandleColumnName || ""]], Je = T?.find((e) => C.link === e.name)?.columnType, z = x[b[Ve]] || "", { href: Ye, target: Xe } = c(z, O, x, b, S), Ze = C.synapseEntityConfig, B = ge((e) => {
 		if (!e) return;
-		let t = y[e];
-		if (t !== void 0) return b[t];
-	}, [y, b]), Qe = d(() => {
-		let { titleAreaDetails: e } = S;
+		let t = b[e];
+		if (t !== void 0) return x[t];
+	}, [b, x]), Qe = f(() => {
+		let { titleAreaDetails: e } = C;
 		if (!e) return;
-		let t = typeof e == "function" ? e(y, b) : e;
+		let t = typeof e == "function" ? e(b, x) : e;
 		if (t.length === 0) return;
 		let n = t.map((e) => {
-			let t = b[y[e]];
+			let t = x[b[e]];
 			return t ? {
-				name: _(e),
+				name: v(e),
 				rawValue: t,
 				columnName: e
 			} : null;
 		}).filter(Boolean);
-		if (n.length !== 0) return /* @__PURE__ */ m(p, {
+		if (n.length !== 0) return /* @__PURE__ */ h(m, {
 			direction: "column",
 			gap: "4px",
-			children: n.map(({ name: e, rawValue: t, columnName: n }) => /* @__PURE__ */ h(p, {
+			children: n.map(({ name: e, rawValue: t, columnName: n }) => /* @__PURE__ */ g(m, {
 				direction: "row",
 				gap: "4px",
 				alignItems: "center",
-				children: [/* @__PURE__ */ h(xe, {
+				children: [/* @__PURE__ */ g(be, {
 					component: "span",
 					variant: "body1",
 					children: [e, ":"]
-				}), /* @__PURE__ */ m(u, {
+				}), /* @__PURE__ */ h(d, {
 					value: t,
 					columnName: n,
 					labelLink: void 0,
-					isHeader: E,
-					selectColumns: C,
-					columnModels: w,
-					rowData: b,
+					isHeader: D,
+					selectColumns: w,
+					columnModels: T,
+					rowData: x,
 					columnIconOptions: A
 				})]
 			}, n))
 		});
 	}, [
-		S,
-		b,
-		y,
-		_,
-		E,
 		C,
+		x,
+		b,
+		v,
+		D,
 		w,
+		T,
 		A
-	]), { entityId: V, entityVersionNumber: H } = ge({
+	]), { entityId: V, entityVersionNumber: H } = he({
 		synapseEntityConfig: Ze,
 		getColumnValue: B,
-		rowId: x,
-		rowVersionNumber: Ne
+		rowId: S,
+		rowVersionNumber: Me
 	}), U = V, W = H;
 	if (N) {
 		let e = a(B(N) ?? "");
 		U = e?.targetId, W = e?.targetVersionNumber;
 	}
-	let G = se({
-		data: d(() => le(b, y), [b, y]),
+	let G = l({
+		data: f(() => ce(x, b), [x, b]),
 		portalDoiConfiguration: P
-	}), $e = ce({
+	}), $e = se({
 		portalId: P?.portalId,
 		resourceId: G
-	}), K = [], { secondaryLabels: q = [] } = S, J = S.customSecondaryLabelConfig;
-	if ($e && P && G && Me && K.push({
+	}), K = [], { secondaryLabels: q = [] } = C, J = C.customSecondaryLabelConfig;
+	if ($e && P && G && je && K.push({
 		columnDisplayName: "DOI",
-		value: /* @__PURE__ */ m(oe, {
+		value: /* @__PURE__ */ h(oe, {
 			portalId: P.portalId,
 			resourceId: G
 		})
-	}), J?.isVisible(y, b)) {
+	}), J?.isVisible(b, x)) {
 		let { key: e, value: t } = J;
 		U ? K.push({
 			columnDisplayName: "HOW TO DOWNLOAD",
-			value: /* @__PURE__ */ m(be, {
-				onClick: () => g((e) => !e),
+			value: /* @__PURE__ */ h(ye, {
+				onClick: () => _((e) => !e),
 				children: "Click here to add to Synapse download list"
 			})
 		}) : K.push({
@@ -138,29 +138,29 @@ function g(t) {
 			value: t
 		});
 	}
-	let et = v && !i(v);
+	let et = y && !i(y);
 	for (let e = 0; e < q.length; e += 1) {
-		let t = q[e], i = b[y[t]], a = i, o;
-		if (a) {
-			if (r(v) && t === "datasetSizeInBytes") o = "Size", a = n(parseInt(i));
+		let t = q[e], i = x[b[t]], a = i, o;
+		if (a && i !== "[]" && i !== "[\"\"]") {
+			if (r(y) && t === "datasetSizeInBytes") o = "Size", a = n(parseInt(i));
 			else if (et && t === "currentVersion") {
-				let e = b[y.id];
-				a = /* @__PURE__ */ m(Ee, {
+				let e = x[b.id];
+				a = /* @__PURE__ */ h(Te, {
 					synapseId: e,
 					version: i
 				}), o = "Version";
 			} else {
 				let e = Re?.find((e) => e.matchColumnName === t);
-				a = /* @__PURE__ */ m(u, {
+				a = /* @__PURE__ */ h(d, {
 					value: i,
 					columnName: t,
 					labelLink: e,
-					isHeader: E,
-					selectColumns: C,
-					columnModels: w,
-					rowData: b,
+					isHeader: D,
+					selectColumns: w,
+					columnModels: T,
+					rowData: x,
 					columnIconOptions: A
-				}), o = _(t);
+				}), o = v(t);
 			}
 			K.push({
 				columnDisplayName: o,
@@ -169,38 +169,38 @@ function g(t) {
 			});
 		}
 	}
-	let Y = te(v, R || z, b[y.id]), tt = _(S.description || ""), X = o("doi", C, w), Z = X === void 0 ? void 0 : b[X], Q = (k ? Array.isArray(k) ? k : [k] : []).map((e) => {
-		let t = b[y[e.link]] || "";
+	let Y = te(y, R || z, x[b.id]), tt = v(C.description || ""), X = o("doi", w, T), Z = X === void 0 ? void 0 : x[X], Q = (k ? Array.isArray(k) ? k : [k] : []).map((e) => {
+		let t = x[b[e.link]] || "";
 		if (!t) return null;
-		let { href: n, target: r } = c(t, void 0, b, y, x);
+		let { href: n, target: r } = c(t, void 0, x, b, S);
 		return {
 			text: e.text,
 			href: n,
 			target: r
 		};
-	}).filter(Boolean), $ = /* @__PURE__ */ m(Se, {});
-	V != null && H != null && ($ = /* @__PURE__ */ m(ie, {
+	}).filter(Boolean), $ = /* @__PURE__ */ h(xe, {});
+	V != null && H != null && ($ = /* @__PURE__ */ h(ie, {
 		datasetId: V,
 		datasetVersionNumber: H
 	}));
-	let nt = j ? /* @__PURE__ */ m(j, {
-		schema: y,
-		data: b
+	let nt = j ? /* @__PURE__ */ h(j, {
+		schema: b,
+		data: x
 	}) : null;
-	return /* @__PURE__ */ m(he, {
-		ref: je,
-		icon: /* @__PURE__ */ m(ae, {
-			type: T ? b[y.type] : S.type,
-			useTypeForIcon: T,
-			thumbnailRequiresPadding: S.thumbnailRequiresPadding,
+	return /* @__PURE__ */ h(me, {
+		ref: Ae,
+		icon: /* @__PURE__ */ h(ae, {
+			type: E ? x[b.type] : C.type,
+			useTypeForIcon: E,
+			thumbnailRequiresPadding: C.thumbnailRequiresPadding,
 			imageFileHandleId: R,
 			fileHandleAssociation: Y,
-			iconOptions: Ie,
+			iconOptions: Fe,
 			iconValue: qe
 		}),
-		isHeader: E,
-		sustainabilityScorecard: Le,
-		headerCardVariant: D,
+		isHeader: D,
+		sustainabilityScorecard: Ie,
+		headerCardVariant: Le,
 		type: M,
 		title: F,
 		subtitle: I,
@@ -209,7 +209,7 @@ function g(t) {
 			href: Ye
 		},
 		cardTypeAdornment: nt,
-		titleAsFileHandleLinkConfiguration: !O && Je === Ce.FILEHANDLEID && Y ? {
+		titleAsFileHandleLinkConfiguration: !O && Je === Se.FILEHANDLEID && Y ? {
 			fileHandleAssociation: Y,
 			showDownloadIcon: M !== e
 		} : void 0,
@@ -220,22 +220,22 @@ function g(t) {
 		descriptionConfig: ze,
 		charCountCutoff: Be,
 		labels: K,
-		secondaryLabelLimit: Pe,
+		secondaryLabelLimit: Ne,
 		useStylesForDisplayedImage: !!R,
-		cardTopContent: U && /* @__PURE__ */ m(ye, {
+		cardTopContent: U && /* @__PURE__ */ h(ve, {
 			in: s,
-			children: /* @__PURE__ */ m(de, {
+			children: /* @__PURE__ */ h(ue, {
 				entityId: U,
 				versionNumber: W,
-				handleClose: () => g(!1),
+				handleClose: () => _(!1),
 				onIsLoadingChange: (e) => {
-					Oe(e);
+					De(e);
 				}
 			})
 		}),
-		renderedIconList: A?.columns?.dataType && L?.length && /* @__PURE__ */ m("div", {
+		renderedIconList: A?.columns?.dataType && L?.length && /* @__PURE__ */ h("div", {
 			style: { marginTop: "20px" },
-			children: /* @__PURE__ */ m(l, {
+			children: /* @__PURE__ */ h(fe, {
 				iconConfigs: A.columns.dataType,
 				iconNames: JSON.parse(L),
 				commonIconProps: { sx: { fontSize: "40px" } },
@@ -243,32 +243,32 @@ function g(t) {
 				useTheme: !0
 			})
 		}),
-		cardTopButtons: /* @__PURE__ */ h(ve, {
+		cardTopButtons: /* @__PURE__ */ g(_e, {
 			sx: {
 				display: "flex",
 				gap: 1
 			},
 			children: [
 				$,
-				U && /* @__PURE__ */ m(re, {
-					onClick: () => g((e) => !e),
+				U && /* @__PURE__ */ h(re, {
+					onClick: () => _((e) => !e),
 					variant: "outlined",
-					startIcon: /* @__PURE__ */ m(we, { sx: { height: "12px" } }),
-					loading: De,
+					startIcon: /* @__PURE__ */ h(Ce, { sx: { height: "12px" } }),
+					loading: Ee,
 					children: "Download"
 				}),
-				He && Z && /* @__PURE__ */ m(ue, {
+				He && Z && /* @__PURE__ */ h(le, {
 					title: F,
 					doi: Z,
 					boilerplateText: Ge,
 					defaultCitationFormat: We
 				}),
-				Ue && E && /* @__PURE__ */ m(me, { ...Fe })
+				Ue && D && /* @__PURE__ */ h(pe, { ...Pe })
 			]
 		})
 	});
 }
 //#endregion
-export { g as TableRowGenericCard, g as default };
+export { _ as TableRowGenericCard, _ as default };
 
 //# sourceMappingURL=TableRowGenericCard.js.map

package/dist/components/GenericCard/TableRowGenericCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowGenericCard.js","names":[],"sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"sourcesContent":["import { CommonCardProps } from '@/components/CardContainer/CardConfiguration'\nimport {\n  getFileHandleAssociation,\n  getLinkParams,\n  getValueOrMultiValue,\n} from '@/components/GenericCard/CardUtils'\nimport CroissantButton from '@/components/GenericCard/CroissantButton/CroissantButton'\nimport { GenericCardIcon } from '@/components/GenericCard/GenericCardIcon'\nimport PortalDOI from '@/components/GenericCard/PortalDOI/PortalDOI'\nimport {\n  getCandidateDoiId,\n  useShowDoiCardLabel,\n} from '@/components/GenericCard/PortalDOI/PortalDOIUtils'\nimport { mapRowToRecord } from '@/components/SynapseTable/SynapseTableUtils'\nimport { useGetEntity } from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isDatasetCollection,\n  isTableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { parseSynId } from '@/utils/functions/RegularExpressions'\nimport { getColumnIndex } from '@/utils/functions/SqlFunctions'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport * as SynapseConstants from '@/utils/SynapseConstants'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Collapse, Link, Stack, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  Entity,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport CitationPopover from '../CitationPopover'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { HeaderCardVariant } from '../HeaderCard'\nimport IconList from '../IconList'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport ShareThisPage, {\n  ShareThisPageProps,\n} from '../ShareThisPage/ShareThisPage'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport GenericCard from './GenericCard'\nimport GenericCardActionButton from './GenericCardActionButton'\nimport { PortalDOIConfiguration } from './PortalDOI/PortalDOIConfiguration'\nimport { SynapseCardLabel } from './SynapseCardLabel'\nimport { useResolvedSynapseEntity } from './useResolvedSynapseEntity'\n\ntype RowSynapseEntityConfig = {\n  /** Use the table rowId to resolve the Synapse entity ID. */\n  id: {\n    source: 'rowId'\n  }\n  /** Use the table rowVersionNumber to resolve the Synapse entity version (if available). */\n  version?: {\n    source: 'rowVersionNumber'\n  }\n}\n\ntype ColumnSynapseEntityConfig = {\n  /** Use a column value to resolve the Synapse entity ID. */\n  id: {\n    source: 'column'\n    columnName: string\n  }\n  /** Use a column value to resolve the Synapse entity version. */\n  version?: {\n    source: 'column'\n    columnName: string\n  }\n}\n\nexport type SynapseEntityConfig =\n  | RowSynapseEntityConfig\n  | ColumnSynapseEntityConfig\n\n/**\n * Maps a table query result to a GenericCard.\n */\nexport type TableToGenericCardMapping = {\n  /** The 'type' of resource a card refers to. Renders a label on the card with this string value.\n   *  Can be hidden by setting it to '' (empty string)\n   */\n  type: string\n  /** The column name whose data contains the title of the card */\n  title: string\n  /** The column name whose data contains the subtitle of the card */\n  subTitle?: string\n  /** The column name whose data contains the description of the card */\n  description?: string\n  /** If true, a 'Cite As' button will be displayed for those cards with a DOI in the 'doi' column  */\n  includeCitation?: boolean\n  /** If true, a 'Share this page' button will be displayed  */\n  includeShareButton?: boolean\n  /**\n   * Configuration for displaying the SustainabilityScorecard component\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /** The initial citation format to use in the 'Cite As' UI */\n  defaultCitationFormat?: 'bibtex' | 'apa' | 'ieee' | 'nature' | 'science'\n  /** Static text displayed in the 'Cite As' UI */\n  citationBoilerplateText?: string\n  /** The column name whose data contains the value used to map to the icon */\n  icon?: string\n  /** The column name whose data contains an image file handle to be displayed on the card */\n  imageFileHandleColumnName?: string\n  /** Static boolean value used if the image displayed using `imageFileHandleColumnName` requires extra padding */\n  thumbnailRequiresPadding?: boolean\n  /** Array of column names to be used for labels in the Card Footer */\n  secondaryLabels?: string[]\n  /** Can be used to add a custom secondary label */\n  customSecondaryLabelConfig?: {\n    /** The displayed label key */\n    key: string\n    /** The value to display */\n    value: React.ReactNode\n    /** Callback to determine visibility of the label\n     * @param schema the mapping of columnName to data index\n     * @param data the row data\n     */\n    isVisible: (schema: Record<string, number>, data: string[]) => boolean\n  }\n  /** Column name of the link value if the title should be linked */\n  link?: string\n  /** Column name of the STRING_LIST column that includes icon names that represent icons that should be displayed on the card */\n  dataTypeIconNames?: string\n  /**\n   * Ordered list of column names to display to the right of the title area.\n   * Each renders as \"Display Name: Value\" on its own line. Rows with empty values are skipped.\n   * The display name is derived from getColumnDisplayName (respects column aliases and unCamelCase).\n   *\n   * Can also be a function that receives the schema and row data and returns the list of column\n   * names to display, allowing the displayed details to vary based on the row's actual values.\n   */\n  titleAreaDetails?:\n    | string[]\n    | ((schema: Record<string, number>, data: string[]) => string[])\n  /** Configuration for resolving the Synapse entity ID/version represented by each card row.\n   *  The ID and version sources must both reference either row-based values or column-based values.\n   */\n  synapseEntityConfig?: SynapseEntityConfig\n  /** The column name whose data contains a synId that can be used to show a button to add the corresponding entity to the download cart. */\n  downloadCartSynId?: string\n  /** Configuration to display a DOI, as well as the ability to create one for users with such permission */\n  portalDoiConfiguration?: PortalDOIConfiguration\n}\n\nexport type TableRowGenericCardProps = {\n  /** The schema that maps a table result to the GenericCard UI */\n  genericCardSchema: TableToGenericCardMapping\n  /** The table's SelectColumns */\n  selectColumns?: SelectColumn[]\n  /** The table's ColumnModels */\n  columnModels?: ColumnModel[]\n  /** If true, the 'type' column will be used as the icon string to choose the icon */\n  useTypeColumnForIcon?: boolean\n  /** If true, render the card as a HeaderCard */\n  isHeader?: boolean\n  /** If isHeader is true, use this variant of HeaderCard */\n  headerCardVariant?: HeaderCardVariant\n  isAlignToLeftNav?: boolean\n  /** Mapping of column name to row data index */\n  schema: Record<string, number>\n  /** The row data */\n  data: string[]\n  /** The ID of the table row */\n  rowId?: number\n  /** The versionNumber of the table row */\n  versionNumber?: number\n  /** Optional props for the ShareThisPage component */\n  sharePageLinkButtonProps?: ShareThisPageProps\n  /** Optional function that receives schema and data and returns a ReactNode to be rendered next to the card type */\n  CardTypeAdornment?: React.ComponentType<{\n    schema: Record<string, number>\n    data: string[]\n  }>\n} & CommonCardProps\n\n// SWC-6115: special rendering of the version column (for Views)\nfunction VersionLabel(props: { synapseId: string; version: string }) {\n  const { synapseId, version } = props\n  return (\n    <span>\n      {version}&nbsp;&nbsp;\n      <a\n        target={TargetEnum.NEW_WINDOW}\n        rel=\"noopener noreferrer\"\n        href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${synapseId}.${version}`}\n      >\n        (Show Version History on Synapse)\n      </a>\n    </span>\n  )\n}\n\n/**\n * Maps a table row to a GenericCard.\n */\nexport function TableRowGenericCard(props: TableRowGenericCardProps) {\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState(false)\n  const [downloadButtonLoading, setDownloadButtonLoading] = useState(false)\n\n  const { entityId, versionNumber } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const { ref, inView: cardIsInView } = useInView()\n\n  const { data: table } = useGetEntity<Table>(entityId, versionNumber)\n\n  const {\n    schema,\n    data,\n    rowId,\n    versionNumber: rowVersionNumber,\n    genericCardSchema,\n    secondaryLabelLimit,\n    sharePageLinkButtonProps,\n    selectColumns,\n    columnModels,\n    iconOptions,\n    useTypeColumnForIcon = false,\n    isHeader = false,\n    sustainabilityScorecard,\n    headerCardVariant,\n    titleLinkConfig,\n    ctaLinkConfig,\n    labelLinkConfig,\n    descriptionConfig,\n    columnIconOptions,\n    CardTypeAdornment,\n    charCountCutoff,\n  } = props\n\n  const {\n    link = '',\n    type,\n    includeCitation,\n    includeShareButton,\n    defaultCitationFormat,\n    citationBoilerplateText,\n    downloadCartSynId,\n    portalDoiConfiguration,\n  } = genericCardSchema\n  const title = data[schema[genericCardSchema.title]]\n  let subTitle =\n    genericCardSchema.subTitle && data[schema[genericCardSchema.subTitle]]\n  subTitle =\n    genericCardSchema.subTitle &&\n    getValueOrMultiValue({\n      value: subTitle,\n      columnName: genericCardSchema.subTitle,\n      selectColumns,\n      columnModels,\n    }).str\n  const description = data[schema[genericCardSchema.description || '']]\n  const iconValue = data[schema[genericCardSchema.icon || '']]\n  const dataTypeIconNames =\n    data[schema[genericCardSchema.dataTypeIconNames || '']]\n  const imageFileHandleIdValue =\n    data[schema[genericCardSchema.imageFileHandleColumnName || '']]\n  const titleColumnModel = columnModels?.find(\n    el => genericCardSchema.link === el.name,\n  )\n  const titleColumnType = titleColumnModel?.columnType\n  // wrap link in parens because undefined would throw an error\n  const linkValue: string = data[schema[link]] || ''\n  const { href, target } = getLinkParams(\n    linkValue,\n    titleLinkConfig,\n    data,\n    schema,\n    rowId,\n  )\n\n  const synapseEntityConfig = genericCardSchema.synapseEntityConfig\n\n  const getColumnValue = useCallback(\n    (columnName?: string) => {\n      if (!columnName) {\n        return undefined\n      }\n      const columnIndex = schema[columnName]\n      if (columnIndex === undefined) {\n        return undefined\n      }\n      return data[columnIndex]\n    },\n    [schema, data],\n  )\n\n  const resolvedTitleAreaRightContent = useMemo(() => {\n    const { titleAreaDetails } = genericCardSchema\n    if (!titleAreaDetails) return undefined\n    const columns =\n      typeof titleAreaDetails === 'function'\n        ? titleAreaDetails(schema, data)\n        : titleAreaDetails\n    if (columns.length === 0) return undefined\n    const rows = columns\n      .map(columnName => {\n        const rawValue: string | undefined = data[schema[columnName]]\n        if (!rawValue) return null\n        return { name: getColumnDisplayName(columnName), rawValue, columnName }\n      })\n      .filter(Boolean) as {\n      name: string\n      rawValue: string\n      columnName: string\n    }[]\n    if (rows.length === 0) return undefined\n    return (\n      <Stack direction=\"column\" gap=\"4px\">\n        {rows.map(({ name, rawValue, columnName }) => (\n          <Stack key={columnName} direction=\"row\" gap=\"4px\" alignItems=\"center\">\n            <Typography component=\"span\" variant=\"body1\">\n              {name}:\n            </Typography>\n            <SynapseCardLabel\n              value={rawValue}\n              columnName={columnName}\n              labelLink={undefined}\n              isHeader={isHeader}\n              selectColumns={selectColumns}\n              columnModels={columnModels}\n              rowData={data}\n              columnIconOptions={columnIconOptions}\n            />\n          </Stack>\n        ))}\n      </Stack>\n    )\n  }, [\n    genericCardSchema,\n    data,\n    schema,\n    getColumnDisplayName,\n    isHeader,\n    selectColumns,\n    columnModels,\n    columnIconOptions,\n  ])\n\n  const {\n    entityId: resolvedSynapseEntityId,\n    entityVersionNumber: resolvedSynapseEntityVersionNumber,\n  } = useResolvedSynapseEntity({\n    synapseEntityConfig,\n    getColumnValue,\n    rowId,\n    rowVersionNumber,\n  })\n\n  let resolvedDownloadCartSynIdValue = resolvedSynapseEntityId\n  let resolvedDownloadCartVersionNumber = resolvedSynapseEntityVersionNumber\n\n  if (downloadCartSynId) {\n    const reference = parseSynId(getColumnValue(downloadCartSynId) ?? '')\n    resolvedDownloadCartSynIdValue = reference?.targetId\n    resolvedDownloadCartVersionNumber = reference?.targetVersionNumber\n  }\n\n  // Transform the row to a record of (columnName, value) pairs for compatibility with getCandidateDoiId\n  const dataAsRecord: Record<string, string | null> = useMemo(\n    () => mapRowToRecord(data, schema),\n    [data, schema],\n  )\n\n  const candidateDoiId = getCandidateDoiId({\n    data: dataAsRecord,\n    portalDoiConfiguration,\n  })\n\n  const showDoiCardLabel = useShowDoiCardLabel({\n    portalId: portalDoiConfiguration?.portalId,\n    resourceId: candidateDoiId,\n  })\n\n  const values: {\n    columnDisplayName: string\n    value: React.ReactNode\n    columnName?: string\n  }[] = []\n  const { secondaryLabels = [] } = genericCardSchema\n  const customLabelConfig = genericCardSchema.customSecondaryLabelConfig\n\n  // PORTALS-3549 - if a DOI exists or can be created by the current user, show it\n  if (\n    showDoiCardLabel &&\n    portalDoiConfiguration &&\n    candidateDoiId &&\n    cardIsInView\n  ) {\n    values.push({\n      columnDisplayName: 'DOI',\n      value: (\n        <PortalDOI\n          portalId={portalDoiConfiguration.portalId}\n          resourceId={candidateDoiId}\n        />\n      ),\n    })\n  }\n\n  // Overwrite the 'HOW TO DOWNLOAD' link if a synapse ID is available\n  if (customLabelConfig?.isVisible(schema, data)) {\n    const { key, value } = customLabelConfig\n    if (resolvedDownloadCartSynIdValue) {\n      values.push({\n        columnDisplayName: 'HOW TO DOWNLOAD',\n        value: (\n          <Link onClick={() => setShowDownloadConfirmation(val => !val)}>\n            Click here to add to Synapse download list\n          </Link>\n        ),\n      })\n    } else {\n      values.push({ columnDisplayName: key, value })\n    }\n  }\n\n  const isView = table && !isTableEntity(table)\n  for (let i = 0; i < secondaryLabels.length; i += 1) {\n    const columnName = secondaryLabels[i]\n    const rawValue: string | undefined = data[schema[columnName]]\n    let renderedValue: React.ReactNode = rawValue\n    let columnDisplayName\n    if (renderedValue) {\n      // PORTALS-2750: special rendering of the datasetSizeInBytes (for Dataset Collections)\n      if (\n        isDatasetCollection(table as Entity) &&\n        columnName === 'datasetSizeInBytes'\n      ) {\n        columnDisplayName = 'Size'\n        renderedValue = calculateFriendlyFileSize(parseInt(rawValue))\n      } // SWC-6115: special rendering of the version column (for Views)\n      else if (isView && columnName === 'currentVersion') {\n        const synapseId = data[schema.id]\n        renderedValue = (\n          <VersionLabel synapseId={synapseId} version={rawValue} />\n        )\n        columnDisplayName = 'Version'\n      } else {\n        const labelLink = labelLinkConfig?.find(\n          el => el.matchColumnName === columnName,\n        )\n        renderedValue = (\n          <SynapseCardLabel\n            value={rawValue}\n            columnName={columnName}\n            labelLink={labelLink}\n            isHeader={isHeader}\n            selectColumns={selectColumns}\n            columnModels={columnModels}\n            rowData={data}\n            columnIconOptions={columnIconOptions}\n          />\n        )\n        columnDisplayName = getColumnDisplayName(columnName)\n      }\n      values.push({ columnDisplayName, value: renderedValue, columnName })\n    }\n  }\n\n  const fileHandleId = imageFileHandleIdValue || linkValue\n\n  /**\n   * To show a direct download link to a file, we need to determine the association that gives permission to download the file.\n   */\n  const fileHandleAssociation = getFileHandleAssociation(\n    table,\n    fileHandleId,\n    data[schema.id],\n  )\n\n  const descriptionSubTitle = getColumnDisplayName(\n    genericCardSchema.description || '',\n  )\n\n  const doiColumnIndex = getColumnIndex('doi', selectColumns, columnModels)\n  const doiValue =\n    doiColumnIndex !== undefined ? data[doiColumnIndex] : undefined\n\n  // Normalize ctaLinkConfig to array and resolve each config\n  const ctaLinkConfigs = ctaLinkConfig\n    ? Array.isArray(ctaLinkConfig)\n      ? ctaLinkConfig\n      : [ctaLinkConfig]\n    : []\n  const resolvedCtaLinkConfigs = ctaLinkConfigs\n    .map(config => {\n      const ctaLinkValue: string = data[schema[config.link]] || ''\n      if (!ctaLinkValue) return null\n      const { href, target } = getLinkParams(\n        ctaLinkValue,\n        undefined, //card link config\n        data,\n        schema,\n        rowId,\n      )\n      return {\n        text: config.text,\n        href,\n        target,\n      }\n    })\n    .filter(Boolean) as { text: string; href: string; target?: string }[]\n\n  let croissantButton = <></>\n  if (\n    resolvedSynapseEntityId != null &&\n    resolvedSynapseEntityVersionNumber != null\n  ) {\n    croissantButton = (\n      <CroissantButton\n        datasetId={resolvedSynapseEntityId}\n        datasetVersionNumber={resolvedSynapseEntityVersionNumber}\n      />\n    )\n  }\n\n  const resolvedCardTypeAdornment = CardTypeAdornment ? (\n    <CardTypeAdornment schema={schema} data={data} />\n  ) : null\n\n  return (\n    <GenericCard\n      ref={ref}\n      icon={\n        <GenericCardIcon\n          type={\n            useTypeColumnForIcon ? data[schema['type']] : genericCardSchema.type\n          }\n          useTypeForIcon={useTypeColumnForIcon}\n          thumbnailRequiresPadding={genericCardSchema.thumbnailRequiresPadding}\n          imageFileHandleId={imageFileHandleIdValue}\n          fileHandleAssociation={fileHandleAssociation}\n          iconOptions={iconOptions}\n          iconValue={iconValue}\n        />\n      }\n      isHeader={isHeader}\n      sustainabilityScorecard={sustainabilityScorecard}\n      headerCardVariant={headerCardVariant}\n      type={type}\n      title={title}\n      subtitle={subTitle}\n      titleLinkConfiguration={{ target, href }}\n      cardTypeAdornment={resolvedCardTypeAdornment}\n      titleAsFileHandleLinkConfiguration={\n        !titleLinkConfig &&\n        titleColumnType === ColumnTypeEnum.FILEHANDLEID &&\n        fileHandleAssociation\n          ? {\n              fileHandleAssociation: fileHandleAssociation,\n              showDownloadIcon: type !== SynapseConstants.EXPERIMENTAL,\n            }\n          : undefined\n      }\n      ctaLinkConfig={\n        resolvedCtaLinkConfigs.length > 0 ? resolvedCtaLinkConfigs : undefined\n      }\n      titleAreaRightContent={resolvedTitleAreaRightContent}\n      description={description}\n      descriptionSubTitle={descriptionSubTitle}\n      descriptionConfig={descriptionConfig}\n      charCountCutoff={charCountCutoff}\n      labels={values}\n      secondaryLabelLimit={secondaryLabelLimit}\n      useStylesForDisplayedImage={Boolean(imageFileHandleIdValue)}\n      cardTopContent={\n        resolvedDownloadCartSynIdValue && (\n          <Collapse in={showDownloadConfirmation}>\n            <EntityDownloadConfirmation\n              entityId={resolvedDownloadCartSynIdValue}\n              versionNumber={resolvedDownloadCartVersionNumber}\n              handleClose={() => setShowDownloadConfirmation(false)}\n              onIsLoadingChange={isLoading => {\n                setDownloadButtonLoading(isLoading)\n              }}\n            />\n          </Collapse>\n        )\n      }\n      renderedIconList={\n        // If the portal configs has columnIconOptions.columns.dataType option\n        // and the column value is not null, display the card data type icons\n        columnIconOptions?.columns?.dataType &&\n        dataTypeIconNames?.length && (\n          <div style={{ marginTop: '20px' }}>\n            <IconList\n              iconConfigs={columnIconOptions.columns.dataType}\n              iconNames={JSON.parse(dataTypeIconNames) as string[]}\n              commonIconProps={{\n                sx: { fontSize: '40px' },\n              }}\n              useBackground={true}\n              useTheme={true}\n            />\n          </div>\n        )\n      }\n      cardTopButtons={\n        <Box sx={{ display: 'flex', gap: 1 }}>\n          {croissantButton}\n          {/* PORTALS-3386 Use synapseLink in schema to add entity to download cart */}\n          {resolvedDownloadCartSynIdValue && (\n            <GenericCardActionButton\n              onClick={() => setShowDownloadConfirmation(val => !val)}\n              variant=\"outlined\"\n              startIcon={<GetAppTwoTone sx={{ height: '12px' }} />}\n              loading={downloadButtonLoading}\n            >\n              Download\n            </GenericCardActionButton>\n          )}\n          {includeCitation && doiValue && (\n            <CitationPopover\n              title={title}\n              doi={doiValue}\n              boilerplateText={citationBoilerplateText}\n              defaultCitationFormat={defaultCitationFormat}\n            />\n          )}\n          {includeShareButton && isHeader && (\n            <ShareThisPage {...sharePageLinkButtonProps} />\n          )}\n        </Box>\n      }\n    />\n  )\n}\n\nexport default TableRowGenericCard\n"],"mappings":"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"}
+{"version":3,"file":"TableRowGenericCard.js","names":[],"sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"sourcesContent":["import { CommonCardProps } from '@/components/CardContainer/CardConfiguration'\nimport {\n  getFileHandleAssociation,\n  getLinkParams,\n  getValueOrMultiValue,\n} from '@/components/GenericCard/CardUtils'\nimport CroissantButton from '@/components/GenericCard/CroissantButton/CroissantButton'\nimport { GenericCardIcon } from '@/components/GenericCard/GenericCardIcon'\nimport PortalDOI from '@/components/GenericCard/PortalDOI/PortalDOI'\nimport {\n  getCandidateDoiId,\n  useShowDoiCardLabel,\n} from '@/components/GenericCard/PortalDOI/PortalDOIUtils'\nimport { mapRowToRecord } from '@/components/SynapseTable/SynapseTableUtils'\nimport { useGetEntity } from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isDatasetCollection,\n  isTableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { parseSynId } from '@/utils/functions/RegularExpressions'\nimport { getColumnIndex } from '@/utils/functions/SqlFunctions'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport * as SynapseConstants from '@/utils/SynapseConstants'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Collapse, Link, Stack, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  Entity,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport CitationPopover from '../CitationPopover'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { HeaderCardVariant } from '../HeaderCard'\nimport IconList from '../IconList'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport ShareThisPage, {\n  ShareThisPageProps,\n} from '../ShareThisPage/ShareThisPage'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport GenericCard from './GenericCard'\nimport GenericCardActionButton from './GenericCardActionButton'\nimport { PortalDOIConfiguration } from './PortalDOI/PortalDOIConfiguration'\nimport { SynapseCardLabel } from './SynapseCardLabel'\nimport { useResolvedSynapseEntity } from './useResolvedSynapseEntity'\n\ntype RowSynapseEntityConfig = {\n  /** Use the table rowId to resolve the Synapse entity ID. */\n  id: {\n    source: 'rowId'\n  }\n  /** Use the table rowVersionNumber to resolve the Synapse entity version (if available). */\n  version?: {\n    source: 'rowVersionNumber'\n  }\n}\n\ntype ColumnSynapseEntityConfig = {\n  /** Use a column value to resolve the Synapse entity ID. */\n  id: {\n    source: 'column'\n    columnName: string\n  }\n  /** Use a column value to resolve the Synapse entity version. */\n  version?: {\n    source: 'column'\n    columnName: string\n  }\n}\n\nexport type SynapseEntityConfig =\n  | RowSynapseEntityConfig\n  | ColumnSynapseEntityConfig\n\n/**\n * Maps a table query result to a GenericCard.\n */\nexport type TableToGenericCardMapping = {\n  /** The 'type' of resource a card refers to. Renders a label on the card with this string value.\n   *  Can be hidden by setting it to '' (empty string)\n   */\n  type: string\n  /** The column name whose data contains the title of the card */\n  title: string\n  /** The column name whose data contains the subtitle of the card */\n  subTitle?: string\n  /** The column name whose data contains the description of the card */\n  description?: string\n  /** If true, a 'Cite As' button will be displayed for those cards with a DOI in the 'doi' column  */\n  includeCitation?: boolean\n  /** If true, a 'Share this page' button will be displayed  */\n  includeShareButton?: boolean\n  /**\n   * Configuration for displaying the SustainabilityScorecard component\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /** The initial citation format to use in the 'Cite As' UI */\n  defaultCitationFormat?: 'bibtex' | 'apa' | 'ieee' | 'nature' | 'science'\n  /** Static text displayed in the 'Cite As' UI */\n  citationBoilerplateText?: string\n  /** The column name whose data contains the value used to map to the icon */\n  icon?: string\n  /** The column name whose data contains an image file handle to be displayed on the card */\n  imageFileHandleColumnName?: string\n  /** Static boolean value used if the image displayed using `imageFileHandleColumnName` requires extra padding */\n  thumbnailRequiresPadding?: boolean\n  /** Array of column names to be used for labels in the Card Footer */\n  secondaryLabels?: string[]\n  /** Can be used to add a custom secondary label */\n  customSecondaryLabelConfig?: {\n    /** The displayed label key */\n    key: string\n    /** The value to display */\n    value: React.ReactNode\n    /** Callback to determine visibility of the label\n     * @param schema the mapping of columnName to data index\n     * @param data the row data\n     */\n    isVisible: (schema: Record<string, number>, data: string[]) => boolean\n  }\n  /** Column name of the link value if the title should be linked */\n  link?: string\n  /** Column name of the STRING_LIST column that includes icon names that represent icons that should be displayed on the card */\n  dataTypeIconNames?: string\n  /**\n   * Ordered list of column names to display to the right of the title area.\n   * Each renders as \"Display Name: Value\" on its own line. Rows with empty values are skipped.\n   * The display name is derived from getColumnDisplayName (respects column aliases and unCamelCase).\n   *\n   * Can also be a function that receives the schema and row data and returns the list of column\n   * names to display, allowing the displayed details to vary based on the row's actual values.\n   */\n  titleAreaDetails?:\n    | string[]\n    | ((schema: Record<string, number>, data: string[]) => string[])\n  /** Configuration for resolving the Synapse entity ID/version represented by each card row.\n   *  The ID and version sources must both reference either row-based values or column-based values.\n   */\n  synapseEntityConfig?: SynapseEntityConfig\n  /** The column name whose data contains a synId that can be used to show a button to add the corresponding entity to the download cart. */\n  downloadCartSynId?: string\n  /** Configuration to display a DOI, as well as the ability to create one for users with such permission */\n  portalDoiConfiguration?: PortalDOIConfiguration\n}\n\nexport type TableRowGenericCardProps = {\n  /** The schema that maps a table result to the GenericCard UI */\n  genericCardSchema: TableToGenericCardMapping\n  /** The table's SelectColumns */\n  selectColumns?: SelectColumn[]\n  /** The table's ColumnModels */\n  columnModels?: ColumnModel[]\n  /** If true, the 'type' column will be used as the icon string to choose the icon */\n  useTypeColumnForIcon?: boolean\n  /** If true, render the card as a HeaderCard */\n  isHeader?: boolean\n  /** If isHeader is true, use this variant of HeaderCard */\n  headerCardVariant?: HeaderCardVariant\n  isAlignToLeftNav?: boolean\n  /** Mapping of column name to row data index */\n  schema: Record<string, number>\n  /** The row data */\n  data: string[]\n  /** The ID of the table row */\n  rowId?: number\n  /** The versionNumber of the table row */\n  versionNumber?: number\n  /** Optional props for the ShareThisPage component */\n  sharePageLinkButtonProps?: ShareThisPageProps\n  /** Optional function that receives schema and data and returns a ReactNode to be rendered next to the card type */\n  CardTypeAdornment?: React.ComponentType<{\n    schema: Record<string, number>\n    data: string[]\n  }>\n} & CommonCardProps\n\n// SWC-6115: special rendering of the version column (for Views)\nfunction VersionLabel(props: { synapseId: string; version: string }) {\n  const { synapseId, version } = props\n  return (\n    <span>\n      {version}&nbsp;&nbsp;\n      <a\n        target={TargetEnum.NEW_WINDOW}\n        rel=\"noopener noreferrer\"\n        href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${synapseId}.${version}`}\n      >\n        (Show Version History on Synapse)\n      </a>\n    </span>\n  )\n}\n\n/**\n * Maps a table row to a GenericCard.\n */\nexport function TableRowGenericCard(props: TableRowGenericCardProps) {\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState(false)\n  const [downloadButtonLoading, setDownloadButtonLoading] = useState(false)\n\n  const { entityId, versionNumber } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const { ref, inView: cardIsInView } = useInView()\n\n  const { data: table } = useGetEntity<Table>(entityId, versionNumber)\n\n  const {\n    schema,\n    data,\n    rowId,\n    versionNumber: rowVersionNumber,\n    genericCardSchema,\n    secondaryLabelLimit,\n    sharePageLinkButtonProps,\n    selectColumns,\n    columnModels,\n    iconOptions,\n    useTypeColumnForIcon = false,\n    isHeader = false,\n    sustainabilityScorecard,\n    headerCardVariant,\n    titleLinkConfig,\n    ctaLinkConfig,\n    labelLinkConfig,\n    descriptionConfig,\n    columnIconOptions,\n    CardTypeAdornment,\n    charCountCutoff,\n  } = props\n\n  const {\n    link = '',\n    type,\n    includeCitation,\n    includeShareButton,\n    defaultCitationFormat,\n    citationBoilerplateText,\n    downloadCartSynId,\n    portalDoiConfiguration,\n  } = genericCardSchema\n  const title = data[schema[genericCardSchema.title]]\n  let subTitle =\n    genericCardSchema.subTitle && data[schema[genericCardSchema.subTitle]]\n  subTitle =\n    genericCardSchema.subTitle &&\n    getValueOrMultiValue({\n      value: subTitle,\n      columnName: genericCardSchema.subTitle,\n      selectColumns,\n      columnModels,\n    }).str\n  const description = data[schema[genericCardSchema.description || '']]\n  const iconValue = data[schema[genericCardSchema.icon || '']]\n  const dataTypeIconNames =\n    data[schema[genericCardSchema.dataTypeIconNames || '']]\n  const imageFileHandleIdValue =\n    data[schema[genericCardSchema.imageFileHandleColumnName || '']]\n  const titleColumnModel = columnModels?.find(\n    el => genericCardSchema.link === el.name,\n  )\n  const titleColumnType = titleColumnModel?.columnType\n  // wrap link in parens because undefined would throw an error\n  const linkValue: string = data[schema[link]] || ''\n  const { href, target } = getLinkParams(\n    linkValue,\n    titleLinkConfig,\n    data,\n    schema,\n    rowId,\n  )\n\n  const synapseEntityConfig = genericCardSchema.synapseEntityConfig\n\n  const getColumnValue = useCallback(\n    (columnName?: string) => {\n      if (!columnName) {\n        return undefined\n      }\n      const columnIndex = schema[columnName]\n      if (columnIndex === undefined) {\n        return undefined\n      }\n      return data[columnIndex]\n    },\n    [schema, data],\n  )\n\n  const resolvedTitleAreaRightContent = useMemo(() => {\n    const { titleAreaDetails } = genericCardSchema\n    if (!titleAreaDetails) return undefined\n    const columns =\n      typeof titleAreaDetails === 'function'\n        ? titleAreaDetails(schema, data)\n        : titleAreaDetails\n    if (columns.length === 0) return undefined\n    const rows = columns\n      .map(columnName => {\n        const rawValue: string | undefined = data[schema[columnName]]\n        if (!rawValue) return null\n        return { name: getColumnDisplayName(columnName), rawValue, columnName }\n      })\n      .filter(Boolean) as {\n      name: string\n      rawValue: string\n      columnName: string\n    }[]\n    if (rows.length === 0) return undefined\n    return (\n      <Stack direction=\"column\" gap=\"4px\">\n        {rows.map(({ name, rawValue, columnName }) => (\n          <Stack key={columnName} direction=\"row\" gap=\"4px\" alignItems=\"center\">\n            <Typography component=\"span\" variant=\"body1\">\n              {name}:\n            </Typography>\n            <SynapseCardLabel\n              value={rawValue}\n              columnName={columnName}\n              labelLink={undefined}\n              isHeader={isHeader}\n              selectColumns={selectColumns}\n              columnModels={columnModels}\n              rowData={data}\n              columnIconOptions={columnIconOptions}\n            />\n          </Stack>\n        ))}\n      </Stack>\n    )\n  }, [\n    genericCardSchema,\n    data,\n    schema,\n    getColumnDisplayName,\n    isHeader,\n    selectColumns,\n    columnModels,\n    columnIconOptions,\n  ])\n\n  const {\n    entityId: resolvedSynapseEntityId,\n    entityVersionNumber: resolvedSynapseEntityVersionNumber,\n  } = useResolvedSynapseEntity({\n    synapseEntityConfig,\n    getColumnValue,\n    rowId,\n    rowVersionNumber,\n  })\n\n  let resolvedDownloadCartSynIdValue = resolvedSynapseEntityId\n  let resolvedDownloadCartVersionNumber = resolvedSynapseEntityVersionNumber\n\n  if (downloadCartSynId) {\n    const reference = parseSynId(getColumnValue(downloadCartSynId) ?? '')\n    resolvedDownloadCartSynIdValue = reference?.targetId\n    resolvedDownloadCartVersionNumber = reference?.targetVersionNumber\n  }\n\n  // Transform the row to a record of (columnName, value) pairs for compatibility with getCandidateDoiId\n  const dataAsRecord: Record<string, string | null> = useMemo(\n    () => mapRowToRecord(data, schema),\n    [data, schema],\n  )\n\n  const candidateDoiId = getCandidateDoiId({\n    data: dataAsRecord,\n    portalDoiConfiguration,\n  })\n\n  const showDoiCardLabel = useShowDoiCardLabel({\n    portalId: portalDoiConfiguration?.portalId,\n    resourceId: candidateDoiId,\n  })\n\n  const values: {\n    columnDisplayName: string\n    value: React.ReactNode\n    columnName?: string\n  }[] = []\n  const { secondaryLabels = [] } = genericCardSchema\n  const customLabelConfig = genericCardSchema.customSecondaryLabelConfig\n\n  // PORTALS-3549 - if a DOI exists or can be created by the current user, show it\n  if (\n    showDoiCardLabel &&\n    portalDoiConfiguration &&\n    candidateDoiId &&\n    cardIsInView\n  ) {\n    values.push({\n      columnDisplayName: 'DOI',\n      value: (\n        <PortalDOI\n          portalId={portalDoiConfiguration.portalId}\n          resourceId={candidateDoiId}\n        />\n      ),\n    })\n  }\n\n  // Overwrite the 'HOW TO DOWNLOAD' link if a synapse ID is available\n  if (customLabelConfig?.isVisible(schema, data)) {\n    const { key, value } = customLabelConfig\n    if (resolvedDownloadCartSynIdValue) {\n      values.push({\n        columnDisplayName: 'HOW TO DOWNLOAD',\n        value: (\n          <Link onClick={() => setShowDownloadConfirmation(val => !val)}>\n            Click here to add to Synapse download list\n          </Link>\n        ),\n      })\n    } else {\n      values.push({ columnDisplayName: key, value })\n    }\n  }\n\n  const isView = table && !isTableEntity(table)\n  for (let i = 0; i < secondaryLabels.length; i += 1) {\n    const columnName = secondaryLabels[i]\n    const rawValue: string | undefined = data[schema[columnName]]\n    let renderedValue: React.ReactNode = rawValue\n    let columnDisplayName\n    if (renderedValue && rawValue !== '[]' && rawValue !== '[\"\"]') {\n      // PORTALS-2750: special rendering of the datasetSizeInBytes (for Dataset Collections)\n      if (\n        isDatasetCollection(table as Entity) &&\n        columnName === 'datasetSizeInBytes'\n      ) {\n        columnDisplayName = 'Size'\n        renderedValue = calculateFriendlyFileSize(parseInt(rawValue))\n      } // SWC-6115: special rendering of the version column (for Views)\n      else if (isView && columnName === 'currentVersion') {\n        const synapseId = data[schema.id]\n        renderedValue = (\n          <VersionLabel synapseId={synapseId} version={rawValue} />\n        )\n        columnDisplayName = 'Version'\n      } else {\n        const labelLink = labelLinkConfig?.find(\n          el => el.matchColumnName === columnName,\n        )\n        renderedValue = (\n          <SynapseCardLabel\n            value={rawValue}\n            columnName={columnName}\n            labelLink={labelLink}\n            isHeader={isHeader}\n            selectColumns={selectColumns}\n            columnModels={columnModels}\n            rowData={data}\n            columnIconOptions={columnIconOptions}\n          />\n        )\n        columnDisplayName = getColumnDisplayName(columnName)\n      }\n      values.push({ columnDisplayName, value: renderedValue, columnName })\n    }\n  }\n\n  const fileHandleId = imageFileHandleIdValue || linkValue\n\n  /**\n   * To show a direct download link to a file, we need to determine the association that gives permission to download the file.\n   */\n  const fileHandleAssociation = getFileHandleAssociation(\n    table,\n    fileHandleId,\n    data[schema.id],\n  )\n\n  const descriptionSubTitle = getColumnDisplayName(\n    genericCardSchema.description || '',\n  )\n\n  const doiColumnIndex = getColumnIndex('doi', selectColumns, columnModels)\n  const doiValue =\n    doiColumnIndex !== undefined ? data[doiColumnIndex] : undefined\n\n  // Normalize ctaLinkConfig to array and resolve each config\n  const ctaLinkConfigs = ctaLinkConfig\n    ? Array.isArray(ctaLinkConfig)\n      ? ctaLinkConfig\n      : [ctaLinkConfig]\n    : []\n  const resolvedCtaLinkConfigs = ctaLinkConfigs\n    .map(config => {\n      const ctaLinkValue: string = data[schema[config.link]] || ''\n      if (!ctaLinkValue) return null\n      const { href, target } = getLinkParams(\n        ctaLinkValue,\n        undefined, //card link config\n        data,\n        schema,\n        rowId,\n      )\n      return {\n        text: config.text,\n        href,\n        target,\n      }\n    })\n    .filter(Boolean) as { text: string; href: string; target?: string }[]\n\n  let croissantButton = <></>\n  if (\n    resolvedSynapseEntityId != null &&\n    resolvedSynapseEntityVersionNumber != null\n  ) {\n    croissantButton = (\n      <CroissantButton\n        datasetId={resolvedSynapseEntityId}\n        datasetVersionNumber={resolvedSynapseEntityVersionNumber}\n      />\n    )\n  }\n\n  const resolvedCardTypeAdornment = CardTypeAdornment ? (\n    <CardTypeAdornment schema={schema} data={data} />\n  ) : null\n\n  return (\n    <GenericCard\n      ref={ref}\n      icon={\n        <GenericCardIcon\n          type={\n            useTypeColumnForIcon ? data[schema['type']] : genericCardSchema.type\n          }\n          useTypeForIcon={useTypeColumnForIcon}\n          thumbnailRequiresPadding={genericCardSchema.thumbnailRequiresPadding}\n          imageFileHandleId={imageFileHandleIdValue}\n          fileHandleAssociation={fileHandleAssociation}\n          iconOptions={iconOptions}\n          iconValue={iconValue}\n        />\n      }\n      isHeader={isHeader}\n      sustainabilityScorecard={sustainabilityScorecard}\n      headerCardVariant={headerCardVariant}\n      type={type}\n      title={title}\n      subtitle={subTitle}\n      titleLinkConfiguration={{ target, href }}\n      cardTypeAdornment={resolvedCardTypeAdornment}\n      titleAsFileHandleLinkConfiguration={\n        !titleLinkConfig &&\n        titleColumnType === ColumnTypeEnum.FILEHANDLEID &&\n        fileHandleAssociation\n          ? {\n              fileHandleAssociation: fileHandleAssociation,\n              showDownloadIcon: type !== SynapseConstants.EXPERIMENTAL,\n            }\n          : undefined\n      }\n      ctaLinkConfig={\n        resolvedCtaLinkConfigs.length > 0 ? resolvedCtaLinkConfigs : undefined\n      }\n      titleAreaRightContent={resolvedTitleAreaRightContent}\n      description={description}\n      descriptionSubTitle={descriptionSubTitle}\n      descriptionConfig={descriptionConfig}\n      charCountCutoff={charCountCutoff}\n      labels={values}\n      secondaryLabelLimit={secondaryLabelLimit}\n      useStylesForDisplayedImage={Boolean(imageFileHandleIdValue)}\n      cardTopContent={\n        resolvedDownloadCartSynIdValue && (\n          <Collapse in={showDownloadConfirmation}>\n            <EntityDownloadConfirmation\n              entityId={resolvedDownloadCartSynIdValue}\n              versionNumber={resolvedDownloadCartVersionNumber}\n              handleClose={() => setShowDownloadConfirmation(false)}\n              onIsLoadingChange={isLoading => {\n                setDownloadButtonLoading(isLoading)\n              }}\n            />\n          </Collapse>\n        )\n      }\n      renderedIconList={\n        // If the portal configs has columnIconOptions.columns.dataType option\n        // and the column value is not null, display the card data type icons\n        columnIconOptions?.columns?.dataType &&\n        dataTypeIconNames?.length && (\n          <div style={{ marginTop: '20px' }}>\n            <IconList\n              iconConfigs={columnIconOptions.columns.dataType}\n              iconNames={JSON.parse(dataTypeIconNames) as string[]}\n              commonIconProps={{\n                sx: { fontSize: '40px' },\n              }}\n              useBackground={true}\n              useTheme={true}\n            />\n          </div>\n        )\n      }\n      cardTopButtons={\n        <Box sx={{ display: 'flex', gap: 1 }}>\n          {croissantButton}\n          {/* PORTALS-3386 Use synapseLink in schema to add entity to download cart */}\n          {resolvedDownloadCartSynIdValue && (\n            <GenericCardActionButton\n              onClick={() => setShowDownloadConfirmation(val => !val)}\n              variant=\"outlined\"\n              startIcon={<GetAppTwoTone sx={{ height: '12px' }} />}\n              loading={downloadButtonLoading}\n            >\n              Download\n            </GenericCardActionButton>\n          )}\n          {includeCitation && doiValue && (\n            <CitationPopover\n              title={title}\n              doi={doiValue}\n              boilerplateText={citationBoilerplateText}\n              defaultCitationFormat={defaultCitationFormat}\n            />\n          )}\n          {includeShareButton && isHeader && (\n            <ShareThisPage {...sharePageLinkButtonProps} />\n          )}\n        </Box>\n      }\n    />\n  )\n}\n\nexport default TableRowGenericCard\n"],"mappings":"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"}

package/dist/components/Goals/Goals.Mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Goals.Mobile.js","names":[],"sources":["../../../src/components/Goals/Goals.Mobile.tsx"],"sourcesContent":["import { GoalsDataProps } from './Goals'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsMobile({\n  link,\n  summary,\n  countSql,\n  title,\n  linkText = 'Explore',\n}: GoalsDataProps) {\n  const titleElement = (\n    <div className=\"Goals__Mobile__Header\">\n      {countSql && (\n        <span className=\"Goals__Mobile__Header__Count\">\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span className=\"Goals__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div className=\"Goals__Mobile__Content\">\n      <p>{summary}</p>\n      <Button\n        variant=\"outlined\"\n        color=\"secondary\"\n        className=\"Goals__Mobile__Content__Link\"\n        href={link}\n      >\n        {linkText}\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAY,EAClC,SACA,YACA,aACA,UACA,cAAW,aACM;AAwBjB,QAAO,kBAAC,GAAD;EAAmB,OAtBxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,GAAU;KAAI,CAAA;IAClD,CAAA,EAET,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA+C;KAAE;KAAM;KAAQ;MAC3D;;EAegD,SAZtD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD,EAAA,UAAI,GAAY,CAAA,EAChB,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAU;IACV,MAAM;cAEL;IACM,CAAA,CACL;;EAE2D,CAAA"}
+{"version":3,"file":"Goals.Mobile.js","names":[],"sources":["../../../src/components/Goals/Goals.Mobile.tsx"],"sourcesContent":["import { GoalsDataProps } from './Goals'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsMobile({\n  link,\n  summary,\n  countSql,\n  title,\n  linkText = 'Explore',\n}: GoalsDataProps) {\n  const titleElement = (\n    <div className=\"Goals__Mobile__Header\">\n      {countSql && (\n        <span className=\"Goals__Mobile__Header__Count\">\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span className=\"Goals__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div className=\"Goals__Mobile__Content\">\n      <p>{summary}</p>\n      <Button\n        variant=\"outlined\"\n        color=\"secondary\"\n        className=\"Goals__Mobile__Content__Link\"\n        href={link}\n      >\n        {linkText}\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAY,EAClC,SACA,YACA,aACA,UACA,cAAW,aACM;AAwBjB,QAAO,kBAAC,GAAD;EAAmB,OAtBxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,GAAU;KAAI,CAAA;IAClD,CAAA,EAET,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA+C;KAAE;KAAM;KAAQ;MAC3D;IAeyB;EAAuB,SAZtD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD,EAAA,UAAI,GAAY,CAAA,EAChB,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAU;IACV,MAAM;cAEL;IACM,CAAA,CACL;IAEgD;EAAW,CAAA"}

package/dist/components/Goals/Goals.js.map

@@ -1 +1 @@
-{"version":3,"file":"Goals.js","names":[],"sources":["../../../src/components/Goals/Goals.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport GoalsDesktop from './Goals.Desktop'\nimport GoalsMobile from './Goals.Mobile'\nimport { Box } from '@mui/material'\n\nexport type GoalsProps = {\n  entityId: string\n  isAssetIcon?: boolean // If true, the asset will be used as an icon instead of a background image.\n  linkText?: string\n}\n\nexport type GoalsDataProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  asset: string\n  isAssetIcon: boolean\n  linkText?: string\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId', // Both TableId or CountSql are used to indicate what Table rows to count.\n  COUNT_SQL = 'CountSql', // Code uses CountSql over TableId if defined (if the CountSql column is in the schema and filled in).\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ASSET = 'Asset',\n}\n\n// PORTALS-2367\nconst GOALS_DESKTOP_MIN_BREAKPOINT = 1200\n\nexport function Goals(props: GoalsProps) {\n  const { entityId, isAssetIcon = false, linkText } = props\n  const showDesktop = useShowDesktop(GOALS_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select *\n            from ${entityId}\n            order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { assets: goalAssets, error: goalError } = useGetGoalData(\n    entityId,\n    queryResultBundle,\n  )\n\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const goalsDataProps = useMemo(() => {\n    return queryResultBundle?.queryResult!.queryResults.rows.map(\n      (el, index): GoalsDataProps => {\n        const values = el.values as string[]\n        if (values.some(value => value === null)) {\n          // We cast values above assuming there are no null values, emit a warning just in case.\n          console.warn('Row has null value(s) when no nulls expected')\n        }\n        const tableId =\n          tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n        let countSql\n        if (countSqlColumnIndex > -1 && values[countSqlColumnIndex]) {\n          countSql = values[countSqlColumnIndex]\n        } else if (tableId) {\n          countSql = `SELECT * FROM ${tableId}`\n        }\n        const title = values[titleColumnIndex]\n        const summary = values[summaryColumnIndex]\n        const link = values[linkColumnIndex]\n        // assume that we recieve assets in order of rows and there is an asset for each item\n        // can revisit if this isn't the case.\n        const asset = goalAssets?.[index] ?? ''\n        return {\n          countSql,\n          title,\n          summary,\n          link,\n          asset,\n          isAssetIcon,\n        }\n      },\n    )\n  }, [\n    countSqlColumnIndex,\n    goalAssets,\n    linkColumnIndex,\n    queryResultBundle?.queryResult,\n    summaryColumnIndex,\n    tableIdColumnIndex,\n    titleColumnIndex,\n  ])\n\n  if (goalError) {\n    return <ErrorBanner error={goalError} />\n  }\n\n  if (!goalsDataProps) {\n    return <></>\n  }\n\n  if (showDesktop) {\n    return (\n      <Box\n        className={`Goals`}\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: '7px',\n          alignItems: 'stretch',\n          justifyContent: 'center',\n        }}\n      >\n        {goalsDataProps.map((props, index) => (\n          <GoalsDesktop key={index} {...props} linkText={linkText} />\n        ))}\n      </Box>\n    )\n  } else {\n    return (\n      <div className={`Goals`}>\n        {goalsDataProps.map((props, index) => (\n          <GoalsMobile key={index} {...props} linkText={linkText} />\n        ))}\n      </div>\n    )\n  }\n}\nexport default Goals\n"],"mappings":";;;;;;;;;;;;;AA4BA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,UAAA,WACA,EAAA,YAAA,YACA,EAAA,QAAA,SACA,EAAA,UAAA,WACA,EAAA,OAAA,QACA,EAAA,QAAA;EANG,KAAA,EAAA,CAOJ,EAGK,IAA+B;AAErC,SAAgB,EAAM,GAAmB;CACvC,IAAM,EAAE,aAAU,iBAAc,IAAO,gBAAa,GAC9C,IAAc,EAAe,EAA6B,EAa1D,EAAE,MAAM,MACZ,EAb6C;EAC7C,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK;mBACQ,EAAS;iCAEvB;EACF,CAE4C,EAEvC,EAAE,QAAQ,GAAY,OAAO,MAAc,EAC/C,GACA,EACD,EAEK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAsB,EAC1B,EAAgB,WAChB,EACD,EAEK,IAAmB,EACvB,EAAgB,OAChB,EACD,EACK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAkB,EAAc,EAAgB,MAAM,EAAkB,EAExE,IAAiB,QACd,GAAmB,YAAa,aAAa,KAAK,KACtD,GAAI,MAA0B;EAC7B,IAAM,IAAS,EAAG;AAClB,EAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IAEtC,QAAQ,KAAK,+CAA+C;EAE9D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;AACJ,EAAI,IAAsB,MAAM,EAAO,KACrC,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IAGd,IAAQ,IAAa,MAAU;AACrC,SAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACD;GAEJ,EACA;EACD;EACA;EACA;EACA,GAAmB;EACnB;EACA;EACA;EACD,CAAC;AA4BA,QA1BE,IACK,kBAAC,GAAD,EAAa,OAAO,GAAa,CAAA,GAGrC,IAID,IAEA,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,YAAY;GACZ,gBAAgB;GACjB;YAEA,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;GAA0B,GAAI;GAAiB;GAAY,EAAxC,EAAwC,CAC3D;EACE,CAAA,GAIN,kBAAC,OAAD;EAAK,WAAW;YACb,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;GAAyB,GAAI;GAAiB;GAAY,EAAxC,EAAwC,CAC1D;EACE,CAAA,GA1BD,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"Goals.js","names":[],"sources":["../../../src/components/Goals/Goals.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport GoalsDesktop from './Goals.Desktop'\nimport GoalsMobile from './Goals.Mobile'\nimport { Box } from '@mui/material'\n\nexport type GoalsProps = {\n  entityId: string\n  isAssetIcon?: boolean // If true, the asset will be used as an icon instead of a background image.\n  linkText?: string\n}\n\nexport type GoalsDataProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  asset: string\n  isAssetIcon: boolean\n  linkText?: string\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId', // Both TableId or CountSql are used to indicate what Table rows to count.\n  COUNT_SQL = 'CountSql', // Code uses CountSql over TableId if defined (if the CountSql column is in the schema and filled in).\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ASSET = 'Asset',\n}\n\n// PORTALS-2367\nconst GOALS_DESKTOP_MIN_BREAKPOINT = 1200\n\nexport function Goals(props: GoalsProps) {\n  const { entityId, isAssetIcon = false, linkText } = props\n  const showDesktop = useShowDesktop(GOALS_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select *\n            from ${entityId}\n            order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { assets: goalAssets, error: goalError } = useGetGoalData(\n    entityId,\n    queryResultBundle,\n  )\n\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const goalsDataProps = useMemo(() => {\n    return queryResultBundle?.queryResult!.queryResults.rows.map(\n      (el, index): GoalsDataProps => {\n        const values = el.values as string[]\n        if (values.some(value => value === null)) {\n          // We cast values above assuming there are no null values, emit a warning just in case.\n          console.warn('Row has null value(s) when no nulls expected')\n        }\n        const tableId =\n          tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n        let countSql\n        if (countSqlColumnIndex > -1 && values[countSqlColumnIndex]) {\n          countSql = values[countSqlColumnIndex]\n        } else if (tableId) {\n          countSql = `SELECT * FROM ${tableId}`\n        }\n        const title = values[titleColumnIndex]\n        const summary = values[summaryColumnIndex]\n        const link = values[linkColumnIndex]\n        // assume that we recieve assets in order of rows and there is an asset for each item\n        // can revisit if this isn't the case.\n        const asset = goalAssets?.[index] ?? ''\n        return {\n          countSql,\n          title,\n          summary,\n          link,\n          asset,\n          isAssetIcon,\n        }\n      },\n    )\n  }, [\n    countSqlColumnIndex,\n    goalAssets,\n    linkColumnIndex,\n    queryResultBundle?.queryResult,\n    summaryColumnIndex,\n    tableIdColumnIndex,\n    titleColumnIndex,\n  ])\n\n  if (goalError) {\n    return <ErrorBanner error={goalError} />\n  }\n\n  if (!goalsDataProps) {\n    return <></>\n  }\n\n  if (showDesktop) {\n    return (\n      <Box\n        className={`Goals`}\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: '7px',\n          alignItems: 'stretch',\n          justifyContent: 'center',\n        }}\n      >\n        {goalsDataProps.map((props, index) => (\n          <GoalsDesktop key={index} {...props} linkText={linkText} />\n        ))}\n      </Box>\n    )\n  } else {\n    return (\n      <div className={`Goals`}>\n        {goalsDataProps.map((props, index) => (\n          <GoalsMobile key={index} {...props} linkText={linkText} />\n        ))}\n      </div>\n    )\n  }\n}\nexport default Goals\n"],"mappings":";;;;;;;;;;;;;AA4BA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,UAAU,WACV,EAAA,YAAY,YACZ,EAAA,QAAQ,SACR,EAAA,UAAU,WACV,EAAA,OAAO,QACP,EAAA,QAAQ;EANL,KAAA,EAAA,CAOJ,EAGK,IAA+B;AAErC,SAAgB,EAAM,GAAmB;CACvC,IAAM,EAAE,aAAU,iBAAc,IAAO,gBAAa,GAC9C,IAAc,EAAe,EAA6B,EAa1D,EAAE,MAAM,MACZ,EAAwB;EAZxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK;mBACQ,EAAS;iCAEvB;EAGuB,CAAmB,EAEvC,EAAE,QAAQ,GAAY,OAAO,MAAc,EAC/C,GACA,EACD,EAEK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAsB,EAC1B,EAAgB,WAChB,EACD,EAEK,IAAmB,EACvB,EAAgB,OAChB,EACD,EACK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAkB,EAAc,EAAgB,MAAM,EAAkB,EAExE,IAAiB,QACd,GAAmB,YAAa,aAAa,KAAK,KACtD,GAAI,MAA0B;EAC7B,IAAM,IAAS,EAAG;AAClB,EAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IAEtC,QAAQ,KAAK,+CAA+C;EAE9D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;AACJ,EAAI,IAAsB,MAAM,EAAO,KACrC,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IAGd,IAAQ,IAAa,MAAU;AACrC,SAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACD;GAEJ,EACA;EACD;EACA;EACA;EACA,GAAmB;EACnB;EACA;EACA;EACD,CAAC;AA4BA,QA1BE,IACK,kBAAC,GAAD,EAAa,OAAO,GAAa,CAAA,GAGrC,IAID,IAEA,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,YAAY;GACZ,gBAAgB;GACjB;YAEA,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;GAA0B,GAAI;GAAiB;GAAY,EAAxC,EAAwC,CAC3D;EACE,CAAA,GAIN,kBAAC,OAAD;EAAK,WAAW;YACb,EAAe,KAAK,GAAO,MAC1B,kBAAC,GAAD;GAAyB,GAAI;GAAiB;GAAY,EAAxC,EAAwC,CAC1D;EACE,CAAA,GA1BD,kBAAA,GAAA,EAAK,CAAA"}

package/dist/components/GoalsV2/GoalsV2.Mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsV2.Mobile.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.Mobile.tsx"],"sourcesContent":["import { GoalsV2DataProps } from './GoalsV2'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsV2Mobile({\n  link,\n  summary,\n  countSql,\n  title,\n}: GoalsV2DataProps) {\n  const titleElement = (\n    <div>\n      {countSql && (\n        <span>\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span> {title} </span>\n    </div>\n  )\n  const content = (\n    <div>\n      <p>{summary}</p>\n      <Button variant=\"contained\" color=\"secondary\" href={link}>\n        Explore\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAc,EACpC,SACA,YACA,aACA,YACmB;AAmBnB,QAAO,kBAAC,GAAD;EAAmB,OAjBxB,kBAAC,OAAD,EAAA,UAAA,CACG,KACC,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GAAY,QAAQ;GAAO,OAAO,EAAE,KAAK,GAAU;GAAI,CAAA,EAClD,CAAA,EAET,kBAAC,QAAD,EAAA,UAAA;GAAM;GAAE;GAAM;GAAQ,EAAA,CAAA,CAClB,EAAA,CAAA;EAUgD,SAPtD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAI,GAAY,CAAA,EAChB,kBAAC,GAAD;GAAQ,SAAQ;GAAY,OAAM;GAAY,MAAM;aAAM;GAEjD,CAAA,CACL,EAAA,CAAA;EAE2D,CAAA"}
+{"version":3,"file":"GoalsV2.Mobile.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.Mobile.tsx"],"sourcesContent":["import { GoalsV2DataProps } from './GoalsV2'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsV2Mobile({\n  link,\n  summary,\n  countSql,\n  title,\n}: GoalsV2DataProps) {\n  const titleElement = (\n    <div>\n      {countSql && (\n        <span>\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span> {title} </span>\n    </div>\n  )\n  const content = (\n    <div>\n      <p>{summary}</p>\n      <Button variant=\"contained\" color=\"secondary\" href={link}>\n        Explore\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAc,EACpC,SACA,YACA,aACA,YACmB;AAmBnB,QAAO,kBAAC,GAAD;EAAmB,OAjBxB,kBAAC,OAAD,EAAA,UAAA,CACG,KACC,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GAAY,QAAQ;GAAO,OAAO,EAAE,KAAK,GAAU;GAAI,CAAA,EAClD,CAAA,EAET,kBAAC,QAAD,EAAA,UAAA;GAAM;GAAE;GAAM;GAAQ,EAAA,CAAA,CAClB,EAAA,CAUyB;EAAuB,SAPtD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAI,GAAY,CAAA,EAChB,kBAAC,GAAD;GAAQ,SAAQ;GAAY,OAAM;GAAY,MAAM;aAAM;GAEjD,CAAA,CACL,EAAA,CAEgD;EAAW,CAAA"}

package/dist/components/GoalsV2/GoalsV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsV2.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { alpha, Box } from '@mui/material'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport PortalSectionHeader from '../PortalSectionHeader'\nimport GoalsV2Desktop from './GoalsV2.Desktop'\nimport GoalsV2Mobile from './GoalsV2.Mobile'\n\nexport type GoalsV2Props = {\n  entityId: string\n  dataLink: string\n}\n\nexport type GoalsV2DataProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  asset: string\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId', // Both TableId or CountSql are used to indicate what Table rows to count.\n  COUNT_SQL = 'CountSql', // Code uses CountSql over TableId if defined (if the CountSql column is in the schema and filled in).\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ASSET = 'Asset',\n}\n\n// PORTALS-2367\nconst GOALSV2_DESKTOP_MIN_BREAKPOINT = 1200\n\nexport const GoalsV2: React.FC<GoalsV2Props> = (props: GoalsV2Props) => {\n  const { entityId, dataLink } = props\n  const showDesktop = useShowDesktop(GOALSV2_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId} order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { assets: goalAssets, error: goalError } = useGetGoalData(\n    entityId,\n    queryResultBundle,\n  )\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const goalsDataArray: GoalsV2DataProps[] =\n    queryResultBundle?.queryResult!.queryResults.rows.map((el, index) => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n      const tableId =\n        tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n      let countSql\n      if (countSqlColumnIndex > -1 && values[countSqlColumnIndex]) {\n        countSql = values[countSqlColumnIndex]\n      } else if (tableId) {\n        countSql = `SELECT * FROM ${tableId}`\n      }\n      const title = values[titleColumnIndex]\n      const summary = values[summaryColumnIndex]\n      const link = values[linkColumnIndex]\n      const asset = goalAssets?.[index] ?? ''\n      return {\n        countSql,\n        title,\n        summary,\n        link,\n        asset,\n      }\n    }) ?? []\n\n  const ContentComponent = showDesktop ? GoalsV2Desktop : GoalsV2Mobile\n\n  return (\n    <Box\n      sx={{\n        minHeight: '560px',\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <PortalSectionHeader\n        centered\n        title=\"What's in the Portal?\"\n        buttonText=\"Start Exploring Data\"\n        link={dataLink}\n        sx={theme => ({\n          h2: { borderColor: alpha(theme.palette.primary.main, 0.2) },\n          a: { marginTop: '24px', marginBottom: '30px' },\n        })}\n      />\n      {goalError && <ErrorBanner error={goalError} />}\n      <div className={`Goals`}>\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            flexDirection: showDesktop ? 'row' : 'column',\n          }}\n        >\n          {goalsDataArray.map((row, index) => (\n            <ContentComponent key={index} {...row} />\n          ))}\n        </Box>\n      </div>\n    </Box>\n  )\n}\n\nexport default GoalsV2\n"],"mappings":";;;;;;;;;;;;;AAyBA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,UAAA,WACA,EAAA,YAAA,YACA,EAAA,QAAA,SACA,EAAA,UAAA,WACA,EAAA,OAAA,QACA,EAAA,QAAA;EANG,KAAA,EAAA,CAOJ,EAGK,IAAiC,MAE1B,KAAmC,MAAwB;CACtE,IAAM,EAAE,aAAU,gBAAa,GACzB,IAAc,EAAe,EAA+B,EAW5D,EAAE,MAAM,MACZ,EAX6C;EAC7C,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,iBAAiB,EAAS,sBAChC;EACF,CAE4C,EAEvC,EAAE,QAAQ,GAAY,OAAO,MAAc,EAC/C,GACA,EACD,EACK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAsB,EAC1B,EAAgB,WAChB,EACD,EAEK,IAAmB,EACvB,EAAgB,OAChB,EACD,EACK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAkB,EAAc,EAAgB,MAAM,EAAkB,EAExE,IACJ,GAAmB,YAAa,aAAa,KAAK,KAAK,GAAI,MAAU;EACnE,IAAM,IAAS,EAAG;AAClB,EAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IACtC,QAAQ,KAAK,+CAA+C;EAE9D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;AACJ,EAAI,IAAsB,MAAM,EAAO,KACrC,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IACd,IAAQ,IAAa,MAAU;AACrC,SAAO;GACL;GACA;GACA;GACA;GACA;GACD;GACD,IAAI,EAAE,EAEJ,IAAmB,IAAc,IAAiB;AAExD,QACE,kBAAC,GAAD;EACE,IAAI;GACF,WAAW;GACX,SAAS;IAAE,IAAI;IAAQ,IAAI;IAAQ;GACpC;YAJH;GAME,kBAAC,GAAD;IACE,UAAA;IACA,OAAM;IACN,YAAW;IACX,MAAM;IACN,KAAI,OAAU;KACZ,IAAI,EAAE,aAAa,EAAM,EAAM,QAAQ,QAAQ,MAAM,GAAI,EAAE;KAC3D,GAAG;MAAE,WAAW;MAAQ,cAAc;MAAQ;KAC/C;IACD,CAAA;GACD,KAAa,kBAAC,GAAD,EAAa,OAAO,GAAa,CAAA;GAC/C,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,gBAAgB;MAChB,eAAe,IAAc,QAAQ;MACtC;eAEA,EAAe,KAAK,GAAK,MACxB,kBAAC,GAAD,EAA8B,GAAI,GAAO,EAAlB,EAAkB,CACzC;KACE,CAAA;IACF,CAAA;GACF"}
+{"version":3,"file":"GoalsV2.js","names":[],"sources":["../../../src/components/GoalsV2/GoalsV2.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { alpha, Box } from '@mui/material'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport PortalSectionHeader from '../PortalSectionHeader'\nimport GoalsV2Desktop from './GoalsV2.Desktop'\nimport GoalsV2Mobile from './GoalsV2.Mobile'\n\nexport type GoalsV2Props = {\n  entityId: string\n  dataLink: string\n}\n\nexport type GoalsV2DataProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  asset: string\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId', // Both TableId or CountSql are used to indicate what Table rows to count.\n  COUNT_SQL = 'CountSql', // Code uses CountSql over TableId if defined (if the CountSql column is in the schema and filled in).\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ASSET = 'Asset',\n}\n\n// PORTALS-2367\nconst GOALSV2_DESKTOP_MIN_BREAKPOINT = 1200\n\nexport const GoalsV2: React.FC<GoalsV2Props> = (props: GoalsV2Props) => {\n  const { entityId, dataLink } = props\n  const showDesktop = useShowDesktop(GOALSV2_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId} order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { assets: goalAssets, error: goalError } = useGetGoalData(\n    entityId,\n    queryResultBundle,\n  )\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const goalsDataArray: GoalsV2DataProps[] =\n    queryResultBundle?.queryResult!.queryResults.rows.map((el, index) => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n      const tableId =\n        tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n      let countSql\n      if (countSqlColumnIndex > -1 && values[countSqlColumnIndex]) {\n        countSql = values[countSqlColumnIndex]\n      } else if (tableId) {\n        countSql = `SELECT * FROM ${tableId}`\n      }\n      const title = values[titleColumnIndex]\n      const summary = values[summaryColumnIndex]\n      const link = values[linkColumnIndex]\n      const asset = goalAssets?.[index] ?? ''\n      return {\n        countSql,\n        title,\n        summary,\n        link,\n        asset,\n      }\n    }) ?? []\n\n  const ContentComponent = showDesktop ? GoalsV2Desktop : GoalsV2Mobile\n\n  return (\n    <Box\n      sx={{\n        minHeight: '560px',\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <PortalSectionHeader\n        centered\n        title=\"What's in the Portal?\"\n        buttonText=\"Start Exploring Data\"\n        link={dataLink}\n        sx={theme => ({\n          h2: { borderColor: alpha(theme.palette.primary.main, 0.2) },\n          a: { marginTop: '24px', marginBottom: '30px' },\n        })}\n      />\n      {goalError && <ErrorBanner error={goalError} />}\n      <div className={`Goals`}>\n        <Box\n          sx={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            flexDirection: showDesktop ? 'row' : 'column',\n          }}\n        >\n          {goalsDataArray.map((row, index) => (\n            <ContentComponent key={index} {...row} />\n          ))}\n        </Box>\n      </div>\n    </Box>\n  )\n}\n\nexport default GoalsV2\n"],"mappings":";;;;;;;;;;;;;AAyBA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,UAAU,WACV,EAAA,YAAY,YACZ,EAAA,QAAQ,SACR,EAAA,UAAU,WACV,EAAA,OAAO,QACP,EAAA,QAAQ;EANL,KAAA,EAAA,CAOJ,EAGK,IAAiC,MAE1B,KAAmC,MAAwB;CACtE,IAAM,EAAE,aAAU,gBAAa,GACzB,IAAc,EAAe,EAA+B,EAW5D,EAAE,MAAM,MACZ,EAAwB;EAVxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,iBAAiB,EAAS,sBAChC;EAGuB,CAAmB,EAEvC,EAAE,QAAQ,GAAY,OAAO,MAAc,EAC/C,GACA,EACD,EACK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAsB,EAC1B,EAAgB,WAChB,EACD,EAEK,IAAmB,EACvB,EAAgB,OAChB,EACD,EACK,IAAqB,EACzB,EAAgB,SAChB,EACD,EACK,IAAkB,EAAc,EAAgB,MAAM,EAAkB,EAExE,IACJ,GAAmB,YAAa,aAAa,KAAK,KAAK,GAAI,MAAU;EACnE,IAAM,IAAS,EAAG;AAClB,EAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IACtC,QAAQ,KAAK,+CAA+C;EAE9D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;AACJ,EAAI,IAAsB,MAAM,EAAO,KACrC,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IACd,IAAQ,IAAa,MAAU;AACrC,SAAO;GACL;GACA;GACA;GACA;GACA;GACD;GACD,IAAI,EAAE,EAEJ,IAAmB,IAAc,IAAiB;AAExD,QACE,kBAAC,GAAD;EACE,IAAI;GACF,WAAW;GACX,SAAS;IAAE,IAAI;IAAQ,IAAI;IAAQ;GACpC;YAJH;GAME,kBAAC,GAAD;IACE,UAAA;IACA,OAAM;IACN,YAAW;IACX,MAAM;IACN,KAAI,OAAU;KACZ,IAAI,EAAE,aAAa,EAAM,EAAM,QAAQ,QAAQ,MAAM,GAAI,EAAE;KAC3D,GAAG;MAAE,WAAW;MAAQ,cAAc;MAAQ;KAC/C;IACD,CAAA;GACD,KAAa,kBAAC,GAAD,EAAa,OAAO,GAAa,CAAA;GAC/C,kBAAC,OAAD;IAAK,WAAW;cACd,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,gBAAgB;MAChB,eAAe,IAAc,QAAQ;MACtC;eAEA,EAAe,KAAK,GAAK,MACxB,kBAAC,GAAD,EAA8B,GAAI,GAAO,EAAlB,EAAkB,CACzC;KACE,CAAA;IACF,CAAA;GACF"}

package/dist/components/GoalsV3/GoalsV3.Mobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsV3.Mobile.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.Mobile.tsx"],"sourcesContent":["import { GoalsV3CardProps } from './GoalsV3'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsV3Mobile({\n  link,\n  summary,\n  countSql,\n  title,\n}: GoalsV3CardProps) {\n  const titleElement = (\n    <div className=\"Goals__Mobile__Header\">\n      {countSql && (\n        <span className=\"Goals__Mobile__Header__Count\">\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span className=\"Goals__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div>\n      <p>{summary}</p>\n      <Button variant=\"contained\" color=\"secondary\" href={link}>\n        Explore\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAc,EACpC,SACA,YACA,aACA,YACmB;AAmBnB,QAAO,kBAAC,GAAD;EAAmB,OAjBxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,GAAU;KAAI,CAAA;IAClD,CAAA,EAET,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA+C;KAAE;KAAM;KAAQ;MAC3D;;EAUgD,SAPtD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAI,GAAY,CAAA,EAChB,kBAAC,GAAD;GAAQ,SAAQ;GAAY,OAAM;GAAY,MAAM;aAAM;GAEjD,CAAA,CACL,EAAA,CAAA;EAE2D,CAAA"}
+{"version":3,"file":"GoalsV3.Mobile.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.Mobile.tsx"],"sourcesContent":["import { GoalsV3CardProps } from './GoalsV3'\nimport ExpandableContent from '../home_page/ExpandableContent'\nimport QueryCount from '../QueryCount/QueryCount'\nimport { Button } from '@mui/material'\n\nexport default function GoalsV3Mobile({\n  link,\n  summary,\n  countSql,\n  title,\n}: GoalsV3CardProps) {\n  const titleElement = (\n    <div className=\"Goals__Mobile__Header\">\n      {countSql && (\n        <span className=\"Goals__Mobile__Header__Count\">\n          <QueryCount parens={false} query={{ sql: countSql }} />\n        </span>\n      )}\n      <span className=\"Goals__Mobile__Header__Title\"> {title} </span>\n    </div>\n  )\n  const content = (\n    <div>\n      <p>{summary}</p>\n      <Button variant=\"contained\" color=\"secondary\" href={link}>\n        Explore\n      </Button>\n    </div>\n  )\n  return <ExpandableContent title={titleElement} content={content} />\n}\n"],"mappings":";;;;;AAKA,SAAwB,EAAc,EACpC,SACA,YACA,aACA,YACmB;AAmBnB,QAAO,kBAAC,GAAD;EAAmB,OAjBxB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,KACC,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD;KAAY,QAAQ;KAAO,OAAO,EAAE,KAAK,GAAU;KAAI,CAAA;IAClD,CAAA,EAET,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAA+C;KAAE;KAAM;KAAQ;MAC3D;IAUyB;EAAuB,SAPtD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAI,GAAY,CAAA,EAChB,kBAAC,GAAD;GAAQ,SAAQ;GAAY,OAAM;GAAY,MAAM;aAAM;GAEjD,CAAA,CACL,EAAA,CAEgD;EAAW,CAAA"}