react-pdf-levelup 1.0.10 → 1.0.11
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.
- package/dist/index.cjs +59 -85
- package/dist/index.d.cts +1 -8
- package/dist/index.d.ts +1 -8
- package/dist/index.js +48 -73
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -76,7 +76,6 @@ __export(index_exports, {
|
|
|
76
76
|
Img: () => Img_default,
|
|
77
77
|
LayoutPDF: () => LayoutPDF_default,
|
|
78
78
|
Left: () => Left,
|
|
79
|
-
MakePDF: () => MakePDF_default,
|
|
80
79
|
Mark: () => Mark,
|
|
81
80
|
P: () => P,
|
|
82
81
|
Right: () => Right,
|
|
@@ -233,34 +232,10 @@ var LayoutPDF = ({
|
|
|
233
232
|
};
|
|
234
233
|
var LayoutPDF_default = LayoutPDF;
|
|
235
234
|
|
|
236
|
-
// src/components/PDF/core/
|
|
235
|
+
// src/components/PDF/core/Img.tsx
|
|
237
236
|
var import_react2 = __toESM(require("react"), 1);
|
|
238
|
-
var import_dynamic = __toESM(require("next/dynamic"), 1);
|
|
239
237
|
var import_renderer2 = require("@react-pdf/renderer");
|
|
240
|
-
var
|
|
241
|
-
if (typeof window === "undefined") {
|
|
242
|
-
return null;
|
|
243
|
-
}
|
|
244
|
-
return /* @__PURE__ */ import_react2.default.createElement(import_renderer2.BlobProvider, { document }, ({ blob, url, loading, error }) => {
|
|
245
|
-
if (loading) {
|
|
246
|
-
return "Cargando documento...";
|
|
247
|
-
}
|
|
248
|
-
if (error) {
|
|
249
|
-
return `Error: ${error.message}`;
|
|
250
|
-
}
|
|
251
|
-
let pdfURL = "";
|
|
252
|
-
if (blob !== null) {
|
|
253
|
-
pdfURL = URL.createObjectURL(blob);
|
|
254
|
-
}
|
|
255
|
-
return /* @__PURE__ */ import_react2.default.createElement("div", { className: "containerDownload" }, /* @__PURE__ */ import_react2.default.createElement("a", { href: pdfURL, download: namePDF }, children));
|
|
256
|
-
});
|
|
257
|
-
};
|
|
258
|
-
var MakePDF_default = (0, import_dynamic.default)(() => Promise.resolve(MakePDF), { ssr: false });
|
|
259
|
-
|
|
260
|
-
// src/components/PDF/core/Img.tsx
|
|
261
|
-
var import_react3 = __toESM(require("react"), 1);
|
|
262
|
-
var import_renderer3 = require("@react-pdf/renderer");
|
|
263
|
-
var styles2 = import_renderer3.StyleSheet.create({
|
|
238
|
+
var styles2 = import_renderer2.StyleSheet.create({
|
|
264
239
|
image: {
|
|
265
240
|
width: "100%",
|
|
266
241
|
height: "auto",
|
|
@@ -268,14 +243,14 @@ var styles2 = import_renderer3.StyleSheet.create({
|
|
|
268
243
|
}
|
|
269
244
|
});
|
|
270
245
|
var Img = ({ src, alt, style }) => {
|
|
271
|
-
return /* @__PURE__ */
|
|
246
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_renderer2.Image, { src, style: [styles2.image, style] });
|
|
272
247
|
};
|
|
273
248
|
var Img_default = Img;
|
|
274
249
|
|
|
275
250
|
// src/components/PDF/core/Position.tsx
|
|
276
|
-
var
|
|
277
|
-
var
|
|
278
|
-
var styles3 =
|
|
251
|
+
var import_react3 = __toESM(require("react"), 1);
|
|
252
|
+
var import_renderer3 = require("@react-pdf/renderer");
|
|
253
|
+
var styles3 = import_renderer3.StyleSheet.create({
|
|
279
254
|
left: {
|
|
280
255
|
textAlign: "left"
|
|
281
256
|
},
|
|
@@ -287,19 +262,19 @@ var styles3 = import_renderer4.StyleSheet.create({
|
|
|
287
262
|
}
|
|
288
263
|
});
|
|
289
264
|
var Left = ({ children, style }) => {
|
|
290
|
-
return /* @__PURE__ */
|
|
265
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.left, style] }, children);
|
|
291
266
|
};
|
|
292
267
|
var Right = ({ children, style }) => {
|
|
293
|
-
return /* @__PURE__ */
|
|
268
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.right, style] }, children);
|
|
294
269
|
};
|
|
295
270
|
var Center = ({ children, style }) => {
|
|
296
|
-
return /* @__PURE__ */
|
|
271
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.center, style] }, children);
|
|
297
272
|
};
|
|
298
273
|
|
|
299
274
|
// src/components/PDF/core/Etiquetas.tsx
|
|
300
|
-
var
|
|
301
|
-
var
|
|
302
|
-
var styles4 =
|
|
275
|
+
var import_react4 = __toESM(require("react"), 1);
|
|
276
|
+
var import_renderer4 = require("@react-pdf/renderer");
|
|
277
|
+
var styles4 = import_renderer4.StyleSheet.create({
|
|
303
278
|
p: {
|
|
304
279
|
fontSize: 12,
|
|
305
280
|
marginBottom: 14,
|
|
@@ -369,58 +344,58 @@ var styles4 = import_renderer5.StyleSheet.create({
|
|
|
369
344
|
}
|
|
370
345
|
});
|
|
371
346
|
var P = ({ children, style }) => {
|
|
372
|
-
return /* @__PURE__ */
|
|
347
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.p, style] }, children);
|
|
373
348
|
};
|
|
374
349
|
var H1 = ({ children, style }) => {
|
|
375
|
-
return /* @__PURE__ */
|
|
350
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h1, style] }, children);
|
|
376
351
|
};
|
|
377
352
|
var H2 = ({ children, style }) => {
|
|
378
|
-
return /* @__PURE__ */
|
|
353
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h2, style] }, children);
|
|
379
354
|
};
|
|
380
355
|
var H3 = ({ children, style }) => {
|
|
381
|
-
return /* @__PURE__ */
|
|
356
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h3, style] }, children);
|
|
382
357
|
};
|
|
383
358
|
var H4 = ({ children, style }) => {
|
|
384
|
-
return /* @__PURE__ */
|
|
359
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h4, style] }, children);
|
|
385
360
|
};
|
|
386
361
|
var H5 = ({ children, style }) => {
|
|
387
|
-
return /* @__PURE__ */
|
|
362
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h5, style] }, children);
|
|
388
363
|
};
|
|
389
364
|
var H6 = ({ children, style }) => {
|
|
390
|
-
return /* @__PURE__ */
|
|
365
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h6, style] }, children);
|
|
391
366
|
};
|
|
392
367
|
var Strong = ({ children, style }) => {
|
|
393
|
-
return /* @__PURE__ */
|
|
368
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.strong, style] }, children);
|
|
394
369
|
};
|
|
395
370
|
var Em = ({ children, style }) => {
|
|
396
|
-
return /* @__PURE__ */
|
|
371
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.em, style] }, children);
|
|
397
372
|
};
|
|
398
373
|
var U = ({ children, style }) => {
|
|
399
|
-
return /* @__PURE__ */
|
|
374
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.u, style] }, children);
|
|
400
375
|
};
|
|
401
376
|
var Small = ({ children, style }) => {
|
|
402
|
-
return /* @__PURE__ */
|
|
377
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.small, style] }, children);
|
|
403
378
|
};
|
|
404
379
|
var Blockquote = ({ children, style }) => {
|
|
405
|
-
return /* @__PURE__ */
|
|
380
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.blockquote, style] }, children);
|
|
406
381
|
};
|
|
407
382
|
var Mark = ({ children, style }) => {
|
|
408
|
-
return /* @__PURE__ */
|
|
383
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.mark, style] }, children);
|
|
409
384
|
};
|
|
410
385
|
var A = ({ children, style, href }) => {
|
|
411
|
-
return /* @__PURE__ */
|
|
386
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Link, { src: href, style: [styles4.A, style] }, children);
|
|
412
387
|
};
|
|
413
388
|
var BR = ({ style }) => {
|
|
414
|
-
return /* @__PURE__ */
|
|
389
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.br, style] }, "\n");
|
|
415
390
|
};
|
|
416
391
|
var Span = ({ children, style }) => {
|
|
417
|
-
return /* @__PURE__ */
|
|
392
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [style] }, children);
|
|
418
393
|
};
|
|
419
394
|
|
|
420
395
|
// src/components/PDF/core/Tablet.tsx
|
|
421
|
-
var
|
|
422
|
-
var
|
|
423
|
-
var styles5 =
|
|
396
|
+
var import_react5 = __toESM(require("react"), 1);
|
|
397
|
+
var import_renderer5 = require("@react-pdf/renderer");
|
|
398
|
+
var styles5 = import_renderer5.StyleSheet.create({
|
|
424
399
|
table: {
|
|
425
400
|
width: "100%",
|
|
426
401
|
borderWidth: 1,
|
|
@@ -471,16 +446,16 @@ var cellSizeMapping = {
|
|
|
471
446
|
large: styles5.cellLarge
|
|
472
447
|
};
|
|
473
448
|
var Table = ({ children, style }) => {
|
|
474
|
-
return /* @__PURE__ */
|
|
449
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.table, style] }, children);
|
|
475
450
|
};
|
|
476
451
|
var Thead = ({ children, style }) => {
|
|
477
|
-
return /* @__PURE__ */
|
|
452
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.thead, style] }, children);
|
|
478
453
|
};
|
|
479
454
|
var Tbody = ({ children, style }) => {
|
|
480
|
-
return /* @__PURE__ */
|
|
455
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.tbody, style] }, children);
|
|
481
456
|
};
|
|
482
457
|
var Tr = ({ children, style }) => {
|
|
483
|
-
return /* @__PURE__ */
|
|
458
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.tr, style] }, children);
|
|
484
459
|
};
|
|
485
460
|
var Th = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
|
|
486
461
|
const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
|
|
@@ -488,7 +463,7 @@ var Th = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
|
|
|
488
463
|
const customStyle = __spreadValues({
|
|
489
464
|
width: width || spanWidth || (sizeStyle == null ? void 0 : sizeStyle.width)
|
|
490
465
|
}, height !== void 0 && { height });
|
|
491
|
-
return /* @__PURE__ */
|
|
466
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.th, customStyle, style] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
|
|
492
467
|
};
|
|
493
468
|
var Td = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
|
|
494
469
|
const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
|
|
@@ -496,13 +471,13 @@ var Td = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
|
|
|
496
471
|
const customStyle = __spreadValues({
|
|
497
472
|
width: width || spanWidth || (sizeStyle == null ? void 0 : sizeStyle.width)
|
|
498
473
|
}, height !== void 0 && { height });
|
|
499
|
-
return /* @__PURE__ */
|
|
474
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.td, customStyle, style] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
|
|
500
475
|
};
|
|
501
476
|
|
|
502
477
|
// src/components/PDF/core/Grid.tsx
|
|
503
|
-
var
|
|
504
|
-
var
|
|
505
|
-
var styles6 =
|
|
478
|
+
var import_react6 = __toESM(require("react"), 1);
|
|
479
|
+
var import_renderer6 = require("@react-pdf/renderer");
|
|
480
|
+
var styles6 = import_renderer6.StyleSheet.create({
|
|
506
481
|
container: {
|
|
507
482
|
width: "100%",
|
|
508
483
|
paddingHorizontal: 20
|
|
@@ -530,52 +505,52 @@ var styles6 = import_renderer7.StyleSheet.create({
|
|
|
530
505
|
col12: { width: "100%" }
|
|
531
506
|
});
|
|
532
507
|
var Container = ({ children, style }) => {
|
|
533
|
-
return /* @__PURE__ */
|
|
508
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.container, style] }, children);
|
|
534
509
|
};
|
|
535
510
|
var Row = ({ children, style }) => {
|
|
536
|
-
return /* @__PURE__ */
|
|
511
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.row, style] }, children);
|
|
537
512
|
};
|
|
538
513
|
var Col1 = ({ children, style }) => {
|
|
539
|
-
return /* @__PURE__ */
|
|
514
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col1, style] }, children);
|
|
540
515
|
};
|
|
541
516
|
var Col2 = ({ children, style }) => {
|
|
542
|
-
return /* @__PURE__ */
|
|
517
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col2, style] }, children);
|
|
543
518
|
};
|
|
544
519
|
var Col3 = ({ children, style }) => {
|
|
545
|
-
return /* @__PURE__ */
|
|
520
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col3, style] }, children);
|
|
546
521
|
};
|
|
547
522
|
var Col4 = ({ children, style }) => {
|
|
548
|
-
return /* @__PURE__ */
|
|
523
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col4, style] }, children);
|
|
549
524
|
};
|
|
550
525
|
var Col5 = ({ children, style }) => {
|
|
551
|
-
return /* @__PURE__ */
|
|
526
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col5, style] }, children);
|
|
552
527
|
};
|
|
553
528
|
var Col6 = ({ children, style }) => {
|
|
554
|
-
return /* @__PURE__ */
|
|
529
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col6, style] }, children);
|
|
555
530
|
};
|
|
556
531
|
var Col7 = ({ children, style }) => {
|
|
557
|
-
return /* @__PURE__ */
|
|
532
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col7, style] }, children);
|
|
558
533
|
};
|
|
559
534
|
var Col8 = ({ children, style }) => {
|
|
560
|
-
return /* @__PURE__ */
|
|
535
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col8, style] }, children);
|
|
561
536
|
};
|
|
562
537
|
var Col9 = ({ children, style }) => {
|
|
563
|
-
return /* @__PURE__ */
|
|
538
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col9, style] }, children);
|
|
564
539
|
};
|
|
565
540
|
var Col10 = ({ children, style }) => {
|
|
566
|
-
return /* @__PURE__ */
|
|
541
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col10, style] }, children);
|
|
567
542
|
};
|
|
568
543
|
var Col11 = ({ children, style }) => {
|
|
569
|
-
return /* @__PURE__ */
|
|
544
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col11, style] }, children);
|
|
570
545
|
};
|
|
571
546
|
var Col12 = ({ children, style }) => {
|
|
572
|
-
return /* @__PURE__ */
|
|
547
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col12, style] }, children);
|
|
573
548
|
};
|
|
574
549
|
|
|
575
550
|
// src/components/PDF/core/PageElements.tsx
|
|
576
|
-
var
|
|
577
|
-
var
|
|
578
|
-
var styles7 =
|
|
551
|
+
var import_react7 = __toESM(require("react"), 1);
|
|
552
|
+
var import_renderer7 = require("@react-pdf/renderer");
|
|
553
|
+
var styles7 = import_renderer7.StyleSheet.create({
|
|
579
554
|
header: {
|
|
580
555
|
position: "absolute",
|
|
581
556
|
top: 20,
|
|
@@ -598,10 +573,10 @@ var styles7 = import_renderer8.StyleSheet.create({
|
|
|
598
573
|
}
|
|
599
574
|
});
|
|
600
575
|
var Header = ({ children, style, fixed = false }) => {
|
|
601
|
-
return /* @__PURE__ */
|
|
576
|
+
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);
|
|
602
577
|
};
|
|
603
578
|
var Footer = ({ children, style, fixed = false }) => {
|
|
604
|
-
return /* @__PURE__ */
|
|
579
|
+
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);
|
|
605
580
|
};
|
|
606
581
|
// Annotate the CommonJS export names for ESM import in node:
|
|
607
582
|
0 && (module.exports = {
|
|
@@ -634,7 +609,6 @@ var Footer = ({ children, style, fixed = false }) => {
|
|
|
634
609
|
Img,
|
|
635
610
|
LayoutPDF,
|
|
636
611
|
Left,
|
|
637
|
-
MakePDF,
|
|
638
612
|
Mark,
|
|
639
613
|
P,
|
|
640
614
|
Right,
|
package/dist/index.d.cts
CHANGED
|
@@ -20,13 +20,6 @@ interface LayoutPDFProps {
|
|
|
20
20
|
}
|
|
21
21
|
declare const LayoutPDF: React.FC<LayoutPDFProps>;
|
|
22
22
|
|
|
23
|
-
interface MakePDFProps {
|
|
24
|
-
namePDF?: string;
|
|
25
|
-
document: React.ReactElement;
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
}
|
|
28
|
-
declare const _default: React.ComponentType<MakePDFProps>;
|
|
29
|
-
|
|
30
23
|
interface ImgProps {
|
|
31
24
|
src?: string;
|
|
32
25
|
alt?: string;
|
|
@@ -120,4 +113,4 @@ interface PageElementProps {
|
|
|
120
113
|
declare const Header: React.FC<PageElementProps>;
|
|
121
114
|
declare const Footer: React.FC<PageElementProps>;
|
|
122
115
|
|
|
123
|
-
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, LayoutPDF, Left,
|
|
116
|
+
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, LayoutPDF, Left, Mark, P, Right, Row, Small, Span, Strong, Table, Tbody, Td, Th, Thead, Tr, U };
|
package/dist/index.d.ts
CHANGED
|
@@ -20,13 +20,6 @@ interface LayoutPDFProps {
|
|
|
20
20
|
}
|
|
21
21
|
declare const LayoutPDF: React.FC<LayoutPDFProps>;
|
|
22
22
|
|
|
23
|
-
interface MakePDFProps {
|
|
24
|
-
namePDF?: string;
|
|
25
|
-
document: React.ReactElement;
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
}
|
|
28
|
-
declare const _default: React.ComponentType<MakePDFProps>;
|
|
29
|
-
|
|
30
23
|
interface ImgProps {
|
|
31
24
|
src?: string;
|
|
32
25
|
alt?: string;
|
|
@@ -120,4 +113,4 @@ interface PageElementProps {
|
|
|
120
113
|
declare const Header: React.FC<PageElementProps>;
|
|
121
114
|
declare const Footer: React.FC<PageElementProps>;
|
|
122
115
|
|
|
123
|
-
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, LayoutPDF, Left,
|
|
116
|
+
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, LayoutPDF, Left, Mark, P, Right, Row, Small, Span, Strong, Table, Tbody, Td, Th, Thead, Tr, U };
|
package/dist/index.js
CHANGED
|
@@ -157,32 +157,8 @@ var LayoutPDF = ({
|
|
|
157
157
|
};
|
|
158
158
|
var LayoutPDF_default = LayoutPDF;
|
|
159
159
|
|
|
160
|
-
// src/components/PDF/core/MakePDF.tsx
|
|
161
|
-
import React2 from "react";
|
|
162
|
-
import dynamic from "next/dynamic";
|
|
163
|
-
import { BlobProvider } from "@react-pdf/renderer";
|
|
164
|
-
var MakePDF = ({ namePDF = "documento.pdf", document, children = "Descargar PDF" }) => {
|
|
165
|
-
if (typeof window === "undefined") {
|
|
166
|
-
return null;
|
|
167
|
-
}
|
|
168
|
-
return /* @__PURE__ */ React2.createElement(BlobProvider, { document }, ({ blob, url, loading, error }) => {
|
|
169
|
-
if (loading) {
|
|
170
|
-
return "Cargando documento...";
|
|
171
|
-
}
|
|
172
|
-
if (error) {
|
|
173
|
-
return `Error: ${error.message}`;
|
|
174
|
-
}
|
|
175
|
-
let pdfURL = "";
|
|
176
|
-
if (blob !== null) {
|
|
177
|
-
pdfURL = URL.createObjectURL(blob);
|
|
178
|
-
}
|
|
179
|
-
return /* @__PURE__ */ React2.createElement("div", { className: "containerDownload" }, /* @__PURE__ */ React2.createElement("a", { href: pdfURL, download: namePDF }, children));
|
|
180
|
-
});
|
|
181
|
-
};
|
|
182
|
-
var MakePDF_default = dynamic(() => Promise.resolve(MakePDF), { ssr: false });
|
|
183
|
-
|
|
184
160
|
// src/components/PDF/core/Img.tsx
|
|
185
|
-
import
|
|
161
|
+
import React2 from "react";
|
|
186
162
|
import { Image, StyleSheet as StyleSheet2 } from "@react-pdf/renderer";
|
|
187
163
|
var styles2 = StyleSheet2.create({
|
|
188
164
|
image: {
|
|
@@ -192,12 +168,12 @@ var styles2 = StyleSheet2.create({
|
|
|
192
168
|
}
|
|
193
169
|
});
|
|
194
170
|
var Img = ({ src, alt, style }) => {
|
|
195
|
-
return /* @__PURE__ */
|
|
171
|
+
return /* @__PURE__ */ React2.createElement(Image, { src, style: [styles2.image, style] });
|
|
196
172
|
};
|
|
197
173
|
var Img_default = Img;
|
|
198
174
|
|
|
199
175
|
// src/components/PDF/core/Position.tsx
|
|
200
|
-
import
|
|
176
|
+
import React3 from "react";
|
|
201
177
|
import { View, StyleSheet as StyleSheet3 } from "@react-pdf/renderer";
|
|
202
178
|
var styles3 = StyleSheet3.create({
|
|
203
179
|
left: {
|
|
@@ -211,17 +187,17 @@ var styles3 = StyleSheet3.create({
|
|
|
211
187
|
}
|
|
212
188
|
});
|
|
213
189
|
var Left = ({ children, style }) => {
|
|
214
|
-
return /* @__PURE__ */
|
|
190
|
+
return /* @__PURE__ */ React3.createElement(View, { style: [styles3.left, style] }, children);
|
|
215
191
|
};
|
|
216
192
|
var Right = ({ children, style }) => {
|
|
217
|
-
return /* @__PURE__ */
|
|
193
|
+
return /* @__PURE__ */ React3.createElement(View, { style: [styles3.right, style] }, children);
|
|
218
194
|
};
|
|
219
195
|
var Center = ({ children, style }) => {
|
|
220
|
-
return /* @__PURE__ */
|
|
196
|
+
return /* @__PURE__ */ React3.createElement(View, { style: [styles3.center, style] }, children);
|
|
221
197
|
};
|
|
222
198
|
|
|
223
199
|
// src/components/PDF/core/Etiquetas.tsx
|
|
224
|
-
import
|
|
200
|
+
import React4 from "react";
|
|
225
201
|
import { Text as Text2, StyleSheet as StyleSheet4, Link } from "@react-pdf/renderer";
|
|
226
202
|
var styles4 = StyleSheet4.create({
|
|
227
203
|
p: {
|
|
@@ -293,56 +269,56 @@ var styles4 = StyleSheet4.create({
|
|
|
293
269
|
}
|
|
294
270
|
});
|
|
295
271
|
var P = ({ children, style }) => {
|
|
296
|
-
return /* @__PURE__ */
|
|
272
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.p, style] }, children);
|
|
297
273
|
};
|
|
298
274
|
var H1 = ({ children, style }) => {
|
|
299
|
-
return /* @__PURE__ */
|
|
275
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h1, style] }, children);
|
|
300
276
|
};
|
|
301
277
|
var H2 = ({ children, style }) => {
|
|
302
|
-
return /* @__PURE__ */
|
|
278
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h2, style] }, children);
|
|
303
279
|
};
|
|
304
280
|
var H3 = ({ children, style }) => {
|
|
305
|
-
return /* @__PURE__ */
|
|
281
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h3, style] }, children);
|
|
306
282
|
};
|
|
307
283
|
var H4 = ({ children, style }) => {
|
|
308
|
-
return /* @__PURE__ */
|
|
284
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h4, style] }, children);
|
|
309
285
|
};
|
|
310
286
|
var H5 = ({ children, style }) => {
|
|
311
|
-
return /* @__PURE__ */
|
|
287
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h5, style] }, children);
|
|
312
288
|
};
|
|
313
289
|
var H6 = ({ children, style }) => {
|
|
314
|
-
return /* @__PURE__ */
|
|
290
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h6, style] }, children);
|
|
315
291
|
};
|
|
316
292
|
var Strong = ({ children, style }) => {
|
|
317
|
-
return /* @__PURE__ */
|
|
293
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.strong, style] }, children);
|
|
318
294
|
};
|
|
319
295
|
var Em = ({ children, style }) => {
|
|
320
|
-
return /* @__PURE__ */
|
|
296
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.em, style] }, children);
|
|
321
297
|
};
|
|
322
298
|
var U = ({ children, style }) => {
|
|
323
|
-
return /* @__PURE__ */
|
|
299
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.u, style] }, children);
|
|
324
300
|
};
|
|
325
301
|
var Small = ({ children, style }) => {
|
|
326
|
-
return /* @__PURE__ */
|
|
302
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.small, style] }, children);
|
|
327
303
|
};
|
|
328
304
|
var Blockquote = ({ children, style }) => {
|
|
329
|
-
return /* @__PURE__ */
|
|
305
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.blockquote, style] }, children);
|
|
330
306
|
};
|
|
331
307
|
var Mark = ({ children, style }) => {
|
|
332
|
-
return /* @__PURE__ */
|
|
308
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.mark, style] }, children);
|
|
333
309
|
};
|
|
334
310
|
var A = ({ children, style, href }) => {
|
|
335
|
-
return /* @__PURE__ */
|
|
311
|
+
return /* @__PURE__ */ React4.createElement(Link, { src: href, style: [styles4.A, style] }, children);
|
|
336
312
|
};
|
|
337
313
|
var BR = ({ style }) => {
|
|
338
|
-
return /* @__PURE__ */
|
|
314
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.br, style] }, "\n");
|
|
339
315
|
};
|
|
340
316
|
var Span = ({ children, style }) => {
|
|
341
|
-
return /* @__PURE__ */
|
|
317
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [style] }, children);
|
|
342
318
|
};
|
|
343
319
|
|
|
344
320
|
// src/components/PDF/core/Tablet.tsx
|
|
345
|
-
import
|
|
321
|
+
import React5 from "react";
|
|
346
322
|
import { View as View2, Text as Text3, StyleSheet as StyleSheet5 } from "@react-pdf/renderer";
|
|
347
323
|
var styles5 = StyleSheet5.create({
|
|
348
324
|
table: {
|
|
@@ -395,16 +371,16 @@ var cellSizeMapping = {
|
|
|
395
371
|
large: styles5.cellLarge
|
|
396
372
|
};
|
|
397
373
|
var Table = ({ children, style }) => {
|
|
398
|
-
return /* @__PURE__ */
|
|
374
|
+
return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.table, style] }, children);
|
|
399
375
|
};
|
|
400
376
|
var Thead = ({ children, style }) => {
|
|
401
|
-
return /* @__PURE__ */
|
|
377
|
+
return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.thead, style] }, children);
|
|
402
378
|
};
|
|
403
379
|
var Tbody = ({ children, style }) => {
|
|
404
|
-
return /* @__PURE__ */
|
|
380
|
+
return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.tbody, style] }, children);
|
|
405
381
|
};
|
|
406
382
|
var Tr = ({ children, style }) => {
|
|
407
|
-
return /* @__PURE__ */
|
|
383
|
+
return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.tr, style] }, children);
|
|
408
384
|
};
|
|
409
385
|
var Th = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
|
|
410
386
|
const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
|
|
@@ -412,7 +388,7 @@ var Th = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
|
|
|
412
388
|
const customStyle = __spreadValues({
|
|
413
389
|
width: width || spanWidth || (sizeStyle == null ? void 0 : sizeStyle.width)
|
|
414
390
|
}, height !== void 0 && { height });
|
|
415
|
-
return /* @__PURE__ */
|
|
391
|
+
return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.th, customStyle, style] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
|
|
416
392
|
};
|
|
417
393
|
var Td = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
|
|
418
394
|
const spanWidth = colSpan ? `${100 / 3 * colSpan}%` : void 0;
|
|
@@ -420,11 +396,11 @@ var Td = ({ children, style, cellSize = "medium", width, height, colSpan }) => {
|
|
|
420
396
|
const customStyle = __spreadValues({
|
|
421
397
|
width: width || spanWidth || (sizeStyle == null ? void 0 : sizeStyle.width)
|
|
422
398
|
}, height !== void 0 && { height });
|
|
423
|
-
return /* @__PURE__ */
|
|
399
|
+
return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.td, customStyle, style] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
|
|
424
400
|
};
|
|
425
401
|
|
|
426
402
|
// src/components/PDF/core/Grid.tsx
|
|
427
|
-
import
|
|
403
|
+
import React6 from "react";
|
|
428
404
|
import { View as View3, StyleSheet as StyleSheet6 } from "@react-pdf/renderer";
|
|
429
405
|
var styles6 = StyleSheet6.create({
|
|
430
406
|
container: {
|
|
@@ -454,50 +430,50 @@ var styles6 = StyleSheet6.create({
|
|
|
454
430
|
col12: { width: "100%" }
|
|
455
431
|
});
|
|
456
432
|
var Container = ({ children, style }) => {
|
|
457
|
-
return /* @__PURE__ */
|
|
433
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.container, style] }, children);
|
|
458
434
|
};
|
|
459
435
|
var Row = ({ children, style }) => {
|
|
460
|
-
return /* @__PURE__ */
|
|
436
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.row, style] }, children);
|
|
461
437
|
};
|
|
462
438
|
var Col1 = ({ children, style }) => {
|
|
463
|
-
return /* @__PURE__ */
|
|
439
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col1, style] }, children);
|
|
464
440
|
};
|
|
465
441
|
var Col2 = ({ children, style }) => {
|
|
466
|
-
return /* @__PURE__ */
|
|
442
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col2, style] }, children);
|
|
467
443
|
};
|
|
468
444
|
var Col3 = ({ children, style }) => {
|
|
469
|
-
return /* @__PURE__ */
|
|
445
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col3, style] }, children);
|
|
470
446
|
};
|
|
471
447
|
var Col4 = ({ children, style }) => {
|
|
472
|
-
return /* @__PURE__ */
|
|
448
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col4, style] }, children);
|
|
473
449
|
};
|
|
474
450
|
var Col5 = ({ children, style }) => {
|
|
475
|
-
return /* @__PURE__ */
|
|
451
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col5, style] }, children);
|
|
476
452
|
};
|
|
477
453
|
var Col6 = ({ children, style }) => {
|
|
478
|
-
return /* @__PURE__ */
|
|
454
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col6, style] }, children);
|
|
479
455
|
};
|
|
480
456
|
var Col7 = ({ children, style }) => {
|
|
481
|
-
return /* @__PURE__ */
|
|
457
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col7, style] }, children);
|
|
482
458
|
};
|
|
483
459
|
var Col8 = ({ children, style }) => {
|
|
484
|
-
return /* @__PURE__ */
|
|
460
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col8, style] }, children);
|
|
485
461
|
};
|
|
486
462
|
var Col9 = ({ children, style }) => {
|
|
487
|
-
return /* @__PURE__ */
|
|
463
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col9, style] }, children);
|
|
488
464
|
};
|
|
489
465
|
var Col10 = ({ children, style }) => {
|
|
490
|
-
return /* @__PURE__ */
|
|
466
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col10, style] }, children);
|
|
491
467
|
};
|
|
492
468
|
var Col11 = ({ children, style }) => {
|
|
493
|
-
return /* @__PURE__ */
|
|
469
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col11, style] }, children);
|
|
494
470
|
};
|
|
495
471
|
var Col12 = ({ children, style }) => {
|
|
496
|
-
return /* @__PURE__ */
|
|
472
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col12, style] }, children);
|
|
497
473
|
};
|
|
498
474
|
|
|
499
475
|
// src/components/PDF/core/PageElements.tsx
|
|
500
|
-
import
|
|
476
|
+
import React7 from "react";
|
|
501
477
|
import { Text as Text4, View as View4, StyleSheet as StyleSheet7 } from "@react-pdf/renderer";
|
|
502
478
|
var styles7 = StyleSheet7.create({
|
|
503
479
|
header: {
|
|
@@ -522,10 +498,10 @@ var styles7 = StyleSheet7.create({
|
|
|
522
498
|
}
|
|
523
499
|
});
|
|
524
500
|
var Header = ({ children, style, fixed = false }) => {
|
|
525
|
-
return /* @__PURE__ */
|
|
501
|
+
return /* @__PURE__ */ React7.createElement(View4, { style: [styles7.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(Text4, null, children) : children);
|
|
526
502
|
};
|
|
527
503
|
var Footer = ({ children, style, fixed = false }) => {
|
|
528
|
-
return /* @__PURE__ */
|
|
504
|
+
return /* @__PURE__ */ React7.createElement(View4, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(Text4, null, children) : children);
|
|
529
505
|
};
|
|
530
506
|
export {
|
|
531
507
|
A,
|
|
@@ -557,7 +533,6 @@ export {
|
|
|
557
533
|
Img_default as Img,
|
|
558
534
|
LayoutPDF_default as LayoutPDF,
|
|
559
535
|
Left,
|
|
560
|
-
MakePDF_default as MakePDF,
|
|
561
536
|
Mark,
|
|
562
537
|
P,
|
|
563
538
|
Right,
|