wcz-layout 9.4.1 → 9.4.3

package/dist/components.mjs

@@ -1,5 +1,5 @@
 import { n as RouterIconButton, t as RouterListItemButton } from "./RouterListItemButton-owZVvuC_.mjs";
-import { a as fileQueryOptions, i as fileMetasQueryOptions, n as deleteFileMutationOptions, o as fileThumbnailQueryOptions, r as downloadFileMutationOptions, s as openFileMutationOptions } from "./file-C5-a_6W6.mjs";
+import { a as fileQueryOptions, i as fileMetasQueryOptions, n as deleteFileMutationOptions, o as fileThumbnailQueryOptions, r as downloadFileMutationOptions, s as openFileMutationOptions } from "./file-bckp9fpa.mjs";
 import { t as useDialogs } from "./useDialogs-BUzVrTSP.mjs";
 import { c } from "react/compiler-runtime";
 import { Box, Button, CircularProgress, Dialog, Divider, Fab, IconButton, ImageListItem, ImageListItemBar, Link, List, ListItemButton, ListItemIcon, ListItemText, Menu, Skeleton, Stack, Tab, Tooltip, Typography, useTheme } from "@mui/material";
@@ -215,9 +215,9 @@ const baseStyle = {
 };
 const Dropzone = (t0) => {
 	const $ = c(32);
-	if ($[0] !== "82c770c45377ab601777291a216aa1889d6ec92458acfb8e98e4900f981e436b") {
+	if ($[0] !== "b5bf5b5d281edd44834873bfefae09761c13d535bf60e1ff80df8ed9edd6a03b") {
 		for (let $i = 0; $i < 32; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "82c770c45377ab601777291a216aa1889d6ec92458acfb8e98e4900f981e436b";
+		$[0] = "b5bf5b5d281edd44834873bfefae09761c13d535bf60e1ff80df8ed9edd6a03b";
 	}
 	let progress;
 	let props;
@@ -344,9 +344,9 @@ const useFile = () => {
 //#region src/components/file/fileViewer/common/ActionsMenu.tsx
 const ActionsMenu = (t0) => {
 	const $ = c(43);
-	if ($[0] !== "6eb84d1b42ada694d43e5cfc1e200edbb4eef104bdd9b5612054591d9c8531c5") {
+	if ($[0] !== "37413a10a2df1dbf561819b83375455df60d2eb9e9781fbb0853c0e5c2f8a772") {
 		for (let $i = 0; $i < 43; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "6eb84d1b42ada694d43e5cfc1e200edbb4eef104bdd9b5612054591d9c8531c5";
+		$[0] = "37413a10a2df1dbf561819b83375455df60d2eb9e9781fbb0853c0e5c2f8a772";
 	}
 	const { meta, menu, setMenu } = t0;
 	const { t } = useTranslation();
@@ -497,9 +497,9 @@ const ActionsMenu = (t0) => {
 const IMAGE_SIZE = 150;
 const FileViewerGrid = (t0) => {
 	const $ = c(13);
-	if ($[0] !== "5d77705eb7d3c9a0156b26bd48f623dca912b69c2621470852f3a952a02eb0ba") {
+	if ($[0] !== "bc5b647583214f754be7f38d757996f0eba6fa435240965b8abc15fa6f9a6a5c") {
 		for (let $i = 0; $i < 13; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5d77705eb7d3c9a0156b26bd48f623dca912b69c2621470852f3a952a02eb0ba";
+		$[0] = "bc5b647583214f754be7f38d757996f0eba6fa435240965b8abc15fa6f9a6a5c";
 	}
 	const { sx, size, itemBar } = t0;
 	const { fileMetas } = useFile();
@@ -545,139 +545,61 @@ const FileViewerGrid = (t0) => {
 	} else t3 = $[12];
 	return t3;
 };
-const GridFileViewerItem = (t0) => {
-	const $ = c(56);
-	if ($[0] !== "5d77705eb7d3c9a0156b26bd48f623dca912b69c2621470852f3a952a02eb0ba") {
-		for (let $i = 0; $i < 56; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "5d77705eb7d3c9a0156b26bd48f623dca912b69c2621470852f3a952a02eb0ba";
-	}
-	const { meta, size, itemBar } = t0;
+const GridFileViewerItem = ({ meta, size, itemBar }) => {
 	const { setImageId, actions, appName } = useFile();
 	const [showItemBar, setShowItemBar] = useState(itemBar === "always");
 	const [menu, setMenu] = useState(null);
 	const { ref, inView } = useInView();
 	const queryClient = useQueryClient();
-	let t1;
-	let t2;
-	if ($[1] !== itemBar) {
-		t1 = () => {
-			setShowItemBar(itemBar === "always");
-		};
-		t2 = [itemBar];
-		$[1] = itemBar;
-		$[2] = t1;
-		$[3] = t2;
-	} else {
-		t1 = $[2];
-		t2 = $[3];
-	}
-	useEffect(t1, t2);
-	let t3;
-	if ($[4] !== appName || $[5] !== meta.id) {
-		t3 = fileThumbnailQueryOptions({
+	const target = useRef(null);
+	useEffect(() => {
+		setShowItemBar(itemBar === "always");
+	}, [itemBar]);
+	const { data: source, isPending } = useQuery({
+		...fileThumbnailQueryOptions({
 			id: meta.id,
 			appName
-		});
-		$[4] = appName;
-		$[5] = meta.id;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== inView || $[8] !== t3) {
-		t4 = {
-			...t3,
-			enabled: inView
-		};
-		$[7] = inView;
-		$[8] = t3;
-		$[9] = t4;
-	} else t4 = $[9];
-	const { data: source, isPending } = useQuery(t4);
-	let t5;
-	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = () => setShowItemBar(true);
-		$[10] = t5;
-	} else t5 = $[10];
-	const handleOnMouseEnter = t5;
-	let t6;
-	if ($[11] !== itemBar) {
-		t6 = () => itemBar !== "always" && setShowItemBar(false);
-		$[11] = itemBar;
-		$[12] = t6;
-	} else t6 = $[12];
-	const handleOnMouseLeave = t6;
-	let t7;
-	if ($[13] !== menu) {
-		t7 = (event) => {
-			setMenu(menu === null ? {
-				mouseX: event.clientX,
-				mouseY: event.clientY
-			} : null);
-			setTimeout(() => setShowItemBar(true));
-		};
-		$[13] = menu;
-		$[14] = t7;
-	} else t7 = $[14];
-	const openMenu = t7;
-	let t8;
-	if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = openFileMutationOptions();
-		$[15] = t8;
-	} else t8 = $[15];
-	const { mutate: openFile } = useMutation(t8);
-	let t9;
-	if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
-		t9 = downloadFileMutationOptions();
-		$[16] = t9;
-	} else t9 = $[16];
-	const { mutate: download } = useMutation(t9);
-	let t10;
-	if ($[17] !== appName || $[18] !== download || $[19] !== meta.fileExtension || $[20] !== meta.fileName || $[21] !== meta.id || $[22] !== meta.mediaType || $[23] !== openFile || $[24] !== setImageId) {
-		t10 = () => {
-			switch (meta.mediaType) {
-				case "image": return setImageId(meta.id);
-				case "application": return openFile({
-					id: meta.id,
-					appName
-				});
-				case "video": return openFile({
+		}),
+		enabled: inView
+	});
+	const handleOnMouseEnter = () => setShowItemBar(true);
+	const handleOnMouseLeave = () => itemBar !== "always" && setShowItemBar(false);
+	const openMenu = (event) => {
+		setMenu(menu === null ? {
+			mouseX: event.clientX,
+			mouseY: event.clientY
+		} : null);
+		setTimeout(() => setShowItemBar(true));
+	};
+	const { mutate: openFile } = useMutation(openFileMutationOptions({ target }));
+	const { mutate: download } = useMutation(downloadFileMutationOptions());
+	const onClick = () => {
+		switch (meta.mediaType) {
+			case "image": return setImageId(meta.id);
+			case "application":
+			case "video":
+				target.current = window.open("about:blank", "_blank");
+				return openFile({
 					id: meta.id,
 					appName
 				});
-				default: return download({
-					id: meta.id,
-					appName,
-					fileName: meta.fileName,
-					fileExtension: meta.fileExtension
-				});
-			}
-		};
-		$[17] = appName;
-		$[18] = download;
-		$[19] = meta.fileExtension;
-		$[20] = meta.fileName;
-		$[21] = meta.id;
-		$[22] = meta.mediaType;
-		$[23] = openFile;
-		$[24] = setImageId;
-		$[25] = t10;
-	} else t10 = $[25];
-	const onClick = t10;
-	const t11 = size ?? IMAGE_SIZE;
-	const t12 = size ?? IMAGE_SIZE;
-	let t13;
-	if ($[26] !== t11 || $[27] !== t12) {
-		t13 = {
-			width: t11,
-			height: t12
-		};
-		$[26] = t11;
-		$[27] = t12;
-		$[28] = t13;
-	} else t13 = $[28];
-	let t14;
-	if ($[29] !== appName || $[30] !== isPending || $[31] !== meta.id || $[32] !== onClick || $[33] !== queryClient || $[34] !== size || $[35] !== source) {
-		t14 = isPending ? /* @__PURE__ */ jsx(Skeleton, {
+			default: return download({
+				id: meta.id,
+				appName,
+				fileName: meta.fileName,
+				fileExtension: meta.fileExtension
+			});
+		}
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ImageListItem, {
+		sx: {
+			width: size ?? IMAGE_SIZE,
+			height: size ?? IMAGE_SIZE
+		},
+		onMouseEnter: handleOnMouseEnter,
+		onMouseLeave: handleOnMouseLeave,
+		ref,
+		children: [isPending ? /* @__PURE__ */ jsx(Skeleton, {
 			variant: "rectangular",
 			width: size ?? IMAGE_SIZE,
 			height: size ?? IMAGE_SIZE
@@ -697,19 +619,7 @@ const GridFileViewerItem = (t0) => {
 				width: size ?? IMAGE_SIZE,
 				height: size ?? IMAGE_SIZE
 			}
-		});
-		$[29] = appName;
-		$[30] = isPending;
-		$[31] = meta.id;
-		$[32] = onClick;
-		$[33] = queryClient;
-		$[34] = size;
-		$[35] = source;
-		$[36] = t14;
-	} else t14 = $[36];
-	let t15;
-	if ($[37] !== actions || $[38] !== itemBar || $[39] !== meta.fileName || $[40] !== openMenu || $[41] !== showItemBar) {
-		t15 = itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx(ImageListItemBar, {
+		}), itemBar !== "hidden" && showItemBar && /* @__PURE__ */ jsx(ImageListItemBar, {
 			title: /* @__PURE__ */ jsx(Tooltip, {
 				title: meta.fileName,
 				children: /* @__PURE__ */ jsx(Box, { children: meta.fileName })
@@ -720,58 +630,20 @@ const GridFileViewerItem = (t0) => {
 				"aria-label": "File actions",
 				children: /* @__PURE__ */ jsx(MoreVert, {})
 			})
-		});
-		$[37] = actions;
-		$[38] = itemBar;
-		$[39] = meta.fileName;
-		$[40] = openMenu;
-		$[41] = showItemBar;
-		$[42] = t15;
-	} else t15 = $[42];
-	let t16;
-	if ($[43] !== handleOnMouseLeave || $[44] !== ref || $[45] !== t13 || $[46] !== t14 || $[47] !== t15) {
-		t16 = /* @__PURE__ */ jsxs(ImageListItem, {
-			sx: t13,
-			onMouseEnter: handleOnMouseEnter,
-			onMouseLeave: handleOnMouseLeave,
-			ref,
-			children: [t14, t15]
-		});
-		$[43] = handleOnMouseLeave;
-		$[44] = ref;
-		$[45] = t13;
-		$[46] = t14;
-		$[47] = t15;
-		$[48] = t16;
-	} else t16 = $[48];
-	let t17;
-	if ($[49] !== actions || $[50] !== menu || $[51] !== meta) {
-		t17 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, {
-			meta,
-			menu,
-			setMenu
-		});
-		$[49] = actions;
-		$[50] = menu;
-		$[51] = meta;
-		$[52] = t17;
-	} else t17 = $[52];
-	let t18;
-	if ($[53] !== t16 || $[54] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(Fragment, { children: [t16, t17] });
-		$[53] = t16;
-		$[54] = t17;
-		$[55] = t18;
-	} else t18 = $[55];
-	return t18;
+		})]
+	}), (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, {
+		meta,
+		menu,
+		setMenu
+	})] });
 };
 //#endregion
 //#region src/components/file/fileViewer/FileViewerList.tsx
 const FileViewerList = (t0) => {
 	const $ = c(6);
-	if ($[0] !== "a4215cc2ecb024896765e7f105faef1183c309efe5e27865642494da8f087679") {
+	if ($[0] !== "e722a3273480830659aee3fb7ea3f313b724a6b70ec66bb9e867418a71728eba") {
 		for (let $i = 0; $i < 6; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a4215cc2ecb024896765e7f105faef1183c309efe5e27865642494da8f087679";
+		$[0] = "e722a3273480830659aee3fb7ea3f313b724a6b70ec66bb9e867418a71728eba";
 	}
 	const { sx } = t0;
 	const { fileMetas } = useFile();
@@ -794,161 +666,66 @@ const FileViewerList = (t0) => {
 	} else t2 = $[5];
 	return t2;
 };
-const ListFileViewerItem = (t0) => {
-	const $ = c(41);
-	if ($[0] !== "a4215cc2ecb024896765e7f105faef1183c309efe5e27865642494da8f087679") {
-		for (let $i = 0; $i < 41; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "a4215cc2ecb024896765e7f105faef1183c309efe5e27865642494da8f087679";
-	}
-	const { meta } = t0;
+const ListFileViewerItem = ({ meta }) => {
 	const { setImageId, actions, appName } = useFile();
 	const [menu, setMenu] = useState(null);
 	const queryClient = useQueryClient();
-	let t1;
-	if ($[1] !== menu) {
-		t1 = (event) => {
-			event.stopPropagation();
-			setMenu(menu === null ? {
-				mouseX: event.clientX,
-				mouseY: event.clientY
-			} : null);
-		};
-		$[1] = menu;
-		$[2] = t1;
-	} else t1 = $[2];
-	const openMenu = t1;
-	let t2;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = openFileMutationOptions();
-		$[3] = t2;
-	} else t2 = $[3];
-	const { mutate: openFile } = useMutation(t2);
-	let t3;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = downloadFileMutationOptions();
-		$[4] = t3;
-	} else t3 = $[4];
-	const { mutate: download } = useMutation(t3);
-	let t4;
-	if ($[5] !== appName || $[6] !== download || $[7] !== meta.fileExtension || $[8] !== meta.fileName || $[9] !== meta.id || $[10] !== meta.mediaType || $[11] !== openFile || $[12] !== setImageId) {
-		t4 = () => {
-			switch (meta.mediaType) {
-				case "image": return setImageId(meta.id);
-				case "application": return openFile({
-					id: meta.id,
-					appName
-				});
-				case "video": return openFile({
+	const target = useRef(null);
+	const openMenu = (event) => {
+		event.stopPropagation();
+		setMenu(menu === null ? {
+			mouseX: event.clientX,
+			mouseY: event.clientY
+		} : null);
+	};
+	const { mutate: openFile } = useMutation(openFileMutationOptions({ target }));
+	const { mutate: download } = useMutation(downloadFileMutationOptions());
+	const onClick = () => {
+		switch (meta.mediaType) {
+			case "image": return setImageId(meta.id);
+			case "application":
+			case "video":
+				target.current = window.open("about:blank", "_blank");
+				return openFile({
 					id: meta.id,
 					appName
 				});
-				default: return download({
-					id: meta.id,
-					appName,
-					fileName: meta.fileName,
-					fileExtension: meta.fileExtension
-				});
-			}
-		};
-		$[5] = appName;
-		$[6] = download;
-		$[7] = meta.fileExtension;
-		$[8] = meta.fileName;
-		$[9] = meta.id;
-		$[10] = meta.mediaType;
-		$[11] = openFile;
-		$[12] = setImageId;
-		$[13] = t4;
-	} else t4 = $[13];
-	const onClick = t4;
-	let t5;
-	if ($[14] !== meta.mediaType) {
-		t5 = () => {
-			switch (meta.mediaType) {
-				case "image": return /* @__PURE__ */ jsx(Image, {});
-				case "video": return /* @__PURE__ */ jsx(SmartDisplay, {});
-				default: return /* @__PURE__ */ jsx(AttachFile, {});
-			}
-		};
-		$[14] = meta.mediaType;
-		$[15] = t5;
-	} else t5 = $[15];
-	const icon = t5;
-	let t6;
-	if ($[16] !== appName || $[17] !== meta.id || $[18] !== queryClient) {
-		t6 = () => queryClient.prefetchQuery(fileQueryOptions({
+			default: return download({
+				id: meta.id,
+				appName,
+				fileName: meta.fileName,
+				fileExtension: meta.fileExtension
+			});
+		}
+	};
+	const icon = () => {
+		switch (meta.mediaType) {
+			case "image": return /* @__PURE__ */ jsx(Image, {});
+			case "video": return /* @__PURE__ */ jsx(SmartDisplay, {});
+			default: return /* @__PURE__ */ jsx(AttachFile, {});
+		}
+	};
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(ListItemButton, {
+		onClick,
+		onMouseEnter: () => queryClient.prefetchQuery(fileQueryOptions({
 			id: meta.id,
 			appName
-		}));
-		$[16] = appName;
-		$[17] = meta.id;
-		$[18] = queryClient;
-		$[19] = t6;
-	} else t6 = $[19];
-	let t7;
-	if ($[20] !== icon) {
-		t7 = /* @__PURE__ */ jsx(ListItemIcon, { children: icon() });
-		$[20] = icon;
-		$[21] = t7;
-	} else t7 = $[21];
-	const t8 = `${meta.fileName}.${meta.fileExtension}`;
-	let t9;
-	if ($[22] !== t8) {
-		t9 = /* @__PURE__ */ jsx(ListItemText, { primary: t8 });
-		$[22] = t8;
-		$[23] = t9;
-	} else t9 = $[23];
-	let t10;
-	if ($[24] !== actions || $[25] !== openMenu) {
-		t10 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(IconButton, {
-			edge: "end",
-			onClick: openMenu,
-			"aria-label": "File actions",
-			children: /* @__PURE__ */ jsx(MoreVert, {})
-		});
-		$[24] = actions;
-		$[25] = openMenu;
-		$[26] = t10;
-	} else t10 = $[26];
-	let t11;
-	if ($[27] !== meta.id || $[28] !== onClick || $[29] !== t10 || $[30] !== t6 || $[31] !== t7 || $[32] !== t9) {
-		t11 = /* @__PURE__ */ jsxs(ListItemButton, {
-			onClick,
-			onMouseEnter: t6,
-			children: [
-				t7,
-				t9,
-				t10
-			]
-		}, meta.id);
-		$[27] = meta.id;
-		$[28] = onClick;
-		$[29] = t10;
-		$[30] = t6;
-		$[31] = t7;
-		$[32] = t9;
-		$[33] = t11;
-	} else t11 = $[33];
-	let t12;
-	if ($[34] !== actions || $[35] !== menu || $[36] !== meta) {
-		t12 = (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, {
-			meta,
-			menu,
-			setMenu
-		});
-		$[34] = actions;
-		$[35] = menu;
-		$[36] = meta;
-		$[37] = t12;
-	} else t12 = $[37];
-	let t13;
-	if ($[38] !== t11 || $[39] !== t12) {
-		t13 = /* @__PURE__ */ jsxs(Fragment, { children: [t11, t12] });
-		$[38] = t11;
-		$[39] = t12;
-		$[40] = t13;
-	} else t13 = $[40];
-	return t13;
+		})),
+		children: [
+			/* @__PURE__ */ jsx(ListItemIcon, { children: icon() }),
+			/* @__PURE__ */ jsx(ListItemText, { primary: `${meta.fileName}.${meta.fileExtension}` }),
+			(actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(IconButton, {
+				edge: "end",
+				onClick: openMenu,
+				"aria-label": "File actions",
+				children: /* @__PURE__ */ jsx(MoreVert, {})
+			})
+		]
+	}, meta.id), (actions?.download !== false || actions.delete !== false) && /* @__PURE__ */ jsx(ActionsMenu, {
+		meta,
+		menu,
+		setMenu
+	})] });
 };
 function _temp(fileMeta) {
 	return /* @__PURE__ */ jsx(ListFileViewerItem, { meta: fileMeta }, fileMeta.id);