authscape 1.0.133 → 1.0.136

package/index.js

@@ -726,6 +726,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _html2canvas = _interopRequireDefault(require("html2canvas"));
 var _jspdf = require("jspdf");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -735,18 +736,32 @@ 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, {
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     variant: variant,
     onClick: function onClick() {
       printElement();

package/package.json

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

package/src/components/pageToPDF.js

@@ -2,21 +2,32 @@ import React, {useEffect, useState} from 'react';
 import Box from '@mui/material/Box';
 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={() => {