synapse-react-client 4.0.1 → 4.0.2

package/dist/components/SynapseSearchPageResults/SynapseSearchResultsCard.js

@@ -1,32 +1,20 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { formatDate as u } from "../../utils/functions/DateFormatter.js";
-import { getEndpoint as m, BackendDestinationEnum as c } from "../../utils/functions/getEndpoint.js";
-import { useInView as I } from "react-intersection-observer";
-import { Update as T, ArticleOutlined as g, InfoOutline as w, DashboardTwoTone as D } from "@mui/icons-material";
-import { styled as N, Box as r, Link as s, Chip as S, Stack as C, Typography as n, Paper as M } from "@mui/material";
-import O from "dayjs";
-import { EntityTypeIcon as E } from "../EntityIcon.js";
-import { EntityType as R } from "@sage-bionetworks/synapse-client";
-import b from "../favorites/FavoriteButton.js";
-import { EntityDownloadButton as L } from "../EntityDownloadButton/EntityDownloadButton.js";
-import { HasAccessChip as P } from "./HasAccessChip.js";
-import { searchResultsCardChipStyles as B } from "./chipStyles.js";
-import a from "./SynapseSearchResultsCard.module.scss.js";
-import { calculateFriendlyFileSize as $ } from "../../utils/functions/calculateFriendlyFileSize.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 "@sage-bionetworks/synapse-types";
 import "../../utils/functions/EntityTypeUtils.js";
+import { getEndpoint as c, BackendDestinationEnum as s } from "../../utils/functions/getEndpoint.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../utils/PermissionLevelToAccessType.js";
 import "../../utils/SynapseConstants.js";
-import "react";
+import { useRef as I } from "react";
 import "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
+import { styled as T, Box as n, Link as p, Chip as g, Stack as w, Typography as r, Paper as D } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -39,12 +27,24 @@ import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "lodash-es/xorWith";
 import "react-router";
