@bindu-dashing/dam-solution-v2 5.8.155 → 5.8.156

package/build/MyDrive/fileDetails/FileViewer.js

@@ -12,6 +12,6 @@ const FileViewer = ({ file, onNext, onPrev, hasNext, hasPrev, handleClose, }) =>
     const brand = damConfig === null || damConfig === void 0 ? void 0 : damConfig.brand;
     const showFilePreview = get(brand, "showFilePreview", false);
     const [metadataOpen, setMetadataOpen] = useState(showFilePreview);
-    return (_jsx(Layout, { className: "md-lib-h-full", children: _jsxs(Content, { className: "md-lib-flex md-lib-h-full md-lib-w-full", children: [_jsx("div", { className: `md-lib-flex md-lib-items-center md-lib-justify-center md-lib-relative md-lib-bg-textColorActive dark:md-lib-bg-darkSecondaryColor md-lib-min-h-full ${metadataOpen ? "md-lib-flex-1" : "md-lib-flex-1 md-lib-w-full"}`, children: _jsx(PreviewDetails, { file: file, hasNext: hasNext, hasPrev: hasPrev, onNext: onNext, onPrev: onPrev }) }), showFilePreview && (_jsxs(_Fragment, { children: [_jsx(Button, { type: "text", className: "md-lib-shrink-0 md-lib-flex md-lib-items-center md-lib-justify-center md-lib-w-10 md-lib-h-10 md-lib-rounded-none md-lib-bg-black/50 hover:md-lib-bg-black/70 dark:md-lib-bg-white/20 dark:hover:md-lib-bg-white/30 md-lib-text-white md-lib-border-0 md-lib-self-start md-lib-mt-4", onClick: () => setMetadataOpen((prev) => !prev), "aria-label": metadataOpen ? "Hide showFilePreviewEditor" : "Show showFilePreviewEditor", children: metadataOpen ? (_jsx(RightOutlined, { className: "md-lib-text-lg" })) : (_jsx(LeftOutlined, { className: "md-lib-text-lg" })) }), metadataOpen && (_jsx("div", { className: "md-lib-w-[400px] md-lib-min-w-[320px] md-lib-shrink-0 md-lib-border-l md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-bg-backgroundColor dark:md-lib-bg-darkPrimary md-lib-overflow-y-auto", children: _jsx(MapFile, { fromUpload: false, filesList: file ? [file] : [], handleCancel: handleClose ? () => handleClose() : undefined }) }))] }))] }) }));
+    return (_jsx(Layout, { className: "md-lib-h-full", children: _jsxs(Content, { className: "md-lib-flex md-lib-h-full md-lib-w-full", children: [_jsx("div", { className: `md-lib-flex md-lib-items-center md-lib-justify-center md-lib-relative md-lib-bg-textColorActive dark:md-lib-bg-darkSecondaryColor md-lib-min-h-full ${metadataOpen ? "md-lib-flex-1" : "md-lib-flex-1 md-lib-w-full"}`, children: _jsx(PreviewDetails, { file: file, hasNext: hasNext, hasPrev: hasPrev, onNext: onNext, onPrev: onPrev, showFilePreview: showFilePreview }) }), showFilePreview && (_jsxs(_Fragment, { children: [_jsx(Button, { type: "text", className: "md-lib-shrink-0 md-lib-flex md-lib-items-center md-lib-justify-center md-lib-w-10 md-lib-h-10 md-lib-rounded-none md-lib-bg-black/50 hover:md-lib-bg-black/70 dark:md-lib-bg-white/20 dark:hover:md-lib-bg-white/30 md-lib-text-white md-lib-border-0 md-lib-self-start md-lib-mt-4", onClick: () => setMetadataOpen((prev) => !prev), "aria-label": metadataOpen ? "Hide showFilePreviewEditor" : "Show showFilePreviewEditor", children: metadataOpen ? (_jsx(RightOutlined, { className: "md-lib-text-lg" })) : (_jsx(LeftOutlined, { className: "md-lib-text-lg" })) }), metadataOpen && (_jsx("div", { className: "md-lib-w-[400px] md-lib-min-w-[320px] md-lib-shrink-0 md-lib-border-l md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-bg-backgroundColor dark:md-lib-bg-darkPrimary md-lib-overflow-y-auto", children: _jsx(MapFile, { fromUpload: false, filesList: file ? [file] : [], handleCancel: handleClose ? () => handleClose() : undefined }) }))] }))] }) }));
 };
 export default FileViewer;

