authscape 1.0.154 → 1.0.158

package/index.js

@@ -201,7 +201,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.EditableDatagrid = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _xDataGrid = require("@mui/x-data-grid");
 var _material = require("@mui/material");
@@ -331,8 +331,7 @@ var EditableDatagrid = function EditableDatagrid(_ref) {
     }
   }));
 };
-var _default = EditableDatagrid;
-exports["default"] = _default;
+exports.EditableDatagrid = EditableDatagrid;
 "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); }
@@ -1141,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.154",
+  "version": "1.0.158",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/components/EditableDatagrid.js

@@ -2,7 +2,7 @@ import React, {useEffect, useState} from 'react';
 import { DataGrid, GridActionsCellItem } from "@mui/x-data-grid";
 import { Box } from '@mui/material';
 
-const EditableDatagrid = ({loadedUser, url, columns, isCellEditable = null, onCellEdited = null, sx = {}, height="50vh", pageSize = 50, rowsPerPage  = [25, 50, 100], rowHeight = 70}) => {
+export const EditableDatagrid = ({loadedUser, url, columns, isCellEditable = null, onCellEdited = null, sx = {}, height="50vh", pageSize = 50, rowsPerPage  = [25, 50, 100], rowHeight = 70}) => {
 
     const [rows, setRows] = useState([]);
     const [totalRows, setTotalRows] = useState(0);
@@ -69,6 +69,4 @@ const EditableDatagrid = ({loadedUser, url, columns, isCellEditable = null, onCe
         </Box>
     )
 
-}
-
-export default EditableDatagrid;
+}

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);
     }