synapse-react-client 4.0.35 → 4.0.36

package/dist/components/GenericCard/TableRowGenericCard.js

@@ -2,44 +2,47 @@ import { EXPERIMENTAL as e } from "../../utils/SynapseConstants.js";
 import { PRODUCTION_ENDPOINT_CONFIG as t } from "../../utils/functions/getEndpoint.js";
 import { calculateFriendlyFileSize as n } from "../../utils/functions/calculateFriendlyFileSize.js";
 import { isDatasetCollection as r, isTableEntity as i } from "../../utils/functions/EntityTypeUtils.js";
-import { parseSynId as a } from "../../utils/functions/RegularExpressions.js";
-import { getColumnIndex as o } from "../../utils/functions/SqlFunctions.js";
-import { useGetEntity as ee } from "../../synapse-queries/entity/useEntity.js";
+import { extractMarkdownLinkHref as a, parseSynId as o } from "../../utils/functions/RegularExpressions.js";
+import { getColumnIndex as ee } from "../../utils/functions/SqlFunctions.js";
+import { useGetEntity as te } from "../../synapse-queries/entity/useEntity.js";
 import "../../synapse-queries/index.js";
 import { TargetEnum as s } from "../../utils/html/TargetEnum.js";
-import { getFileHandleAssociation as te, getLinkParams as c, getValueOrMultiValue as ne } from "./CardUtils.js";
-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 { getFileHandleAssociation as ne, getLinkParams as re, getValueOrMultiValue as ie } from "./CardUtils.js";
+import { CardActionButtonStyleContext as ae } from "./CardActionButtonStyleContext.js";
+import oe from "./GenericCardActionButton.js";
+import se from "./CroissantButton/CroissantButton.js";
+import { GenericCardIcon as ce } from "./GenericCardIcon.js";
+import le from "./PortalDOI/PortalDOI.js";
+import { getCandidateDoiId as ue, useShowDoiCardLabel as de } from "./PortalDOI/PortalDOIUtils.js";
+import { mapRowToRecord as fe } from "../SynapseTable/SynapseTableUtils.js";
+import pe from "../CitationPopover/index.js";
+import { DATASET_HOSTING_CONFIG as me, normalizeHosting as he } from "../DatasetHosting/DatasetHosting.js";
+import { EntityDownloadConfirmation as ge } from "../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../EntityDownloadConfirmation/index.js";
-import { useQueryContext as fe } from "../QueryContext/QueryContext.js";
-import pe from "../IconList.js";
-import { parseDuoModifiers as me } from "./DuoTermTags/duoTerms.js";
-import he from "./DuoTermTags/DuoTermTags.js";
-import { useQueryVisualizationContext as ge } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { DatasetDownloadButton as _e } from "../DatasetHosting/DatasetDownloadButton.js";
+import { useQueryContext as ve } from "../QueryContext/QueryContext.js";
+import ye from "../IconList.js";
+import { parseDuoModifiers as be } from "./DuoTermTags/duoTerms.js";
+import xe from "./DuoTermTags/DuoTermTags.js";
+import { useQueryVisualizationContext as Se } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
 import "../QueryVisualizationWrapper/index.js";
-import _e from "../ShareThisPage/ShareThisPage.js";
-import { GenericCard as ve } from "./GenericCard.js";
-import { SynapseCardLabel as l } from "./SynapseCardLabel.js";
-import { useResolvedSynapseEntity as ye } from "./useResolvedSynapseEntity.js";
-import { useCallback as be, useMemo as u, useState as d } from "react";
-import { Box as xe, Collapse as Se, Link as Ce, Stack as f, Typography as we } from "@mui/material";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { ColumnTypeEnum as Te } from "@sage-bionetworks/synapse-types";
-import { GetAppTwoTone as Ee } from "@mui/icons-material";
-import { useInView as De } from "react-intersection-observer";
+import Ce from "../ShareThisPage/ShareThisPage.js";
+import { GenericCard as we } from "./GenericCard.js";
+import { SynapseCardLabel as c } from "./SynapseCardLabel.js";
+import { useResolvedSynapseEntity as Te } from "./useResolvedSynapseEntity.js";
+import { useCallback as Ee, useMemo as l, useRef as De, useState as u } from "react";
+import { Box as Oe, Collapse as ke, Link as Ae, Stack as d, Typography as je } from "@mui/material";
+import { Fragment as Me, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ColumnTypeEnum as Ne } from "@sage-bionetworks/synapse-types";
+import { GetAppTwoTone as Pe } from "@mui/icons-material";
+import { useInView as Fe } from "react-intersection-observer";
 //#region src/components/GenericCard/TableRowGenericCard.tsx
