@driveflux/frontend-pdf 2.0.1 → 2.0.2

package/dist/index.js

@@ -1 +1,2 @@
 export * from './pdf.js';
+//# sourceMappingURL=index.js.map

package/dist/pdf.js

@@ -1,151 +1,3 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
-        return this;
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(g && (g = 0, op[0] && (_ = 0)), _)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
 import html2canvas from 'html2canvas';
 import jsPDF from 'jspdf';
 /**
@@ -156,26 +8,10 @@ import jsPDF from 'jspdf';
  *
  * @example
  * prepareElementsToDownload(element, 'receipt.pdf', { unit: 'mm' });
- */ export var prepareElementsToDownload = function(elements) {
-    var pdfName = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'print.pdf', options = arguments.length > 2 ? arguments[2] : void 0;
-    return _async_to_generator(function() {
-        var pdf;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        generatePdf(elements, options)
-                    ];
-                case 1:
-                    pdf = _state.sent();
-                    pdf.save(pdfName);
-                    return [
-                        2
-                    ];
-            }
-        });
-    })();
+ */
+export const prepareElementsToDownload = async (elements, pdfName = 'print.pdf', options) => {
+    const pdf = await generatePdf(elements, options);
+    pdf.save(pdfName);
 };
 /**
  *
@@ -185,84 +21,46 @@ import jsPDF from 'jspdf';
  *
  * @example
  * prepareElementsToPrint(element, 'receipt.pdf', { unit: 'mm' });
- */ export var prepareElementsToPrint = function(elements, options) {
-    return _async_to_generator(function() {
-        var pdf;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    return [
-                        4,
-                        generatePdf(elements, options)
-                    ];
-                case 1:
-                    pdf = _state.sent();
-                    pdf.autoPrint();
-                    window.open(pdf.output('bloburl'), '_blank');
-                    return [
-                        2
-                    ];
-            }
-        });
-    })();
+ */
+export const prepareElementsToPrint = async (elements, options) => {
+    const pdf = await generatePdf(elements, options);
+    pdf.autoPrint();
+    window.open(pdf.output('bloburl'), '_blank');
 };
-var defaultOptions = {
+const defaultOptions = {
     unit: 'px',
-    compress: true
+    compress: true,
 };
-var generatePdf = function(elements, options) {
-    return _async_to_generator(function() {
-        var pdf, i, _style_sheet, element, originalWidth, style, canvas, data, imgProperties, pdfWidth, pdfHeight;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    pdf = new jsPDF(_object_spread({}, defaultOptions, options));
-                    i = 0;
-                    _state.label = 1;
-                case 1:
-                    if (!(i < elements.length)) return [
-                        3,
-                        4
-                    ];
-                    element = elements[i];
-                    // set width to container
-                    originalWidth = element.style.width;
-                    element.style.width = (options === null || options === void 0 ? void 0 : options.orientation) === 'l' || (options === null || options === void 0 ? void 0 : options.orientation) === 'landscape' ? '1263px' : '892.5px';
-                    element.style.height = (options === null || options === void 0 ? void 0 : options.orientation) === 'l' || (options === null || options === void 0 ? void 0 : options.orientation) === 'landscape' ? '892.5px' : '1263px';
-                    // workaround to remove canvas extra space to div
-                    style = document.createElement('style');
-                    document.head.appendChild(style);
-                    (_style_sheet = style.sheet) === null || _style_sheet === void 0 ? void 0 : _style_sheet.insertRule('body > div:last-child img { display: inline-block; }');
-                    return [
-                        4,
-                        html2canvas(element, {
-                            scale: 3.0
-                        })
-                    ];
-                case 2:
-                    canvas = _state.sent();
-                    data = canvas.toDataURL('image/png');
-                    imgProperties = pdf.getImageProperties(data);
-                    pdfWidth = pdf.internal.pageSize.getWidth();
-                    pdfHeight = imgProperties.height * pdfWidth / imgProperties.width;
-                    pdf.addImage(data, 'PNG', 0, 0, pdfWidth, pdfHeight, '', 'FAST');
-                    element.style.width = originalWidth;
-                    if (elements.length > 1 && i < elements.length - 1) {
-                        pdf.addPage();
-                    }
-                    _state.label = 3;
-                case 3:
-                    i++;
-                    return [
-                        3,
-                        1
-                    ];
-                case 4:
-                    return [
-                        2,
-                        pdf
-                    ];
-            }
-        });
-    })();
+const generatePdf = async (elements, options) => {
+    const pdf = new jsPDF({ ...defaultOptions, ...options });
+    for (let i = 0; i < elements.length; i++) {
+        const element = elements[i];
+        // set width to container
+        const originalWidth = element.style.width;
+        element.style.width =
+            options?.orientation === 'l' || options?.orientation === 'landscape'
+                ? '1263px'
+                : '892.5px';
+        element.style.height =
+            options?.orientation === 'l' || options?.orientation === 'landscape'
+                ? '892.5px'
+                : '1263px';
+        // workaround to remove canvas extra space to div
+        const style = document.createElement('style');
+        document.head.appendChild(style);
+        style.sheet?.insertRule('body > div:last-child img { display: inline-block; }');
+        // create pdf page
+        const canvas = await html2canvas(element, { scale: 3.0 });
+        const data = canvas.toDataURL('image/png');
+        const imgProperties = pdf.getImageProperties(data);
+        const pdfWidth = pdf.internal.pageSize.getWidth();
+        const pdfHeight = (imgProperties.height * pdfWidth) / imgProperties.width;
+        pdf.addImage(data, 'PNG', 0, 0, pdfWidth, pdfHeight, '', 'FAST');
+        element.style.width = originalWidth;
+        if (elements.length > 1 && i < elements.length - 1) {
+            pdf.addPage();
+        }
+    }
+    return pdf;
 };
+//# sourceMappingURL=pdf.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@driveflux/frontend-pdf",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "type": "module",
   "exports": {
     ".": {
@@ -16,8 +16,8 @@
     "jspdf": "^3.0.1"
   },
   "devDependencies": {
-    "@driveflux/fab": "3.0.1",
-    "@driveflux/tsconfig": "2.0.1",
+    "@driveflux/fab": "3.0.2",
+    "@driveflux/tsconfig": "2.0.2",
     "@swc/cli": "0.7.5",
     "@swc/core": "1.11.24",
     "@types/lodash": "^4.17.16",