authscape 1.0.156 → 1.0.158

package/index.js

@@ -1140,28 +1140,34 @@ 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$fileName = _ref.fileName,
     fileName = _ref$fileName === void 0 ? "download" : _ref$fileName;
   var printElement = function printElement() {
-    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");
-    });
+    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);
   };
   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.156",
+  "version": "1.0.158",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/pageToPDF.js

@@ -5,27 +5,35 @@ 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, fileName = "download"}) => {
+export const PageToPDF = ({buttonText = "Download", startIcon = <DownloadRoundedIcon/>, variant = "contained", elementById, scale = 2, onHideElements = null, fileName = "download"}) => {
 
     const printElement = () => {
 
-        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");
-          })
+        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);
     }