react-pdf-levelup 3.1.16 → 3.1.18

package/dist/index.cjs

@@ -48,7 +48,7 @@ __export(index_exports, {
   Col9: () => Col9,
   Container: () => Container,
   Em: () => Em,
-  Font: () => import_renderer10.Font,
+  Font: () => import_renderer11.Font,
   H1: () => H1,
   H2: () => H2,
   H3: () => H3,
@@ -57,6 +57,7 @@ __export(index_exports, {
   H6: () => H6,
   Header: () => Header,
   Img: () => Img_default,
+  ImgBg: () => ImgBg_default,
   LI: () => LI,
   LayoutPDF: () => LayoutPDF_default,
   Left: () => Left,
@@ -69,17 +70,17 @@ __export(index_exports, {
   Small: () => Small,
   Span: () => Span,
   Strong: () => Strong,
-  StyleSheet: () => import_renderer10.StyleSheet,
+  StyleSheet: () => import_renderer11.StyleSheet,
   Table: () => Table,
   Tbody: () => Tbody,
   Td: () => Td,
-  Text: () => import_renderer10.Text,
+  Text: () => import_renderer11.Text,
   Th: () => Th,
   Thead: () => Thead,
   Tr: () => Tr,
   U: () => U,
   UL: () => UL,
-  View: () => import_renderer10.View,
+  View: () => import_renderer11.View,
   decodeBase64Pdf: () => decodeBase64Pdf_default,
   generatePDF: () => generatePDF_default
 });
@@ -110,6 +111,7 @@ var LayoutPDF = ({
   padding = 30,
   margen = "normal",
   style = {},
+  pagination = true,
   footer,
   lines = footer ? 2 : 1
 }) => {
@@ -192,8 +194,12 @@ var LayoutPDF = ({
   const transformOrientation = (orientation2) => {
     switch (orientation2) {
       case "vertical":
+      case "portrait":
+      case "v":
         return "portrait";
       case "horizontal":
+      case "landscape":
+      case "h":
         return "landscape";
       default:
         console.warn(`Unrecognized orientation: ${orientation2}. Using portrait as default.`);
@@ -246,7 +252,7 @@ var LayoutPDF = ({
     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}` }))));
+  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), pagination ? /* @__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}` })) : null));
 };
 var LayoutPDF_default = LayoutPDF;
 
@@ -749,7 +755,7 @@ var QR = ({
   logo = "",
   logoWidth = 30,
   logoHeight = 30,
-  errorCorrectionLevel = "M"
+  errorCorrectionLevel = logo ? "H" : "M"
 }) => {
   const [qrDataUrl, setQrDataUrl] = (0, import_react8.useState)("");
   (0, import_react8.useEffect)(() => {
@@ -889,7 +895,7 @@ var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1,
 };
 
 // src/components/core/index.tsx
-var import_renderer10 = require("@react-pdf/renderer");
+var import_renderer11 = require("@react-pdf/renderer");
 
 // src/functions/decodeBase64Pdf.ts
 var decodeBase64Pdf = (base64, fileName) => {
@@ -940,6 +946,51 @@ var generatePDF = async ({ template: Template, data }) => {
   }
 };
 var generatePDF_default = generatePDF;
+
+// src/components/core/ImgBg.tsx
+var import_react11 = __toESM(require("react"), 1);
+var import_renderer10 = require("@react-pdf/renderer");
+var styles9 = import_renderer10.StyleSheet.create({
+  container: {
+    position: "relative",
+    width: "100%",
+    height: "100%"
+  },
+  background: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  content: {
+    position: "relative"
+  }
+});
+var ImgBg = ({
+  src,
+  width = "100%",
+  height = "100%",
+  opacity = 0.2,
+  children,
+  style,
+  fixed = false,
+  objectFit = "cover",
+  objectPosition = "center"
+}) => {
+  return /* @__PURE__ */ import_react11.default.createElement(import_renderer10.View, { style: [styles9.container, style] }, /* @__PURE__ */ import_react11.default.createElement(
+    import_renderer10.Image,
+    {
+      src,
+      style: [
+        styles9.background,
+        { width, height, opacity, objectFit, objectPosition }
+      ],
+      fixed
+    }
+  ), /* @__PURE__ */ import_react11.default.createElement(import_renderer10.View, { style: styles9.content }, children));
+};
+var ImgBg_default = ImgBg;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   A,
@@ -969,6 +1020,7 @@ var generatePDF_default = generatePDF;
   H6,
   Header,
   Img,
+  ImgBg,
   LI,
   LayoutPDF,
   Left,

package/dist/index.d.cts

@@ -4,11 +4,12 @@ export { Font, StyleSheet, Text, View } from '@react-pdf/renderer';
 interface LayoutPDFProps {
     children: React$1.ReactNode;
     size?: string;
-    orientation?: "vertical" | "horizontal";
+    orientation?: "vertical" | "horizontal" | "h" | "v" | "portrait" | "landscape";
     backgroundColor?: string;
     padding?: number;
     margen?: "apa" | "normal" | "estrecho" | "ancho";
     style?: any;
+    pagination: true;
     footer?: React$1.ReactNode;
     lines?: number;
 }
@@ -158,4 +159,17 @@ 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, 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 };
+interface ImgBgProps {
+    src: string;
+    width?: number | string;
+    height?: number | string;
+    opacity?: number;
+    children?: React$1.ReactNode;
+    style?: any;
+    fixed?: boolean;
+    objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
+    objectPosition?: string;
+}
+declare const ImgBg: React$1.FC<ImgBgProps>;
+
+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, ImgBg, 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,12 @@ export { Font, StyleSheet, Text, View } from '@react-pdf/renderer';
 interface LayoutPDFProps {
     children: React$1.ReactNode;
     size?: string;
-    orientation?: "vertical" | "horizontal";
+    orientation?: "vertical" | "horizontal" | "h" | "v" | "portrait" | "landscape";
     backgroundColor?: string;
     padding?: number;
     margen?: "apa" | "normal" | "estrecho" | "ancho";
     style?: any;
+    pagination: true;
     footer?: React$1.ReactNode;
     lines?: number;
 }
@@ -158,4 +159,17 @@ 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, 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 };
+interface ImgBgProps {
+    src: string;
+    width?: number | string;
+    height?: number | string;
+    opacity?: number;
+    children?: React$1.ReactNode;
+    style?: any;
+    fixed?: boolean;
+    objectFit?: "cover" | "contain" | "fill" | "none" | "scale-down";
+    objectPosition?: string;
+}
+declare const ImgBg: React$1.FC<ImgBgProps>;
+
+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, ImgBg, 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.js

@@ -23,6 +23,7 @@ var LayoutPDF = ({
   padding = 30,
   margen = "normal",
   style = {},
+  pagination = true,
   footer,
   lines = footer ? 2 : 1
 }) => {
@@ -105,8 +106,12 @@ var LayoutPDF = ({
   const transformOrientation = (orientation2) => {
     switch (orientation2) {
       case "vertical":
+      case "portrait":
+      case "v":
         return "portrait";
       case "horizontal":
+      case "landscape":
+      case "h":
         return "landscape";
       default:
         console.warn(`Unrecognized orientation: ${orientation2}. Using portrait as default.`);
@@ -159,7 +164,7 @@ var LayoutPDF = ({
     fontSize: 10,
     color: "grey"
   };
-  return /* @__PURE__ */ React.createElement(Document, null, /* @__PURE__ */ React.createElement(Page, { size: safeSize, orientation: pdfOrientation, style: pageStyle, wrap: true }, /* @__PURE__ */ React.createElement(View, { style: { paddingBottom: footerHeight } }, children), /* @__PURE__ */ React.createElement(View, { style: footerStyle, fixed: true }, footer, /* @__PURE__ */ React.createElement(Text, { style: { fontSize: footerStyle.fontSize }, render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}` }))));
+  return /* @__PURE__ */ React.createElement(Document, null, /* @__PURE__ */ React.createElement(Page, { size: safeSize, orientation: pdfOrientation, style: pageStyle, wrap: true }, /* @__PURE__ */ React.createElement(View, { style: { paddingBottom: footerHeight } }, children), pagination ? /* @__PURE__ */ React.createElement(View, { style: footerStyle, fixed: true }, footer, /* @__PURE__ */ React.createElement(Text, { style: { fontSize: footerStyle.fontSize }, render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}` })) : null));
 };
 var LayoutPDF_default = LayoutPDF;
 
@@ -662,7 +667,7 @@ var QR = ({
   logo = "",
   logoWidth = 30,
   logoHeight = 30,
-  errorCorrectionLevel = "M"
+  errorCorrectionLevel = logo ? "H" : "M"
 }) => {
   const [qrDataUrl, setQrDataUrl] = useState("");
   useEffect(() => {
@@ -802,7 +807,7 @@ var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1,
 };
 
 // src/components/core/index.tsx
-import { View as View8, Text as Text5, StyleSheet as StyleSheet9, Font } from "@react-pdf/renderer";
+import { View as View9, Text as Text5, StyleSheet as StyleSheet10, Font } from "@react-pdf/renderer";
 
 // src/functions/decodeBase64Pdf.ts
 var decodeBase64Pdf = (base64, fileName) => {
@@ -853,6 +858,51 @@ var generatePDF = async ({ template: Template, data }) => {
   }
 };
 var generatePDF_default = generatePDF;
+
+// src/components/core/ImgBg.tsx
+import React9 from "react";
+import { Image as Image4, StyleSheet as StyleSheet9, View as View8 } from "@react-pdf/renderer";
+var styles9 = StyleSheet9.create({
+  container: {
+    position: "relative",
+    width: "100%",
+    height: "100%"
+  },
+  background: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0
+  },
+  content: {
+    position: "relative"
+  }
+});
+var ImgBg = ({
+  src,
+  width = "100%",
+  height = "100%",
+  opacity = 0.2,
+  children,
+  style,
+  fixed = false,
+  objectFit = "cover",
+  objectPosition = "center"
+}) => {
+  return /* @__PURE__ */ React9.createElement(View8, { style: [styles9.container, style] }, /* @__PURE__ */ React9.createElement(
+    Image4,
+    {
+      src,
+      style: [
+        styles9.background,
+        { width, height, opacity, objectFit, objectPosition }
+      ],
+      fixed
+    }
+  ), /* @__PURE__ */ React9.createElement(View8, { style: styles9.content }, children));
+};
+var ImgBg_default = ImgBg;
 export {
   A,
   BR,
@@ -881,6 +931,7 @@ export {
   H6,
   Header,
   Img_default as Img,
+  ImgBg_default as ImgBg,
   LI,
   LayoutPDF_default as LayoutPDF,
   Left,
@@ -893,7 +944,7 @@ export {
   Small,
   Span,
   Strong,
-  StyleSheet9 as StyleSheet,
+  StyleSheet10 as StyleSheet,
   Table,
   Tbody,
   Td,
@@ -903,7 +954,7 @@ export {
   Tr,
   U,
   UL,
-  View8 as View,
+  View9 as View,
   decodeBase64Pdf_default as decodeBase64Pdf,
   generatePDF_default as generatePDF
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-pdf-levelup",
-  "version": "3.1.16",
+  "version": "3.1.18",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -20,31 +20,39 @@
     "demo": "tsx ./src/useExample/index.ts"
   },
   "peerDependencies": {
-    "@react-pdf/renderer": "^4.3.0",
-    "qrcode": "^1.5.4",
-    "react": "^18",
-    "react-dom": "^18"
-  },
-  "dependencies": {
     "@babel/standalone": "^7.23.10",
     "@monaco-editor/react": "^4.7.0",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-icons": "^1.3.2",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "autoprefixer": "^10.4.21",
     "canvas": "^3.1.2",
+    "class-variance-authority": "^0.7.1",
     "i": "^0.3.7",
     "jsdom": "^26.1.0",
     "lucide-react": "^0.485.0",
-    "npm": "^11.3.0",
     "qr-code-styling": "^1.9.2",
     "react-router-dom": "^7.4.1",
     "rimraf": "^6.0.1",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss": "^4.1.12",
     "ts-node": "^10.9.2"
   },
+  "dependencies": {
+    "@react-pdf/renderer": "^4.3.0",
+    "qrcode": "^1.5.4",
+    "react": "^18",
+    "react-dom": "^18"
+  },
   "devDependencies": {
     "@eslint/js": "^9.21.0",
     "@react-pdf/types": "^2.9.0",
     "@types/jsdom": "^21.1.7",
     "@types/qrcode": "^1.5.5",
-    "@types/react": "^18.2.56",
-    "@types/react-dom": "^18.2.19",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",