synapse-react-client 4.0.1 → 4.0.3-b

package/dist/components/GenericCard/TableRowGenericCard.js

@@ -1,27 +1,27 @@
-import { jsx as n, jsxs as J, Fragment as So } from "react/jsx-runtime";
-import { getValueOrMultiValue as ko, getLinkParams as q, getFileHandleAssociation as xo } from "./CardUtils.js";
-import Eo from "./CroissantButton/CroissantButton.js";
-import { GenericCardIcon as Oo } from "./GenericCardIcon.js";
-import Ao from "./PortalDOI/PortalDOI.js";
-import { getCandidateDoiId as Bo, useShowDoiCardLabel as Fo } from "./PortalDOI/PortalDOIUtils.js";
-import { mapRowToRecord as Po } from "../SynapseTable/SynapseTableUtils.js";
+import { jsx as n, jsxs as b, Fragment as Eo } from "react/jsx-runtime";
+import { getValueOrMultiValue as Oo, getLinkParams as Q, getFileHandleAssociation as Bo } from "./CardUtils.js";
+import Fo from "./CroissantButton/CroissantButton.js";
+import { GenericCardIcon as Po } from "./GenericCardIcon.js";
+import Ho from "./PortalDOI/PortalDOI.js";
+import { getCandidateDoiId as Ro, useShowDoiCardLabel as Go } from "./PortalDOI/PortalDOIUtils.js";
+import { mapRowToRecord as Mo } from "../SynapseTable/SynapseTableUtils.js";
 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 { getColumnIndex as Ho } from "../../utils/functions/SqlFunctions.js";
-import { parseSynId as Ro } from "../../utils/functions/RegularExpressions.js";
-import { PRODUCTION_ENDPOINT_CONFIG as Go } from "../../utils/functions/getEndpoint.js";
+import { getColumnIndex as zo } from "../../utils/functions/SqlFunctions.js";
+import { parseSynId as Wo } from "../../utils/functions/RegularExpressions.js";
+import { PRODUCTION_ENDPOINT_CONFIG as _o } from "../../utils/functions/getEndpoint.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../utils/PermissionLevelToAccessType.js";
-import { EXPERIMENTAL as Mo } from "../../utils/SynapseConstants.js";
-import { useState as Q, useCallback as zo, useMemo as Wo } from "react";
+import { EXPERIMENTAL as $o } from "../../utils/SynapseConstants.js";
+import { useState as J, useCallback as jo, useMemo as U } from "react";
 import "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { ColumnTypeEnum as _o } from "@sage-bionetworks/synapse-types";