-function Oe(e) {
+function Ie(e) {
 	let { synapseId: n, version: r } = e;
-	return /* @__PURE__ */ h("span", { children: [
+	return /* @__PURE__ */ p("span", { children: [
 		r,
 		"\xA0\xA0",
-		/* @__PURE__ */ m("a", {
+		/* @__PURE__ */ f("a", {
 			target: s.NEW_WINDOW,
 			rel: "noopener noreferrer",
 			href: `${t.PORTAL}Synapse:${n}.${r}`,
@@ -47,149 +50,149 @@ function Oe(e) {
 		})
 	] });
 }
-function g(t) {
-	let [s, g] = d(!1), [ke, Ae] = d(!1), { entityId: je, versionNumber: Me } = fe(), { getColumnDisplayName: _ } = ge(), { ref: Ne, inView: Pe } = De(), { data: v } = ee(je, Me), { schema: y, data: b, rowId: x, versionNumber: Fe, genericCardSchema: S, secondaryLabelLimit: Ie, sharePageLinkButtonProps: Le, selectColumns: C, columnModels: w, iconOptions: Re, useTypeColumnForIcon: T = !1, isHeader: E = !1, sustainabilityScorecard: ze, headerCardVariant: Be, titleLinkConfig: D, ctaLinkConfig: O, ctaLinkPosition: Ve, labelLinkConfig: He, descriptionConfig: Ue, columnIconOptions: k, CardTypeAdornment: A, charCountCutoff: We } = t, { link: Ge = "", type: j, includeCitation: Ke, includeShareButton: qe, defaultCitationFormat: Je, citationBoilerplateText: Ye, downloadCartSynId: M, portalDoiConfiguration: N } = S, P = b[y[S.title]], F = S.subTitle && b[y[S.subTitle]];
-	F = S.subTitle && ne({
-		value: F,
-		columnName: S.subTitle,
-		selectColumns: C,
-		columnModels: w
+function m(t) {
+	let [s, m] = u(!1), [Le, Re] = u(!1), { entityId: ze, versionNumber: Be } = ve(), { getColumnDisplayName: h } = Se(), { ref: Ve, inView: He } = Fe(), { data: g } = te(ze, Be), { schema: _, data: v, rowId: y, versionNumber: Ue, genericCardSchema: b, secondaryLabelLimit: We, sharePageLinkButtonProps: Ge, selectColumns: x, columnModels: S, iconOptions: Ke, useTypeColumnForIcon: C = !1, isHeader: w = !1, sustainabilityScorecard: qe, headerCardVariant: Je, titleLinkConfig: T, ctaLinkConfig: E, ctaLinkPosition: Ye, labelLinkConfig: Xe, descriptionConfig: Ze, columnIconOptions: D, CardTypeAdornment: O, charCountCutoff: Qe, actionButtonStyle: $e = "button" } = t, { link: et = "", type: k, includeCitation: tt, includeShareButton: nt, defaultCitationFormat: rt, citationBoilerplateText: it, downloadCartSynId: A, portalDoiConfiguration: j } = b, M = v[_[b.title]], N = b.subTitle && v[_[b.subTitle]];
+	N = b.subTitle && ie({
+		value: N,
+		columnName: b.subTitle,
+		selectColumns: x,
+		columnModels: S
 	}).str;
-	let Xe = b[y[S.description || ""]], I = b[y[S.icon || ""]], L = b[y[S.dataTypeIconNames || ""]], R = b[y[S.imageFileHandleColumnName || ""]], Ze = w?.find((e) => S.link === e.name)?.columnType, z = b[y[Ge]] || "", { href: Qe, target: $e } = c(z, D, b, y, x), et = S.synapseEntityConfig, B = be((e) => {
+	let at = v[_[b.description || ""]], P = v[_[b.icon || ""]], F = v[_[b.dataTypeIconNames || ""]], I = v[_[b.imageFileHandleColumnName || ""]], ot = S?.find((e) => b.link === e.name)?.columnType, L = v[_[et]] || "", { href: st, target: ct } = re(L, T, v, _, y), lt = b.synapseEntityConfig, R = Ee((e) => {
 		if (!e) return;
-		let t = y[e];
-		if (t !== void 0) return b[t];
-	}, [y, b]), V = u(() => {
-		let e = S.dataUseModifiersColumnName;
+		let t = _[e];
+		if (t !== void 0) return v[t];
+	}, [_, v]), z = l(() => {
+		let e = b.dataUseModifiersColumnName;
 		if (!e) return;
-		let t = me(b[y[e]]);
-		if (t.length !== 0) return /* @__PURE__ */ m(he, { terms: t });
+		let t = be(v[_[e]]);
+		if (t.length !== 0) return /* @__PURE__ */ f(xe, { terms: t });
 	}, [
-		S,
 		b,
-		y
-	]), tt = u(() => {
-		let { titleAreaDetails: e } = S;
+		v,
+		_
+	]), ut = l(() => {
+		let { titleAreaDetails: e } = b;
 		if (!e) return;
-		let t = typeof e == "function" ? e(y, b) : e;
+		let t = typeof e == "function" ? e(_, v) : e;
 		if (t.length === 0) return;
 		let n = t.map((e) => {
-			let t = b[y[e]];
+			let t = v[_[e]];
 			return t ? {
-				name: _(e),
+				name: h(e),
 				rawValue: t,
 				columnName: e
 			} : null;
 		}).filter(Boolean);
-		if (n.length !== 0) return /* @__PURE__ */ m(f, {
+		if (n.length !== 0) return /* @__PURE__ */ f(d, {
 			direction: "column",
 			gap: "4px",
-			children: n.map(({ name: e, rawValue: t, columnName: n }) => /* @__PURE__ */ h(f, {
+			children: n.map(({ name: e, rawValue: t, columnName: n }) => /* @__PURE__ */ p(d, {
 				direction: "row",
 				gap: "4px",
 				alignItems: "center",
-				children: [/* @__PURE__ */ h(we, {
+				children: [/* @__PURE__ */ p(je, {
 					component: "span",
 					variant: "body1",
 					children: [e, ":"]
-				}), /* @__PURE__ */ m(l, {
+				}), /* @__PURE__ */ f(c, {
 					value: t,
 					columnName: n,
 					labelLink: void 0,
-					isHeader: E,
-					selectColumns: C,
-					columnModels: w,
-					rowData: b,
-					columnIconOptions: k
+					isHeader: w,
+					selectColumns: x,
+					columnModels: S,
+					rowData: v,
+					columnIconOptions: D
 				})]
 			}, n))
 		});
 	}, [
-		S,
 		b,
-		y,
+		v,
 		_,
-		E,
-		C,
+		h,
 		w,
-		k
-	]), { entityId: H, entityVersionNumber: U } = ye({
-		synapseEntityConfig: et,
-		getColumnValue: B,
-		rowId: x,
-		rowVersionNumber: Fe
-	}), W = H, G = U;
-	if (M) {
-		let e = a(B(M) ?? "");
-		W = e?.targetId, G = e?.targetVersionNumber;
+		x,
+		S,
+		D
+	]), { entityId: B, entityVersionNumber: V } = Te({
+		synapseEntityConfig: lt,
+		getColumnValue: R,
+		rowId: y,
+		rowVersionNumber: Ue
+	}), H = B, U = V;
+	if (A) {
+		let e = o(R(A) ?? "");
+		H = e?.targetId, U = e?.targetVersionNumber;
 	}
-	let K = se({
-		data: u(() => le(b, y), [b, y]),
-		portalDoiConfiguration: N
-	}), nt = ce({
-		portalId: N?.portalId,
-		resourceId: K
-	}), q = [], { secondaryLabels: J = [] } = S, Y = S.customSecondaryLabelConfig;
-	if (V && S.dataUseModifiersColumnName && q.push({
-		columnName: S.dataUseModifiersColumnName,
-		columnDisplayName: _(S.dataUseModifiersColumnName),
-		value: V
-	}), nt && N && K && Pe && q.push({
+	let W = b.hostingConfig, G = W ? R(W.hostingColumn) : void 0, K = W ? G && W.hostingValueMap?.[G] || he(G) : void 0, dt = W?.repositoryColumn ? R(W.repositoryColumn) : void 0, q = W?.externalUrlColumn ? R(W.externalUrlColumn) : void 0, ft = q ? a(q) : void 0, J = K ? me[K].downloadable : !0, Y = De(null), X = ue({
+		data: l(() => fe(v, _), [v, _]),
+		portalDoiConfiguration: j
+	}), pt = de({
+		portalId: j?.portalId,
+		resourceId: X
+	}), Z = [], { secondaryLabels: mt = [] } = b, Q = b.customSecondaryLabelConfig;
+	if (z && b.dataUseModifiersColumnName && Z.push({
+		columnName: b.dataUseModifiersColumnName,
+		columnDisplayName: h(b.dataUseModifiersColumnName),
+		value: z
+	}), pt && j && X && He && Z.push({
 		columnDisplayName: "DOI",
-		value: /* @__PURE__ */ m(oe, {
-			portalId: N.portalId,
-			resourceId: K
+		value: /* @__PURE__ */ f(le, {
+			portalId: j.portalId,
+			resourceId: X
 		})
-	}), Y?.isVisible(y, b)) {
-		let { key: e, value: t } = Y;
-		W ? q.push({
+	}), Q?.isVisible(_, v)) {
+		let { key: e, value: t } = Q;
+		H && J ? Z.push({
 			columnDisplayName: "HOW TO DOWNLOAD",
-			value: /* @__PURE__ */ m(Ce, {
-				onClick: () => g((e) => !e),
+			value: /* @__PURE__ */ f(Ae, {
+				onClick: () => m((e) => !e),
 				children: "Click here to add to Synapse download list"
 			})
-		}) : q.push({
+		}) : Z.push({
 			columnDisplayName: e,
 			value: t
 		});
 	}
-	let rt = v && !i(v);
-	for (let e = 0; e < J.length; e += 1) {
-		let t = J[e], i = b[y[t]], a = i, o;
+	let ht = g && !i(g);
+	for (let e = 0; e < mt.length; e += 1) {
+		let t = mt[e], i = v[_[t]], a = i, o;
 		if (a && i !== "[]" && i !== "[\"\"]") {
-			if (r(v) && t === "datasetSizeInBytes") o = "Size", a = n(parseInt(i));
-			else if (rt && t === "currentVersion") {
-				let e = b[y.id];
-				a = /* @__PURE__ */ m(Oe, {
+			if (r(g) && t === "datasetSizeInBytes") o = "Size", a = n(parseInt(i));
+			else if (ht && t === "currentVersion") {
+				let e = v[_.id];
+				a = /* @__PURE__ */ f(Ie, {
 					synapseId: e,
 					version: i
 				}), o = "Version";
 			} else {
-				let e = He?.find((e) => e.matchColumnName === t);
-				a = /* @__PURE__ */ m(l, {
+				let e = Xe?.find((e) => e.matchColumnName === t);
+				a = /* @__PURE__ */ f(c, {
 					value: i,
 					columnName: t,
 					labelLink: e,
-					isHeader: E,
-					selectColumns: C,
-					columnModels: w,
-					rowData: b,
-					columnIconOptions: k
-				}), o = _(t);
+					isHeader: w,
+					selectColumns: x,
+					columnModels: S,
+					rowData: v,
+					columnIconOptions: D
+				}), o = h(t);
 			}
-			q.push({
+			Z.push({
 				columnDisplayName: o,
 				value: a,
 				columnName: t
 			});
 		}
 	}
-	let X = te(v, R || z, b[y.id]), it = _(S.description || ""), Z = o("doi", C, w), Q = Z === void 0 ? void 0 : b[Z], at = (O ? Array.isArray(O) ? O : [O] : []).map((e) => {
-		let t = b[y[e.link]] || "";
+	let $ = ne(g, I || L, v[_.id]), gt = h(b.description || ""), _t = ee("doi", x, S), vt = _t === void 0 ? void 0 : v[_t], yt = (E ? Array.isArray(E) ? E : [E] : []).map((e) => {
+		let t = v[_[e.link]] || "";
 		if (!t) return null;
-		let { href: n, target: r } = c(t, void 0, b, y, x);
+		let { href: n, target: r } = re(t, void 0, v, _, y);
 		return {
-			text: e.endIcon ? /* @__PURE__ */ h("div", {
+			text: e.endIcon ? /* @__PURE__ */ p("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -200,99 +203,111 @@ function g(t) {
 			href: n,
 			target: r
 		};
-	}).filter(Boolean), ot = /* @__PURE__ */ m(p, {});
-	H != null && U != null && (ot = /* @__PURE__ */ m(ie, {
-		datasetId: H,
-		datasetVersionNumber: U
+	}).filter(Boolean), bt = /* @__PURE__ */ f(Me, {});
+	B != null && V != null && (bt = /* @__PURE__ */ f(se, {
+		datasetId: B,
+		datasetVersionNumber: V
 	}));
-	let st = A ? /* @__PURE__ */ m(A, {
-		schema: y,
-		data: b
-	}) : null, $ = !0;
-	return E && !R && !I && ($ = !1), /* @__PURE__ */ m(ve, {
-		ref: Ne,
-		icon: $ ? /* @__PURE__ */ m(ae, {
-			type: T ? b[y.type] : S.type,
-			useTypeForIcon: T,
-			thumbnailRequiresPadding: S.thumbnailRequiresPadding,
-			imageFileHandleId: R,
-			fileHandleAssociation: X,
-			iconOptions: Re,
-			iconValue: I
+	let xt = O ? /* @__PURE__ */ f(O, {
+		schema: _,
+		data: v
+	}) : null, St = !0;
+	return w && !I && !P && (St = !1), /* @__PURE__ */ f(we, {
+		ref: Ve,
+		icon: St ? /* @__PURE__ */ f(ce, {
+			type: C ? v[_.type] : b.type,
+			useTypeForIcon: C,
+			thumbnailRequiresPadding: b.thumbnailRequiresPadding,
+			imageFileHandleId: I,
+			fileHandleAssociation: $,
+			iconOptions: Ke,
+			iconValue: P
 		}) : void 0,
-		isHeader: E,
-		sustainabilityScorecard: ze,
-		headerCardVariant: Be,
-		type: j,
-		title: P,
-		subtitle: F,
+		isHeader: w,
+		sustainabilityScorecard: qe,
+		headerCardVariant: Je,
+		type: k,
+		title: M,
+		subtitle: N,
 		titleLinkConfiguration: {
-			target: $e,
-			href: Qe
+			target: ct,
+			href: st
 		},
-		cardTypeAdornment: st,
-		titleAsFileHandleLinkConfiguration: !D && Ze === Te.FILEHANDLEID && X ? {
-			fileHandleAssociation: X,
-			showDownloadIcon: j !== e
+		cardTypeAdornment: xt,
+		titleAsFileHandleLinkConfiguration: !T && ot === Ne.FILEHANDLEID && $ ? {
+			fileHandleAssociation: $,
+			showDownloadIcon: k !== e
 		} : void 0,
-		ctaLinkConfig: at.length > 0 ? at : void 0,
-		ctaLinkPosition: Ve,
-		titleAreaRightContent: tt,
-		description: Xe,
-		descriptionSubTitle: it,
-		descriptionConfig: Ue,
-		charCountCutoff: We,
-		labels: q,
-		secondaryLabelLimit: Ie,
-		useStylesForDisplayedImage: !!R,
-		cardTopContent: /* @__PURE__ */ m(p, { children: W && /* @__PURE__ */ m(Se, {
+		ctaLinkConfig: yt.length > 0 ? yt : void 0,
+		ctaLinkPosition: Ye,
+		titleAreaRightContent: ut,
+		description: at,
+		descriptionSubTitle: gt,
+		descriptionConfig: Ze,
+		charCountCutoff: Qe,
+		labels: Z,
+		secondaryLabelLimit: We,
+		useStylesForDisplayedImage: !!I,
+		cardTopContent: /* @__PURE__ */ p(Me, { children: [!W && H && /* @__PURE__ */ f(ke, {
 			in: s,
-			children: /* @__PURE__ */ m(de, {
-				entityId: W,
-				versionNumber: G,
-				handleClose: () => g(!1),
+			children: /* @__PURE__ */ f(ge, {
+				entityId: H,
+				versionNumber: U,
+				handleClose: () => m(!1),
 				onIsLoadingChange: (e) => {
-					Ae(e);
+					Re(e);
 				}
 			})
-		}) }),
-		renderedIconList: k?.columns?.dataType && L?.length && /* @__PURE__ */ m("div", {
+		}), W && /* @__PURE__ */ f("div", { ref: Y })] }),
+		renderedIconList: D?.columns?.dataType && F?.length && /* @__PURE__ */ f("div", {
 			style: { marginTop: "20px" },
-			children: /* @__PURE__ */ m(pe, {
-				iconConfigs: k.columns.dataType,
-				iconNames: JSON.parse(L),
+			children: /* @__PURE__ */ f(ye, {
+				iconConfigs: D.columns.dataType,
+				iconNames: JSON.parse(F),
 				commonIconProps: { sx: { fontSize: "40px" } },
 				useBackground: !0,
 				useTheme: !0
 			})
 		}),
-		cardTopButtons: /* @__PURE__ */ h(xe, {
-			sx: {
-				display: "flex",
-				gap: 1,
-				alignItems: "center"
-			},
-			children: [
-				ot,
-				W && /* @__PURE__ */ m(re, {
-					onClick: () => g((e) => !e),
-					variant: "outlined",
-					startIcon: /* @__PURE__ */ m(Ee, { sx: { height: "12px" } }),
-					loading: ke,
-					children: "Download"
-				}),
-				Ke && Q && /* @__PURE__ */ m(ue, {
-					title: P,
-					doi: Q,
-					boilerplateText: Ye,
-					defaultCitationFormat: Je
-				}),
-				qe && E && /* @__PURE__ */ m(_e, { ...Le })
-			]
+		cardTopButtons: /* @__PURE__ */ f(ae.Provider, {
+			value: $e,
+			children: /* @__PURE__ */ p(Oe, {
+				sx: {
+					display: "flex",
+					gap: 1,
+					alignItems: "center"
+				},
+				children: [
+					bt,
+					W && (H || !J) && /* @__PURE__ */ f(_e, {
+						entityId: H,
+						name: M,
+						version: U,
+						hosting: K,
+						repository: dt,
+						externalUrl: ft,
+						downloadConfirmationContainer: Y
+					}),
+					!W && H && /* @__PURE__ */ f(oe, {
+						onClick: () => m((e) => !e),
+						variant: "outlined",
+						startIcon: /* @__PURE__ */ f(Pe, { sx: { height: "12px" } }),
+						loading: Le,
+						children: "Download"
+					}),
+					tt && vt && /* @__PURE__ */ f(pe, {
+						title: M,
+						doi: vt,
+						boilerplateText: it,
+						defaultCitationFormat: rt
+					}),
+					nt && w && /* @__PURE__ */ f(Ce, { ...Ge })
+				]
+			})
 		})
 	});
 }
 //#endregion
-export { g as TableRowGenericCard, g as default };
+export { m as TableRowGenericCard, m as default };
 
 //# sourceMappingURL=TableRowGenericCard.js.map