react-pdf-levelup 2.0.33 → 3.0.34

package/dist/index.cjs

@@ -48,8 +48,7 @@ __export(index_exports, {
   Col9: () => Col9,
   Container: () => Container,
   Em: () => Em,
-  Font: () => import_renderer11.Font,
-  Footer: () => Footer,
+  Font: () => import_renderer10.Font,
   H1: () => H1,
   H2: () => H2,
   H3: () => H3,
@@ -70,17 +69,17 @@ __export(index_exports, {
   Small: () => Small,
   Span: () => Span,
   Strong: () => Strong,
-  StyleSheet: () => import_renderer11.StyleSheet,
+  StyleSheet: () => import_renderer10.StyleSheet,
   Table: () => Table,
   Tbody: () => Tbody,
   Td: () => Td,
-  Text: () => import_renderer11.Text,
+  Text: () => import_renderer10.Text,
   Th: () => Th,
   Thead: () => Thead,
   Tr: () => Tr,
   U: () => U,
   UL: () => UL,
-  View: () => import_renderer11.View,
+  View: () => import_renderer10.View,
   decodeBase64Pdf: () => decodeBase64Pdf_default,
   generatePDF: () => generatePDF_default
 });
@@ -94,66 +93,160 @@ var styles = import_renderer.StyleSheet.create({
     backgroundColor: "white",
     padding: 30,
     fontFamily: "Helvetica",
-    fontSize: 12,
-    lineHeight: 1.5
+    fontSize: 14
   },
-  pageNumber: {
+  footer: {
     position: "absolute",
-    fontSize: 10,
-    top: 792 - 14,
     left: 0,
     right: 0,
-    textAlign: "center",
-    color: "grey"
+    textAlign: "center"
   }
 });
 var LayoutPDF = ({
   children,
   size = "A4",
-  orientation = "portrait",
+  orientation = "vertical",
   backgroundColor = "white",
-  showPageNumbers = true,
   padding = 30,
-  style = {}
+  margen = "normal",
+  style = {},
+  footer,
+  lines = footer ? 2 : 1
 }) => {
+  const LINE_HEIGHT = 20;
+  const FOOTER_PADDING = 10;
+  const footerHeight = lines * LINE_HEIGHT + FOOTER_PADDING;
+  const getMargins = (margen2, pageSize) => {
+    const normalizedSize = pageSize.toUpperCase();
+    switch (margen2) {
+      case "apa":
+        if (normalizedSize === "LETTER" || normalizedSize === "LEGAL") {
+          return {
+            paddingTop: 72,
+            paddingRight: 72,
+            paddingBottom: 72,
+            paddingLeft: 72
+          };
+        }
+        return {
+          paddingTop: 72,
+          paddingRight: 72,
+          paddingBottom: 72,
+          paddingLeft: 72
+        };
+      case "estrecho":
+        return {
+          paddingTop: 36,
+          paddingRight: 36,
+          paddingBottom: 36,
+          paddingLeft: 36
+        };
+      case "ancho":
+        return {
+          paddingTop: 108,
+          paddingRight: 108,
+          paddingBottom: 108,
+          paddingLeft: 108
+        };
+      case "normal":
+      default:
+        return {
+          paddingTop: padding,
+          paddingRight: padding,
+          paddingBottom: padding,
+          paddingLeft: padding
+        };
+    }
+  };
   let safeSize = size;
   let safeOrientation = orientation;
   let safeBackgroundColor = backgroundColor;
-  let safeShowPageNumbers = showPageNumbers;
+  let safeLines = Math.max(1, Math.min(lines, 10));
+  let safeMargen = margen;
   try {
-    const validSizes = ["A4", "A3", "A5", "LETTER", "LEGAL", "TABLOID"];
+    const validSizes = ["A0", "A1", "A2", "A3", "A4", "A5", "A6", "A7", "A8", "A9", "LETTER", "LEGAL", "TABLOID"];
     if (typeof size === "string" && !validSizes.includes(size.toUpperCase())) {
-      console.warn(`Tama\xF1o de p\xE1gina inv\xE1lido: ${size}. Usando A4 como valor predeterminado.`);
+      console.warn(`Invalid page size: ${size}. Using A4 as default.`);
       safeSize = "A4";
     }
-    if (orientation !== "portrait" && orientation !== "landscape") {
-      console.warn(`Orientaci\xF3n inv\xE1lida: ${orientation}. Usando portrait como valor predeterminado.`);
-      safeOrientation = "portrait";
+    if (orientation !== "vertical" && orientation !== "horizontal") {
+      console.warn(`Invalid orientation: ${orientation}. Using vertical as default.`);
+      safeOrientation = "vertical";
     }
     if (typeof backgroundColor !== "string") {
-      console.warn(`Color de fondo inv\xE1lido: ${backgroundColor}. Usando white como valor predeterminado.`);
+      console.warn(`Invalid background color: ${backgroundColor}. Using white as default.`);
       safeBackgroundColor = "white";
     }
-    if (typeof showPageNumbers !== "boolean") {
-      safeShowPageNumbers = Boolean(showPageNumbers);
+    const validMargins = ["apa", "normal", "estrecho", "ancho"];
+    if (!validMargins.includes(margen)) {
+      console.warn(`Invalid margin type: ${margen}. Using normal as default.`);
+      safeMargen = "normal";
+    }
+    if (typeof lines !== "number" || lines < 1) {
+      console.warn(`Invalid lines value: ${lines}. Using 1 as default.`);
+      safeLines = 1;
     }
   } catch (e) {
-    console.warn("Error procesando props en LayoutPDF:", e);
+    console.warn("Error processing props in LayoutPDF:", e);
   }
+  const transformOrientation = (orientation2) => {
+    switch (orientation2) {
+      case "vertical":
+        return "portrait";
+      case "horizontal":
+        return "landscape";
+      default:
+        console.warn(`Unrecognized orientation: ${orientation2}. Using portrait as default.`);
+        return "portrait";
+    }
+  };
+  const getFooterPosition = (pageSize, orientation2, footerHeight2) => {
+    const pageDimensions = {
+      A0: { width: 841, height: 1189 },
+      A1: { width: 594, height: 841 },
+      A2: { width: 420, height: 594 },
+      A3: { width: 297, height: 420 },
+      A4: { width: 210, height: 297 },
+      A5: { width: 148, height: 210 },
+      A6: { width: 105, height: 148 },
+      A7: { width: 74, height: 105 },
+      A8: { width: 52, height: 74 },
+      A9: { width: 37, height: 52 },
+      LETTER: { width: 216, height: 279 },
+      LEGAL: { width: 216, height: 356 },
+      TABLOID: { width: 279, height: 432 }
+    };
+    const mmToPoints = 2.834645669;
+    const dimensions = pageDimensions[pageSize.toUpperCase()];
+    if (!dimensions) {
+      return orientation2 === "landscape" ? 595 - footerHeight2 - 10 : 842 - footerHeight2 - 10;
+    }
+    const heightInPoints = dimensions.height * mmToPoints;
+    const widthInPoints = dimensions.width * mmToPoints;
+    return orientation2 === "landscape" ? widthInPoints - footerHeight2 - 10 : heightInPoints - footerHeight2 - 10;
+  };
+  const pdfOrientation = transformOrientation(safeOrientation);
+  const margins = getMargins(safeMargen, safeSize);
+  const footerTop = getFooterPosition(safeSize, pdfOrientation, footerHeight);
   const pageStyle = {
     ...styles.page,
     backgroundColor: safeBackgroundColor,
-    padding,
+    ...margins,
+    paddingBottom: margins.paddingBottom + footerHeight,
     ...style
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_renderer.Document, null, /* @__PURE__ */ import_react.default.createElement(import_renderer.Page, { size: safeSize, orientation: safeOrientation, style: pageStyle }, children, safeShowPageNumbers && /* @__PURE__ */ import_react.default.createElement(
-    import_renderer.Text,
-    {
-      style: styles.pageNumber,
-      render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`,
-      fixed: true
-    }
-  )));
+  const footerStyle = {
+    ...styles.footer,
+    top: footerTop,
+    height: footerHeight,
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center",
+    alignItems: "center",
+    fontSize: 10,
+    color: "grey"
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_renderer.Document, null, /* @__PURE__ */ import_react.default.createElement(import_renderer.Page, { size: safeSize, orientation: pdfOrientation, style: pageStyle, wrap: true }, /* @__PURE__ */ import_react.default.createElement(import_renderer.View, { style: { paddingBottom: footerHeight } }, children), /* @__PURE__ */ import_react.default.createElement(import_renderer.View, { style: footerStyle, fixed: true }, footer, /* @__PURE__ */ import_react.default.createElement(import_renderer.Text, { style: { fontSize: footerStyle.fontSize }, render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}` }))));
 };
 var LayoutPDF_default = LayoutPDF;
 
@@ -202,8 +295,8 @@ var import_renderer4 = require("@react-pdf/renderer");
 var styles4 = import_renderer4.StyleSheet.create({
   p: {
     fontSize: 12,
-    marginBottom: 14,
-    lineHeight: 1.5
+    marginBottom: 5,
+    lineHeight: 1.2
   },
   h1: {
     fontSize: 24,
@@ -266,6 +359,16 @@ var styles4 = import_renderer4.StyleSheet.create({
     height: 1,
     marginTop: 7,
     marginBottom: 7
+  },
+  header: {
+    position: "absolute",
+    top: 20,
+    left: 0,
+    right: 0,
+    textAlign: "center",
+    fontSize: 10,
+    color: "#666",
+    paddingHorizontal: 40
   }
 });
 var P = ({ children, style }) => {
@@ -316,6 +419,9 @@ var BR = ({ style }) => {
 var Span = ({ children, style }) => {
   return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [style] }, children);
 };
+var Header = ({ children, style, fixed = false }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.View, { style: [styles4.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, null, children) : children);
+};
 
 // src/components/core/Tablet.tsx
 var import_react5 = __toESM(require("react"), 1);
@@ -493,42 +599,10 @@ var Col12 = ({ children, style }) => {
   return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col12, style] }, children);
 };
 
-// src/components/core/PageElements.tsx
+// src/components/core/QR.tsx
 var import_react7 = __toESM(require("react"), 1);
 var import_renderer7 = require("@react-pdf/renderer");
-var styles7 = import_renderer7.StyleSheet.create({
-  header: {
-    position: "absolute",
-    top: 20,
-    left: 0,
-    right: 0,
-    textAlign: "center",
-    fontSize: 10,
-    color: "#666",
-    paddingHorizontal: 40
-  },
-  footer: {
-    position: "absolute",
-    bottom: 20,
-    left: 0,
-    right: 0,
-    textAlign: "center",
-    fontSize: 10,
-    color: "#666",
-    paddingHorizontal: 40
-  }
-});
-var Header = ({ children, style, fixed = false }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles7.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react7.default.createElement(import_renderer7.Text, null, children) : children);
-};
-var Footer = ({ children, style, fixed = false }) => {
-  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ import_react7.default.createElement(import_renderer7.Text, null, children) : children);
-};
-
-// src/components/core/QR.tsx
-var import_react8 = __toESM(require("react"), 1);
-var import_renderer8 = require("@react-pdf/renderer");
-var import_react9 = require("react");
+var import_react8 = require("react");
 
 // src/components/core/QRGenerator.tsx
 var import_qrcode = __toESM(require("qrcode"), 1);
