synapse-react-client 4.0.1 → 4.0.3

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

package/dist/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js

@@ -53,11 +53,14 @@ import "@mui/material/SvgIcon";
 import "../../../assets/icons/AccessPending.svg.js";
 import "../../../assets/icons/AccessPendingCloud.svg.js";
 import "../../../assets/icons/FileWithShield.svg.js";
+import "../../../assets/icons/MultiFile.svg.js";
+import "../../../assets/icons/UnpackagableFile.svg.js";
 import "../../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../../assets/icons/computationalTool.svg.js";
 import "../../../assets/icons/dataReuse.svg.js";
 import "../../../assets/icons/inSilicoModel.svg.js";
 import "../../../assets/icons/modelSystem.svg.js";
+import "../../../assets/mui_components/PackagableFile.svg.js";
 import "../../../assets/icons/spatialProfiling.svg.js";
 /* empty css                                       */
 import "../../Authentication/AuthenticationMethodSelection.js";
@@ -83,6 +86,7 @@ import "../../../assets/icons/study-complete.svg.js";
 import "../../../assets/icons/translational.svg.js";
 import "../../../assets/icons/tree_horizontal.svg.js";
 import "../../../assets/icons/standardDataModel.svg.js";
+import "../../../assets/icons/Challenge.svg.js";
 import "react-intersection-observer";
 import "@rjsf/utils";
 import "../../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js";
@@ -100,10 +104,10 @@ import "../../../assets/icons/DoubleQuotes.svg.js";
 import "../../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../../QueryContext/QueryContext.js";
 import "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../../GenericCard/GenericCard.js";
 import "@mui/system";
 import "../../GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import "lodash-es/noop";
 import "../../QueryWrapper/TableRowSelectionState.js";
@@ -203,6 +207,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../../SynapseForm/SynapseFormSubmissionGrid.js";
 import "../../SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../../TimelinePlot/phasesQueryResponseData.js";
 import "../../EntityHeaderTable/EntityHeaderTable.js";
 import "../../MuiContainer.js";
@@ -212,7 +217,7 @@ import "../../PortalAclEditor/PortalAclEditor.js";
 import "../../SynapseHomepageV2/HomepageStyles.js";
 import { DownloadConfirmationUI as D } from "../DownloadConfirmationUI.js";
 import { displayFilesWereAddedToDownloadListSuccess as L } from "../DownloadConfirmationUtils.js";
