synapse-react-client 4.0.10 → 4.0.11

package/dist/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.js

@@ -6,53 +6,75 @@ import { useSynapseContext as i } from "../../utils/context/SynapseContext.js";
 import "../../utils/index.js";
 import { useGetAvailableFilesToDownloadInfinite as a, useGetDownloadListStatistics as o, useRemoveFilesFromDownloadList as s } from "../../synapse-queries/download/useDownloadList.js";
 import { useGetEntityQueryOptions as c } from "../../synapse-queries/entity/useEntity.js";
-import { DialogBase as l } from "../DialogBase.js";
+import l from "../../assets/icons/CloudWarning.js";
 import { deduplicateFileName as u, getFileName as d } from "./fileNameUtils.js";
-import { useCallback as f, useRef as p, useState as m } from "react";
-import { Button as h, LinearProgress as g, Typography as _ } from "@mui/material";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { FileHandleAssociateType as x } from "@sage-bionetworks/synapse-types";
-import { useQueryClient as S } from "@tanstack/react-query";
-import { Download as C } from "@mui/icons-material";
+import f from "./DownloadIneligibleForPackagingFilesFromListButton.module.js";
+import { useCallback as p, useEffect as m, useRef as h, useState as g } from "react";
+import { Box as _, Button as v, IconButton as y, LinearProgress as ee, Paper as b, Typography as x } from "@mui/material";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { FileHandleAssociateType as te } from "@sage-bionetworks/synapse-types";
+import { useQueryClient as ne } from "@tanstack/react-query";
+import { Close as re, Download as ie } from "@mui/icons-material";
+import T from "dayjs";
+import E from "dayjs/plugin/relativeTime";
+import D from "dayjs/plugin/duration";
 //#region src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.tsx