-import { Link as $o, Box as jo, Collapse as qo } from "@mui/material";
+import { ColumnTypeEnum as qo } from "@sage-bionetworks/synapse-types";
+import { Stack as X, Typography as Qo, Link as Jo, Box as Uo, Collapse as Xo } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -36,253 +36,290 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetEntity as Qo } from "../../synapse-queries/entity/useEntity.js";
-import { isTableEntity as Jo, isDatasetCollection as Uo } from "../../utils/functions/EntityTypeUtils.js";
-import { calculateFriendlyFileSize as Xo } from "../../utils/functions/calculateFriendlyFileSize.js";
-import { GetAppTwoTone as Ko } from "@mui/icons-material";
-import { useInView as Yo } from "react-intersection-observer";
-import { TargetEnum as Zo } from "../../utils/html/TargetEnum.js";
-import oe from "../CitationPopover/CitationPopover.js";
-import { EntityDownloadConfirmation as ee } from "../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
-import te from "../IconList.js";
-import { useQueryContext as ne } from "../QueryContext/QueryContext.js";
-import { useQueryVisualizationContext as ie } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
-import { GenericCard as re } from "./GenericCard.js";
-import ae from "./GenericCardActionButton.js";
-import { SynapseCardLabel as se } from "./SynapseCardLabel.js";
-import le from "../ShareThisPage/ShareThisPage.js";
-import { useResolvedSynapseEntity as me } from "./useResolvedSynapseEntity.js";
-function de(y) {
-  const { synapseId: I, version: l } = y;
-  return /* @__PURE__ */ J("span", { children: [
-    l,
+import { useGetEntity as Ko } from "../../synapse-queries/entity/useEntity.js";
+import { isTableEntity as Yo, isDatasetCollection as Zo } from "../../utils/functions/EntityTypeUtils.js";
+import { calculateFriendlyFileSize as oe } from "../../utils/functions/calculateFriendlyFileSize.js";
+import { TargetEnum as ee } from "../../utils/html/TargetEnum.js";
+import { GetAppTwoTone as te } from "@mui/icons-material";
+import { useInView as ne } from "react-intersection-observer";
+import ie from "../CitationPopover/CitationPopover.js";
+import { EntityDownloadConfirmation as re } from "../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
+import ae from "../IconList.js";
+import { useQueryContext as se } from "../QueryContext/QueryContext.js";
+import { useQueryVisualizationContext as le } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import de from "../ShareThisPage/ShareThisPage.js";
+import { GenericCard as me } from "./GenericCard.js";
+import ce from "./GenericCardActionButton.js";
+import { SynapseCardLabel as K } from "./SynapseCardLabel.js";
+import { useResolvedSynapseEntity as pe } from "./useResolvedSynapseEntity.js";
+function ue(T) {
+  const { synapseId: v, version: d } = T;
+  return /* @__PURE__ */ b("span", { children: [
+    d,
     "  ",
     /* @__PURE__ */ n(
       "a",
       {
-        target: Zo.NEW_WINDOW,
+        target: ee.NEW_WINDOW,
         rel: "noopener noreferrer",
-        href: `${Go.PORTAL}Synapse:${I}.${l}`,
+        href: `${_o.PORTAL}Synapse:${v}.${d}`,
         children: "(Show Version History on Synapse)"
       }
     )
   ] });
 }
-function ft(y) {
-  const [I, l] = Q(!1), [U, X] = Q(!1), { entityId: K, versionNumber: Y } = ne(), { getColumnDisplayName: k } = ie(), { ref: Z, inView: oo } = Yo(), { data: c } = Qo(K, Y), {
-    schema: e,
+function gt(T) {
+  const [v, d] = J(!1), [Y, Z] = J(!1), { entityId: oo, versionNumber: eo } = se(), { getColumnDisplayName: y } = le(), { ref: to, inView: no } = ne(), { data: g } = Ko(oo, eo), {
+    schema: t,
     data: o,
-    rowId: g,
-    versionNumber: eo,
+    rowId: L,
+    versionNumber: io,
     genericCardSchema: i,
-    secondaryLabelLimit: to,
-    sharePageLinkButtonProps: no,
-    selectColumns: h,
-    columnModels: p,
-    iconOptions: io,
-    useTypeColumnForIcon: x = !1,
-    isHeader: b = !1,
-    sustainabilityScorecard: ro,
-    headerCardVariant: ao,
+    secondaryLabelLimit: ro,
+    sharePageLinkButtonProps: ao,
+    selectColumns: c,
+    columnModels: m,
+    iconOptions: so,
+    useTypeColumnForIcon: A = !1,
+    isHeader: p = !1,
+    sustainabilityScorecard: lo,
+    headerCardVariant: mo,
     titleLinkConfig: E,
-    ctaLinkConfig: u,
-    labelLinkConfig: so,
-    descriptionConfig: lo,
-    columnIconOptions: T,
+    ctaLinkConfig: I,
+    labelLinkConfig: co,
+    descriptionConfig: po,
+    columnIconOptions: u,
     CardTypeAdornment: O,
-    charCountCutoff: mo
-  } = y, {
-    link: co = "",
-    type: A,
-    includeCitation: po,
-    includeShareButton: uo,
-    defaultCitationFormat: fo,
-    citationBoilerplateText: Co,
-    downloadCartSynId: B,
-    portalDoiConfiguration: f
-  } = i, F = o[e[i.title]];
-  let L = i.subTitle && o[e[i.subTitle]];
-  L = i.subTitle && ko({
-    value: L,
+    charCountCutoff: uo
+  } = T, {
+    link: fo = "",
+    type: B,
+    includeCitation: Co,
+    includeShareButton: yo,
+    defaultCitationFormat: go,
+    citationBoilerplateText: Io,
+    downloadCartSynId: F,
+    portalDoiConfiguration: h
+  } = i, P = o[t[i.title]];
+  let w = i.subTitle && o[t[i.subTitle]];
+  w = i.subTitle && Oo({
+    value: w,
     columnName: i.subTitle,
-    selectColumns: h,
-    columnModels: p
+    selectColumns: c,
+    columnModels: m
   }).str;
-  const yo = o[e[i.description || ""]], Io = o[e[i.icon || ""]], P = o[e[i.dataTypeIconNames || ""]], v = o[e[i.imageFileHandleColumnName || ""]], go = p?.find(
-    (t) => i.link === t.name
-  )?.columnType, H = o[e[co]] || "", { href: ho, target: bo } = q(
-    H,
+  const ho = o[t[i.description || ""]], bo = o[t[i.icon || ""]], H = o[t[i.dataTypeIconNames || ""]], D = o[t[i.imageFileHandleColumnName || ""]], To = m?.find(
+    (e) => i.link === e.name
+  )?.columnType, R = o[t[fo]] || "", { href: vo, target: Lo } = Q(
+    R,
     E,
     o,
-    e,
-    g
-  ), To = i.synapseEntityConfig, R = zo(
-    (t) => {
-      if (!t)
+    t,
+    L
+  ), wo = i.synapseEntityConfig, G = jo(
+    (e) => {
+      if (!e)
         return;
-      const r = e[t];
+      const r = t[e];
       if (r !== void 0)
         return o[r];
     },
-    [e, o]
-  ), {
-    entityId: D,
+    [t, o]
+  ), Do = U(() => {
+    const { titleAreaDetails: e } = i;
+    if (!e || e.length === 0) return;
+    const r = e.map((a) => {
+      const s = o[t[a]];
+      return s ? { name: y(a), rawValue: s, columnName: a } : null;
+    }).filter(Boolean);
+    if (r.length !== 0)
+      return /* @__PURE__ */ n(X, { direction: "column", gap: "4px", children: r.map(({ name: a, rawValue: s, columnName: l }) => /* @__PURE__ */ b(X, { direction: "row", gap: "4px", alignItems: "center", children: [
+        /* @__PURE__ */ b(Qo, { component: "span", variant: "body1", children: [
+          a,
+          ":"
+        ] }),
+        /* @__PURE__ */ n(
+          K,
+          {
+            value: s,
+            columnName: l,
+            labelLink: void 0,
+            isHeader: p,
+            selectColumns: c,
+            columnModels: m,
+            rowData: o,
+            columnIconOptions: u
+          }
+        )
+      ] }, l)) });
+  }, [
+    i,
+    o,
+    t,
+    y,
+    p,
+    c,
+    m,
+    u
+  ]), {
+    entityId: V,
     entityVersionNumber: N
-  } = me({
-    synapseEntityConfig: To,
-    getColumnValue: R,
-    rowId: g,
-    rowVersionNumber: eo
+  } = pe({
+    synapseEntityConfig: wo,
+    getColumnValue: G,
+    rowId: L,
+    rowVersionNumber: io
   });
-  let m = D, G = N;
-  if (B) {
-    const t = Ro(R(B) ?? "");
-    m = t?.targetId, G = t?.targetVersionNumber;
+  let f = V, M = N;
+  if (F) {
+    const e = Wo(G(F) ?? "");
+    f = e?.targetId, M = e?.targetVersionNumber;
   }
-  const Lo = Wo(
-    () => Po(o, e),
-    [o, e]
-  ), w = Bo({
-    data: Lo,
-    portalDoiConfiguration: f
-  }), vo = Fo({
-    portalId: f?.portalId,
-    resourceId: w
-  }), d = [], { secondaryLabels: M = [] } = i, z = i.customSecondaryLabelConfig;
-  if (vo && f && w && oo && d.push({
+  const Vo = U(
+    () => Mo(o, t),
+    [o, t]
+  ), S = Ro({
+    data: Vo,
+    portalDoiConfiguration: h
+  }), No = Go({
+    portalId: h?.portalId,
+    resourceId: S
+  }), C = [], { secondaryLabels: z = [] } = i, W = i.customSecondaryLabelConfig;
+  if (No && h && S && no && C.push({
     columnDisplayName: "DOI",
     value: /* @__PURE__ */ n(
-      Ao,
+      Ho,
       {
-        portalId: f.portalId,
-        resourceId: w
+        portalId: h.portalId,
+        resourceId: S
       }
     )
-  }), z?.isVisible(e, o)) {
-    const { key: t, value: r } = z;
-    m ? d.push({
+  }), W?.isVisible(t, o)) {
+    const { key: e, value: r } = W;
+    f ? C.push({
       columnDisplayName: "HOW TO DOWNLOAD",
-      value: /* @__PURE__ */ n($o, { onClick: () => l((a) => !a), children: "Click here to add to Synapse download cart" })
-    }) : d.push({ columnDisplayName: t, value: r });
+      value: /* @__PURE__ */ n(Jo, { onClick: () => d((a) => !a), children: "Click here to add to Synapse download list" })
+    }) : C.push({ columnDisplayName: e, value: r });
   }
-  const Do = c && !Jo(c);
-  for (let t = 0; t < M.length; t += 1) {
-    const r = M[t], a = o[e[r]];
-    let s = a, C;
+  const So = g && !Yo(g);
+  for (let e = 0; e < z.length; e += 1) {
+    const r = z[e], a = o[t[r]];
+    let s = a, l;
     if (s) {
-      if (Uo(c) && r === "datasetSizeInBytes")
-        C = "Size", s = Xo(parseInt(a));
-      else if (Do && r === "currentVersion") {
-        const S = o[e.id];
-        s = /* @__PURE__ */ n(de, { synapseId: S, version: a }), C = "Version";
+      if (Zo(g) && r === "datasetSizeInBytes")
+        l = "Size", s = oe(parseInt(a));
+      else if (So && r === "currentVersion") {
+        const x = o[t.id];
+        s = /* @__PURE__ */ n(ue, { synapseId: x, version: a }), l = "Version";
       } else {
-        const S = so?.find(
-          (Vo) => Vo.matchColumnName === r
+        const x = co?.find(
+          (Ao) => Ao.matchColumnName === r
         );
         s = /* @__PURE__ */ n(
-          se,
+          K,
           {
             value: a,
             columnName: r,
-            labelLink: S,
-            isHeader: b,
-            selectColumns: h,
-            columnModels: p,
-            rowData: o
+            labelLink: x,
+            isHeader: p,
+            selectColumns: c,
+            columnModels: m,
+            rowData: o,
+            columnIconOptions: u
           }
-        ), C = k(r);
+        ), l = y(r);
       }
-      d.push({ columnDisplayName: C, value: s, columnName: r });
+      C.push({ columnDisplayName: l, value: s, columnName: r });
     }
   }
-  const V = xo(
-    c,
-    v || H,
-    o[e.id]
-  ), No = k(
+  const k = Bo(
+    g,
+    D || R,
+    o[t.id]
+  ), ko = y(
     i.description || ""
-  ), W = Ho("doi", h, p), _ = W !== void 0 ? o[W] : void 0, $ = (u ? Array.isArray(u) ? u : [u] : []).map((t) => {
-    const r = o[e[t.link]] || "";
+  ), _ = zo("doi", c, m), $ = _ !== void 0 ? o[_] : void 0, j = (I ? Array.isArray(I) ? I : [I] : []).map((e) => {
+    const r = o[t[e.link]] || "";
     if (!r) return null;
-    const { href: a, target: s } = q(
+    const { href: a, target: s } = Q(
       r,
       void 0,
       //card link config
       o,
-      e,
-      g
+      t,
+      L
     );
     return {
-      text: t.text,
+      text: e.text,
       href: a,
       target: s
     };
   }).filter(Boolean);
-  let j = /* @__PURE__ */ n(So, {});
-  D != null && N != null && (j = /* @__PURE__ */ n(
-    Eo,
+  let q = /* @__PURE__ */ n(Eo, {});
+  V != null && N != null && (q = /* @__PURE__ */ n(
+    Fo,
     {
-      datasetId: D,
+      datasetId: V,
       datasetVersionNumber: N
     }
   ));
-  const wo = O ? /* @__PURE__ */ n(O, { schema: e, data: o }) : null;
+  const xo = O ? /* @__PURE__ */ n(O, { schema: t, data: o }) : null;
   return /* @__PURE__ */ n(
-    re,
+    me,
     {
-      ref: Z,
+      ref: to,
       icon: /* @__PURE__ */ n(
-        Oo,
+        Po,
         {
-          type: x ? o[e.type] : i.type,
-          useTypeForIcon: x,
+          type: A ? o[t.type] : i.type,
+          useTypeForIcon: A,
           thumbnailRequiresPadding: i.thumbnailRequiresPadding,
-          imageFileHandleId: v,
-          fileHandleAssociation: V,
-          iconOptions: io,
-          iconValue: Io
+          imageFileHandleId: D,
+          fileHandleAssociation: k,
+          iconOptions: so,
+          iconValue: bo
         }
       ),
-      isHeader: b,
-      sustainabilityScorecard: ro,
-      headerCardVariant: ao,
-      type: A,
-      title: F,
-      subtitle: L,
-      titleLinkConfiguration: { target: bo, href: ho },
-      cardTypeAdornment: wo,
-      titleAsFileHandleLinkConfiguration: !E && go === _o.FILEHANDLEID && V ? {
-        fileHandleAssociation: V,
-        showDownloadIcon: A !== Mo
+      isHeader: p,
+      sustainabilityScorecard: lo,
+      headerCardVariant: mo,
+      type: B,
+      title: P,
+      subtitle: w,
+      titleLinkConfiguration: { target: Lo, href: vo },
+      cardTypeAdornment: xo,
+      titleAsFileHandleLinkConfiguration: !E && To === qo.FILEHANDLEID && k ? {
+        fileHandleAssociation: k,
+        showDownloadIcon: B !== $o
       } : void 0,
-      ctaLinkConfig: $.length > 0 ? $ : void 0,
-      description: yo,
-      descriptionSubTitle: No,
-      descriptionConfig: lo,
-      charCountCutoff: mo,
-      labels: d,
-      secondaryLabelLimit: to,
-      columnIconOptions: T,
-      useStylesForDisplayedImage: !!v,
-      cardTopContent: m && /* @__PURE__ */ n(qo, { in: I, children: /* @__PURE__ */ n(
-        ee,
+      ctaLinkConfig: j.length > 0 ? j : void 0,
+      titleAreaRightContent: Do,
+      description: ho,
+      descriptionSubTitle: ko,
+      descriptionConfig: po,
+      charCountCutoff: uo,
+      labels: C,
+      secondaryLabelLimit: ro,
+      useStylesForDisplayedImage: !!D,
+      cardTopContent: f && /* @__PURE__ */ n(Xo, { in: v, children: /* @__PURE__ */ n(
+        re,
         {
-          entityId: m,
-          versionNumber: G,
-          handleClose: () => l(!1),
-          onIsLoadingChange: (t) => {
-            X(t);
+          entityId: f,
+          versionNumber: M,
+          handleClose: () => d(!1),
+          onIsLoadingChange: (e) => {
+            Z(e);
           }
         }
       ) }),
       renderedIconList: (
         // If the portal configs has columnIconOptions.columns.dataType option
         // and the column value is not null, display the card data type icons
-        T?.columns?.dataType && P?.length && /* @__PURE__ */ n("div", { style: { marginTop: "20px" }, children: /* @__PURE__ */ n(
-          te,
+        u?.columns?.dataType && H?.length && /* @__PURE__ */ n("div", { style: { marginTop: "20px" }, children: /* @__PURE__ */ n(
+          ae,
           {
-            iconConfigs: T.columns.dataType,
-            iconNames: JSON.parse(P),
+            iconConfigs: u.columns.dataType,
+            iconNames: JSON.parse(H),
             commonIconProps: {
               sx: { fontSize: "40px" }
             },
@@ -291,34 +328,34 @@ function ft(y) {
           }
         ) })
       ),
-      cardTopButtons: /* @__PURE__ */ J(jo, { sx: { display: "flex", gap: 1 }, children: [
-        j,
-        m && /* @__PURE__ */ n(
-          ae,
+      cardTopButtons: /* @__PURE__ */ b(Uo, { sx: { display: "flex", gap: 1 }, children: [
+        q,
+        f && /* @__PURE__ */ n(
+          ce,
           {
-            onClick: () => l((t) => !t),
+            onClick: () => d((e) => !e),
             variant: "outlined",
-            startIcon: /* @__PURE__ */ n(Ko, { sx: { height: "12px" } }),
-            loading: U,
+            startIcon: /* @__PURE__ */ n(te, { sx: { height: "12px" } }),
+            loading: Y,
             children: "Download"
           }
         ),
-        po && _ && /* @__PURE__ */ n(
-          oe,
+        Co && $ && /* @__PURE__ */ n(
+          ie,
           {
-            title: F,
-            doi: _,
-            boilerplateText: Co,
-            defaultCitationFormat: fo
+            title: P,
+            doi: $,
+            boilerplateText: Io,
+            defaultCitationFormat: go
           }
         ),
-        uo && b && /* @__PURE__ */ n(le, { ...no })
+        yo && p && /* @__PURE__ */ n(de, { ...ao })
       ] })
     }
   );
 }
 export {
-  ft as TableRowGenericCard,
-  ft as default
+  gt as TableRowGenericCard,
+  gt as default
 };
 //# sourceMappingURL=TableRowGenericCard.js.map