synapse-react-client 4.0.3 → 4.0.4

package/dist/components/SynapseTable/ExpandableTableDataCell.js

@@ -6,7 +6,9 @@ function N(t) {
   const [a, o] = s(!1), [d, i] = s(!1), l = f(null);
   return m(l, ({ target: n }) => {
     if (!a && n) {
-      const e = n.getElementsByTagName("p")[0];
+      const e = n.getElementsByClassName(
+        "SynapseTableCellContent"
+      )[0];
       e && i(
         e.scrollHeight > e.clientHeight + 2 || e.scrollWidth > e.clientWidth + 2
       );

package/dist/components/SynapseTable/ExpandableTableDataCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTableDataCell.js","sources":["../../../src/components/SynapseTable/ExpandableTableDataCell.tsx"],"sourcesContent":["import { HTMLAttributes, useRef, useState } from 'react'\nimport { useResizeObserver } from '@react-hookz/web'\nimport ExpandCollapseButton from './ExpandCollapseButton'\n\nexport default function ExpandableTableDataCell(\n  props: HTMLAttributes<HTMLTableCellElement>,\n) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [isOverflowingWhenNotExpanded, setIsOverflowingWhenNotExpanded] =\n    useState(false)\n  const tdRef = useRef<HTMLTableCellElement | null>(null)\n\n  /**\n   * When the cell is resized, check if it is overflowing.\n   */\n  useResizeObserver(tdRef, ({ target }) => {\n    // Don't check overflow if the cell has been expanded by the user!\n    if (!isExpanded) {\n      if (target) {\n        /**\n         * TODO: Not all content elements are <p> tags\n         *\n         * Doing this \"right\" would require a major SynapseTableCell refactor.\n         * Should we forward a ref to the <p>? Should we not wrap content so the `td` gets the correct scrollWidth?\n         *\n         * Note that the CSS also assumes that the table cell content is always wrapped in a <p>\n         */\n        const contentElement = target.getElementsByTagName('p')[0]\n        if (contentElement) {\n          // Add 2px threshold to account for sub-pixel rounding errors\n          const threshold = 2\n          setIsOverflowingWhenNotExpanded(\n            contentElement.scrollHeight >\n              contentElement.clientHeight + threshold ||\n              contentElement.scrollWidth >\n                contentElement.clientWidth + threshold,\n          )\n        }\n      }\n    }\n  })\n\n  return (\n    <td\n      {...props}\n      className={`ExpandableTableData ${\n        props.className ? props.className : ''\n      }`}\n      aria-expanded={isExpanded}\n      ref={tdRef}\n    >\n      {isOverflowingWhenNotExpanded && (\n        <ExpandCollapseButton\n          isExpanded={isExpanded}\n          className=\"ExpandableTableData__expandButton\"\n          onClick={() => setIsExpanded(!isExpanded)}\n        />\n      )}\n      {props.children}\n    </td>\n  )\n}\n"],"names":["ExpandableTableDataCell","props","isExpanded","setIsExpanded","useState","isOverflowingWhenNotExpanded","setIsOverflowingWhenNotExpanded","tdRef","useRef","useResizeObserver","target","contentElement","jsxs","jsx","ExpandCollapseButton"],"mappings":";;;;AAIA,SAAwBA,EACtBC,GACA;AACA,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAA8BC,CAA+B,IAClEF,EAAS,EAAK,GACVG,IAAQC,EAAoC,IAAI;AAKtD,SAAAC,EAAkBF,GAAO,CAAC,EAAE,QAAAG,QAAa;AAEvC,QAAI,CAACR,KACCQ,GAAQ;AASV,YAAMC,IAAiBD,EAAO,qBAAqB,GAAG,EAAE,CAAC;AACzD,MAAIC,KAGFL;AAAA,QACEK,EAAe,eACbA,EAAe,eAAe,KAC9BA,EAAe,cACbA,EAAe,cAAc;AAAA,MAAA;AAAA,IAGvC;AAAA,EAEJ,CAAC,GAGC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,WAAW,uBACTA,EAAM,YAAYA,EAAM,YAAY,EACtC;AAAA,MACA,iBAAeC;AAAA,MACf,KAAKK;AAAA,MAEJ,UAAA;AAAA,QAAAF,KACC,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAAZ;AAAA,YACA,WAAU;AAAA,YACV,SAAS,MAAMC,EAAc,CAACD,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAG3CD,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}
+{"version":3,"file":"ExpandableTableDataCell.js","sources":["../../../src/components/SynapseTable/ExpandableTableDataCell.tsx"],"sourcesContent":["import { HTMLAttributes, useRef, useState } from 'react'\nimport { useResizeObserver } from '@react-hookz/web'\nimport ExpandCollapseButton from './ExpandCollapseButton'\n\nexport default function ExpandableTableDataCell(\n  props: HTMLAttributes<HTMLTableCellElement>,\n) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [isOverflowingWhenNotExpanded, setIsOverflowingWhenNotExpanded] =\n    useState(false)\n  const tdRef = useRef<HTMLTableCellElement | null>(null)\n\n  /**\n   * When the cell is resized, check if it is overflowing.\n   */\n  useResizeObserver(tdRef, ({ target }) => {\n    // Don't check overflow if the cell has been expanded by the user!\n    if (!isExpanded) {\n      if (target) {\n        const contentElement = target.getElementsByClassName(\n          'SynapseTableCellContent',\n        )[0]\n        if (contentElement) {\n          // Add 2px threshold to account for sub-pixel rounding errors\n          const threshold = 2\n          setIsOverflowingWhenNotExpanded(\n            contentElement.scrollHeight >\n              contentElement.clientHeight + threshold ||\n              contentElement.scrollWidth >\n                contentElement.clientWidth + threshold,\n          )\n        }\n      }\n    }\n  })\n\n  return (\n    <td\n      {...props}\n      className={`ExpandableTableData ${\n        props.className ? props.className : ''\n      }`}\n      aria-expanded={isExpanded}\n      ref={tdRef}\n    >\n      {isOverflowingWhenNotExpanded && (\n        <ExpandCollapseButton\n          isExpanded={isExpanded}\n          className=\"ExpandableTableData__expandButton\"\n          onClick={() => setIsExpanded(!isExpanded)}\n        />\n      )}\n      {props.children}\n    </td>\n  )\n}\n"],"names":["ExpandableTableDataCell","props","isExpanded","setIsExpanded","useState","isOverflowingWhenNotExpanded","setIsOverflowingWhenNotExpanded","tdRef","useRef","useResizeObserver","target","contentElement","jsxs","jsx","ExpandCollapseButton"],"mappings":";;;;AAIA,SAAwBA,EACtBC,GACA;AACA,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5C,CAACC,GAA8BC,CAA+B,IAClEF,EAAS,EAAK,GACVG,IAAQC,EAAoC,IAAI;AAKtD,SAAAC,EAAkBF,GAAO,CAAC,EAAE,QAAAG,QAAa;AAEvC,QAAI,CAACR,KACCQ,GAAQ;AACV,YAAMC,IAAiBD,EAAO;AAAA,QAC5B;AAAA,MAAA,EACA,CAAC;AACH,MAAIC,KAGFL;AAAA,QACEK,EAAe,eACbA,EAAe,eAAe,KAC9BA,EAAe,cACbA,EAAe,cAAc;AAAA,MAAA;AAAA,IAGvC;AAAA,EAEJ,CAAC,GAGC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGX;AAAA,MACJ,WAAW,uBACTA,EAAM,YAAYA,EAAM,YAAY,EACtC;AAAA,MACA,iBAAeC;AAAA,MACf,KAAKK;AAAA,MAEJ,UAAA;AAAA,QAAAF,KACC,gBAAAQ;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,YAAAZ;AAAA,YACA,WAAU;AAAA,YACV,SAAS,MAAMC,EAAc,CAACD,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAG3CD,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/SynapseTable/SynapseTable.js

@@ -29,7 +29,7 @@ import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
 import { useGetEntity as to } from "../../synapse-queries/entity/useEntity.js";
-import { createColumnHelper as no, useReactTable as ro, getCoreRowModel as so } from "@tanstack/react-table";
+import { useReactTable as no, getCoreRowModel as ro, createColumnHelper as so } from "@tanstack/react-table";
 import { useAtomValue as io } from "jotai";
 import { ModalDownload as lo } from "../ModalDownload/ModalDownload.js";
 import { useQueryContext as ao } from "../QueryContext/QueryContext.js";
@@ -41,7 +41,7 @@ import { rowSelectionColumn as R, addToDownloadListColumn as A, directDownloadCo
 import { isEntityViewOrDatasetOrCollection as fo, isFileViewOrDataset as ho, isSortableColumn as bo } from "./SynapseTableUtils.js";
 import { usePrefetchResourcesInTable as yo } from "./usePrefetchTableData.js";
 import { useTableSort as So } from "./useTableSort.js";
-const To = [], Do = no();
+const To = [], Do = so();
 function pe(i) {
   const { showDownloadColumn: m, hideDownload: M } = i, {
     rowSet: o,
@@ -106,10 +106,10 @@ function pe(i) {
       [t.name]: S.includes(t.name)
     }), I),
     [S, n, I]
-  ), { dataHasBeenPrefetched: J } = yo(o), K = N || !J, X = ro({
+  ), { dataHasBeenPrefetched: J } = yo(o), K = N || !J, X = no({
     data: o.rows,
     columns: _,
-    getCoreRowModel: so(),
+    getCoreRowModel: ro(),
     manualSorting: !0,
     manualFiltering: !0,
     onSortingChange: j,

package/dist/components/SynapseTable/SynapseTableCell/SynapseTableCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/SynapseTableCell/SynapseTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAS9D,OAAO,EACL,WAAW,EACX,UAAU,EAGV,GAAG,EACH,YAAY,EAEb,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EACL,WAAW,EACX,8BAA8B,EAC/B,MAAM,6CAA6C,CAAA;AAcpD,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EACb,QAAQ,GACR,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,8BAA8B,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAaD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA0OrD;;AAED,wBAAqC"}
+{"version":3,"file":"SynapseTableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/SynapseTableCell/SynapseTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAS9D,OAAO,EACL,WAAW,EACX,UAAU,EAGV,GAAG,EACH,YAAY,EAEb,MAAM,iCAAiC,CAAA;AAGxC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAC5E,OAAO,EACL,WAAW,EACX,8BAA8B,EAC/B,MAAM,6CAA6C,CAAA;AAcpD,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,MAAM,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EACb,QAAQ,GACR,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,8BAA8B,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B,YAAY,CAAC,EAAE,WAAW,EAAE,CAAA;IAC5B,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAaD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAwQrD;;AAED,wBAAqC"}

package/dist/components/SynapseTable/SynapseTableCell/SynapseTableCell.js

@@ -1,19 +1,19 @@
-import { jsx as e, Fragment as f, jsxs as p } from "react/jsx-runtime";
+import { jsx as e, Fragment as y, jsxs as c } from "react/jsx-runtime";
 import "../../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
-import { ColumnTypeEnum as t, FileHandleAssociateType as N } from "@sage-bionetworks/synapse-types";
-import { isEntityView as F, isDataset as C, isDatasetCollection as A } from "../../../utils/functions/EntityTypeUtils.js";
+import { ColumnTypeEnum as a, FileHandleAssociateType as C } from "@sage-bionetworks/synapse-types";
+import { isEntityView as R, isDataset as w, isDatasetCollection as F } from "../../../utils/functions/EntityTypeUtils.js";
 import "../../../utils/SynapseConstants.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../../utils/PermissionLevelToAccessType.js";
-import { memo as v, Fragment as _ } from "react";
+import { memo as A, Fragment as _ } from "react";
 import "../../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { Typography as c, Link as j } from "@mui/material";
+import { Typography as p, Link as j } from "@mui/material";
 import "../../../utils/hooks/useCookiePreferences.js";
 import "../../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -29,180 +29,180 @@ import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../../utils/types/IsType.js";
 import { useGetEntity as U } from "../../../synapse-queries/entity/useEntity.js";
-import { formatDate as h } from "../../../utils/functions/DateFormatter.js";
-import y from "dayjs";
-import G from "../../DirectDownload/DirectDownload.js";
-import { EntityLink as E } from "../../EntityLink.js";
-import { SynapseCardLabel as J } from "../../GenericCard/SynapseCardLabel.js";
+import { formatDate as S } from "../../../utils/functions/DateFormatter.js";
+import h from "dayjs";
+import $ from "../../DirectDownload/DirectDownload.js";
+import { EntityLink as I } from "../../EntityLink.js";
+import { SynapseCardLabel as G } from "../../GenericCard/SynapseCardLabel.js";
 import "../../GenericCard/GenericCard.js";
 import "../../Markdown/MarkdownSynapse.js";
-import L from "../../GenericCard/Linkify.js";
-import { useQueryContext as k } from "../../QueryContext/QueryContext.js";
-import V from "../../UserOrTeamBadge/UserOrTeamBadge.js";
-import { NOT_SET_DISPLAY_VALUE as B } from "../SynapseTableConstants.js";
-import { isFileViewOrDataset as H } from "../SynapseTableUtils.js";
-import $ from "./EntityIdList.js";
+import f from "../../GenericCard/Linkify.js";
+import { useQueryContext as J } from "../../QueryContext/QueryContext.js";
+import k from "../../UserOrTeamBadge/UserOrTeamBadge.js";
+import { NOT_SET_DISPLAY_VALUE as V } from "../SynapseTableConstants.js";
+import { isFileViewOrDataset as B } from "../SynapseTableUtils.js";
+import H from "./EntityIdList.js";
 import M from "./EvaluationIdRenderer.js";
 import Y from "./JSON/JSONTableCellRenderer.js";
 import P from "./UserIdList.js";
-function S(d) {
+function b(d) {
   return d.toLowerCase() === "id" ? "id" : "name";
 }
 function X(d) {
   const {
-    columnType: u,
-    columnValue: r,
-    isBold: n,
-    columnLinkConfig: T,
-    columnName: o,
-    selectColumns: D,
-    columnModels: g,
-    rowData: O,
+    columnType: T,
+    columnValue: t,
+    isBold: l,
+    columnLinkConfig: u,
+    columnName: s,
+    selectColumns: E,
+    columnModels: v,
+    rowData: L,
     rowId: m,
-    rowVersionNumber: I,
-    isRowEntityColumn: x
-  } = d, { entityId: R, versionNumber: b } = k(), { data: s } = U(R, b);
-  if (!r)
-    return /* @__PURE__ */ e("p", { className: "SRC-inactive", children: B });
-  if (T)
+    rowVersionNumber: N,
+    isRowEntityColumn: D
+  } = d, { entityId: g, versionNumber: O } = J(), { data: i } = U(g, O);
+  if (!t)
+    return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent SRC-inactive", children: V });
+  if (u)
     return /* @__PURE__ */ e(
-      J,
+      G,
       {
-        value: r,
-        columnName: o,
-        selectColumns: D,
-        columnModels: g,
+        value: t,
+        columnName: s,
+        selectColumns: E,
+        columnModels: v,
         isHeader: !1,
-        labelLink: T,
-        rowData: O,
+        labelLink: u,
+        rowData: L,
         rowId: m
       }
     );
-  if ((s && (F(s) || C(s) || A(s)) || x) && (o === "id" || o === "name") && m && I)
-    return /* @__PURE__ */ e("p", { children: /* @__PURE__ */ e(
-      E,
+  if ((i && (R(i) || w(i) || F(i)) || D) && (s === "id" || s === "name") && m && N)
+    return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(
+      I,
       {
         entity: m,
-        versionNumber: I,
-        className: `${n}`,
+        versionNumber: N,
+        className: `${l}`,
         showIcon: !1,
-        displayTextField: o
+        displayTextField: s
       }
     ) });
-  switch (u) {
-    case t.ENTITYID: {
-      const i = S(o);
-      return /* @__PURE__ */ e("p", { children: /* @__PURE__ */ e(
-        E,
+  switch (T) {
+    case a.ENTITYID: {
+      const n = b(s);
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(
+        I,
         {
-          entity: r,
-          className: `${n}`,
-          displayTextField: i,
+          entity: t,
+          className: `${l}`,
+          displayTextField: n,
           showIcon: !1
         }
       ) });
     }
-    case t.DATE_LIST: {
-      const i = JSON.parse(r);
-      return /* @__PURE__ */ p("p", { children: [
-        i.map((a, l) => /* @__PURE__ */ p("span", { className: n, children: [
-          h(y(Number(a))),
-          l !== i.length - 1 ? ", " : ""
-        ] }, l)),
+    case a.DATE_LIST: {
+      const n = JSON.parse(t);
+      return /* @__PURE__ */ c("div", { className: "SynapseTableCellContent", children: [
+        n.map((r, o) => /* @__PURE__ */ c("span", { className: l, children: [
+          S(h(Number(r))),
+          o !== n.length - 1 ? ", " : ""
+        ] }, o)),
         " "
       ] });
     }
-    case t.BOOLEAN_LIST: {
-      const i = JSON.parse(r);
-      return /* @__PURE__ */ e("p", { children: i.map((a, l) => /* @__PURE__ */ p("span", { className: n, children: [
-        a ? "true" : "false",
-        l !== i.length - 1 ? ", " : ""
-      ] }, l)) });
+    case a.BOOLEAN_LIST: {
+      const n = JSON.parse(t);
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: n.map((r, o) => /* @__PURE__ */ c("span", { className: l, children: [
+        r ? "true" : "false",
+        o !== n.length - 1 ? ", " : ""
+      ] }, o)) });
     }
-    case t.FILEHANDLEID: {
-      let i = s.id, a = N.TableEntity;
-      return H(s) && o === "dataFileHandleId" && (i = String(m), a = N.FileEntity), /* @__PURE__ */ e(f, { children: s && /* @__PURE__ */ e("p", { children: /* @__PURE__ */ e(
-        G,
+    case a.FILEHANDLEID: {
+      let n = i.id, r = C.TableEntity;
+      return B(i) && s === "dataFileHandleId" && (n = String(m), r = C.FileEntity), /* @__PURE__ */ e(y, { children: i && /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(
+        $,
         {
           iconSvgPropOverrides: { sx: { color: "primary.main" } },
-          associatedObjectId: i,
-          associatedObjectType: a,
-          fileHandleId: r,
+          associatedObjectId: n,
+          associatedObjectType: r,
+          fileHandleId: t,
           displayFileName: !0
         }
       ) }) });
     }
-    case t.ENTITYID_LIST: {
-      const i = S(o), a = JSON.parse(r);
-      return /* @__PURE__ */ e("p", { children: /* @__PURE__ */ e(
-        $,
+    case a.ENTITYID_LIST: {
+      const n = b(s), r = JSON.parse(t);
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(
+        H,
         {
-          entityIdList: a,
-          displayTextField: i,
+          entityIdList: r,
+          displayTextField: n,
           showIcon: !1
         }
       ) });
     }
-    case t.USERID_LIST: {
-      const i = JSON.parse(r);
-      return /* @__PURE__ */ e("p", { children: /* @__PURE__ */ e(P, { userIds: i }) });
+    case a.USERID_LIST: {
+      const n = JSON.parse(t);
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(P, { userIds: n }) });
     }
     // handle other list types
-    case t.STRING_LIST:
-    case t.INTEGER_LIST: {
-      const i = JSON.parse(r);
-      return /* @__PURE__ */ e("p", { className: n, children: i.map((a, l) => {
-        const w = u == t.STRING_LIST ? /* @__PURE__ */ e(L, { text: a }) : /* @__PURE__ */ e(f, { children: a });
-        return /* @__PURE__ */ p(_, { children: [
-          w,
-          l !== i.length - 1 ? ", " : ""
-        ] }, a);
+    case a.STRING_LIST:
+    case a.INTEGER_LIST: {
+      const n = JSON.parse(t);
+      return /* @__PURE__ */ e("div", { className: `SynapseTableCellContent ${l}`, children: n.map((r, o) => {
+        const x = T == a.STRING_LIST ? /* @__PURE__ */ e(f, { text: r }) : /* @__PURE__ */ e(y, { children: r });
+        return /* @__PURE__ */ c(_, { children: [
+          x,
+          o !== n.length - 1 ? ", " : ""
+        ] }, r);
       }) });
     }
-    case t.EVALUATIONID:
-      return /* @__PURE__ */ e(M, { evaluationId: r });
-    case t.DATE:
-      return /* @__PURE__ */ e("p", { className: n, children: h(y(Number(r))) });
-    case t.USERID:
-      return /* @__PURE__ */ e(V, { principalId: r });
-    case t.LINK:
-      return /* @__PURE__ */ e("p", { children: /* @__PURE__ */ e(j, { target: "_blank", rel: "noopener noreferrer", href: r, children: r }) });
-    case t.STRING:
-    case t.BOOLEAN:
-    case t.MEDIUMTEXT:
-    case t.LARGETEXT:
-      return /* @__PURE__ */ e(c, { variant: "smallText1", className: n, children: /* @__PURE__ */ e(L, { text: r }) });
-    case t.INTEGER:
-      return /* @__PURE__ */ e(
-        c,
+    case a.EVALUATIONID:
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(M, { evaluationId: t }) });
+    case a.DATE:
+      return /* @__PURE__ */ e("div", { className: `SynapseTableCellContent ${l}`, children: S(h(Number(t))) });
+    case a.USERID:
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(k, { principalId: t }) });
+    case a.LINK:
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(j, { target: "_blank", rel: "noopener noreferrer", href: t, children: t }) });
+    case a.STRING:
+    case a.BOOLEAN:
+    case a.MEDIUMTEXT:
+    case a.LARGETEXT:
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(p, { variant: "smallText1", className: l, children: /* @__PURE__ */ e(f, { text: t }) }) });
+    case a.INTEGER:
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(
+        p,
         {
           variant: "smallText1",
           sx: { textAlign: "right" },
-          className: n,
-          children: parseInt(r).toLocaleString()
+          className: l,
+          children: parseInt(t).toLocaleString()
         }
-      );
-    case t.DOUBLE:
-      return /* @__PURE__ */ e(
-        c,
+      ) });
+    case a.DOUBLE:
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(
+        p,
         {
           variant: "smallText1",
           sx: { textAlign: "right" },
-          className: n,
-          children: parseFloat(r).toLocaleString()
+          className: l,
+          children: parseFloat(t).toLocaleString()
         }
-      );
-    case t.JSON:
-      return /* @__PURE__ */ e(Y, { value: r });
+      ) });
+    case a.JSON:
+      return /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(Y, { value: t }) });
     default:
       return console.warn(
-        `ColumnType ${u} has unspecified handler. Rendering the column value.`
-      ), /* @__PURE__ */ e(c, { variant: "smallText1", className: n, children: r });
+        `ColumnType ${T} has unspecified handler. Rendering the column value.`
+      ), /* @__PURE__ */ e("div", { className: "SynapseTableCellContent", children: /* @__PURE__ */ e(p, { variant: "smallText1", className: l, children: t }) });
   }
-  return /* @__PURE__ */ e("p", { className: n, children: r });
+  return /* @__PURE__ */ e("div", { className: `SynapseTableCellContent ${l}`, children: t });
 }
-const He = v(X);
+const Be = A(X);
 export {
-  He as default
+  Be as default
 };
 //# sourceMappingURL=SynapseTableCell.js.map

package/dist/components/SynapseTable/SynapseTableCell/SynapseTableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseTableCell.js","sources":["../../../../src/components/SynapseTable/SynapseTableCell/SynapseTableCell.tsx"],"sourcesContent":["import { CardLink } from '@/components/CardContainer/CardLink'\nimport { useGetEntity } from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  isDataset,\n  isDatasetCollection,\n  isEntityView,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Link, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnType,\n  ColumnTypeEnum,\n  FileHandleAssociateType,\n  Row,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { Fragment, memo } from 'react'\nimport { ColumnSpecifiedLink, MarkdownLink } from '../../CardContainerLogic'\nimport {\n  EntityImage,\n  MapValueToReactComponentConfig,\n} from '../../CardContainerLogic/CardContainerLogic'\nimport DirectDownload from '../../DirectDownload/DirectDownload'\nimport { EntityLink, EntityLinkProps } from '../../EntityLink'\nimport { SynapseCardLabel } from '../../GenericCard'\nimport Linkify from '../../GenericCard/Linkify'\nimport { useQueryContext } from '../../QueryContext'\nimport UserOrTeamBadge from '../../UserOrTeamBadge'\nimport { NOT_SET_DISPLAY_VALUE } from '../SynapseTableConstants'\nimport { isFileViewOrDataset } from '../SynapseTableUtils'\nimport EntityIdList from './EntityIdList'\nimport EvaluationIdRenderer from './EvaluationIdRenderer'\nimport JSONTableCellRenderer from './JSON/JSONTableCellRenderer'\nimport UserIdList from './UserIdList'\n\nexport type SynapseTableCellProps = {\n  columnType: ColumnType\n  columnValue: string | null\n  isBold: string\n  columnLinkConfig?:\n    | CardLink\n    | MarkdownLink\n    | ColumnSpecifiedLink\n    | EntityImage\n    | MapValueToReactComponentConfig\n  columnName: string\n  selectColumns?: SelectColumn[]\n  columnModels?: ColumnModel[]\n  rowData: Row['values']\n  rowId?: string\n  rowVersionNumber?: number\n  isRowEntityColumn?: boolean\n}\n\nfunction getDisplayTextFieldForEntityIdColumn(\n  columnName: string,\n): EntityLinkProps['displayTextField'] {\n  // SWC-7235 - For any table type, if the column is an ENTITYID and the column name is 'id', then display the ID.\n  // Otherwise, display the entity name.\n  if (columnName.toLowerCase() === 'id') {\n    return 'id'\n  }\n  return 'name'\n}\n\nfunction SynapseTableCell(props: SynapseTableCellProps) {\n  const {\n    columnType,\n    columnValue,\n    isBold,\n    columnLinkConfig,\n    columnName,\n    selectColumns,\n    columnModels,\n    rowData,\n    rowId,\n    rowVersionNumber,\n    isRowEntityColumn,\n  } = props\n  const { entityId, versionNumber } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  if (!columnValue) {\n    return <p className=\"SRC-inactive\">{NOT_SET_DISPLAY_VALUE}</p>\n  }\n\n  if (columnLinkConfig) {\n    return (\n      <SynapseCardLabel\n        value={columnValue}\n        columnName={columnName}\n        selectColumns={selectColumns}\n        columnModels={columnModels}\n        isHeader={false}\n        labelLink={columnLinkConfig}\n        rowData={rowData}\n        rowId={rowId}\n      />\n    )\n  }\n\n  // PORTALS-2095: Special case. If this is an EntityView, and we are rendering the 'id' or 'name' column,\n  // and we have a rowId and rowVersionNumber (should always be the case), and our entityIdToHeader map\n  // contains the row Synapse ID, then auto-link.\n  const tableRowRepresentsEntity =\n    entity &&\n    (isEntityView(entity) || isDataset(entity) || isDatasetCollection(entity))\n  if (\n    (tableRowRepresentsEntity || isRowEntityColumn) &&\n    (columnName === 'id' || columnName === 'name') &&\n    rowId &&\n    rowVersionNumber\n  ) {\n    return (\n      <p>\n        <EntityLink\n          entity={rowId}\n          versionNumber={rowVersionNumber}\n          className={`${isBold}`}\n          showIcon={false}\n          displayTextField={columnName}\n        />\n      </p>\n    )\n  }\n\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID: {\n      const displayTextField = getDisplayTextFieldForEntityIdColumn(columnName)\n      return (\n        <p>\n          <EntityLink\n            entity={columnValue}\n            className={`${isBold}`}\n            displayTextField={displayTextField}\n            showIcon={false}\n          />\n        </p>\n      )\n    }\n    case ColumnTypeEnum.DATE_LIST: {\n      const jsonData: number[] = JSON.parse(columnValue)\n      return (\n        <p>\n          {jsonData.map((val: number, index: number) => {\n            return (\n              <span key={index} className={isBold}>\n                {formatDate(dayjs(Number(val)))}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </span>\n            )\n          })}{' '}\n        </p>\n      )\n    }\n    case ColumnTypeEnum.BOOLEAN_LIST: {\n      const jsonData: boolean[] = JSON.parse(columnValue)\n      return (\n        <p>\n          {jsonData.map((val: boolean, index: number) => {\n            return (\n              <span key={index} className={isBold}>\n                {val ? 'true' : 'false'}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </span>\n            )\n          })}\n        </p>\n      )\n    }\n    case ColumnTypeEnum.FILEHANDLEID: {\n      let associatedObjectId = entity!.id!\n      let associatedObjectType = FileHandleAssociateType.TableEntity\n      if (isFileViewOrDataset(entity) && columnName === 'dataFileHandleId') {\n        associatedObjectId = String(rowId)\n        associatedObjectType = FileHandleAssociateType.FileEntity\n      }\n      return (\n        <>\n          {entity && (\n            <p>\n              <DirectDownload\n                iconSvgPropOverrides={{ sx: { color: 'primary.main' } }}\n                associatedObjectId={associatedObjectId}\n                associatedObjectType={associatedObjectType}\n                fileHandleId={columnValue}\n                displayFileName={true}\n              />\n            </p>\n          )}\n        </>\n      )\n    }\n    case ColumnTypeEnum.ENTITYID_LIST: {\n      const displayTextField = getDisplayTextFieldForEntityIdColumn(columnName)\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <p>\n          <EntityIdList\n            entityIdList={jsonData}\n            displayTextField={displayTextField}\n            showIcon={false}\n          />\n        </p>\n      )\n    }\n    case ColumnTypeEnum.USERID_LIST: {\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <p>\n          <UserIdList userIds={jsonData} />\n        </p>\n      )\n    }\n    // handle other list types\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.INTEGER_LIST: {\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <p className={isBold}>\n          {jsonData.map((val: string, index: number) => {\n            const textRenderer =\n              columnType == ColumnTypeEnum.STRING_LIST ? (\n                <Linkify text={val} />\n              ) : (\n                <>{val}</>\n              )\n            return (\n              <Fragment key={val}>\n                {textRenderer}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </Fragment>\n            )\n          })}\n        </p>\n      )\n    }\n    case ColumnTypeEnum.EVALUATIONID: {\n      return <EvaluationIdRenderer evaluationId={columnValue} />\n    }\n\n    case ColumnTypeEnum.DATE:\n      return <p className={isBold}>{formatDate(dayjs(Number(columnValue)))}</p>\n\n    case ColumnTypeEnum.USERID:\n      return <UserOrTeamBadge principalId={columnValue} />\n    case ColumnTypeEnum.LINK:\n      return (\n        <p>\n          <Link target=\"_blank\" rel=\"noopener noreferrer\" href={columnValue}>\n            {columnValue}\n          </Link>\n        </p>\n      )\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.MEDIUMTEXT:\n    case ColumnTypeEnum.LARGETEXT: {\n      return (\n        <Typography variant={'smallText1'} className={isBold}>\n          <Linkify text={columnValue} />\n        </Typography>\n      )\n    }\n    case ColumnTypeEnum.INTEGER:\n      return (\n        <Typography\n          variant={'smallText1'}\n          sx={{ textAlign: 'right' }}\n          className={isBold}\n        >\n          {parseInt(columnValue).toLocaleString()}\n        </Typography>\n      )\n    case ColumnTypeEnum.DOUBLE:\n      return (\n        <Typography\n          variant={'smallText1'}\n          sx={{ textAlign: 'right' }}\n          className={isBold}\n        >\n          {parseFloat(columnValue).toLocaleString()}\n        </Typography>\n      )\n    case ColumnTypeEnum.JSON:\n      return <JSONTableCellRenderer value={columnValue} />\n    default:\n      console.warn(\n        `ColumnType ${columnType} has unspecified handler. Rendering the column value.`,\n      )\n      return (\n        <Typography variant={'smallText1'} className={isBold}>\n          {columnValue}\n        </Typography>\n      )\n  }\n  // We can reach this if we don't get a mapping of IDs to entities or principals.\n  // TODO: If we don't have a id:data mapping, we should render a component that can fetch the required data, rather than breaking from the case.\n  return <p className={isBold}>{columnValue}</p>\n}\n\nexport default memo(SynapseTableCell)\n"],"names":["getDisplayTextFieldForEntityIdColumn","columnName","SynapseTableCell","props","columnType","columnValue","isBold","columnLinkConfig","selectColumns","columnModels","rowData","rowId","rowVersionNumber","isRowEntityColumn","entityId","versionNumber","useQueryContext","entity","useGetEntity","jsx","NOT_SET_DISPLAY_VALUE","SynapseCardLabel","isEntityView","isDataset","isDatasetCollection","EntityLink","ColumnTypeEnum","displayTextField","jsonData","val","index","jsxs","formatDate","dayjs","associatedObjectId","associatedObjectType","FileHandleAssociateType","isFileViewOrDataset","Fragment","DirectDownload","EntityIdList","UserIdList","textRenderer","Linkify","EvaluationIdRenderer","UserOrTeamBadge","Link","Typography","JSONTableCellRenderer","SynapseTableCell$1","memo"],"mappings":"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"}
+{"version":3,"file":"SynapseTableCell.js","sources":["../../../../src/components/SynapseTable/SynapseTableCell/SynapseTableCell.tsx"],"sourcesContent":["import { CardLink } from '@/components/CardContainer/CardLink'\nimport { useGetEntity } from '@/synapse-queries'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  isDataset,\n  isDatasetCollection,\n  isEntityView,\n} from '@/utils/functions/EntityTypeUtils'\nimport { Link, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnType,\n  ColumnTypeEnum,\n  FileHandleAssociateType,\n  Row,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { Fragment, memo } from 'react'\nimport { ColumnSpecifiedLink, MarkdownLink } from '../../CardContainerLogic'\nimport {\n  EntityImage,\n  MapValueToReactComponentConfig,\n} from '../../CardContainerLogic/CardContainerLogic'\nimport DirectDownload from '../../DirectDownload/DirectDownload'\nimport { EntityLink, EntityLinkProps } from '../../EntityLink'\nimport { SynapseCardLabel } from '../../GenericCard'\nimport Linkify from '../../GenericCard/Linkify'\nimport { useQueryContext } from '../../QueryContext'\nimport UserOrTeamBadge from '../../UserOrTeamBadge'\nimport { NOT_SET_DISPLAY_VALUE } from '../SynapseTableConstants'\nimport { isFileViewOrDataset } from '../SynapseTableUtils'\nimport EntityIdList from './EntityIdList'\nimport EvaluationIdRenderer from './EvaluationIdRenderer'\nimport JSONTableCellRenderer from './JSON/JSONTableCellRenderer'\nimport UserIdList from './UserIdList'\n\nexport type SynapseTableCellProps = {\n  columnType: ColumnType\n  columnValue: string | null\n  isBold: string\n  columnLinkConfig?:\n    | CardLink\n    | MarkdownLink\n    | ColumnSpecifiedLink\n    | EntityImage\n    | MapValueToReactComponentConfig\n  columnName: string\n  selectColumns?: SelectColumn[]\n  columnModels?: ColumnModel[]\n  rowData: Row['values']\n  rowId?: string\n  rowVersionNumber?: number\n  isRowEntityColumn?: boolean\n}\n\nfunction getDisplayTextFieldForEntityIdColumn(\n  columnName: string,\n): EntityLinkProps['displayTextField'] {\n  // SWC-7235 - For any table type, if the column is an ENTITYID and the column name is 'id', then display the ID.\n  // Otherwise, display the entity name.\n  if (columnName.toLowerCase() === 'id') {\n    return 'id'\n  }\n  return 'name'\n}\n\nfunction SynapseTableCell(props: SynapseTableCellProps) {\n  const {\n    columnType,\n    columnValue,\n    isBold,\n    columnLinkConfig,\n    columnName,\n    selectColumns,\n    columnModels,\n    rowData,\n    rowId,\n    rowVersionNumber,\n    isRowEntityColumn,\n  } = props\n  const { entityId, versionNumber } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  if (!columnValue) {\n    return (\n      <div className=\"SynapseTableCellContent SRC-inactive\">\n        {NOT_SET_DISPLAY_VALUE}\n      </div>\n    )\n  }\n\n  if (columnLinkConfig) {\n    return (\n      <SynapseCardLabel\n        value={columnValue}\n        columnName={columnName}\n        selectColumns={selectColumns}\n        columnModels={columnModels}\n        isHeader={false}\n        labelLink={columnLinkConfig}\n        rowData={rowData}\n        rowId={rowId}\n      />\n    )\n  }\n\n  // PORTALS-2095: Special case. If this is an EntityView, and we are rendering the 'id' or 'name' column,\n  // and we have a rowId and rowVersionNumber (should always be the case), and our entityIdToHeader map\n  // contains the row Synapse ID, then auto-link.\n  const tableRowRepresentsEntity =\n    entity &&\n    (isEntityView(entity) || isDataset(entity) || isDatasetCollection(entity))\n  if (\n    (tableRowRepresentsEntity || isRowEntityColumn) &&\n    (columnName === 'id' || columnName === 'name') &&\n    rowId &&\n    rowVersionNumber\n  ) {\n    return (\n      <div className=\"SynapseTableCellContent\">\n        <EntityLink\n          entity={rowId}\n          versionNumber={rowVersionNumber}\n          className={`${isBold}`}\n          showIcon={false}\n          displayTextField={columnName}\n        />\n      </div>\n    )\n  }\n\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID: {\n      const displayTextField = getDisplayTextFieldForEntityIdColumn(columnName)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <EntityLink\n            entity={columnValue}\n            className={`${isBold}`}\n            displayTextField={displayTextField}\n            showIcon={false}\n          />\n        </div>\n      )\n    }\n    case ColumnTypeEnum.DATE_LIST: {\n      const jsonData: number[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          {jsonData.map((val: number, index: number) => {\n            return (\n              <span key={index} className={isBold}>\n                {formatDate(dayjs(Number(val)))}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </span>\n            )\n          })}{' '}\n        </div>\n      )\n    }\n    case ColumnTypeEnum.BOOLEAN_LIST: {\n      const jsonData: boolean[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          {jsonData.map((val: boolean, index: number) => {\n            return (\n              <span key={index} className={isBold}>\n                {val ? 'true' : 'false'}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </span>\n            )\n          })}\n        </div>\n      )\n    }\n    case ColumnTypeEnum.FILEHANDLEID: {\n      let associatedObjectId = entity!.id!\n      let associatedObjectType = FileHandleAssociateType.TableEntity\n      if (isFileViewOrDataset(entity) && columnName === 'dataFileHandleId') {\n        associatedObjectId = String(rowId)\n        associatedObjectType = FileHandleAssociateType.FileEntity\n      }\n      return (\n        <>\n          {entity && (\n            <div className=\"SynapseTableCellContent\">\n              <DirectDownload\n                iconSvgPropOverrides={{ sx: { color: 'primary.main' } }}\n                associatedObjectId={associatedObjectId}\n                associatedObjectType={associatedObjectType}\n                fileHandleId={columnValue}\n                displayFileName={true}\n              />\n            </div>\n          )}\n        </>\n      )\n    }\n    case ColumnTypeEnum.ENTITYID_LIST: {\n      const displayTextField = getDisplayTextFieldForEntityIdColumn(columnName)\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <EntityIdList\n            entityIdList={jsonData}\n            displayTextField={displayTextField}\n            showIcon={false}\n          />\n        </div>\n      )\n    }\n    case ColumnTypeEnum.USERID_LIST: {\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <UserIdList userIds={jsonData} />\n        </div>\n      )\n    }\n    // handle other list types\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.INTEGER_LIST: {\n      const jsonData: string[] = JSON.parse(columnValue)\n      return (\n        <div className={`SynapseTableCellContent ${isBold}`}>\n          {jsonData.map((val: string, index: number) => {\n            const textRenderer =\n              columnType == ColumnTypeEnum.STRING_LIST ? (\n                <Linkify text={val} />\n              ) : (\n                <>{val}</>\n              )\n            return (\n              <Fragment key={val}>\n                {textRenderer}\n                {index !== jsonData.length - 1 ? ', ' : ''}\n              </Fragment>\n            )\n          })}\n        </div>\n      )\n    }\n    case ColumnTypeEnum.EVALUATIONID: {\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <EvaluationIdRenderer evaluationId={columnValue} />\n        </div>\n      )\n    }\n\n    case ColumnTypeEnum.DATE:\n      return (\n        <div className={`SynapseTableCellContent ${isBold}`}>\n          {formatDate(dayjs(Number(columnValue)))}\n        </div>\n      )\n\n    case ColumnTypeEnum.USERID:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <UserOrTeamBadge principalId={columnValue} />\n        </div>\n      )\n    case ColumnTypeEnum.LINK:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Link target=\"_blank\" rel=\"noopener noreferrer\" href={columnValue}>\n            {columnValue}\n          </Link>\n        </div>\n      )\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.MEDIUMTEXT:\n    case ColumnTypeEnum.LARGETEXT: {\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography variant={'smallText1'} className={isBold}>\n            <Linkify text={columnValue} />\n          </Typography>\n        </div>\n      )\n    }\n    case ColumnTypeEnum.INTEGER:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography\n            variant={'smallText1'}\n            sx={{ textAlign: 'right' }}\n            className={isBold}\n          >\n            {parseInt(columnValue).toLocaleString()}\n          </Typography>\n        </div>\n      )\n    case ColumnTypeEnum.DOUBLE:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography\n            variant={'smallText1'}\n            sx={{ textAlign: 'right' }}\n            className={isBold}\n          >\n            {parseFloat(columnValue).toLocaleString()}\n          </Typography>\n        </div>\n      )\n    case ColumnTypeEnum.JSON:\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <JSONTableCellRenderer value={columnValue} />\n        </div>\n      )\n    default:\n      console.warn(\n        `ColumnType ${columnType} has unspecified handler. Rendering the column value.`,\n      )\n      return (\n        <div className=\"SynapseTableCellContent\">\n          <Typography variant={'smallText1'} className={isBold}>\n            {columnValue}\n          </Typography>\n        </div>\n      )\n  }\n  // We can reach this if we don't get a mapping of IDs to entities or principals.\n  // TODO: If we don't have a id:data mapping, we should render a component that can fetch the required data, rather than breaking from the case.\n  return (\n    <div className={`SynapseTableCellContent ${isBold}`}>{columnValue}</div>\n  )\n}\n\nexport default memo(SynapseTableCell)\n"],"names":["getDisplayTextFieldForEntityIdColumn","columnName","SynapseTableCell","props","columnType","columnValue","isBold","columnLinkConfig","selectColumns","columnModels","rowData","rowId","rowVersionNumber","isRowEntityColumn","entityId","versionNumber","useQueryContext","entity","useGetEntity","jsx","NOT_SET_DISPLAY_VALUE","SynapseCardLabel","isEntityView","isDataset","isDatasetCollection","EntityLink","ColumnTypeEnum","displayTextField","jsonData","jsxs","val","index","formatDate","dayjs","associatedObjectId","associatedObjectType","FileHandleAssociateType","isFileViewOrDataset","Fragment","DirectDownload","EntityIdList","UserIdList","textRenderer","Linkify","EvaluationIdRenderer","UserOrTeamBadge","Link","Typography","JSONTableCellRenderer","SynapseTableCell$1","memo"],"mappings":"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"}

package/dist/components/SynapseTable/datasets/DatasetItemsEditor.js

@@ -8,7 +8,7 @@ import "@sage-bionetworks/synapse-client/util/SynapseClientError";
 import "@sage-bionetworks/synapse-types";
 import { entityTypeToFriendlyName as P, convertToEntityType as _e, isDataset as M, isDatasetCollection as Q } from "../../../utils/functions/EntityTypeUtils.js";
 import "../../../utils/SynapseConstants.js";
-import { upperFirst as q, isEqual as J } from "lodash-es";
+import { isEqual as q, upperFirst as J } from "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../../utils/PermissionLevelToAccessType.js";
@@ -167,13 +167,13 @@ function rt(n) {
   n && M(n) ? (t = P($.file), a = "Draft") : n && Q(n) && (t = P($.dataset));
   const l = n && M(n) ? `Use the left pane to browse projects and folders. Select ${f(
     t
-  )} from the right pane to add to this ${o}. ${q(
+  )} from the right pane to add to this ${o}. ${J(
     f(t)
   )} in a ${o} can be added from multiple folders. You can also use Search to find and select ${f(
     t
   )}.` : `Use the left pane to browse projects. Select ${f(
     t
-  )} from the right pane to add to this ${o}. ${q(
+  )} from the right pane to add to this ${o}. ${J(
     f(t)
   )} in a ${o} can be added from multiple projects. You can also use Search to find and select ${f(
     t
@@ -258,7 +258,7 @@ function lt(n) {
 function po(n) {
   const { entityId: o, onSave: t, onClose: a, onUnsavedChangesChange: l } = n, [m, d] = S(!1), [r, h] = S(!1), [e, y] = S(), [z, ee] = S(), [N, F] = S(), { data: c, refetch: V } = we(o, void 0, {
     staleTime: 1 / 0
-  }), T = !!(c && e && !J(c, e)), {
+  }), T = !!(c && e && !q(c, e)), {
     ADD_ITEMS: k,
     ADD_ITEMS_TO: te,
     REMOVE_ITEMS: oe,
@@ -315,7 +315,7 @@ function po(n) {
     }
   });
   w(() => {
-    if (z && e && !J(z.items, e.items) && !U) {
+    if (z && e && !q(z.items, e.items) && !U) {
       const s = st(
         z,
         e

package/dist/components/TableColumnSchemaEditor/ColumnModelForm.js

@@ -11,7 +11,7 @@ import { useMemo as x } from "react";
 import q from "./ColumnModelFormFields/DefaultValueField.js";
 import { FieldWithRecommendedMinimum as P } from "./ColumnModelFormFields/FieldWithRecommendedMinimum.js";
 import Q from "./ColumnModelFormFields/MultiValueField.js";
-import { getAllowedColumnTypes as $, configureFacetsForType as K, getColumnTypeFriendlyName as L, getMaxSizeForType as X, canHaveSize as E, canHaveMaxListLength as Z, canHaveDefault as ee, canHaveRestrictedValues as le, getFacetTypeFriendlyName as oe } from "./TableColumnSchemaEditorUtils.js";
+import { getAllowedColumnTypes as $, configureFacetsForType as K, getColumnTypeFriendlyName as L, canHaveSize as E, getMaxSizeForType as X, canHaveMaxListLength as Z, canHaveDefault as ee, canHaveRestrictedValues as le, getFacetTypeFriendlyName as oe } from "./TableColumnSchemaEditorUtils.js";
 import { HIERARCHY_VERTICAL_LINE_COMPONENT as j } from "./TableColumnSchemaForm.js";
 import { tableColumnSchemaFormDataAtom as A } from "./TableColumnSchemaFormReducer.js";
 const ne = {

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaEditor.js

@@ -29,7 +29,7 @@ import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
 import { useUpdateTableColumns as P } from "../../synapse-queries/entity/useEntity.js";
-import { useGetEntityBundle as F } from "../../synapse-queries/entity/useEntityBundle.js";
+import F from "../../synapse-queries/entity/useEntityBundle.js";
 import { ConfirmationDialog as R } from "../ConfirmationDialog/ConfirmationDialog.js";
 import "@mui/material/Skeleton";
 import { SkeletonTable as U } from "../Skeleton/SkeletonTable.js";

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaForm.js

@@ -3,7 +3,7 @@ import K from "../../assets/icons/AddToList.js";
 import { useGetDefaultColumnModels as Z, useGetAnnotationColumnModels as oo } from "../../synapse-queries/table/useColumnModel.js";
 import { convertToConcreteEntityType as eo, entityTypeToFriendlyName as no } from "../../utils/functions/EntityTypeUtils.js";
 import { AddCircleTwoTone as L } from "@mui/icons-material";
-import { Box as s, styled as to, Button as F } from "@mui/material";
+import { Box as s, Button as F, styled as to } from "@mui/material";
 import { VIEW_CONCRETE_TYPE_VALUES as lo, ColumnTypeEnum as B } from "@sage-bionetworks/synapse-types";
 import { Provider as ro, useAtomValue as U, atom as ao, useSetAtom as W } from "jotai";
 import { useAtomCallback as so, selectAtom as io } from "jotai/utils";

package/dist/components/TableFeedCards/TableFeedCards.js

@@ -27,12 +27,12 @@ import "universal-cookie";
 import "../../utils/AppUtils/session/ApplicationSessionContext.js";
 import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
-import D from "../LoadingScreen/LoadingScreen.js";
+import k from "../LoadingScreen/LoadingScreen.js";
 import "react-router";
-import k from "dayjs";
-import { MarkdownSynapse as q } from "../Markdown/MarkdownSynapse.js";
+import D from "dayjs";
+import { Markdown as q } from "../Markdown/MarkdownSynapse.js";
 function ce({ tableEntityId: s }) {
-  const { accessToken: d } = T(), [o, f] = u(), [m, h] = u(3);
+  const { accessToken: d } = T(), [o, f] = u(), [m, w] = u(3);
   let c = !0;
   if (M(() => ((() => {
     if (c) {
@@ -53,8 +53,8 @@ function ce({ tableEntityId: s }) {
   })(), () => {
     c = !1;
   }), [s, d]), !o)
-    return D;
-  const n = o.headers, w = n.findIndex((e) => e.name === "categories"), I = n.findIndex((e) => e.name === "date"), g = n.findIndex((e) => e.name === "title"), S = n.findIndex(
+    return k;
+  const n = o.headers, h = n.findIndex((e) => e.name === "categories"), I = n.findIndex((e) => e.name === "date"), g = n.findIndex((e) => e.name === "title"), S = n.findIndex(
     (e) => e.name === "mdDescription"
   );
   return /* @__PURE__ */ p("div", { className: "Feed", children: [
@@ -63,7 +63,7 @@ function ce({ tableEntityId: s }) {
         return;
       const r = e.values;
       r.some((a) => a === null) && console.warn("Row has null value(s) when no nulls expected");
-      const l = JSON.parse(r[w]), x = r[I], y = r[g], C = r[S];
+      const l = JSON.parse(r[h]), x = r[I], y = r[g], C = r[S];
       return /* @__PURE__ */ t("div", { className: "FeedItem", children: /* @__PURE__ */ p("div", { children: [
         l && /* @__PURE__ */ t("div", { className: "FeedItemCategories", children: l.map(
           (a, N) => /* @__PURE__ */ t(
@@ -75,7 +75,7 @@ function ce({ tableEntityId: s }) {
             `row-${i},categoryIndex-${N}`
           )
         ) }),
-        /* @__PURE__ */ t("p", { className: "FeedItemDate", children: k(new Date(parseInt(x))).format(
+        /* @__PURE__ */ t("p", { className: "FeedItemDate", children: D(new Date(parseInt(x))).format(
           "MMMM YYYY"
         ) }),
         /* @__PURE__ */ t("p", { className: "FeedItemTitle", children: y }),
@@ -87,7 +87,7 @@ function ce({ tableEntityId: s }) {
       {
         color: "primary",
         variant: "contained",
-        onClick: () => h(m + 3),
+        onClick: () => w(m + 3),
         children: "View More News"
       }
     ) })