-function w(e) {
+function ae(e) {
 	return "showDirectoryPicker" in e;
 }
-var T = 50;
-function E(E) {
-	let { buttonText: D = "Start Multi-file Download", variant: O = "contained" } = E, { accessToken: k, isAuthenticated: A } = i(), j = S(), M = c(), [N, P] = m(!1), F = p(!1), I = p(!1), [L, R] = m(null), { data: z, status: B, hasNextPage: V, fetchNextPage: H, error: U } = a(), { mutateAsync: W } = s(), { refetch: G } = o(), K = f(async (t) => {
-		if (!F.current) {
-			if (!t || !A) {
-				P(!1);
+var O = 50, k = 3e3;
+T.extend(D), T.extend(E);
+function A(E) {
+	let { buttonText: D = "Start Multi-file Download", variant: A = "contained" } = E, { accessToken: j, isAuthenticated: M } = i(), N = ne(), P = c(), [F, I] = g(!1), L = h(!1), [oe, R] = g(!1), z = h(!1), B = h(null), [V, H] = g(null), U = h(null), [se, W] = g(""), G = h(-1), K = h(-1);
+	m(() => {
+		if (!V) {
+			G.current = -1, K.current = -1, W("");
+			return;
+		}
+		let { fileIndex: e, totalFiles: t, currentFile: n, bytesDownloaded: r, totalBytes: i } = V;
+		if (e !== G.current) {
+			G.current = e, K.current = -1, W(`Downloading file ${e} of ${t}: ${n}`);
+			return;
+		}
+		if (i > 0) {
+			let e = Math.floor(r / i * 100), t = Math.floor(e / 25) * 25;
+			t > 0 && t !== K.current && (K.current = t, W(`${t}% of ${n} downloaded`));
+		}
+	}, [V]);
+	let { data: q, status: J, hasNextPage: Y, fetchNextPage: X, error: ce } = a(), { mutateAsync: Z } = s(), { refetch: Q } = o(), $ = p(async (t) => {
+		if (!L.current) {
+			if (!t || !M) {
+				I(!1);
 				return;
 			}
 			try {
-				F.current = !0, I.current = !1;
+				L.current = !0, z.current = !1, R(!1);
 				let i = t.pages.flatMap((e) => e.page).filter((e) => !e.isEligibleForPackaging);
 				if (i.length === 0) {
-					e("No non-packageable files available to download", "info"), P(!1), F.current = !1;
+					e("No non-packageable files available to download", "info"), I(!1), L.current = !1;
 					return;
 				}
-				let a = w(window), o;
+				let a = ae(window), o;
 				if (a) {
 					let t = window;
 					try {
 						o = await t.showDirectoryPicker({ mode: "readwrite" });
 					} catch (t) {
-						console.error("Failed to select directory:", t), e("Directory selection is required to directly download files from the website.", "warning"), P(!1), F.current = !1;
+						console.error("Failed to select directory:", t), e("Directory selection is required to directly download files from the website.", "warning"), I(!1), L.current = !1;
 						return;
 					}
 				} else e("Your browser will download files individually to your default downloads folder. Each file may trigger a separate download prompt.", "info");
-				R({
+				U.current = null, H({
 					currentFile: "",
 					fileIndex: 0,
 					totalFiles: i.length,
 					bytesDownloaded: 0,
-					totalBytes: 0
+					totalBytes: 0,
+					estimatedSecondsRemaining: null
 				});
 				let s = /* @__PURE__ */ new Map(), c = i.map(async (e) => {
-					if (!I.current) try {
-						let t = await j.ensureQueryData(M(e.fileEntityId, e.versionNumber?.toString())), n = `${t.id}-${e.versionNumber ?? "latest"}`;
+					if (!z.current) try {
+						let t = await N.ensureQueryData(P(e.fileEntityId, e.versionNumber?.toString())), n = `${t.id}-${e.versionNumber ?? "latest"}`;
 						s.set(n, t.dataFileHandleId);
 					} catch (t) {
 						console.error(`Failed to fetch entity ${e.fileEntityId}:`, t);
@@ -67,15 +89,15 @@ function E(E) {
 					return {
 						fileHandleId: s.get(t),
 						associateObjectId: e.fileEntityId,
-						associateObjectType: x.FileEntity
+						associateObjectType: te.FileEntity
 					};
 				});
 				if (l.length === 0) {
-					e("Failed to fetch file information for download", "danger"), P(!1), F.current = !1;
+					e("Failed to fetch file information for download", "danger"), I(!1), L.current = !1;
 					return;
 				}
 				let f = [];
-				for (let e = 0; e < l.length; e += T) f.push(l.slice(e, e + T));
+				for (let e = 0; e < l.length; e += O) f.push(l.slice(e, e + O));
 				let p = 0, m = 0, h = [], g = /* @__PURE__ */ new Map(), _ = async (e, t) => {
 					try {
 						let n = await fetch(e);
@@ -93,45 +115,59 @@ function E(E) {
 				}, v = async (e, t) => {
 					try {
 						let n;
-						if (e.fileHandle && r(e.fileHandle) ? n = e.fileHandle.externalURL : e.preSignedURL && (n = e.preSignedURL), !n) return !1;
+						if (e.fileHandle && r(e.fileHandle) ? (n = e.fileHandle.externalURL, R(!0)) : e.preSignedURL && (n = e.preSignedURL), !n) return !1;
 						let i = u(d(e, t), g), s = p + 1;
-						if (R((e) => e ? {
+						if (U.current = null, H((e) => e ? {
 							...e,
 							currentFile: i,
 							fileIndex: s,
 							bytesDownloaded: 0,
-							totalBytes: 0
+							totalBytes: 0,
+							estimatedSecondsRemaining: null
 						} : null), !a) {
 							let e = await _(n, i);
 							return e && (p = s, t && h.push(t)), e;
 						}
 						if (!o) return !1;
 						try {
-							let e = await fetch(n);
+							B.current = new AbortController();
+							let e = await fetch(n, { signal: B.current.signal });
 							if (!e.ok) throw Error(`HTTP error! status: ${e.status}`);
 							let r = e.headers.get("content-length"), a = r ? parseInt(r, 10) : 0;
-							R((e) => e ? {
+							H((e) => e ? {
 								...e,
 								bytesDownloaded: 0,
 								totalBytes: a
 							} : null);
 							let c = await (await o.getFileHandle(i, { create: !0 })).createWritable();
 							if (e.body) {
-								let t = e.body.getReader(), n = 0;
+								let t = e.body.getReader(), n = 0, r = !1;
 								try {
 									for (;;) {
-										let { done: e, value: r } = await t.read();
+										let { done: e, value: i } = await t.read();
 										if (e) break;
-										n += r.length, await c.write(r), R((e) => e ? {
+										if (n += i.length, await c.write(i), z.current) {
+											r = !0, t.cancel(), await c.abort();
+											break;
+										}
+										U.current === null && (U.current = Date.now());
+										let o = Date.now() - U.current, s = null;
+										if (o > k && n > 0 && a > 0) {
+											let e = n / o;
+											s = Math.max(0, (a - n) / e / 1e3);
+										}
+										H((e) => e ? {
 											...e,
-											bytesDownloaded: n
+											bytesDownloaded: n,
+											...o > k && { estimatedSecondsRemaining: s }
 										} : null);
 									}
 								} catch (e) {
-									throw await c.abort(), e;
+									throw r ||= (await c.abort(), !0), e;
 								} finally {
-									await c.close();
+									r || await c.close();
 								}
+								if (z.current) return !1;
 							} else try {
 								let t = await e.blob();
 								await c.write(t);
@@ -140,6 +176,7 @@ function E(E) {
 							}
 							return p = s, t && h.push(t), !0;
 						} catch (r) {
+							if (z.current || r instanceof DOMException && r.name === "AbortError") return !1;
 							console.error(`Failed to fetch/write file ${e.fileHandleId}:`, r);
 							try {
 								return _(n, i), p = s, t && h.push(t), !0;
@@ -153,7 +190,7 @@ function E(E) {
 				}, y = async (e) => {
 					console.info(`Attempting to fetch ${e.length} files individually after batch failure`);
 					for (let t of e) {
-						if (I.current) {
+						if (z.current) {
 							console.info("Individual file fetch cancelled by user");
 							break;
 						}
@@ -164,7 +201,7 @@ function E(E) {
 								includeFileHandles: !0,
 								includePreSignedURLs: !0,
 								includePreviewPreSignedURLs: !1
-							}, k);
+							}, j);
 							if (r.requestedFiles.length > 0) {
 								let e = r.requestedFiles[0];
 								await v(e, i.find((e) => e.fileEntityId === t.associateObjectId)) || m++;
@@ -175,7 +212,7 @@ function E(E) {
 					}
 				};
 				for (let e of f) {
-					if (I.current) {
+					if (z.current) {
 						console.info("Download cancelled by user");
 						break;
 					}
@@ -186,12 +223,12 @@ function E(E) {
 							includeFileHandles: !0,
 							includePreSignedURLs: !0,
 							includePreviewPreSignedURLs: !1
-						}, k);
+						}, j);
 					} catch (e) {
 						console.error("Failed to fetch batch:", e);
 					}
 					if (t) for (let n = 0; n < t.requestedFiles.length; n++) {
-						if (I.current) {
+						if (z.current) {
 							console.info("Download cancelled by user during batch processing");
 							break;
 						}
@@ -200,119 +237,149 @@ function E(E) {
 					}
 					else await y(e);
 				}
-				h.length > 0 && (await W({ batchToRemove: h.map((e) => ({
+				h.length > 0 && (await Z({ batchToRemove: h.map((e) => ({
 					fileEntityId: e.fileEntityId,
 					versionNumber: e.versionNumber
-				})) }), await G(), window.scrollTo({
+				})) }), await Q(), window.scrollTo({
 					top: 0,
 					behavior: "smooth"
-				})), I.current ? e(`Download cancelled. ${p} file${p === 1 ? " was" : "s were"} downloaded before cancellation.`, "info") : p > 0 ? e(`Download started for ${p} file${p === 1 ? "" : "s"}${m > 0 ? `. ${m} file${m === 1 ? "" : "s"} failed.` : "."}`, m > 0 ? "warning" : "success") : e("No files could be downloaded", "warning");
+				})), z.current ? e(`Download cancelled. ${p} file${p === 1 ? " was" : "s were"} downloaded before cancellation.`, "info") : p > 0 ? e(`Download started for ${p} file${p === 1 ? "" : "s"}${m > 0 ? `. ${m} file${m === 1 ? "" : "s"} failed.` : "."}`, m > 0 ? "warning" : "success") : e("No files could be downloaded", "warning");
 			} catch (t) {
 				console.error("Error downloading files:", t), e(t?.reason ?? (t instanceof Error ? t.message : void 0) ?? "An error occurred while downloading files", "danger");
 			} finally {
-				R(null), P(!1), F.current = !1;
+				H(null), I(!1), L.current = !1;
 			}
 		}
 	}, [
-		k,
-		A,
 		j,
 		M,
-		W,
-		G
-	]), q = f(async () => {
-		if (!N) {
-			P(!0);
+		N,
+		P,
+		Z,
+		Q
+	]), le = p(async () => {
+		if (!F) {
+			I(!0);
 			try {
-				let t = V, n = z;
-				for (; t && H;) {
-					let e = await H();
+				let t = Y, n = q;
+				for (; t && X;) {
+					let e = await X();
 					t = e.hasNextPage, e.data && (n = e.data);
 				}
-				B === "success" && n ? K(n) : (P(!1), F.current = !1, e("Failed to load download list. Please try again.", "danger"));
+				J === "success" && n ? $(n) : (I(!1), L.current = !1, e("Failed to load download list. Please try again.", "danger"));
 			} catch (t) {
-				console.error("Error downloading files:", t), P(!1), F.current = !1, e(t?.reason ?? (t instanceof Error ? t.message : void 0) ?? "An error occurred while preparing files for download", "danger");
+				console.error("Error downloading files:", t), I(!1), L.current = !1, e(t?.reason ?? (t instanceof Error ? t.message : void 0) ?? "An error occurred while preparing files for download", "danger");
 			}
 		}
 	}, [
-		N,
-		V,
-		H,
-		B,
-		z,
-		K
-	]), J = f(() => {
-		I.current = !0, R(null), P(!1), F.current = !1;
+		F,
+		Y,
+		X,
+		J,
+		q,
+		$
+	]), ue = p(() => {
+		z.current = !0, B.current?.abort(), H(null), I(!1), L.current = !1;
 	}, []);
-	return U ? null : /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(l, {
-		open: !!L,
-		title: "Downloading Files",
-		hasCloseButton: !1,
-		onCancel: J,
-		maxWidth: "sm",
-		content: L ? /* @__PURE__ */ b(v, { children: [
-			/* @__PURE__ */ b(_, {
-				variant: "body2",
-				color: "text.secondary",
-				gutterBottom: !0,
-				id: "download-progress-description",
-				children: [
-					"File ",
-					L.fileIndex,
-					" of",
-					" ",
-					L.totalFiles
-				]
-			}),
-			/* @__PURE__ */ y(_, {
-				variant: "body2",
-				noWrap: !0,
-				gutterBottom: !0,
-				children: L.currentFile
-			}),
-			L.totalBytes > 0 && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y(g, {
-				variant: "determinate",
-				value: L.bytesDownloaded / L.totalBytes * 100,
-				sx: { my: 2 },
-				"aria-label": "Download progress"
-			}), /* @__PURE__ */ b(_, {
-				variant: "body2",
-				color: "text.secondary",
-				"aria-live": "polite",
-				"aria-atomic": "true",
-				children: [
-					t(L.bytesDownloaded),
-					" ",
-					"of ",
-					t(L.totalBytes)
-				]
-			})] }),
-			L.totalBytes === 0 && /* @__PURE__ */ y(g, {
-				sx: { my: 2 },
-				"aria-label": "Download progress"
-			})
-		] }) : null,
-		actions: /* @__PURE__ */ y(h, {
-			variant: "outlined",
-			color: "error",
-			onClick: J,
-			children: "Cancel"
+	return ce ? null : /* @__PURE__ */ w(S, { children: [
+		/* @__PURE__ */ C("span", {
+			role: "status",
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			className: f.visuallyHidden,
+			children: se
 		}),
-		DialogProps: {
-			"aria-describedby": "download-progress-description",
-			disableEscapeKeyDown: !1
-		}
-	}), /* @__PURE__ */ y(h, {
-		variant: O,
-		onClick: () => {
-			q();
-		},
-		loading: N,
-		startIcon: /* @__PURE__ */ y(C, {}),
-		children: D
-	})] });
+		!!V && oe && /* @__PURE__ */ w(b, {
+			elevation: 8,
+			className: f.externalWarningPanel,
+			sx: { zIndex: (e) => e.zIndex.modal },
+			role: "region",
+			"aria-label": "External file warning",
+			children: [
+				/* @__PURE__ */ C(l, { className: f.warningIcon }),
+				/* @__PURE__ */ w(_, {
+					className: f.warningTextContainer,
+					children: [/* @__PURE__ */ C(x, {
+						className: f.warningTitleText,
+						children: "Some of your files are hosted externally."
+					}), /* @__PURE__ */ C(x, {
+						className: f.progressFileNameText,
+						children: "Downloads may be slower than expected"
+					})]
+				}),
+				/* @__PURE__ */ C(y, {
+					onClick: () => R(!1),
+					size: "small",
+					className: f.warningCloseButton,
+					"aria-label": "Dismiss external file warning",
+					children: /* @__PURE__ */ C(re, {})
+				})
+			]
+		}),
+		!!V && /* @__PURE__ */ w(b, {
+			elevation: 8,
+			className: f.progressPanel,
+			sx: { zIndex: (e) => e.zIndex.modal },
+			role: "region",
+			"aria-label": "Download progress",
+			children: [
+				/* @__PURE__ */ w(x, {
+					className: f.progressTitleText,
+					children: [
+						"Downloading file ",
+						V.fileIndex,
+						" of",
+						" ",
+						V.totalFiles
+					]
+				}),
+				/* @__PURE__ */ C(x, {
+					className: f.progressFileNameText,
+					children: V.currentFile
+				}),
+				/* @__PURE__ */ w(_, {
+					className: f.progressFooter,
+					children: [/* @__PURE__ */ w(_, {
+						className: f.progressBarContainer,
+						children: [/* @__PURE__ */ w(_, {
+							className: f.progressStats,
+							children: [/* @__PURE__ */ C(x, {
+								className: f.progressStatsText,
+								children: V.totalBytes > 0 ? `${Math.round(V.bytesDownloaded / V.totalBytes * 100)}% ( ${t(V.bytesDownloaded, 0)} / ${t(V.totalBytes)} )` : ""
+							}), /* @__PURE__ */ C(x, {
+								className: f.progressStatsText,
+								children: V.estimatedSecondsRemaining === null ? "" : `About ${T.duration({ seconds: V.estimatedSecondsRemaining }).humanize()} remaining`
+							})]
+						}), /* @__PURE__ */ C(ee, {
+							variant: V.totalBytes > 0 ? "determinate" : "indeterminate",
+							value: V.totalBytes > 0 ? V.bytesDownloaded / V.totalBytes * 100 : void 0,
+							"aria-label": "Download progress",
+							className: f.progressBar
+						})]
+					}), /* @__PURE__ */ C(_, {
+						className: f.cancelButtonContainer,
+						children: /* @__PURE__ */ C(v, {
+							variant: "outlined",
+							onClick: ue,
+							className: f.cancelButton,
+							children: "Cancel"
+						})
+					})]
+				})
+			]
+		}),
+		/* @__PURE__ */ C(v, {
+			variant: A,
+			onClick: () => {
+				le();
+			},
+			loading: F,
+			startIcon: /* @__PURE__ */ C(ie, {}),
+			children: D
+		})
+	] });
 }
 //#endregion
-export { E as DownloadIneligibleForPackagingFilesFromListButton, E as default };
+export { A as DownloadIneligibleForPackagingFilesFromListButton, A as default };
 
 //# sourceMappingURL=DownloadIneligibleForPackagingFilesFromListButton.js.map