synapse-react-client 4.0.32 → 4.0.34

package/dist/components/FilePreview/PdfPreview.js

@@ -1,37 +1,40 @@
-import { BackendDestinationEnum as e, getEndpoint as t } from "../../utils/functions/getEndpoint.js";
-import { calculateFriendlyFileSize as n } from "../../utils/functions/calculateFriendlyFileSize.js";
-import r from "../../synapse-client/index.js";
-import "../../utils/functions/index.js";
-import { useRef as i } from "react";
-import { Alert as a } from "@mui/material";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { calculateFriendlyFileSize as e } from "../../utils/functions/calculateFriendlyFileSize.js";
+import t from "../../synapse-client/index.js";
+import { useFetchBlobUrl as n } from "../../utils/hooks/useFetchBlobUrl.js";
+import { Alert as r, Skeleton as i } from "@mui/material";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/components/FilePreview/PdfPreview.tsx
-var l = 1024 ** 2 * 30, u = n(l);
-function d(d) {
-	let { fileHandle: f, fileHandleAssociation: p } = d, m = i(null), h = n(f.contentSize);
-	if (f.contentSize > l) return /* @__PURE__ */ c(a, {
+var s = 1024 ** 2 * 30, c = e(s);
+function l(l) {
+	let { fileHandle: u, fileHandleAssociation: d } = l, { blobUrl: f, error: p } = n(u.contentSize > s ? void 0 : t.getPortalFileHandleServletUrl(d.fileHandleId, d.associateObjectId, d.associateObjectType)), m = e(u.contentSize);
+	return u.contentSize > s ? /* @__PURE__ */ o(r, {
 		severity: "error",
 		sx: { marginBottom: "20px" },
 		children: [
 			"The PDF preview was not shown because the file size (",
-			h,
+			m,
 			") exceeds the maximum preview size (",
-			u,
+			c,
 			")"
 		]
-	});
-	let g = r.getPortalFileHandleServletUrl(p.fileHandleId, p.associateObjectId, p.associateObjectType);
-	return /* @__PURE__ */ s(o, { children: /* @__PURE__ */ s("iframe", {
-		ref: m,
-		src: `${t(e.PORTAL_ENDPOINT)}pdf.js/web/viewer.html?file=${encodeURIComponent(g)}`,
+	}) : p ? /* @__PURE__ */ o(r, {
+		severity: "error",
+		sx: { marginBottom: "20px" },
+		children: ["The PDF preview could not be loaded: ", p.message]
+	}) : f ? /* @__PURE__ */ a("iframe", {
+		src: f,
 		height: "800px",
 		style: {
 			border: 0,
 			width: "100%"
 		}
-	}) });
+	}) : /* @__PURE__ */ a(i, {
+		variant: "rectangular",
+		width: "100%",
+		height: "800px"
+	});
 }
 //#endregion
-export { d as default, l as maxPdfSize };
+export { l as default, s as maxPdfSize };
 
 //# sourceMappingURL=PdfPreview.js.map

package/dist/components/FilePreview/PdfPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"PdfPreview.js","names":[],"sources":["../../../src/components/FilePreview/PdfPreview.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Alert } from '@mui/material'\nimport {\n  FileHandle,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useRef } from 'react'\n\nexport type PdfPreviewProps = {\n  fileHandle: FileHandle\n  fileHandleAssociation: FileHandleAssociation\n}\n\nexport const maxPdfSize = Math.pow(1024, 2) * 30 // 30MB\nconst friendlyMaxPdfSize = calculateFriendlyFileSize(maxPdfSize) // 30MB\n\n/**\n * Renders raw HTML. Uses file handle data to determine if the content should be sanitized.\n * @param props\n * @returns\n */\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const { fileHandle, fileHandleAssociation: fha } = props\n  const frameEl = useRef(null)\n\n  const friendlyFileSize = calculateFriendlyFileSize(fileHandle.contentSize)\n  if (fileHandle.contentSize > maxPdfSize) {\n    return (\n      <Alert severity=\"error\" sx={{ marginBottom: '20px' }}>\n        The PDF preview was not shown because the file size ({friendlyFileSize})\n        exceeds the maximum preview size ({friendlyMaxPdfSize})\n      </Alert>\n    )\n  }\n  const fhaUrl = SynapseClient.getPortalFileHandleServletUrl(\n    fha.fileHandleId,\n    fha.associateObjectId,\n    fha.associateObjectType,\n  )\n  return (\n    <>\n      <iframe\n        ref={frameEl}\n        src={`${getEndpoint(\n          BackendDestinationEnum.PORTAL_ENDPOINT,\n        )}pdf.js/web/viewer.html?file=${encodeURIComponent(fhaUrl)}`}\n        height=\"800px\"\n        style={{ border: 0, width: '100%' }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAeA,IAAa,IAAsB,QAAM,IAAK,IACxC,IAAqB,EAA0B,CAAU;AAO/D,SAAwB,EAAW,GAAwB;CACzD,IAAM,EAAE,eAAY,uBAAuB,MAAQ,GAC7C,IAAU,EAAO,IAAI,GAErB,IAAmB,EAA0B,EAAW,WAAW;CACzE,IAAI,EAAW,cAAc,GAC3B,OACE,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,cAAc,OAAO;YAAnD;GAAsD;GACE;GAAiB;GACpC;GAAmB;EACjD;;CAGX,IAAM,IAAS,EAAc,8BAC3B,EAAI,cACJ,EAAI,mBACJ,EAAI,mBACN;CACA,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,UAAD;EACE,KAAK;EACL,KAAK,GAAG,EACN,EAAuB,eACzB,EAAE,8BAA8B,mBAAmB,CAAM;EACzD,QAAO;EACP,OAAO;GAAE,QAAQ;GAAG,OAAO;EAAO;CACnC,CAAA,EACD,CAAA;AAEN"}
+{"version":3,"file":"PdfPreview.js","names":[],"sources":["../../../src/components/FilePreview/PdfPreview.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { Alert, Skeleton } from '@mui/material'\nimport {\n  FileHandle,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useFetchBlobUrl } from '@/utils/hooks/useFetchBlobUrl'\n\nexport type PdfPreviewProps = {\n  fileHandle: FileHandle\n  fileHandleAssociation: FileHandleAssociation\n}\n\nexport const maxPdfSize = Math.pow(1024, 2) * 30 // 30MB\nconst friendlyMaxPdfSize = calculateFriendlyFileSize(maxPdfSize) // 30MB\n\n/**\n * Renders raw HTML. Uses file handle data to determine if the content should be sanitized.\n * @param props\n * @returns\n */\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const { fileHandle, fileHandleAssociation: fha } = props\n\n  const { blobUrl, error: blobError } = useFetchBlobUrl(\n    fileHandle.contentSize > maxPdfSize\n      ? undefined\n      : SynapseClient.getPortalFileHandleServletUrl(\n          fha.fileHandleId,\n          fha.associateObjectId,\n          fha.associateObjectType,\n        ),\n  )\n\n  const friendlyFileSize = calculateFriendlyFileSize(fileHandle.contentSize)\n  if (fileHandle.contentSize > maxPdfSize) {\n    return (\n      <Alert severity=\"error\" sx={{ marginBottom: '20px' }}>\n        The PDF preview was not shown because the file size ({friendlyFileSize})\n        exceeds the maximum preview size ({friendlyMaxPdfSize})\n      </Alert>\n    )\n  }\n\n  if (blobError) {\n    return (\n      <Alert severity=\"error\" sx={{ marginBottom: '20px' }}>\n        The PDF preview could not be loaded: {blobError.message}\n      </Alert>\n    )\n  }\n\n  if (!blobUrl) {\n    return <Skeleton variant=\"rectangular\" width=\"100%\" height=\"800px\" />\n  }\n\n  return (\n    <iframe src={blobUrl} height=\"800px\" style={{ border: 0, width: '100%' }} />\n  )\n}\n"],"mappings":";;;;;;AAcA,IAAa,IAAsB,QAAM,IAAK,IACxC,IAAqB,EAA0B,CAAU;AAO/D,SAAwB,EAAW,GAAwB;CACzD,IAAM,EAAE,eAAY,uBAAuB,MAAQ,GAE7C,EAAE,YAAS,OAAO,MAAc,EACpC,EAAW,cAAc,IACrB,KAAA,IACA,EAAc,8BACZ,EAAI,cACJ,EAAI,mBACJ,EAAI,mBACN,CACN,GAEM,IAAmB,EAA0B,EAAW,WAAW;CAsBzE,OArBI,EAAW,cAAc,IAEzB,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,cAAc,OAAO;YAAnD;GAAsD;GACE;GAAiB;GACpC;GAAmB;EACjD;MAIP,IAEA,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,cAAc,OAAO;YAAnD,CAAsD,yCACd,EAAU,OAC3C;MAIN,IAKH,kBAAC,UAAD;EAAQ,KAAK;EAAS,QAAO;EAAQ,OAAO;GAAE,QAAQ;GAAG,OAAO;EAAO;CAAI,CAAA,IAJpE,kBAAC,GAAD;EAAU,SAAQ;EAAc,OAAM;EAAO,QAAO;CAAS,CAAA;AAMxE"}

package/dist/components/Forum/DiscussionEmpty.css

@@ -1 +1 @@
-._title_1qsuj_1.MuiTypography-root{color:#3b4046;letter-spacing:-.16px;margin-bottom:4px;font-size:16px;font-weight:540;line-height:24px}._subtitle_1qsuj_10.MuiTypography-root{color:#3b4046;letter-spacing:-.07px;font-size:14px;font-weight:440;line-height:20px}._button_1qsuj_18.MuiButton-root{color:#4d535a;letter-spacing:-.24px;background:#fff9;border-radius:6px;padding:8px;font-size:12px;font-weight:540;line-height:12px}._container_1qsuj_29{text-align:center;align-items:center;gap:24px;padding:40px 16px}
+._title_1jia6_1.MuiTypography-root{color:var(--synapse-v2-gray-900);letter-spacing:-.16px;margin-bottom:4px;font-size:16px;font-weight:540;line-height:24px}._subtitle_1jia6_10.MuiTypography-root{color:var(--synapse-v2-gray-900);letter-spacing:-.07px;font-size:14px;font-weight:440;line-height:20px}._button_1jia6_18.MuiButton-root{color:var(--synapse-v2-gray-800);letter-spacing:-.24px;background:#fff9;border-radius:6px;padding:8px;font-size:12px;font-weight:540;line-height:12px}._container_1jia6_29{text-align:center;align-items:center;gap:24px;padding:40px 16px}

package/dist/components/Forum/DiscussionEmpty.module.js

@@ -1,8 +1,8 @@
 import './DiscussionEmpty.css';var e = {
-	title: "_title_1qsuj_1",
-	subtitle: "_subtitle_1qsuj_10",
-	button: "_button_1qsuj_18",
-	container: "_container_1qsuj_29"
+	title: "_title_1jia6_1",
+	subtitle: "_subtitle_1jia6_10",
+	button: "_button_1jia6_18",
+	container: "_container_1jia6_29"
 };
 //#endregion
 export { e as default };

package/dist/components/Forum/DiscussionEmpty.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscussionEmpty.module.js","names":[],"sources":["../../../src/components/Forum/DiscussionEmpty.module.scss"],"sourcesContent":["$text-color: #3b4046;\n$button-text-color: #4d535a;\n\n.title:global(.MuiTypography-root) {\n  color: $text-color;\n  font-size: 16px;\n  font-weight: 540;\n  line-height: 24px; /* 150% */\n  letter-spacing: -0.16px;\n  margin-bottom: 4px;\n}\n\n.subtitle:global(.MuiTypography-root) {\n  color: $text-color;\n  font-size: 14px;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: -0.07px;\n}\n\n.button:global(.MuiButton-root) {\n  color: $button-text-color;\n  font-size: 12px;\n  font-weight: 540;\n  line-height: 12px; /* 100% */\n  letter-spacing: -0.24px;\n  padding: 8px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.6);\n}\n\n.container {\n  align-items: center;\n  text-align: center;\n  gap: 24px;\n  padding: 40px 16px;\n}\n"],"mappings":""}
+{"version":3,"file":"DiscussionEmpty.module.js","names":[],"sources":["../../../src/components/Forum/DiscussionEmpty.module.scss"],"sourcesContent":[".title:global(.MuiTypography-root) {\n  color: var(--synapse-v2-gray-900);\n  font-size: 16px;\n  font-weight: 540;\n  line-height: 24px; /* 150% */\n  letter-spacing: -0.16px;\n  margin-bottom: 4px;\n}\n\n.subtitle:global(.MuiTypography-root) {\n  color: var(--synapse-v2-gray-900);\n  font-size: 14px;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n  letter-spacing: -0.07px;\n}\n\n.button:global(.MuiButton-root) {\n  color: var(--synapse-v2-gray-800);\n  font-size: 12px;\n  font-weight: 540;\n  line-height: 12px; /* 100% */\n  letter-spacing: -0.24px;\n  padding: 8px;\n  border-radius: 6px;\n  background: rgba(255, 255, 255, 0.6);\n}\n\n.container {\n  align-items: center;\n  text-align: center;\n  gap: 24px;\n  padding: 40px 16px;\n}\n"],"mappings":""}

package/dist/components/Forum/DiscussionEmpty.module.scss

@@ -1,8 +1,5 @@
-$text-color: #3b4046;
-$button-text-color: #4d535a;
-
 .title:global(.MuiTypography-root) {
-  color: $text-color;
+  color: var(--synapse-v2-gray-900);
   font-size: 16px;
   font-weight: 540;
   line-height: 24px; /* 150% */
@@ -11,7 +8,7 @@ $button-text-color: #4d535a;
 }
 
 .subtitle:global(.MuiTypography-root) {
-  color: $text-color;
+  color: var(--synapse-v2-gray-900);
   font-size: 14px;
   font-weight: 440;
   line-height: 20px; /* 142.857% */
@@ -19,7 +16,7 @@ $button-text-color: #4d535a;
 }
 
 .button:global(.MuiButton-root) {
-  color: $button-text-color;
+  color: var(--synapse-v2-gray-800);
   font-size: 12px;
   font-weight: 540;
   line-height: 12px; /* 100% */

package/dist/components/GenericCard/SynapseCardLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseCardLabel.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/SynapseCardLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAM9D,OAAO,EACL,WAAW,EAEX,GAAG,EACH,YAAY,EACb,MAAM,iCAAiC,CAAA;AAIxC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,WAAW,EACX,8BAA8B,EAC/B,MAAM,0CAA0C,CAAA;AASjD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EACL,QAAQ,GACR,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,8BAA8B,GAC9B,SAAS,CAAA;IACb,aAAa,EAAE,YAAY,EAAE,GAAG,SAAS,CAAA;IACzC,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAA;IACvC,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACtC,CAAA;AACD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA8Q5D"}
+{"version":3,"file":"SynapseCardLabel.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/SynapseCardLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAO9D,OAAO,EACL,WAAW,EAEX,GAAG,EACH,YAAY,EACb,MAAM,iCAAiC,CAAA;AAIxC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,WAAW,EACX,8BAA8B,EAC/B,MAAM,0CAA0C,CAAA;AASjD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EACL,QAAQ,GACR,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,8BAA8B,GAC9B,SAAS,CAAA;IACb,aAAa,EAAE,YAAY,EAAE,GAAG,SAAS,CAAA;IACzC,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAA;IACvC,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACtC,CAAA;AACD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAiR5D"}

package/dist/components/GenericCard/SynapseCardLabel.js

@@ -1,133 +1,134 @@
-import { getColumnIndex as e } from "../../utils/functions/SqlFunctions.js";
+import { normalizeSynPrefix as e } from "../../utils/functions/EntityTypeUtils.js";
+import { getColumnIndex as t } from "../../utils/functions/SqlFunctions.js";
 import "../../utils/functions/index.js";
-import { Markdown as t } from "../Markdown/MarkdownSynapse.js";
-import { formatDate as n } from "../../utils/functions/DateFormatter.js";
-import { TargetEnum as r } from "../../utils/html/TargetEnum.js";
-import { getValueOrMultiValue as i } from "./CardUtils.js";
-import { SmartLink as a } from "../SmartLink/SmartLink.js";
-import { EntityLink as o } from "../EntityLink.js";
-import { UserBadge as s } from "../UserCard/UserBadge.js";
-import { EntityColumnImage as c } from "../widgets/EntityColumnImage.js";
-import { LabelMaybeWithIcon as l } from "./LabelMaybeWithIcon.js";
-import u from "./Linkify.js";
-import { Fragment as d } from "react";
-import { isEmpty as f } from "lodash-es";
-import { Tooltip as p } from "@mui/material";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { ColumnTypeEnum as _ } from "@sage-bionetworks/synapse-types";
-import v from "dayjs";
+import { Markdown as n } from "../Markdown/MarkdownSynapse.js";
+import { formatDate as r } from "../../utils/functions/DateFormatter.js";
+import { TargetEnum as i } from "../../utils/html/TargetEnum.js";
+import { getValueOrMultiValue as a } from "./CardUtils.js";
+import { SmartLink as o } from "../SmartLink/SmartLink.js";
+import { EntityLink as s } from "../EntityLink.js";
+import { UserBadge as c } from "../UserCard/UserBadge.js";
+import { EntityColumnImage as l } from "../widgets/EntityColumnImage.js";
+import { LabelMaybeWithIcon as u } from "./LabelMaybeWithIcon.js";
+import d from "./Linkify.js";
+import { Fragment as f } from "react";
+import { isEmpty as p } from "lodash-es";
+import { Tooltip as m } from "@mui/material";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ColumnTypeEnum as v } from "@sage-bionetworks/synapse-types";
+import y from "dayjs";
 //#region src/components/GenericCard/SynapseCardLabel.tsx
-function y(y) {
-	let { value: b, columnName: x, labelLink: S, selectColumns: C, columnModels: w, isHeader: T, className: E, rowData: D, rowId: O, columnIconOptions: k } = y;
-	if (!b) return /* @__PURE__ */ h("p", { children: b });
-	let { strList: A, str: j, selectColumn: M } = i({
-		columnName: x,
-		value: b,
-		selectColumns: C,
-		columnModels: w
-	}), N = M?.columnType, P = k?.columns?.[x], F = ",\xA0\xA0";
-	if (!j) return /* @__PURE__ */ h("p", { children: j });
-	let I = E, L = {};
-	if (T && (I = E?.concat(" ", "SRC-lightLink")), N === _.USERID_LIST && A) return /* @__PURE__ */ h("p", { children: A.map((e, t) => /* @__PURE__ */ g(d, { children: [/* @__PURE__ */ h(s, {
+function b(b) {
+	let { value: x, columnName: S, labelLink: C, selectColumns: w, columnModels: T, isHeader: E, className: D, rowData: O, rowId: k, columnIconOptions: A } = b;
+	if (!x) return /* @__PURE__ */ g("p", { children: x });
+	let { strList: j, str: M, selectColumn: N } = a({
+		columnName: S,
+		value: x,
+		selectColumns: w,
+		columnModels: T
+	}), P = N?.columnType, F = A?.columns?.[S], I = ",\xA0\xA0";
+	if (!M) return /* @__PURE__ */ g("p", { children: M });
+	let L = D, R = {};
+	if (E && (L = D?.concat(" ", "SRC-lightLink")), P === v.USERID_LIST && j) return /* @__PURE__ */ g("p", { children: j.map((e, t) => /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(c, {
 		userId: e,
-		className: I
-	}), t < A.length - 1 && F] }, e)) });
-	if (N === _.USERID && j) return /* @__PURE__ */ h(s, {
-		userId: j,
-		className: I
+		className: L
+	}), t < j.length - 1 && I] }, e)) });
+	if (P === v.USERID && M) return /* @__PURE__ */ g(c, {
+		userId: M,
+		className: L
 	});
-	if (N === _.ENTITYID_LIST && A) return /* @__PURE__ */ h("p", { children: A.map((e, t) => /* @__PURE__ */ g(d, { children: [/* @__PURE__ */ h(o, {
+	if (P === v.ENTITYID_LIST && j) return /* @__PURE__ */ g("p", { children: j.map((e, t) => /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(s, {
 		entity: e,
-		className: I
-	}), t < A.length - 1 && F] }, e)) });
-	if (N === _.ENTITYID && j && !S) return /* @__PURE__ */ h(o, {
-		entity: j,
-		className: I
+		className: L
+	}), t < j.length - 1 && I] }, e)) });
+	if (P === v.ENTITYID && M && !C) return /* @__PURE__ */ g(s, {
+		entity: M,
+		className: L
 	});
-	if (N === _.DATE && j) return /* @__PURE__ */ h("p", { children: n(v(Number(j))) });
-	if (!S) return A ? /* @__PURE__ */ h(m, { children: A.map((e, t) => /* @__PURE__ */ g(d, { children: [/* @__PURE__ */ h(l, {
+	if (P === v.DATE && M) return /* @__PURE__ */ g("p", { children: r(y(Number(M))) });
+	if (!C) return j ? /* @__PURE__ */ g(h, { children: j.map((e, t) => /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(u, {
 		value: e,
-		iconConfig: P,
-		children: /* @__PURE__ */ h(u, {
+		iconConfig: F,
+		children: /* @__PURE__ */ g(d, {
 			text: e,
-			className: I
+			className: L
 		})
-	}), t < A.length - 1 && F] }, e)) }) : /* @__PURE__ */ h(l, {
-		value: j,
-		iconConfig: P,
-		children: /* @__PURE__ */ h(u, {
-			text: j,
-			className: I
+	}), t < j.length - 1 && I] }, e)) }) : /* @__PURE__ */ g(u, {
+		value: M,
+		iconConfig: F,
+		children: /* @__PURE__ */ g(d, {
+			text: M,
+			className: L
 		})
 	});
-	if ("resolveEntityName" in S && S.resolveEntityName && j) return /* @__PURE__ */ h(o, {
-		entity: j,
+	if ("resolveEntityName" in C && C.resolveEntityName && M) return /* @__PURE__ */ g(s, {
+		entity: M,
 		showIcon: !1
 	});
-	let R;
-	if ("isMapValueToReactNodeConfig" in S && S.isMapValueToReactNodeConfig) {
-		let { Component: e } = S;
-		R = /* @__PURE__ */ h(e, {
-			value: A || j,
-			selectColumn: M
+	let z;
+	if ("isMapValueToReactNodeConfig" in C && C.isMapValueToReactNodeConfig) {
+		let { Component: e } = C;
+		z = /* @__PURE__ */ g(e, {
+			value: j || M,
+			selectColumn: N
 		});
-	} else if ("isMarkdown" in S && S.isMarkdown) R = A ? /* @__PURE__ */ h("p", { children: A.map((e, n) => /* @__PURE__ */ g(d, { children: [/* @__PURE__ */ h(t, {
+	} else if ("isMarkdown" in C && C.isMarkdown) z = j ? /* @__PURE__ */ g("p", { children: j.map((e, t) => /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(n, {
 		renderInline: !0,
 		markdown: e
-	}, e), n < A.length - 1 && F] }, e)) }) : /* @__PURE__ */ h(t, {
+	}, e), t < j.length - 1 && I] }, e)) }) : /* @__PURE__ */ g(n, {
 		renderInline: !0,
-		markdown: b
+		markdown: x
 	});
-	else if ("isEntityImage" in S && S.isEntityImage) R = A ? /* @__PURE__ */ h("p", { children: A.map((e, t) => /* @__PURE__ */ g(d, { children: [/* @__PURE__ */ h(c, { entityId: e }), t < A.length - 1 && F] }, e)) }) : /* @__PURE__ */ h(c, { entityId: b });
+	else if ("isEntityImage" in C && C.isEntityImage) z = j ? /* @__PURE__ */ g("p", { children: j.map((e, t) => /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(l, { entityId: e }), t < j.length - 1 && I] }, e)) }) : /* @__PURE__ */ g(l, { entityId: x });
 	else {
-		let t = A || j.split(","), n;
-		if ("target" in S && (n = S.target), "linkColumnName" in S) {
-			let i = e(S.linkColumnName, C, w);
-			if (i == null) console.warn(`Could not determine column index of ${S.linkColumnName}`), R = /* @__PURE__ */ h(m, { children: b });
+		let n = j || M.split(","), r;
+		if ("target" in C && (r = C.target), "linkColumnName" in C) {
+			let e = t(C.linkColumnName, w, T);
+			if (e == null) console.warn(`Could not determine column index of ${C.linkColumnName}`), z = /* @__PURE__ */ g(h, { children: x });
 			else {
-				let e = D[i];
-				R = f(e) ? /* @__PURE__ */ h(m, { children: b }) : /* @__PURE__ */ h("p", { children: t.map((i, o) => /* @__PURE__ */ g(d, { children: [/* @__PURE__ */ h(a, {
-					href: e ?? "",
-					target: n ?? r.NEW_WINDOW,
-					className: I,
-					style: L,
-					children: i
-				}, i), o < t.length - 1 && /* @__PURE__ */ h("span", {
+				let t = O[e];
+				z = p(t) ? /* @__PURE__ */ g(h, { children: x }) : /* @__PURE__ */ g("p", { children: n.map((e, a) => /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(o, {
+					href: t ?? "",
+					target: r ?? i.NEW_WINDOW,
+					className: L,
+					style: R,
+					children: e
+				}, e), a < n.length - 1 && /* @__PURE__ */ g("span", {
 					style: { marginRight: 4 },
 					children: ", "
-				})] }, i)) });
+				})] }, e)) });
 			}
-		} else R = /* @__PURE__ */ h("p", { children: t.map((i, o) => {
-			let s = S, c = s.overrideValueWithRowID ? O : i, l = "";
-			if ("baseURL" in s) {
-				let { baseURL: e, URLColumnName: t, wrapValueWithParens: n, urlParamStyle: r = "query-param" } = s, i = n ? `(${c})` : c;
-				l = r === "path-segment" ? `/${e}/${encodeURIComponent(String(i))}` : `/${e}?${t}=${i}`;
-			} else if ("overrideLinkURLColumnName" in s) {
-				let t = e(s.overrideLinkURLColumnName, C, w);
-				if (t != null) {
-					let e = D[t];
-					e && (l = s.overrideLinkURLColumnTransform ? s.overrideLinkURLColumnTransform(e) : e);
+		} else z = /* @__PURE__ */ g("p", { children: n.map((a, s) => {
+			let c = C, l = c.overrideValueWithRowID && k ? e(k) : a, u = "";
+			if ("baseURL" in c) {
+				let { baseURL: e, URLColumnName: t, wrapValueWithParens: n, urlParamStyle: r = "query-param" } = c, i = n ? `(${l})` : l;
+				u = r === "path-segment" ? `/${e}/${encodeURIComponent(String(i))}` : `/${e}?${t}=${i}`;
+			} else if ("overrideLinkURLColumnName" in c) {
+				let e = t(c.overrideLinkURLColumnName, w, T);
+				if (e != null) {
+					let t = O[e];
+					t && (u = c.overrideLinkURLColumnTransform ? c.overrideLinkURLColumnTransform(t) : t);
 				}
 			}
-			return /* @__PURE__ */ g(d, { children: [/* @__PURE__ */ h(a, {
-				href: l,
-				className: I,
-				style: L,
-				target: n ?? r.CURRENT_WINDOW,
-				children: i
-			}, i), o < t.length - 1 && /* @__PURE__ */ h("span", {
+			return /* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(o, {
+				href: u,
+				className: L,
+				style: R,
+				target: r ?? i.CURRENT_WINDOW,
+				children: a
+			}, a), s < n.length - 1 && /* @__PURE__ */ g("span", {
 				style: { marginRight: 4 },
 				children: ", "
-			})] }, i);
+			})] }, a);
 		}) });
 	}
-	return "tooltipText" in S && S.tooltipText ? /* @__PURE__ */ h(p, {
-		title: S.tooltipText,
+	return "tooltipText" in C && C.tooltipText ? /* @__PURE__ */ g(m, {
+		title: C.tooltipText,
 		enterNextDelay: 300,
-		children: /* @__PURE__ */ h("span", { children: R })
-	}) : R;
+		children: /* @__PURE__ */ g("span", { children: z })
+	}) : z;
 }
 //#endregion
-export { y as SynapseCardLabel };
+export { b as SynapseCardLabel };
 
 //# sourceMappingURL=SynapseCardLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseCardLabel.js","names":[],"sources":["../../../src/components/GenericCard/SynapseCardLabel.tsx"],"sourcesContent":["import { CardLink } from '@/components/CardContainer/CardLink'\nimport { getValueOrMultiValue } from '@/components/GenericCard/CardUtils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { getColumnIndex } from '@/utils/functions/index'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport { Tooltip } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  Row,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { isEmpty } from 'lodash-es'\nimport { CSSProperties, Fragment, ReactNode } from 'react'\nimport {\n  ColumnIconConfigs,\n  ColumnSpecifiedLink,\n  MarkdownLink,\n} from '../CardContainerLogic'\nimport {\n  EntityImage,\n  MapValueToReactComponentConfig,\n} from '../CardContainerLogic/CardContainerLogic'\nimport { EntityLink } from '../EntityLink'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SmartLink } from '../SmartLink/SmartLink'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport { EntityColumnImage } from '../widgets/EntityColumnImage'\nimport { LabelMaybeWithIcon } from './LabelMaybeWithIcon'\nimport Linkify from './Linkify'\n\ntype SynapseCardLabelProps = {\n  value: string\n  columnName: string\n  labelLink:\n    | CardLink\n    | MarkdownLink\n    | ColumnSpecifiedLink\n    | EntityImage\n    | MapValueToReactComponentConfig\n    | undefined\n  selectColumns: SelectColumn[] | undefined\n  columnModels: ColumnModel[] | undefined\n  isHeader: boolean\n  className?: string\n  rowData: Row['values']\n  rowId?: string\n  columnIconOptions?: ColumnIconConfigs\n}\nexport function SynapseCardLabel(props: SynapseCardLabelProps) {\n  const {\n    value,\n    columnName,\n    labelLink,\n    selectColumns,\n    columnModels,\n    isHeader,\n    className,\n    rowData,\n    rowId,\n    columnIconOptions,\n  } = props\n\n  if (!value) {\n    return <p>{value}</p>\n  }\n  const { strList, str, selectColumn } = getValueOrMultiValue({\n    columnName,\n    value,\n    selectColumns,\n    columnModels,\n  })\n\n  const columnModelType = selectColumn?.columnType\n  const iconConfig = columnIconOptions?.columns?.[columnName]\n  //  \\u00a0 is a nbsp;\n  const separator = ',\\u00a0\\u00a0'\n\n  if (!str) {\n    // the array came back empty\n    return <p>{str}</p>\n  }\n\n  let newClassName = className\n  const style: CSSProperties = {}\n  if (isHeader) {\n    newClassName = className?.concat(' ', 'SRC-lightLink')\n  }\n  // PORTALS-1913: special rendering for user ID lists\n  if (columnModelType === ColumnTypeEnum.USERID_LIST && strList) {\n    return (\n      <p>\n        {strList.map((val: string, index: number) => {\n          return (\n            <Fragment key={val}>\n              <UserBadge userId={val} className={newClassName} />\n              {index < strList.length - 1 && separator}\n            </Fragment>\n          )\n        })}\n      </p>\n    )\n  }\n  if (columnModelType === ColumnTypeEnum.USERID && str) {\n    return <UserBadge userId={str} className={newClassName} />\n  }\n\n  if (columnModelType === ColumnTypeEnum.ENTITYID_LIST && strList) {\n    return (\n      <p>\n        {strList.map((entityId: string, index: number) => {\n          return (\n            <Fragment key={entityId}>\n              <EntityLink entity={entityId} className={newClassName} />\n              {index < strList.length - 1 && separator}\n            </Fragment>\n          )\n        })}\n      </p>\n    )\n  }\n\n  if (columnModelType === ColumnTypeEnum.ENTITYID && str && !labelLink) {\n    return <EntityLink entity={str} className={newClassName} />\n  }\n\n  // NFINT-906\n  if (columnModelType === ColumnTypeEnum.DATE && str) {\n    return <p>{formatDate(dayjs(Number(str)))}</p>\n  }\n\n  if (!labelLink) {\n    if (strList) {\n      return (\n        <>\n          {strList.map((el, index) => (\n            <Fragment key={el}>\n              <LabelMaybeWithIcon value={el} iconConfig={iconConfig}>\n                <Linkify text={el} className={newClassName} />\n              </LabelMaybeWithIcon>\n              {index < strList.length - 1 && separator}\n            </Fragment>\n          ))}\n        </>\n      )\n    }\n    return (\n      <LabelMaybeWithIcon value={str} iconConfig={iconConfig}>\n        <Linkify text={str} className={newClassName} />\n      </LabelMaybeWithIcon>\n    )\n  }\n\n  if ('resolveEntityName' in labelLink && labelLink.resolveEntityName && str) {\n    return <EntityLink entity={str} showIcon={false} />\n  }\n\n  let labelContent: ReactNode\n\n  if (\n    'isMapValueToReactNodeConfig' in labelLink &&\n    labelLink.isMapValueToReactNodeConfig\n  ) {\n    const { Component } = labelLink\n    labelContent = (\n      <Component value={strList || str} selectColumn={selectColumn!} />\n    )\n  } else if ('isMarkdown' in labelLink && labelLink.isMarkdown) {\n    if (strList) {\n      labelContent = (\n        <p>\n          {strList.map((el, index) => {\n            return (\n              <Fragment key={el}>\n                <MarkdownSynapse key={el} renderInline={true} markdown={el} />\n                {index < strList.length - 1 && separator}\n              </Fragment>\n            )\n          })}\n        </p>\n      )\n    } else {\n      labelContent = <MarkdownSynapse renderInline={true} markdown={value} />\n    }\n  } else if ('isEntityImage' in labelLink && labelLink.isEntityImage) {\n    if (strList) {\n      labelContent = (\n        <p>\n          {strList.map((el, index) => {\n            return (\n              <Fragment key={el}>\n                <EntityColumnImage entityId={el} />\n                {index < strList.length - 1 && separator}\n              </Fragment>\n            )\n          })}\n        </p>\n      )\n    } else {\n      labelContent = <EntityColumnImage entityId={value} />\n    }\n  } else {\n    const split = strList ? strList : str.split(',')\n    let linkTarget: TargetEnum | undefined = undefined\n    if ('target' in labelLink) {\n      linkTarget = labelLink.target!\n    }\n    if ('linkColumnName' in labelLink) {\n      const linkIndex = getColumnIndex(\n        labelLink.linkColumnName,\n        selectColumns,\n        columnModels,\n      )\n      if (linkIndex == null) {\n        console.warn(\n          `Could not determine column index of ${labelLink.linkColumnName}`,\n        )\n        labelContent = <>{value}</>\n      } else {\n        const href = rowData[linkIndex]\n\n        if (isEmpty(href)) {\n          labelContent = <>{value}</>\n        } else {\n          labelContent = (\n            <p>\n              {split.map((el, index) => {\n                return (\n                  <Fragment key={el}>\n                    <SmartLink\n                      href={href ?? ''}\n                      target={linkTarget ?? TargetEnum.NEW_WINDOW}\n                      key={el}\n                      className={newClassName}\n                      style={style}\n                    >\n                      {el}\n                    </SmartLink>\n                    {index < split.length - 1 && (\n                      <span style={{ marginRight: 4 }}>, </span>\n                    )}\n                  </Fragment>\n                )\n              })}\n            </p>\n          )\n        }\n      }\n    } else {\n      labelContent = (\n        <p>\n          {split.map((el, index) => {\n            const cardLink = labelLink as CardLink\n            const elOrRowId = cardLink.overrideValueWithRowID ? rowId : el\n            let href = ''\n            if ('baseURL' in cardLink) {\n              const {\n                baseURL,\n                URLColumnName,\n                wrapValueWithParens,\n                urlParamStyle = 'query-param',\n              } = cardLink\n              const value = wrapValueWithParens ? `(${elOrRowId})` : elOrRowId\n              if (urlParamStyle === 'path-segment') {\n                href = `/${baseURL}/${encodeURIComponent(String(value))}`\n              } else {\n                href = `/${baseURL}?${URLColumnName}=${value}`\n              }\n            } else if ('overrideLinkURLColumnName' in cardLink) {\n              const overrideHrefIndex = getColumnIndex(\n                cardLink.overrideLinkURLColumnName,\n                selectColumns,\n                columnModels,\n              )\n              if (overrideHrefIndex != null) {\n                const overrideHrefData = rowData[overrideHrefIndex]\n                if (overrideHrefData) {\n                  if (cardLink.overrideLinkURLColumnTransform) {\n                    href =\n                      cardLink.overrideLinkURLColumnTransform(overrideHrefData)\n                  } else {\n                    href = overrideHrefData\n                  }\n                }\n              }\n            }\n\n            return (\n              <Fragment key={el}>\n                <SmartLink\n                  href={href}\n                  key={el}\n                  className={newClassName}\n                  style={style}\n                  target={linkTarget ?? TargetEnum.CURRENT_WINDOW}\n                >\n                  {el}\n                </SmartLink>\n                {index < split.length - 1 && (\n                  <span style={{ marginRight: 4 }}>, </span>\n                )}\n              </Fragment>\n            )\n          })}\n        </p>\n      )\n    }\n  }\n\n  if ('tooltipText' in labelLink && labelLink.tooltipText) {\n    // wrap in a tooltip\n    return (\n      <Tooltip title={labelLink.tooltipText} enterNextDelay={300}>\n        <span>{labelContent}</span>\n      </Tooltip>\n    )\n  } else {\n    return labelContent\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"SynapseCardLabel.js","names":[],"sources":["../../../src/components/GenericCard/SynapseCardLabel.tsx"],"sourcesContent":["import { CardLink } from '@/components/CardContainer/CardLink'\nimport { getValueOrMultiValue } from '@/components/GenericCard/CardUtils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { normalizeSynPrefix } from '@/utils/functions/EntityTypeUtils'\nimport { getColumnIndex } from '@/utils/functions/index'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport { Tooltip } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  Row,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { isEmpty } from 'lodash-es'\nimport { CSSProperties, Fragment, ReactNode } from 'react'\nimport {\n  ColumnIconConfigs,\n  ColumnSpecifiedLink,\n  MarkdownLink,\n} from '../CardContainerLogic'\nimport {\n  EntityImage,\n  MapValueToReactComponentConfig,\n} from '../CardContainerLogic/CardContainerLogic'\nimport { EntityLink } from '../EntityLink'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SmartLink } from '../SmartLink/SmartLink'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport { EntityColumnImage } from '../widgets/EntityColumnImage'\nimport { LabelMaybeWithIcon } from './LabelMaybeWithIcon'\nimport Linkify from './Linkify'\n\ntype SynapseCardLabelProps = {\n  value: string\n  columnName: string\n  labelLink:\n    | CardLink\n    | MarkdownLink\n    | ColumnSpecifiedLink\n    | EntityImage\n    | MapValueToReactComponentConfig\n    | undefined\n  selectColumns: SelectColumn[] | undefined\n  columnModels: ColumnModel[] | undefined\n  isHeader: boolean\n  className?: string\n  rowData: Row['values']\n  rowId?: string\n  columnIconOptions?: ColumnIconConfigs\n}\nexport function SynapseCardLabel(props: SynapseCardLabelProps) {\n  const {\n    value,\n    columnName,\n    labelLink,\n    selectColumns,\n    columnModels,\n    isHeader,\n    className,\n    rowData,\n    rowId,\n    columnIconOptions,\n  } = props\n\n  if (!value) {\n    return <p>{value}</p>\n  }\n  const { strList, str, selectColumn } = getValueOrMultiValue({\n    columnName,\n    value,\n    selectColumns,\n    columnModels,\n  })\n\n  const columnModelType = selectColumn?.columnType\n  const iconConfig = columnIconOptions?.columns?.[columnName]\n  //  \\u00a0 is a nbsp;\n  const separator = ',\\u00a0\\u00a0'\n\n  if (!str) {\n    // the array came back empty\n    return <p>{str}</p>\n  }\n\n  let newClassName = className\n  const style: CSSProperties = {}\n  if (isHeader) {\n    newClassName = className?.concat(' ', 'SRC-lightLink')\n  }\n  // PORTALS-1913: special rendering for user ID lists\n  if (columnModelType === ColumnTypeEnum.USERID_LIST && strList) {\n    return (\n      <p>\n        {strList.map((val: string, index: number) => {\n          return (\n            <Fragment key={val}>\n              <UserBadge userId={val} className={newClassName} />\n              {index < strList.length - 1 && separator}\n            </Fragment>\n          )\n        })}\n      </p>\n    )\n  }\n  if (columnModelType === ColumnTypeEnum.USERID && str) {\n    return <UserBadge userId={str} className={newClassName} />\n  }\n\n  if (columnModelType === ColumnTypeEnum.ENTITYID_LIST && strList) {\n    return (\n      <p>\n        {strList.map((entityId: string, index: number) => {\n          return (\n            <Fragment key={entityId}>\n              <EntityLink entity={entityId} className={newClassName} />\n              {index < strList.length - 1 && separator}\n            </Fragment>\n          )\n        })}\n      </p>\n    )\n  }\n\n  if (columnModelType === ColumnTypeEnum.ENTITYID && str && !labelLink) {\n    return <EntityLink entity={str} className={newClassName} />\n  }\n\n  // NFINT-906\n  if (columnModelType === ColumnTypeEnum.DATE && str) {\n    return <p>{formatDate(dayjs(Number(str)))}</p>\n  }\n\n  if (!labelLink) {\n    if (strList) {\n      return (\n        <>\n          {strList.map((el, index) => (\n            <Fragment key={el}>\n              <LabelMaybeWithIcon value={el} iconConfig={iconConfig}>\n                <Linkify text={el} className={newClassName} />\n              </LabelMaybeWithIcon>\n              {index < strList.length - 1 && separator}\n            </Fragment>\n          ))}\n        </>\n      )\n    }\n    return (\n      <LabelMaybeWithIcon value={str} iconConfig={iconConfig}>\n        <Linkify text={str} className={newClassName} />\n      </LabelMaybeWithIcon>\n    )\n  }\n\n  if ('resolveEntityName' in labelLink && labelLink.resolveEntityName && str) {\n    return <EntityLink entity={str} showIcon={false} />\n  }\n\n  let labelContent: ReactNode\n\n  if (\n    'isMapValueToReactNodeConfig' in labelLink &&\n    labelLink.isMapValueToReactNodeConfig\n  ) {\n    const { Component } = labelLink\n    labelContent = (\n      <Component value={strList || str} selectColumn={selectColumn!} />\n    )\n  } else if ('isMarkdown' in labelLink && labelLink.isMarkdown) {\n    if (strList) {\n      labelContent = (\n        <p>\n          {strList.map((el, index) => {\n            return (\n              <Fragment key={el}>\n                <MarkdownSynapse key={el} renderInline={true} markdown={el} />\n                {index < strList.length - 1 && separator}\n              </Fragment>\n            )\n          })}\n        </p>\n      )\n    } else {\n      labelContent = <MarkdownSynapse renderInline={true} markdown={value} />\n    }\n  } else if ('isEntityImage' in labelLink && labelLink.isEntityImage) {\n    if (strList) {\n      labelContent = (\n        <p>\n          {strList.map((el, index) => {\n            return (\n              <Fragment key={el}>\n                <EntityColumnImage entityId={el} />\n                {index < strList.length - 1 && separator}\n              </Fragment>\n            )\n          })}\n        </p>\n      )\n    } else {\n      labelContent = <EntityColumnImage entityId={value} />\n    }\n  } else {\n    const split = strList ? strList : str.split(',')\n    let linkTarget: TargetEnum | undefined = undefined\n    if ('target' in labelLink) {\n      linkTarget = labelLink.target!\n    }\n    if ('linkColumnName' in labelLink) {\n      const linkIndex = getColumnIndex(\n        labelLink.linkColumnName,\n        selectColumns,\n        columnModels,\n      )\n      if (linkIndex == null) {\n        console.warn(\n          `Could not determine column index of ${labelLink.linkColumnName}`,\n        )\n        labelContent = <>{value}</>\n      } else {\n        const href = rowData[linkIndex]\n\n        if (isEmpty(href)) {\n          labelContent = <>{value}</>\n        } else {\n          labelContent = (\n            <p>\n              {split.map((el, index) => {\n                return (\n                  <Fragment key={el}>\n                    <SmartLink\n                      href={href ?? ''}\n                      target={linkTarget ?? TargetEnum.NEW_WINDOW}\n                      key={el}\n                      className={newClassName}\n                      style={style}\n                    >\n                      {el}\n                    </SmartLink>\n                    {index < split.length - 1 && (\n                      <span style={{ marginRight: 4 }}>, </span>\n                    )}\n                  </Fragment>\n                )\n              })}\n            </p>\n          )\n        }\n      }\n    } else {\n      labelContent = (\n        <p>\n          {split.map((el, index) => {\n            const cardLink = labelLink as CardLink\n            const elOrRowId =\n              cardLink.overrideValueWithRowID && rowId\n                ? normalizeSynPrefix(rowId)\n                : el\n            let href = ''\n            if ('baseURL' in cardLink) {\n              const {\n                baseURL,\n                URLColumnName,\n                wrapValueWithParens,\n                urlParamStyle = 'query-param',\n              } = cardLink\n              const value = wrapValueWithParens ? `(${elOrRowId})` : elOrRowId\n              if (urlParamStyle === 'path-segment') {\n                href = `/${baseURL}/${encodeURIComponent(String(value))}`\n              } else {\n                href = `/${baseURL}?${URLColumnName}=${value}`\n              }\n            } else if ('overrideLinkURLColumnName' in cardLink) {\n              const overrideHrefIndex = getColumnIndex(\n                cardLink.overrideLinkURLColumnName,\n                selectColumns,\n                columnModels,\n              )\n              if (overrideHrefIndex != null) {\n                const overrideHrefData = rowData[overrideHrefIndex]\n                if (overrideHrefData) {\n                  if (cardLink.overrideLinkURLColumnTransform) {\n                    href =\n                      cardLink.overrideLinkURLColumnTransform(overrideHrefData)\n                  } else {\n                    href = overrideHrefData\n                  }\n                }\n              }\n            }\n\n            return (\n              <Fragment key={el}>\n                <SmartLink\n                  href={href}\n                  key={el}\n                  className={newClassName}\n                  style={style}\n                  target={linkTarget ?? TargetEnum.CURRENT_WINDOW}\n                >\n                  {el}\n                </SmartLink>\n                {index < split.length - 1 && (\n                  <span style={{ marginRight: 4 }}>, </span>\n                )}\n              </Fragment>\n            )\n          })}\n        </p>\n      )\n    }\n  }\n\n  if ('tooltipText' in labelLink && labelLink.tooltipText) {\n    // wrap in a tooltip\n    return (\n      <Tooltip title={labelLink.tooltipText} enterNextDelay={300}>\n        <span>{labelContent}</span>\n      </Tooltip>\n    )\n  } else {\n    return labelContent\n  }\n}\n"],"mappings":"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"}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.css

@@ -0,0 +1 @@
+._jsonSchemaPicker_1b47n_1{flex-direction:column;gap:16px;display:flex}._organizationAutocomplete_1b47n_7{margin-bottom:8px}._schemaTableContainer_1b47n_11{height:400px}._schemaTableContainer_1b47n_11 tr[aria-selected=true]{background-color:var(--synapse-primary-action-color-alpha-10)}

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.d.ts

@@ -0,0 +1,29 @@
+import { JsonSchemaSelection } from './useJsonSchemaSelection';
+import { VersionSelectionType } from './VersionSelectionType';
+export type { JsonSchemaSelection } from './useJsonSchemaSelection';
+export type JsonSchemaPickerProps = {
+    /**
+     * Invoked whenever the selected schema and/or version changes. `undefined` when nothing is
+     * selected, or when a version selection is required but has not yet resolved.
+     */
+    onSelectionChange: (selection: JsonSchemaSelection | undefined) => void;
+    /** If provided, and a matching Organization is found, it will be preselected. */
+    defaultOrganizationName?: string;
+    /**
+     * Controls whether a concrete numbered version must be selected, or if "Latest" is an
+     * option. Defaults to {@link VersionSelectionType.REQUIRED}. Assumed to be fixed for the
+     * lifetime of a single JsonSchemaPicker instance -- to change it, remount the component (e.g.
+     * with a new `key`) rather than changing this prop in place.
+     */
+    versionSelectionType?: VersionSelectionType;
+    /**
+     * The initially-selected schema/version, e.g. when editing an existing selection.
+     * Note: only `versionInfo` (not a bare `$id`) can be used to resolve the initially selected
+     * row, since the row lookup requires the schema's organization and schema name.
+     */
+    initialSelected?: JsonSchemaSelection;
+};
+export declare const LATEST_OPTION_VALUE = "__LATEST__";
+export declare function JsonSchemaPicker(props: JsonSchemaPickerProps): import("react/jsx-runtime").JSX.Element;
+export default JsonSchemaPicker;
+//# sourceMappingURL=JsonSchemaPicker.d.ts.map

package/dist/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaPicker.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchema/JsonSchemaPicker/JsonSchemaPicker.tsx"],"names":[],"mappings":"AAyCA,OAAO,EAEL,mBAAmB,EAEpB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAA;AAEnE,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,iBAAiB,EAAE,CAAC,SAAS,EAAE,mBAAmB,GAAG,SAAS,KAAK,IAAI,CAAA;IACvE,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC;;;;;OAKG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;IAC3C;;;;OAIG;IACH,eAAe,CAAC,EAAE,mBAAmB,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,mBAAmB,eAAe,CAAA;AA4L/C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAwL5D;AAED,eAAe,gBAAgB,CAAA"}