synapse-react-client 4.0.1 → 4.0.3-b

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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"}

package/dist/components/SynapseTable/RowSelection/RowSelectionControls.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as x, Fragment as M } from "react/jsx-runtime";
-import _ from "../../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
-import { useGetAddToDownloadListRequestForCurrentQuery as g } from "../../QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.js";
+import { jsx as o, jsxs as x, Fragment as L } from "react/jsx-runtime";
+import M from "../../download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js";
+import { useGetAddToDownloadListRequestForCurrentQuery as _ } from "../../QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.js";
 import "../../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -12,8 +12,8 @@ import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../../utils/PermissionLevelToAccessType.js";
-import { useState as D } from "react";
-import { useSynapseContext as L } from "../../../utils/context/SynapseContext.js";
+import { useState as g } from "react";
+import { useSynapseContext as D } from "../../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import { Button as a, Box as E } from "@mui/material";
 import "../../../utils/hooks/useCookiePreferences.js";
@@ -45,12 +45,12 @@ import { RowSelectionUI as j } from "./RowSelectionUI.js";
 import { SignInRequiredModal as U } from "../../SignInRequiredModal/SignInRequiredModal.js";
 const Y = "SendToAnalysisPlatformRowSelectionControlButton";
 function Qo(d) {
-  const { customControls: p = [], remount: e } = d, { isAuthenticated: u } = L(), [c, n] = D(!1), { entityId: i, versionNumber: f, getCurrentQueryRequest: A } = q(), { data: w } = N(i, f), { data: m } = G(), [r, s] = b(F), S = g(), {
+  const { customControls: p = [], remount: e } = d, { isAuthenticated: u } = D(), [c, n] = g(!1), { entityId: i, versionNumber: f, getCurrentQueryRequest: A } = q(), { data: w } = N(i, f), { data: s } = G(), [r, m] = b(F), S = _(), {
     setIsShowingExportToAnalysisPlatformModal: C,
     enabledExternalAnalysisPlatforms: T
   } = Q(), y = T.length > 0, h = () => {
-    s([]), e && e();
-  }, I = O(m?.columnModels), R = B(
+    m([]), e && e();
+  }, I = O(s?.columnModels), R = B(
     w,
     I
   );
@@ -59,15 +59,15 @@ function Qo(d) {
     {
       show: r.length > 0,
       selectedRowCount: r.length,
-      onClearSelection: () => s([]),
-      customControls: /* @__PURE__ */ x(M, { children: [
+      onClearSelection: () => m([]),
+      customControls: /* @__PURE__ */ x(L, { children: [
         p.map((t) => /* @__PURE__ */ o(
           k,
           {
             variant: "contained",
             callbackData: {
               tableId: i,
-              queryMetadata: m,
+              queryMetadata: s,
               selectedRows: r,
               refresh: h,
               request: A()
@@ -108,7 +108,7 @@ function Qo(d) {
                       width: "100%"
                     },
                     children: /* @__PURE__ */ o(
-                      _,
+                      M,
                       {
                         addToDownloadListRequest: S,
                         onClose: () => {
@@ -124,7 +124,7 @@ function Qo(d) {
               );
             },
             startIcon: /* @__PURE__ */ o(P, {}),
-            children: "Add to Download Cart"
+            children: "Add to Download List"
           }
         )
       ] })

package/dist/components/SynapseTable/RowSelection/RowSelectionControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowSelectionControls.js","sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionControls.tsx"],"sourcesContent":["import AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { useGetEntity } from '@/synapse-queries'\nimport { canTableQueryBeAddedToDownloadList } from '@/utils/functions/queryUtils'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Button } from '@mui/material'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useAtom } from 'jotai'\nimport { useState } from 'react'\nimport { toast } from 'react-hot-toast'\nimport { useSynapseContext } from '@/utils'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { selectedRowsAtom } from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport {\n  getFileColumnModelId,\n  SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE,\n} from '../SynapseTableUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { CustomControl } from '../TopLevelControls/TopLevelControls'\nimport { RowSelectionUI } from './RowSelectionUI'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformRowSelectionControlButton'\n\nexport type RowSelectionControlsProps = {\n  customControls?: CustomControl[]\n  remount?: () => void\n}\n\n/**\n * This component is responsible for rendering the RowSelectionUI and the custom controls. Must be wrapped in a\n * QueryContext and a QueryVisualizationContext.\n * @param props\n * @constructor\n */\nexport function RowSelectionControls(props: RowSelectionControlsProps) {\n  const { customControls = [], remount } = props\n  const { isAuthenticated } = useSynapseContext()\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { entityId, versionNumber, getCurrentQueryRequest } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const [selectedRows, setSelectedRows] = useAtom(selectedRowsAtom)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  const {\n    setIsShowingExportToAnalysisPlatformModal,\n    enabledExternalAnalysisPlatforms,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const refresh = () => {\n    // clear selection\n    setSelectedRows([])\n    if (remount) {\n      remount()\n    }\n  }\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n  const showAddToDownloadCart = canTableQueryBeAddedToDownloadList(\n    entity,\n    fileColumnId,\n  )\n\n  return (\n    <RowSelectionUI\n      show={selectedRows.length > 0}\n      selectedRowCount={selectedRows.length}\n      onClearSelection={() => setSelectedRows([])}\n      customControls={\n        <>\n          {customControls.map(customControl => {\n            return (\n              <CustomControlButton\n                key={customControl.buttonText}\n                variant=\"contained\"\n                callbackData={{\n                  tableId: entityId!,\n                  queryMetadata: queryMetadata,\n                  selectedRows,\n                  refresh,\n                  request: getCurrentQueryRequest(),\n                }}\n                control={customControl}\n                startIcon={customControl.icon}\n              />\n            )\n          })}\n          {/* TODO: Generic button */}\n          {showExportToAnalysisPlatformButton && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (isAuthenticated) {\n                  setIsShowingExportToAnalysisPlatformModal(true)\n                } else {\n                  setShowLoginModal(true)\n                }\n              }}\n              id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n            >\n              Send to Analysis Platform\n            </Button>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {showAddToDownloadCart && (\n            <Button\n              variant=\"contained\"\n              onClick={() => {\n                const toastId = toast.custom(\n                  <Box\n                    sx={{\n                      width: '100%',\n                    }}\n                  >\n                    <AddToDownloadListConfirmationAlert\n                      addToDownloadListRequest={addToDownloadListRequest}\n                      onClose={() => {\n                        toast.dismiss(toastId)\n                      }}\n                    />\n                  </Box>,\n                  {\n                    duration: Infinity,\n                  },\n                )\n              }}\n              startIcon={<GetAppTwoTone />}\n            >\n              Add to Download Cart\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"names":["SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID","RowSelectionControls","props","customControls","remount","isAuthenticated","useSynapseContext","showLoginModal","setShowLoginModal","useState","entityId","versionNumber","getCurrentQueryRequest","useQueryContext","entity","useGetEntity","queryMetadata","useGetQueryMetadata","selectedRows","setSelectedRows","useAtom","selectedRowsAtom","addToDownloadListRequest","useGetAddToDownloadListRequestForCurrentQuery","setIsShowingExportToAnalysisPlatformModal","enabledExternalAnalysisPlatforms","useQueryVisualizationContext","showExportToAnalysisPlatformButton","refresh","fileColumnId","getFileColumnModelId","showAddToDownloadCart","canTableQueryBeAddedToDownloadList","jsx","RowSelectionUI","jsxs","Fragment","customControl","CustomControlButton","Button","SignInRequiredModal","SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE","toastId","toast","Box","AddToDownloadListConfirmationAlert","GetAppTwoTone"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,IACJ;AAaK,SAASC,GAAqBC,GAAkC;AACrE,QAAM,EAAE,gBAAAC,IAAiB,IAAI,SAAAC,MAAYF,GACnC,EAAE,iBAAAG,EAAA,IAAoBC,EAAA,GACtB,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpD,EAAE,UAAAC,GAAU,eAAAC,GAAe,wBAAAC,EAAA,IAA2BC,EAAA,GACtD,EAAE,MAAMC,EAAA,IAAWC,EAAoBL,GAAUC,CAAa,GAC9D,EAAE,MAAMK,EAAA,IAAkBC,EAAA,GAC1B,CAACC,GAAcC,CAAe,IAAIC,EAAQC,CAAgB,GAE1DC,IACJC,EAAA,GAEI;AAAA,IACJ,2CAAAC;AAAA,IACA,kCAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IACJF,EAAiC,SAAS,GAEtCG,IAAU,MAAM;AAEpB,IAAAT,EAAgB,CAAA,CAAE,GACdf,KACFA,EAAA;AAAA,EAEJ,GACMyB,IAAeC,EAAqBd,GAAe,YAAY,GAC/De,IAAwBC;AAAA,IAC5BlB;AAAA,IACAe;AAAA,EAAA;AAGF,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMhB,EAAa,SAAS;AAAA,MAC5B,kBAAkBA,EAAa;AAAA,MAC/B,kBAAkB,MAAMC,EAAgB,EAAE;AAAA,MAC1C,gBACE,gBAAAgB,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAjC,EAAe,IAAI,CAAAkC,MAEhB,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,SAAQ;AAAA,YACR,cAAc;AAAA,cACZ,SAAS5B;AAAA,cACT,eAAAM;AAAA,cACA,cAAAE;AAAA,cACA,SAAAU;AAAA,cACA,SAAShB,EAAA;AAAA,YAAuB;AAAA,YAElC,SAASyB;AAAA,YACT,WAAWA,EAAc;AAAA,UAAA;AAAA,UAVpBA,EAAc;AAAA,QAAA,CAaxB;AAAA,QAEAV,KACC,gBAAAM;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,cAAIlC,IACFmB,EAA0C,EAAI,IAE9ChB,EAAkB,EAAI;AAAA,YAE1B;AAAA,YACA,IAAIR;AAAA,YACL,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIFO,KACC,gBAAA0B;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,QAAQ,MAAMhC,EAAkB,EAAK;AAAA,YACrC,SAASiC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGZV,KACC,gBAAAE;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,oBAAMG,IAAUC,EAAM;AAAA,gBACpB,gBAAAV;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACC,IAAI;AAAA,sBACF,OAAO;AAAA,oBAAA;AAAA,oBAGT,UAAA,gBAAAX;AAAA,sBAACY;AAAA,sBAAA;AAAA,wBACC,0BAAAvB;AAAA,wBACA,SAAS,MAAM;AACb,0BAAAqB,EAAM,QAAQD,CAAO;AAAA,wBACvB;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,gBAEF;AAAA,kBACE,UAAU;AAAA,gBAAA;AAAA,cACZ;AAAA,YAEJ;AAAA,YACA,6BAAYI,GAAA,EAAc;AAAA,YAC3B,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"version":3,"file":"RowSelectionControls.js","sources":["../../../../src/components/SynapseTable/RowSelection/RowSelectionControls.tsx"],"sourcesContent":["import AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { useGetEntity } from '@/synapse-queries'\nimport { canTableQueryBeAddedToDownloadList } from '@/utils/functions/queryUtils'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Button } from '@mui/material'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useAtom } from 'jotai'\nimport { useState } from 'react'\nimport { toast } from 'react-hot-toast'\nimport { useSynapseContext } from '@/utils'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { selectedRowsAtom } from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport {\n  getFileColumnModelId,\n  SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE,\n} from '../SynapseTableUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { CustomControl } from '../TopLevelControls/TopLevelControls'\nimport { RowSelectionUI } from './RowSelectionUI'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformRowSelectionControlButton'\n\nexport type RowSelectionControlsProps = {\n  customControls?: CustomControl[]\n  remount?: () => void\n}\n\n/**\n * This component is responsible for rendering the RowSelectionUI and the custom controls. Must be wrapped in a\n * QueryContext and a QueryVisualizationContext.\n * @param props\n * @constructor\n */\nexport function RowSelectionControls(props: RowSelectionControlsProps) {\n  const { customControls = [], remount } = props\n  const { isAuthenticated } = useSynapseContext()\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { entityId, versionNumber, getCurrentQueryRequest } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const [selectedRows, setSelectedRows] = useAtom(selectedRowsAtom)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  const {\n    setIsShowingExportToAnalysisPlatformModal,\n    enabledExternalAnalysisPlatforms,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const refresh = () => {\n    // clear selection\n    setSelectedRows([])\n    if (remount) {\n      remount()\n    }\n  }\n  const fileColumnId = getFileColumnModelId(queryMetadata?.columnModels)\n  const showAddToDownloadCart = canTableQueryBeAddedToDownloadList(\n    entity,\n    fileColumnId,\n  )\n\n  return (\n    <RowSelectionUI\n      show={selectedRows.length > 0}\n      selectedRowCount={selectedRows.length}\n      onClearSelection={() => setSelectedRows([])}\n      customControls={\n        <>\n          {customControls.map(customControl => {\n            return (\n              <CustomControlButton\n                key={customControl.buttonText}\n                variant=\"contained\"\n                callbackData={{\n                  tableId: entityId!,\n                  queryMetadata: queryMetadata,\n                  selectedRows,\n                  refresh,\n                  request: getCurrentQueryRequest(),\n                }}\n                control={customControl}\n                startIcon={customControl.icon}\n              />\n            )\n          })}\n          {/* TODO: Generic button */}\n          {showExportToAnalysisPlatformButton && (\n            <Button\n              variant=\"outlined\"\n              onClick={() => {\n                if (isAuthenticated) {\n                  setIsShowingExportToAnalysisPlatformModal(true)\n                } else {\n                  setShowLoginModal(true)\n                }\n              }}\n              id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n            >\n              Send to Analysis Platform\n            </Button>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {showAddToDownloadCart && (\n            <Button\n              variant=\"contained\"\n              onClick={() => {\n                const toastId = toast.custom(\n                  <Box\n                    sx={{\n                      width: '100%',\n                    }}\n                  >\n                    <AddToDownloadListConfirmationAlert\n                      addToDownloadListRequest={addToDownloadListRequest}\n                      onClose={() => {\n                        toast.dismiss(toastId)\n                      }}\n                    />\n                  </Box>,\n                  {\n                    duration: Infinity,\n                  },\n                )\n              }}\n              startIcon={<GetAppTwoTone />}\n            >\n              Add to Download List\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"names":["SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID","RowSelectionControls","props","customControls","remount","isAuthenticated","useSynapseContext","showLoginModal","setShowLoginModal","useState","entityId","versionNumber","getCurrentQueryRequest","useQueryContext","entity","useGetEntity","queryMetadata","useGetQueryMetadata","selectedRows","setSelectedRows","useAtom","selectedRowsAtom","addToDownloadListRequest","useGetAddToDownloadListRequestForCurrentQuery","setIsShowingExportToAnalysisPlatformModal","enabledExternalAnalysisPlatforms","useQueryVisualizationContext","showExportToAnalysisPlatformButton","refresh","fileColumnId","getFileColumnModelId","showAddToDownloadCart","canTableQueryBeAddedToDownloadList","jsx","RowSelectionUI","jsxs","Fragment","customControl","CustomControlButton","Button","SignInRequiredModal","SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE","toastId","toast","Box","AddToDownloadListConfirmationAlert","GetAppTwoTone"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAMA,IACJ;AAaK,SAASC,GAAqBC,GAAkC;AACrE,QAAM,EAAE,gBAAAC,IAAiB,IAAI,SAAAC,MAAYF,GACnC,EAAE,iBAAAG,EAAA,IAAoBC,EAAA,GACtB,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GACpD,EAAE,UAAAC,GAAU,eAAAC,GAAe,wBAAAC,EAAA,IAA2BC,EAAA,GACtD,EAAE,MAAMC,EAAA,IAAWC,EAAoBL,GAAUC,CAAa,GAC9D,EAAE,MAAMK,EAAA,IAAkBC,EAAA,GAC1B,CAACC,GAAcC,CAAe,IAAIC,EAAQC,CAAgB,GAE1DC,IACJC,EAAA,GAEI;AAAA,IACJ,2CAAAC;AAAA,IACA,kCAAAC;AAAA,EAAA,IACEC,EAAA,GAEEC,IACJF,EAAiC,SAAS,GAEtCG,IAAU,MAAM;AAEpB,IAAAT,EAAgB,CAAA,CAAE,GACdf,KACFA,EAAA;AAAA,EAEJ,GACMyB,IAAeC,EAAqBd,GAAe,YAAY,GAC/De,IAAwBC;AAAA,IAC5BlB;AAAA,IACAe;AAAA,EAAA;AAGF,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAMhB,EAAa,SAAS;AAAA,MAC5B,kBAAkBA,EAAa;AAAA,MAC/B,kBAAkB,MAAMC,EAAgB,EAAE;AAAA,MAC1C,gBACE,gBAAAgB,EAAAC,GAAA,EACG,UAAA;AAAA,QAAAjC,EAAe,IAAI,CAAAkC,MAEhB,gBAAAJ;AAAA,UAACK;AAAA,UAAA;AAAA,YAEC,SAAQ;AAAA,YACR,cAAc;AAAA,cACZ,SAAS5B;AAAA,cACT,eAAAM;AAAA,cACA,cAAAE;AAAA,cACA,SAAAU;AAAA,cACA,SAAShB,EAAA;AAAA,YAAuB;AAAA,YAElC,SAASyB;AAAA,YACT,WAAWA,EAAc;AAAA,UAAA;AAAA,UAVpBA,EAAc;AAAA,QAAA,CAaxB;AAAA,QAEAV,KACC,gBAAAM;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,cAAIlC,IACFmB,EAA0C,EAAI,IAE9ChB,EAAkB,EAAI;AAAA,YAE1B;AAAA,YACA,IAAIR;AAAA,YACL,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAIFO,KACC,gBAAA0B;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,QAAQ,MAAMhC,EAAkB,EAAK;AAAA,YACrC,SAASiC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGZV,KACC,gBAAAE;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,oBAAMG,IAAUC,EAAM;AAAA,gBACpB,gBAAAV;AAAA,kBAACW;AAAA,kBAAA;AAAA,oBACC,IAAI;AAAA,sBACF,OAAO;AAAA,oBAAA;AAAA,oBAGT,UAAA,gBAAAX;AAAA,sBAACY;AAAA,sBAAA;AAAA,wBACC,0BAAAvB;AAAA,wBACA,SAAS,MAAM;AACb,0BAAAqB,EAAM,QAAQD,CAAO;AAAA,wBACvB;AAAA,sBAAA;AAAA,oBAAA;AAAA,kBACF;AAAA,gBAAA;AAAA,gBAEF;AAAA,kBACE,UAAU;AAAA,gBAAA;AAAA,cACZ;AAAA,YAEJ;AAAA,YACA,6BAAYI,GAAA,EAAc;AAAA,YAC3B,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;"}

package/dist/components/SynapseTable/TopLevelControls/TopLevelControlsUtils.js

@@ -1,13 +1,13 @@
 import u from "pluralize";
 import { upperFirst as A } from "lodash-es";
-const f = "to Download Cart";
-function d(r, o, e) {
+const f = "to Download List";
+function i(r, o, e) {
   return r ? o.length : e;
 }
-function $(r, o, e, l, n) {
+function s(r, o, e, l, n) {
   if (!r && !o)
     return `all ${u(n)}`;
-  const t = d(
+  const t = i(
     o,
     e,
     l
@@ -17,12 +17,12 @@ function $(r, o, e, l, n) {
     t
   )}` : u(n);
 }
-function c(r, o, e, l, n) {
+function $(r, o, e, l, n) {
   if (!r && !o)
     return `Add All ${A(
       u(n)
     )} ${f}`;
-  const t = d(
+  const t = i(
     o,
     e,
     l
@@ -32,8 +32,8 @@ function c(r, o, e, l, n) {
   )} ${f}` : `Add ${f}`;
 }
 export {
-  c as getNumberOfResultsToAddToDownloadListCopy,
-  d as getNumberOfResultsToInvokeAction,
-  $ as getNumberOfResultsToInvokeActionCopy
+  $ as getNumberOfResultsToAddToDownloadListCopy,
+  i as getNumberOfResultsToInvokeAction,
+  s as getNumberOfResultsToInvokeActionCopy
 };
 //# sourceMappingURL=TopLevelControlsUtils.js.map

package/dist/components/SynapseTable/TopLevelControls/TopLevelControlsUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopLevelControlsUtils.js","sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControlsUtils.ts"],"sourcesContent":["import { QueryContextType } from '../../QueryContext'\nimport { QueryVisualizationContextType } from '../../QueryVisualizationWrapper'\nimport pluralize from 'pluralize'\nimport { upperFirst } from 'lodash-es'\nimport { Row } from '@sage-bionetworks/synapse-types'\n\nconst TO_DOWNLOAD_CART = 'to Download Cart'\n\n/**\n * If the user invokes an action on the table (such as \"Send to CAVATICA\"), we want to tell the user how many rows they\n * will perform the action on.\n *\n * If selection is enabled and rows have been selected, return the number of selected rows.\n * If no rows have been selected, return the total number of query results.\n * If the total number of query results is unknown, return undefined.\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n */\nexport function getNumberOfResultsToInvokeAction(\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows?: number,\n) {\n  return hasSelectedRows ? selectedRows.length : totalNumberOfRows\n}\n\n/**\n * Returns copy for how to reference the number of results that will be affected by an action, such as \"Send to CAVATICA\".\n * Utilizes the unit description to return a count and pluralized unit description.\n *\n * If the user has not selected rows or applied any filters, return \"all <unit>s\".\n * If the user has applied filters but not selected rows, return the total number of query results to indicate that the filtered result set is used. e.g. '2 <unit>s'\n *   - If the total number of query results is unknown, the count is not included. e.g. '<unit>s'\n * If the user has selected rows, return the number of selected rows. e.g. '2 <unit>s'\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToInvokeActionCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `all ${pluralize(unitDescription)}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `${numberOfResultsToInvokeAction.toLocaleString()} ${pluralize(\n      unitDescription,\n      numberOfResultsToInvokeAction,\n    )}`\n  }\n  // Null count, so just return the pluralized unit description\n  return pluralize(unitDescription)\n}\n\n/**\n * Returns copy for how to reference the number of results that will be sent to the download list.\n * Utilizes the unit description to return a count and pluralized unit description.\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToAddToDownloadListCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `Add All ${upperFirst(\n      pluralize(unitDescription),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `Add ${numberOfResultsToInvokeAction.toLocaleString()} Selected ${upperFirst(\n      pluralize(unitDescription, numberOfResultsToInvokeAction),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n  // Null count\n  return `Add ${TO_DOWNLOAD_CART}`\n}\n"],"names":["TO_DOWNLOAD_CART","getNumberOfResultsToInvokeAction","hasSelectedRows","selectedRows","totalNumberOfRows","getNumberOfResultsToInvokeActionCopy","hasResettableFilters","unitDescription","pluralize","numberOfResultsToInvokeAction","getNumberOfResultsToAddToDownloadListCopy","upperFirst"],"mappings":";;AAMA,MAAMA,IAAmB;AAalB,SAASC,EACdC,GACAC,GACAC,GACA;AACA,SAAOF,IAAkBC,EAAa,SAASC;AACjD;AAgBO,SAASC,EACdC,GACAJ,GACAC,GACAC,GACAG,GACA;AACA,MAAI,CAACD,KAAwB,CAACJ;AAC5B,WAAO,OAAOM,EAAUD,CAAe,CAAC;AAG1C,QAAME,IAAgCR;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEF,SAAIK,KAAiC,OAC5B,GAAGA,EAA8B,eAAA,CAAgB,IAAID;AAAA,IAC1DD;AAAA,IACAE;AAAA,EAAA,CACD,KAGID,EAAUD,CAAe;AAClC;AAWO,SAASG,EACdJ,GACAJ,GACAC,GACAC,GACAG,GACA;AACA,MAAI,CAACD,KAAwB,CAACJ;AAC5B,WAAO,WAAWS;AAAA,MAChBH,EAAUD,CAAe;AAAA,IAAA,CAC1B,IAAIP,CAAgB;AAGvB,QAAMS,IAAgCR;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEF,SAAIK,KAAiC,OAC5B,OAAOA,EAA8B,eAAA,CAAgB,aAAaE;AAAA,IACvEH,EAAUD,GAAiBE,CAA6B;AAAA,EAAA,CACzD,IAAIT,CAAgB,KAGhB,OAAOA,CAAgB;AAChC;"}
+{"version":3,"file":"TopLevelControlsUtils.js","sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControlsUtils.ts"],"sourcesContent":["import { QueryContextType } from '../../QueryContext'\nimport { QueryVisualizationContextType } from '../../QueryVisualizationWrapper'\nimport pluralize from 'pluralize'\nimport { upperFirst } from 'lodash-es'\nimport { Row } from '@sage-bionetworks/synapse-types'\n\nconst TO_DOWNLOAD_CART = 'to Download List'\n\n/**\n * If the user invokes an action on the table (such as \"Send to CAVATICA\"), we want to tell the user how many rows they\n * will perform the action on.\n *\n * If selection is enabled and rows have been selected, return the number of selected rows.\n * If no rows have been selected, return the total number of query results.\n * If the total number of query results is unknown, return undefined.\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n */\nexport function getNumberOfResultsToInvokeAction(\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows?: number,\n) {\n  return hasSelectedRows ? selectedRows.length : totalNumberOfRows\n}\n\n/**\n * Returns copy for how to reference the number of results that will be affected by an action, such as \"Send to CAVATICA\".\n * Utilizes the unit description to return a count and pluralized unit description.\n *\n * If the user has not selected rows or applied any filters, return \"all <unit>s\".\n * If the user has applied filters but not selected rows, return the total number of query results to indicate that the filtered result set is used. e.g. '2 <unit>s'\n *   - If the total number of query results is unknown, the count is not included. e.g. '<unit>s'\n * If the user has selected rows, return the number of selected rows. e.g. '2 <unit>s'\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToInvokeActionCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `all ${pluralize(unitDescription)}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `${numberOfResultsToInvokeAction.toLocaleString()} ${pluralize(\n      unitDescription,\n      numberOfResultsToInvokeAction,\n    )}`\n  }\n  // Null count, so just return the pluralized unit description\n  return pluralize(unitDescription)\n}\n\n/**\n * Returns copy for how to reference the number of results that will be sent to the download list.\n * Utilizes the unit description to return a count and pluralized unit description.\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToAddToDownloadListCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `Add All ${upperFirst(\n      pluralize(unitDescription),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `Add ${numberOfResultsToInvokeAction.toLocaleString()} Selected ${upperFirst(\n      pluralize(unitDescription, numberOfResultsToInvokeAction),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n  // Null count\n  return `Add ${TO_DOWNLOAD_CART}`\n}\n"],"names":["TO_DOWNLOAD_CART","getNumberOfResultsToInvokeAction","hasSelectedRows","selectedRows","totalNumberOfRows","getNumberOfResultsToInvokeActionCopy","hasResettableFilters","unitDescription","pluralize","numberOfResultsToInvokeAction","getNumberOfResultsToAddToDownloadListCopy","upperFirst"],"mappings":";;AAMA,MAAMA,IAAmB;AAalB,SAASC,EACdC,GACAC,GACAC,GACA;AACA,SAAOF,IAAkBC,EAAa,SAASC;AACjD;AAgBO,SAASC,EACdC,GACAJ,GACAC,GACAC,GACAG,GACA;AACA,MAAI,CAACD,KAAwB,CAACJ;AAC5B,WAAO,OAAOM,EAAUD,CAAe,CAAC;AAG1C,QAAME,IAAgCR;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEF,SAAIK,KAAiC,OAC5B,GAAGA,EAA8B,eAAA,CAAgB,IAAID;AAAA,IAC1DD;AAAA,IACAE;AAAA,EAAA,CACD,KAGID,EAAUD,CAAe;AAClC;AAWO,SAASG,EACdJ,GACAJ,GACAC,GACAC,GACAG,GACA;AACA,MAAI,CAACD,KAAwB,CAACJ;AAC5B,WAAO,WAAWS;AAAA,MAChBH,EAAUD,CAAe;AAAA,IAAA,CAC1B,IAAIP,CAAgB;AAGvB,QAAMS,IAAgCR;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEF,SAAIK,KAAiC,OAC5B,OAAOA,EAA8B,eAAA,CAAgB,aAAaE;AAAA,IACvEH,EAAUD,GAAiBE,CAA6B;AAAA,EAAA,CACzD,IAAIT,CAAgB,KAGhB,OAAOA,CAAgB;AAChC;"}

package/dist/components/TextToComponentCollapse.d.ts

@@ -0,0 +1,16 @@
+import { SxProps, TypographyOwnProps } from '@mui/material';
+import { PropsWithChildren } from 'react';
+export type TextToComponentCollapseProps = PropsWithChildren<{
+    text: string;
+    defaultVisible?: boolean;
+    textVariant?: TypographyOwnProps['variant'];
+    textSx?: SxProps;
+    textContainerSx?: SxProps;
+    collapseBoxSx?: SxProps;
+    iconSx?: SxProps;
+}>;
+/**
+ * Wrap any child components in a collapse, using a Typography as the trigger
+ */
+export default function TextToComponentCollapse({ text, defaultVisible, textVariant, textSx, textContainerSx, collapseBoxSx, iconSx, children, }: TextToComponentCollapseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextToComponentCollapse.d.ts.map

package/dist/components/TextToComponentCollapse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextToComponentCollapse.d.ts","sourceRoot":"","sources":["../../src/components/TextToComponentCollapse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAc,kBAAkB,EAAE,MAAM,eAAe,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,CAAC;IAC3D,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,EACJ,cAAc,EACd,WAAyB,EACzB,MAAM,EACN,eAAe,EACf,aAAa,EACb,MAAM,EACN,QAAQ,GACT,EAAE,4BAA4B,2CAgB9B"}

package/dist/components/TextToComponentCollapse.js

@@ -0,0 +1,29 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Typography as l } from "@mui/material";
+import s from "./ComponentCollapse.js";
+function c({
+  text: n,
+  defaultVisible: t,
+  textVariant: r = "smallLink",
+  textSx: e,
+  textContainerSx: p,
+  collapseBoxSx: m,
+  iconSx: a,
+  children: i
+}) {
+  return /* @__PURE__ */ o(
+    s,
+    {
+      component: /* @__PURE__ */ o(l, { variant: r, sx: e, children: n }),
+      componentContainerSx: p,
+      defaultVisible: t,
+      collapseBoxSx: m,
+      iconSx: a,
+      children: i
+    }
+  );
+}
+export {
+  c as default
+};
+//# sourceMappingURL=TextToComponentCollapse.js.map

package/dist/components/TextToComponentCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextToComponentCollapse.js","sources":["../../src/components/TextToComponentCollapse.tsx"],"sourcesContent":["import { SxProps, Typography, TypographyOwnProps } from '@mui/material'\nimport { PropsWithChildren } from 'react'\nimport ComponentCollapse from './ComponentCollapse'\n\nexport type TextToComponentCollapseProps = PropsWithChildren<{\n  text: string\n  defaultVisible?: boolean // default to false (collapsed)\n  textVariant?: TypographyOwnProps['variant']\n  textSx?: SxProps\n  textContainerSx?: SxProps\n  collapseBoxSx?: SxProps\n  iconSx?: SxProps\n}>\n\n/**\n * Wrap any child components in a collapse, using a Typography as the trigger\n */\nexport default function TextToComponentCollapse({\n  text,\n  defaultVisible,\n  textVariant = 'smallLink',\n  textSx,\n  textContainerSx,\n  collapseBoxSx,\n  iconSx,\n  children,\n}: TextToComponentCollapseProps) {\n  return (\n    <ComponentCollapse\n      component={\n        <Typography variant={textVariant} sx={textSx}>\n          {text}\n        </Typography>\n      }\n      componentContainerSx={textContainerSx}\n      defaultVisible={defaultVisible}\n      collapseBoxSx={collapseBoxSx}\n      iconSx={iconSx}\n    >\n      {children}\n    </ComponentCollapse>\n  )\n}\n"],"names":["TextToComponentCollapse","text","defaultVisible","textVariant","textSx","textContainerSx","collapseBoxSx","iconSx","children","jsx","ComponentCollapse","Typography"],"mappings":";;;AAiBA,SAAwBA,EAAwB;AAAA,EAC9C,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAAiC;AAC/B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WACE,gBAAAD,EAACE,GAAA,EAAW,SAASR,GAAa,IAAIC,GACnC,UAAAH,GACH;AAAA,MAEF,sBAAsBI;AAAA,MACtB,gBAAAH;AAAA,MACA,eAAAI;AAAA,MACA,QAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}