@bindu-dashing/dam-solution-v2 5.9.252 → 5.9.254
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;
|
|
@@ -140,7 +140,7 @@ const ImageEditorComponent = ({ file, handleClose, }) => {
|
|
|
140
140
|
});
|
|
141
141
|
const openConfirm = () => setState((prev) => (Object.assign(Object.assign({}, prev), { confirmOpen: true })));
|
|
142
142
|
const closeConfirm = () => setState((prev) => (Object.assign(Object.assign({}, prev), { confirmOpen: false })));
|
|
143
|
-
return (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-h-screen", children: [_jsxs("div", { className: "md-lib-shrink-0 md-lib-bg-darkPrimaryBg md-lib-py-3 md-lib-px-5 md-lib-flex md-lib-justify-between md-lib-items-center md-lib-relative md-lib-z-[100]", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-5", children: [_jsx(GoArrowLeftIcon, { className: "md-lib-text-darkTextColor md-lib-cursor-pointer", size: 24, onClick: handleClose }), _jsx("h4", { className: "md-lib-font-semibold md-lib-text-darkTextColor md-lib-text-base md-lib-truncate md-lib-w-96", title: get(file, "name", "N/A"), children: get(file, "name", "N/A") })] }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4", children: [_jsx(CustomButton, { size: "large", onClick: handleClose, label: "Cancel", type: "default", className: "md-lib-bg-secondaryColor md-lib-hover:bg-secondaryHoverColor md-lib-border-none" }), _jsx(CustomButton, { size: "large", type: "primary", icon: _jsx(PiFloppyDiskIcon, { size: 24 }), onClick: openConfirm, label: "Save", loading: loading })] })] }), _jsx("div", { className: "md-lib-flex-1 md-lib-overflow-hidden md-lib-relative", children: _jsx(TuiImageEditor, { ref: editorRef, file: file, path: get(file, "s3Path") }) }), _jsx(Modal, { open: confirmOpen, onCancel: closeConfirm, title: "Save edited image", maskClosable: !loading, closable: !loading, footer: [
|
|
143
|
+
return (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-h-screen", children: [_jsxs("div", { className: "md-lib-shrink-0 md-lib-bg-darkPrimaryBg md-lib-py-3 md-lib-px-5 md-lib-flex md-lib-justify-between md-lib-items-center md-lib-relative md-lib-z-[100]", children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-5", children: [_jsx(GoArrowLeftIcon, { className: "md-lib-text-darkTextColor md-lib-cursor-pointer", size: 24, onClick: handleClose }), _jsx("h4", { className: "md-lib-font-semibold md-lib-text-darkTextColor md-lib-text-base md-lib-truncate md-lib-w-96", title: get(file, "name", "N/A"), children: get(file, "name", "N/A") })] }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4", children: [_jsx(CustomButton, { size: "large", onClick: handleClose, label: "Cancel", type: "default", className: "md-lib-bg-secondaryColor md-lib-hover:bg-secondaryHoverColor md-lib-border-none" }), _jsx(CustomButton, { size: "large", type: "primary", icon: _jsx(PiFloppyDiskIcon, { size: 24 }), onClick: openConfirm, label: "Save", loading: loading })] })] }), _jsx("div", { className: "md-lib-flex-1 md-lib-overflow-hidden md-lib-relative", children: _jsx(TuiImageEditor, { ref: editorRef, file: file, path: get(file, "s3Path") }) }), _jsx(Modal, { open: confirmOpen, onCancel: closeConfirm, title: "Save edited image", maskClosable: !loading, closable: !loading, zIndex: 2000, footer: [
|
|
144
144
|
_jsx(Button, { onClick: closeConfirm, disabled: loading, children: "Cancel" }, "cancel"),
|
|
145
145
|
_jsx(Button, { onClick: handleOverwrite, disabled: loading, children: "Overwrite" }, "overwrite"),
|
|
146
146
|
_jsx(Button, { type: "primary", onClick: handleSaveAsNew, loading: loading, children: "Save as new" }, "new"),
|
|
@@ -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;
|