react-pdf-levelup 2.0.32 → 2.0.33
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.mjs → index.cjs} +195 -106
- package/dist/index.js +106 -195
- package/package.json +2 -1
- /package/dist/{index.d.mts → index.d.cts} +0 -0
|
@@ -1,7 +1,95 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __copyProps = (to, from, except, desc) => {
|
|
13
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(from))
|
|
15
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
+
mod
|
|
27
|
+
));
|
|
28
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
+
|
|
30
|
+
// src/components/core/index.tsx
|
|
31
|
+
var index_exports = {};
|
|
32
|
+
__export(index_exports, {
|
|
33
|
+
A: () => A,
|
|
34
|
+
BR: () => BR,
|
|
35
|
+
Blockquote: () => Blockquote,
|
|
36
|
+
Center: () => Center,
|
|
37
|
+
Col1: () => Col1,
|
|
38
|
+
Col10: () => Col10,
|
|
39
|
+
Col11: () => Col11,
|
|
40
|
+
Col12: () => Col12,
|
|
41
|
+
Col2: () => Col2,
|
|
42
|
+
Col3: () => Col3,
|
|
43
|
+
Col4: () => Col4,
|
|
44
|
+
Col5: () => Col5,
|
|
45
|
+
Col6: () => Col6,
|
|
46
|
+
Col7: () => Col7,
|
|
47
|
+
Col8: () => Col8,
|
|
48
|
+
Col9: () => Col9,
|
|
49
|
+
Container: () => Container,
|
|
50
|
+
Em: () => Em,
|
|
51
|
+
Font: () => import_renderer11.Font,
|
|
52
|
+
Footer: () => Footer,
|
|
53
|
+
H1: () => H1,
|
|
54
|
+
H2: () => H2,
|
|
55
|
+
H3: () => H3,
|
|
56
|
+
H4: () => H4,
|
|
57
|
+
H5: () => H5,
|
|
58
|
+
H6: () => H6,
|
|
59
|
+
Header: () => Header,
|
|
60
|
+
Img: () => Img_default,
|
|
61
|
+
LI: () => LI,
|
|
62
|
+
LayoutPDF: () => LayoutPDF_default,
|
|
63
|
+
Left: () => Left,
|
|
64
|
+
Mark: () => Mark,
|
|
65
|
+
OL: () => OL,
|
|
66
|
+
P: () => P,
|
|
67
|
+
QR: () => QR_default,
|
|
68
|
+
Right: () => Right,
|
|
69
|
+
Row: () => Row,
|
|
70
|
+
Small: () => Small,
|
|
71
|
+
Span: () => Span,
|
|
72
|
+
Strong: () => Strong,
|
|
73
|
+
StyleSheet: () => import_renderer11.StyleSheet,
|
|
74
|
+
Table: () => Table,
|
|
75
|
+
Tbody: () => Tbody,
|
|
76
|
+
Td: () => Td,
|
|
77
|
+
Text: () => import_renderer11.Text,
|
|
78
|
+
Th: () => Th,
|
|
79
|
+
Thead: () => Thead,
|
|
80
|
+
Tr: () => Tr,
|
|
81
|
+
U: () => U,
|
|
82
|
+
UL: () => UL,
|
|
83
|
+
View: () => import_renderer11.View,
|
|
84
|
+
decodeBase64Pdf: () => decodeBase64Pdf_default,
|
|
85
|
+
generatePDF: () => generatePDF_default
|
|
86
|
+
});
|
|
87
|
+
module.exports = __toCommonJS(index_exports);
|
|
88
|
+
|
|
1
89
|
// src/components/core/LayoutPDF.tsx
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var styles = StyleSheet.create({
|
|
90
|
+
var import_react = __toESM(require("react"), 1);
|
|
91
|
+
var import_renderer = require("@react-pdf/renderer");
|
|
92
|
+
var styles = import_renderer.StyleSheet.create({
|
|
5
93
|
page: {
|
|
6
94
|
backgroundColor: "white",
|
|
7
95
|
padding: 30,
|
|
@@ -58,8 +146,8 @@ var LayoutPDF = ({
|
|
|
58
146
|
padding,
|
|
59
147
|
...style
|
|
60
148
|
};
|
|
61
|
-
return /* @__PURE__ */
|
|
62
|
-
Text,
|
|
149
|
+
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(
|
|
150
|
+
import_renderer.Text,
|
|
63
151
|
{
|
|
64
152
|
style: styles.pageNumber,
|
|
65
153
|
render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`,
|
|
@@ -70,9 +158,9 @@ var LayoutPDF = ({
|
|
|
70
158
|
var LayoutPDF_default = LayoutPDF;
|
|
71
159
|
|
|
72
160
|
// src/components/core/Img.tsx
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
var styles2 =
|
|
161
|
+
var import_react2 = __toESM(require("react"), 1);
|
|
162
|
+
var import_renderer2 = require("@react-pdf/renderer");
|
|
163
|
+
var styles2 = import_renderer2.StyleSheet.create({
|
|
76
164
|
image: {
|
|
77
165
|
width: "100%",
|
|
78
166
|
height: "auto",
|
|
@@ -80,14 +168,14 @@ var styles2 = StyleSheet2.create({
|
|
|
80
168
|
}
|
|
81
169
|
});
|
|
82
170
|
var Img = ({ src, style }) => {
|
|
83
|
-
return /* @__PURE__ */
|
|
171
|
+
return /* @__PURE__ */ import_react2.default.createElement(import_renderer2.Image, { src, style: [styles2.image, style] });
|
|
84
172
|
};
|
|
85
173
|
var Img_default = Img;
|
|
86
174
|
|
|
87
175
|
// src/components/core/Position.tsx
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
var styles3 =
|
|
176
|
+
var import_react3 = __toESM(require("react"), 1);
|
|
177
|
+
var import_renderer3 = require("@react-pdf/renderer");
|
|
178
|
+
var styles3 = import_renderer3.StyleSheet.create({
|
|
91
179
|
left: {
|
|
92
180
|
textAlign: "left"
|
|
93
181
|
},
|
|
@@ -99,19 +187,19 @@ var styles3 = StyleSheet3.create({
|
|
|
99
187
|
}
|
|
100
188
|
});
|
|
101
189
|
var Left = ({ children, style }) => {
|
|
102
|
-
return /* @__PURE__ */
|
|
190
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.left, style] }, children);
|
|
103
191
|
};
|
|
104
192
|
var Right = ({ children, style }) => {
|
|
105
|
-
return /* @__PURE__ */
|
|
193
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.right, style] }, children);
|
|
106
194
|
};
|
|
107
195
|
var Center = ({ children, style }) => {
|
|
108
|
-
return /* @__PURE__ */
|
|
196
|
+
return /* @__PURE__ */ import_react3.default.createElement(import_renderer3.View, { style: [styles3.center, style] }, children);
|
|
109
197
|
};
|
|
110
198
|
|
|
111
199
|
// src/components/core/Etiquetas.tsx
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
var styles4 =
|
|
200
|
+
var import_react4 = __toESM(require("react"), 1);
|
|
201
|
+
var import_renderer4 = require("@react-pdf/renderer");
|
|
202
|
+
var styles4 = import_renderer4.StyleSheet.create({
|
|
115
203
|
p: {
|
|
116
204
|
fontSize: 12,
|
|
117
205
|
marginBottom: 14,
|
|
@@ -181,58 +269,58 @@ var styles4 = StyleSheet4.create({
|
|
|
181
269
|
}
|
|
182
270
|
});
|
|
183
271
|
var P = ({ children, style }) => {
|
|
184
|
-
return /* @__PURE__ */
|
|
272
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.p, style] }, children);
|
|
185
273
|
};
|
|
186
274
|
var H1 = ({ children, style }) => {
|
|
187
|
-
return /* @__PURE__ */
|
|
275
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h1, style] }, children);
|
|
188
276
|
};
|
|
189
277
|
var H2 = ({ children, style }) => {
|
|
190
|
-
return /* @__PURE__ */
|
|
278
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h2, style] }, children);
|
|
191
279
|
};
|
|
192
280
|
var H3 = ({ children, style }) => {
|
|
193
|
-
return /* @__PURE__ */
|
|
281
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h3, style] }, children);
|
|
194
282
|
};
|
|
195
283
|
var H4 = ({ children, style }) => {
|
|
196
|
-
return /* @__PURE__ */
|
|
284
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h4, style] }, children);
|
|
197
285
|
};
|
|
198
286
|
var H5 = ({ children, style }) => {
|
|
199
|
-
return /* @__PURE__ */
|
|
287
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h5, style] }, children);
|
|
200
288
|
};
|
|
201
289
|
var H6 = ({ children, style }) => {
|
|
202
|
-
return /* @__PURE__ */
|
|
290
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.h6, style] }, children);
|
|
203
291
|
};
|
|
204
292
|
var Strong = ({ children, style }) => {
|
|
205
|
-
return /* @__PURE__ */
|
|
293
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.strong, style] }, children);
|
|
206
294
|
};
|
|
207
295
|
var Em = ({ children, style }) => {
|
|
208
|
-
return /* @__PURE__ */
|
|
296
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.em, style] }, children);
|
|
209
297
|
};
|
|
210
298
|
var U = ({ children, style }) => {
|
|
211
|
-
return /* @__PURE__ */
|
|
299
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.u, style] }, children);
|
|
212
300
|
};
|
|
213
301
|
var Small = ({ children, style }) => {
|
|
214
|
-
return /* @__PURE__ */
|
|
302
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.small, style] }, children);
|
|
215
303
|
};
|
|
216
304
|
var Blockquote = ({ children, style }) => {
|
|
217
|
-
return /* @__PURE__ */
|
|
305
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.blockquote, style] }, children);
|
|
218
306
|
};
|
|
219
307
|
var Mark = ({ children, style }) => {
|
|
220
|
-
return /* @__PURE__ */
|
|
308
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.mark, style] }, children);
|
|
221
309
|
};
|
|
222
310
|
var A = ({ children, style, href }) => {
|
|
223
|
-
return /* @__PURE__ */
|
|
311
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Link, { src: href, style: [styles4.A, style] }, children);
|
|
224
312
|
};
|
|
225
313
|
var BR = ({ style }) => {
|
|
226
|
-
return /* @__PURE__ */
|
|
314
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [styles4.br, style] }, "\n");
|
|
227
315
|
};
|
|
228
316
|
var Span = ({ children, style }) => {
|
|
229
|
-
return /* @__PURE__ */
|
|
317
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_renderer4.Text, { style: [style] }, children);
|
|
230
318
|
};
|
|
231
319
|
|
|
232
320
|
// src/components/core/Tablet.tsx
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
var styles5 =
|
|
321
|
+
var import_react5 = __toESM(require("react"), 1);
|
|
322
|
+
var import_renderer5 = require("@react-pdf/renderer");
|
|
323
|
+
var styles5 = import_renderer5.StyleSheet.create({
|
|
236
324
|
table: {
|
|
237
325
|
width: "100%",
|
|
238
326
|
borderWidth: 1,
|
|
@@ -263,13 +351,13 @@ var styles5 = StyleSheet5.create({
|
|
|
263
351
|
backgroundColor: "#eeeeee"
|
|
264
352
|
}
|
|
265
353
|
});
|
|
266
|
-
var Table = ({ children, style }) => /* @__PURE__ */
|
|
267
|
-
var Thead = ({ children, style }) => /* @__PURE__ */
|
|
354
|
+
var Table = ({ children, style }) => /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.table, style] }, children);
|
|
355
|
+
var Thead = ({ children, style }) => /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.thead, style] }, children);
|
|
268
356
|
var Tbody = ({ children, style }) => {
|
|
269
|
-
const rows =
|
|
357
|
+
const rows = import_react5.default.Children.toArray(children);
|
|
270
358
|
const count = rows.length;
|
|
271
|
-
return /* @__PURE__ */
|
|
272
|
-
(row, idx) =>
|
|
359
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null, rows.map(
|
|
360
|
+
(row, idx) => import_react5.default.cloneElement(row, {
|
|
273
361
|
isLastRow: idx === count - 1,
|
|
274
362
|
isOdd: idx % 2 === 1
|
|
275
363
|
})
|
|
@@ -281,12 +369,12 @@ var Tr = ({
|
|
|
281
369
|
isLastRow = false,
|
|
282
370
|
isOdd = false
|
|
283
371
|
}) => {
|
|
284
|
-
const elements =
|
|
372
|
+
const elements = import_react5.default.Children.toArray(children);
|
|
285
373
|
const count = elements.length;
|
|
286
|
-
return /* @__PURE__ */
|
|
374
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.tr, style] }, elements.map((child, idx) => {
|
|
287
375
|
const isLast = idx === count - 1;
|
|
288
376
|
const width = `${(100 / count).toFixed(2)}%`;
|
|
289
|
-
return
|
|
377
|
+
return import_react5.default.cloneElement(child, { width, isLast, isLastRow, isOdd });
|
|
290
378
|
}));
|
|
291
379
|
};
|
|
292
380
|
var Th = ({
|
|
@@ -305,7 +393,7 @@ var Th = ({
|
|
|
305
393
|
borderColor: "#000",
|
|
306
394
|
...height !== void 0 && { height }
|
|
307
395
|
};
|
|
308
|
-
return /* @__PURE__ */
|
|
396
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.textBold, { width: baseWidth }, borders, style] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
|
|
309
397
|
};
|
|
310
398
|
var Td = ({
|
|
311
399
|
children,
|
|
@@ -324,19 +412,19 @@ var Td = ({
|
|
|
324
412
|
borderColor: "#000",
|
|
325
413
|
...height !== void 0 && { height }
|
|
326
414
|
};
|
|
327
|
-
return /* @__PURE__ */
|
|
415
|
+
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [
|
|
328
416
|
styles5.text,
|
|
329
417
|
isOdd && styles5.zebraOdd,
|
|
330
418
|
{ width: baseWidth },
|
|
331
419
|
borders,
|
|
332
420
|
style
|
|
333
|
-
] }, /* @__PURE__ */
|
|
421
|
+
] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, null, children));
|
|
334
422
|
};
|
|
335
423
|
|
|
336
424
|
// src/components/core/Grid.tsx
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
var styles6 =
|
|
425
|
+
var import_react6 = __toESM(require("react"), 1);
|
|
426
|
+
var import_renderer6 = require("@react-pdf/renderer");
|
|
427
|
+
var styles6 = import_renderer6.StyleSheet.create({
|
|
340
428
|
container: {
|
|
341
429
|
width: "100%",
|
|
342
430
|
paddingHorizontal: 20
|
|
@@ -363,52 +451,52 @@ var styles6 = StyleSheet6.create({
|
|
|
363
451
|
col12: { width: "100%" }
|
|
364
452
|
});
|
|
365
453
|
var Container = ({ children, style }) => {
|
|
366
|
-
return /* @__PURE__ */
|
|
454
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.container, style] }, children);
|
|
367
455
|
};
|
|
368
456
|
var Row = ({ children, style }) => {
|
|
369
|
-
return /* @__PURE__ */
|
|
457
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.row, style] }, children);
|
|
370
458
|
};
|
|
371
459
|
var Col1 = ({ children, style }) => {
|
|
372
|
-
return /* @__PURE__ */
|
|
460
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col1, style] }, children);
|
|
373
461
|
};
|
|
374
462
|
var Col2 = ({ children, style }) => {
|
|
375
|
-
return /* @__PURE__ */
|
|
463
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col2, style] }, children);
|
|
376
464
|
};
|
|
377
465
|
var Col3 = ({ children, style }) => {
|
|
378
|
-
return /* @__PURE__ */
|
|
466
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col3, style] }, children);
|
|
379
467
|
};
|
|
380
468
|
var Col4 = ({ children, style }) => {
|
|
381
|
-
return /* @__PURE__ */
|
|
469
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col4, style] }, children);
|
|
382
470
|
};
|
|
383
471
|
var Col5 = ({ children, style }) => {
|
|
384
|
-
return /* @__PURE__ */
|
|
472
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col5, style] }, children);
|
|
385
473
|
};
|
|
386
474
|
var Col6 = ({ children, style }) => {
|
|
387
|
-
return /* @__PURE__ */
|
|
475
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col6, style] }, children);
|
|
388
476
|
};
|
|
389
477
|
var Col7 = ({ children, style }) => {
|
|
390
|
-
return /* @__PURE__ */
|
|
478
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col7, style] }, children);
|
|
391
479
|
};
|
|
392
480
|
var Col8 = ({ children, style }) => {
|
|
393
|
-
return /* @__PURE__ */
|
|
481
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col8, style] }, children);
|
|
394
482
|
};
|
|
395
483
|
var Col9 = ({ children, style }) => {
|
|
396
|
-
return /* @__PURE__ */
|
|
484
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col9, style] }, children);
|
|
397
485
|
};
|
|
398
486
|
var Col10 = ({ children, style }) => {
|
|
399
|
-
return /* @__PURE__ */
|
|
487
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col10, style] }, children);
|
|
400
488
|
};
|
|
401
489
|
var Col11 = ({ children, style }) => {
|
|
402
|
-
return /* @__PURE__ */
|
|
490
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col11, style] }, children);
|
|
403
491
|
};
|
|
404
492
|
var Col12 = ({ children, style }) => {
|
|
405
|
-
return /* @__PURE__ */
|
|
493
|
+
return /* @__PURE__ */ import_react6.default.createElement(import_renderer6.View, { style: [styles6.col, styles6.col12, style] }, children);
|
|
406
494
|
};
|
|
407
495
|
|
|
408
496
|
// src/components/core/PageElements.tsx
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
var styles7 =
|
|
497
|
+
var import_react7 = __toESM(require("react"), 1);
|
|
498
|
+
var import_renderer7 = require("@react-pdf/renderer");
|
|
499
|
+
var styles7 = import_renderer7.StyleSheet.create({
|
|
412
500
|
header: {
|
|
413
501
|
position: "absolute",
|
|
414
502
|
top: 20,
|
|
@@ -431,19 +519,19 @@ var styles7 = StyleSheet7.create({
|
|
|
431
519
|
}
|
|
432
520
|
});
|
|
433
521
|
var Header = ({ children, style, fixed = false }) => {
|
|
434
|
-
return /* @__PURE__ */
|
|
522
|
+
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);
|
|
435
523
|
};
|
|
436
524
|
var Footer = ({ children, style, fixed = false }) => {
|
|
437
|
-
return /* @__PURE__ */
|
|
525
|
+
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);
|
|
438
526
|
};
|
|
439
527
|
|
|
440
528
|
// src/components/core/QR.tsx
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
529
|
+
var import_react8 = __toESM(require("react"), 1);
|
|
530
|
+
var import_renderer8 = require("@react-pdf/renderer");
|
|
531
|
+
var import_react9 = require("react");
|
|
444
532
|
|
|
445
533
|
// src/components/core/QRGenerator.tsx
|
|
446
|
-
|
|
534
|
+
var import_qrcode = __toESM(require("qrcode"), 1);
|
|
447
535
|
var generateQRAsBase64 = async ({
|
|
448
536
|
value,
|
|
449
537
|
size = 150,
|
|
@@ -464,7 +552,7 @@ var generateQRAsBase64 = async ({
|
|
|
464
552
|
},
|
|
465
553
|
width: size
|
|
466
554
|
};
|
|
467
|
-
const qrDataUrl =
|
|
555
|
+
const qrDataUrl = import_qrcode.default.toDataURL(value, options);
|
|
468
556
|
return qrDataUrl;
|
|
469
557
|
} catch (error) {
|
|
470
558
|
console.error("Error generando QR:", error);
|
|
@@ -520,7 +608,7 @@ var addLogoToQR = async (qrDataUrl, logoUrl, logoWidth, logoHeight) => {
|
|
|
520
608
|
};
|
|
521
609
|
|
|
522
610
|
// src/components/core/QR.tsx
|
|
523
|
-
var styles8 =
|
|
611
|
+
var styles8 = import_renderer8.StyleSheet.create({
|
|
524
612
|
qrContainer: {
|
|
525
613
|
display: "flex",
|
|
526
614
|
alignItems: "center",
|
|
@@ -546,8 +634,8 @@ var QR = ({
|
|
|
546
634
|
logoHeight = 30,
|
|
547
635
|
errorCorrectionLevel = "M"
|
|
548
636
|
}) => {
|
|
549
|
-
const [qrDataUrl, setQrDataUrl] = useState("");
|
|
550
|
-
useEffect(() => {
|
|
637
|
+
const [qrDataUrl, setQrDataUrl] = (0, import_react9.useState)("");
|
|
638
|
+
(0, import_react9.useEffect)(() => {
|
|
551
639
|
const generateQR = async () => {
|
|
552
640
|
try {
|
|
553
641
|
const baseQrDataUrl = await generateQRAsBase64({
|
|
@@ -579,14 +667,14 @@ var QR = ({
|
|
|
579
667
|
const fallbackUrl = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(
|
|
580
668
|
value
|
|
581
669
|
)}&size=${size}x${size}`;
|
|
582
|
-
return /* @__PURE__ */
|
|
670
|
+
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 } }));
|
|
583
671
|
};
|
|
584
672
|
var QR_default = QR;
|
|
585
673
|
|
|
586
674
|
// src/components/core/Lista.tsx
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
var styles9 =
|
|
675
|
+
var import_react10 = __toESM(require("react"), 1);
|
|
676
|
+
var import_renderer9 = require("@react-pdf/renderer");
|
|
677
|
+
var styles9 = import_renderer9.StyleSheet.create({
|
|
590
678
|
ul: {
|
|
591
679
|
marginBottom: 10,
|
|
592
680
|
paddingLeft: 15
|
|
@@ -646,9 +734,9 @@ var toRoman = (num) => {
|
|
|
646
734
|
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];
|
|
647
735
|
};
|
|
648
736
|
var UL = ({ children, style, type = "disc" }) => {
|
|
649
|
-
const childrenWithBullets =
|
|
650
|
-
if (
|
|
651
|
-
return
|
|
737
|
+
const childrenWithBullets = import_react10.default.Children.map(children, (child, index) => {
|
|
738
|
+
if (import_react10.default.isValidElement(child)) {
|
|
739
|
+
return import_react10.default.cloneElement(child, {
|
|
652
740
|
bulletType: type,
|
|
653
741
|
isOrdered: false,
|
|
654
742
|
index: index + 1
|
|
@@ -656,12 +744,12 @@ var UL = ({ children, style, type = "disc" }) => {
|
|
|
656
744
|
}
|
|
657
745
|
return child;
|
|
658
746
|
});
|
|
659
|
-
return /* @__PURE__ */
|
|
747
|
+
return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles9.ul, style] }, childrenWithBullets);
|
|
660
748
|
};
|
|
661
749
|
var OL = ({ children, style, type = "decimal", start = 1 }) => {
|
|
662
|
-
const childrenWithNumbers =
|
|
663
|
-
if (
|
|
664
|
-
return
|
|
750
|
+
const childrenWithNumbers = import_react10.default.Children.map(children, (child, index) => {
|
|
751
|
+
if (import_react10.default.isValidElement(child)) {
|
|
752
|
+
return import_react10.default.cloneElement(child, {
|
|
665
753
|
bulletType: type,
|
|
666
754
|
isOrdered: true,
|
|
667
755
|
index: index + 1,
|
|
@@ -670,7 +758,7 @@ var OL = ({ children, style, type = "decimal", start = 1 }) => {
|
|
|
670
758
|
}
|
|
671
759
|
return child;
|
|
672
760
|
});
|
|
673
|
-
return /* @__PURE__ */
|
|
761
|
+
return /* @__PURE__ */ import_react10.default.createElement(import_renderer9.View, { style: [styles9.ol, style] }, childrenWithNumbers);
|
|
674
762
|
};
|
|
675
763
|
var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1, start = 1, value }) => {
|
|
676
764
|
let marker;
|
|
@@ -680,11 +768,11 @@ var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1,
|
|
|
680
768
|
} else {
|
|
681
769
|
marker = getBulletPoint(bulletType);
|
|
682
770
|
}
|
|
683
|
-
return /* @__PURE__ */
|
|
771
|
+
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));
|
|
684
772
|
};
|
|
685
773
|
|
|
686
774
|
// src/components/core/index.tsx
|
|
687
|
-
|
|
775
|
+
var import_renderer11 = require("@react-pdf/renderer");
|
|
688
776
|
|
|
689
777
|
// src/functions/decodeBase64Pdf.ts
|
|
690
778
|
var decodeBase64Pdf = (base64, fileName) => {
|
|
@@ -714,15 +802,15 @@ var decodeBase64Pdf = (base64, fileName) => {
|
|
|
714
802
|
var decodeBase64Pdf_default = decodeBase64Pdf;
|
|
715
803
|
|
|
716
804
|
// src/functions/generatePDF.ts
|
|
717
|
-
|
|
718
|
-
|
|
805
|
+
var import_renderer10 = require("@react-pdf/renderer");
|
|
806
|
+
var import_react11 = require("react");
|
|
719
807
|
var generatePDF = async ({ template: Template, data }) => {
|
|
720
808
|
try {
|
|
721
809
|
if (!Template) {
|
|
722
810
|
throw new Error("Template not provided");
|
|
723
811
|
}
|
|
724
|
-
const MyDocument = createElement(Template, { data });
|
|
725
|
-
const stream = await renderToStream(MyDocument);
|
|
812
|
+
const MyDocument = (0, import_react11.createElement)(Template, { data });
|
|
813
|
+
const stream = await (0, import_renderer10.renderToStream)(MyDocument);
|
|
726
814
|
const base64String = await new Promise((resolve, reject) => {
|
|
727
815
|
const chunks = [];
|
|
728
816
|
stream.on("data", (chunk) => chunks.push(chunk));
|
|
@@ -735,7 +823,8 @@ var generatePDF = async ({ template: Template, data }) => {
|
|
|
735
823
|
}
|
|
736
824
|
};
|
|
737
825
|
var generatePDF_default = generatePDF;
|
|
738
|
-
export
|
|
826
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
827
|
+
0 && (module.exports = {
|
|
739
828
|
A,
|
|
740
829
|
BR,
|
|
741
830
|
Blockquote,
|
|
@@ -763,30 +852,30 @@ export {
|
|
|
763
852
|
H5,
|
|
764
853
|
H6,
|
|
765
854
|
Header,
|
|
766
|
-
|
|
855
|
+
Img,
|
|
767
856
|
LI,
|
|
768
|
-
|
|
857
|
+
LayoutPDF,
|
|
769
858
|
Left,
|
|
770
859
|
Mark,
|
|
771
860
|
OL,
|
|
772
861
|
P,
|
|
773
|
-
|
|
862
|
+
QR,
|
|
774
863
|
Right,
|
|
775
864
|
Row,
|
|
776
865
|
Small,
|
|
777
866
|
Span,
|
|
778
867
|
Strong,
|
|
779
|
-
|
|
868
|
+
StyleSheet,
|
|
780
869
|
Table,
|
|
781
870
|
Tbody,
|
|
782
871
|
Td,
|
|
783
|
-
|
|
872
|
+
Text,
|
|
784
873
|
Th,
|
|
785
874
|
Thead,
|
|
786
875
|
Tr,
|
|
787
876
|
U,
|
|
788
877
|
UL,
|
|
789
|
-
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
};
|
|
878
|
+
View,
|
|
879
|
+
decodeBase64Pdf,
|
|
880
|
+
generatePDF
|
|
881
|
+
});
|
package/dist/index.js
CHANGED
|
@@ -1,95 +1,7 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
|
|
30
|
-
// src/components/core/index.tsx
|
|
31
|
-
var index_exports = {};
|
|
32
|
-
__export(index_exports, {
|
|
33
|
-
A: () => A,
|
|
34
|
-
BR: () => BR,
|
|
35
|
-
Blockquote: () => Blockquote,
|
|
36
|
-
Center: () => Center,
|
|
37
|
-
Col1: () => Col1,
|
|
38
|
-
Col10: () => Col10,
|
|
39
|
-
Col11: () => Col11,
|
|
40
|
-
Col12: () => Col12,
|
|
41
|
-
Col2: () => Col2,
|
|
42
|
-
Col3: () => Col3,
|
|
43
|
-
Col4: () => Col4,
|
|
44
|
-
Col5: () => Col5,
|
|
45
|
-
Col6: () => Col6,
|
|
46
|
-
Col7: () => Col7,
|
|
47
|
-
Col8: () => Col8,
|
|
48
|
-
Col9: () => Col9,
|
|
49
|
-
Container: () => Container,
|
|
50
|
-
Em: () => Em,
|
|
51
|
-
Font: () => import_renderer11.Font,
|
|
52
|
-
Footer: () => Footer,
|
|
53
|
-
H1: () => H1,
|
|
54
|
-
H2: () => H2,
|
|
55
|
-
H3: () => H3,
|
|
56
|
-
H4: () => H4,
|
|
57
|
-
H5: () => H5,
|
|
58
|
-
H6: () => H6,
|
|
59
|
-
Header: () => Header,
|
|
60
|
-
Img: () => Img_default,
|
|
61
|
-
LI: () => LI,
|
|
62
|
-
LayoutPDF: () => LayoutPDF_default,
|
|
63
|
-
Left: () => Left,
|
|
64
|
-
Mark: () => Mark,
|
|
65
|
-
OL: () => OL,
|
|
66
|
-
P: () => P,
|
|
67
|
-
QR: () => QR_default,
|
|
68
|
-
Right: () => Right,
|
|
69
|
-
Row: () => Row,
|
|
70
|
-
Small: () => Small,
|
|
71
|
-
Span: () => Span,
|
|
72
|
-
Strong: () => Strong,
|
|
73
|
-
StyleSheet: () => import_renderer11.StyleSheet,
|
|
74
|
-
Table: () => Table,
|
|
75
|
-
Tbody: () => Tbody,
|
|
76
|
-
Td: () => Td,
|
|
77
|
-
Text: () => import_renderer11.Text,
|
|
78
|
-
Th: () => Th,
|
|
79
|
-
Thead: () => Thead,
|
|
80
|
-
Tr: () => Tr,
|
|
81
|
-
U: () => U,
|
|
82
|
-
UL: () => UL,
|
|
83
|
-
View: () => import_renderer11.View,
|
|
84
|
-
decodeBase64Pdf: () => decodeBase64Pdf_default,
|
|
85
|
-
generatePDF: () => generatePDF_default
|
|
86
|
-
});
|
|
87
|
-
module.exports = __toCommonJS(index_exports);
|
|
88
|
-
|
|
89
1
|
// src/components/core/LayoutPDF.tsx
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
var styles =
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { Page, Document, StyleSheet, Text } from "@react-pdf/renderer";
|
|
4
|
+
var styles = StyleSheet.create({
|
|
93
5
|
page: {
|
|
94
6
|
backgroundColor: "white",
|
|
95
7
|
padding: 30,
|
|
@@ -146,8 +58,8 @@ var LayoutPDF = ({
|
|
|
146
58
|
padding,
|
|
147
59
|
...style
|
|
148
60
|
};
|
|
149
|
-
return /* @__PURE__ */
|
|
150
|
-
|
|
61
|
+
return /* @__PURE__ */ React.createElement(Document, null, /* @__PURE__ */ React.createElement(Page, { size: safeSize, orientation: safeOrientation, style: pageStyle }, children, safeShowPageNumbers && /* @__PURE__ */ React.createElement(
|
|
62
|
+
Text,
|
|
151
63
|
{
|
|
152
64
|
style: styles.pageNumber,
|
|
153
65
|
render: ({ pageNumber, totalPages }) => `${pageNumber} / ${totalPages}`,
|
|
@@ -158,9 +70,9 @@ var LayoutPDF = ({
|
|
|
158
70
|
var LayoutPDF_default = LayoutPDF;
|
|
159
71
|
|
|
160
72
|
// src/components/core/Img.tsx
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
var styles2 =
|
|
73
|
+
import React2 from "react";
|
|
74
|
+
import { Image as Image2, StyleSheet as StyleSheet2 } from "@react-pdf/renderer";
|
|
75
|
+
var styles2 = StyleSheet2.create({
|
|
164
76
|
image: {
|
|
165
77
|
width: "100%",
|
|
166
78
|
height: "auto",
|
|
@@ -168,14 +80,14 @@ var styles2 = import_renderer2.StyleSheet.create({
|
|
|
168
80
|
}
|
|
169
81
|
});
|
|
170
82
|
var Img = ({ src, style }) => {
|
|
171
|
-
return /* @__PURE__ */
|
|
83
|
+
return /* @__PURE__ */ React2.createElement(Image2, { src, style: [styles2.image, style] });
|
|
172
84
|
};
|
|
173
85
|
var Img_default = Img;
|
|
174
86
|
|
|
175
87
|
// src/components/core/Position.tsx
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
var styles3 =
|
|
88
|
+
import React3 from "react";
|
|
89
|
+
import { View, StyleSheet as StyleSheet3 } from "@react-pdf/renderer";
|
|
90
|
+
var styles3 = StyleSheet3.create({
|
|
179
91
|
left: {
|
|
180
92
|
textAlign: "left"
|
|
181
93
|
},
|
|
@@ -187,19 +99,19 @@ var styles3 = import_renderer3.StyleSheet.create({
|
|
|
187
99
|
}
|
|
188
100
|
});
|
|
189
101
|
var Left = ({ children, style }) => {
|
|
190
|
-
return /* @__PURE__ */
|
|
102
|
+
return /* @__PURE__ */ React3.createElement(View, { style: [styles3.left, style] }, children);
|
|
191
103
|
};
|
|
192
104
|
var Right = ({ children, style }) => {
|
|
193
|
-
return /* @__PURE__ */
|
|
105
|
+
return /* @__PURE__ */ React3.createElement(View, { style: [styles3.right, style] }, children);
|
|
194
106
|
};
|
|
195
107
|
var Center = ({ children, style }) => {
|
|
196
|
-
return /* @__PURE__ */
|
|
108
|
+
return /* @__PURE__ */ React3.createElement(View, { style: [styles3.center, style] }, children);
|
|
197
109
|
};
|
|
198
110
|
|
|
199
111
|
// src/components/core/Etiquetas.tsx
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
var styles4 =
|
|
112
|
+
import React4 from "react";
|
|
113
|
+
import { Text as Text2, StyleSheet as StyleSheet4, Link } from "@react-pdf/renderer";
|
|
114
|
+
var styles4 = StyleSheet4.create({
|
|
203
115
|
p: {
|
|
204
116
|
fontSize: 12,
|
|
205
117
|
marginBottom: 14,
|
|
@@ -269,58 +181,58 @@ var styles4 = import_renderer4.StyleSheet.create({
|
|
|
269
181
|
}
|
|
270
182
|
});
|
|
271
183
|
var P = ({ children, style }) => {
|
|
272
|
-
return /* @__PURE__ */
|
|
184
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.p, style] }, children);
|
|
273
185
|
};
|
|
274
186
|
var H1 = ({ children, style }) => {
|
|
275
|
-
return /* @__PURE__ */
|
|
187
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h1, style] }, children);
|
|
276
188
|
};
|
|
277
189
|
var H2 = ({ children, style }) => {
|
|
278
|
-
return /* @__PURE__ */
|
|
190
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h2, style] }, children);
|
|
279
191
|
};
|
|
280
192
|
var H3 = ({ children, style }) => {
|
|
281
|
-
return /* @__PURE__ */
|
|
193
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h3, style] }, children);
|
|
282
194
|
};
|
|
283
195
|
var H4 = ({ children, style }) => {
|
|
284
|
-
return /* @__PURE__ */
|
|
196
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h4, style] }, children);
|
|
285
197
|
};
|
|
286
198
|
var H5 = ({ children, style }) => {
|
|
287
|
-
return /* @__PURE__ */
|
|
199
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h5, style] }, children);
|
|
288
200
|
};
|
|
289
201
|
var H6 = ({ children, style }) => {
|
|
290
|
-
return /* @__PURE__ */
|
|
202
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.h6, style] }, children);
|
|
291
203
|
};
|
|
292
204
|
var Strong = ({ children, style }) => {
|
|
293
|
-
return /* @__PURE__ */
|
|
205
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.strong, style] }, children);
|
|
294
206
|
};
|
|
295
207
|
var Em = ({ children, style }) => {
|
|
296
|
-
return /* @__PURE__ */
|
|
208
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.em, style] }, children);
|
|
297
209
|
};
|
|
298
210
|
var U = ({ children, style }) => {
|
|
299
|
-
return /* @__PURE__ */
|
|
211
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.u, style] }, children);
|
|
300
212
|
};
|
|
301
213
|
var Small = ({ children, style }) => {
|
|
302
|
-
return /* @__PURE__ */
|
|
214
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.small, style] }, children);
|
|
303
215
|
};
|
|
304
216
|
var Blockquote = ({ children, style }) => {
|
|
305
|
-
return /* @__PURE__ */
|
|
217
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.blockquote, style] }, children);
|
|
306
218
|
};
|
|
307
219
|
var Mark = ({ children, style }) => {
|
|
308
|
-
return /* @__PURE__ */
|
|
220
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.mark, style] }, children);
|
|
309
221
|
};
|
|
310
222
|
var A = ({ children, style, href }) => {
|
|
311
|
-
return /* @__PURE__ */
|
|
223
|
+
return /* @__PURE__ */ React4.createElement(Link, { src: href, style: [styles4.A, style] }, children);
|
|
312
224
|
};
|
|
313
225
|
var BR = ({ style }) => {
|
|
314
|
-
return /* @__PURE__ */
|
|
226
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [styles4.br, style] }, "\n");
|
|
315
227
|
};
|
|
316
228
|
var Span = ({ children, style }) => {
|
|
317
|
-
return /* @__PURE__ */
|
|
229
|
+
return /* @__PURE__ */ React4.createElement(Text2, { style: [style] }, children);
|
|
318
230
|
};
|
|
319
231
|
|
|
320
232
|
// src/components/core/Tablet.tsx
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
var styles5 =
|
|
233
|
+
import React5 from "react";
|
|
234
|
+
import { View as View2, Text as Text3, StyleSheet as StyleSheet5 } from "@react-pdf/renderer";
|
|
235
|
+
var styles5 = StyleSheet5.create({
|
|
324
236
|
table: {
|
|
325
237
|
width: "100%",
|
|
326
238
|
borderWidth: 1,
|
|
@@ -351,13 +263,13 @@ var styles5 = import_renderer5.StyleSheet.create({
|
|
|
351
263
|
backgroundColor: "#eeeeee"
|
|
352
264
|
}
|
|
353
265
|
});
|
|
354
|
-
var Table = ({ children, style }) => /* @__PURE__ */
|
|
355
|
-
var Thead = ({ children, style }) => /* @__PURE__ */
|
|
266
|
+
var Table = ({ children, style }) => /* @__PURE__ */ React5.createElement(View2, { style: [styles5.table, style] }, children);
|
|
267
|
+
var Thead = ({ children, style }) => /* @__PURE__ */ React5.createElement(View2, { style: [styles5.thead, style] }, children);
|
|
356
268
|
var Tbody = ({ children, style }) => {
|
|
357
|
-
const rows =
|
|
269
|
+
const rows = React5.Children.toArray(children);
|
|
358
270
|
const count = rows.length;
|
|
359
|
-
return /* @__PURE__ */
|
|
360
|
-
(row, idx) =>
|
|
271
|
+
return /* @__PURE__ */ React5.createElement(React5.Fragment, null, rows.map(
|
|
272
|
+
(row, idx) => React5.cloneElement(row, {
|
|
361
273
|
isLastRow: idx === count - 1,
|
|
362
274
|
isOdd: idx % 2 === 1
|
|
363
275
|
})
|
|
@@ -369,12 +281,12 @@ var Tr = ({
|
|
|
369
281
|
isLastRow = false,
|
|
370
282
|
isOdd = false
|
|
371
283
|
}) => {
|
|
372
|
-
const elements =
|
|
284
|
+
const elements = React5.Children.toArray(children);
|
|
373
285
|
const count = elements.length;
|
|
374
|
-
return /* @__PURE__ */
|
|
286
|
+
return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.tr, style] }, elements.map((child, idx) => {
|
|
375
287
|
const isLast = idx === count - 1;
|
|
376
288
|
const width = `${(100 / count).toFixed(2)}%`;
|
|
377
|
-
return
|
|
289
|
+
return React5.cloneElement(child, { width, isLast, isLastRow, isOdd });
|
|
378
290
|
}));
|
|
379
291
|
};
|
|
380
292
|
var Th = ({
|
|
@@ -393,7 +305,7 @@ var Th = ({
|
|
|
393
305
|
borderColor: "#000",
|
|
394
306
|
...height !== void 0 && { height }
|
|
395
307
|
};
|
|
396
|
-
return /* @__PURE__ */
|
|
308
|
+
return /* @__PURE__ */ React5.createElement(View2, { style: [styles5.textBold, { width: baseWidth }, borders, style] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
|
|
397
309
|
};
|
|
398
310
|
var Td = ({
|
|
399
311
|
children,
|
|
@@ -412,19 +324,19 @@ var Td = ({
|
|
|
412
324
|
borderColor: "#000",
|
|
413
325
|
...height !== void 0 && { height }
|
|
414
326
|
};
|
|
415
|
-
return /* @__PURE__ */
|
|
327
|
+
return /* @__PURE__ */ React5.createElement(View2, { style: [
|
|
416
328
|
styles5.text,
|
|
417
329
|
isOdd && styles5.zebraOdd,
|
|
418
330
|
{ width: baseWidth },
|
|
419
331
|
borders,
|
|
420
332
|
style
|
|
421
|
-
] }, /* @__PURE__ */
|
|
333
|
+
] }, /* @__PURE__ */ React5.createElement(Text3, null, children));
|
|
422
334
|
};
|
|
423
335
|
|
|
424
336
|
// src/components/core/Grid.tsx
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
var styles6 =
|
|
337
|
+
import React6 from "react";
|
|
338
|
+
import { View as View3, StyleSheet as StyleSheet6 } from "@react-pdf/renderer";
|
|
339
|
+
var styles6 = StyleSheet6.create({
|
|
428
340
|
container: {
|
|
429
341
|
width: "100%",
|
|
430
342
|
paddingHorizontal: 20
|
|
@@ -451,52 +363,52 @@ var styles6 = import_renderer6.StyleSheet.create({
|
|
|
451
363
|
col12: { width: "100%" }
|
|
452
364
|
});
|
|
453
365
|
var Container = ({ children, style }) => {
|
|
454
|
-
return /* @__PURE__ */
|
|
366
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.container, style] }, children);
|
|
455
367
|
};
|
|
456
368
|
var Row = ({ children, style }) => {
|
|
457
|
-
return /* @__PURE__ */
|
|
369
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.row, style] }, children);
|
|
458
370
|
};
|
|
459
371
|
var Col1 = ({ children, style }) => {
|
|
460
|
-
return /* @__PURE__ */
|
|
372
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col1, style] }, children);
|
|
461
373
|
};
|
|
462
374
|
var Col2 = ({ children, style }) => {
|
|
463
|
-
return /* @__PURE__ */
|
|
375
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col2, style] }, children);
|
|
464
376
|
};
|
|
465
377
|
var Col3 = ({ children, style }) => {
|
|
466
|
-
return /* @__PURE__ */
|
|
378
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col3, style] }, children);
|
|
467
379
|
};
|
|
468
380
|
var Col4 = ({ children, style }) => {
|
|
469
|
-
return /* @__PURE__ */
|
|
381
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col4, style] }, children);
|
|
470
382
|
};
|
|
471
383
|
var Col5 = ({ children, style }) => {
|
|
472
|
-
return /* @__PURE__ */
|
|
384
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col5, style] }, children);
|
|
473
385
|
};
|
|
474
386
|
var Col6 = ({ children, style }) => {
|
|
475
|
-
return /* @__PURE__ */
|
|
387
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col6, style] }, children);
|
|
476
388
|
};
|
|
477
389
|
var Col7 = ({ children, style }) => {
|
|
478
|
-
return /* @__PURE__ */
|
|
390
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col7, style] }, children);
|
|
479
391
|
};
|
|
480
392
|
var Col8 = ({ children, style }) => {
|
|
481
|
-
return /* @__PURE__ */
|
|
393
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col8, style] }, children);
|
|
482
394
|
};
|
|
483
395
|
var Col9 = ({ children, style }) => {
|
|
484
|
-
return /* @__PURE__ */
|
|
396
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col9, style] }, children);
|
|
485
397
|
};
|
|
486
398
|
var Col10 = ({ children, style }) => {
|
|
487
|
-
return /* @__PURE__ */
|
|
399
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col10, style] }, children);
|
|
488
400
|
};
|
|
489
401
|
var Col11 = ({ children, style }) => {
|
|
490
|
-
return /* @__PURE__ */
|
|
402
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col11, style] }, children);
|
|
491
403
|
};
|
|
492
404
|
var Col12 = ({ children, style }) => {
|
|
493
|
-
return /* @__PURE__ */
|
|
405
|
+
return /* @__PURE__ */ React6.createElement(View3, { style: [styles6.col, styles6.col12, style] }, children);
|
|
494
406
|
};
|
|
495
407
|
|
|
496
408
|
// src/components/core/PageElements.tsx
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
var styles7 =
|
|
409
|
+
import React7 from "react";
|
|
410
|
+
import { Text as Text4, View as View4, StyleSheet as StyleSheet7 } from "@react-pdf/renderer";
|
|
411
|
+
var styles7 = StyleSheet7.create({
|
|
500
412
|
header: {
|
|
501
413
|
position: "absolute",
|
|
502
414
|
top: 20,
|
|
@@ -519,19 +431,19 @@ var styles7 = import_renderer7.StyleSheet.create({
|
|
|
519
431
|
}
|
|
520
432
|
});
|
|
521
433
|
var Header = ({ children, style, fixed = false }) => {
|
|
522
|
-
return /* @__PURE__ */
|
|
434
|
+
return /* @__PURE__ */ React7.createElement(View4, { style: [styles7.header, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(Text4, null, children) : children);
|
|
523
435
|
};
|
|
524
436
|
var Footer = ({ children, style, fixed = false }) => {
|
|
525
|
-
return /* @__PURE__ */
|
|
437
|
+
return /* @__PURE__ */ React7.createElement(View4, { style: [styles7.footer, style], fixed }, typeof children === "string" ? /* @__PURE__ */ React7.createElement(Text4, null, children) : children);
|
|
526
438
|
};
|
|
527
439
|
|
|
528
440
|
// src/components/core/QR.tsx
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
441
|
+
import React8 from "react";
|
|
442
|
+
import { Image as Image3, StyleSheet as StyleSheet8, View as View5 } from "@react-pdf/renderer";
|
|
443
|
+
import { useEffect, useState } from "react";
|
|
532
444
|
|
|
533
445
|
// src/components/core/QRGenerator.tsx
|
|
534
|
-
|
|
446
|
+
import QRCode from "qrcode";
|
|
535
447
|
var generateQRAsBase64 = async ({
|
|
536
448
|
value,
|
|
537
449
|
size = 150,
|
|
@@ -552,7 +464,7 @@ var generateQRAsBase64 = async ({
|
|
|
552
464
|
},
|
|
553
465
|
width: size
|
|
554
466
|
};
|
|
555
|
-
const qrDataUrl =
|
|
467
|
+
const qrDataUrl = QRCode.toDataURL(value, options);
|
|
556
468
|
return qrDataUrl;
|
|
557
469
|
} catch (error) {
|
|
558
470
|
console.error("Error generando QR:", error);
|
|
@@ -608,7 +520,7 @@ var addLogoToQR = async (qrDataUrl, logoUrl, logoWidth, logoHeight) => {
|
|
|
608
520
|
};
|
|
609
521
|
|
|
610
522
|
// src/components/core/QR.tsx
|
|
611
|
-
var styles8 =
|
|
523
|
+
var styles8 = StyleSheet8.create({
|
|
612
524
|
qrContainer: {
|
|
613
525
|
display: "flex",
|
|
614
526
|
alignItems: "center",
|
|
@@ -634,8 +546,8 @@ var QR = ({
|
|
|
634
546
|
logoHeight = 30,
|
|
635
547
|
errorCorrectionLevel = "M"
|
|
636
548
|
}) => {
|
|
637
|
-
const [qrDataUrl, setQrDataUrl] =
|
|
638
|
-
|
|
549
|
+
const [qrDataUrl, setQrDataUrl] = useState("");
|
|
550
|
+
useEffect(() => {
|
|
639
551
|
const generateQR = async () => {
|
|
640
552
|
try {
|
|
641
553
|
const baseQrDataUrl = await generateQRAsBase64({
|
|
@@ -667,14 +579,14 @@ var QR = ({
|
|
|
667
579
|
const fallbackUrl = `https://api.qrserver.com/v1/create-qr-code/?data=${encodeURIComponent(
|
|
668
580
|
value
|
|
669
581
|
)}&size=${size}x${size}`;
|
|
670
|
-
return /* @__PURE__ */
|
|
582
|
+
return /* @__PURE__ */ React8.createElement(View5, { style: [styles8.qrContainer, style] }, /* @__PURE__ */ React8.createElement(Image3, { src: qrDataUrl || fallbackUrl, style: { width: size, height: size } }));
|
|
671
583
|
};
|
|
672
584
|
var QR_default = QR;
|
|
673
585
|
|
|
674
586
|
// src/components/core/Lista.tsx
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
var styles9 =
|
|
587
|
+
import React9 from "react";
|
|
588
|
+
import { View as View6, Text as Text5, StyleSheet as StyleSheet9 } from "@react-pdf/renderer";
|
|
589
|
+
var styles9 = StyleSheet9.create({
|
|
678
590
|
ul: {
|
|
679
591
|
marginBottom: 10,
|
|
680
592
|
paddingLeft: 15
|
|
@@ -734,9 +646,9 @@ var toRoman = (num) => {
|
|
|
734
646
|
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];
|
|
735
647
|
};
|
|
736
648
|
var UL = ({ children, style, type = "disc" }) => {
|
|
737
|
-
const childrenWithBullets =
|
|
738
|
-
if (
|
|
739
|
-
return
|
|
649
|
+
const childrenWithBullets = React9.Children.map(children, (child, index) => {
|
|
650
|
+
if (React9.isValidElement(child)) {
|
|
651
|
+
return React9.cloneElement(child, {
|
|
740
652
|
bulletType: type,
|
|
741
653
|
isOrdered: false,
|
|
742
654
|
index: index + 1
|
|
@@ -744,12 +656,12 @@ var UL = ({ children, style, type = "disc" }) => {
|
|
|
744
656
|
}
|
|
745
657
|
return child;
|
|
746
658
|
});
|
|
747
|
-
return /* @__PURE__ */
|
|
659
|
+
return /* @__PURE__ */ React9.createElement(View6, { style: [styles9.ul, style] }, childrenWithBullets);
|
|
748
660
|
};
|
|
749
661
|
var OL = ({ children, style, type = "decimal", start = 1 }) => {
|
|
750
|
-
const childrenWithNumbers =
|
|
751
|
-
if (
|
|
752
|
-
return
|
|
662
|
+
const childrenWithNumbers = React9.Children.map(children, (child, index) => {
|
|
663
|
+
if (React9.isValidElement(child)) {
|
|
664
|
+
return React9.cloneElement(child, {
|
|
753
665
|
bulletType: type,
|
|
754
666
|
isOrdered: true,
|
|
755
667
|
index: index + 1,
|
|
@@ -758,7 +670,7 @@ var OL = ({ children, style, type = "decimal", start = 1 }) => {
|
|
|
758
670
|
}
|
|
759
671
|
return child;
|
|
760
672
|
});
|
|
761
|
-
return /* @__PURE__ */
|
|
673
|
+
return /* @__PURE__ */ React9.createElement(View6, { style: [styles9.ol, style] }, childrenWithNumbers);
|
|
762
674
|
};
|
|
763
675
|
var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1, start = 1, value }) => {
|
|
764
676
|
let marker;
|
|
@@ -768,11 +680,11 @@ var LI = ({ children, style, bulletType = "disc", isOrdered = false, index = 1,
|
|
|
768
680
|
} else {
|
|
769
681
|
marker = getBulletPoint(bulletType);
|
|
770
682
|
}
|
|
771
|
-
return /* @__PURE__ */
|
|
683
|
+
return /* @__PURE__ */ React9.createElement(View6, { style: [styles9.li, style] }, /* @__PURE__ */ React9.createElement(Text5, { style: styles9.bulletPoint }, marker), /* @__PURE__ */ React9.createElement(View6, { style: styles9.itemContent }, typeof children === "string" ? /* @__PURE__ */ React9.createElement(Text5, null, children) : children));
|
|
772
684
|
};
|
|
773
685
|
|
|
774
686
|
// src/components/core/index.tsx
|
|
775
|
-
|
|
687
|
+
import { View as View7, Text as Text6, StyleSheet as StyleSheet10, Font } from "@react-pdf/renderer";
|
|
776
688
|
|
|
777
689
|
// src/functions/decodeBase64Pdf.ts
|
|
778
690
|
var decodeBase64Pdf = (base64, fileName) => {
|
|
@@ -802,15 +714,15 @@ var decodeBase64Pdf = (base64, fileName) => {
|
|
|
802
714
|
var decodeBase64Pdf_default = decodeBase64Pdf;
|
|
803
715
|
|
|
804
716
|
// src/functions/generatePDF.ts
|
|
805
|
-
|
|
806
|
-
|
|
717
|
+
import { renderToStream } from "@react-pdf/renderer";
|
|
718
|
+
import { createElement } from "react";
|
|
807
719
|
var generatePDF = async ({ template: Template, data }) => {
|
|
808
720
|
try {
|
|
809
721
|
if (!Template) {
|
|
810
722
|
throw new Error("Template not provided");
|
|
811
723
|
}
|
|
812
|
-
const MyDocument =
|
|
813
|
-
const stream = await
|
|
724
|
+
const MyDocument = createElement(Template, { data });
|
|
725
|
+
const stream = await renderToStream(MyDocument);
|
|
814
726
|
const base64String = await new Promise((resolve, reject) => {
|
|
815
727
|
const chunks = [];
|
|
816
728
|
stream.on("data", (chunk) => chunks.push(chunk));
|
|
@@ -823,8 +735,7 @@ var generatePDF = async ({ template: Template, data }) => {
|
|
|
823
735
|
}
|
|
824
736
|
};
|
|
825
737
|
var generatePDF_default = generatePDF;
|
|
826
|
-
|
|
827
|
-
0 && (module.exports = {
|
|
738
|
+
export {
|
|
828
739
|
A,
|
|
829
740
|
BR,
|
|
830
741
|
Blockquote,
|
|
@@ -852,30 +763,30 @@ var generatePDF_default = generatePDF;
|
|
|
852
763
|
H5,
|
|
853
764
|
H6,
|
|
854
765
|
Header,
|
|
855
|
-
Img,
|
|
766
|
+
Img_default as Img,
|
|
856
767
|
LI,
|
|
857
|
-
LayoutPDF,
|
|
768
|
+
LayoutPDF_default as LayoutPDF,
|
|
858
769
|
Left,
|
|
859
770
|
Mark,
|
|
860
771
|
OL,
|
|
861
772
|
P,
|
|
862
|
-
QR,
|
|
773
|
+
QR_default as QR,
|
|
863
774
|
Right,
|
|
864
775
|
Row,
|
|
865
776
|
Small,
|
|
866
777
|
Span,
|
|
867
778
|
Strong,
|
|
868
|
-
StyleSheet,
|
|
779
|
+
StyleSheet10 as StyleSheet,
|
|
869
780
|
Table,
|
|
870
781
|
Tbody,
|
|
871
782
|
Td,
|
|
872
|
-
Text,
|
|
783
|
+
Text6 as Text,
|
|
873
784
|
Th,
|
|
874
785
|
Thead,
|
|
875
786
|
Tr,
|
|
876
787
|
U,
|
|
877
788
|
UL,
|
|
878
|
-
View,
|
|
879
|
-
decodeBase64Pdf,
|
|
880
|
-
generatePDF
|
|
881
|
-
}
|
|
789
|
+
View7 as View,
|
|
790
|
+
decodeBase64Pdf_default as decodeBase64Pdf,
|
|
791
|
+
generatePDF_default as generatePDF
|
|
792
|
+
};
|
package/package.json
CHANGED
|
File without changes
|