-function Li(p) {
+function qi(p) {
   const { addToDownloadListRequest: t, onClose: o } = p, { downloadCartPageUrl: e } = u(), {
     data: r,
     isLoading: n,
@@ -241,6 +246,6 @@ function Li(p) {
   );
 }
 export {
-  Li as default
+  qi as default
 };
 //# sourceMappingURL=AddToDownloadListConfirmationAlert.js.map

package/dist/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddToDownloadListConfirmationAlert.js","sources":["../../../../src/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.tsx"],"sourcesContent":["import { displayToast } from '@/components/index'\nimport { ErrorBanner } from '@/components/error/ErrorBanner'\nimport {\n  useAddToDownloadList,\n  useGetAddToDownloadListStats,\n} from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils'\nimport { AddToDownloadListRequest } from '@sage-bionetworks/synapse-client'\nimport DownloadConfirmationUI from '../DownloadConfirmationUI'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../DownloadConfirmationUtils'\n\nexport type AddToDownloadListConfirmationAlertProps = {\n  /**\n   * The \"AddToDownloadListRequest\" that would be used to add items to the download list.\n   */\n  addToDownloadListRequest: AddToDownloadListRequest\n  /**\n   * Invoked when the dialog is closed, either by cancelling or successfully adding to the download list.\n   */\n  onClose: () => void\n}\n\n/**\n * A component that displays a confirmation alert when adding multiple items to the download list though a container or\n * query.\n * @param props\n * @constructor\n */\nfunction AddToDownloadListConfirmationAlert(\n  props: AddToDownloadListConfirmationAlertProps,\n) {\n  const { addToDownloadListRequest, onClose } = props\n  const { downloadCartPageUrl } = useSynapseContext()\n\n  const {\n    data,\n    isLoading,\n    error: statsError,\n  } = useGetAddToDownloadListStats({\n    concreteType:\n      'org.sagebionetworks.repo.model.download.AddToDownloadListStatsRequest',\n    request: addToDownloadListRequest,\n  })\n\n  const { mutate: addToDownloadList, isPending: isAddingToDownloadCart } =\n    useAddToDownloadList({\n      onSuccess: () => {\n        displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n        onClose()\n      },\n      onError: error => {\n        displayToast(error.reason, 'danger')\n        onClose()\n      },\n    })\n\n  const fileCount = data?.fileCount\n  const fileSizeTotal = data?.fileSize\n\n  if (statsError) {\n    return <ErrorBanner error={statsError} />\n  }\n\n  return (\n    <DownloadConfirmationUI\n      onAddToDownloadCart={() => addToDownloadList(addToDownloadListRequest)}\n      fileCount={fileCount}\n      fileSize={fileSizeTotal}\n      isAddingToDownloadCart={isAddingToDownloadCart}\n      isLoadingStats={isLoading}\n      onCancel={onClose}\n    />\n  )\n}\n\nexport default AddToDownloadListConfirmationAlert\n"],"names":["AddToDownloadListConfirmationAlert","props","addToDownloadListRequest","onClose","downloadCartPageUrl","useSynapseContext","data","isLoading","statsError","useGetAddToDownloadListStats","addToDownloadList","isAddingToDownloadCart","useAddToDownloadList","displayFilesWereAddedToDownloadListSuccess","error","displayToast","fileCount","fileSizeTotal","jsx","ErrorBanner","DownloadConfirmationUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAASA,GACPC,GACA;AACA,QAAM,EAAE,0BAAAC,GAA0B,SAAAC,EAAA,IAAYF,GACxC,EAAE,qBAAAG,EAAA,IAAwBC,EAAA,GAE1B;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAOC;AAAA,EAAA,IACLC,EAA6B;AAAA,IAC/B,cACE;AAAA,IACF,SAASP;AAAA,EAAA,CACV,GAEK,EAAE,QAAQQ,GAAmB,WAAWC,EAAA,IAC5CC,EAAqB;AAAA,IACnB,WAAW,MAAM;AACf,MAAAC,EAA2CT,CAAmB,GAC9DD,EAAA;AAAA,IACF;AAAA,IACA,SAAS,CAAAW,MAAS;AAChB,MAAAC,EAAaD,EAAM,QAAQ,QAAQ,GACnCX,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAEGa,IAAYV,GAAM,WAClBW,IAAgBX,GAAM;AAE5B,SAAIE,IACK,gBAAAU,EAACC,GAAA,EAAY,OAAOX,EAAA,CAAY,IAIvC,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,qBAAqB,MAAMV,EAAkBR,CAAwB;AAAA,MACrE,WAAAc;AAAA,MACA,UAAUC;AAAA,MACV,wBAAAN;AAAA,MACA,gBAAgBJ;AAAA,MAChB,UAAUJ;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"AddToDownloadListConfirmationAlert.js","sources":["../../../../src/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert.tsx"],"sourcesContent":["import { displayToast } from '@/components/index'\nimport { ErrorBanner } from '@/components/error/ErrorBanner'\nimport {\n  useAddToDownloadList,\n  useGetAddToDownloadListStats,\n} from '@/synapse-queries/download/useDownloadList'\nimport { useSynapseContext } from '@/utils'\nimport { AddToDownloadListRequest } from '@sage-bionetworks/synapse-client'\nimport DownloadConfirmationUI from '../DownloadConfirmationUI'\nimport { displayFilesWereAddedToDownloadListSuccess } from '../DownloadConfirmationUtils'\n\nexport type AddToDownloadListConfirmationAlertProps = {\n  /**\n   * The \"AddToDownloadListRequest\" that would be used to add items to the download list.\n   */\n  addToDownloadListRequest: AddToDownloadListRequest\n  /**\n   * Invoked when the dialog is closed, either by cancelling or successfully adding to the download list.\n   */\n  onClose: () => void\n}\n\n/**\n * A component that displays a confirmation alert when adding multiple items to the download list though a container or\n * query.\n * @param props\n * @constructor\n */\nfunction AddToDownloadListConfirmationAlert(\n  props: AddToDownloadListConfirmationAlertProps,\n) {\n  const { addToDownloadListRequest, onClose } = props\n  const { downloadCartPageUrl } = useSynapseContext()\n\n  const {\n    data,\n    isLoading,\n    error: statsError,\n  } = useGetAddToDownloadListStats({\n    concreteType:\n      'org.sagebionetworks.repo.model.download.AddToDownloadListStatsRequest',\n    request: addToDownloadListRequest,\n  })\n\n  const { mutate: addToDownloadList, isPending: isAddingToDownloadCart } =\n    useAddToDownloadList({\n      onSuccess: () => {\n        displayFilesWereAddedToDownloadListSuccess(downloadCartPageUrl)\n        onClose()\n      },\n      onError: error => {\n        displayToast(error.reason, 'danger')\n        onClose()\n      },\n    })\n\n  const fileCount = data?.fileCount\n  const fileSizeTotal = data?.fileSize\n\n  if (statsError) {\n    return <ErrorBanner error={statsError} />\n  }\n\n  return (\n    <DownloadConfirmationUI\n      onAddToDownloadCart={() => addToDownloadList(addToDownloadListRequest)}\n      fileCount={fileCount}\n      fileSize={fileSizeTotal}\n      isAddingToDownloadCart={isAddingToDownloadCart}\n      isLoadingStats={isLoading}\n      onCancel={onClose}\n    />\n  )\n}\n\nexport default AddToDownloadListConfirmationAlert\n"],"names":["AddToDownloadListConfirmationAlert","props","addToDownloadListRequest","onClose","downloadCartPageUrl","useSynapseContext","data","isLoading","statsError","useGetAddToDownloadListStats","addToDownloadList","isAddingToDownloadCart","useAddToDownloadList","displayFilesWereAddedToDownloadListSuccess","error","displayToast","fileCount","fileSizeTotal","jsx","ErrorBanner","DownloadConfirmationUI"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,SAASA,GACPC,GACA;AACA,QAAM,EAAE,0BAAAC,GAA0B,SAAAC,EAAA,IAAYF,GACxC,EAAE,qBAAAG,EAAA,IAAwBC,EAAA,GAE1B;AAAA,IACJ,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAOC;AAAA,EAAA,IACLC,EAA6B;AAAA,IAC/B,cACE;AAAA,IACF,SAASP;AAAA,EAAA,CACV,GAEK,EAAE,QAAQQ,GAAmB,WAAWC,EAAA,IAC5CC,EAAqB;AAAA,IACnB,WAAW,MAAM;AACf,MAAAC,EAA2CT,CAAmB,GAC9DD,EAAA;AAAA,IACF;AAAA,IACA,SAAS,CAAAW,MAAS;AAChB,MAAAC,EAAaD,EAAM,QAAQ,QAAQ,GACnCX,EAAA;AAAA,IACF;AAAA,EAAA,CACD,GAEGa,IAAYV,GAAM,WAClBW,IAAgBX,GAAM;AAE5B,SAAIE,IACK,gBAAAU,EAACC,GAAA,EAAY,OAAOX,EAAA,CAAY,IAIvC,gBAAAU;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,qBAAqB,MAAMV,EAAkBR,CAAwB;AAAA,MACrE,WAAAc;AAAA,MACA,UAAUC;AAAA,MACV,wBAAAN;AAAA,MACA,gBAAgBJ;AAAA,MAChB,UAAUJ;AAAA,IAAA;AAAA,EAAA;AAGhB;"}

package/dist/components/download_list/DownloadConfirmationUI.d.ts

@@ -8,7 +8,7 @@ export type DownloadConfirmationUIProps = {
 };
 /**
  * This component is used to display the download confirmation dialog that presents to a user the number of files and the
- * total size of the files they are about to add to their download cart.
+ * total size of the files they are about to add to their download list.
  */
 export declare function DownloadConfirmationUI(props: DownloadConfirmationUIProps): import("react/jsx-runtime").JSX.Element;
 export default DownloadConfirmationUI;

package/dist/components/download_list/DownloadConfirmationUI.js

@@ -13,7 +13,7 @@ import "../../utils/PermissionLevelToAccessType.js";
 import { useMemo as y } from "react";
 import { useSynapseContext as h } from "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { Alert as w, Box as T, Button as u, Typography as d } from "@mui/material";
+import { Alert as w, Box as T, Button as u, Typography as m } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -34,21 +34,21 @@ import g from "./DownloadDetails.js";
 const r = {
   2: {
     severity: "info",
-    infoText: "Would you like to add these files to the download cart?",
+    infoText: "Would you like to add these files to the download list?",
     closeText: "Cancel"
   },
   3: {
     severity: "info",
     infoText: /* @__PURE__ */ n(o, { children: [
-      "Note: Files that you add will be mixed in with the files already in your download cart.",
+      "Note: Files that you add will be mixed in with the files already in your download list.",
       /* @__PURE__ */ t("br", {}),
-      "If you don't want to mix these files, clear your download cart before continuing."
+      "If you don't want to mix these files, clear your download list before continuing."
     ] }),
     closeText: "Cancel"
   },
   1: {
     severity: "info",
-    infoText: "Adding files to download cart",
+    infoText: "Adding files to download list",
     closeText: "Cancel"
   },
   0: {
@@ -62,50 +62,50 @@ const r = {
     infoText: /* @__PURE__ */ n(o, { children: [
       "Please ",
       /* @__PURE__ */ t(v, {}),
-      " to add files to your download cart."
+      " to add files to your download list."
     ] })
   }
 };
-function S(a) {
-  const { status: i, fileCount: l, fileSize: s } = a;
+function S(l) {
+  const { status: i, fileCount: s, fileSize: a } = l;
   switch (i) {
     case 0:
     case 1:
       return /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ t("div", { className: "spinner white" }),
-        /* @__PURE__ */ t(d, { variant: "smallText1", children: r[i].infoText })
+        /* @__PURE__ */ t(m, { variant: "smallText1", children: r[i].infoText })
       ] });
     case 4:
-      return /* @__PURE__ */ t(d, { variant: "smallText1", children: r[i].infoText });
+      return /* @__PURE__ */ t(m, { variant: "smallText1", children: r[i].infoText });
     case 2:
     case 3:
       return /* @__PURE__ */ n(o, { children: [
         /* @__PURE__ */ t(
           g,
           {
-            numFiles: l,
-            numBytes: s
+            numFiles: s,
+            numBytes: a
           }
         ),
-        /* @__PURE__ */ t(d, { variant: "smallText1", sx: { flexGrow: 1 }, children: r[i].infoText })
+        /* @__PURE__ */ t(m, { variant: "smallText1", sx: { flexGrow: 1 }, children: r[i].infoText })
       ] });
     default:
       return /* @__PURE__ */ t(o, {});
   }
 }
-function it(a) {
+function it(l) {
   const {
     onAddToDownloadCart: i,
-    onCancel: l,
-    fileCount: s,
+    onCancel: s,
+    fileCount: a,
     fileSize: x,
-    isLoadingStats: m = !1,
+    isLoadingStats: c = !1,
     isAddingToDownloadCart: f = !1
-  } = a, { isAuthenticated: p } = h(), { data: c } = C(), e = y(() => p ? m ? 0 : f ? 1 : c && c.totalNumberOfFiles > 0 ? 3 : 2 : 4, [
+  } = l, { isAuthenticated: p } = h(), { data: d } = C(), e = y(() => p ? c ? 0 : f ? 1 : d && d.totalNumberOfFiles > 0 ? 3 : 2 : 4, [
     p,
-    m,
+    c,
     f,
-    c
+    d
   ]);
   return /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(
     w,
@@ -121,7 +121,7 @@ function it(a) {
       severity: r[e].severity,
       className: "download-confirmation",
       action: /* @__PURE__ */ n(o, { children: [
-        e !== 1 && /* @__PURE__ */ t(u, { variant: "text", color: "primary", onClick: l, children: r[e].closeText }),
+        e !== 1 && /* @__PURE__ */ t(u, { variant: "text", color: "primary", onClick: s, children: r[e].closeText }),
         (e === 2 || e === 3) && /* @__PURE__ */ t(
           u,
           {
@@ -147,7 +147,7 @@ function it(a) {
             S,
             {
               status: e,
-              fileCount: s,
+              fileCount: a,
               fileSize: x
             }
           )

package/dist/components/download_list/DownloadConfirmationUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadConfirmationUI.js","sources":["../../../src/components/download_list/DownloadConfirmationUI.tsx"],"sourcesContent":["import { useGetDownloadListStatistics } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { Alert, AlertProps, Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport SignInButton from '../SignInButton'\nimport DownloadDetails from './DownloadDetails'\n\nenum StatusEnum {\n  LOADING_INFO,\n  PROCESSING,\n  INFO,\n  INFO_ITEMS_IN_LIST,\n  SIGNED_OUT,\n}\n\nexport type DownloadConfirmationUIProps = {\n  onAddToDownloadCart: () => void\n  fileCount?: number\n  fileSize?: number\n  onCancel: () => void\n  isLoadingStats?: boolean\n  isAddingToDownloadCart?: boolean\n}\n\ntype UiStateDictionary = {\n  [key: string]: {\n    severity: AlertProps['severity']\n    infoText: string | ReactNode\n    closeText: string\n  }\n}\n\n// css classes, text, and close button text associated with different stages\nconst StatusConstruct: UiStateDictionary = {\n  [StatusEnum.INFO]: {\n    severity: 'info',\n    infoText: 'Would you like to add these files to the download cart?',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.INFO_ITEMS_IN_LIST]: {\n    severity: 'info',\n    infoText: (\n      <>\n        Note: Files that you add will be mixed in with the files already in your\n        download cart.\n        <br />\n        If you don&apos;t want to mix these files, clear your download cart\n        before continuing.\n      </>\n    ),\n    closeText: 'Cancel',\n  },\n  [StatusEnum.PROCESSING]: {\n    severity: 'info',\n    infoText: 'Adding files to download cart',\n    closeText: 'Cancel',\n  },\n\n  [StatusEnum.LOADING_INFO]: {\n    severity: 'info',\n    infoText: 'Calculating file size',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.SIGNED_OUT]: {\n    severity: 'error',\n    closeText: 'Close',\n    infoText: (\n      <>\n        Please <SignInButton /> to add files to your download cart.\n      </>\n    ),\n  },\n}\n\ntype DownloadConfirmationContentProps = {\n  status: StatusEnum\n  fileCount?: number\n  fileSize?: number\n}\n\nfunction DownloadConfirmationContent(props: DownloadConfirmationContentProps) {\n  const { status, fileCount, fileSize } = props\n  switch (status) {\n    case StatusEnum.LOADING_INFO:\n    case StatusEnum.PROCESSING:\n      return (\n        <>\n          <div className={'spinner white'} />\n          <Typography variant={'smallText1'}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    case StatusEnum.SIGNED_OUT:\n      return (\n        <Typography variant={'smallText1'}>\n          {StatusConstruct[status].infoText}\n        </Typography>\n      )\n    case StatusEnum.INFO:\n    case StatusEnum.INFO_ITEMS_IN_LIST:\n      return (\n        <>\n          <DownloadDetails\n            numFiles={fileCount}\n            numBytes={fileSize}\n          ></DownloadDetails>\n          <Typography variant={'smallText1'} sx={{ flexGrow: 1 }}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    default:\n      return <></>\n  }\n}\n\n/**\n * This component is used to display the download confirmation dialog that presents to a user the number of files and the\n * total size of the files they are about to add to their download cart.\n */\nexport function DownloadConfirmationUI(props: DownloadConfirmationUIProps) {\n  const {\n    onAddToDownloadCart,\n    onCancel,\n    fileCount,\n    fileSize,\n    isLoadingStats = false,\n    isAddingToDownloadCart = false,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: downloadListStatistics } = useGetDownloadListStatistics()\n\n  const status = useMemo(() => {\n    if (!isAuthenticated) return StatusEnum.SIGNED_OUT\n    if (isLoadingStats) return StatusEnum.LOADING_INFO\n    if (isAddingToDownloadCart) return StatusEnum.PROCESSING\n    if (downloadListStatistics && downloadListStatistics.totalNumberOfFiles > 0)\n      return StatusEnum.INFO_ITEMS_IN_LIST\n    return StatusEnum.INFO\n  }, [\n    isAuthenticated,\n    isLoadingStats,\n    isAddingToDownloadCart,\n    downloadListStatistics,\n  ])\n\n  return (\n    <>\n      <Alert\n        sx={{\n          pr: 4,\n          py: 1,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n        }}\n        icon={StatusConstruct[status].severity === 'error' ? undefined : false}\n        severity={StatusConstruct[status].severity}\n        className={`download-confirmation`}\n        action={\n          <>\n            {status !== StatusEnum.PROCESSING && (\n              <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n                {StatusConstruct[status].closeText}\n              </Button>\n            )}\n\n            {(status === StatusEnum.INFO ||\n              status === StatusEnum.INFO_ITEMS_IN_LIST) && (\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => {\n                  onAddToDownloadCart()\n                }}\n                sx={{ ml: '5px' }}\n              >\n                Add\n              </Button>\n            )}\n          </>\n        }\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n          }}\n        >\n          <DownloadConfirmationContent\n            status={status}\n            fileCount={fileCount}\n            fileSize={fileSize}\n          />\n        </Box>\n      </Alert>\n    </>\n  )\n}\n\nexport default DownloadConfirmationUI\n"],"names":["StatusConstruct","jsxs","Fragment","SignInButton","DownloadConfirmationContent","props","status","fileCount","fileSize","jsx","Typography","DownloadDetails","DownloadConfirmationUI","onAddToDownloadCart","onCancel","isLoadingStats","isAddingToDownloadCart","isAuthenticated","useSynapseContext","downloadListStatistics","useGetDownloadListStatistics","useMemo","Alert","Button","Box"],"mappings":"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"}
+{"version":3,"file":"DownloadConfirmationUI.js","sources":["../../../src/components/download_list/DownloadConfirmationUI.tsx"],"sourcesContent":["import { useGetDownloadListStatistics } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport { Alert, AlertProps, Box, Button, Typography } from '@mui/material'\nimport { ReactNode, useMemo } from 'react'\nimport SignInButton from '../SignInButton'\nimport DownloadDetails from './DownloadDetails'\n\nenum StatusEnum {\n  LOADING_INFO,\n  PROCESSING,\n  INFO,\n  INFO_ITEMS_IN_LIST,\n  SIGNED_OUT,\n}\n\nexport type DownloadConfirmationUIProps = {\n  onAddToDownloadCart: () => void\n  fileCount?: number\n  fileSize?: number\n  onCancel: () => void\n  isLoadingStats?: boolean\n  isAddingToDownloadCart?: boolean\n}\n\ntype UiStateDictionary = {\n  [key: string]: {\n    severity: AlertProps['severity']\n    infoText: string | ReactNode\n    closeText: string\n  }\n}\n\n// css classes, text, and close button text associated with different stages\nconst StatusConstruct: UiStateDictionary = {\n  [StatusEnum.INFO]: {\n    severity: 'info',\n    infoText: 'Would you like to add these files to the download list?',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.INFO_ITEMS_IN_LIST]: {\n    severity: 'info',\n    infoText: (\n      <>\n        Note: Files that you add will be mixed in with the files already in your\n        download list.\n        <br />\n        If you don&apos;t want to mix these files, clear your download list\n        before continuing.\n      </>\n    ),\n    closeText: 'Cancel',\n  },\n  [StatusEnum.PROCESSING]: {\n    severity: 'info',\n    infoText: 'Adding files to download list',\n    closeText: 'Cancel',\n  },\n\n  [StatusEnum.LOADING_INFO]: {\n    severity: 'info',\n    infoText: 'Calculating file size',\n    closeText: 'Cancel',\n  },\n  [StatusEnum.SIGNED_OUT]: {\n    severity: 'error',\n    closeText: 'Close',\n    infoText: (\n      <>\n        Please <SignInButton /> to add files to your download list.\n      </>\n    ),\n  },\n}\n\ntype DownloadConfirmationContentProps = {\n  status: StatusEnum\n  fileCount?: number\n  fileSize?: number\n}\n\nfunction DownloadConfirmationContent(props: DownloadConfirmationContentProps) {\n  const { status, fileCount, fileSize } = props\n  switch (status) {\n    case StatusEnum.LOADING_INFO:\n    case StatusEnum.PROCESSING:\n      return (\n        <>\n          <div className={'spinner white'} />\n          <Typography variant={'smallText1'}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    case StatusEnum.SIGNED_OUT:\n      return (\n        <Typography variant={'smallText1'}>\n          {StatusConstruct[status].infoText}\n        </Typography>\n      )\n    case StatusEnum.INFO:\n    case StatusEnum.INFO_ITEMS_IN_LIST:\n      return (\n        <>\n          <DownloadDetails\n            numFiles={fileCount}\n            numBytes={fileSize}\n          ></DownloadDetails>\n          <Typography variant={'smallText1'} sx={{ flexGrow: 1 }}>\n            {StatusConstruct[status].infoText}\n          </Typography>\n        </>\n      )\n\n    default:\n      return <></>\n  }\n}\n\n/**\n * This component is used to display the download confirmation dialog that presents to a user the number of files and the\n * total size of the files they are about to add to their download list.\n */\nexport function DownloadConfirmationUI(props: DownloadConfirmationUIProps) {\n  const {\n    onAddToDownloadCart,\n    onCancel,\n    fileCount,\n    fileSize,\n    isLoadingStats = false,\n    isAddingToDownloadCart = false,\n  } = props\n  const { isAuthenticated } = useSynapseContext()\n\n  const { data: downloadListStatistics } = useGetDownloadListStatistics()\n\n  const status = useMemo(() => {\n    if (!isAuthenticated) return StatusEnum.SIGNED_OUT\n    if (isLoadingStats) return StatusEnum.LOADING_INFO\n    if (isAddingToDownloadCart) return StatusEnum.PROCESSING\n    if (downloadListStatistics && downloadListStatistics.totalNumberOfFiles > 0)\n      return StatusEnum.INFO_ITEMS_IN_LIST\n    return StatusEnum.INFO\n  }, [\n    isAuthenticated,\n    isLoadingStats,\n    isAddingToDownloadCart,\n    downloadListStatistics,\n  ])\n\n  return (\n    <>\n      <Alert\n        sx={{\n          pr: 4,\n          py: 1,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n        }}\n        icon={StatusConstruct[status].severity === 'error' ? undefined : false}\n        severity={StatusConstruct[status].severity}\n        className={`download-confirmation`}\n        action={\n          <>\n            {status !== StatusEnum.PROCESSING && (\n              <Button variant=\"text\" color=\"primary\" onClick={onCancel}>\n                {StatusConstruct[status].closeText}\n              </Button>\n            )}\n\n            {(status === StatusEnum.INFO ||\n              status === StatusEnum.INFO_ITEMS_IN_LIST) && (\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={() => {\n                  onAddToDownloadCart()\n                }}\n                sx={{ ml: '5px' }}\n              >\n                Add\n              </Button>\n            )}\n          </>\n        }\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n          }}\n        >\n          <DownloadConfirmationContent\n            status={status}\n            fileCount={fileCount}\n            fileSize={fileSize}\n          />\n        </Box>\n      </Alert>\n    </>\n  )\n}\n\nexport default DownloadConfirmationUI\n"],"names":["StatusConstruct","jsxs","Fragment","SignInButton","DownloadConfirmationContent","props","status","fileCount","fileSize","jsx","Typography","DownloadDetails","DownloadConfirmationUI","onAddToDownloadCart","onCancel","isLoadingStats","isAddingToDownloadCart","isAuthenticated","useSynapseContext","downloadListStatistics","useGetDownloadListStatistics","useMemo","Alert","Button","Box"],"mappings":"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"}

package/dist/components/download_list/DownloadConfirmationUtils.js

@@ -1,11 +1,11 @@
-import { displayToast as e } from "../ToastMessage/ToastMessage.js";
+import { displayToast as s } from "../ToastMessage/ToastMessage.js";
 function i(o) {
-  e(
-    "File(s) were successfully added to your Download Cart.",
+  s(
+    "File(s) were successfully added to your Download List.",
     "success",
     {
       primaryButtonConfig: {
-        text: "View Download Cart",
+        text: "View Download List",
         onClick: () => {
           window.location.href = o;
         }

package/dist/components/download_list/DownloadConfirmationUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadConfirmationUtils.js","sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"sourcesContent":["import { displayToast } from '../ToastMessage'\n\nexport function displayFilesWereAddedToDownloadListSuccess(\n  downloadCartPageUrl: string,\n) {\n  displayToast(\n    'File(s) were successfully added to your Download Cart.',\n    'success',\n    {\n      primaryButtonConfig: {\n        text: 'View Download Cart',\n        onClick: () => {\n          window.location.href = downloadCartPageUrl\n        },\n      },\n    },\n  )\n}\n"],"names":["displayFilesWereAddedToDownloadListSuccess","downloadCartPageUrl","displayToast"],"mappings":";AAEO,SAASA,EACdC,GACA;AACA,EAAAC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,MACE,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,SAAS,MAAM;AACb,iBAAO,SAAS,OAAOD;AAAA,QACzB;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"DownloadConfirmationUtils.js","sources":["../../../src/components/download_list/DownloadConfirmationUtils.ts"],"sourcesContent":["import { displayToast } from '../ToastMessage'\n\nexport function displayFilesWereAddedToDownloadListSuccess(\n  downloadCartPageUrl: string,\n) {\n  displayToast(\n    'File(s) were successfully added to your Download List.',\n    'success',\n    {\n      primaryButtonConfig: {\n        text: 'View Download List',\n        onClick: () => {\n          window.location.href = downloadCartPageUrl\n        },\n      },\n    },\n  )\n}\n"],"names":["displayFilesWereAddedToDownloadListSuccess","downloadCartPageUrl","displayToast"],"mappings":";AAEO,SAASA,EACdC,GACA;AACA,EAAAC;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,MACE,qBAAqB;AAAA,QACnB,MAAM;AAAA,QACN,SAAS,MAAM;AACb,iBAAO,SAAS,OAAOD;AAAA,QACzB;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}