synapse-react-client 4.0.2 → 4.0.4

package/dist/components/DirectDownload/DirectDownload.js

@@ -1,12 +1,12 @@
 import { jsx as o, jsxs as F, Fragment as k } from "react/jsx-runtime";
-import { useGetFileBatch as x } from "../../synapse-queries/file/useFiles.js";
+import { useGetFileBatch as b } from "../../synapse-queries/file/useFiles.js";
 import { implementsExternalFileHandleInterface as L } from "../../utils/types/IsType.js";
-import { Tooltip as N } from "@mui/material";
-import { forwardRef as b } from "react";
-import w from "../IconSvg/IconSvg.js";
-import { TOOLTIP_DELAY_SHOW as v } from "../SynapseTable/SynapseTableConstants.js";
-import { useDirectDownloadHandler as P } from "../../utils/hooks/useDirectDownloadHandler.js";
-const h = b(function(l, n) {
+import { Tooltip as h } from "@mui/material";
+import { forwardRef as x } from "react";
+import g from "../IconSvg/IconSvg.js";
+import { TOOLTIP_DELAY_SHOW as P } from "../SynapseTable/SynapseTableConstants.js";
+import { useDirectDownloadHandler as N } from "../../utils/hooks/useDirectDownloadHandler.js";
+const O = x(function(l, n) {
   const {
     isExternalFile: i,
     onClick: r,
@@ -30,10 +30,10 @@ const h = b(function(l, n) {
         "a",
         {
           className: "ignoreLink",
-          rel: "noreferrer",
+          rel: "noopener noreferrer",
           href: d,
           target: "_blank",
-          children: /* @__PURE__ */ o(w, { icon: "openInNewWindow", ...c })
+          children: /* @__PURE__ */ o(g, { icon: "download", ...c })
         }
       )
     }
@@ -46,13 +46,13 @@ const h = b(function(l, n) {
         t(), s && a.stopPropagation();
       },
       children: [
-        /* @__PURE__ */ o(w, { icon: "download", ...c }),
+        /* @__PURE__ */ o(g, { icon: "download", ...c }),
         m && e ? e : ""
       ]
     }
   ) : /* @__PURE__ */ o(k, {});
 });
-function U(u) {
+function U(p) {
   const {
     associatedObjectId: l,
     associatedObjectType: n,
@@ -61,27 +61,27 @@ function U(u) {
     onClickCallback: t,
     stopPropagation: s = !1,
     iconSvgPropOverrides: d
-  } = u, f = {
+  } = p, f = {
     fileHandleId: i,
     associateObjectId: l,
     associateObjectType: n
-  }, { data: m } = x({
+  }, { data: m } = b({
     requestedFiles: [f],
     includeFileHandles: !0,
     // don't get the presigned URL with this query, it may expire before the user clicks the download button
     includePreSignedURLs: !1,
     includePreviewPreSignedURLs: !1
-  }), e = m?.requestedFiles[0]?.fileHandle, c = !!e, a = e?.fileName, p = e ? L(e) : void 0, g = e ? e.externalURL : void 0, { downloadFile: D } = P();
+  }), e = m?.requestedFiles[0]?.fileHandle, c = !!e, a = e?.fileName, u = e ? L(e) : void 0, w = e ? e.externalURL : void 0, { downloadFile: D } = N();
   return /* @__PURE__ */ o(
-    N,
+    h,
     {
-      title: p ? "Navigate to external link" : "Download this file individually",
-      enterNextDelay: v,
+      title: "Click to begin download of this file",
+      enterNextDelay: P,
       placement: "left",
-      children: /* @__PURE__ */ o(
-        h,
+      children: /* @__PURE__ */ o("span", { children: /* @__PURE__ */ o(
+        O,
         {
-          isExternalFile: p,
+          isExternalFile: u,
           hasFileAccess: c,
           onClick: t,
           getDownloadLink: async () => {
@@ -89,15 +89,15 @@ function U(u) {
               fileHandleId: i,
               associatedObjectId: l,
               associatedObjectType: n
-            }), t && t(p);
+            }), t && t(u);
           },
           stopPropagation: s,
-          externalURL: g,
+          externalURL: w,
           displayFileName: r,
           fileName: a,
           iconSvgPropOverrides: d
         }
-      )
+      ) })
     }
   );
 }

