authscape 1.0.134 → 1.0.136

package/index.js

@@ -736,15 +736,29 @@ var PageToPDF = function PageToPDF(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "contained" : _ref$variant,
     elementById = _ref.elementById,
+    _ref$scale = _ref.scale,
+    scale = _ref$scale === void 0 ? 2 : _ref$scale,
     _ref$fileName = _ref.fileName,
-    fileName = _ref$fileName === void 0 ? "download.pdf" : _ref$fileName;
+    fileName = _ref$fileName === void 0 ? "download" : _ref$fileName;
   var printElement = function printElement() {
     var input = document.getElementById(elementById);
-    (0, _html2canvas["default"])(input).then(function (canvas) {
-      var imgData = canvas.toDataURL('image/png');
+    (0, _html2canvas["default"])(input, {
+      backgroundColor: null,
+      scale: scale
+    }).then(function (canvas) {
+      var imgData = canvas.toDataURL("image/png", 1.0);
       var pdf = new _jspdf.jsPDF();
-      pdf.addImage(imgData, 'JPEG', 0, 0);
-      pdf.save(fileName);
+      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");
     });
   };
   return /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {

package/package.json

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

package/src/components/pageToPDF.js

@@ -4,20 +4,30 @@ import html2canvas from 'html2canvas';
 import { jsPDF } from "jspdf";
 import Button from "@mui/material/Button";
 
-export const PageToPDF = ({buttonText = "Download", variant = "contained", elementById, fileName = "download.pdf"}) => {
+export const PageToPDF = ({buttonText = "Download", variant = "contained", elementById, scale = 2, fileName = "download"}) => {
 
     const printElement = () => {
 
         const input = document.getElementById(elementById);
-        html2canvas(input)
+        html2canvas(input, {backgroundColor: null, scale: scale})
           .then((canvas) => {
-            const imgData = canvas.toDataURL('image/png');
+            const imgData = canvas.toDataURL("image/png", 1.0);
             const pdf = new jsPDF();
-            pdf.addImage(imgData, 'JPEG', 0, 0);
-            pdf.save(fileName);
+            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");
           })
     }
 
+
     return (
         <Box>
             <Button variant={variant} onClick={() => {