@@ -608,7 +682,7 @@ var addLogoToQR = async (qrDataUrl, logoUrl, logoWidth, logoHeight) => {
 };
 
 // src/components/core/QR.tsx
-var styles8 = import_renderer8.StyleSheet.create({
+var styles7 = import_renderer7.StyleSheet.create({
   qrContainer: {
     display: "flex",
     alignItems: "center",
@@ -634,8 +708,8 @@ var QR = ({
   logoHeight = 30,
   errorCorrectionLevel = "M"
 }) => {
-  const [qrDataUrl, setQrDataUrl] = (0, import_react9.useState)("");
-  (0, import_react9.useEffect)(() => {
+  const [qrDataUrl, setQrDataUrl] = (0, import_react8.useState)("");
+  (0, import_react8.useEffect)(() => {
     const generateQR = async () => {
       try {
         const baseQrDataUrl = await generateQRAsBase64({
@@ -667,14 +741,14 @@ var QR = ({
   const fallbackUrl = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(
     value
   )}&size=${size}x${size}`;
-  return /* @__PURE__ */ import_react8.default.createElement(import_renderer8.View, { style: [styles8.qrContainer, style] }, /* @__PURE__ */ import_react8.default.createElement(import_renderer8.Image, { src: qrDataUrl || fallbackUrl, style: { width: size, height: size } }));
+  return /* @__PURE__ */ import_react7.default.createElement(import_renderer7.View, { style: [styles7.qrContainer, style] }, /* @__PURE__ */ import_react7.default.createElement(import_renderer7.Image, { src: qrDataUrl || fallbackUrl, style: { width: size, height: size } }));
 };
 var QR_default = QR;
 
 // src/components/core/Lista.tsx
-var import_react10 = __toESM(require("react"), 1);
-var import_renderer9 = require("@react-pdf/renderer");
-var styles9 = import_renderer9.StyleSheet.create({
+var import_react9 = __toESM(require("react"), 1);
+var import_renderer8 = require("@react-pdf/renderer");
+var styles8 = import_renderer8.StyleSheet.create({
   ul: {
     marginBottom: 10,
     paddingLeft: 15
@@ -734,9 +808,9 @@ var toRoman = (num) => {
   return romanNumerals[3][Math.floor(num / 1e3)] + romanNumerals[2][Math.floor(num % 1e3 / 100)] + romanNumerals[1][Math.floor(num % 100 / 10)] + romanNumerals[0][num % 10];
 };
 var UL = ({ children, style, type = "disc" }) => {
-  const childrenWithBullets = import_react10.default.Children.map(children, (child, index) => {
-    if (import_react10.default.isValidElement(child)) {
-      return import_react10.default.cloneElement(child, {
+  const childrenWithBullets = import_react9.default.Children.map(children, (child, index) => {
+    if (import_react9.default.isValidElement(child)) {
+      return import_react9.default.cloneElement(child, {
         bulletType: type,
         isOrdered: false,
         index: index + 1
@@ -744,12 +818,12 @@ var UL = ({ children, style, type = "disc" }) => {
     }
     return child;
   });
-  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles9.ul, style] }, childrenWithBullets);
+  return /* @__PURE__ */ import_react9.default.createElement(import_renderer8.View, { style: [styles8.ul, style] }, childrenWithBullets);
 };
 var OL = ({ children, style, type = "decimal", start = 1 }) => {
-  const childrenWithNumbers = import_react10.default.Children.map(children, (child, index) => {
-    if (import_react10.default.isValidElement(child)) {
-      return import_react10.default.cloneElement(child, {
+  const childrenWithNumbers = import_react9.default.Children.map(children, (child, index) => {
+    if (import_react9.default.isValidElement(child)) {
+      return import_react9.default.cloneElement(child, {
         bulletType: type,
         isOrdered: true,
         index: index + 1,
@@ -758,7 +832,7 @@ var OL = ({ children, style, type = "decimal", start = 1 }) => {
     }
     return child;
   });
-  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles9.ol, style] }, childrenWithNumbers);
+  return /* @__PURE__ */ import_react9.default.createElement(import_renderer8.View, { style: [styles8.ol, style] }, childrenWithNumbers);
 };
 var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1, start = 1, value }) => {
   let marker;
@@ -768,11 +842,11 @@ var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1,
   } else {
     marker = getBulletPoint(bulletType);
   }
-  return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles9.li, style] }, /* @__PURE__ */ import_react10.default.createElement(import_renderer9.Text, { style: styles9.bulletPoint }, marker), /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: styles9.itemContent }, typeof children === "string" ? /* @__PURE__ */ import_react10.default.createElement(import_renderer9.Text, null, children) : children));
+  return /* @__PURE__ */ import_react9.default.createElement(import_renderer8.View, { style: [styles8.li, style] }, /* @__PURE__ */ import_react9.default.createElement(import_renderer8.Text, { style: styles8.bulletPoint }, marker), /* @__PURE__ */ import_react9.default.createElement(import_renderer8.View, { style: styles8.itemContent }, typeof children === "string" ? /* @__PURE__ */ import_react9.default.createElement(import_renderer8.Text, null, children) : children));
 };
 
 // src/components/core/index.tsx
-var import_renderer11 = require("@react-pdf/renderer");
+var import_renderer10 = require("@react-pdf/renderer");
 
 // src/functions/decodeBase64Pdf.ts
 var decodeBase64Pdf = (base64, fileName) => {
@@ -802,15 +876,15 @@ var decodeBase64Pdf = (base64, fileName) => {
 var decodeBase64Pdf_default = decodeBase64Pdf;
 
 // src/functions/generatePDF.ts
-var import_renderer10 = require("@react-pdf/renderer");
-var import_react11 = require("react");
+var import_renderer9 = require("@react-pdf/renderer");
+var import_react10 = require("react");
 var generatePDF = async ({ template: Template, data }) => {
   try {
     if (!Template) {
       throw new Error("Template not provided");
     }
-    const MyDocument = (0, import_react11.createElement)(Template, { data });
-    const stream = await (0, import_renderer10.renderToStream)(MyDocument);
+    const MyDocument = (0, import_react10.createElement)(Template, { data });
+    const stream = await (0, import_renderer9.renderToStream)(MyDocument);
     const base64String = await new Promise((resolve, reject) => {
       const chunks = [];
       stream.on("data", (chunk) => chunks.push(chunk));
@@ -844,7 +918,6 @@ var generatePDF_default = generatePDF;
   Container,
   Em,
   Font,
-  Footer,
   H1,
   H2,
   H3,

package/dist/index.d.cts

@@ -4,11 +4,13 @@ export { Font, StyleSheet, Text, View } from '@react-pdf/renderer';
 interface LayoutPDFProps {
     children: React$1.ReactNode;
     size?: string;
-    orientation?: "portrait" | "landscape";
+    orientation?: "vertical" | "horizontal";
     backgroundColor?: string;
-    showPageNumbers?: boolean;
     padding?: number;
+    margen?: "apa" | "normal" | "estrecho" | "ancho";
     style?: any;
+    footer?: React$1.ReactNode;
+    lines?: number;
 }
 declare const LayoutPDF: React$1.FC<LayoutPDFProps>;
 
@@ -49,6 +51,12 @@ declare const BR: React$1.FC<{
     style?: any;
 }>;
 declare const Span: React$1.FC<TextProps>;
+interface HeaderProps {
+    children: React$1.ReactNode;
+    style?: any;
+    fixed?: boolean;
+}
+declare const Header: React$1.FC<HeaderProps>;
 
 interface TableProps {
     children: React$1.ReactNode;
@@ -101,14 +109,6 @@ declare const Col10: React$1.FC<ColProps>;
 declare const Col11: React$1.FC<ColProps>;
 declare const Col12: React$1.FC<ColProps>;
 
-interface PageElementProps {
-    children: React$1.ReactNode;
-    style?: any;
-    fixed?: boolean;
-}
-declare const Header: React$1.FC<PageElementProps>;
-declare const Footer: React$1.FC<PageElementProps>;
-
 interface QRProps {
     value: string;
     size?: number;
@@ -151,4 +151,4 @@ interface PDFData {
 }
 declare const generatePDF: ({ template: Template, data }: PDFData) => Promise<string>;
 
-export { A, BR, Blockquote, Center, Col1, Col10, Col11, Col12, Col2, Col3, Col4, Col5, Col6, Col7, Col8, Col9, Container, Em, Footer, H1, H2, H3, H4, H5, H6, Header, Img, LI, LayoutPDF, Left, Mark, OL, P, QR, Right, Row, Small, Span, Strong, Table, Tbody, Td, Th, Thead, Tr, U, UL, decodeBase64Pdf, generatePDF };
+export { A, BR, Blockquote, Center, Col1, Col10, Col11, Col12, Col2, Col3, Col4, Col5, Col6, Col7, Col8, Col9, Container, Em, H1, H2, H3, H4, H5, H6, Header, Img, LI, LayoutPDF, Left, Mark, OL, P, QR, Right, Row, Small, Span, Strong, Table, Tbody, Td, Th, Thead, Tr, U, UL, decodeBase64Pdf, generatePDF };

package/dist/index.d.ts

@@ -4,11 +4,13 @@ export { Font, StyleSheet, Text, View } from '@react-pdf/renderer';
 interface LayoutPDFProps {
     children: React$1.ReactNode;
     size?: string;
-    orientation?: "portrait" | "landscape";
+    orientation?: "vertical" | "horizontal";
     backgroundColor?: string;
-    showPageNumbers?: boolean;
     padding?: number;
+    margen?: "apa" | "normal" | "estrecho" | "ancho";
     style?: any;
+    footer?: React$1.ReactNode;
+    lines?: number;
 }
 declare const LayoutPDF: React$1.FC<LayoutPDFProps>;
 
@@ -49,6 +51,12 @@ declare const BR: React$1.FC<{
     style?: any;
 }>;
 declare const Span: React$1.FC<TextProps>;
+interface HeaderProps {
+    children: React$1.ReactNode;
+    style?: any;
+    fixed?: boolean;
+}
+declare const Header: React$1.FC<HeaderProps>;
 
 interface TableProps {
     children: React$1.ReactNode;
@@ -101,14 +109,6 @@ declare const Col10: React$1.FC<ColProps>;
 declare const Col11: React$1.FC<ColProps>;
 declare const Col12: React$1.FC<ColProps>;
 
-interface PageElementProps {
-    children: React$1.ReactNode;
-    style?: any;
-    fixed?: boolean;
-}
-declare const Header: React$1.FC<PageElementProps>;
-declare const Footer: React$1.FC<PageElementProps>;
-
 interface QRProps {
     value: string;
     size?: number;
@@ -151,4 +151,4 @@ interface PDFData {
 }
 declare const generatePDF: ({ template: Template, data }: PDFData) => Promise<string>;
 
-export { A, BR, Blockquote, Center, Col1, Col10, Col11, Col12, Col2, Col3, Col4, Col5, Col6, Col7, Col8, Col9, Container, Em, Footer, H1, H2, H3, H4, H5, H6, Header, Img, LI, LayoutPDF, Left, Mark, OL, P, QR, Right, Row, Small, Span, Strong, Table, Tbody, Td, Th, Thead, Tr, U, UL, decodeBase64Pdf, generatePDF };
+export { A, BR, Blockquote, Center, Col1, Col10, Col11, Col12, Col2, Col3, Col4, Col5, Col6, Col7, Col8, Col9, Container, Em, H1, H2, H3, H4, H5, H6, Header, Img, LI, LayoutPDF, Left, Mark, OL, P, QR, Right, Row, Small, Span, Strong, Table, Tbody, Td, Th, Thead, Tr, U, UL, decodeBase64Pdf, generatePDF };