package/build/MyDrive/fileDetails/ImageViewer.d.ts

@@ -1,5 +1,6 @@
 import { FileEntity } from "../../utilities/constants/interface";
-declare const ImageViewer: ({ file }: {
+declare const ImageViewer: ({ file, showFilePreview }: {
     file: FileEntity;
+    showFilePreview?: boolean;
 }) => JSX.Element;
 export default ImageViewer;

package/build/MyDrive/fileDetails/ImageViewer.js

@@ -4,13 +4,13 @@ import ImageOptions from "./ImageOptions";
 import { useState } from "react";
 import { SAMPLE_IMAGE_URL } from "../../utilities/constants/imageUrls";
 import { useDamConfig } from "../../hocs/DamConfigContext";
-const ImageViewer = ({ file }) => {
+const ImageViewer = ({ file, showFilePreview }) => {
     const damConfig = useDamConfig();
     const { isAdmin } = damConfig;
     const [zoom, setZoom] = useState("100");
     const zoomOptions = ["10", "25", "50", "75", "100"];
     const imgWidth = 750 * (parseInt(zoom) / 100);
     // const imgHeight = 333 * (parseInt(zoom) / 100);
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "md-lib-relative md-lib-flex md-lib-justify-center md-lib-items-center md-lib-h-[calc(100vh-65px)] md-lib-w-full md-lib-overflow-x-auto", children: _jsx("img", { src: get(file, "s3Url") || get(file, "downloadUrl") || get(file, "thumbnailUrl", SAMPLE_IMAGE_URL), alt: get(file, "name", ""), width: imgWidth, height: "auto" }) }), isAdmin && (_jsx(ImageOptions, { zoom: zoom, setZoom: setZoom, zoomOptions: zoomOptions, file: file }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "md-lib-relative md-lib-flex md-lib-justify-center md-lib-items-center md-lib-h-[calc(100vh-65px)] md-lib-w-full md-lib-overflow-x-auto", children: _jsx("img", { src: get(file, "s3Url") || get(file, "downloadUrl") || get(file, "thumbnailUrl", SAMPLE_IMAGE_URL), alt: get(file, "name", ""), width: imgWidth, height: "auto" }) }), showFilePreview && (_jsx(ImageOptions, { zoom: zoom, setZoom: setZoom, zoomOptions: zoomOptions, file: file }))] }));
 };
 export default ImageViewer;

package/build/MyDrive/fileDetails/Previewdetails.d.ts

@@ -1,9 +1,10 @@
 import { FileEntity } from "../../utilities/constants/interface";
-declare const PreviewDetails: ({ file, hasPrev, hasNext, onPrev, onNext, }: {
+declare const PreviewDetails: ({ file, hasPrev, hasNext, onPrev, onNext, showFilePreview, }: {
     file: FileEntity;
     hasPrev: boolean;
     hasNext: boolean;
     onPrev: () => void;
     onNext: () => void;
+    showFilePreview?: boolean;
 }) => JSX.Element;
 export default PreviewDetails;

package/build/MyDrive/fileDetails/Previewdetails.js

@@ -9,12 +9,12 @@ import useAppParams from "../../utilities/useAppParams";
 // const PDFViewer = lazy(() => import("./PdfViewer"));
 const GoArrowLeftIcon = GoArrowLeft;
 const GoArrowRightIcon = GoArrowRight;
-const PreviewDetails = ({ file, hasPrev, hasNext, onPrev, onNext, }) => {
+const PreviewDetails = ({ file, hasPrev, hasNext, onPrev, onNext, showFilePreview, }) => {
     const { id } = useAppParams();
     const mimetype = get(file, "mimetype", "");
     const fileComponent = useMemo(() => {
         if (startsWith(mimetype, "image/")) {
-            return _jsx(ImageViewer, { file: file });
+            return _jsx(ImageViewer, { file: file, showFilePreview: showFilePreview });
         }
         else if (startsWith(mimetype, "video/")) {
             return _jsx(VideoPlayer, { src: get(file, "s3Url") || get(file, "downloadUrl") || get(file, "thumbnailUrl", "") });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bindu-dashing/dam-solution-v2",
-  "version": "5.8.155",
+  "version": "5.8.156",
   "dependencies": {
     "@ant-design/icons": "^5.0.1",
     "@emoji-mart/data": "^1.2.1",