package/dist/components/DirectDownload/DirectDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectDownload.js","sources":["../../../src/components/DirectDownload/DirectDownload.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { implementsExternalFileHandleInterface } from '@/utils/types/IsType'\nimport { Tooltip } from '@mui/material'\nimport {\n  ExternalFileHandle,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { forwardRef } from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\n\nexport type DirectFileDownloadProps = {\n  associatedObjectId: string\n  associatedObjectType: FileHandleAssociateType\n  fileHandleId: string\n  displayFileName?: boolean\n  onClickCallback?: (isExternalLink: boolean) => void // callback if you want to know when the link was clicked\n  stopPropagation?: boolean\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\ntype DirectDownloadIconProps = {\n  isExternalFile?: boolean\n  hasFileAccess: boolean\n  onClick?: (isExternalFile: boolean) => void\n  getDownloadLink: () => Promise<void>\n  stopPropagation: boolean\n  externalURL?: string\n  displayFileName: boolean\n  fileName?: string\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\nconst DirectDownloadIcon = forwardRef<\n  HTMLButtonElement,\n  DirectDownloadIconProps\n>(function DirectDownloadIcon(props: DirectDownloadIconProps, ref) {\n  const {\n    isExternalFile,\n    onClick,\n    getDownloadLink,\n    stopPropagation,\n    externalURL,\n    hasFileAccess,\n    displayFileName,\n    fileName,\n    iconSvgPropOverrides = {},\n  } = props\n  if (isExternalFile) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          if (onClick) {\n            onClick(isExternalFile)\n            if (stopPropagation) event.stopPropagation()\n          }\n        }}\n      >\n        <a\n          className=\"ignoreLink\"\n          rel=\"noreferrer\"\n          href={externalURL}\n          target=\"_blank\"\n        >\n          <IconSvg icon=\"openInNewWindow\" {...iconSvgPropOverrides} />\n        </a>\n      </button>\n    )\n  }\n  if (hasFileAccess) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          getDownloadLink()\n          if (stopPropagation) event.stopPropagation()\n        }}\n      >\n        <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        {displayFileName && fileName ? fileName : ''}\n      </button>\n    )\n  }\n  return <></>\n})\n\nfunction DirectDownload(props: DirectFileDownloadProps) {\n  const {\n    associatedObjectId,\n    associatedObjectType,\n    fileHandleId,\n    displayFileName = false,\n    onClickCallback,\n    stopPropagation = false,\n    iconSvgPropOverrides,\n  } = props\n\n  const fileHandleAssociation = {\n    fileHandleId: fileHandleId,\n    associateObjectId: associatedObjectId,\n    associateObjectType: associatedObjectType,\n  }\n\n  // Get file handle data to ensure we have access / display information\n  const { data } = useGetFileBatch({\n    requestedFiles: [fileHandleAssociation],\n    includeFileHandles: true,\n    // don't get the presigned URL with this query, it may expire before the user clicks the download button\n    includePreSignedURLs: false,\n    includePreviewPreSignedURLs: false,\n  })\n\n  const fileHandle = data?.requestedFiles[0]?.fileHandle\n  const hasFileAccess = Boolean(fileHandle)\n  const fileName = fileHandle?.fileName\n  const isExternalFile = fileHandle\n    ? implementsExternalFileHandleInterface(fileHandle)\n    : undefined\n  const externalURL: string | undefined = fileHandle\n    ? (fileHandle as ExternalFileHandle).externalURL\n    : undefined\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const getDownloadLink = async () => {\n    await downloadFile({\n      fileHandleId,\n      associatedObjectId,\n      associatedObjectType,\n    })\n\n    if (onClickCallback) {\n      onClickCallback(isExternalFile!)\n    }\n  }\n\n  return (\n    <Tooltip\n      title={\n        isExternalFile\n          ? 'Navigate to external link'\n          : 'Download this file individually'\n      }\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n      placement=\"left\"\n    >\n      <DirectDownloadIcon\n        isExternalFile={isExternalFile}\n        hasFileAccess={hasFileAccess}\n        onClick={onClickCallback}\n        getDownloadLink={getDownloadLink}\n        stopPropagation={stopPropagation}\n        externalURL={externalURL}\n        displayFileName={displayFileName}\n        fileName={fileName}\n        iconSvgPropOverrides={iconSvgPropOverrides}\n      />\n    </Tooltip>\n  )\n}\n\nexport default DirectDownload\n"],"names":["DirectDownloadIcon","forwardRef","props","ref","isExternalFile","onClick","getDownloadLink","stopPropagation","externalURL","hasFileAccess","displayFileName","fileName","iconSvgPropOverrides","jsx","event","IconSvg","jsxs","Fragment","DirectDownload","associatedObjectId","associatedObjectType","fileHandleId","onClickCallback","fileHandleAssociation","data","useGetFileBatch","fileHandle","implementsExternalFileHandleInterface","downloadFile","useDirectDownloadHandler","Tooltip","TOOLTIP_DELAY_SHOW"],"mappings":";;;;;;;;AAkCA,MAAMA,IAAqBC,EAGzB,SAA4BC,GAAgCC,GAAK;AACjE,QAAM;AAAA,IACJ,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAC,IAAuB,CAAA;AAAA,EAAC,IACtBV;AACJ,SAAIE,IAEA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,WAAW;AAAA,MACX,SAAS,CAAAW,MAAS;AAChB,QAAIT,MACFA,EAAQD,CAAc,GAClBG,OAAuB,gBAAA;AAAA,MAE/B;AAAA,MAEA,UAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,MAAML;AAAA,UACN,QAAO;AAAA,UAEP,UAAA,gBAAAK,EAACE,GAAA,EAAQ,MAAK,mBAAmB,GAAGH,EAAA,CAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA,IAIFH,IAEA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAW;AAAA,MACX,SAAS,CAAAW,MAAS;AAChB,QAAAR,EAAA,GACIC,OAAuB,gBAAA;AAAA,MAC7B;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAM,EAACE,GAAA,EAAQ,MAAK,YAAY,GAAGH,EAAA,CAAsB;AAAA,QAClDF,KAAmBC,IAAWA,IAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAIzC,gBAAAE,EAAAI,GAAA,EAAE;AACX,CAAC;AAED,SAASC,EAAehB,GAAgC;AACtD,QAAM;AAAA,IACJ,oBAAAiB;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAX,IAAkB;AAAA,IAClB,iBAAAY;AAAA,IACA,iBAAAf,IAAkB;AAAA,IAClB,sBAAAK;AAAA,EAAA,IACEV,GAEEqB,IAAwB;AAAA,IAC5B,cAAAF;AAAA,IACA,mBAAmBF;AAAA,IACnB,qBAAqBC;AAAA,EAAA,GAIjB,EAAE,MAAAI,EAAA,IAASC,EAAgB;AAAA,IAC/B,gBAAgB,CAACF,CAAqB;AAAA,IACtC,oBAAoB;AAAA;AAAA,IAEpB,sBAAsB;AAAA,IACtB,6BAA6B;AAAA,EAAA,CAC9B,GAEKG,IAAaF,GAAM,eAAe,CAAC,GAAG,YACtCf,IAAgB,EAAQiB,GACxBf,IAAWe,GAAY,UACvBtB,IAAiBsB,IACnBC,EAAsCD,CAAU,IAChD,QACElB,IAAkCkB,IACnCA,EAAkC,cACnC,QAEE,EAAE,cAAAE,EAAA,IAAiBC,EAAA;AAczB,SACE,gBAAAhB;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,OACE1B,IACI,8BACA;AAAA,MAEN,gBAAgB2B;AAAA,MAChB,WAAU;AAAA,MAEV,UAAA,gBAAAlB;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,gBAAAI;AAAA,UACA,eAAAK;AAAA,UACA,SAASa;AAAA,UACT,iBA1BkB,YAAY;AAClC,kBAAMM,EAAa;AAAA,cACjB,cAAAP;AAAA,cACA,oBAAAF;AAAA,cACA,sBAAAC;AAAA,YAAA,CACD,GAEGE,KACFA,EAAgBlB,CAAe;AAAA,UAEnC;AAAA,UAiBM,iBAAAG;AAAA,UACA,aAAAC;AAAA,UACA,iBAAAE;AAAA,UACA,UAAAC;AAAA,UACA,sBAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DirectDownload.js","sources":["../../../src/components/DirectDownload/DirectDownload.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { implementsExternalFileHandleInterface } from '@/utils/types/IsType'\nimport { Tooltip } from '@mui/material'\nimport {\n  ExternalFileHandle,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { forwardRef } from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\n\nexport type DirectFileDownloadProps = {\n  associatedObjectId: string\n  associatedObjectType: FileHandleAssociateType\n  fileHandleId: string\n  displayFileName?: boolean\n  onClickCallback?: (isExternalLink: boolean) => void // callback if you want to know when the link was clicked\n  stopPropagation?: boolean\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\ntype DirectDownloadIconProps = {\n  isExternalFile?: boolean\n  hasFileAccess: boolean\n  onClick?: (isExternalFile: boolean) => void\n  getDownloadLink: () => Promise<void>\n  stopPropagation: boolean\n  externalURL?: string\n  displayFileName: boolean\n  fileName?: string\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\nconst DirectDownloadIcon = forwardRef<\n  HTMLButtonElement,\n  DirectDownloadIconProps\n>(function DirectDownloadIcon(props: DirectDownloadIconProps, ref) {\n  const {\n    isExternalFile,\n    onClick,\n    getDownloadLink,\n    stopPropagation,\n    externalURL,\n    hasFileAccess,\n    displayFileName,\n    fileName,\n    iconSvgPropOverrides = {},\n  } = props\n  if (isExternalFile) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          if (onClick) {\n            onClick(isExternalFile)\n            if (stopPropagation) event.stopPropagation()\n          }\n        }}\n      >\n        <a\n          className=\"ignoreLink\"\n          rel=\"noopener noreferrer\"\n          href={externalURL}\n          target=\"_blank\"\n        >\n          <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        </a>\n      </button>\n    )\n  }\n  if (hasFileAccess) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          getDownloadLink()\n          if (stopPropagation) event.stopPropagation()\n        }}\n      >\n        <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        {displayFileName && fileName ? fileName : ''}\n      </button>\n    )\n  }\n  return <></>\n})\n\nfunction DirectDownload(props: DirectFileDownloadProps) {\n  const {\n    associatedObjectId,\n    associatedObjectType,\n    fileHandleId,\n    displayFileName = false,\n    onClickCallback,\n    stopPropagation = false,\n    iconSvgPropOverrides,\n  } = props\n\n  const fileHandleAssociation = {\n    fileHandleId: fileHandleId,\n    associateObjectId: associatedObjectId,\n    associateObjectType: associatedObjectType,\n  }\n\n  // Get file handle data to ensure we have access / display information\n  const { data } = useGetFileBatch({\n    requestedFiles: [fileHandleAssociation],\n    includeFileHandles: true,\n    // don't get the presigned URL with this query, it may expire before the user clicks the download button\n    includePreSignedURLs: false,\n    includePreviewPreSignedURLs: false,\n  })\n\n  const fileHandle = data?.requestedFiles[0]?.fileHandle\n  const hasFileAccess = Boolean(fileHandle)\n  const fileName = fileHandle?.fileName\n  const isExternalFile = fileHandle\n    ? implementsExternalFileHandleInterface(fileHandle)\n    : undefined\n  const externalURL: string | undefined = fileHandle\n    ? (fileHandle as ExternalFileHandle).externalURL\n    : undefined\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const getDownloadLink = async () => {\n    await downloadFile({\n      fileHandleId,\n      associatedObjectId,\n      associatedObjectType,\n    })\n\n    if (onClickCallback) {\n      onClickCallback(isExternalFile!)\n    }\n  }\n\n  return (\n    <Tooltip\n      title=\"Click to begin download of this file\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n      placement=\"left\"\n    >\n      <span>\n        <DirectDownloadIcon\n          isExternalFile={isExternalFile}\n          hasFileAccess={hasFileAccess}\n          onClick={onClickCallback}\n          getDownloadLink={getDownloadLink}\n          stopPropagation={stopPropagation}\n          externalURL={externalURL}\n          displayFileName={displayFileName}\n          fileName={fileName}\n          iconSvgPropOverrides={iconSvgPropOverrides}\n        />\n      </span>\n    </Tooltip>\n  )\n}\n\nexport default DirectDownload\n"],"names":["DirectDownloadIcon","forwardRef","props","ref","isExternalFile","onClick","getDownloadLink","stopPropagation","externalURL","hasFileAccess","displayFileName","fileName","iconSvgPropOverrides","jsx","event","IconSvg","jsxs","Fragment","DirectDownload","associatedObjectId","associatedObjectType","fileHandleId","onClickCallback","fileHandleAssociation","data","useGetFileBatch","fileHandle","implementsExternalFileHandleInterface","downloadFile","useDirectDownloadHandler","Tooltip","TOOLTIP_DELAY_SHOW"],"mappings":";;;;;;;;AAkCA,MAAMA,IAAqBC,EAGzB,SAA4BC,GAAgCC,GAAK;AACjE,QAAM;AAAA,IACJ,gBAAAC;AAAA,IACA,SAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAC,IAAuB,CAAA;AAAA,EAAC,IACtBV;AACJ,SAAIE,IAEA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAV;AAAA,MACA,WAAW;AAAA,MACX,SAAS,CAAAW,MAAS;AAChB,QAAIT,MACFA,EAAQD,CAAc,GAClBG,OAAuB,gBAAA;AAAA,MAE/B;AAAA,MAEA,UAAA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,MAAML;AAAA,UACN,QAAO;AAAA,UAEP,UAAA,gBAAAK,EAACE,GAAA,EAAQ,MAAK,YAAY,GAAGH,EAAA,CAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA,IAIFH,IAEA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAb;AAAA,MACA,WAAW;AAAA,MACX,SAAS,CAAAW,MAAS;AAChB,QAAAR,EAAA,GACIC,OAAuB,gBAAA;AAAA,MAC7B;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAM,EAACE,GAAA,EAAQ,MAAK,YAAY,GAAGH,EAAA,CAAsB;AAAA,QAClDF,KAAmBC,IAAWA,IAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAIzC,gBAAAE,EAAAI,GAAA,EAAE;AACX,CAAC;AAED,SAASC,EAAehB,GAAgC;AACtD,QAAM;AAAA,IACJ,oBAAAiB;AAAA,IACA,sBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAX,IAAkB;AAAA,IAClB,iBAAAY;AAAA,IACA,iBAAAf,IAAkB;AAAA,IAClB,sBAAAK;AAAA,EAAA,IACEV,GAEEqB,IAAwB;AAAA,IAC5B,cAAAF;AAAA,IACA,mBAAmBF;AAAA,IACnB,qBAAqBC;AAAA,EAAA,GAIjB,EAAE,MAAAI,EAAA,IAASC,EAAgB;AAAA,IAC/B,gBAAgB,CAACF,CAAqB;AAAA,IACtC,oBAAoB;AAAA;AAAA,IAEpB,sBAAsB;AAAA,IACtB,6BAA6B;AAAA,EAAA,CAC9B,GAEKG,IAAaF,GAAM,eAAe,CAAC,GAAG,YACtCf,IAAgB,EAAQiB,GACxBf,IAAWe,GAAY,UACvBtB,IAAiBsB,IACnBC,EAAsCD,CAAU,IAChD,QACElB,IAAkCkB,IACnCA,EAAkC,cACnC,QAEE,EAAE,cAAAE,EAAA,IAAiBC,EAAA;AAczB,SACE,gBAAAhB;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,gBAAgBC;AAAA,MAChB,WAAU;AAAA,MAEV,4BAAC,QAAA,EACC,UAAA,gBAAAlB;AAAA,QAACb;AAAA,QAAA;AAAA,UACC,gBAAAI;AAAA,UACA,eAAAK;AAAA,UACA,SAASa;AAAA,UACT,iBAvBgB,YAAY;AAClC,kBAAMM,EAAa;AAAA,cACjB,cAAAP;AAAA,cACA,oBAAAF;AAAA,cACA,sBAAAC;AAAA,YAAA,CACD,GAEGE,KACFA,EAAgBlB,CAAe;AAAA,UAEnC;AAAA,UAcQ,iBAAAG;AAAA,UACA,aAAAC;AAAA,UACA,iBAAAE;AAAA,UACA,UAAAC;AAAA,UACA,sBAAAC;AAAA,QAAA;AAAA,MAAA,EACF,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/DownloadCart/ActionRequiredCard/ActionRequiredCard.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { styled as p, Skeleton as e, Paper as h, Box as a, Typography as d } from "@mui/material";
+import { Skeleton as e, styled as p, Paper as h, Box as a, Typography as d } from "@mui/material";
 import x from "../../Icon/Icon.js";
 const o = p(h, {
   label: "ActionRequiredCardContainer"

package/dist/components/DownloadCart/AvailableForDownloadTable.d.ts

@@ -1,5 +1,9 @@
+import { AvailableFilter } from '@sage-bionetworks/synapse-types';
+export type AvailableForDownloadTableProps = {
+    filter?: AvailableFilter;
+};
 /**
- * Table of the files added to the Download Cart that are currently available for download.
+ * Table of the files added to the Download List that are currently available for download.
  */
-export default function AvailableForDownloadTable(): import("react/jsx-runtime").JSX.Element;
+export default function AvailableForDownloadTable({ filter, }: AvailableForDownloadTableProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AvailableForDownloadTable.d.ts.map

package/dist/components/DownloadCart/AvailableForDownloadTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvailableForDownloadTable.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/AvailableForDownloadTable.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,4CAUhD"}
+{"version":3,"file":"AvailableForDownloadTable.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/AvailableForDownloadTable.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AAIjE,MAAM,MAAM,8BAA8B,GAAG;IAC3C,MAAM,CAAC,EAAE,eAAe,CAAA;CACzB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,MAAM,GACP,EAAE,8BAA8B,2CAUhC"}

package/dist/components/DownloadCart/AvailableForDownloadTable.js

@@ -1,4 +1,4 @@
-import { jsx as r, Fragment as t } from "react/jsx-runtime";
+import { jsx as r, Fragment as i } from "react/jsx-runtime";
 import "../../utils/PermissionLevelToAccessType.js";
 import "../../utils/SynapseConstants.js";
 import "react";
@@ -10,7 +10,7 @@ import "@sage-bionetworks/synapse-types";
 import "../../utils/functions/EntityTypeUtils.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
-import { useSynapseContext as i } from "../../utils/context/SynapseContext.js";
+import { useSynapseContext as m } from "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import "@tanstack/react-query";
 import "@tanstack/query-core";
@@ -28,13 +28,15 @@ import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
 import '../../style/components/_spinner.css';/* empty css                                   */
 import "react-router";
-import { SynapseErrorBoundary as m } from "../error/ErrorBanner.js";
-import p from "./DownloadListTable.js";
-function J() {
-  const { isAuthenticated: o } = i();
-  return o ? /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(p, {}) }) : /* @__PURE__ */ r(t, {});
+import { SynapseErrorBoundary as p } from "../error/ErrorBanner.js";
+import e from "./DownloadListTable.js";
+function K({
+  filter: o
+}) {
+  const { isAuthenticated: t } = m();
+  return t ? /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(e, { filter: o }) }) : /* @__PURE__ */ r(i, {});
 }
 export {
-  J as default
+  K as default
 };
 //# sourceMappingURL=AvailableForDownloadTable.js.map

package/dist/components/DownloadCart/AvailableForDownloadTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvailableForDownloadTable.js","sources":["../../../src/components/DownloadCart/AvailableForDownloadTable.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport DownloadListTable from './DownloadListTable'\n\n/**\n * Table of the files added to the Download Cart that are currently available for download.\n */\nexport default function AvailableForDownloadTable() {\n  const { isAuthenticated } = useSynapseContext()\n  if (!isAuthenticated) {\n    return <></>\n  }\n  return (\n    <SynapseErrorBoundary>\n      <DownloadListTable />\n    </SynapseErrorBoundary>\n  )\n}\n"],"names":["AvailableForDownloadTable","isAuthenticated","useSynapseContext","jsx","SynapseErrorBoundary","DownloadListTable","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,SAAwBA,IAA4B;AAClD,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA;AAC5B,SAAKD,IAIH,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,CAAA,CAAkB,GACrB,IALO,gBAAAF,EAAAG,GAAA,EAAE;AAOb;"}
+{"version":3,"file":"AvailableForDownloadTable.js","sources":["../../../src/components/DownloadCart/AvailableForDownloadTable.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { AvailableFilter } from '@sage-bionetworks/synapse-types'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport DownloadListTable from './DownloadListTable'\n\nexport type AvailableForDownloadTableProps = {\n  filter?: AvailableFilter\n}\n\n/**\n * Table of the files added to the Download List that are currently available for download.\n */\nexport default function AvailableForDownloadTable({\n  filter,\n}: AvailableForDownloadTableProps) {\n  const { isAuthenticated } = useSynapseContext()\n  if (!isAuthenticated) {\n    return <></>\n  }\n  return (\n    <SynapseErrorBoundary>\n      <DownloadListTable filter={filter} />\n    </SynapseErrorBoundary>\n  )\n}\n"],"names":["AvailableForDownloadTable","filter","isAuthenticated","useSynapseContext","jsx","SynapseErrorBoundary","DownloadListTable","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,SAAwBA,EAA0B;AAAA,EAChD,QAAAC;AACF,GAAmC;AACjC,QAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAA;AAC5B,SAAKD,IAIH,gBAAAE,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACE,GAAA,EAAkB,QAAAL,GAAgB,GACrC,IALO,gBAAAG,EAAAG,GAAA,EAAE;AAOb;"}

package/dist/components/DownloadCart/CreatePackageV2.css

@@ -0,0 +1 @@
+._CreatePackageV2_128yf_1{padding-bottom:25px;margin-top:10px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}._CreatePackageV2_128yf_1 ._createManifestStep_128yf_10,._CreatePackageV2_128yf_1 ._createPackageStep_128yf_17{padding:25px;display:flex;flex-direction:column;justify-content:center;align-items:center}._CreatePackageV2_128yf_1 ._checkbox_128yf_24 label{font-weight:400}._CreatePackageV2_128yf_1 ._createManifestTitle_128yf_27,._CreatePackageV2_128yf_1 ._createPackageTitle_128yf_28{font-weight:700}._CreatePackageV2_128yf_1 ._createPackageDescription_128yf_31{margin-bottom:20px}

package/dist/components/DownloadCart/CreatePackageV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePackageV2.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,MAAM,MAAM,oBAAoB,GAAG;IACjC,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAOD,eAAO,MAAM,wBAAwB,sDACgB,CAAA;AAErD,eAAO,MAAM,eAAe,GAC1B,OAAO,oBAAoB,KAC1B,KAAK,CAAC,SAsHR,CAAA"}
+{"version":3,"file":"CreatePackageV2.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,MAAM,oBAAoB,GAAG;IACjC,iBAAiB,EAAE,MAAM,IAAI,CAAA;CAC9B,CAAA;AAOD,eAAO,MAAM,wBAAwB,sDACgB,CAAA;AAErD,eAAO,MAAM,eAAe,GAC1B,OAAO,oBAAoB,KAC1B,KAAK,CAAC,SA0HR,CAAA"}

package/dist/components/DownloadCart/CreatePackageV2.js

@@ -1,49 +1,55 @@
-import { jsxs as t, Fragment as y, jsx as e } from "react/jsx-runtime";
-import { createPackageFromDownloadListV2 as w, getFileHandleByIdURL as x } from "../../synapse-client/SynapseClient.js";
-import { useSynapseContext as F } from "../../utils/context/SynapseContext.js";
-import { Box as N, TextField as C, InputAdornment as D, Button as L } from "@mui/material";
+import { jsxs as n, Fragment as F, jsx as e } from "react/jsx-runtime";
+import r from "./CreatePackageV2.module.scss.js";
+import { createPackageFromDownloadListV2 as N, getFileHandleByIdURL as D } from "../../synapse-client/SynapseClient.js";
+import { useSynapseContext as L } from "../../utils/context/SynapseContext.js";
+import { useQueryClient as I } from "@tanstack/react-query";
+import { Card as R, Box as A, TextField as B, InputAdornment as E, Button as T } from "@mui/material";
 import { useState as o } from "react";
-import I from "../FullWidthAlert/FullWidthAlert.js";
-const R = "Please provide a package file name and try again.", _ = (h) => {
-  const { accessToken: c } = F(), [l, d] = o(!1), [r, p] = o(""), [n, s] = o(), [k, g] = o(void 0), { onPackageCreation: u } = h, f = async (a) => {
-    if (a.preventDefault(), !r) {
-      s({
-        message: R,
+import H from "../FullWidthAlert/FullWidthAlert.js";
+const S = "Please provide a package file name and try again.", M = (y) => {
+  const { accessToken: c, keyFactory: k } = L(), f = I(), [d, p] = o(!1), [s, m] = o(""), [t, i] = o(), [h, g] = o(void 0), { onPackageCreation: P } = y, v = async (a) => {
+    if (a.preventDefault(), !s) {
+      i({
+        message: S,
         variant: "danger"
       });
       return;
     }
-    d(!0);
+    p(!0);
     try {
-      const i = `${r}.zip`, m = await w(
-        i,
+      const l = `${s}.zip`, u = await N(
+        l,
         c
       );
-      g(m);
-      const { resultFileHandleId: P } = m;
+      g(u);
+      const { resultFileHandleId: x } = u;
       try {
-        window.location.href = await x(
-          P,
+        window.location.href = await D(
+          x,
           c
-        ), p(""), g(void 0), u();
-      } catch (v) {
-        console.error("Err on getFileHandleByIdURL = ", v);
+        ), m(""), g(void 0), f.invalidateQueries({
+          queryKey: k.getDownloadListBaseQueryKey()
+        }), P();
+      } catch (C) {
+        console.error("Err on getFileHandleByIdURL = ", C);
       }
-    } catch (i) {
-      s({
-        message: i.reason,
+    } catch (l) {
+      i({
+        message: l.reason,
         variant: "danger"
       });
     } finally {
-      d(!1);
+      p(!1);
     }
+  }, w = (a) => {
+    m(a.target.value);
   };
-  return /* @__PURE__ */ t(y, { children: [
-    /* @__PURE__ */ e("div", { className: "CreatePackageV2", children: /* @__PURE__ */ t("div", { className: "createPackageStep", children: [
-      /* @__PURE__ */ e("span", { className: "createPackageTitle", children: "Create your Download Package" }),
-      /* @__PURE__ */ e("span", { className: "createPackageDescription", children: "Name your download package and select Download Package to get started." }),
-      !l && !k && /* @__PURE__ */ t(
-        N,
+  return /* @__PURE__ */ n(F, { children: [
+    /* @__PURE__ */ e(R, { className: r.CreatePackageV2, children: /* @__PURE__ */ n("div", { className: r.createPackageStep, children: [
+      /* @__PURE__ */ e("span", { className: r.createPackageTitle, children: "Create your Download Package" }),
+      /* @__PURE__ */ e("span", { className: r.createPackageDescription, children: "Name your download package and select Download Package to get started." }),
+      !d && !h && /* @__PURE__ */ n(
+        A,
         {
           sx: {
             display: "flex",
@@ -51,58 +57,56 @@ const R = "Please provide a package file name and try again.", _ = (h) => {
           },
           children: [
             /* @__PURE__ */ e(
-              C,
+              B,
               {
-                onChange: (a) => {
-                  p(a.target.value);
-                },
+                onChange: w,
                 type: "text",
                 placeholder: "PackageName",
                 sx: { width: "233px" },
                 slotProps: {
                   input: {
-                    endAdornment: /* @__PURE__ */ e(D, { position: "end", children: ".zip" })
+                    endAdornment: /* @__PURE__ */ e(E, { position: "end", children: ".zip" })
                   }
                 }
               }
             ),
             /* @__PURE__ */ e(
-              L,
+              T,
               {
                 variant: "contained",
                 color: "primary",
                 onClick: (a) => {
-                  f(a);
+                  v(a);
                 },
                 sx: { marginLeft: "20px" },
-                disabled: !r,
+                disabled: !s,
                 children: "Download Package"
               }
             )
           ]
         }
       ),
-      l && /* @__PURE__ */ t("div", { className: "creatingPackage", children: [
+      d && /* @__PURE__ */ n("div", { className: "creatingPackage", children: [
         /* @__PURE__ */ e("span", { className: "spinner" }),
         /* @__PURE__ */ e("span", { style: { marginLeft: 5 }, children: "Creating package..." })
       ] })
     ] }) }),
     /* @__PURE__ */ e(
-      I,
+      H,
       {
-        show: !!n,
-        variant: n?.variant ? n.variant : "success",
-        description: n?.message,
+        show: !!t,
+        variant: t?.variant ? t.variant : "success",
+        description: t?.message,
         autoCloseAfterDelayInSeconds: 10,
         onClose: () => {
-          s(void 0);
+          i(void 0);
         }
       }
     )
   ] });
 };
 export {
-  _ as CreatePackageV2,
-  R as TEMPLATE_ERROR_FILE_NAME
+  M as CreatePackageV2,
+  S as TEMPLATE_ERROR_FILE_NAME
 };
 //# sourceMappingURL=CreatePackageV2.js.map

package/dist/components/DownloadCart/CreatePackageV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePackageV2.js","sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"sourcesContent":["import {\n  createPackageFromDownloadListV2,\n  getFileHandleByIdURL,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Box, Button, InputAdornment, TextField } from '@mui/material'\nimport { DownloadListPackageResponse } from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, SyntheticEvent, useState } from 'react'\nimport FullWidthAlert, {\n  FullWidthAlertVariant,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type CreatePackageV2Props = {\n  onPackageCreation: () => void\n}\n\ntype AlertConfig = {\n  message: string\n  variant?: FullWidthAlertVariant\n}\n\nexport const TEMPLATE_ERROR_FILE_NAME =\n  'Please provide a package file name and try again.'\n\nexport const CreatePackageV2 = (\n  props: CreatePackageV2Props,\n): React.ReactNode => {\n  const { accessToken } = useSynapseContext()\n  const [isLoading, setIsLoading] = useState(false)\n  const [fileName, setZipFileName] = useState('')\n  const [alert, setAlert] = useState<AlertConfig>()\n  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState<\n    DownloadListPackageResponse | undefined\n  >(undefined)\n  const { onPackageCreation } = props\n  const createPackageHandler = async (event: SyntheticEvent) => {\n    event.preventDefault()\n    if (!fileName) {\n      setAlert({\n        message: TEMPLATE_ERROR_FILE_NAME,\n        variant: 'danger',\n      })\n      return\n    }\n    setIsLoading(true)\n    try {\n      const fileNameWithZipExtension = `${fileName}.zip`\n      const currentBulkFileDownloadResponse =\n        await createPackageFromDownloadListV2(\n          fileNameWithZipExtension,\n          accessToken,\n        )\n\n      setBulkFileDownloadResponse(currentBulkFileDownloadResponse)\n      const { resultFileHandleId } = currentBulkFileDownloadResponse\n      try {\n        //reset\n        window.location.href = await getFileHandleByIdURL(\n          resultFileHandleId,\n          accessToken,\n        )\n        setZipFileName('')\n        setBulkFileDownloadResponse(undefined)\n        onPackageCreation()\n      } catch (err) {\n        console.error('Err on getFileHandleByIdURL = ', err)\n      }\n    } catch (err) {\n      setAlert({\n        message: err.reason as string,\n        variant: 'danger',\n      })\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setZipFileName(event.target.value)\n  }\n\n  return (\n    <>\n      <div className=\"CreatePackageV2\">\n        <div className=\"createPackageStep\">\n          <span className=\"createPackageTitle\">\n            Create your Download Package\n          </span>\n          <span className=\"createPackageDescription\">\n            Name your download package and select Download Package to get\n            started.\n          </span>\n          {!isLoading && !bulkFileDownloadResponse && (\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'stretch',\n              }}\n            >\n              <TextField\n                onChange={onChange}\n                type=\"text\"\n                placeholder=\"PackageName\"\n                sx={{ width: '233px' }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <InputAdornment position=\"end\">.zip</InputAdornment>\n                    ),\n                  },\n                }}\n              />\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={e => {\n                  createPackageHandler(e)\n                }}\n                sx={{ marginLeft: '20px' }}\n                disabled={!fileName}\n              >\n                Download Package\n              </Button>\n            </Box>\n          )}\n          {isLoading && (\n            <div className=\"creatingPackage\">\n              <span className=\"spinner\" />\n              <span style={{ marginLeft: 5 }}>Creating package...</span>\n            </div>\n          )}\n        </div>\n      </div>\n      <FullWidthAlert\n        show={!!alert}\n        variant={alert?.variant ? alert.variant : 'success'}\n        description={alert?.message}\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setAlert(undefined)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["TEMPLATE_ERROR_FILE_NAME","CreatePackageV2","props","accessToken","useSynapseContext","isLoading","setIsLoading","useState","fileName","setZipFileName","alert","setAlert","bulkFileDownloadResponse","setBulkFileDownloadResponse","onPackageCreation","createPackageHandler","event","fileNameWithZipExtension","currentBulkFileDownloadResponse","createPackageFromDownloadListV2","resultFileHandleId","getFileHandleByIdURL","err","jsxs","Fragment","jsx","Box","TextField","InputAdornment","Button","e","FullWidthAlert"],"mappings":"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"}
+{"version":3,"file":"CreatePackageV2.js","sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"sourcesContent":["import styles from './CreatePackageV2.module.scss'\nimport {\n  createPackageFromDownloadListV2,\n  getFileHandleByIdURL,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Box, Button, Card, InputAdornment, TextField } from '@mui/material'\nimport { DownloadListPackageResponse } from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, SyntheticEvent, useState } from 'react'\nimport FullWidthAlert, {\n  FullWidthAlertVariant,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type CreatePackageV2Props = {\n  onPackageCreation: () => void\n}\n\ntype AlertConfig = {\n  message: string\n  variant?: FullWidthAlertVariant\n}\n\nexport const TEMPLATE_ERROR_FILE_NAME =\n  'Please provide a package file name and try again.'\n\nexport const CreatePackageV2 = (\n  props: CreatePackageV2Props,\n): React.ReactNode => {\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n  const [isLoading, setIsLoading] = useState(false)\n  const [fileName, setZipFileName] = useState('')\n  const [alert, setAlert] = useState<AlertConfig>()\n  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState<\n    DownloadListPackageResponse | undefined\n  >(undefined)\n  const { onPackageCreation } = props\n  const createPackageHandler = async (event: SyntheticEvent) => {\n    event.preventDefault()\n    if (!fileName) {\n      setAlert({\n        message: TEMPLATE_ERROR_FILE_NAME,\n        variant: 'danger',\n      })\n      return\n    }\n    setIsLoading(true)\n    try {\n      const fileNameWithZipExtension = `${fileName}.zip`\n      const currentBulkFileDownloadResponse =\n        await createPackageFromDownloadListV2(\n          fileNameWithZipExtension,\n          accessToken,\n        )\n\n      setBulkFileDownloadResponse(currentBulkFileDownloadResponse)\n      const { resultFileHandleId } = currentBulkFileDownloadResponse\n      try {\n        //reset\n        window.location.href = await getFileHandleByIdURL(\n          resultFileHandleId,\n          accessToken,\n        )\n        setZipFileName('')\n        setBulkFileDownloadResponse(undefined)\n        queryClient.invalidateQueries({\n          queryKey: keyFactory.getDownloadListBaseQueryKey(),\n        })\n        onPackageCreation()\n      } catch (err) {\n        console.error('Err on getFileHandleByIdURL = ', err)\n      }\n    } catch (err) {\n      setAlert({\n        message: err.reason as string,\n        variant: 'danger',\n      })\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setZipFileName(event.target.value)\n  }\n\n  return (\n    <>\n      <Card className={styles.CreatePackageV2}>\n        <div className={styles.createPackageStep}>\n          <span className={styles.createPackageTitle}>\n            Create your Download Package\n          </span>\n          <span className={styles.createPackageDescription}>\n            Name your download package and select Download Package to get\n            started.\n          </span>\n          {!isLoading && !bulkFileDownloadResponse && (\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'stretch',\n              }}\n            >\n              <TextField\n                onChange={onChange}\n                type=\"text\"\n                placeholder=\"PackageName\"\n                sx={{ width: '233px' }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <InputAdornment position=\"end\">.zip</InputAdornment>\n                    ),\n                  },\n                }}\n              />\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={e => {\n                  createPackageHandler(e)\n                }}\n                sx={{ marginLeft: '20px' }}\n                disabled={!fileName}\n              >\n                Download Package\n              </Button>\n            </Box>\n          )}\n          {isLoading && (\n            <div className=\"creatingPackage\">\n              <span className=\"spinner\" />\n              <span style={{ marginLeft: 5 }}>Creating package...</span>\n            </div>\n          )}\n        </div>\n      </Card>\n      <FullWidthAlert\n        show={!!alert}\n        variant={alert?.variant ? alert.variant : 'success'}\n        description={alert?.message}\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setAlert(undefined)\n        }}\n      />\n    </>\n  )\n}\n"],"names":["TEMPLATE_ERROR_FILE_NAME","CreatePackageV2","props","accessToken","keyFactory","useSynapseContext","queryClient","useQueryClient","isLoading","setIsLoading","useState","fileName","setZipFileName","alert","setAlert","bulkFileDownloadResponse","setBulkFileDownloadResponse","onPackageCreation","createPackageHandler","event","fileNameWithZipExtension","currentBulkFileDownloadResponse","createPackageFromDownloadListV2","resultFileHandleId","getFileHandleByIdURL","err","onChange","jsxs","Fragment","jsx","Card","styles","Box","TextField","InputAdornment","Button","e","FullWidthAlert"],"mappings":"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"}

package/dist/components/DownloadCart/CreatePackageV2.module.scss

@@ -0,0 +1,38 @@
+.CreatePackageV2 {
+  padding-bottom: 25px;
+  margin-top: 10px;
+  margin-bottom: 20px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  .createManifestStep {
+    padding: 25px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .createPackageStep {
+    padding: 25px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .checkbox label {
+    font-weight: normal;
+  }
+
+  .createManifestTitle,
+  .createPackageTitle {
+    font-weight: bold;
+  }
+
+  .createPackageDescription {
+    margin-bottom: 20px;
+  }
+}

package/dist/components/DownloadCart/CreatePackageV2.module.scss.js

@@ -0,0 +1,14 @@
+import './CreatePackageV2.css';const e = "_CreatePackageV2_128yf_1", a = "_createPackageStep_128yf_17", c = "_createPackageTitle_128yf_28", t = "_createPackageDescription_128yf_31", r = {
+  CreatePackageV2: e,
+  createPackageStep: a,
+  createPackageTitle: c,
+  createPackageDescription: t
+};
+export {
+  e as CreatePackageV2,
+  t as createPackageDescription,
+  a as createPackageStep,
+  c as createPackageTitle,
+  r as default
+};
+//# sourceMappingURL=CreatePackageV2.module.scss.js.map

package/dist/components/DownloadCart/CreatePackageV2.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePackageV2.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/DownloadCart/DownloadCartPage.css

@@ -0,0 +1 @@
+._DownloadCartPage_1kdiv_5 ._description_1kdiv_5{max-width:700px;padding-top:10px}._DownloadCartPage_1kdiv_5 ._tabsContainer_1kdiv_9{border-bottom:4px solid #dcdcdc}._DownloadCartPage_1kdiv_5 ._pageHeader_1kdiv_12{background-color:color-mix(in srgb,var(--synapse-secondary-action-color) 10%,transparent);padding:25px 0 30px}._DownloadCartPage_1kdiv_5 ._pageHeader_1kdiv_12 ._grid_1kdiv_16{display:grid;grid-template-columns:auto 235px}._DownloadCartPage_1kdiv_5 ._pageHeader_1kdiv_12 ._grid_1kdiv_16 *{vertical-align:bottom;align-self:center}@media(max-width:768px){._DownloadCartPage_1kdiv_5 ._pageHeader_1kdiv_12 ._grid_1kdiv_16{display:flex;flex-direction:column}}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30{border-bottom:0px;padding-top:20px;margin-bottom:0;display:flex;flex-wrap:nowrap;height:70px;align-items:center;list-style:none;margin-block-start:0;padding-inline-start:0px}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._active_1kdiv_42{padding-top:5px;border-bottom:5px solid;border-bottom-color:var(--synapse-secondary-action-color)}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._active_1kdiv_42 button{color:#515359}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navLabel_1kdiv_50{display:flex;align-items:center;font-size:18px;font-weight:700;white-space:nowrap;height:50px;padding-bottom:26px;padding-right:60px}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navItem_1kdiv_60{color:var(--synapse-gray-700);font-weight:700;height:50px;text-transform:uppercase;text-align:center;margin:4px 50px 5px 0;padding-bottom:50px}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navItem_1kdiv_60 button{font-size:18px;border-width:0;width:100%;height:100%;padding-bottom:10px}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navItem_1kdiv_60 button ._fileCount_1kdiv_76{font-size:14px;font-weight:400;margin-left:5px;background-color:var(--synapse-gray-200);border-radius:6px;padding:2px 6px}@media(max-width:768px){._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30{height:auto;flex-direction:column}._DownloadCartPage_1kdiv_5 ._navTabs_1kdiv_30 ._navItem_1kdiv_60 button{font-size:15px}}._DownloadCartPage_1kdiv_5 ._sectionTitle_1kdiv_93{padding-top:30px;padding-bottom:20px}._DownloadCartPage_1kdiv_5 ._sectionTitle_1kdiv_93 ._totalFileSize_1kdiv_97{font-size:18px;font-weight:400;margin-left:16px;background-color:var(--synapse-secondary-action-color);border-radius:6px;padding:2px 6px;color:#fff}@media(max-width:768px){._DownloadCartPage_1kdiv_5 ._sectionTitle_1kdiv_93 ._totalFileSize_1kdiv_97{display:block;margin-left:0;margin-top:8px;text-align:center}}._DownloadCartPage_1kdiv_5 ._subSectionContainer_1kdiv_114{display:flex}._DownloadCartPage_1kdiv_5 ._subSectionContainer_1kdiv_114 ._actionsRequiredTitle_1kdiv_117{padding-top:30px}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120{display:grid;grid-template-columns:1fr 1fr;gap:7px}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120>*:nth-child(n+3){grid-column:1/-1}@media(max-width:1000px){._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120{grid-template-columns:1fr}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120>*:nth-child(n+3){grid-column:unset}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120 ._headline_1kdiv_135{font-size:16px;justify-content:center}._DownloadCartPage_1kdiv_5 ._DownloadListTabContent_1kdiv_120 ._subSectionOverview_1kdiv_120 .MuiButton-root{display:flex;margin:auto}}._DownloadCartPage__explore-all_1kdiv_144{text-align:center;padding-top:20px}._DownloadCartPage_1kdiv_5 ._placeholder_1kdiv_148{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:80%;font-size:large;margin:30px 15px 15px}._DownloadCartPage_1kdiv_5 ._subSection_1kdiv_114{background-color:var(--synapse-gray-200);padding:30px;display:flex;flex-direction:column;gap:12px}._DownloadCartPage_1kdiv_5 ._subSection_1kdiv_114 ._subSectionHeader_1kdiv_166{display:flex;align-items:center;justify-content:space-between;gap:16px}@media(max-width:768px){._DownloadCartPage_1kdiv_5 ._subSection_1kdiv_114 ._subSectionHeader_1kdiv_166{flex-direction:column;align-items:flex-start}}._DownloadCartPage_1kdiv_5 ._subSection_1kdiv_114 ._subSectionActions_1kdiv_178{display:flex;align-items:center;gap:8px;flex-shrink:0}._hidden_1kdiv_185{display:none}._availableForDownloadTableContainer_1kdiv_189{padding-top:30px}._ineligibleDownloadContainer_1kdiv_193{margin-top:1rem}

package/dist/components/DownloadCart/DownloadCartPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadCartPage.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAEL,gCAAgC,EACjC,MAAM,+BAA+B,CAAA;AAOtC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gCAAgC,2CA2TvE;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"DownloadCartPage.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadCartPage.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAEL,gCAAgC,EACjC,MAAM,+BAA+B,CAAA;AActC;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,gCAAgC,2CA6evE;AAED,eAAe,gBAAgB,CAAA"}