synapse-react-client 4.0.2 → 4.0.4

package/dist/components/GenericCard/SynapseCardLabel.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseCardLabel.js","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 { 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 { ColumnSpecifiedLink, MarkdownLink } from '../CardContainerLogic'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport {\n  EntityImage,\n  MapValueToReactComponentConfig,\n} from '../CardContainerLogic/CardContainerLogic'\nimport { EntityLink } from '../EntityLink'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { UserBadge } from '../UserCard/UserBadge'\nimport { EntityColumnImage } from '../widgets/EntityColumnImage'\nimport Linkify from './Linkify'\nimport { SmartLink } from '../SmartLink/SmartLink'\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}\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  } = 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\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              {/* \\u00a0 is a nbsp; */}\n              {index < strList.length - 1 && ',\\u00a0\\u00a0'}\n            </Fragment>\n          )\n        })}\n      </p>\n    )\n  }\n  if (columnModelType === ColumnTypeEnum.USERID && str) {\n    return <UserBadge userId={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    return <Linkify text={str} className={newClassName} />\n  }\n\n  if ('resolveEntityName' in labelLink && labelLink.resolveEntityName && str) {\n    const { baseURL, URLColumnName } = labelLink\n    const href = `/${baseURL}?${URLColumnName}=${str}`\n    return <EntityLink entity={str} link={href} 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                {/* \\u00a0 is a nbsp; */}\n                {index < strList.length - 1 && ',\\u00a0\\u00a0'}\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\n                {/* \\u00a0 is a nbsp; */}\n                {index < strList.length - 1 && ',\\u00a0\\u00a0'}\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 { baseURL, URLColumnName, wrapValueWithParens } = cardLink\n              const value = wrapValueWithParens ? `(${elOrRowId})` : elOrRowId\n              href = `/${baseURL}?${URLColumnName}=${value}`\n            } else if ('overrideLinkURLColumnName' in cardLink) {\n              const overrideHrefIndex = getColumnIndex(\n                cardLink.overrideLinkURLColumnName,\n                selectColumns,\n                columnModels,\n              )\n              if (overrideHrefIndex) {\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"],"names":["SynapseCardLabel","props","value","columnName","labelLink","selectColumns","columnModels","isHeader","className","rowData","rowId","jsx","strList","str","selectColumn","getValueOrMultiValue","columnModelType","newClassName","style","ColumnTypeEnum","val","index","jsxs","Fragment","UserBadge","formatDate","dayjs","Linkify","baseURL","URLColumnName","href","EntityLink","labelContent","Component","el","MarkdownSynapse","EntityColumnImage","split","linkTarget","linkIndex","getColumnIndex","isEmpty","SmartLink","TargetEnum","cardLink","elOrRowId","wrapValueWithParens","overrideHrefIndex","overrideHrefData","Tooltip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA4CO,SAASA,GAAiBC,GAA8B;AAC7D,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACET;AAEJ,MAAI,CAACC;AACH,WAAO,gBAAAS,EAAC,OAAG,UAAAT,EAAA,CAAM;AAEnB,QAAM,EAAE,SAAAU,GAAS,KAAAC,GAAK,cAAAC,EAAA,IAAiBC,EAAqB;AAAA,IAC1D,YAAAZ;AAAA,IACA,OAAAD;AAAA,IACA,eAAAG;AAAA,IACA,cAAAC;AAAA,EAAA,CACD,GAEKU,IAAkBF,GAAc;AAEtC,MAAI,CAACD;AAEH,WAAO,gBAAAF,EAAC,OAAG,UAAAE,EAAA,CAAI;AAGjB,MAAII,IAAeT;AACnB,QAAMU,IAAuB,CAAA;AAK7B,MAJIX,MACFU,IAAeT,GAAW,OAAO,KAAK,eAAe,IAGnDQ,MAAoBG,EAAe,eAAeP;AACpD,6BACG,KAAA,EACE,UAAAA,EAAQ,IAAI,CAACQ,GAAaC,MAEvB,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAZ,EAACa,GAAA,EAAU,QAAQJ,GAAK,WAAWH,GAAc;AAAA,MAEhDI,IAAQT,EAAQ,SAAS,KAAK;AAAA,IAAA,EAAA,GAHlBQ,CAIf,CAEH,EAAA,CACH;AAGJ,MAAIJ,MAAoBG,EAAe,UAAUN;AAC/C,WAAO,gBAAAF,EAACa,GAAA,EAAU,QAAQX,GAAK,WAAWI,GAAc;AAI1D,MAAID,MAAoBG,EAAe,QAAQN;AAC7C,WAAO,gBAAAF,EAAC,OAAG,UAAAc,EAAWC,EAAM,OAAOb,CAAG,CAAC,CAAC,GAAE;AAG5C,MAAI,CAACT;AACH,WAAO,gBAAAO,EAACgB,GAAA,EAAQ,MAAMd,GAAK,WAAWI,GAAc;AAGtD,MAAI,uBAAuBb,KAAaA,EAAU,qBAAqBS,GAAK;AAC1E,UAAM,EAAE,SAAAe,GAAS,eAAAC,EAAA,IAAkBzB,GAC7B0B,IAAO,IAAIF,CAAO,IAAIC,CAAa,IAAIhB,CAAG;AAChD,6BAAQkB,GAAA,EAAW,QAAQlB,GAAK,MAAMiB,GAAM,UAAU,IAAO;AAAA,EAC/D;AAEA,MAAIE;AAEJ,MACE,iCAAiC5B,KACjCA,EAAU,6BACV;AACA,UAAM,EAAE,WAAA6B,MAAc7B;AACtB,IAAA4B,IACE,gBAAArB,EAACsB,GAAA,EAAU,OAAOrB,KAAWC,GAAK,cAAAC,GAA6B;AAAA,EAEnE,WAAW,gBAAgBV,KAAaA,EAAU;AAChD,IAAIQ,IACFoB,sBACG,KAAA,EACE,UAAApB,EAAQ,IAAI,CAACsB,GAAIb,MAEd,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAZ,EAACwB,GAAA,EAAyB,cAAc,IAAM,UAAUD,KAAlCA,CAAsC;AAAA,MAE3Db,IAAQT,EAAQ,SAAS,KAAK;AAAA,IAAA,EAAA,GAHlBsB,CAIf,CAEH,EAAA,CACH,IAGFF,IAAe,gBAAArB,EAACwB,GAAA,EAAgB,cAAc,IAAM,UAAUjC,GAAO;AAAA,WAE9D,mBAAmBE,KAAaA,EAAU;AACnD,IAAIQ,IACFoB,sBACG,KAAA,EACE,UAAApB,EAAQ,IAAI,CAACsB,GAAIb,MAEd,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAZ,EAACyB,GAAA,EAAkB,UAAUF,EAAA,CAAI;AAAA,MAGhCb,IAAQT,EAAQ,SAAS,KAAK;AAAA,IAAA,EAAA,GAJlBsB,CAKf,CAEH,EAAA,CACH,IAGFF,IAAe,gBAAArB,EAACyB,GAAA,EAAkB,UAAUlC,EAAA,CAAO;AAAA,OAEhD;AACL,UAAMmC,IAAQzB,KAAoBC,EAAI,MAAM,GAAG;AAC/C,QAAIyB;AAIJ,QAHI,YAAYlC,MACdkC,IAAalC,EAAU,SAErB,oBAAoBA,GAAW;AACjC,YAAMmC,IAAYC;AAAA,QAChBpC,EAAU;AAAA,QACVC;AAAA,QACAC;AAAA,MAAA;AAEF,UAAIiC,KAAa;AACf,gBAAQ;AAAA,UACN,uCAAuCnC,EAAU,cAAc;AAAA,QAAA,GAEjE4B,2BAAkB,UAAA9B,EAAA,CAAM;AAAA,WACnB;AACL,cAAM4B,IAAOrB,EAAQ8B,CAAS;AAE9B,QAAIE,EAAQX,CAAI,IACdE,2BAAkB,UAAA9B,EAAA,CAAM,IAExB8B,sBACG,KAAA,EACE,UAAAK,EAAM,IAAI,CAACH,GAAIb,MAEZ,gBAAAC,EAACC,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAZ;AAAA,YAAC+B;AAAA,YAAA;AAAA,cACC,MAAMZ,KAAQ;AAAA,cACd,QAAQQ,KAAcK,EAAW;AAAA,cAEjC,WAAW1B;AAAA,cACX,OAAAC;AAAA,cAEC,UAAAgB;AAAA,YAAA;AAAA,YAJIA;AAAA,UAAA;AAAA,UAMNb,IAAQgB,EAAM,SAAS,KACtB,gBAAA1B,EAAC,QAAA,EAAK,OAAO,EAAE,aAAa,KAAK,UAAA,KAAA,CAAE;AAAA,QAAA,EAAA,GAXxBuB,CAaf,CAEH,EAAA,CACH;AAAA,MAGN;AAAA,IACF;AACE,MAAAF,sBACG,KAAA,EACE,UAAAK,EAAM,IAAI,CAACH,GAAIb,MAAU;AACxB,cAAMuB,IAAWxC,GACXyC,IAAYD,EAAS,yBAAyBlC,IAAQwB;AAC5D,YAAIJ,IAAO;AACX,YAAI,aAAac,GAAU;AACzB,gBAAM,EAAE,SAAAhB,GAAS,eAAAC,GAAe,qBAAAiB,EAAA,IAAwBF,GAClD1C,IAAQ4C,IAAsB,IAAID,CAAS,MAAMA;AACvD,UAAAf,IAAO,IAAIF,CAAO,IAAIC,CAAa,IAAI3B,CAAK;AAAA,QAC9C,WAAW,+BAA+B0C,GAAU;AAClD,gBAAMG,IAAoBP;AAAA,YACxBI,EAAS;AAAA,YACTvC;AAAA,YACAC;AAAA,UAAA;AAEF,cAAIyC,GAAmB;AACrB,kBAAMC,IAAmBvC,EAAQsC,CAAiB;AAClD,YAAIC,MACEJ,EAAS,iCACXd,IACEc,EAAS,+BAA+BI,CAAgB,IAE1DlB,IAAOkB;AAAA,UAGb;AAAA,QACF;AAEA,eACE,gBAAA1B,EAACC,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAZ;AAAA,YAAC+B;AAAA,YAAA;AAAA,cACC,MAAAZ;AAAA,cAEA,WAAWb;AAAA,cACX,OAAAC;AAAA,cACA,QAAQoB,KAAcK,EAAW;AAAA,cAEhC,UAAAT;AAAA,YAAA;AAAA,YALIA;AAAA,UAAA;AAAA,UAONb,IAAQgB,EAAM,SAAS,KACtB,gBAAA1B,EAAC,QAAA,EAAK,OAAO,EAAE,aAAa,KAAK,UAAA,KAAA,CAAE;AAAA,QAAA,EAAA,GAXxBuB,CAaf;AAAA,MAEJ,CAAC,EAAA,CACH;AAAA,EAGN;AAEA,SAAI,iBAAiB9B,KAAaA,EAAU,cAGxC,gBAAAO,EAACsC,GAAA,EAAQ,OAAO7C,EAAU,aAAa,gBAAgB,KACrD,UAAA,gBAAAO,EAAC,QAAA,EAAM,UAAAqB,EAAA,CAAa,GACtB,IAGKA;AAEX;"}
+{"version":3,"file":"SynapseCardLabel.js","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  // 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    const { baseURL, URLColumnName } = labelLink\n    const href = `/${baseURL}?${URLColumnName}=${str}`\n    return <EntityLink entity={str} link={href} 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) {\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"],"names":["SynapseCardLabel","props","value","columnName","labelLink","selectColumns","columnModels","isHeader","className","rowData","rowId","columnIconOptions","jsx","strList","str","selectColumn","getValueOrMultiValue","columnModelType","iconConfig","separator","newClassName","style","ColumnTypeEnum","val","index","jsxs","Fragment","UserBadge","formatDate","dayjs","el","LabelMaybeWithIcon","Linkify","baseURL","URLColumnName","href","EntityLink","labelContent","Component","MarkdownSynapse","EntityColumnImage","split","linkTarget","linkIndex","getColumnIndex","isEmpty","SmartLink","TargetEnum","cardLink","elOrRowId","wrapValueWithParens","urlParamStyle","overrideHrefIndex","overrideHrefData","Tooltip"],"mappings":"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"}

package/dist/components/GenericCard/TableRowGenericCard.d.ts

@@ -2,9 +2,9 @@ import { CommonCardProps } from '@/components/CardContainer/CardConfiguration';
 import { ColumnModel, SelectColumn } from '@sage-bionetworks/synapse-types';
 import React from 'react';
 import { HeaderCardVariant } from '../HeaderCard';
+import { ShareThisPageProps } from '../ShareThisPage/ShareThisPage';
 import { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard';
 import { PortalDOIConfiguration } from './PortalDOI/PortalDOIConfiguration';
-import { ShareThisPageProps } from '../ShareThisPage/ShareThisPage';
 type RowSynapseEntityConfig = {
     /** Use the table rowId to resolve the Synapse entity ID. */
     id: {
@@ -78,6 +78,15 @@ export type TableToGenericCardMapping = {
     link?: string;
     /** Column name of the STRING_LIST column that includes icon names that represent icons that should be displayed on the card */
     dataTypeIconNames?: string;
+    /**
+     * Ordered list of column names to display to the right of the title area.
+     * Each renders as "Display Name: Value" on its own line. Rows with empty values are skipped.
+     * The display name is derived from getColumnDisplayName (respects column aliases and unCamelCase).
+     *
+     * Can also be a function that receives the schema and row data and returns the list of column
+     * names to display, allowing the displayed details to vary based on the row's actual values.
+     */
+    titleAreaDetails?: string[] | ((schema: Record<string, number>, data: string[]) => string[]);
     /** Configuration for resolving the Synapse entity ID/version represented by each card row.
      *  The ID and version sources must both reference either row-based values or column-based values.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"TableRowGenericCard.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableRowGenericCard.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"names":[],"mappings":"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"}