udp-react-enterprise-component-library 25.16.1 → 25.16.2-beta.10

package/dist/fileViewer-DnbpU0bo.js

@@ -1,546 +0,0 @@
-import { Typography as Typography$1 } from "./Typography-6jelcyoY.js";
-import { getIconFromName } from "./TreeUtilities-BxV5PMJ8.js";
-import { SideSheet } from "./SideSheet-BhKZOd2G.js";
-import { AmbientCard } from "./AmbientCard-Cp-eNzrW.js";
-import { IconButtonWithTooltip } from "./IconButtonWithToolTip-DQacH9wQ.js";
-import { LinearProgress as LinearProgress$1 } from "./LinearProgress-CVk0GRO-.js";
-import { AmbientAlert } from "./AmbientAlert-Daw5MVak.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { Dialog, IconButton, makeStyles } from "@material-ui/core";
-import { useTranslation } from "react-i18next";
-import { Document, Page, pdfjs } from "react-pdf";
-import FirstPageIcon from "@material-ui/icons/esm/FirstPage";
-import NavigateBeforeIcon from "@material-ui/icons/esm/NavigateBefore";
-import NavigateNextIcon from "@material-ui/icons/esm/NavigateNext";
-import LastPageIcon from "@material-ui/icons/esm/LastPage";
-import ZoomInIcon from "@material-ui/icons/esm/ZoomIn";
-import ZoomOutIcon from "@material-ui/icons/esm/ZoomOut";
-import CloudDownloadOutlinedIcon from "@material-ui/icons/esm/CloudDownloadOutlined";
-import HighlightOffOutlinedIcon from "@material-ui/icons/esm/HighlightOffOutlined";
-
-//#region src/UI/fileViewer/pdfViewer/ControlPanel.tsx
-const useStyles$4 = makeStyles((theme) => ({
-	controlPanel: {
-		fontSize: "16px",
-		backgroundColor: theme.palette.background.paper,
-		borderRadius: "5px",
-		width: "fit-content",
-		padding: theme.spacing(1),
-		margin: "8px auto",
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "space-between",
-		gap: "10px"
-	},
-	pageActions: {
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "space-between",
-		gap: "10px"
-	},
-	pageNumber: {
-		display: "flex",
-		gap: 5,
-		minWidth: "125px"
-	}
-}));
-const ControlPanel = (props) => {
-	const { pageNumber, numPages, setPageNumber, scale, setScale, file, closePDF, onClickDownload } = props;
-	const isFirstPage = pageNumber === 1;
-	const isLastPage = pageNumber === numPages;
-	const { t } = useTranslation();
-	const classes = useStyles$4();
-	const goToFirstPage = () => {
-		if (!isFirstPage) setPageNumber(1);
-	};
-	const goToPreviousPage = () => {
-		if (!isFirstPage) setPageNumber(pageNumber - 1);
-	};
-	const goToNextPage = () => {
-		if (!isLastPage) setPageNumber(pageNumber + 1);
-	};
-	const goToLastPage = () => {
-		if (!isLastPage) setPageNumber(numPages);
-	};
-	const onPageChange = (e) => {
-		const { value } = e.target;
-		setPageNumber(Number(value));
-	};
-	const isMinZoom = scale < .6;
-	const isMaxZoom = scale >= 2;
-	const zoomOut = () => {
-		if (!isMinZoom) setScale(scale - .1);
-	};
-	const zoomIn = () => {
-		if (!isMaxZoom) setScale(scale + .1);
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.controlPanel }, /* @__PURE__ */ React.createElement("div", { className: classes.pageActions }, /* @__PURE__ */ React.createElement(IconButton, {
-		size: "small",
-		onClick: goToFirstPage,
-		disabled: isFirstPage
-	}, /* @__PURE__ */ React.createElement(FirstPageIcon, null)), /* @__PURE__ */ React.createElement(IconButton, {
-		size: "small",
-		onClick: goToPreviousPage,
-		disabled: isFirstPage
-	}, /* @__PURE__ */ React.createElement(NavigateBeforeIcon, null)), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.pageNumber }, /* @__PURE__ */ React.createElement(Typography$1, null, t("Page"), " "), /* @__PURE__ */ React.createElement("input", {
-		name: "pageNumber",
-		type: "number",
-		min: 1,
-		max: numPages || 1,
-		style: {
-			padding: 0,
-			paddingLeft: 1,
-			margin: 0,
-			textAlign: "end"
-		},
-		value: pageNumber,
-		onChange: onPageChange
-	}), " ", /* @__PURE__ */ React.createElement(Typography$1, null, "of ", numPages))), /* @__PURE__ */ React.createElement(IconButton, {
-		size: "small",
-		onClick: goToNextPage,
-		disabled: isLastPage
-	}, /* @__PURE__ */ React.createElement(NavigateNextIcon, null)), /* @__PURE__ */ React.createElement(IconButton, {
-		size: "small",
-		onClick: goToLastPage,
-		disabled: isLastPage
-	}, /* @__PURE__ */ React.createElement(LastPageIcon, null))), /* @__PURE__ */ React.createElement("div", { className: classes.pageActions }, /* @__PURE__ */ React.createElement(IconButton, {
-		size: "small",
-		onClick: zoomOut,
-		disabled: isMinZoom
-	}, /* @__PURE__ */ React.createElement(ZoomOutIcon, null)), /* @__PURE__ */ React.createElement(Typography$1, null, (scale * 100).toFixed(), "%"), /* @__PURE__ */ React.createElement(IconButton, {
-		size: "small",
-		onClick: zoomIn,
-		disabled: isMaxZoom
-	}, /* @__PURE__ */ React.createElement(ZoomInIcon, null))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButton, {
-		href: file,
-		size: "small",
-		onClick: onClickDownload
-	}, /* @__PURE__ */ React.createElement(CloudDownloadOutlinedIcon, null))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(IconButton, {
-		size: "small",
-		onClick: closePDF
-	}, /* @__PURE__ */ React.createElement(HighlightOffOutlinedIcon, null))));
-};
-var ControlPanel_default = ControlPanel;
-
-//#endregion
-//#region src/UI/fileViewer/pdfViewer/PDFViewer.tsx
-const useStyles$3 = makeStyles((theme) => ({
-	pdfSection: (props) => ({ minWidth: props?.minWidth }),
-	documentContainer: {
-		display: "flex",
-		justifyContent: "center",
-		width: "100%",
-		height: "100%",
-		overflowX: "auto",
-		overflowY: "hidden"
-	},
-	loadingBox: { width: "100%" }
-}));
-const PDFViewer = ({ isPDFOpen = true, fileUrl, blobPDF, closePDF, onClickDownload, minWidth }) => {
-	const [scale, setScale] = useState(1);
-	const [numPages, setNumPages] = useState(null);
-	const [pageNumber, setPageNumber] = useState(1);
-	const classes = useStyles$3({ minWidth });
-	useEffect(() => {
-		pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
-	});
-	function onDocumentLoadSuccess({ numPages: numPages$1 }) {
-		setNumPages(numPages$1);
-	}
-	return /* @__PURE__ */ React.createElement("div", null, isPDFOpen && /* @__PURE__ */ React.createElement("div", {
-		id: "pdf-section",
-		className: classes.pdfSection
-	}, /* @__PURE__ */ React.createElement(ControlPanel_default, {
-		scale,
-		setScale,
-		numPages,
-		pageNumber,
-		setPageNumber,
-		file: fileUrl ?? `data:application/pdf;base64,${blobPDF}`,
-		closePDF,
-		onClickDownload
-	}), /* @__PURE__ */ React.createElement("div", { className: classes.documentContainer }, /* @__PURE__ */ React.createElement(Document, {
-		file: fileUrl ?? `data:application/pdf;base64,${blobPDF}`,
-		onLoadSuccess: onDocumentLoadSuccess
-	}, /* @__PURE__ */ React.createElement(Page, {
-		pageNumber,
-		scale,
-		loading: /* @__PURE__ */ React.createElement("div", { className: classes.loadingBox }, /* @__PURE__ */ React.createElement(LinearProgress$1, null))
-	})))));
-};
-
-//#endregion
-//#region src/UI/fileViewer/utils/fileTypes.js
-const imageExtension = [
-	"png",
-	"jpeg",
-	"jpg",
-	"jpe",
-	"jif",
-	"jfif",
-	"jfi",
-	"gif",
-	"raw",
-	"svg",
-	"ttif",
-	"tif",
-	"webp",
-	"arw",
-	"sr2",
-	"nrw",
-	"k25",
-	"bmp",
-	"dib",
-	"heif",
-	"heic",
-	"ind",
-	"indd",
-	"indt",
-	"jp2",
-	"j2k",
-	"jpf",
-	"jpm",
-	"mj2",
-	"svgz",
-	"ai",
-	"eps"
-];
-
-//#endregion
-//#region src/UI/fileViewer/utils/fileUtils.js
-const handleDownloadFile = (fileUrl, fileName) => {
-	const a = document.createElement("a");
-	a.style.display = "none";
-	a.href = fileUrl;
-	a.download = fileName;
-	document.body.appendChild(a);
-	a.click();
-	window.URL.revokeObjectURL(fileUrl);
-};
-const validateFilesImageType = (files = [], fileExtensionField) => {
-	let type = "image";
-	files.forEach((file) => {
-		if (!imageExtension.includes(file?.[fileExtensionField])) {
-			type = "invalid";
-			return;
-		}
-	});
-	return type;
-};
-
-//#endregion
-//#region src/UI/fileViewer/imageSlider/ImageFooter.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	secondaryText: { color: theme.palette.text.secondary },
-	description: {
-		margin: theme.spacing(2),
-		display: "flex",
-		flexDirection: "column",
-		gap: theme.spacing(1)
-	},
-	pageAction: {
-		display: "flex",
-		justifyContent: "space-between",
-		gap: theme.spacing(1),
-		alignItems: "center"
-	}
-}));
-const ImageFooter = (props) => {
-	const { images, currentImageObj, hidePrimaryText, hideSecondaryText, handleViewImage, currentImageIndex } = props;
-	const classes = useStyles$2();
-	const { t } = useTranslation();
-	const showItem = useMemo(() => {
-		const showPrimaryText = !hidePrimaryText && currentImageObj?.primaryText;
-		const showSecondaryText = !hideSecondaryText && currentImageObj?.secondaryText;
-		const showPageAction = images?.length > 1;
-		return {
-			footer: showPageAction || showPrimaryText || showSecondaryText,
-			primaryText: showPrimaryText,
-			secondaryText: showSecondaryText,
-			pageAction: showPageAction
-		};
-	}, [
-		currentImageObj,
-		hidePrimaryText,
-		hideSecondaryText,
-		images
-	]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, showItem?.footer && /* @__PURE__ */ React.createElement("div", { className: classes.description }, showItem?.primaryText && /* @__PURE__ */ React.createElement(Typography$1, { variant: "h6" }, currentImageObj?.primaryText), showItem?.secondaryText && /* @__PURE__ */ React.createElement(Typography$1, {
-		variant: "subtitle1",
-		className: classes.secondaryText
-	}, currentImageObj?.secondaryText), showItem?.pageAction && /* @__PURE__ */ React.createElement("div", { className: classes.pageAction }, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-		icon: getIconFromName("ChevronLeft"),
-		title: t("Previous"),
-		disabled: currentImageIndex == 0,
-		onClick: () => {
-			handleViewImage(true);
-		},
-		id: "udpRecord-ImageSlider-PreviousBtn",
-		udprecordid: "udpRecord-ImageSlider-PreviousBtn"
-	}), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography$1, null, currentImageIndex + 1, " ", t("of"), " ", images?.length ?? 0)), /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-		icon: getIconFromName("ChevronRight"),
-		title: t("Next"),
-		disabled: currentImageIndex === images?.length - 1,
-		onClick: () => {
-			handleViewImage();
-		},
-		id: "udpRecord-ImageSlider-NextBtn",
-		udprecordid: "udpRecord-ImageSlider-NextBtn"
-	}))));
-};
-
-//#endregion
-//#region src/UI/fileViewer/imageSlider/Image.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	imageWrapper: {
-		flex: "1 1 auto",
-		overflow: "hidden",
-		position: "relative",
-		margin: theme.spacing(2)
-	},
-	image: {
-		objectFit: "contain",
-		width: "100%",
-		height: "100%",
-		position: "absolute",
-		top: 0,
-		left: 0
-	},
-	cardContent: {
-		display: "flex",
-		flexDirection: "column",
-		overflow: "hidden",
-		height: "100%",
-		background: theme.palette.background.paper
-	}
-}));
-const Image = (props) => {
-	const { imageObj, hidePrimaryText, hideSecondaryText } = props;
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.cardContent }, /* @__PURE__ */ React.createElement("div", { className: classes.imageWrapper }, /* @__PURE__ */ React.createElement("img", {
-		src: imageObj?.filePath,
-		loading: "lazy",
-		alt: `${imageObj?.fileName}`,
-		className: classes.image
-	})), /* @__PURE__ */ React.createElement(ImageFooter, {
-		currentImageObj: imageObj,
-		hidePrimaryText,
-		hideSecondaryText
-	}));
-};
-
-//#endregion
-//#region src/UI/fileViewer/imageSlider/ImageViewerSideSheet.jsx
-const ImageViewerSideSheet = (props) => {
-	const { title, width, imageObj, open, onClose, hideDownload, hidePrimaryText, hideSecondaryText } = props;
-	const { t } = useTranslation();
-	const handleDownloadImage = useCallback(() => {
-		handleDownloadFile(imageObj?.filePath, imageObj?.fileName);
-	}, [imageObj]);
-	return /* @__PURE__ */ React.createElement(SideSheet, {
-		title: title ?? t("Image Viewer"),
-		buttonLabel: hideDownload ? null : t("Download"),
-		width: width ?? "90vw",
-		onSubmit: handleDownloadImage,
-		open,
-		onClose,
-		contentHeight: "100%"
-	}, /* @__PURE__ */ React.createElement(Image, {
-		imageObj,
-		hidePrimaryText,
-		hideSecondaryText
-	}));
-};
-
-//#endregion
-//#region src/UI/fileViewer/imageSlider/ImageSlider.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { backgroundColor: theme.palette.background.paper },
-	imagesWrapper: {
-		display: "flex",
-		width: "100%",
-		height: "100%",
-		overflow: "hidden",
-		alignItems: "center"
-	},
-	imageSection: {
-		width: "100%",
-		height: "100%"
-	},
-	image: {
-		objectFit: "contain",
-		display: "block",
-		flexShrink: 0,
-		flexGrow: 0,
-		transition: "translate 300ms ease-in-out"
-	},
-	openSideSheetIcon: {
-		display: "block",
-		position: "absolute",
-		top: (props) => props?.title ? 64 : 8,
-		right: 8,
-		zIndex: 3,
-		backgroundColor: theme.palette.background.paper
-	},
-	dialogContent: {
-		overflow: "hidden",
-		width: "100vw",
-		height: "100vh",
-		display: "flex",
-		flexDirection: "column"
-	},
-	closeDialog: { margin: theme.spacing(1) },
-	dialogImageSection: {
-		flex: 2,
-		height: "100%"
-	}
-}));
-const defaultFieldMapping$1 = {
-	filePath: "filePath",
-	fileName: "fileName",
-	primaryText: "primaryText",
-	secondaryText: "secondaryText"
-};
-const ImageSlider = (props) => {
-	const { title, images, fieldMapping = defaultFieldMapping$1, sideSheetTitle, sideSheetWidth, hideDownload, hidePrimaryText, hideSecondaryText, hidePrimaryTextInExpandMode, hideSecondaryTextInExpandMode, expandInSideSheet = true } = props;
-	const classes = useStyles(props);
-	const { t } = useTranslation();
-	const [currentImageIndex, setCurrentImageIndex] = useState(0);
-	const [openSideSheet, setOpenSideSheet] = useState(false);
-	const handleViewImage = useCallback((previous = false) => {
-		if (previous) setCurrentImageIndex((prev) => prev - 1);
-		else setCurrentImageIndex((prev) => prev + 1);
-	}, []);
-	const handleExpandImage = useCallback(() => {
-		setOpenSideSheet(true);
-	}, []);
-	const currentImageObj = useMemo(() => {
-		const imgObj = images?.[currentImageIndex];
-		if (!imgObj) return {};
-		return {
-			filePath: imgObj[fieldMapping?.filePath],
-			fileName: imgObj[fieldMapping?.fileName],
-			primaryText: imgObj[fieldMapping?.primaryText],
-			secondaryText: imgObj[fieldMapping?.secondaryText]
-		};
-	}, [
-		currentImageIndex,
-		fieldMapping,
-		images
-	]);
-	return /* @__PURE__ */ React.createElement(AmbientCard, {
-		fullWidth: true,
-		title,
-		removePadding: true,
-		lastChildBottomPadding: "0px",
-		removeTopLayoutUnit: true
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.imagesWrapper }, images?.map((image) => /* @__PURE__ */ React.createElement("img", {
-		src: image?.[fieldMapping?.filePath],
-		alt: `${image?.[fieldMapping?.fileName]}`,
-		loading: "lazy",
-		width: "100%",
-		height: "auto",
-		className: classes.image,
-		style: { translate: `${-100 * currentImageIndex}%` }
-	}))), /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-		icon: getIconFromName("MiniExpand"),
-		title: t("Expand Image"),
-		onClick: handleExpandImage,
-		id: "udpRecord-ImageSlider-ExpandBtn",
-		udprecordid: "udpRecord-ImageSlider-ExpandBtn",
-		className: classes.openSideSheetIcon
-	}), /* @__PURE__ */ React.createElement(ImageFooter, {
-		images,
-		currentImageObj,
-		hidePrimaryText,
-		hideSecondaryText,
-		handleViewImage,
-		currentImageIndex
-	}), expandInSideSheet ? /* @__PURE__ */ React.createElement(ImageViewerSideSheet, {
-		title: sideSheetTitle,
-		open: openSideSheet,
-		onClose: () => {
-			setOpenSideSheet(false);
-		},
-		imageObj: currentImageObj,
-		width: sideSheetWidth,
-		hideDownload,
-		hidePrimaryText: hidePrimaryTextInExpandMode,
-		hideSecondaryText: hideSecondaryTextInExpandMode
-	}) : /* @__PURE__ */ React.createElement(Dialog, {
-		onClose: () => {
-			setOpenSideSheet(false);
-		},
-		open: openSideSheet,
-		fullScreen: true
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.dialogContent }, /* @__PURE__ */ React.createElement("div", { className: classes.closeDialog }, /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
-		icon: getIconFromName("Cancel"),
-		title: t("Close"),
-		onClick: () => {
-			setOpenSideSheet(false);
-		},
-		id: "udpRecord-ImageSlider-PreviousBtn",
-		udprecordid: "udpRecord-ImageSlider-PreviousBtn"
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.dialogImageSection }, /* @__PURE__ */ React.createElement(Image, {
-		imageObj: currentImageObj,
-		hidePrimaryText: hidePrimaryTextInExpandMode,
-		hideSecondaryText: hideSecondaryTextInExpandMode
-	})))));
-};
-
-//#endregion
-//#region src/UI/fileViewer/FileViewer.jsx
-const defaultFieldMapping = {
-	filePath: "filePath",
-	blobFile: "blobFile",
-	fileName: "fileName",
-	fileExtension: "fileExtension",
-	primaryText: "primaryText",
-	secondaryText: "secondaryText"
-};
-const FileViewer = (props) => {
-	const { data, fieldMapping = defaultFieldMapping, acceptedFileExtensions,...otherProps } = props;
-	const { t } = useTranslation();
-	const filteredData = useMemo(() => {
-		if (!acceptedFileExtensions || acceptedFileExtensions?.length === 0) return data;
-		if (data instanceof Array && data?.length > 0) return data?.filter((item) => acceptedFileExtensions?.includes(item?.[fieldMapping?.fileExtension]));
-		else return acceptedFileExtensions?.includes(data?.[fieldMapping?.fileExtension]) ? data : null;
-	}, [
-		acceptedFileExtensions,
-		data,
-		fieldMapping
-	]);
-	const fileType = useMemo(() => {
-		if (filteredData instanceof Array) return validateFilesImageType(filteredData, fieldMapping?.fileExtension);
-		return filteredData?.[fieldMapping?.fileExtension];
-	}, [fieldMapping, filteredData]);
-	const viewer = useMemo(() => {
-		switch (fileType) {
-			case "pdf": return /* @__PURE__ */ React.createElement(PDFViewer, {
-				fileUrl: filteredData?.[fieldMapping?.filePath],
-				blobPDF: filteredData?.[fieldMapping?.blobFile],
-				...otherProps
-			});
-			case "image": return /* @__PURE__ */ React.createElement(ImageSlider, {
-				images: filteredData,
-				fieldMapping,
-				...otherProps
-			});
-			default: return /* @__PURE__ */ React.createElement(AmbientAlert, {
-				alertMessage: t("Unable to view file"),
-				showAlert: true,
-				alertSeverity: "error"
-			});
-		}
-	}, [
-		fileType,
-		data,
-		fieldMapping,
-		otherProps
-	]);
-	return /* @__PURE__ */ React.createElement(React.Fragment, null, viewer);
-};
-
-//#endregion
-export { FileViewer, PDFViewer };
-//# sourceMappingURL=fileViewer-DnbpU0bo.js.map

