authscape 1.0.130 → 1.0.133

package/index.js

@@ -717,6 +717,45 @@ var FileUploader = function FileUploader(_ref) {
 exports.FileUploader = FileUploader;
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PageToPDF = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _html2canvas = _interopRequireDefault(require("html2canvas"));
+var _jspdf = require("jspdf");
+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; }
+var PageToPDF = function PageToPDF(_ref) {
+  var _ref$buttonText = _ref.buttonText,
+    buttonText = _ref$buttonText === void 0 ? "Download" : _ref$buttonText,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "contained" : _ref$variant,
+    elementById = _ref.elementById,
+    _ref$fileName = _ref.fileName,
+    fileName = _ref$fileName === void 0 ? "download.pdf" : _ref$fileName;
+  var printElement = function printElement() {
+    var input = document.getElementById(elementById);
+    (0, _html2canvas["default"])(input).then(function (canvas) {
+      var imgData = canvas.toDataURL('image/png');
+      var pdf = new _jspdf.jsPDF();
+      pdf.addImage(imgData, 'JPEG', 0, 0);
+      pdf.save(fileName);
+    });
+  };
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], null, /*#__PURE__*/_react["default"].createElement(Button, {
+    variant: variant,
+    onClick: function onClick() {
+      printElement();
+    }
+  }, buttonText));
+};
+exports.PageToPDF = PageToPDF;
+"use strict";
+
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "authscape",
-  "version": "1.0.130",
+  "version": "1.0.133",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -32,7 +32,9 @@
     "@stripe/stripe-js": "^1.32.0",
     "axios": "^0.27.2",
     "eslint-config-next": "^13.3.2",
+    "html2canvas": "^1.4.1",
     "js-file-download": "^0.4.12",
+    "jspdf": "^2.5.1",
     "next": "^13.3.2",
     "nookies": "^2.5.2",
     "query-string": "^7.1.1",

package/src/components/pageToPDF.js

@@ -0,0 +1,31 @@
+import React, {useEffect, useState} from 'react';
+import Box from '@mui/material/Box';
+import html2canvas from 'html2canvas';
+import { jsPDF } from "jspdf";
+
+export const PageToPDF = ({buttonText = "Download", variant = "contained", elementById, fileName = "download.pdf"}) => {
+
+    const printElement = () => {
+
+        const input = document.getElementById(elementById);
+        html2canvas(input)
+          .then((canvas) => {
+            const imgData = canvas.toDataURL('image/png');
+            const pdf = new jsPDF();
+            pdf.addImage(imgData, 'JPEG', 0, 0);
+            pdf.save(fileName);
+          })
+    }
+
+    return (
+        <Box>
+            <Button variant={variant} onClick={() => {
+
+                printElement();
+
+            }}>{buttonText}</Button>
+        </Box>
+    )
+
+
+};