@bindu-dashing/dam-solution-v2 5.9.252 → 5.9.253
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -12,7 +12,6 @@ import { useState } from "react";
|
|
|
12
12
|
import { useDamConfig } from "../hocs/DamConfigContext";
|
|
13
13
|
import EditImageModal from "./ImageEditor/EditImageModal";
|
|
14
14
|
import EditPdfModal from "./PdfEditor/EditPdfModal";
|
|
15
|
-
import { withVersion } from "../utilities/helpers/cacheBust";
|
|
16
15
|
const IconInprogress = GrInProgress;
|
|
17
16
|
const AiOutlineEditIcon = AiOutlineEdit;
|
|
18
17
|
const AiOutlineCheckCircleIcon = AiOutlineCheckCircle;
|
|
@@ -52,7 +51,7 @@ const FilesGridView = ({ files, handleClick, selectedFileIds, isImagePicker, sel
|
|
|
52
51
|
openEditor(file);
|
|
53
52
|
}, children: _jsx(AiOutlineEditIcon, { className: "md-lib-text-[18px] md-lib-text-textColor dark:md-lib-text-darkTextColor hover:md-lib-text-primary md-lib-cursor-pointer" }) }) }))] }), _jsx("div", { className: "md-lib-mt-2 md-lib-h-28 md-lib-mx-2.5 md-lib-bg-white dark:md-lib-bg-darkPrimaryHoverColor md-lib-rounded-md md-lib-flex md-lib-justify-center", children: get(file, "fileUploadStatus") === ThumbnailStatus.PENDING ? (
|
|
54
53
|
// <IconInprogress className="mt-10 text-[40px] text-imagesColor" />
|
|
55
|
-
_jsx(Image, { src: UPLOAD_FILE_IN_PROGRESS_WHITE_IMAGE, width: 100, height: 100 })) : (_jsx("img", { src:
|
|
54
|
+
_jsx(Image, { src: UPLOAD_FILE_IN_PROGRESS_WHITE_IMAGE, width: 100, height: 100 })) : (_jsx("img", { src: get(file, "thumbnailUrl", ""), alt: get(file, "name", "N/A"), className: "md-lib-w-full md-lib-h-full md-lib-object-contain md-lib-p-1" })) }), _jsx("div", { children: _jsx("p", { className: "md-lib-text-xs md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-px-5 md-lib-pt-2.5 md-lib-truncate md-lib-max-w-40", title: get(file, "name", "N/A"), children: get(file, "assetName", "N/A") }) })] }, get(file, "_id")));
|
|
56
55
|
}) }), showEditModal && editFile && getEditorType(editFile) === "image" && (_jsx(EditImageModal, { open: showEditModal, handleClose: closeEditor, file: editFile })), showEditModal && editFile && getEditorType(editFile) === "pdf" && (_jsx(EditPdfModal, { open: showEditModal, handleClose: closeEditor, file: editFile }))] }));
|
|
57
56
|
};
|
|
58
57
|
export default FilesGridView;
|
|
@@ -4,7 +4,6 @@ import ImageOptions from "./ImageOptions";
|
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { SAMPLE_IMAGE_URL } from "../../utilities/constants/imageUrls";
|
|
6
6
|
import { useDamConfig } from "../../hocs/DamConfigContext";
|
|
7
|
-
import { withVersion } from "../../utilities/helpers/cacheBust";
|
|
8
7
|
const ImageViewer = ({ file, showFilePreview }) => {
|
|
9
8
|
const damConfig = useDamConfig();
|
|
10
9
|
const { isAdmin } = damConfig;
|
|
@@ -12,6 +11,6 @@ const ImageViewer = ({ file, showFilePreview }) => {
|
|
|
12
11
|
const zoomOptions = ["10", "25", "50", "75", "100"];
|
|
13
12
|
const imgWidth = 750 * (parseInt(zoom) / 100);
|
|
14
13
|
// const imgHeight = 333 * (parseInt(zoom) / 100);
|
|
15
|
-
return (_jsxs("div", { className: "md-lib-relative md-lib-flex md-lib-flex-col md-lib-h-[calc(100vh-65px)] md-lib-w-full md-lib-overflow-hidden", children: [_jsx("div", { className: "md-lib-flex-1 md-lib-flex md-lib-justify-center md-lib-items-center md-lib-w-full md-lib-overflow-auto md-lib-min-h-0", children: _jsx("img", { src:
|
|
14
|
+
return (_jsxs("div", { className: "md-lib-relative md-lib-flex md-lib-flex-col md-lib-h-[calc(100vh-65px)] md-lib-w-full md-lib-overflow-hidden", children: [_jsx("div", { className: "md-lib-flex-1 md-lib-flex md-lib-justify-center md-lib-items-center md-lib-w-full md-lib-overflow-auto md-lib-min-h-0", children: _jsx("img", { src: get(file, "s3Url") || get(file, "downloadUrl") || get(file, "thumbnailUrl", SAMPLE_IMAGE_URL), alt: get(file, "name", ""), width: imgWidth, height: "auto", className: "md-lib-max-w-full md-lib-max-h-full md-lib-object-contain" }) }), showFilePreview && (_jsx("div", { className: "md-lib-flex md-lib-justify-center md-lib-items-center md-lib-py-4 md-lib-shrink-0", children: _jsx(ImageOptions, { zoom: zoom, setZoom: setZoom, zoomOptions: zoomOptions, file: file }) }))] }));
|
|
16
15
|
};
|
|
17
16
|
export default ImageViewer;
|