authscape 1.0.158 → 1.0.159

package/index.js

@@ -1140,34 +1140,50 @@ var PageToPDF = function PageToPDF(_ref) {
     elementById = _ref.elementById,
     _ref$scale = _ref.scale,
     scale = _ref$scale === void 0 ? 2 : _ref$scale,
-    _ref$onHideElements = _ref.onHideElements,
-    onHideElements = _ref$onHideElements === void 0 ? null : _ref$onHideElements,
+    _ref$showHideClassEle = _ref.showHideClassElements,
+    showHideClassElements = _ref$showHideClassEle === void 0 ? [] : _ref$showHideClassEle,
     _ref$fileName = _ref.fileName,
     fileName = _ref$fileName === void 0 ? "download" : _ref$fileName;
+  var onHideElements = function onHideElements() {
+    for (var index = 0; index < showHideClassElements.length; index++) {
+      var element = showHideClassElements[index];
+      var className = document.getElementsByClassName(element);
+      if (className != null) {
+        className.style.display = "none";
+      }
+    }
+  };
+  var onShowElements = function onShowElements() {
+    for (var index = 0; index < showHideClassElements.length; index++) {
+      var element = showHideClassElements[index];
+      var className = document.getElementsByClassName(element);
+      if (className != null) {
+        className.style.display = "block";
+      }
+    }
+  };
   var printElement = function printElement() {
-    onHideElements(true);
-    setTimeout(function () {
-      var input = document.getElementById(elementById);
-      (0, _html2canvas["default"])(input, {
-        backgroundColor: null,
-        scale: scale
-      }).then(function (canvas) {
-        var imgData = canvas.toDataURL("image/png", 1.0);
-        var pdf = new _jspdf.jsPDF();
-        var pdfWidth = pdf.internal.pageSize.getWidth();
-        var pdfHeight = pdf.internal.pageSize.getHeight();
-        var imgWidth = canvas.width;
-        var imgHeight = canvas.height;
-        var scaleFactor = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight);
-        var scaledWidth = imgWidth * scaleFactor;
-        var scaledHeight = imgHeight * scaleFactor;
-        var x = (pdfWidth - scaledWidth) / 2;
-        var y = 0; // Set y coordinate to 0 to align to the top
-        pdf.addImage(imgData, "PNG", x, y, scaledWidth, scaledHeight);
-        pdf.save(fileName + ".pdf");
-      });
-    }, 2000);
-    onHideElements(false);
+    onHideElements();
+    var input = document.getElementById(elementById);
+    (0, _html2canvas["default"])(input, {
+      backgroundColor: null,
+      scale: scale
+    }).then(function (canvas) {
+      var imgData = canvas.toDataURL("image/png", 1.0);
+      var pdf = new _jspdf.jsPDF();
+      var pdfWidth = pdf.internal.pageSize.getWidth();
+      var pdfHeight = pdf.internal.pageSize.getHeight();
+      var imgWidth = canvas.width;
+      var imgHeight = canvas.height;
+      var scaleFactor = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight);
+      var scaledWidth = imgWidth * scaleFactor;
+      var scaledHeight = imgHeight * scaleFactor;
+      var x = (pdfWidth - scaledWidth) / 2;
+      var y = 0; // Set y coordinate to 0 to align to the top
+      pdf.addImage(imgData, "PNG", x, y, scaledWidth, scaledHeight);
+      pdf.save(fileName + ".pdf");
+    });
+    onShowElements();
   };
   return /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     startIcon: startIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.158",
+  "version": "1.0.159",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/pageToPDF.js

@@ -5,35 +5,59 @@ import { jsPDF } from "jspdf";
 import Button from "@mui/material/Button";
 import DownloadRoundedIcon from '@mui/icons-material/DownloadRounded';
 
-export const PageToPDF = ({buttonText = "Download", startIcon = <DownloadRoundedIcon/>, variant = "contained", elementById, scale = 2, onHideElements = null, fileName = "download"}) => {
+export const PageToPDF = ({buttonText = "Download", startIcon = <DownloadRoundedIcon/>, variant = "contained", elementById, scale = 2, showHideClassElements = [], fileName = "download"}) => {
+
+
+    const onHideElements = () => {
+        
+        for (let index = 0; index < showHideClassElements.length; index++) {
+            const element = showHideClassElements[index];
+            
+            let className = document.getElementsByClassName(element);
+            if (className != null)
+            {
+                className.style.display = "none";
+            }
+        }
+    }
+
+    const onShowElements = () => {
+        
+        for (let index = 0; index < showHideClassElements.length; index++) {
+            const element = showHideClassElements[index];
+            
+            let className = document.getElementsByClassName(element);
+            if (className != null)
+            {
+                className.style.display = "block";
+            }
+        }
+    }
+
 
     const printElement = () => {
 
-        onHideElements(true);
-
-        setTimeout(() => {
-
-            const input = document.getElementById(elementById);
-                html2canvas(input, {backgroundColor: null, scale: scale})
-                .then((canvas) => {
-                    const imgData = canvas.toDataURL("image/png", 1.0);
-                    const pdf = new jsPDF();
-                    const pdfWidth = pdf.internal.pageSize.getWidth();
-                    const pdfHeight = pdf.internal.pageSize.getHeight();
-                    const imgWidth = canvas.width;
-                    const imgHeight = canvas.height;
-                    const scaleFactor = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight);
-                    const scaledWidth = imgWidth * scaleFactor;
-                    const scaledHeight = imgHeight * scaleFactor;
-                    const x = (pdfWidth - scaledWidth) / 2;
-                    const y = 0; // Set y coordinate to 0 to align to the top
-                    pdf.addImage(imgData, "PNG", x, y, scaledWidth, scaledHeight);
-                    pdf.save(fileName + ".pdf");
-                })
-
-        }, 2000);
-
-        onHideElements(false);
+        onHideElements();
+
+        const input = document.getElementById(elementById);
+            html2canvas(input, {backgroundColor: null, scale: scale})
+            .then((canvas) => {
+                const imgData = canvas.toDataURL("image/png", 1.0);
+                const pdf = new jsPDF();
+                const pdfWidth = pdf.internal.pageSize.getWidth();
+                const pdfHeight = pdf.internal.pageSize.getHeight();
+                const imgWidth = canvas.width;
+                const imgHeight = canvas.height;
+                const scaleFactor = Math.min(pdfWidth / imgWidth, pdfHeight / imgHeight);
+                const scaledWidth = imgWidth * scaleFactor;
+                const scaledHeight = imgHeight * scaleFactor;
+                const x = (pdfWidth - scaledWidth) / 2;
+                const y = 0; // Set y coordinate to 0 to align to the top
+                pdf.addImage(imgData, "PNG", x, y, scaledWidth, scaledHeight);
+                pdf.save(fileName + ".pdf");
+            });
+
+        onShowElements();
     }