synapse-react-client 4.0.36 → 4.0.38

package/dist/components/GenericCard/TableRowGenericCard.js

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