+import { EntityType as N } from "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetEntityBundle as k } from "../../synapse-queries/entity/useEntityBundle.js";
-import { HighlightedTypography as p } from "./HighlightedTypography.js";
-import { markdownToPlainText as z } from "../Markdown/MarkdownUtils.js";
-const F = N(
-  M,
+import { useGetEntityBundle as S } from "../../synapse-queries/entity/useEntityBundle.js";
+import { calculateFriendlyFileSize as C } from "../../utils/functions/calculateFriendlyFileSize.js";
+import { formatDate as M } from "../../utils/functions/DateFormatter.js";
+import { Update as R, ArticleOutlined as O, InfoOutline as E, DashboardTwoTone as b } from "@mui/icons-material";
+import L from "dayjs";
+import { useInView as P } from "react-intersection-observer";
+import { EntityDownloadButton as B } from "../EntityDownloadButton/EntityDownloadButton.js";
+import { EntityTypeIcon as $ } from "../EntityIcon.js";
+import k from "../favorites/FavoriteButton.js";
+import { markdownToPlainText as v } from "../Markdown/MarkdownUtils.js";
+import { searchResultsCardChipStyles as z } from "./chipStyles.js";
+import { HasAccessChip as F } from "./HasAccessChip.js";
+import { HighlightedTypography as y } from "./HighlightedTypography.js";
+import a from "./SynapseSearchResultsCard.module.scss.js";
+const H = T(
+  D,
   {
     label: "SynapseSearchResultsCardContainer"
   }
@@ -57,21 +57,21 @@ const F = N(
   padding: "32px",
   gap: "15px"
 });
-function Re(e) {
-  const { ref: y, inView: h } = I({
+function Le(e) {
+  const o = I(null), { ref: f, inView: h } = P({
     triggerOnce: !0,
     rootMargin: "250px 0px"
-  }), { data: x } = k(
+  }), { data: x } = S(
     e.entityId,
     void 0,
     { includeFileHandles: !0 },
-    { enabled: e.entityType === R.file && h }
-  ), o = x?.fileHandles.find(
-    (f) => f.isPreview !== !0
-  ), d = o?.contentSize ? $(o?.contentSize) : "", l = e.description ? z(e.description) : "";
-  return /* @__PURE__ */ i(F, { ref: y, children: [
+    { enabled: e.entityType === N.file && h }
+  ), d = x?.fileHandles.find(
+    (u) => u.isPreview !== !0
+  ), l = d?.contentSize ? C(d?.contentSize) : "", m = e.description ? v(e.description) : "";
+  return /* @__PURE__ */ i(H, { ref: f, children: [
     /* @__PURE__ */ i(
-      r,
+      n,
       {
         sx: {
           display: "flex",
@@ -81,17 +81,17 @@ function Re(e) {
         },
         children: [
           /* @__PURE__ */ t(
-            s,
+            p,
             {
-              href: `${m(
-                c.PORTAL_ENDPOINT
+              href: `${c(
+                s.PORTAL_ENDPOINT
               )}Synapse:${e.entityId}`,
               sx: {
                 textDecoration: "underline 2px",
                 textUnderlineOffset: "9px"
               },
               children: /* @__PURE__ */ t(
-                p,
+                y,
                 {
                   className: a.cardTitle,
                   variant: "headline3",
@@ -102,7 +102,7 @@ function Re(e) {
             }
           ),
           /* @__PURE__ */ i(
-            r,
+            n,
             {
               sx: {
                 display: "flex",
@@ -110,13 +110,14 @@ function Re(e) {
                 alignItems: "center"
               },
               children: [
-                /* @__PURE__ */ t(b, { entityId: e.entityId }),
+                /* @__PURE__ */ t(k, { entityId: e.entityId }),
                 /* @__PURE__ */ t(
-                  L,
+                  B,
                   {
                     entityId: e.entityId,
                     name: e.name,
-                    entityType: e.entityType
+                    entityType: e.entityType,
+                    downloadConfirmationContainer: o
                   }
                 )
               ]
@@ -125,8 +126,9 @@ function Re(e) {
         ]
       }
     ),
+    /* @__PURE__ */ t("div", { ref: o }),
     /* @__PURE__ */ i(
-      r,
+      n,
       {
         sx: {
           display: "flex",
@@ -134,10 +136,10 @@ function Re(e) {
         },
         children: [
           /* @__PURE__ */ t(
-            S,
+            g,
             {
               icon: /* @__PURE__ */ t(
-                E,
+                $,
                 {
                   type: e.entityType,
                   wrap: !1,
@@ -145,59 +147,59 @@ function Re(e) {
                 }
               ),
               label: e.entityType,
-              sx: { ...B }
+              sx: { ...z }
             }
           ),
-          /* @__PURE__ */ t(P, { entityId: e.entityId })
+          /* @__PURE__ */ t(F, { entityId: e.entityId })
         ]
       }
     ),
     /* @__PURE__ */ t(
-      r,
+      n,
       {
         sx: {
           display: "flex",
           flexDirection: "row",
           gap: "8px"
         },
-        children: /* @__PURE__ */ i(C, { sx: { gap: "20px", minWidth: 0, width: "100%" }, children: [
-          /* @__PURE__ */ i(r, { sx: { display: "flex" }, children: [
-            /* @__PURE__ */ t(T, { className: a.cardMetadataIcon }),
-            /* @__PURE__ */ i(n, { className: a.cardMetadataTypographyWithIcon, children: [
+        children: /* @__PURE__ */ i(w, { sx: { gap: "20px", minWidth: 0, width: "100%" }, children: [
+          /* @__PURE__ */ i(n, { sx: { display: "flex" }, children: [
+            /* @__PURE__ */ t(R, { className: a.cardMetadataIcon }),
+            /* @__PURE__ */ i(r, { className: a.cardMetadataTypographyWithIcon, children: [
               "Last updated:",
               " ",
-              u(O.unix(e.modifiedOn), "M/D/YYYY")
+              M(L.unix(e.modifiedOn), "M/D/YYYY")
             ] })
           ] }),
-          l && /* @__PURE__ */ i(r, { sx: { display: "flex" }, children: [
-            /* @__PURE__ */ t(g, { className: a.cardMetadataIcon }),
+          m && /* @__PURE__ */ i(n, { sx: { display: "flex" }, children: [
+            /* @__PURE__ */ t(O, { className: a.cardMetadataIcon }),
             /* @__PURE__ */ t(
-              p,
+              y,
               {
                 className: `${a.cardMetadataTypographyWithIcon} ${a.cardDescription}`,
-                text: l,
+                text: m,
                 searchTerms: e.searchTerms ?? []
               }
             )
           ] }),
-          d && /* @__PURE__ */ i(r, { sx: { display: "flex" }, children: [
-            /* @__PURE__ */ t(w, { className: a.cardMetadataIcon }),
-            /* @__PURE__ */ i(n, { className: a.cardMetadataTypographyWithIcon, children: [
+          l && /* @__PURE__ */ i(n, { sx: { display: "flex" }, children: [
+            /* @__PURE__ */ t(E, { className: a.cardMetadataIcon }),
+            /* @__PURE__ */ i(r, { className: a.cardMetadataTypographyWithIcon, children: [
               "File size: ",
-              /* @__PURE__ */ t("b", { children: d })
+              /* @__PURE__ */ t("b", { children: l })
             ] })
           ] }),
           e.locatedIn && /* @__PURE__ */ i(
-            r,
+            n,
             {
               sx: { display: "flex", marginLeft: "24px", alignItems: "center" },
               children: [
-                /* @__PURE__ */ i(n, { className: a.cardMetadataTypographyWithIcon, children: [
+                /* @__PURE__ */ i(r, { className: a.cardMetadataTypographyWithIcon, children: [
                   "Located in:",
                   " "
                 ] }),
                 /* @__PURE__ */ t(
-                  D,
+                  b,
                   {
                     className: a.cardMetadataIcon,
                     sx: {
@@ -206,11 +208,11 @@ function Re(e) {
                   }
                 ),
                 /* @__PURE__ */ t(
-                  s,
+                  p,
                   {
                     className: a.locatedInLink,
-                    href: `${m(
-                      c.PORTAL_ENDPOINT
+                    href: `${c(
+                      s.PORTAL_ENDPOINT
                     )}Synapse:${e.locatedIn?.id}`,
                     children: e.locatedIn?.name
                   }
@@ -224,7 +226,7 @@ function Re(e) {
   ] });
 }
 export {
-  Re as SynapseSearchResultsCard,
-  Re as default
+  Le as SynapseSearchResultsCard,
+  Le as default
 };
 //# sourceMappingURL=SynapseSearchResultsCard.js.map

package/dist/components/SynapseSearchPageResults/SynapseSearchResultsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseSearchResultsCard.js","sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchResultsCard.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { useInView } from 'react-intersection-observer'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  ArticleOutlined,\n  DashboardTwoTone,\n  InfoOutline,\n  Update as UpdateIcon,\n} from '@mui/icons-material'\nimport {\n  Box,\n  Chip,\n  Link,\n  Paper,\n  PaperProps,\n  Stack,\n  styled,\n  Typography,\n} from '@mui/material'\nimport dayjs from 'dayjs'\nimport { EntityTypeIcon } from '../EntityIcon'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport FavoriteButton from '../favorites/FavoriteButton'\nimport { EntityDownloadButton } from '../EntityDownloadButton/EntityDownloadButton'\nimport HasAccessChip from './HasAccessChip'\nimport { searchResultsCardChipStyles } from './chipStyles'\nimport styles from './SynapseSearchResultsCard.module.scss'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { useGetEntityBundle } from '@/synapse-queries'\nimport { FileHandleWithPreview } from '../EntityFinder/details/view/table/TableCellTypes'\nimport { HighlightedTypography } from './HighlightedTypography'\nimport { markdownToPlainText } from '../Markdown/MarkdownUtils'\n\nexport type SynapseSearchResultsCardProps = {\n  entityId: string\n  name: string\n  description?: string\n  entityType: EntityType\n  modifiedOn: number\n  locatedIn?: { name: string; id: string }\n  searchTerms?: string[]\n}\n\nconst SynapseSearchResultsCardContainer: StyledComponent<PaperProps> = styled(\n  Paper,\n  {\n    label: 'SynapseSearchResultsCardContainer',\n  },\n)({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: '250px',\n  width: '100%',\n  borderRadius: '10px',\n  padding: '32px',\n  gap: '15px',\n})\n\nexport function SynapseSearchResultsCard(props: SynapseSearchResultsCardProps) {\n  const { ref, inView } = useInView({\n    triggerOnce: true,\n    rootMargin: '250px 0px',\n  })\n\n  const { data: entityBundle } = useGetEntityBundle(\n    props.entityId,\n    undefined,\n    { includeFileHandles: true },\n    { enabled: props.entityType === EntityType.file && inView },\n  )\n\n  const file = entityBundle?.fileHandles.find(\n    (file: FileHandleWithPreview) => file.isPreview !== true,\n  )\n\n  const friendlySize = file?.contentSize\n    ? calculateFriendlyFileSize(file?.contentSize)\n    : ''\n\n  const plainDescription = props.description\n    ? markdownToPlainText(props.description)\n    : ''\n\n  return (\n    <SynapseSearchResultsCardContainer ref={ref}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          width: '100%',\n        }}\n      >\n        <Link\n          href={`${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}Synapse:${props.entityId}`}\n          sx={{\n            textDecoration: 'underline 2px',\n            textUnderlineOffset: '9px',\n          }}\n        >\n          <HighlightedTypography\n            className={styles.cardTitle}\n            variant=\"headline3\"\n            text={props.name}\n            searchTerms={props.searchTerms ?? []}\n          />\n        </Link>\n\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '16px',\n            alignItems: 'center',\n          }}\n        >\n          <FavoriteButton entityId={props.entityId} />\n          <EntityDownloadButton\n            entityId={props.entityId}\n            name={props.name}\n            entityType={props.entityType}\n          />\n        </Box>\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n        }}\n      >\n        <Chip\n          icon={\n            <EntityTypeIcon\n              type={props.entityType}\n              wrap={false}\n              sx={{ color: '#265149', width: '18px' }}\n            />\n          }\n          label={props.entityType}\n          sx={{ ...searchResultsCardChipStyles }}\n        />\n        <HasAccessChip entityId={props.entityId} />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          gap: '8px',\n        }}\n      >\n        <Stack sx={{ gap: '20px', minWidth: 0, width: '100%' }}>\n          <Box sx={{ display: 'flex' }}>\n            <UpdateIcon className={styles.cardMetadataIcon} />\n            <Typography className={styles.cardMetadataTypographyWithIcon}>\n              Last updated:{' '}\n              {formatDate(dayjs.unix(props.modifiedOn), 'M/D/YYYY')}\n            </Typography>\n          </Box>\n          {plainDescription && (\n            <Box sx={{ display: 'flex' }}>\n              <ArticleOutlined className={styles.cardMetadataIcon} />\n              <HighlightedTypography\n                className={`${styles.cardMetadataTypographyWithIcon} ${styles.cardDescription}`}\n                text={plainDescription}\n                searchTerms={props.searchTerms ?? []}\n              />\n            </Box>\n          )}\n\n          {friendlySize && (\n            <Box sx={{ display: 'flex' }}>\n              <InfoOutline className={styles.cardMetadataIcon} />\n              <Typography className={styles.cardMetadataTypographyWithIcon}>\n                File size: <b>{friendlySize}</b>\n              </Typography>\n            </Box>\n          )}\n          {props.locatedIn && (\n            <Box\n              sx={{ display: 'flex', marginLeft: '24px', alignItems: 'center' }}\n            >\n              <Typography className={styles.cardMetadataTypographyWithIcon}>\n                Located in:{' '}\n              </Typography>\n              <DashboardTwoTone\n                className={styles.cardMetadataIcon}\n                sx={{\n                  marginRight: '4px',\n                }}\n              />\n              <Link\n                className={styles.locatedInLink}\n                href={`${getEndpoint(\n                  BackendDestinationEnum.PORTAL_ENDPOINT,\n                )}Synapse:${props.locatedIn?.id}`}\n              >\n                {props.locatedIn?.name}\n              </Link>\n            </Box>\n          )}\n        </Stack>\n      </Box>\n    </SynapseSearchResultsCardContainer>\n  )\n}\n\nexport default SynapseSearchResultsCard\n"],"names":["SynapseSearchResultsCardContainer","styled","Paper","SynapseSearchResultsCard","props","ref","inView","useInView","entityBundle","useGetEntityBundle","EntityType","file","friendlySize","calculateFriendlyFileSize","plainDescription","markdownToPlainText","jsxs","Box","jsx","Link","getEndpoint","BackendDestinationEnum","HighlightedTypography","styles","FavoriteButton","EntityDownloadButton","Chip","EntityTypeIcon","searchResultsCardChipStyles","HasAccessChip","Stack","UpdateIcon","Typography","formatDate","dayjs","ArticleOutlined","InfoOutline","DashboardTwoTone"],"mappings":"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"}
+{"version":3,"file":"SynapseSearchResultsCard.js","sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchResultsCard.tsx"],"sourcesContent":["import { useGetEntityBundle } from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  ArticleOutlined,\n  DashboardTwoTone,\n  InfoOutline,\n  Update as UpdateIcon,\n} from '@mui/icons-material'\nimport {\n  Box,\n  Chip,\n  Link,\n  Paper,\n  PaperProps,\n  Stack,\n  styled,\n  Typography,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport dayjs from 'dayjs'\nimport { useRef } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport { EntityDownloadButton } from '../EntityDownloadButton/EntityDownloadButton'\nimport { FileHandleWithPreview } from '../EntityFinder/details/view/table/TableCellTypes'\nimport { EntityTypeIcon } from '../EntityIcon'\nimport FavoriteButton from '../favorites/FavoriteButton'\nimport { markdownToPlainText } from '../Markdown/MarkdownUtils'\nimport { searchResultsCardChipStyles } from './chipStyles'\nimport HasAccessChip from './HasAccessChip'\nimport { HighlightedTypography } from './HighlightedTypography'\nimport styles from './SynapseSearchResultsCard.module.scss'\n\nexport type SynapseSearchResultsCardProps = {\n  entityId: string\n  name: string\n  description?: string\n  entityType: EntityType\n  modifiedOn: number\n  locatedIn?: { name: string; id: string }\n  searchTerms?: string[]\n}\n\nconst SynapseSearchResultsCardContainer: StyledComponent<PaperProps> = styled(\n  Paper,\n  {\n    label: 'SynapseSearchResultsCardContainer',\n  },\n)({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: '250px',\n  width: '100%',\n  borderRadius: '10px',\n  padding: '32px',\n  gap: '15px',\n})\n\nexport function SynapseSearchResultsCard(props: SynapseSearchResultsCardProps) {\n  const downloadConfirmationRef = useRef<HTMLDivElement>(null)\n\n  const { ref, inView } = useInView({\n    triggerOnce: true,\n    rootMargin: '250px 0px',\n  })\n\n  const { data: entityBundle } = useGetEntityBundle(\n    props.entityId,\n    undefined,\n    { includeFileHandles: true },\n    { enabled: props.entityType === EntityType.file && inView },\n  )\n\n  const file = entityBundle?.fileHandles.find(\n    (file: FileHandleWithPreview) => file.isPreview !== true,\n  )\n\n  const friendlySize = file?.contentSize\n    ? calculateFriendlyFileSize(file?.contentSize)\n    : ''\n\n  const plainDescription = props.description\n    ? markdownToPlainText(props.description)\n    : ''\n\n  return (\n    <SynapseSearchResultsCardContainer ref={ref}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          width: '100%',\n        }}\n      >\n        <Link\n          href={`${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}Synapse:${props.entityId}`}\n          sx={{\n            textDecoration: 'underline 2px',\n            textUnderlineOffset: '9px',\n          }}\n        >\n          <HighlightedTypography\n            className={styles.cardTitle}\n            variant=\"headline3\"\n            text={props.name}\n            searchTerms={props.searchTerms ?? []}\n          />\n        </Link>\n\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '16px',\n            alignItems: 'center',\n          }}\n        >\n          <FavoriteButton entityId={props.entityId} />\n          <EntityDownloadButton\n            entityId={props.entityId}\n            name={props.name}\n            entityType={props.entityType}\n            downloadConfirmationContainer={downloadConfirmationRef}\n          />\n        </Box>\n      </Box>\n      {/* Portal target for EntityDownloadButton's download confirmation dialog */}\n      <div ref={downloadConfirmationRef} />\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n        }}\n      >\n        <Chip\n          icon={\n            <EntityTypeIcon\n              type={props.entityType}\n              wrap={false}\n              sx={{ color: '#265149', width: '18px' }}\n            />\n          }\n          label={props.entityType}\n          sx={{ ...searchResultsCardChipStyles }}\n        />\n        <HasAccessChip entityId={props.entityId} />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          gap: '8px',\n        }}\n      >\n        <Stack sx={{ gap: '20px', minWidth: 0, width: '100%' }}>\n          <Box sx={{ display: 'flex' }}>\n            <UpdateIcon className={styles.cardMetadataIcon} />\n            <Typography className={styles.cardMetadataTypographyWithIcon}>\n              Last updated:{' '}\n              {formatDate(dayjs.unix(props.modifiedOn), 'M/D/YYYY')}\n            </Typography>\n          </Box>\n          {plainDescription && (\n            <Box sx={{ display: 'flex' }}>\n              <ArticleOutlined className={styles.cardMetadataIcon} />\n              <HighlightedTypography\n                className={`${styles.cardMetadataTypographyWithIcon} ${styles.cardDescription}`}\n                text={plainDescription}\n                searchTerms={props.searchTerms ?? []}\n              />\n            </Box>\n          )}\n\n          {friendlySize && (\n            <Box sx={{ display: 'flex' }}>\n              <InfoOutline className={styles.cardMetadataIcon} />\n              <Typography className={styles.cardMetadataTypographyWithIcon}>\n                File size: <b>{friendlySize}</b>\n              </Typography>\n            </Box>\n          )}\n          {props.locatedIn && (\n            <Box\n              sx={{ display: 'flex', marginLeft: '24px', alignItems: 'center' }}\n            >\n              <Typography className={styles.cardMetadataTypographyWithIcon}>\n                Located in:{' '}\n              </Typography>\n              <DashboardTwoTone\n                className={styles.cardMetadataIcon}\n                sx={{\n                  marginRight: '4px',\n                }}\n              />\n              <Link\n                className={styles.locatedInLink}\n                href={`${getEndpoint(\n                  BackendDestinationEnum.PORTAL_ENDPOINT,\n                )}Synapse:${props.locatedIn?.id}`}\n              >\n                {props.locatedIn?.name}\n              </Link>\n            </Box>\n          )}\n        </Stack>\n      </Box>\n    </SynapseSearchResultsCardContainer>\n  )\n}\n\nexport default SynapseSearchResultsCard\n"],"names":["SynapseSearchResultsCardContainer","styled","Paper","SynapseSearchResultsCard","props","downloadConfirmationRef","useRef","ref","inView","useInView","entityBundle","useGetEntityBundle","EntityType","file","friendlySize","calculateFriendlyFileSize","plainDescription","markdownToPlainText","jsxs","Box","jsx","Link","getEndpoint","BackendDestinationEnum","HighlightedTypography","styles","FavoriteButton","EntityDownloadButton","Chip","EntityTypeIcon","searchResultsCardChipStyles","HasAccessChip","Stack","UpdateIcon","Typography","formatDate","dayjs","ArticleOutlined","InfoOutline","DashboardTwoTone"],"mappings":"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"}