react-pdf-levelup 1.0.14 → 1.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs +2 -29
  2. package/dist/index.d.cts +1 -5
  3. package/dist/index.d.ts +1 -5
  4. package/dist/index.js +2 -29
  5. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -582,9 +582,7 @@ var Footer = ({ children, style, fixed = false }) => {
582
582
 
583
583
  // src/components/PDF/core/QRCode.tsx
584
584
  var import_react8 = __toESM(require("react"), 1);
585
- var import_react9 = require("react");
586
585
  var import_renderer8 = require("@react-pdf/renderer");
587
- var import_qrcode = __toESM(require("qrcode"), 1);
588
586
  var styles8 = import_renderer8.StyleSheet.create({
589
587
  qrContainer: {
590
588
  position: "relative",
@@ -601,39 +599,14 @@ var styles8 = import_renderer8.StyleSheet.create({
601
599
  }
602
600
  });
603
601
  var QRCode = ({
604
- value,
602
+ dataURL,
605
603
  size = 150,
606
- color = "#000000",
607
- backgroundColor = "#ffffff",
608
- errorCorrectionLevel = "M",
609
604
  style,
610
- includeMargin = true,
611
605
  logo,
612
606
  logoSize = 30,
613
607
  logoBackgroundColor = "#ffffff",
614
608
  logoMargin = 5
615
609
  }) => {
616
- const [qrDataURL, setQrDataURL] = (0, import_react9.useState)("");
617
- (0, import_react9.useEffect)(() => {
618
- const generateQRCode = async () => {
619
- try {
620
- const options = {
621
- errorCorrectionLevel,
622
- margin: includeMargin ? 4 : 0,
623
- color: {
624
- dark: color,
625
- light: backgroundColor
626
- },
627
- width: size
628
- };
629
- const dataURL = await import_qrcode.default.toDataURL(value, options);
630
- setQrDataURL(dataURL);
631
- } catch (error) {
632
- console.error("Error generating QR code:", error);
633
- }
634
- };
635
- generateQRCode();
636
- }, [value, size, color, backgroundColor, errorCorrectionLevel, includeMargin]);
637
610
  const containerStyle = __spreadValues(__spreadProps(__spreadValues({}, styles8.qrContainer), {
638
611
  width: size,
639
612
  height: size
@@ -649,7 +622,7 @@ var QRCode = ({
649
622
  width: logoSize,
650
623
  height: logoSize
651
624
  });
652
- return /* @__PURE__ */ import_react8.default.createElement(import_renderer8.View, { style: containerStyle }, qrDataURL ? /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(import_renderer8.Image, { src: qrDataURL || "/placeholder.svg", style: { width: size, height: size } }), logo && /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(import_renderer8.View, { style: logoBackgroundStyle }), /* @__PURE__ */ import_react8.default.createElement(import_renderer8.Image, { src: logo || "/placeholder.svg", style: logoStyle }))) : null);
625
+ return /* @__PURE__ */ import_react8.default.createElement(import_renderer8.View, { style: containerStyle }, dataURL ? /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(import_renderer8.Image, { src: dataURL || "/placeholder.svg", style: { width: size, height: size } }), logo && /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement(import_renderer8.View, { style: logoBackgroundStyle }), /* @__PURE__ */ import_react8.default.createElement(import_renderer8.Image, { src: logo || "/placeholder.svg", style: logoStyle }))) : null);
653
626
  };
654
627
  var QRCode_default = QRCode;
655
628
  // Annotate the CommonJS export names for ESM import in node:
package/dist/index.d.cts CHANGED
@@ -114,13 +114,9 @@ declare const Header: React.FC<PageElementProps>;
114
114
  declare const Footer: React.FC<PageElementProps>;
115
115
 
116
116
  interface QRCodeProps {
117
- value: string;
117
+ dataURL: string;
118
118
  size?: number;
119
- color?: string;
120
- backgroundColor?: string;
121
- errorCorrectionLevel?: "L" | "M" | "Q" | "H";
122
119
  style?: any;
123
- includeMargin?: boolean;
124
120
  logo?: string;
125
121
  logoSize?: number;
126
122
  logoBackgroundColor?: string;
package/dist/index.d.ts CHANGED
@@ -114,13 +114,9 @@ declare const Header: React.FC<PageElementProps>;
114
114
  declare const Footer: React.FC<PageElementProps>;
115
115
 
116
116
  interface QRCodeProps {
117
- value: string;
117
+ dataURL: string;
118
118
  size?: number;
119
- color?: string;
120
- backgroundColor?: string;
121
- errorCorrectionLevel?: "L" | "M" | "Q" | "H";
122
119
  style?: any;
123
- includeMargin?: boolean;
124
120
  logo?: string;
125
121
  logoSize?: number;
126
122
  logoBackgroundColor?: string;
package/dist/index.js CHANGED
@@ -506,9 +506,7 @@ var Footer = ({ children, style, fixed = false }) => {
506
506
 
507
507
  // src/components/PDF/core/QRCode.tsx
508
508
  import React8 from "react";
509
- import { useEffect, useState } from "react";
510
509
  import { Image as Image2, StyleSheet as StyleSheet8, View as View5 } from "@react-pdf/renderer";
511
- import QRCodeLib from "qrcode";
512
510
  var styles8 = StyleSheet8.create({
513
511
  qrContainer: {
514
512
  position: "relative",
@@ -525,39 +523,14 @@ var styles8 = StyleSheet8.create({
525
523
  }
526
524
  });
527
525
  var QRCode = ({
528
- value,
526
+ dataURL,
529
527
  size = 150,
530
- color = "#000000",
531
- backgroundColor = "#ffffff",
532
- errorCorrectionLevel = "M",
533
528
  style,
534
- includeMargin = true,
535
529
  logo,
536
530
  logoSize = 30,
537
531
  logoBackgroundColor = "#ffffff",
538
532
  logoMargin = 5
539
533
  }) => {
540
- const [qrDataURL, setQrDataURL] = useState("");
541
- useEffect(() => {
542
- const generateQRCode = async () => {
543
- try {
544
- const options = {
545
- errorCorrectionLevel,
546
- margin: includeMargin ? 4 : 0,
547
- color: {
548
- dark: color,
549
- light: backgroundColor
550
- },
551
- width: size
552
- };
553
- const dataURL = await QRCodeLib.toDataURL(value, options);
554
- setQrDataURL(dataURL);
555
- } catch (error) {
556
- console.error("Error generating QR code:", error);
557
- }
558
- };
559
- generateQRCode();
560
- }, [value, size, color, backgroundColor, errorCorrectionLevel, includeMargin]);
561
534
  const containerStyle = __spreadValues(__spreadProps(__spreadValues({}, styles8.qrContainer), {
562
535
  width: size,
563
536
  height: size
@@ -573,7 +546,7 @@ var QRCode = ({
573
546
  width: logoSize,
574
547
  height: logoSize
575
548
  });
576
- return /* @__PURE__ */ React8.createElement(View5, { style: containerStyle }, qrDataURL ? /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(Image2, { src: qrDataURL || "/placeholder.svg", style: { width: size, height: size } }), logo && /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(View5, { style: logoBackgroundStyle }), /* @__PURE__ */ React8.createElement(Image2, { src: logo || "/placeholder.svg", style: logoStyle }))) : null);
549
+ return /* @__PURE__ */ React8.createElement(View5, { style: containerStyle }, dataURL ? /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(Image2, { src: dataURL || "/placeholder.svg", style: { width: size, height: size } }), logo && /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(View5, { style: logoBackgroundStyle }), /* @__PURE__ */ React8.createElement(Image2, { src: logo || "/placeholder.svg", style: logoStyle }))) : null);
577
550
  };
578
551
  var QRCode_default = QRCode;
579
552
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-pdf-levelup",
3
- "version": "1.0.14",
3
+ "version": "1.0.15",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "type": "module",