package/dist/fileViewer-DnbpU0bo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fileViewer-DnbpU0bo.js","names":["useStyles","Typography","useStyles","PDFViewer: FC<PDFContainerProps>","numPages","ControlPanel","LinearProgress","useStyles","Typography","useStyles","defaultFieldMapping"],"sources":["../src/UI/fileViewer/pdfViewer/ControlPanel.tsx","../src/UI/fileViewer/pdfViewer/PDFViewer.tsx","../src/UI/fileViewer/utils/fileTypes.js","../src/UI/fileViewer/utils/fileUtils.js","../src/UI/fileViewer/imageSlider/ImageFooter.jsx","../src/UI/fileViewer/imageSlider/Image.jsx","../src/UI/fileViewer/imageSlider/ImageViewerSideSheet.jsx","../src/UI/fileViewer/imageSlider/ImageSlider.jsx","../src/UI/fileViewer/FileViewer.jsx"],"sourcesContent":["import React from 'react';\nimport { IconButton, makeStyles } from '@material-ui/core';\nimport FirstPageIcon from '@material-ui/icons/esm/FirstPage';\nimport NavigateBeforeIcon from '@material-ui/icons/esm/NavigateBefore';\nimport NavigateNextIcon from '@material-ui/icons/esm/NavigateNext';\nimport LastPageIcon from '@material-ui/icons/esm/LastPage';\nimport ZoomInIcon from '@material-ui/icons/esm/ZoomIn';\nimport ZoomOutIcon from '@material-ui/icons/esm/ZoomOut';\nimport CloudDownloadOutlinedIcon from '@material-ui/icons/esm/CloudDownloadOutlined';\nimport HighlightOffOutlinedIcon from '@material-ui/icons/esm/HighlightOffOutlined';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { useTranslation } from 'react-i18next';\n\nconst useStyles = makeStyles((theme) => ({\n  controlPanel: {\n    fontSize: '16px',\n    backgroundColor: theme.palette.background.paper,\n    borderRadius: '5px',\n    width: 'fit-content',\n    padding: theme.spacing(1),\n    margin: '8px auto',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '10px'\n  },\n  pageActions: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: '10px'\n  },\n  pageNumber: {\n    display: 'flex',\n    gap: 5,\n    minWidth: '125px'\n  }\n}));\n\nconst ControlPanel = (props: any) => {\n  const {\n    pageNumber,\n    numPages,\n    setPageNumber,\n    scale,\n    setScale,\n    file,\n    closePDF,\n    onClickDownload\n  } = props;\n\n  const isFirstPage = pageNumber === 1;\n  const isLastPage = pageNumber === numPages;\n  const { t } = useTranslation();\n  const classes = useStyles();\n\n  const goToFirstPage = () => {\n    if (!isFirstPage) setPageNumber(1);\n  };\n  const goToPreviousPage = () => {\n    if (!isFirstPage) setPageNumber(pageNumber - 1);\n  };\n  const goToNextPage = () => {\n    if (!isLastPage) setPageNumber(pageNumber + 1);\n  };\n  const goToLastPage = () => {\n    if (!isLastPage) setPageNumber(numPages);\n  };\n\n  const onPageChange = (e: any) => {\n    const { value } = e.target;\n    setPageNumber(Number(value));\n  };\n\n  const isMinZoom = scale < 0.6;\n  const isMaxZoom = scale >= 2.0;\n\n  const zoomOut = () => {\n    if (!isMinZoom) setScale(scale - 0.1);\n  };\n\n  const zoomIn = () => {\n    if (!isMaxZoom) setScale(scale + 0.1);\n  };\n\n  return (\n    <div className={classes.controlPanel}>\n      <div className={classes.pageActions}>\n        <IconButton size='small' onClick={goToFirstPage} disabled={isFirstPage}>\n          <FirstPageIcon />\n        </IconButton>\n\n        <IconButton\n          size='small'\n          onClick={goToPreviousPage}\n          disabled={isFirstPage}\n        >\n          <NavigateBeforeIcon />\n        </IconButton>\n\n        <div>\n          <div className={classes.pageNumber}>\n            <Typography>{t('Page')} </Typography>\n            <input\n              name='pageNumber'\n              type='number'\n              min={1}\n              max={numPages || 1}\n              style={{\n                padding: 0,\n                paddingLeft: 1,\n                margin: 0,\n                textAlign: 'end'\n              }}\n              value={pageNumber}\n              onChange={onPageChange}\n            />{' '}\n            <Typography>of {numPages}</Typography>\n          </div>\n        </div>\n\n        <IconButton size='small' onClick={goToNextPage} disabled={isLastPage}>\n          <NavigateNextIcon />\n        </IconButton>\n\n        <IconButton size='small' onClick={goToLastPage} disabled={isLastPage}>\n          <LastPageIcon />\n        </IconButton>\n      </div>\n      <div className={classes.pageActions}>\n        <IconButton size='small' onClick={zoomOut} disabled={isMinZoom}>\n          <ZoomOutIcon />\n        </IconButton>\n\n        <Typography>{(scale * 100).toFixed()}%</Typography>\n\n        <IconButton size='small' onClick={zoomIn} disabled={isMaxZoom}>\n          <ZoomInIcon />\n        </IconButton>\n      </div>\n\n      <div>\n        <IconButton href={file} size='small' onClick={onClickDownload}>\n          <CloudDownloadOutlinedIcon />\n        </IconButton>\n      </div>\n\n      <div>\n        <IconButton size='small' onClick={closePDF}>\n          <HighlightOffOutlinedIcon />\n        </IconButton>\n      </div>\n    </div>\n  );\n};\n\nexport default ControlPanel;\n","import React, { FC, useEffect, useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport ControlPanel from './ControlPanel';\nimport { LinearProgress } from '../../loading/LinearProgress';\nimport { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  pdfSection: (props: PDFContainerProps) => ({\n    minWidth: props?.minWidth,\n  }),\n  documentContainer: {\n    display: 'flex',\n    justifyContent: 'center',\n    width: '100%',\n    height: '100%',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n  },\n  loadingBox: {\n    width: '100%',\n  },\n}));\n\ninterface PDFContainerProps {\n  isPDFOpen?: boolean;\n  fileUrl?: string;\n  blobPDF?: Blob;\n  closePDF?: () => void;\n  onClickDownload?: () => void;\n  minWidth?: number | string;\n}\n\nexport const PDFViewer: FC<PDFContainerProps> = ({\n  isPDFOpen = true,\n  fileUrl,\n  blobPDF,\n  closePDF,\n  onClickDownload,\n  minWidth\n}) => {\n  const [scale, setScale] = useState(1.0);\n  const [numPages, setNumPages] = useState(null);\n  const [pageNumber, setPageNumber] = useState(1);\n  const classes = useStyles({minWidth});\n\n  useEffect(() => {\n    pdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\n  });\n\n  function onDocumentLoadSuccess({ numPages }: any) {\n    setNumPages(numPages);\n  }\n\n  return (\n    <div>\n    {isPDFOpen && (\n      <div id='pdf-section' className={classes.pdfSection}>\n        <ControlPanel\n          scale={scale}\n          setScale={setScale}\n          numPages={numPages}\n          pageNumber={pageNumber}\n          setPageNumber={setPageNumber}\n          file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n          closePDF={closePDF}\n          onClickDownload={onClickDownload}\n        />\n        <div className={classes.documentContainer}>\n          <Document\n            file={fileUrl ?? `data:application/pdf;base64,${blobPDF}`}\n            onLoadSuccess={onDocumentLoadSuccess}\n          >\n            <Page\n              pageNumber={pageNumber}\n              scale={scale}\n              loading={\n                <div className={classes.loadingBox}>\n                  <LinearProgress />\n                </div>\n              }\n            />\n          </Document>\n        </div>\n      </div>\n    )}\n  </div>\n  );\n};\n","export const imageExtension = [\n  'png',\n  'jpeg',\n  'jpg',\n  'jpe',\n  'jif',\n  'jfif',\n  'jfi',\n  'gif',\n  'raw',\n  'svg',\n  'ttif',\n  'tif',\n  'webp',\n  'arw',\n  'sr2',\n  'nrw',\n  'k25',\n  'bmp',\n  'dib',\n  'heif',\n  'heic',\n  'ind',\n  'indd',\n  'indt',\n  'jp2',\n  'j2k',\n  'jpf',\n  'jpm',\n  'mj2',\n  'svgz',\n  'ai',\n  'eps',\n];\n","import { imageExtension } from './fileTypes';\n\nexport const handleDownloadFile = (fileUrl, fileName) => {\n  const a = document.createElement('a');\n  a.style.display = 'none';\n  a.href = fileUrl;\n  a.download = fileName;\n  document.body.appendChild(a);\n  a.click();\n  window.URL.revokeObjectURL(fileUrl);\n};\n\nexport const validateFilesImageType = (files = [], fileExtensionField) => {\n  let type = \"image\";\n  files.forEach(file => {\n    if (!imageExtension.includes(file?.[fileExtensionField])) {\n      type = 'invalid';\n      return;\n    }\n  });\n  return type;\n};\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport { makeStyles } from '@material-ui/core';\nimport React, { useMemo } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from '../../dataDisplay/typography/Typography';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n  secondaryText: {\n    color: theme.palette.text.secondary,\n  },\n  description: {\n    margin: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(1),\n  },\n  pageAction: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n  },\n}));\n\nexport const ImageFooter = props => {\n  const {\n    images,\n    currentImageObj,\n    hidePrimaryText,\n    hideSecondaryText,\n    handleViewImage,\n    currentImageIndex,\n  } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  const showItem = useMemo(() => {\n    const showPrimaryText = !hidePrimaryText && currentImageObj?.primaryText;\n    const showSecondaryText =\n      !hideSecondaryText && currentImageObj?.secondaryText;\n    const showPageAction = images?.length > 1;\n    return {\n      footer: showPageAction || showPrimaryText || showSecondaryText,\n      primaryText: showPrimaryText,\n      secondaryText: showSecondaryText,\n      pageAction: showPageAction,\n    };\n  }, [currentImageObj, hidePrimaryText, hideSecondaryText, images]);\n\n  return (\n    <>\n      {showItem?.footer && (\n        <div className={classes.description}>\n          {showItem?.primaryText && (\n            <Typography variant=\"h6\">{currentImageObj?.primaryText}</Typography>\n          )}\n\n          {showItem?.secondaryText && (\n            <Typography variant=\"subtitle1\" className={classes.secondaryText}>\n              {currentImageObj?.secondaryText}\n            </Typography>\n          )}\n          {showItem?.pageAction && (\n            <div className={classes.pageAction}>\n              <IconButtonWithTooltip\n                icon={getIconFromName('ChevronLeft')}\n                title={t('Previous')}\n                disabled={currentImageIndex == 0}\n                onClick={() => {\n                  handleViewImage(true);\n                }}\n                id=\"udpRecord-ImageSlider-PreviousBtn\"\n                udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n              />\n\n              <div>\n                <Typography>\n                  {currentImageIndex + 1} {t('of')} {images?.length ?? 0}\n                </Typography>\n              </div>\n              <IconButtonWithTooltip\n                icon={getIconFromName('ChevronRight')}\n                title={t('Next')}\n                disabled={currentImageIndex === images?.length - 1}\n                onClick={() => {\n                  handleViewImage();\n                }}\n                id=\"udpRecord-ImageSlider-NextBtn\"\n                udprecordid=\"udpRecord-ImageSlider-NextBtn\"\n              />\n            </div>\n          )}\n        </div>\n      )}\n    </>\n  );\n};\n","import { makeStyles } from '@material-ui/core';\nimport React from 'react';\nimport { ImageFooter } from './ImageFooter';\n\nconst useStyles = makeStyles(theme => ({\n  imageWrapper: {\n    flex: '1 1 auto',\n    overflow: 'hidden',\n    position: 'relative',\n    margin: theme.spacing(2)\n  },\n  image: {\n    objectFit: 'contain',\n    width: '100%',\n    height: '100%',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n  },\n  cardContent: {\n    display: 'flex',\n    flexDirection: 'column',\n    overflow: 'hidden',\n    height: '100%',\n    background: theme.palette.background.paper,\n  },\n}));\n\nexport const Image = props => {\n  const { imageObj, hidePrimaryText, hideSecondaryText } = props;\n  const classes = useStyles();\n\n  return (\n    <div className={classes.cardContent}>\n      <div className={classes.imageWrapper}>\n        <img\n          src={imageObj?.filePath}\n          loading=\"lazy\"\n          alt={`${imageObj?.fileName}`}\n          className={classes.image}\n        />\n      </div>\n      <ImageFooter\n        currentImageObj={imageObj}\n        hidePrimaryText={hidePrimaryText}\n        hideSecondaryText={hideSecondaryText}\n      />\n    </div>\n  );\n};\n","import React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { handleDownloadFile } from '../utils/fileUtils';\nimport { Image } from './Image';\nimport { SideSheet } from '../../surfaces/SideSheet';\n\nexport const ImageViewerSideSheet = (props) => {\n  const {\n    title,\n    width,\n    imageObj,\n    open,\n    onClose,\n    hideDownload,\n    hidePrimaryText,\n    hideSecondaryText\n  } = props;\n  const { t } = useTranslation();\n\n  const handleDownloadImage = useCallback(() => {\n    handleDownloadFile(imageObj?.filePath, imageObj?.fileName);\n  }, [imageObj]);\n\n  return (\n    <SideSheet\n      title={title ?? t('Image Viewer')}\n      buttonLabel={hideDownload ? null : t('Download')}\n      width={width ?? '90vw'}\n      onSubmit={handleDownloadImage}\n      open={open}\n      onClose={onClose}\n      contentHeight='100%'\n    >\n      <Image\n        imageObj={imageObj}\n        hidePrimaryText={hidePrimaryText}\n        hideSecondaryText={hideSecondaryText}\n      />\n    </SideSheet>\n  );\n};\n","import { Dialog, makeStyles } from '@material-ui/core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { ImageViewerSideSheet } from './ImageViewerSideSheet';\nimport { Image } from './Image';\nimport { ImageFooter } from './ImageFooter';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { IconButtonWithTooltip } from '../../inputs/buttons/IconButtonWithToolTip';\nimport { getIconFromName } from '../../../utilities/tree/TreeUtilities';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    backgroundColor: theme.palette.background.paper,\n  },\n  imagesWrapper: {\n    display: 'flex',\n    width: '100%',\n    height: '100%',\n    overflow: 'hidden',\n    alignItems: 'center',\n  },\n  imageSection: {\n    width: '100%',\n    height: '100%',\n  },\n  image: {\n    objectFit: 'contain',\n    display: 'block',\n    flexShrink: 0,\n    flexGrow: 0,\n    transition: 'translate 300ms ease-in-out',\n  },\n  openSideSheetIcon: {\n    display: 'block',\n    position: 'absolute',\n    top: props => (props?.title ? 64 : 8),\n    right: 8,\n    zIndex: 3,\n    backgroundColor: theme.palette.background.paper,\n  },\n  dialogContent: {\n    overflow: 'hidden',\n    width: '100vw',\n    height: '100vh',\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  closeDialog: {\n    margin: theme.spacing(1),\n  },\n  dialogImageSection: {\n    flex: 2,\n    height: '100%',\n  },\n}));\n\nconst defaultFieldMapping = {\n  filePath: 'filePath',\n  fileName: 'fileName',\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText',\n};\n\nexport const ImageSlider = props => {\n  const {\n    title,\n    images,\n    fieldMapping = defaultFieldMapping,\n    sideSheetTitle,\n    sideSheetWidth,\n    hideDownload,\n    hidePrimaryText,\n    hideSecondaryText,\n    hidePrimaryTextInExpandMode,\n    hideSecondaryTextInExpandMode,\n    expandInSideSheet = true,\n  } = props;\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n  const [currentImageIndex, setCurrentImageIndex] = useState(0);\n  const [openSideSheet, setOpenSideSheet] = useState(false);\n\n  const handleViewImage = useCallback((previous = false) => {\n    if (previous) {\n      setCurrentImageIndex(prev => prev - 1);\n    } else {\n      setCurrentImageIndex(prev => prev + 1);\n    }\n  }, []);\n\n  const handleExpandImage = useCallback(() => {\n    setOpenSideSheet(true);\n  }, []);\n\n  const currentImageObj = useMemo(() => {\n    const imgObj = images?.[currentImageIndex];\n    if (!imgObj) return {};\n\n    return {\n      filePath: imgObj[fieldMapping?.filePath],\n      fileName: imgObj[fieldMapping?.fileName],\n      primaryText: imgObj[fieldMapping?.primaryText],\n      secondaryText: imgObj[fieldMapping?.secondaryText],\n    };\n  }, [currentImageIndex, fieldMapping, images]);\n\n  return (\n    <AmbientCard\n      fullWidth\n      title={title}\n      removePadding\n      lastChildBottomPadding=\"0px\"\n      removeTopLayoutUnit\n    >\n      <div className={classes.imagesWrapper}>\n        {images?.map(image => (\n          <img\n            src={image?.[fieldMapping?.filePath]}\n            alt={`${image?.[fieldMapping?.fileName]}`}\n            loading=\"lazy\"\n            width=\"100%\"\n            height=\"auto\"\n            className={classes.image}\n            style={{ translate: `${-100 * currentImageIndex}%` }}\n          />\n        ))}\n      </div>\n      <IconButtonWithTooltip\n        icon={getIconFromName('MiniExpand')}\n        title={t('Expand Image')}\n        onClick={handleExpandImage}\n        id=\"udpRecord-ImageSlider-ExpandBtn\"\n        udprecordid=\"udpRecord-ImageSlider-ExpandBtn\"\n        className={classes.openSideSheetIcon}\n      />\n      <ImageFooter\n        images={images}\n        currentImageObj={currentImageObj}\n        hidePrimaryText={hidePrimaryText}\n        hideSecondaryText={hideSecondaryText}\n        handleViewImage={handleViewImage}\n        currentImageIndex={currentImageIndex}\n      />\n\n      {expandInSideSheet ? (\n        <ImageViewerSideSheet\n          title={sideSheetTitle}\n          open={openSideSheet}\n          onClose={() => {\n            setOpenSideSheet(false);\n          }}\n          imageObj={currentImageObj}\n          width={sideSheetWidth}\n          hideDownload={hideDownload}\n          hidePrimaryText={hidePrimaryTextInExpandMode}\n          hideSecondaryText={hideSecondaryTextInExpandMode}\n        />\n      ) : (\n        <Dialog\n          onClose={() => {\n            setOpenSideSheet(false);\n          }}\n          open={openSideSheet}\n          fullScreen\n        >\n          <div className={classes.dialogContent}>\n            <div className={classes.closeDialog}>\n              <IconButtonWithTooltip\n                icon={getIconFromName('Cancel')}\n                title={t('Close')}\n                onClick={() => {\n                  setOpenSideSheet(false);\n                }}\n                id=\"udpRecord-ImageSlider-PreviousBtn\"\n                udprecordid=\"udpRecord-ImageSlider-PreviousBtn\"\n              />\n            </div>\n            <div className={classes.dialogImageSection}>\n              <Image\n                imageObj={currentImageObj}\n                hidePrimaryText={hidePrimaryTextInExpandMode}\n                hideSecondaryText={hideSecondaryTextInExpandMode}\n              />\n            </div>\n          </div>\n        </Dialog>\n      )}\n    </AmbientCard>\n  );\n};\n","/* eslint-disable react/jsx-no-useless-fragment */\nimport React, { useMemo } from 'react';\nimport { PDFViewer } from './pdfViewer/PDFViewer';\nimport { ImageSlider } from './imageSlider/ImageSlider';\nimport { validateFilesImageType } from './utils/fileUtils';\nimport { useTranslation } from 'react-i18next';\nimport { AmbientAlert } from '../feedback/AmbientAlert';\n\nconst defaultFieldMapping = {\n  filePath: 'filePath',\n  blobFile: 'blobFile',\n  fileName: 'fileName',\n  fileExtension: 'fileExtension',\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText',\n};\n\nexport const FileViewer = props => {\n  const {\n    data,\n    fieldMapping = defaultFieldMapping,\n    acceptedFileExtensions,\n    ...otherProps\n  } = props;\n  const { t } = useTranslation();\n\n  //filter data\n  const filteredData = useMemo(() => {\n    if (!acceptedFileExtensions || acceptedFileExtensions?.length === 0)\n      return data;\n    if (data instanceof Array && data?.length > 0) {\n      return data?.filter(item =>\n        acceptedFileExtensions?.includes(item?.[fieldMapping?.fileExtension])\n      );\n    } else {\n      return acceptedFileExtensions?.includes(\n        data?.[fieldMapping?.fileExtension]\n      )\n        ? data\n        : null;\n    }\n  }, [acceptedFileExtensions, data, fieldMapping]);\n\n  // check if the data is an array. If yes, currently only image viewer accept this list,\n  // we need to validate if all the file in the list is image\n  const fileType = useMemo(() => {\n    if (filteredData instanceof Array) {\n      const type = validateFilesImageType(\n        filteredData,\n        fieldMapping?.fileExtension\n      );\n      return type;\n    }\n    return filteredData?.[fieldMapping?.fileExtension];\n  }, [fieldMapping, filteredData]);\n\n  const viewer = useMemo(() => {\n    switch (fileType) {\n      case 'pdf':\n        return (\n          <PDFViewer\n            fileUrl={filteredData?.[fieldMapping?.filePath]}\n            blobPDF={filteredData?.[fieldMapping?.blobFile]}\n            {...otherProps}\n          />\n        );\n      case 'image':\n        return (\n          <ImageSlider\n            images={filteredData}\n            fieldMapping={fieldMapping}\n            {...otherProps}\n          />\n        );\n      default:\n        return (\n          <AmbientAlert\n            alertMessage={t('Unable to view file')}\n            showAlert\n            alertSeverity=\"error\"\n          />\n        );\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fileType, data, fieldMapping, otherProps]);\n\n  return <>{viewer}</>;\n};\n"],"mappings":"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"}