react-pdf-levelup 3.1.7 → 3.1.16
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 +35 -21
- package/dist/index.d.cts +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.js +35 -21
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -449,25 +449,25 @@ var styles5 = import_renderer5.StyleSheet.create({
|
|
|
449
449
|
fontWeight: "bold",
|
|
450
450
|
paddingLeft: 8,
|
|
451
451
|
paddingRight: 8,
|
|
452
|
-
justifyContent: "center"
|
|
453
|
-
alignItems: "flex-start"
|
|
454
|
-
// Changed from "left" to "flex-start"
|
|
452
|
+
justifyContent: "center"
|
|
455
453
|
},
|
|
456
454
|
text: {
|
|
457
455
|
fontSize: 10,
|
|
458
456
|
fontFamily: "Helvetica",
|
|
459
457
|
paddingLeft: 8,
|
|
460
458
|
paddingRight: 8,
|
|
461
|
-
justifyContent: "center"
|
|
462
|
-
alignItems: "flex-start"
|
|
463
|
-
// Changed from "left" to "flex-start"
|
|
459
|
+
justifyContent: "center"
|
|
464
460
|
},
|
|
465
461
|
zebraOdd: {
|
|
466
462
|
backgroundColor: "#eeeeee"
|
|
467
463
|
}
|
|
468
464
|
});
|
|
469
465
|
var Table = ({ children, style, cellHeight = 22 }) => /* @__PURE__ */ import_react5.default.createElement(TableContext.Provider, { value: { cellHeight, textAlign: "left" } }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.table, style] }, children));
|
|
470
|
-
var Thead = ({
|
|
466
|
+
var Thead = ({
|
|
467
|
+
children,
|
|
468
|
+
style,
|
|
469
|
+
textAlign = "left"
|
|
470
|
+
}) => {
|
|
471
471
|
const { cellHeight } = (0, import_react5.useContext)(TableContext);
|
|
472
472
|
return /* @__PURE__ */ import_react5.default.createElement(TableContext.Provider, { value: { cellHeight, textAlign } }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.thead, style] }, children));
|
|
473
473
|
};
|
|
@@ -487,7 +487,9 @@ var Tr = ({
|
|
|
487
487
|
isLastRow = false,
|
|
488
488
|
isOdd = false
|
|
489
489
|
}) => {
|
|
490
|
-
const elements = import_react5.default.Children.toArray(
|
|
490
|
+
const elements = import_react5.default.Children.toArray(
|
|
491
|
+
children
|
|
492
|
+
);
|
|
491
493
|
const count = elements.length;
|
|
492
494
|
return /* @__PURE__ */ import_react5.default.createElement(import_renderer5.View, { style: [styles5.tr, style] }, elements.map((child, idx) => {
|
|
493
495
|
const isLast = idx === count - 1;
|
|
@@ -515,14 +517,20 @@ var Th = ({
|
|
|
515
517
|
borderColor: "#000",
|
|
516
518
|
minHeight: cellHeightValue
|
|
517
519
|
};
|
|
518
|
-
return /* @__PURE__ */ import_react5.default.createElement(
|
|
519
|
-
|
|
520
|
+
return /* @__PURE__ */ import_react5.default.createElement(
|
|
521
|
+
import_renderer5.View,
|
|
520
522
|
{
|
|
521
|
-
|
|
523
|
+
style: [
|
|
524
|
+
styles5.textBold,
|
|
525
|
+
{
|
|
526
|
+
width: baseWidth
|
|
527
|
+
},
|
|
528
|
+
borders,
|
|
529
|
+
style
|
|
530
|
+
]
|
|
522
531
|
},
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: { textAlign: finalTextAlign } }, children));
|
|
532
|
+
/* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: { textAlign: finalTextAlign } }, children)
|
|
533
|
+
);
|
|
526
534
|
};
|
|
527
535
|
var Td = ({
|
|
528
536
|
children,
|
|
@@ -545,15 +553,21 @@ var Td = ({
|
|
|
545
553
|
borderColor: "#000",
|
|
546
554
|
minHeight: cellHeightValue
|
|
547
555
|
};
|
|
548
|
-
return /* @__PURE__ */ import_react5.default.createElement(
|
|
549
|
-
|
|
550
|
-
isOdd && styles5.zebraOdd,
|
|
556
|
+
return /* @__PURE__ */ import_react5.default.createElement(
|
|
557
|
+
import_renderer5.View,
|
|
551
558
|
{
|
|
552
|
-
|
|
559
|
+
style: [
|
|
560
|
+
styles5.text,
|
|
561
|
+
isOdd && styles5.zebraOdd,
|
|
562
|
+
{
|
|
563
|
+
width: baseWidth
|
|
564
|
+
},
|
|
565
|
+
borders,
|
|
566
|
+
style
|
|
567
|
+
]
|
|
553
568
|
},
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
] }, /* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: { textAlign: finalTextAlign } }, children));
|
|
569
|
+
/* @__PURE__ */ import_react5.default.createElement(import_renderer5.Text, { style: { textAlign: finalTextAlign } }, children)
|
|
570
|
+
);
|
|
557
571
|
};
|
|
558
572
|
|
|
559
573
|
// src/components/core/Grid.tsx
|
package/dist/index.d.cts
CHANGED
|
@@ -66,7 +66,7 @@ interface TableProps {
|
|
|
66
66
|
interface TheadProps {
|
|
67
67
|
children: React$1.ReactNode;
|
|
68
68
|
style?: any;
|
|
69
|
-
textAlign?:
|
|
69
|
+
textAlign?: "left" | "center" | "right" | any;
|
|
70
70
|
}
|
|
71
71
|
interface CellProps {
|
|
72
72
|
children?: React$1.ReactNode;
|
|
@@ -77,7 +77,7 @@ interface CellProps {
|
|
|
77
77
|
isLast?: boolean;
|
|
78
78
|
isLastRow?: boolean;
|
|
79
79
|
isOdd?: boolean;
|
|
80
|
-
textAlign?:
|
|
80
|
+
textAlign?: "left" | "center" | "right" | any;
|
|
81
81
|
}
|
|
82
82
|
declare const Table: React$1.FC<TableProps>;
|
|
83
83
|
declare const Thead: React$1.FC<TheadProps>;
|
package/dist/index.d.ts
CHANGED
|
@@ -66,7 +66,7 @@ interface TableProps {
|
|
|
66
66
|
interface TheadProps {
|
|
67
67
|
children: React$1.ReactNode;
|
|
68
68
|
style?: any;
|
|
69
|
-
textAlign?:
|
|
69
|
+
textAlign?: "left" | "center" | "right" | any;
|
|
70
70
|
}
|
|
71
71
|
interface CellProps {
|
|
72
72
|
children?: React$1.ReactNode;
|
|
@@ -77,7 +77,7 @@ interface CellProps {
|
|
|
77
77
|
isLast?: boolean;
|
|
78
78
|
isLastRow?: boolean;
|
|
79
79
|
isOdd?: boolean;
|
|
80
|
-
textAlign?:
|
|
80
|
+
textAlign?: "left" | "center" | "right" | any;
|
|
81
81
|
}
|
|
82
82
|
declare const Table: React$1.FC<TableProps>;
|
|
83
83
|
declare const Thead: React$1.FC<TheadProps>;
|
package/dist/index.js
CHANGED
|
@@ -362,25 +362,25 @@ var styles5 = StyleSheet5.create({
|
|
|
362
362
|
fontWeight: "bold",
|
|
363
363
|
paddingLeft: 8,
|
|
364
364
|
paddingRight: 8,
|
|
365
|
-
justifyContent: "center"
|
|
366
|
-
alignItems: "flex-start"
|
|
367
|
-
// Changed from "left" to "flex-start"
|
|
365
|
+
justifyContent: "center"
|
|
368
366
|
},
|
|
369
367
|
text: {
|
|
370
368
|
fontSize: 10,
|
|
371
369
|
fontFamily: "Helvetica",
|
|
372
370
|
paddingLeft: 8,
|
|
373
371
|
paddingRight: 8,
|
|
374
|
-
justifyContent: "center"
|
|
375
|
-
alignItems: "flex-start"
|
|
376
|
-
// Changed from "left" to "flex-start"
|
|
372
|
+
justifyContent: "center"
|
|
377
373
|
},
|
|
378
374
|
zebraOdd: {
|
|
379
375
|
backgroundColor: "#eeeeee"
|
|
380
376
|
}
|
|
381
377
|
});
|
|
382
378
|
var Table = ({ children, style, cellHeight = 22 }) => /* @__PURE__ */ React5.createElement(TableContext.Provider, { value: { cellHeight, textAlign: "left" } }, /* @__PURE__ */ React5.createElement(View4, { style: [styles5.table, style] }, children));
|
|
383
|
-
var Thead = ({
|
|
379
|
+
var Thead = ({
|
|
380
|
+
children,
|
|
381
|
+
style,
|
|
382
|
+
textAlign = "left"
|
|
383
|
+
}) => {
|
|
384
384
|
const { cellHeight } = useContext(TableContext);
|
|
385
385
|
return /* @__PURE__ */ React5.createElement(TableContext.Provider, { value: { cellHeight, textAlign } }, /* @__PURE__ */ React5.createElement(View4, { style: [styles5.thead, style] }, children));
|
|
386
386
|
};
|
|
@@ -400,7 +400,9 @@ var Tr = ({
|
|
|
400
400
|
isLastRow = false,
|
|
401
401
|
isOdd = false
|
|
402
402
|
}) => {
|
|
403
|
-
const elements = React5.Children.toArray(
|
|
403
|
+
const elements = React5.Children.toArray(
|
|
404
|
+
children
|
|
405
|
+
);
|
|
404
406
|
const count = elements.length;
|
|
405
407
|
return /* @__PURE__ */ React5.createElement(View4, { style: [styles5.tr, style] }, elements.map((child, idx) => {
|
|
406
408
|
const isLast = idx === count - 1;
|
|
@@ -428,14 +430,20 @@ var Th = ({
|
|
|
428
430
|
borderColor: "#000",
|
|
429
431
|
minHeight: cellHeightValue
|
|
430
432
|
};
|
|
431
|
-
return /* @__PURE__ */ React5.createElement(
|
|
432
|
-
|
|
433
|
+
return /* @__PURE__ */ React5.createElement(
|
|
434
|
+
View4,
|
|
433
435
|
{
|
|
434
|
-
|
|
436
|
+
style: [
|
|
437
|
+
styles5.textBold,
|
|
438
|
+
{
|
|
439
|
+
width: baseWidth
|
|
440
|
+
},
|
|
441
|
+
borders,
|
|
442
|
+
style
|
|
443
|
+
]
|
|
435
444
|
},
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
] }, /* @__PURE__ */ React5.createElement(Text3, { style: { textAlign: finalTextAlign } }, children));
|
|
445
|
+
/* @__PURE__ */ React5.createElement(Text3, { style: { textAlign: finalTextAlign } }, children)
|
|
446
|
+
);
|
|
439
447
|
};
|
|
440
448
|
var Td = ({
|
|
441
449
|
children,
|
|
@@ -458,15 +466,21 @@ var Td = ({
|
|
|
458
466
|
borderColor: "#000",
|
|
459
467
|
minHeight: cellHeightValue
|
|
460
468
|
};
|
|
461
|
-
return /* @__PURE__ */ React5.createElement(
|
|
462
|
-
|
|
463
|
-
isOdd && styles5.zebraOdd,
|
|
469
|
+
return /* @__PURE__ */ React5.createElement(
|
|
470
|
+
View4,
|
|
464
471
|
{
|
|
465
|
-
|
|
472
|
+
style: [
|
|
473
|
+
styles5.text,
|
|
474
|
+
isOdd && styles5.zebraOdd,
|
|
475
|
+
{
|
|
476
|
+
width: baseWidth
|
|
477
|
+
},
|
|
478
|
+
borders,
|
|
479
|
+
style
|
|
480
|
+
]
|
|
466
481
|
},
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
] }, /* @__PURE__ */ React5.createElement(Text3, { style: { textAlign: finalTextAlign } }, children));
|
|
482
|
+
/* @__PURE__ */ React5.createElement(Text3, { style: { textAlign: finalTextAlign } }, children)
|
|
483
|
+
);
|
|
470
484
|
};
|
|
471
485
|
|
|
472
486
|
// src/components/core/Grid.tsx
|