react-pdf-levelup 1.0.4 → 1.0.8

package/dist/index.js

@@ -0,0 +1,575 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/components/PDF/core/LayoutPDF.tsx
+import React from "react";
+import { Page, Document, StyleSheet, Font, Text } from "@react-pdf/renderer";
+Font.register({
+  family: "Times New Roman",
+  fonts: [
+    { src: "/fonts/TimesNewerRoman-Regular.otf", fontWeight: 400, fontStyle: "normal" },
+    { src: "/fonts/TimesNewerRoman-Bold.otf", fontWeight: 700, fontStyle: "normal" },
+    { src: "/fonts/TimesNewerRoman-Italic.otf", fontWeight: 400, fontStyle: "italic" },
+    { src: "/fonts/TimesNewerRoman-BoldItalic.otf", fontWeight: 700, fontStyle: "italic" }
+    // Bold Italic
+  ]
+});
+var PAPER_SIZES = {
+  A0: [2384, 3370],
+  // 841 × 1189 mm
+  A1: [1684, 2384],
+  // 594 × 841 mm
+  A2: [1191, 1684],
+  // 420 × 594 mm
+  A3: [842, 1191],
+  // 297 × 420 mm
+  A4: [595, 842],
+  // 210 × 297 mm
+  A5: [420, 595],
+  // 148 × 210 mm
+  A6: [298, 420],
+  // 105 × 148 mm
+  A7: [210, 298],
+  // 74 × 105 mm
+  A8: [147, 210],
+  // 52 × 74 mm
+  A9: [105, 147],
+  // 37 × 52 mm
+  A10: [74, 105]
+  // 26 × 37 mm
+};
+var styles = StyleSheet.create({
+  page: {
+    backgroundColor: "white",
+    padding: 72,
+    paddingBottom: 72 + 14,
+    fontFamily: "Times New Roman",
+    fontSize: 12,
+    lineHeight: 1.5,
+    position: "relative"
+  },
+  pageNumber: {
+    position: "absolute",
+    fontSize: 10,
+    top: 792 - 14,
+    left: 0,
+    right: 0,
+    textAlign: "center",
+    color: "grey"
+  }
+});
+var LayoutPDF = ({
+  children,
+  size = "A4",
+  orientation = "portrait",
+  backgroundColor = "white",
+  showPageNumbers = true,
+  padding = 72,
+  paddingTop,
+  paddingRight,
+  paddingBottom,
+  paddingLeft,
+  style = {},
+  width,
+  height,
+  fontFamily = "Helvetica",
+  fontSize = 12,
+  lineHeight = 1.5
+}) => {
+  const pageStyle = __spreadValues(__spreadProps(__spreadValues({}, styles.page), {
+    backgroundColor,
+    fontFamily,
+    fontSize,
+    lineHeight
+  }), style);
+  if (paddingTop !== void 0 || paddingRight !== void 0 || paddingBottom !== void 0 || paddingLeft !== void 0) {
+    if (paddingTop !== void 0) pageStyle.paddingTop = paddingTop;
+    if (paddingRight !== void 0) pageStyle.paddingRight = paddingRight;
+    if (paddingBottom !== void 0) pageStyle.paddingBottom = paddingBottom;
+    if (paddingLeft !== void 0) pageStyle.paddingLeft = paddingLeft;
+  } else {
+    pageStyle.padding = padding;
+    if (showPageNumbers) {
+      pageStyle.paddingBottom = Number(padding) + 14;
+    }
+  }
+  let pageProps = {};
+  const customSize = PAPER_SIZES[size.toUpperCase()];
+  if (customSize) {
+    const [pageWidth, pageHeight] = customSize;
+    if (orientation === "landscape") {
+      pageProps = {
+        style: pageStyle,
+        size: [pageHeight, pageWidth]
+      };
+    } else {
+      pageProps = {
+        style: pageStyle,
+        size: [pageWidth, pageHeight]
+      };
+    }
+    console.log(`Using custom size for ${size}: ${JSON.stringify(pageProps.size)}`);
+  } else if (width && height) {
+    pageProps = {
+      style: pageStyle,
+      size: [width, height]
+    };
+  } else {
+    pageProps = {
+      size,
+      orientation,
+      style: pageStyle
+    };
+  }
+  let pageNumberStyle = __spreadValues({}, styles.pageNumber);
+  if (customSize) {
+    const [pageWidth, pageHeight] = customSize;
+    const actualHeight = orientation === "landscape" ? pageWidth : pageHeight;
+    pageNumberStyle = __spreadProps(__spreadValues({}, pageNumberStyle), {
+      top: actualHeight - 80
+    });
+  }
+  return /* @__PURE__ */ React.createElement(Document, null, /* @__PURE__ */ React.createElement(Page, __spreadValues({}, pageProps), children, /* @__PURE__ */ React.createElement(
+    Text,
+    {
+      style: pageNumberStyle,
+      render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`,
+      fixed: true
+    }
+  )));
+};
+var LayoutPDF_default = LayoutPDF;
+
+// src/components/PDF/core/MakePDF.tsx
+import React2 from "react";
+import dynamic from "next/dynamic";
+import { BlobProvider } from "@react-pdf/renderer";
+var MakePDF = ({ namePDF = "documento.pdf", document, children = "Descargar PDF" }) => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  return /* @__PURE__ */ React2.createElement(BlobProvider, { document }, ({ blob, url, loading, error }) => {
+    if (loading) {
+      return "Cargando documento...";
+    }
+    if (error) {
+      return `Error: ${error.message}`;
+    }
+    let pdfURL = "";
+    if (blob !== null) {
+      pdfURL = URL.createObjectURL(blob);
+    }
+    return /* @__PURE__ */ React2.createElement("div", { className: "containerDownload" }, /* @__PURE__ */ React2.createElement("a", { href: pdfURL, download: namePDF }, children));
+  });
+};
+var MakePDF_default = dynamic(() => Promise.resolve(MakePDF), { ssr: false });
+
+// src/components/PDF/core/Img.tsx
+import React3 from "react";
+import { Image, StyleSheet as StyleSheet2 } from "@react-pdf/renderer";
+var styles2 = StyleSheet2.create({
+  image: {
+    width: "100%",
+    height: "auto",
+    marginBottom: 14
+  }
+});
+var Img = ({ src, alt, style }) => {
+  return /* @__PURE__ */ React3.createElement(Image, { src, style: [styles2.image, style] });
+};
+var Img_default = Img;
+
+// src/components/PDF/core/Position.tsx
+import React4 from "react";
+import { View, StyleSheet as StyleSheet3 } from "@react-pdf/renderer";
+var styles3 = StyleSheet3.create({
+  left: {
+    textAlign: "left"
+  },
+  right: {
+    textAlign: "right"
+  },
+  center: {
+    textAlign: "center"
+  }
+});
+var Left = ({ children, style }) => {
+  return /* @__PURE__ */ React4.createElement(View, { style: [styles3.left, style] }, children);
+};
+var Right = ({ children, style }) => {
+  return /* @__PURE__ */ React4.createElement(View, { style: [styles3.right, style] }, children);
+};
+var Center = ({ children, style }) => {
+  return /* @__PURE__ */ React4.createElement(View, { style: [styles3.center, style] }, children);
+};
+
+// src/components/PDF/core/Etiquetas.tsx
+import React5 from "react";
+import { Text as Text2, StyleSheet as StyleSheet4, Link } from "@react-pdf/renderer";
+var styles4 = StyleSheet4.create({
+  p: {
+    fontSize: 12,
+    marginBottom: 14,
+    lineHeight: 1.5
+  },
+  h1: {
+    fontSize: 24,
+    fontWeight: "bold",
+    marginBottom: 12
+  },
+  h2: {
+    fontSize: 20,
+    fontWeight: "bold",
+    marginBottom: 10
+  },
+  h3: {
+    fontSize: 18,
+    fontWeight: "bold",
+    marginBottom: 8
+  },
+  h4: {
+    fontSize: 16,
+    fontWeight: "bold",
+    marginBottom: 6
+  },
+  h5: {
+    fontSize: 14,
+    fontWeight: "bold",
+    marginBottom: 4
+  },
+  h6: {
+    fontSize: 12,
+    fontWeight: "bold",
+    marginBottom: 0
+  },
+  strong: {
+    fontWeight: "bold"
+  },
+  em: {
+    fontStyle: "italic"
+  },
+  u: {
+    textDecoration: "underline"
+  },
+  small: {
+    fontSize: 10
+  },
+  blockquote: {
+    marginLeft: 20,
+    marginRight: 20,
+    fontStyle: "italic",
+    borderLeft: "4px solid #ccc",
+    paddingLeft: 10
+  },
+  mark: {
+    backgroundColor: "yellow"
+  },
+  A: {
+    color: "#3d65fd",
+    textDecoration: "none"
+  },
+  br: {
+    width: "100%",
+    height: 1,
+    marginTop: 7,
+    marginBottom: 7
+  }
+});
+var P = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.p, style] }, children);
+};
+var H1 = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.h1, style] }, children);
+};
+var H2 = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.h2, style] }, children);
+};
+var H3 = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.h3, style] }, children);
+};
+var H4 = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.h4, style] }, children);
+};
+var H5 = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.h5, style] }, children);
+};
+var H6 = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.h6, style] }, children);
+};
+var Strong = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.strong, style] }, children);
+};
+var Em = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.em, style] }, children);
+};
+var U = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.u, style] }, children);
+};
+var Small = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.small, style] }, children);
+};
+var Blockquote = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.blockquote, style] }, children);
+};
+var Mark = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.mark, style] }, children);
+};
+var A = ({ children, style, href }) => {
+  return /* @__PURE__ */ React5.createElement(Link, { src: href, style: [styles4.A, style] }, children);
+};
+var BR = ({ style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [styles4.br, style] }, "\n");
+};
+var Span = ({ children, style }) => {
+  return /* @__PURE__ */ React5.createElement(Text2, { style: [style] }, children);
+};
+
+// src/components/PDF/core/Tablet.tsx
+import React6 from "react";
+import { View as View2, Text as Text3, StyleSheet as StyleSheet5 } from "@react-pdf/renderer";
+var styles5 = StyleSheet5.create({
+  table: {
+    width: "100%",
+    borderWidth: 1,
+    borderColor: "#000",
+    overflow: "hidden",
+    marginBottom: 20
+  },
+  thead: {
+    backgroundColor: "#f0f0f0"
+  },
+  tbody: {},
+  tr: {
+    flexDirection: "row",
+    borderBottomWidth: 1,
+    borderColor: "#000"
+  },
+  th: {
+    paddingTop: 4,
+    fontSize: 10,
+    fontFamily: "Helvetica",
+    fontWeight: "bold",
+    borderRight: 1,
+    borderColor: "#000",
+    textAlign: "center"
+  },
+  td: {
+    paddingTop: 4,
+    paddingLeft: 8,
+    paddingRight: 8,
+    fontSize: 10,
+    fontFamily: "Helvetica",
+    borderRight: 1,
+    borderColor: "#000"
+  },
+  cellSmall: {
+    width: "25%"
+  },
+  cellMedium: {
+    width: "33.33%"
+  },
+  cellLarge: {
+    width: "50%"
+  }
+});
+var cellSizeMapping = {
+  small: styles5.cellSmall,
+  medium: styles5.cellMedium,
+  large: styles5.cellLarge
+};
+var Table = ({ children, style }) => {
+  return /* @__PURE__ */ React6.createElement(View2, { style: [styles5.table, style] }, children);
+};
+var Thead = ({ children, style }) => {
+  return /* @__PURE__ */ React6.createElement(View2, { style: [styles5.thead, style] }, children);
+};
+var Tbody = ({ children, style }) => {
+  return /* @__PURE__ */ React6.createElement(View2, { style: [styles5.tbody, style] }, children);
+};
+var Tr = ({ children, style }) => {
+  return /* @__PURE__ */ React6.createElement(View2, { style: [styles5.tr, style] }, children);
+};
+var Th = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
+  const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
+  const sizeStyle = cellSizeMapping[cellSize];
+  const customStyle = __spreadValues({
+    width: width || spanWidth || (sizeStyle == null ? void 0 : sizeStyle.width)
+  }, height !== void 0 && { height });
+  return /* @__PURE__ */ React6.createElement(View2, { style: [styles5.th, customStyle, style] }, /* @__PURE__ */ React6.createElement(Text3, null, children));
+};
+var Td = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
+  const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
+  const sizeStyle = cellSizeMapping[cellSize];
+  const customStyle = __spreadValues({
+    width: width || spanWidth || (sizeStyle == null ? void 0 : sizeStyle.width)
+  }, height !== void 0 && { height });
+  return /* @__PURE__ */ React6.createElement(View2, { style: [styles5.td, customStyle, style] }, /* @__PURE__ */ React6.createElement(Text3, null, children));
+};
+
+// src/components/PDF/core/Grid.tsx
+import React7 from "react";
+import { View as View3, StyleSheet as StyleSheet6 } from "@react-pdf/renderer";
+var styles6 = StyleSheet6.create({
+  container: {
+    width: "100%",
+    paddingHorizontal: 20
+  },
+  row: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    marginHorizontal: -5
+    // Negative margin to offset column padding
+  },
+  col: {
+    paddingHorizontal: 5
+  },
+  col1: { width: "8.33%" },
+  col2: { width: "16.66%" },
+  col3: { width: "25%" },
+  col4: { width: "33.33%" },
+  col5: { width: "41.66%" },
+  col6: { width: "50%" },
+  col7: { width: "58.33%" },
+  col8: { width: "66.66%" },
+  col9: { width: "75%" },
+  col10: { width: "83.33%" },
+  col11: { width: "91.66%" },
+  col12: { width: "100%" }
+});
+var Container = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.container, style] }, children);
+};
+var Row = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.row, style] }, children);
+};
+var Col1 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col1, style] }, children);
+};
+var Col2 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col2, style] }, children);
+};
+var Col3 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col3, style] }, children);
+};
+var Col4 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col4, style] }, children);
+};
+var Col5 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col5, style] }, children);
+};
+var Col6 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col6, style] }, children);
+};
+var Col7 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col7, style] }, children);
+};
+var Col8 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col8, style] }, children);
+};
+var Col9 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col9, style] }, children);
+};
+var Col10 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col10, style] }, children);
+};
+var Col11 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col11, style] }, children);
+};
+var Col12 = ({ children, style }) => {
+  return /* @__PURE__ */ React7.createElement(View3, { style: [styles6.col, styles6.col12, style] }, children);
+};
+
+// src/components/PDF/core/PageElements.tsx
+import React8 from "react";
+import { Text as Text4, View as View4, StyleSheet as StyleSheet7 } from "@react-pdf/renderer";
+var styles7 = StyleSheet7.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__ */ React8.createElement(View4, { style: [styles7.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React8.createElement(Text4, null, children) : children);
+};
+var Footer = ({ children, style, fixed = false }) => {
+  return /* @__PURE__ */ React8.createElement(View4, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React8.createElement(Text4, null, children) : children);
+};
+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_default as Img,
+  LayoutPDF_default as LayoutPDF,
+  Left,
+  MakePDF_default as MakePDF,
+  Mark,
+  P,
+  Right,
+  Row,
+  Small,
+  Span,
+  Strong,
+  Table,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr,
+  U
+};

package/package.json

@@ -1,9 +1,13 @@
 {
   "name": "react-pdf-levelup",
-  "version": "1.0.4",
+  "version": "1.0.8",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
+  "files": [
+    "dist"
+  ],
+  "license": "MIT",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -11,7 +15,9 @@
     "lint": "next lint",
     "upVersion": "node ./fn/upVersion.js",
     "update:jsx": "node ./fn/updateTsconfig.js",
-    "publicar": "npm run upVersion && npm run update:jsx && npm publish",
+    "clean-dist": "rimraf dist",
+    "build-lib": "npm run clean-dist && tsup",
+    "publicar": "npm run upVersion && npm run update:jsx && npm run build-lib && npm publish",
     "postinstall": "node ./fn/postinstall.js"
   },
   "dependencies": {

package/fn/aggAlias.js

@@ -1,21 +0,0 @@
-import fs from 'fs';
-
-const updateTsconfigPaths = () => {
-    const tsconfigPath = './tsconfig.json';
-    const tsconfig = JSON.parse(fs.readFileSync(tsconfigPath, 'utf8'));
-
-    tsconfig.compilerOptions = tsconfig.compilerOptions || {};
-    tsconfig.compilerOptions.paths = {
-        "@components/*": ["./src/components/*"],
-        "@fn/*": ["./src/functions/*"],
-        "@env": ["./env.ts"],
-        "@public/*": ["./public/*"],
-        "@nano": ["./src/components/nano/index.tsx"],
-    };
-
-    fs.writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 2), 'utf8');
-
-    console.log('tsconfig.json actualizado correctamente');
-};
-
-updateTsconfigPaths();