@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260827063633 → 0.8.1-dev.20260827091356
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.js +1109 -712
- package/dist/index.mjs +751 -357
- package/dist/server.js +892 -495
- package/dist/server.mjs +567 -173
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -477,16 +477,408 @@ var CommentImageNode = ({ node, assetBaseUrl }) => {
|
|
|
477
477
|
};
|
|
478
478
|
var CommentImageNode_default = CommentImageNode;
|
|
479
479
|
|
|
480
|
-
// src/components/controls/view/
|
|
480
|
+
// src/components/controls/view/FileIcon.tsx
|
|
481
481
|
import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
482
|
+
var PdfIcon = () => /* @__PURE__ */ jsxs6(
|
|
483
|
+
"svg",
|
|
484
|
+
{
|
|
485
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
486
|
+
viewBox: "0 0 48 48",
|
|
487
|
+
className: "w-10 h-10",
|
|
488
|
+
children: [
|
|
489
|
+
/* @__PURE__ */ jsx16(
|
|
490
|
+
"path",
|
|
491
|
+
{
|
|
492
|
+
fill: "#e53935",
|
|
493
|
+
d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28 C42,40.209,40.209,42,38,42z"
|
|
494
|
+
}
|
|
495
|
+
),
|
|
496
|
+
/* @__PURE__ */ jsx16(
|
|
497
|
+
"path",
|
|
498
|
+
{
|
|
499
|
+
fill: "#fff",
|
|
500
|
+
d: "M34.841,26.799c-1.692-1.757-6.314-1.041-7.42-0.911c-1.627-1.562-2.734-3.45-3.124-4.101 c0.586-1.757,0.976-3.515,1.041-5.402c0-1.627-0.651-3.385-2.473-3.385c-0.651,0-1.237,0.391-1.562,0.911 c-0.781,1.367-0.456,4.101,0.781,6.899c-0.716,2.018-1.367,3.97-3.189,7.42c-1.888,0.781-5.858,2.604-6.183,4.556 c-0.13,0.586,0.065,1.172,0.521,1.627C13.688,34.805,14.273,35,14.859,35c2.408,0,4.751-3.32,6.379-6.118 c1.367-0.456,3.515-1.107,5.663-1.497c2.538,2.213,4.751,2.538,5.923,2.538c1.562,0,2.148-0.651,2.343-1.237 C35.492,28.036,35.297,27.32,34.841,26.799z M33.214,27.905c-0.065,0.456-0.651,0.911-1.692,0.651 c-1.237-0.325-2.343-0.911-3.32-1.692c0.846-0.13,2.734-0.325,4.101-0.065C32.824,26.929,33.344,27.254,33.214,27.905z M22.344,14.497c0.13-0.195,0.325-0.325,0.521-0.325c0.586,0,0.716,0.716,0.716,1.302c-0.065,1.367-0.325,2.734-0.781,4.036 C21.824,16.905,22.019,15.083,22.344,14.497z M22.214,27.124c0.521-1.041,1.237-2.864,1.497-3.645 c0.586,0.976,1.562,2.148,2.083,2.669C25.794,26.213,23.776,26.604,22.214,27.124z M18.374,29.728 c-1.497,2.473-3.059,4.036-3.905,4.036c-0.13,0-0.26-0.065-0.391-0.13c-0.195-0.13-0.26-0.325-0.195-0.586 C14.078,32.136,15.77,30.899,18.374,29.728z"
|
|
501
|
+
}
|
|
502
|
+
)
|
|
503
|
+
]
|
|
504
|
+
}
|
|
505
|
+
);
|
|
506
|
+
var ExcelIcon = () => /* @__PURE__ */ jsxs6(
|
|
507
|
+
"svg",
|
|
508
|
+
{
|
|
509
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
510
|
+
viewBox: "0 0 48 48",
|
|
511
|
+
className: "w-10 h-10",
|
|
512
|
+
children: [
|
|
513
|
+
/* @__PURE__ */ jsx16(
|
|
514
|
+
"path",
|
|
515
|
+
{
|
|
516
|
+
fill: "#169154",
|
|
517
|
+
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
518
|
+
}
|
|
519
|
+
),
|
|
520
|
+
/* @__PURE__ */ jsx16(
|
|
521
|
+
"path",
|
|
522
|
+
{
|
|
523
|
+
fill: "#18482a",
|
|
524
|
+
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
525
|
+
}
|
|
526
|
+
),
|
|
527
|
+
/* @__PURE__ */ jsx16("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
528
|
+
/* @__PURE__ */ jsx16("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
529
|
+
/* @__PURE__ */ jsxs6("g", { children: [
|
|
530
|
+
/* @__PURE__ */ jsx16(
|
|
531
|
+
"path",
|
|
532
|
+
{
|
|
533
|
+
fill: "#29c27f",
|
|
534
|
+
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
535
|
+
}
|
|
536
|
+
),
|
|
537
|
+
/* @__PURE__ */ jsx16(
|
|
538
|
+
"path",
|
|
539
|
+
{
|
|
540
|
+
fill: "#27663f",
|
|
541
|
+
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
542
|
+
}
|
|
543
|
+
),
|
|
544
|
+
/* @__PURE__ */ jsx16("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
545
|
+
/* @__PURE__ */ jsx16("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
546
|
+
] }),
|
|
547
|
+
/* @__PURE__ */ jsx16(
|
|
548
|
+
"path",
|
|
549
|
+
{
|
|
550
|
+
fill: "#0c7238",
|
|
551
|
+
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
552
|
+
}
|
|
553
|
+
),
|
|
554
|
+
/* @__PURE__ */ jsx16(
|
|
555
|
+
"path",
|
|
556
|
+
{
|
|
557
|
+
fill: "#fff",
|
|
558
|
+
d: "M9.807 19L12.193 19 14.129 22.754 16.175 19 18.404 19 15.333 24 18.474 29 16.123 29 14.013 25.07 11.912 29 9.526 29 12.719 23.982z"
|
|
559
|
+
}
|
|
560
|
+
)
|
|
561
|
+
]
|
|
562
|
+
}
|
|
563
|
+
);
|
|
564
|
+
var WordIcon = () => /* @__PURE__ */ jsxs6(
|
|
565
|
+
"svg",
|
|
566
|
+
{
|
|
567
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
568
|
+
viewBox: "0 0 48 48",
|
|
569
|
+
className: "w-10 h-10",
|
|
570
|
+
baseProfile: "basic",
|
|
571
|
+
children: [
|
|
572
|
+
/* @__PURE__ */ jsx16(
|
|
573
|
+
"path",
|
|
574
|
+
{
|
|
575
|
+
fill: "#283593",
|
|
576
|
+
d: "M9,33.595l14.911-18.706L41,26v13.306C41,41.346,39.346,43,37.306,43H15.332 C11.835,43,9,40.164,9,36.667C9,36.667,9,33.595,9,33.595z"
|
|
577
|
+
}
|
|
578
|
+
),
|
|
579
|
+
/* @__PURE__ */ jsxs6(
|
|
580
|
+
"linearGradient",
|
|
581
|
+
{
|
|
582
|
+
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
583
|
+
x1: "9",
|
|
584
|
+
x2: "33.506",
|
|
585
|
+
y1: "364.445",
|
|
586
|
+
y2: "364.445",
|
|
587
|
+
gradientTransform: "translate(0 -339.89)",
|
|
588
|
+
gradientUnits: "userSpaceOnUse",
|
|
589
|
+
children: [
|
|
590
|
+
/* @__PURE__ */ jsx16("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
591
|
+
/* @__PURE__ */ jsx16("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
592
|
+
]
|
|
593
|
+
}
|
|
594
|
+
),
|
|
595
|
+
/* @__PURE__ */ jsx16(
|
|
596
|
+
"path",
|
|
597
|
+
{
|
|
598
|
+
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
599
|
+
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
600
|
+
}
|
|
601
|
+
),
|
|
602
|
+
/* @__PURE__ */ jsx16(
|
|
603
|
+
"path",
|
|
604
|
+
{
|
|
605
|
+
fill: "#1e88e5",
|
|
606
|
+
"fill-opacity": ".6",
|
|
607
|
+
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
608
|
+
}
|
|
609
|
+
),
|
|
610
|
+
/* @__PURE__ */ jsx16(
|
|
611
|
+
"path",
|
|
612
|
+
{
|
|
613
|
+
fill: "#00e5ff",
|
|
614
|
+
d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611 C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
|
|
615
|
+
}
|
|
616
|
+
),
|
|
617
|
+
/* @__PURE__ */ jsx16(
|
|
618
|
+
"path",
|
|
619
|
+
{
|
|
620
|
+
fill: "#1565c0",
|
|
621
|
+
d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5 v-10C4,24.567,5.567,23,7.5,23z"
|
|
622
|
+
}
|
|
623
|
+
),
|
|
624
|
+
/* @__PURE__ */ jsx16(
|
|
625
|
+
"path",
|
|
626
|
+
{
|
|
627
|
+
fill: "#fff",
|
|
628
|
+
d: "M18.327,26.643l-2.092,9.713l-2.501,0.002L12.5,30.529l-1.293,5.829H8.683l-2.01-9.713h2.062 l1.24,6.41l1.232-6.41h2.528l1.291,6.41l1.21-6.41L18.327,26.643L18.327,26.643z"
|
|
629
|
+
}
|
|
630
|
+
)
|
|
631
|
+
]
|
|
632
|
+
}
|
|
633
|
+
);
|
|
634
|
+
var StandardIcon = () => /* @__PURE__ */ jsxs6(
|
|
635
|
+
"svg",
|
|
636
|
+
{
|
|
637
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
638
|
+
viewBox: "0 0 48 48",
|
|
639
|
+
className: "w-10 h-10",
|
|
640
|
+
children: [
|
|
641
|
+
/* @__PURE__ */ jsx16("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
642
|
+
/* @__PURE__ */ jsx16("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
643
|
+
]
|
|
644
|
+
}
|
|
645
|
+
);
|
|
646
|
+
var PowerPointIcon = () => /* @__PURE__ */ jsxs6(
|
|
647
|
+
"svg",
|
|
648
|
+
{
|
|
649
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
650
|
+
viewBox: "0 0 48 48",
|
|
651
|
+
className: "w-10 h-10",
|
|
652
|
+
children: [
|
|
653
|
+
/* @__PURE__ */ jsx16(
|
|
654
|
+
"path",
|
|
655
|
+
{
|
|
656
|
+
fill: "#dc4c2c",
|
|
657
|
+
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
658
|
+
}
|
|
659
|
+
),
|
|
660
|
+
/* @__PURE__ */ jsx16("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
661
|
+
/* @__PURE__ */ jsx16("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
662
|
+
/* @__PURE__ */ jsx16(
|
|
663
|
+
"path",
|
|
664
|
+
{
|
|
665
|
+
fill: "#9b341f",
|
|
666
|
+
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
667
|
+
}
|
|
668
|
+
),
|
|
669
|
+
/* @__PURE__ */ jsx16(
|
|
670
|
+
"path",
|
|
671
|
+
{
|
|
672
|
+
fill: "#fff",
|
|
673
|
+
d: "M14.673,19.012H10v10h2.024v-3.521H14.3c1.876,0,3.397-1.521,3.397-3.397v-0.058 C17.697,20.366,16.343,19.012,14.673,19.012z M15.57,22.358c0,0.859-0.697,1.556-1.556,1.556h-1.99v-3.325h1.99 c0.859,0,1.556,0.697,1.556,1.556V22.358z"
|
|
674
|
+
}
|
|
675
|
+
)
|
|
676
|
+
]
|
|
677
|
+
}
|
|
678
|
+
);
|
|
679
|
+
var TextIcon = () => /* @__PURE__ */ jsxs6(
|
|
680
|
+
"svg",
|
|
681
|
+
{
|
|
682
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
683
|
+
viewBox: "0 0 48 48",
|
|
684
|
+
className: "w-10 h-10",
|
|
685
|
+
children: [
|
|
686
|
+
/* @__PURE__ */ jsx16("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
687
|
+
/* @__PURE__ */ jsx16("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
688
|
+
/* @__PURE__ */ jsx16(
|
|
689
|
+
"path",
|
|
690
|
+
{
|
|
691
|
+
fill: "#1976D2",
|
|
692
|
+
d: "M16 21H33V23H16zM16 25H29V27H16zM16 29H33V31H16zM16 33H29V35H16z"
|
|
693
|
+
}
|
|
694
|
+
)
|
|
695
|
+
]
|
|
696
|
+
}
|
|
697
|
+
);
|
|
698
|
+
var ArchiveIcon = () => /* @__PURE__ */ jsxs6(
|
|
699
|
+
"svg",
|
|
700
|
+
{
|
|
701
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
702
|
+
zoomAndPan: "magnify",
|
|
703
|
+
viewBox: "0 0 75 74.999997",
|
|
704
|
+
preserveAspectRatio: "xMidYMid meet",
|
|
705
|
+
version: "1.0",
|
|
706
|
+
className: "w-10 h-10",
|
|
707
|
+
children: [
|
|
708
|
+
/* @__PURE__ */ jsx16("defs", { children: /* @__PURE__ */ jsx16("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ jsx16(
|
|
709
|
+
"path",
|
|
710
|
+
{
|
|
711
|
+
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
712
|
+
"clip-rule": "nonzero"
|
|
713
|
+
}
|
|
714
|
+
) }) }),
|
|
715
|
+
/* @__PURE__ */ jsx16("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ jsx16(
|
|
716
|
+
"path",
|
|
717
|
+
{
|
|
718
|
+
fill: "#ff9100",
|
|
719
|
+
d: "M 65.882812 75 L 8.929688 75 L 8.929688 0 L 48.085938 0 L 65.882812 17.855469 Z M 65.882812 75 ",
|
|
720
|
+
"fill-opacity": "1",
|
|
721
|
+
"fill-rule": "nonzero"
|
|
722
|
+
}
|
|
723
|
+
) }),
|
|
724
|
+
/* @__PURE__ */ jsx16(
|
|
725
|
+
"path",
|
|
726
|
+
{
|
|
727
|
+
fill: "#fbe9e7",
|
|
728
|
+
d: "M 63.214844 19.644531 L 46.304688 19.644531 L 46.304688 2.679688 Z M 63.214844 19.644531 ",
|
|
729
|
+
"fill-opacity": "1",
|
|
730
|
+
"fill-rule": "nonzero"
|
|
731
|
+
}
|
|
732
|
+
),
|
|
733
|
+
/* @__PURE__ */ jsx16(
|
|
734
|
+
"path",
|
|
735
|
+
{
|
|
736
|
+
fill: "#ffe0b2",
|
|
737
|
+
d: "M 26.523438 50.59375 L 33.824219 50.59375 L 33.824219 53.570312 L 22.339844 53.570312 L 22.339844 51.410156 L 29.566406 38.789062 L 22.265625 38.789062 L 22.265625 35.796875 L 33.691406 35.796875 L 33.691406 37.910156 Z M 26.523438 50.59375 ",
|
|
738
|
+
"fill-opacity": "1",
|
|
739
|
+
"fill-rule": "nonzero"
|
|
740
|
+
}
|
|
741
|
+
),
|
|
742
|
+
/* @__PURE__ */ jsx16(
|
|
743
|
+
"path",
|
|
744
|
+
{
|
|
745
|
+
fill: "#ffe0b2",
|
|
746
|
+
d: "M 36.183594 35.796875 L 39.757812 35.796875 L 39.757812 53.570312 L 36.183594 53.570312 Z M 36.183594 35.796875 ",
|
|
747
|
+
"fill-opacity": "1",
|
|
748
|
+
"fill-rule": "nonzero"
|
|
749
|
+
}
|
|
750
|
+
),
|
|
751
|
+
/* @__PURE__ */ jsx16(
|
|
752
|
+
"path",
|
|
753
|
+
{
|
|
754
|
+
fill: "#ffe0b2",
|
|
755
|
+
d: "M 46.34375 47.320312 L 46.34375 53.570312 L 42.765625 53.570312 L 42.765625 35.796875 L 48.800781 35.796875 C 50.550781 35.796875 51.953125 36.34375 52.992188 37.433594 C 54.035156 38.523438 54.554688 39.9375 54.554688 41.683594 C 54.554688 43.425781 54.039062 44.796875 53.011719 45.808594 C 51.980469 46.820312 50.550781 47.320312 48.726562 47.320312 Z M 46.34375 44.332031 L 48.800781 44.332031 C 49.484375 44.332031 50.007812 44.105469 50.382812 43.660156 C 50.757812 43.210938 50.941406 42.5625 50.941406 41.707031 C 50.941406 40.816406 50.753906 40.113281 50.371094 39.585938 C 49.988281 39.0625 49.476562 38.796875 48.839844 38.789062 L 46.34375 38.789062 Z M 46.34375 44.332031 ",
|
|
756
|
+
"fill-opacity": "1",
|
|
757
|
+
"fill-rule": "nonzero"
|
|
758
|
+
}
|
|
759
|
+
)
|
|
760
|
+
]
|
|
761
|
+
}
|
|
762
|
+
);
|
|
763
|
+
var getFileDetails = (url) => {
|
|
764
|
+
const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
|
|
765
|
+
const ext = extMatch ? extMatch[1].toLowerCase() : "";
|
|
766
|
+
let Icon = StandardIcon;
|
|
767
|
+
let extLabel = "FILE";
|
|
768
|
+
if (ext === "pdf") {
|
|
769
|
+
Icon = PdfIcon;
|
|
770
|
+
extLabel = "PDF";
|
|
771
|
+
} else if (["xls", "xlsx", "csv"].includes(ext)) {
|
|
772
|
+
Icon = ExcelIcon;
|
|
773
|
+
extLabel = "Excel";
|
|
774
|
+
} else if (["doc", "docx"].includes(ext)) {
|
|
775
|
+
Icon = WordIcon;
|
|
776
|
+
extLabel = "Word";
|
|
777
|
+
} else if (["ppt", "pptx"].includes(ext)) {
|
|
778
|
+
Icon = PowerPointIcon;
|
|
779
|
+
extLabel = "PowerPoint";
|
|
780
|
+
} else if (["txt", "rtf"].includes(ext)) {
|
|
781
|
+
Icon = TextIcon;
|
|
782
|
+
extLabel = "Text";
|
|
783
|
+
} else if (["zip", "rar", "7z"].includes(ext)) {
|
|
784
|
+
Icon = ArchiveIcon;
|
|
785
|
+
extLabel = "Archive";
|
|
786
|
+
} else if (ext) {
|
|
787
|
+
extLabel = ext.toUpperCase();
|
|
788
|
+
}
|
|
789
|
+
return { Icon, extLabel };
|
|
790
|
+
};
|
|
791
|
+
var FileIcon = ({ fileName, className }) => {
|
|
792
|
+
const { Icon } = getFileDetails(fileName);
|
|
793
|
+
return /* @__PURE__ */ jsx16("span", { className, children: /* @__PURE__ */ jsx16(Icon, {}) });
|
|
794
|
+
};
|
|
795
|
+
var FileIcon_default = FileIcon;
|
|
796
|
+
|
|
797
|
+
// src/components/controls/view/CommentFileNode.tsx
|
|
798
|
+
import { jsx as jsx17, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
799
|
+
var formatFileSize = (sizeBytes) => {
|
|
800
|
+
const bytes = typeof sizeBytes === "number" ? sizeBytes : Number(sizeBytes);
|
|
801
|
+
if (!Number.isFinite(bytes) || bytes <= 0) {
|
|
802
|
+
return "";
|
|
803
|
+
}
|
|
804
|
+
if (bytes < 1024) {
|
|
805
|
+
return `${bytes} B`;
|
|
806
|
+
}
|
|
807
|
+
const units = ["KB", "MB", "GB"];
|
|
808
|
+
let value = bytes / 1024;
|
|
809
|
+
let unitIndex = 0;
|
|
810
|
+
while (value >= 1024 && unitIndex < units.length - 1) {
|
|
811
|
+
value /= 1024;
|
|
812
|
+
unitIndex += 1;
|
|
813
|
+
}
|
|
814
|
+
return `${value.toFixed(value < 10 ? 1 : 0)} ${units[unitIndex]}`;
|
|
815
|
+
};
|
|
816
|
+
var CommentFileNode = ({ node, assetBaseUrl }) => {
|
|
817
|
+
const rawUrl = typeof node.url === "string" && node.url || typeof node.src === "string" && node.src || typeof node.assetUrl === "string" && node.assetUrl || "";
|
|
818
|
+
if (!rawUrl) {
|
|
819
|
+
return null;
|
|
820
|
+
}
|
|
821
|
+
const href = AssetUtility_default.resolveUrl(assetBaseUrl, rawUrl);
|
|
822
|
+
if (!href) {
|
|
823
|
+
return null;
|
|
824
|
+
}
|
|
825
|
+
const fileName = typeof node.fileName === "string" && node.fileName || typeof node.name === "string" && node.name || rawUrl.split("/").pop() || "file";
|
|
826
|
+
const sizeLabel = formatFileSize(node.fileSize);
|
|
827
|
+
return /* @__PURE__ */ jsxs7(
|
|
828
|
+
"a",
|
|
829
|
+
{
|
|
830
|
+
href,
|
|
831
|
+
target: "_blank",
|
|
832
|
+
rel: "noopener noreferrer",
|
|
833
|
+
download: fileName,
|
|
834
|
+
className: "comment-node-file",
|
|
835
|
+
style: {
|
|
836
|
+
display: "inline-flex",
|
|
837
|
+
alignItems: "center",
|
|
838
|
+
gap: "8px",
|
|
839
|
+
padding: "8px 12px",
|
|
840
|
+
border: "1px solid rgba(0,0,0,0.12)",
|
|
841
|
+
borderRadius: "8px",
|
|
842
|
+
textDecoration: "none",
|
|
843
|
+
color: "inherit",
|
|
844
|
+
maxWidth: "100%"
|
|
845
|
+
},
|
|
846
|
+
children: [
|
|
847
|
+
/* @__PURE__ */ jsx17(FileIcon_default, { fileName, className: "comment-node-file-icon" }),
|
|
848
|
+
/* @__PURE__ */ jsxs7(
|
|
849
|
+
"span",
|
|
850
|
+
{
|
|
851
|
+
className: "comment-node-file-text",
|
|
852
|
+
style: { display: "flex", flexDirection: "column", minWidth: 0 },
|
|
853
|
+
children: [
|
|
854
|
+
/* @__PURE__ */ jsx17(
|
|
855
|
+
"span",
|
|
856
|
+
{
|
|
857
|
+
className: "comment-node-file-name",
|
|
858
|
+
style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" },
|
|
859
|
+
children: fileName
|
|
860
|
+
}
|
|
861
|
+
),
|
|
862
|
+
sizeLabel ? /* @__PURE__ */ jsx17("span", { className: "comment-node-file-size", style: { fontSize: "0.8em", opacity: 0.7 }, children: sizeLabel }) : null
|
|
863
|
+
]
|
|
864
|
+
}
|
|
865
|
+
)
|
|
866
|
+
]
|
|
867
|
+
}
|
|
868
|
+
);
|
|
869
|
+
};
|
|
870
|
+
var CommentFileNode_default = CommentFileNode;
|
|
871
|
+
|
|
872
|
+
// src/components/controls/view/CommentNodeRenderer.tsx
|
|
873
|
+
import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
482
874
|
var TextLeafNode = ({ node }) => {
|
|
483
875
|
let content = node.text;
|
|
484
|
-
if (node.code) content = /* @__PURE__ */
|
|
485
|
-
if (node.bold) content = /* @__PURE__ */
|
|
486
|
-
if (node.italic) content = /* @__PURE__ */
|
|
487
|
-
if (node.underline) content = /* @__PURE__ */
|
|
488
|
-
if (node.strikethrough) content = /* @__PURE__ */
|
|
489
|
-
return /* @__PURE__ */
|
|
876
|
+
if (node.code) content = /* @__PURE__ */ jsx18("code", { className: "comment-node-code", children: content });
|
|
877
|
+
if (node.bold) content = /* @__PURE__ */ jsx18("strong", { children: content });
|
|
878
|
+
if (node.italic) content = /* @__PURE__ */ jsx18("em", { children: content });
|
|
879
|
+
if (node.underline) content = /* @__PURE__ */ jsx18("u", { children: content });
|
|
880
|
+
if (node.strikethrough) content = /* @__PURE__ */ jsx18("s", { children: content });
|
|
881
|
+
return /* @__PURE__ */ jsx18(React14.Fragment, { children: content });
|
|
490
882
|
};
|
|
491
883
|
var renderChildren = (children, keyPrefix, assetBaseUrl) => {
|
|
492
884
|
if (!children || children.length === 0) {
|
|
@@ -494,7 +886,7 @@ var renderChildren = (children, keyPrefix, assetBaseUrl) => {
|
|
|
494
886
|
}
|
|
495
887
|
return children.map((child, index) => {
|
|
496
888
|
const childKey = isTextNode(child) ? void 0 : asElementNode(child).id;
|
|
497
|
-
return /* @__PURE__ */
|
|
889
|
+
return /* @__PURE__ */ jsx18(
|
|
498
890
|
CommentNodeRenderer,
|
|
499
891
|
{
|
|
500
892
|
node: child,
|
|
@@ -514,56 +906,58 @@ var CommentNodeRenderer = ({ node, assetBaseUrl }) => {
|
|
|
514
906
|
return null;
|
|
515
907
|
}
|
|
516
908
|
if (isTextNode(node)) {
|
|
517
|
-
return /* @__PURE__ */
|
|
909
|
+
return /* @__PURE__ */ jsx18(TextLeafNode, { node });
|
|
518
910
|
}
|
|
519
911
|
const element = asElementNode(node);
|
|
520
912
|
const key = element.id ?? element.type;
|
|
521
913
|
switch (element.type) {
|
|
522
914
|
case "paragraph":
|
|
523
|
-
return /* @__PURE__ */
|
|
915
|
+
return /* @__PURE__ */ jsx18("p", { className: "comment-node-paragraph", children: renderChildren(element.children, key, assetBaseUrl) ?? /* @__PURE__ */ jsx18("br", {}) });
|
|
524
916
|
case "heading": {
|
|
525
917
|
const level = headingLevelFromTag(element.tag ?? element.level);
|
|
526
918
|
const HeadingTag = `h${level}`;
|
|
527
|
-
return /* @__PURE__ */
|
|
919
|
+
return /* @__PURE__ */ jsx18(HeadingTag, { className: "comment-node-heading", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
528
920
|
}
|
|
529
921
|
case "list": {
|
|
530
922
|
const ordered = element.listType === "number" || element.ordered === true;
|
|
531
923
|
const ListTag = ordered ? "ol" : "ul";
|
|
532
|
-
return /* @__PURE__ */
|
|
924
|
+
return /* @__PURE__ */ jsx18(ListTag, { className: "comment-node-list", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
533
925
|
}
|
|
534
926
|
case "listitem":
|
|
535
927
|
case "list-item":
|
|
536
|
-
return /* @__PURE__ */
|
|
928
|
+
return /* @__PURE__ */ jsx18("li", { className: "comment-node-listitem", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
537
929
|
case "quote":
|
|
538
930
|
case "blockquote":
|
|
539
|
-
return /* @__PURE__ */
|
|
931
|
+
return /* @__PURE__ */ jsx18("blockquote", { className: "comment-node-quote", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
540
932
|
case "code":
|
|
541
933
|
case "code-block":
|
|
542
|
-
return /* @__PURE__ */
|
|
934
|
+
return /* @__PURE__ */ jsx18("pre", { className: "comment-node-codeblock", children: /* @__PURE__ */ jsx18("code", { children: renderChildren(element.children, key, assetBaseUrl) }) });
|
|
543
935
|
case "image":
|
|
544
|
-
return /* @__PURE__ */
|
|
936
|
+
return /* @__PURE__ */ jsx18(CommentImageNode_default, { node: element, assetBaseUrl });
|
|
937
|
+
case "file":
|
|
938
|
+
return /* @__PURE__ */ jsx18(CommentFileNode_default, { node: element, assetBaseUrl });
|
|
545
939
|
case "link": {
|
|
546
940
|
const url = typeof element.url === "string" ? element.url : "#";
|
|
547
|
-
return /* @__PURE__ */
|
|
941
|
+
return /* @__PURE__ */ jsx18("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: "comment-node-link", children: renderChildren(element.children, key, assetBaseUrl) });
|
|
548
942
|
}
|
|
549
943
|
case "mention": {
|
|
550
944
|
const label = element.label ?? element.mentionName ?? element.text ?? "";
|
|
551
|
-
return /* @__PURE__ */
|
|
945
|
+
return /* @__PURE__ */ jsxs8("span", { className: "comment-node-mention", children: [
|
|
552
946
|
"@",
|
|
553
947
|
label
|
|
554
948
|
] });
|
|
555
949
|
}
|
|
556
950
|
case "linebreak":
|
|
557
951
|
case "line-break":
|
|
558
|
-
return /* @__PURE__ */
|
|
952
|
+
return /* @__PURE__ */ jsx18("br", {});
|
|
559
953
|
default:
|
|
560
|
-
return /* @__PURE__ */
|
|
954
|
+
return /* @__PURE__ */ jsx18(React14.Fragment, { children: renderChildren(element.children, key, assetBaseUrl) });
|
|
561
955
|
}
|
|
562
956
|
};
|
|
563
957
|
var CommentNodeRenderer_default = CommentNodeRenderer;
|
|
564
958
|
|
|
565
959
|
// src/components/controls/view/Commentrenderer.tsx
|
|
566
|
-
import { jsx as
|
|
960
|
+
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
567
961
|
var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
|
|
568
962
|
const nodes = React15.useMemo(() => parseSerializedContent(value), [value]);
|
|
569
963
|
if (!nodes || nodes.length === 0) {
|
|
@@ -571,7 +965,7 @@ var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
|
|
|
571
965
|
}
|
|
572
966
|
const resolvedAssetBaseUrl = assetBaseUrl ?? apiBaseUrl;
|
|
573
967
|
console.log(resolvedAssetBaseUrl, "resolvedAssetBaseUrl");
|
|
574
|
-
return /* @__PURE__ */
|
|
968
|
+
return /* @__PURE__ */ jsx19("div", { className: className ?? "comment-renderer", children: nodes.map((node, index) => /* @__PURE__ */ jsx19(
|
|
575
969
|
CommentNodeRenderer_default,
|
|
576
970
|
{
|
|
577
971
|
node,
|
|
@@ -583,7 +977,7 @@ var CommentRenderer = ({ value, className, assetBaseUrl, apiBaseUrl }) => {
|
|
|
583
977
|
var Commentrenderer_default = CommentRenderer;
|
|
584
978
|
|
|
585
979
|
// src/components/controls/view/ViewControl.tsx
|
|
586
|
-
import { jsx as
|
|
980
|
+
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
587
981
|
var ViewControl = (props) => {
|
|
588
982
|
const ControlComponents = {
|
|
589
983
|
[ViewControlTypes_default.lineText]: LineTextView_default,
|
|
@@ -614,7 +1008,7 @@ var ViewControl = (props) => {
|
|
|
614
1008
|
[ViewControlTypes_default.commentRenderer]: Commentrenderer_default
|
|
615
1009
|
};
|
|
616
1010
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
617
|
-
return /* @__PURE__ */
|
|
1011
|
+
return /* @__PURE__ */ jsx20(React16.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx20(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
618
1012
|
};
|
|
619
1013
|
var ViewControl_default = ViewControl;
|
|
620
1014
|
|
|
@@ -625,7 +1019,7 @@ import React26 from "react";
|
|
|
625
1019
|
import React18 from "react";
|
|
626
1020
|
|
|
627
1021
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
628
|
-
import { jsx as
|
|
1022
|
+
import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
629
1023
|
var TextNode = (props) => {
|
|
630
1024
|
function cssStringToJson(cssString) {
|
|
631
1025
|
const styleObject = {};
|
|
@@ -680,26 +1074,26 @@ var TextNode = (props) => {
|
|
|
680
1074
|
});
|
|
681
1075
|
}
|
|
682
1076
|
function renderWithLineBreaks(text) {
|
|
683
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */
|
|
1077
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ jsxs9("span", { children: [
|
|
684
1078
|
line,
|
|
685
|
-
index < arr.length - 1 && /* @__PURE__ */
|
|
1079
|
+
index < arr.length - 1 && /* @__PURE__ */ jsx21("br", {})
|
|
686
1080
|
] }, index));
|
|
687
1081
|
}
|
|
688
1082
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
689
1083
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
690
1084
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
691
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */
|
|
1085
|
+
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ jsx21("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ jsx21("sub", { children: content }) : content;
|
|
692
1086
|
return (
|
|
693
1087
|
// @ts-expect-error custom code
|
|
694
|
-
/* @__PURE__ */
|
|
1088
|
+
/* @__PURE__ */ jsx21("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
695
1089
|
);
|
|
696
1090
|
};
|
|
697
1091
|
var TextNode_default = TextNode;
|
|
698
1092
|
|
|
699
1093
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
700
|
-
import { jsx as
|
|
1094
|
+
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
701
1095
|
var LineBreakNode = () => {
|
|
702
|
-
return /* @__PURE__ */
|
|
1096
|
+
return /* @__PURE__ */ jsx22("div", { className: "py-0.5 lg:py-1.5" });
|
|
703
1097
|
};
|
|
704
1098
|
var LineBreakNode_default = LineBreakNode;
|
|
705
1099
|
|
|
@@ -708,7 +1102,7 @@ import React17 from "react";
|
|
|
708
1102
|
|
|
709
1103
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
710
1104
|
import dynamic5 from "next/dynamic";
|
|
711
|
-
import { jsx as
|
|
1105
|
+
import { jsx as jsx23 } from "react/jsx-runtime";
|
|
712
1106
|
var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-IW52N5RG.mjs"), { ssr: false });
|
|
713
1107
|
var getNestedValue = (obj, path) => {
|
|
714
1108
|
if (!obj || !path) return void 0;
|
|
@@ -741,7 +1135,7 @@ var ImageNode = (props) => {
|
|
|
741
1135
|
assets = [image];
|
|
742
1136
|
}
|
|
743
1137
|
if (assets && assets.length > 0) {
|
|
744
|
-
return /* @__PURE__ */
|
|
1138
|
+
return /* @__PURE__ */ jsx23(
|
|
745
1139
|
DeviceAssetSelector_default,
|
|
746
1140
|
{
|
|
747
1141
|
device: props.device,
|
|
@@ -782,7 +1176,7 @@ var ImageNode = (props) => {
|
|
|
782
1176
|
right: "justify-end"
|
|
783
1177
|
};
|
|
784
1178
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
785
|
-
const renderMedia = () => isHls ? /* @__PURE__ */
|
|
1179
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ jsx23(
|
|
786
1180
|
HlsPlayer2,
|
|
787
1181
|
{
|
|
788
1182
|
assetUrl: imageUrl,
|
|
@@ -795,7 +1189,7 @@ var ImageNode = (props) => {
|
|
|
795
1189
|
apiBaseUrl: props.apiBaseUrl,
|
|
796
1190
|
session: props.session
|
|
797
1191
|
}
|
|
798
|
-
) : /* @__PURE__ */
|
|
1192
|
+
) : /* @__PURE__ */ jsx23(
|
|
799
1193
|
"img",
|
|
800
1194
|
{
|
|
801
1195
|
style: styles,
|
|
@@ -808,7 +1202,7 @@ var ImageNode = (props) => {
|
|
|
808
1202
|
}
|
|
809
1203
|
);
|
|
810
1204
|
if (props.node.width) {
|
|
811
|
-
return /* @__PURE__ */
|
|
1205
|
+
return /* @__PURE__ */ jsx23("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
812
1206
|
}
|
|
813
1207
|
return renderMedia();
|
|
814
1208
|
};
|
|
@@ -816,7 +1210,7 @@ var ImageNode_default = ImageNode;
|
|
|
816
1210
|
|
|
817
1211
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
818
1212
|
import dynamic6 from "next/dynamic";
|
|
819
|
-
import { Fragment, jsx as
|
|
1213
|
+
import { Fragment, jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
820
1214
|
var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-BEAX4I4C.mjs"), {
|
|
821
1215
|
ssr: false
|
|
822
1216
|
});
|
|
@@ -869,13 +1263,13 @@ var LinkNode = (props) => {
|
|
|
869
1263
|
const isButton = node.isButton === true;
|
|
870
1264
|
const renderChildren2 = () => {
|
|
871
1265
|
if (!node.children || node.children.length === 0) return null;
|
|
872
|
-
return /* @__PURE__ */
|
|
1266
|
+
return /* @__PURE__ */ jsx24(Fragment, { children: node.children.map((childNode, index) => {
|
|
873
1267
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
874
1268
|
if (!SelectedNode) {
|
|
875
1269
|
console.warn("Unknown node type:", childNode.type);
|
|
876
1270
|
return null;
|
|
877
1271
|
}
|
|
878
|
-
return /* @__PURE__ */
|
|
1272
|
+
return /* @__PURE__ */ jsx24(React17.Fragment, { children: /* @__PURE__ */ jsx24(
|
|
879
1273
|
SelectedNode,
|
|
880
1274
|
{
|
|
881
1275
|
node: childNode,
|
|
@@ -888,15 +1282,15 @@ var LinkNode = (props) => {
|
|
|
888
1282
|
};
|
|
889
1283
|
const renderFallback = () => {
|
|
890
1284
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
891
|
-
return /* @__PURE__ */
|
|
1285
|
+
return /* @__PURE__ */ jsx24("span", { children: linkText });
|
|
892
1286
|
}
|
|
893
1287
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
894
|
-
return /* @__PURE__ */
|
|
1288
|
+
return /* @__PURE__ */ jsx24("br", {});
|
|
895
1289
|
}
|
|
896
1290
|
return null;
|
|
897
1291
|
};
|
|
898
1292
|
if (isButton) {
|
|
899
|
-
return /* @__PURE__ */
|
|
1293
|
+
return /* @__PURE__ */ jsxs10(
|
|
900
1294
|
LinkNodeButton,
|
|
901
1295
|
{
|
|
902
1296
|
node,
|
|
@@ -914,7 +1308,7 @@ var LinkNode = (props) => {
|
|
|
914
1308
|
}
|
|
915
1309
|
);
|
|
916
1310
|
}
|
|
917
|
-
return /* @__PURE__ */
|
|
1311
|
+
return /* @__PURE__ */ jsxs10(
|
|
918
1312
|
Hyperlink,
|
|
919
1313
|
{
|
|
920
1314
|
href: linkUrl || "#",
|
|
@@ -930,10 +1324,10 @@ var LinkNode = (props) => {
|
|
|
930
1324
|
var LinkNode_default = LinkNode;
|
|
931
1325
|
|
|
932
1326
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
933
|
-
import { jsx as
|
|
1327
|
+
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
934
1328
|
var SVGIconNode = ({ node }) => {
|
|
935
1329
|
if (!node?.svgCode) return null;
|
|
936
|
-
return /* @__PURE__ */
|
|
1330
|
+
return /* @__PURE__ */ jsx25(
|
|
937
1331
|
"span",
|
|
938
1332
|
{
|
|
939
1333
|
style: {
|
|
@@ -950,7 +1344,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
950
1344
|
|
|
951
1345
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
952
1346
|
import katex from "katex";
|
|
953
|
-
import { jsx as
|
|
1347
|
+
import { jsx as jsx26 } from "react/jsx-runtime";
|
|
954
1348
|
var EquationNode = ({ node }) => {
|
|
955
1349
|
const { equation, inline } = node;
|
|
956
1350
|
let html = "";
|
|
@@ -965,7 +1359,7 @@ var EquationNode = ({ node }) => {
|
|
|
965
1359
|
});
|
|
966
1360
|
}
|
|
967
1361
|
if (inline) {
|
|
968
|
-
return /* @__PURE__ */
|
|
1362
|
+
return /* @__PURE__ */ jsx26(
|
|
969
1363
|
"span",
|
|
970
1364
|
{
|
|
971
1365
|
className: "katex-inline",
|
|
@@ -973,7 +1367,7 @@ var EquationNode = ({ node }) => {
|
|
|
973
1367
|
}
|
|
974
1368
|
);
|
|
975
1369
|
}
|
|
976
|
-
return /* @__PURE__ */
|
|
1370
|
+
return /* @__PURE__ */ jsx26(
|
|
977
1371
|
"div",
|
|
978
1372
|
{
|
|
979
1373
|
className: "katex-block my-3 text-center",
|
|
@@ -984,7 +1378,7 @@ var EquationNode = ({ node }) => {
|
|
|
984
1378
|
var EquationNode_default = EquationNode;
|
|
985
1379
|
|
|
986
1380
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
987
|
-
import { jsx as
|
|
1381
|
+
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
988
1382
|
function getNestedProperty(obj, path) {
|
|
989
1383
|
if (!obj || !path) return null;
|
|
990
1384
|
if (path.includes(".")) {
|
|
@@ -997,7 +1391,7 @@ function getNestedProperty(obj, path) {
|
|
|
997
1391
|
}
|
|
998
1392
|
const value = obj[path];
|
|
999
1393
|
if (Array.isArray(value)) {
|
|
1000
|
-
return value.map((item, index) => /* @__PURE__ */
|
|
1394
|
+
return value.map((item, index) => /* @__PURE__ */ jsx27("div", { children: String(item) }, index));
|
|
1001
1395
|
}
|
|
1002
1396
|
return value;
|
|
1003
1397
|
}
|
|
@@ -1060,7 +1454,7 @@ var DatafieldNode = (props) => {
|
|
|
1060
1454
|
const dataType = props.node.dataType;
|
|
1061
1455
|
if (isEmptyValue) return null;
|
|
1062
1456
|
if (dataType === "rawContent") {
|
|
1063
|
-
return /* @__PURE__ */
|
|
1457
|
+
return /* @__PURE__ */ jsx27(
|
|
1064
1458
|
PageBodyRenderer_default,
|
|
1065
1459
|
{
|
|
1066
1460
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -1076,13 +1470,13 @@ var DatafieldNode = (props) => {
|
|
|
1076
1470
|
}
|
|
1077
1471
|
);
|
|
1078
1472
|
}
|
|
1079
|
-
return /* @__PURE__ */
|
|
1473
|
+
return /* @__PURE__ */ jsx27(
|
|
1080
1474
|
"span",
|
|
1081
1475
|
{
|
|
1082
1476
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
1083
1477
|
style: styles,
|
|
1084
1478
|
title,
|
|
1085
|
-
children: /* @__PURE__ */
|
|
1479
|
+
children: /* @__PURE__ */ jsx27(
|
|
1086
1480
|
ViewControl_default,
|
|
1087
1481
|
{
|
|
1088
1482
|
controlType: dataType,
|
|
@@ -1097,7 +1491,7 @@ var DatafieldNode = (props) => {
|
|
|
1097
1491
|
var DatafieldNode_default = DatafieldNode;
|
|
1098
1492
|
|
|
1099
1493
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
1100
|
-
import { Fragment as Fragment2, jsx as
|
|
1494
|
+
import { Fragment as Fragment2, jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
1101
1495
|
var ParagraphNode = (props) => {
|
|
1102
1496
|
const NodeTypes2 = {
|
|
1103
1497
|
["text"]: TextNode_default,
|
|
@@ -1117,9 +1511,9 @@ var ParagraphNode = (props) => {
|
|
|
1117
1511
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
1118
1512
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
1119
1513
|
if (isInlineOnlyParent) {
|
|
1120
|
-
return /* @__PURE__ */
|
|
1514
|
+
return /* @__PURE__ */ jsx28(Fragment2, { children: hasChildren && props.node.children.map((node, index) => {
|
|
1121
1515
|
const SelectedNode = NodeTypes2[node.type];
|
|
1122
|
-
return /* @__PURE__ */
|
|
1516
|
+
return /* @__PURE__ */ jsx28(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx28(
|
|
1123
1517
|
SelectedNode,
|
|
1124
1518
|
{
|
|
1125
1519
|
node,
|
|
@@ -1132,10 +1526,10 @@ var ParagraphNode = (props) => {
|
|
|
1132
1526
|
) }, index);
|
|
1133
1527
|
}) });
|
|
1134
1528
|
}
|
|
1135
|
-
return /* @__PURE__ */
|
|
1529
|
+
return /* @__PURE__ */ jsxs11("div", { className: " " + formatClasses, children: [
|
|
1136
1530
|
hasChildren && props.node.children.map((node, index) => {
|
|
1137
1531
|
const SelectedNode = NodeTypes2[node.type];
|
|
1138
|
-
return /* @__PURE__ */
|
|
1532
|
+
return /* @__PURE__ */ jsx28(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx28(
|
|
1139
1533
|
SelectedNode,
|
|
1140
1534
|
{
|
|
1141
1535
|
node,
|
|
@@ -1147,14 +1541,14 @@ var ParagraphNode = (props) => {
|
|
|
1147
1541
|
}
|
|
1148
1542
|
) }, index);
|
|
1149
1543
|
}),
|
|
1150
|
-
!hasChildren && /* @__PURE__ */
|
|
1544
|
+
!hasChildren && /* @__PURE__ */ jsx28("div", { className: "py-1.5 lg:py-2" })
|
|
1151
1545
|
] });
|
|
1152
1546
|
};
|
|
1153
1547
|
var ParagraphNode_default = ParagraphNode;
|
|
1154
1548
|
|
|
1155
1549
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
1156
1550
|
import React19 from "react";
|
|
1157
|
-
import { Fragment as Fragment3, jsx as
|
|
1551
|
+
import { Fragment as Fragment3, jsx as jsx29 } from "react/jsx-runtime";
|
|
1158
1552
|
var HeadingNode = (props) => {
|
|
1159
1553
|
const NodeTypes2 = {
|
|
1160
1554
|
["text"]: TextNode_default,
|
|
@@ -1170,12 +1564,12 @@ var HeadingNode = (props) => {
|
|
|
1170
1564
|
{
|
|
1171
1565
|
}
|
|
1172
1566
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
1173
|
-
return /* @__PURE__ */
|
|
1567
|
+
return /* @__PURE__ */ jsx29(Fragment3, { children: React19.createElement(
|
|
1174
1568
|
HeadingTag,
|
|
1175
1569
|
{ className: formatClasses },
|
|
1176
1570
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
1177
1571
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
1178
|
-
return /* @__PURE__ */
|
|
1572
|
+
return /* @__PURE__ */ jsx29(React19.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx29(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, assetBaseUrl: props.assetBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
1179
1573
|
})
|
|
1180
1574
|
) });
|
|
1181
1575
|
};
|
|
@@ -1186,7 +1580,7 @@ import React21 from "react";
|
|
|
1186
1580
|
|
|
1187
1581
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
1188
1582
|
import React20 from "react";
|
|
1189
|
-
import { jsx as
|
|
1583
|
+
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
1190
1584
|
var ListItemNode = (props) => {
|
|
1191
1585
|
const NodeTypes2 = {
|
|
1192
1586
|
text: TextNode_default,
|
|
@@ -1203,37 +1597,37 @@ var ListItemNode = (props) => {
|
|
|
1203
1597
|
liStyle.fontSize = match[1].trim();
|
|
1204
1598
|
}
|
|
1205
1599
|
}
|
|
1206
|
-
return /* @__PURE__ */
|
|
1600
|
+
return /* @__PURE__ */ jsx30("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
1207
1601
|
const SelectedNode = NodeTypes2[node.type];
|
|
1208
1602
|
if (node.type === "linebreak") {
|
|
1209
1603
|
if (!foundFirstBreak) {
|
|
1210
1604
|
foundFirstBreak = true;
|
|
1211
|
-
return /* @__PURE__ */
|
|
1605
|
+
return /* @__PURE__ */ jsx30("div", {}, index);
|
|
1212
1606
|
} else {
|
|
1213
|
-
return /* @__PURE__ */
|
|
1607
|
+
return /* @__PURE__ */ jsx30("div", { className: "py-1 lg:py-2" }, index);
|
|
1214
1608
|
}
|
|
1215
1609
|
} else {
|
|
1216
1610
|
foundFirstBreak = false;
|
|
1217
|
-
return /* @__PURE__ */
|
|
1611
|
+
return /* @__PURE__ */ jsx30(React20.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx30(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
1218
1612
|
}
|
|
1219
1613
|
}) });
|
|
1220
1614
|
};
|
|
1221
1615
|
var ListItemNode_default = ListItemNode;
|
|
1222
1616
|
|
|
1223
1617
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
1224
|
-
import { jsx as
|
|
1618
|
+
import { jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
1225
1619
|
var ListNode = (props) => {
|
|
1226
1620
|
const NodeTypes2 = {
|
|
1227
1621
|
listitem: ListItemNode_default
|
|
1228
1622
|
};
|
|
1229
|
-
return /* @__PURE__ */
|
|
1230
|
-
props.node.listType == "bullet" && /* @__PURE__ */
|
|
1623
|
+
return /* @__PURE__ */ jsxs12(React21.Fragment, { children: [
|
|
1624
|
+
props.node.listType == "bullet" && /* @__PURE__ */ jsx31("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
1231
1625
|
const SelectedNode = NodeTypes2[node.type];
|
|
1232
|
-
return /* @__PURE__ */
|
|
1626
|
+
return /* @__PURE__ */ jsx31(React21.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx31(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
1233
1627
|
}) }),
|
|
1234
|
-
props.node.listType == "number" && /* @__PURE__ */
|
|
1628
|
+
props.node.listType == "number" && /* @__PURE__ */ jsx31("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
1235
1629
|
const SelectedNode = NodeTypes2[node.type];
|
|
1236
|
-
return /* @__PURE__ */
|
|
1630
|
+
return /* @__PURE__ */ jsx31(React21.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx31(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
1237
1631
|
}) })
|
|
1238
1632
|
] });
|
|
1239
1633
|
};
|
|
@@ -1241,16 +1635,16 @@ var ListNode_default = ListNode;
|
|
|
1241
1635
|
|
|
1242
1636
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
1243
1637
|
import React22 from "react";
|
|
1244
|
-
import { jsx as
|
|
1638
|
+
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
1245
1639
|
var QuoteNode = (props) => {
|
|
1246
1640
|
const NodeTypes2 = {
|
|
1247
1641
|
["text"]: TextNode_default,
|
|
1248
1642
|
["linebreak"]: LineBreakNode_default,
|
|
1249
1643
|
["link"]: LinkNode_default
|
|
1250
1644
|
};
|
|
1251
|
-
return /* @__PURE__ */
|
|
1645
|
+
return /* @__PURE__ */ jsx32("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
1252
1646
|
const SelectedNode = NodeTypes2[node.type];
|
|
1253
|
-
return /* @__PURE__ */
|
|
1647
|
+
return /* @__PURE__ */ jsx32(React22.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx32(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
1254
1648
|
}) });
|
|
1255
1649
|
};
|
|
1256
1650
|
var QuoteNode_default = QuoteNode;
|
|
@@ -1258,11 +1652,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
1258
1652
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
1259
1653
|
import React23 from "react";
|
|
1260
1654
|
import dynamic7 from "next/dynamic";
|
|
1261
|
-
import { jsx as
|
|
1655
|
+
import { jsx as jsx33, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
1262
1656
|
var CopyButton = dynamic7(() => import("./CopyButton-UPJPMJUB.mjs"), {
|
|
1263
1657
|
ssr: false,
|
|
1264
1658
|
// optional: fallback UI while loading
|
|
1265
|
-
loading: () => /* @__PURE__ */
|
|
1659
|
+
loading: () => /* @__PURE__ */ jsx33("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
1266
1660
|
});
|
|
1267
1661
|
var CodeNode = (props) => {
|
|
1268
1662
|
const NodeTypes2 = {
|
|
@@ -1276,14 +1670,14 @@ var CodeNode = (props) => {
|
|
|
1276
1670
|
if (node.type === "link") return node.text || node.url || "";
|
|
1277
1671
|
return "";
|
|
1278
1672
|
}).join("") ?? "";
|
|
1279
|
-
return /* @__PURE__ */
|
|
1280
|
-
/* @__PURE__ */
|
|
1281
|
-
/* @__PURE__ */
|
|
1282
|
-
/* @__PURE__ */
|
|
1673
|
+
return /* @__PURE__ */ jsxs13("div", { children: [
|
|
1674
|
+
/* @__PURE__ */ jsxs13("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
1675
|
+
/* @__PURE__ */ jsx33("span", { children: "Code Snippet" }),
|
|
1676
|
+
/* @__PURE__ */ jsx33(CopyButton, { text: textContent })
|
|
1283
1677
|
] }),
|
|
1284
|
-
/* @__PURE__ */
|
|
1678
|
+
/* @__PURE__ */ jsx33("code", { className: "bg-neutral-soft p-4 text-sm whitespace-pre-wrap border border-2 block", children: props.node.children && props.node.children.map((node, index) => {
|
|
1285
1679
|
const SelectedNode = NodeTypes2[node.type];
|
|
1286
|
-
return /* @__PURE__ */
|
|
1680
|
+
return /* @__PURE__ */ jsx33(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx33(
|
|
1287
1681
|
SelectedNode,
|
|
1288
1682
|
{
|
|
1289
1683
|
node,
|
|
@@ -1298,15 +1692,15 @@ var CodeNode = (props) => {
|
|
|
1298
1692
|
var CodeNode_default = CodeNode;
|
|
1299
1693
|
|
|
1300
1694
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
1301
|
-
import { jsx as
|
|
1695
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
1302
1696
|
var HorizontalRuleNode = () => {
|
|
1303
|
-
return /* @__PURE__ */
|
|
1697
|
+
return /* @__PURE__ */ jsx34("hr", {});
|
|
1304
1698
|
};
|
|
1305
1699
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
1306
1700
|
|
|
1307
1701
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
1308
1702
|
import React24 from "react";
|
|
1309
|
-
import { Fragment as Fragment4, jsx as
|
|
1703
|
+
import { Fragment as Fragment4, jsx as jsx35 } from "react/jsx-runtime";
|
|
1310
1704
|
var WidgetNode = (props) => {
|
|
1311
1705
|
const getWidgetParameters = () => {
|
|
1312
1706
|
const widgetInputParameters = {
|
|
@@ -1370,7 +1764,7 @@ var WidgetNode = (props) => {
|
|
|
1370
1764
|
};
|
|
1371
1765
|
const widgetCode = props.node?.widgetCode;
|
|
1372
1766
|
if (!widgetCode) {
|
|
1373
|
-
return /* @__PURE__ */
|
|
1767
|
+
return /* @__PURE__ */ jsx35(Fragment4, { children: "Invalid widget" });
|
|
1374
1768
|
}
|
|
1375
1769
|
const widgetParams = getWidgetParameters();
|
|
1376
1770
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -1379,7 +1773,7 @@ var WidgetNode = (props) => {
|
|
|
1379
1773
|
}
|
|
1380
1774
|
return (
|
|
1381
1775
|
// eslint-disable-next-line react-hooks/static-components
|
|
1382
|
-
/* @__PURE__ */
|
|
1776
|
+
/* @__PURE__ */ jsx35(React24.Fragment, { children: /* @__PURE__ */ jsx35(
|
|
1383
1777
|
WidgetRenderer,
|
|
1384
1778
|
{
|
|
1385
1779
|
params: widgetParams,
|
|
@@ -1401,7 +1795,7 @@ import React25 from "react";
|
|
|
1401
1795
|
|
|
1402
1796
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
1403
1797
|
import dynamic8 from "next/dynamic";
|
|
1404
|
-
import { jsx as
|
|
1798
|
+
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
1405
1799
|
var IframeClient = dynamic8(() => import("./IframeClient-WF2KLXZB.mjs"), {
|
|
1406
1800
|
ssr: false
|
|
1407
1801
|
});
|
|
@@ -1414,7 +1808,7 @@ var EmbedNode = (props) => {
|
|
|
1414
1808
|
} else {
|
|
1415
1809
|
src = props.node.embedSrc;
|
|
1416
1810
|
}
|
|
1417
|
-
return /* @__PURE__ */
|
|
1811
|
+
return /* @__PURE__ */ jsx36("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx36(IframeClient, { src }) });
|
|
1418
1812
|
};
|
|
1419
1813
|
var EmbedNode_default = EmbedNode;
|
|
1420
1814
|
|
|
@@ -1607,10 +2001,10 @@ var PathUtility = class {
|
|
|
1607
2001
|
var PathUtility_default = new PathUtility();
|
|
1608
2002
|
|
|
1609
2003
|
// src/components/NoDataFound.tsx
|
|
1610
|
-
import { jsx as
|
|
2004
|
+
import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
1611
2005
|
var NoDataFound = () => {
|
|
1612
|
-
return /* @__PURE__ */
|
|
1613
|
-
/* @__PURE__ */
|
|
2006
|
+
return /* @__PURE__ */ jsxs14("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
2007
|
+
/* @__PURE__ */ jsx37("div", { className: "mb-5", children: /* @__PURE__ */ jsx37("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx37(
|
|
1614
2008
|
"svg",
|
|
1615
2009
|
{
|
|
1616
2010
|
className: "w-10 h-10",
|
|
@@ -1618,7 +2012,7 @@ var NoDataFound = () => {
|
|
|
1618
2012
|
stroke: "currentColor",
|
|
1619
2013
|
viewBox: "0 0 24 24",
|
|
1620
2014
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1621
|
-
children: /* @__PURE__ */
|
|
2015
|
+
children: /* @__PURE__ */ jsx37(
|
|
1622
2016
|
"path",
|
|
1623
2017
|
{
|
|
1624
2018
|
strokeLinecap: "round",
|
|
@@ -1629,15 +2023,15 @@ var NoDataFound = () => {
|
|
|
1629
2023
|
)
|
|
1630
2024
|
}
|
|
1631
2025
|
) }) }),
|
|
1632
|
-
/* @__PURE__ */
|
|
1633
|
-
/* @__PURE__ */
|
|
2026
|
+
/* @__PURE__ */ jsx37("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
2027
|
+
/* @__PURE__ */ jsx37("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
1634
2028
|
] });
|
|
1635
2029
|
};
|
|
1636
2030
|
var NoDataFound_default = NoDataFound;
|
|
1637
2031
|
|
|
1638
2032
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
1639
2033
|
import dynamic9 from "next/dynamic";
|
|
1640
|
-
import { Fragment as Fragment5, jsx as
|
|
2034
|
+
import { Fragment as Fragment5, jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
1641
2035
|
var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-IW52N5RG.mjs"), { ssr: false });
|
|
1642
2036
|
var deviceToMediaQuery = (device) => {
|
|
1643
2037
|
switch (device) {
|
|
@@ -1793,8 +2187,8 @@ var ImageGalleryNode = (props) => {
|
|
|
1793
2187
|
right: "justify-end"
|
|
1794
2188
|
};
|
|
1795
2189
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
1796
|
-
return /* @__PURE__ */
|
|
1797
|
-
hlsSources.length > 0 && /* @__PURE__ */
|
|
2190
|
+
return /* @__PURE__ */ jsxs15(Fragment5, { children: [
|
|
2191
|
+
hlsSources.length > 0 && /* @__PURE__ */ jsx38(Fragment5, { children: /* @__PURE__ */ jsx38(
|
|
1798
2192
|
HlsPlayer3,
|
|
1799
2193
|
{
|
|
1800
2194
|
sources: hlsSources,
|
|
@@ -1809,7 +2203,7 @@ var ImageGalleryNode = (props) => {
|
|
|
1809
2203
|
styles: hlsStyles
|
|
1810
2204
|
}
|
|
1811
2205
|
) }),
|
|
1812
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */
|
|
2206
|
+
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ jsx38(Fragment5, { children: staticFallback ? /* @__PURE__ */ jsxs15("picture", { children: [
|
|
1813
2207
|
DEVICE_ORDER.map((deviceKey) => {
|
|
1814
2208
|
const match = staticSources.find(
|
|
1815
2209
|
(img) => img.device === deviceKey
|
|
@@ -1825,7 +2219,7 @@ var ImageGalleryNode = (props) => {
|
|
|
1825
2219
|
if (!srcUrl) {
|
|
1826
2220
|
return null;
|
|
1827
2221
|
}
|
|
1828
|
-
return /* @__PURE__ */
|
|
2222
|
+
return /* @__PURE__ */ jsx38(
|
|
1829
2223
|
"source",
|
|
1830
2224
|
{
|
|
1831
2225
|
media: deviceToMediaQuery(match.device),
|
|
@@ -1850,7 +2244,7 @@ var ImageGalleryNode = (props) => {
|
|
|
1850
2244
|
if (img.borderRadius) {
|
|
1851
2245
|
styles.borderRadius = img.borderRadius;
|
|
1852
2246
|
}
|
|
1853
|
-
return /* @__PURE__ */
|
|
2247
|
+
return /* @__PURE__ */ jsx38(
|
|
1854
2248
|
"img",
|
|
1855
2249
|
{
|
|
1856
2250
|
loading: "lazy",
|
|
@@ -1865,7 +2259,7 @@ var ImageGalleryNode = (props) => {
|
|
|
1865
2259
|
})()
|
|
1866
2260
|
] }) : (
|
|
1867
2261
|
/* Case 2: Only device-specific images exist */
|
|
1868
|
-
/* @__PURE__ */
|
|
2262
|
+
/* @__PURE__ */ jsx38(Fragment5, { children: staticSources.map((img, index) => {
|
|
1869
2263
|
const resolved = resolveImage(img);
|
|
1870
2264
|
const imageUrl = resolved?.imageUrl;
|
|
1871
2265
|
if (!imageUrl) {
|
|
@@ -1892,7 +2286,7 @@ var ImageGalleryNode = (props) => {
|
|
|
1892
2286
|
default:
|
|
1893
2287
|
display = "block";
|
|
1894
2288
|
}
|
|
1895
|
-
return /* @__PURE__ */
|
|
2289
|
+
return /* @__PURE__ */ jsx38(
|
|
1896
2290
|
"img",
|
|
1897
2291
|
{
|
|
1898
2292
|
loading: "lazy",
|
|
@@ -2032,28 +2426,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
2032
2426
|
};
|
|
2033
2427
|
|
|
2034
2428
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
2035
|
-
import { Fragment as Fragment6, jsx as
|
|
2429
|
+
import { Fragment as Fragment6, jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
2036
2430
|
var getNestedValue5 = (obj, path) => {
|
|
2037
2431
|
if (!obj || !path) return void 0;
|
|
2038
2432
|
return path.split(".").reduce((current, key) => {
|
|
2039
2433
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
2040
2434
|
}, obj);
|
|
2041
2435
|
};
|
|
2042
|
-
var
|
|
2436
|
+
var PdfIcon2 = () => /* @__PURE__ */ jsxs16(
|
|
2043
2437
|
"svg",
|
|
2044
2438
|
{
|
|
2045
2439
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2046
2440
|
viewBox: "0 0 48 48",
|
|
2047
2441
|
className: "w-10 h-10",
|
|
2048
2442
|
children: [
|
|
2049
|
-
/* @__PURE__ */
|
|
2443
|
+
/* @__PURE__ */ jsx39(
|
|
2050
2444
|
"path",
|
|
2051
2445
|
{
|
|
2052
2446
|
fill: "#e53935",
|
|
2053
2447
|
d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28 C42,40.209,40.209,42,38,42z"
|
|
2054
2448
|
}
|
|
2055
2449
|
),
|
|
2056
|
-
/* @__PURE__ */
|
|
2450
|
+
/* @__PURE__ */ jsx39(
|
|
2057
2451
|
"path",
|
|
2058
2452
|
{
|
|
2059
2453
|
fill: "#fff",
|
|
@@ -2063,55 +2457,55 @@ var PdfIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2063
2457
|
]
|
|
2064
2458
|
}
|
|
2065
2459
|
);
|
|
2066
|
-
var
|
|
2460
|
+
var ExcelIcon2 = () => /* @__PURE__ */ jsxs16(
|
|
2067
2461
|
"svg",
|
|
2068
2462
|
{
|
|
2069
2463
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2070
2464
|
viewBox: "0 0 48 48",
|
|
2071
2465
|
className: "w-10 h-10",
|
|
2072
2466
|
children: [
|
|
2073
|
-
/* @__PURE__ */
|
|
2467
|
+
/* @__PURE__ */ jsx39(
|
|
2074
2468
|
"path",
|
|
2075
2469
|
{
|
|
2076
2470
|
fill: "#169154",
|
|
2077
2471
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
2078
2472
|
}
|
|
2079
2473
|
),
|
|
2080
|
-
/* @__PURE__ */
|
|
2474
|
+
/* @__PURE__ */ jsx39(
|
|
2081
2475
|
"path",
|
|
2082
2476
|
{
|
|
2083
2477
|
fill: "#18482a",
|
|
2084
2478
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
2085
2479
|
}
|
|
2086
2480
|
),
|
|
2087
|
-
/* @__PURE__ */
|
|
2088
|
-
/* @__PURE__ */
|
|
2089
|
-
/* @__PURE__ */
|
|
2090
|
-
/* @__PURE__ */
|
|
2481
|
+
/* @__PURE__ */ jsx39("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
2482
|
+
/* @__PURE__ */ jsx39("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
2483
|
+
/* @__PURE__ */ jsxs16("g", { children: [
|
|
2484
|
+
/* @__PURE__ */ jsx39(
|
|
2091
2485
|
"path",
|
|
2092
2486
|
{
|
|
2093
2487
|
fill: "#29c27f",
|
|
2094
2488
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
2095
2489
|
}
|
|
2096
2490
|
),
|
|
2097
|
-
/* @__PURE__ */
|
|
2491
|
+
/* @__PURE__ */ jsx39(
|
|
2098
2492
|
"path",
|
|
2099
2493
|
{
|
|
2100
2494
|
fill: "#27663f",
|
|
2101
2495
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
2102
2496
|
}
|
|
2103
2497
|
),
|
|
2104
|
-
/* @__PURE__ */
|
|
2105
|
-
/* @__PURE__ */
|
|
2498
|
+
/* @__PURE__ */ jsx39("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
2499
|
+
/* @__PURE__ */ jsx39("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
2106
2500
|
] }),
|
|
2107
|
-
/* @__PURE__ */
|
|
2501
|
+
/* @__PURE__ */ jsx39(
|
|
2108
2502
|
"path",
|
|
2109
2503
|
{
|
|
2110
2504
|
fill: "#0c7238",
|
|
2111
2505
|
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
2112
2506
|
}
|
|
2113
2507
|
),
|
|
2114
|
-
/* @__PURE__ */
|
|
2508
|
+
/* @__PURE__ */ jsx39(
|
|
2115
2509
|
"path",
|
|
2116
2510
|
{
|
|
2117
2511
|
fill: "#fff",
|
|
@@ -2121,7 +2515,7 @@ var ExcelIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2121
2515
|
]
|
|
2122
2516
|
}
|
|
2123
2517
|
);
|
|
2124
|
-
var
|
|
2518
|
+
var WordIcon2 = () => /* @__PURE__ */ jsxs16(
|
|
2125
2519
|
"svg",
|
|
2126
2520
|
{
|
|
2127
2521
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2129,14 +2523,14 @@ var WordIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2129
2523
|
className: "w-10 h-10",
|
|
2130
2524
|
baseProfile: "basic",
|
|
2131
2525
|
children: [
|
|
2132
|
-
/* @__PURE__ */
|
|
2526
|
+
/* @__PURE__ */ jsx39(
|
|
2133
2527
|
"path",
|
|
2134
2528
|
{
|
|
2135
2529
|
fill: "#283593",
|
|
2136
2530
|
d: "M9,33.595l14.911-18.706L41,26v13.306C41,41.346,39.346,43,37.306,43H15.332 C11.835,43,9,40.164,9,36.667C9,36.667,9,33.595,9,33.595z"
|
|
2137
2531
|
}
|
|
2138
2532
|
),
|
|
2139
|
-
/* @__PURE__ */
|
|
2533
|
+
/* @__PURE__ */ jsxs16(
|
|
2140
2534
|
"linearGradient",
|
|
2141
2535
|
{
|
|
2142
2536
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -2147,19 +2541,19 @@ var WordIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2147
2541
|
gradientTransform: "translate(0 -339.89)",
|
|
2148
2542
|
gradientUnits: "userSpaceOnUse",
|
|
2149
2543
|
children: [
|
|
2150
|
-
/* @__PURE__ */
|
|
2151
|
-
/* @__PURE__ */
|
|
2544
|
+
/* @__PURE__ */ jsx39("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
2545
|
+
/* @__PURE__ */ jsx39("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
2152
2546
|
]
|
|
2153
2547
|
}
|
|
2154
2548
|
),
|
|
2155
|
-
/* @__PURE__ */
|
|
2549
|
+
/* @__PURE__ */ jsx39(
|
|
2156
2550
|
"path",
|
|
2157
2551
|
{
|
|
2158
2552
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
2159
2553
|
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
2160
2554
|
}
|
|
2161
2555
|
),
|
|
2162
|
-
/* @__PURE__ */
|
|
2556
|
+
/* @__PURE__ */ jsx39(
|
|
2163
2557
|
"path",
|
|
2164
2558
|
{
|
|
2165
2559
|
fill: "#1e88e5",
|
|
@@ -2167,21 +2561,21 @@ var WordIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2167
2561
|
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
2168
2562
|
}
|
|
2169
2563
|
),
|
|
2170
|
-
/* @__PURE__ */
|
|
2564
|
+
/* @__PURE__ */ jsx39(
|
|
2171
2565
|
"path",
|
|
2172
2566
|
{
|
|
2173
2567
|
fill: "#00e5ff",
|
|
2174
2568
|
d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611 C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
|
|
2175
2569
|
}
|
|
2176
2570
|
),
|
|
2177
|
-
/* @__PURE__ */
|
|
2571
|
+
/* @__PURE__ */ jsx39(
|
|
2178
2572
|
"path",
|
|
2179
2573
|
{
|
|
2180
2574
|
fill: "#1565c0",
|
|
2181
2575
|
d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5 v-10C4,24.567,5.567,23,7.5,23z"
|
|
2182
2576
|
}
|
|
2183
2577
|
),
|
|
2184
|
-
/* @__PURE__ */
|
|
2578
|
+
/* @__PURE__ */ jsx39(
|
|
2185
2579
|
"path",
|
|
2186
2580
|
{
|
|
2187
2581
|
fill: "#fff",
|
|
@@ -2191,42 +2585,42 @@ var WordIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2191
2585
|
]
|
|
2192
2586
|
}
|
|
2193
2587
|
);
|
|
2194
|
-
var
|
|
2588
|
+
var StandardIcon2 = () => /* @__PURE__ */ jsxs16(
|
|
2195
2589
|
"svg",
|
|
2196
2590
|
{
|
|
2197
2591
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2198
2592
|
viewBox: "0 0 48 48",
|
|
2199
2593
|
className: "w-10 h-10",
|
|
2200
2594
|
children: [
|
|
2201
|
-
/* @__PURE__ */
|
|
2202
|
-
/* @__PURE__ */
|
|
2595
|
+
/* @__PURE__ */ jsx39("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
2596
|
+
/* @__PURE__ */ jsx39("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
2203
2597
|
]
|
|
2204
2598
|
}
|
|
2205
2599
|
);
|
|
2206
|
-
var
|
|
2600
|
+
var PowerPointIcon2 = () => /* @__PURE__ */ jsxs16(
|
|
2207
2601
|
"svg",
|
|
2208
2602
|
{
|
|
2209
2603
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2210
2604
|
viewBox: "0 0 48 48",
|
|
2211
2605
|
className: "w-10 h-10",
|
|
2212
2606
|
children: [
|
|
2213
|
-
/* @__PURE__ */
|
|
2607
|
+
/* @__PURE__ */ jsx39(
|
|
2214
2608
|
"path",
|
|
2215
2609
|
{
|
|
2216
2610
|
fill: "#dc4c2c",
|
|
2217
2611
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
2218
2612
|
}
|
|
2219
2613
|
),
|
|
2220
|
-
/* @__PURE__ */
|
|
2221
|
-
/* @__PURE__ */
|
|
2222
|
-
/* @__PURE__ */
|
|
2614
|
+
/* @__PURE__ */ jsx39("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
2615
|
+
/* @__PURE__ */ jsx39("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
2616
|
+
/* @__PURE__ */ jsx39(
|
|
2223
2617
|
"path",
|
|
2224
2618
|
{
|
|
2225
2619
|
fill: "#9b341f",
|
|
2226
2620
|
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
2227
2621
|
}
|
|
2228
2622
|
),
|
|
2229
|
-
/* @__PURE__ */
|
|
2623
|
+
/* @__PURE__ */ jsx39(
|
|
2230
2624
|
"path",
|
|
2231
2625
|
{
|
|
2232
2626
|
fill: "#fff",
|
|
@@ -2236,16 +2630,16 @@ var PowerPointIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2236
2630
|
]
|
|
2237
2631
|
}
|
|
2238
2632
|
);
|
|
2239
|
-
var
|
|
2633
|
+
var TextIcon2 = () => /* @__PURE__ */ jsxs16(
|
|
2240
2634
|
"svg",
|
|
2241
2635
|
{
|
|
2242
2636
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2243
2637
|
viewBox: "0 0 48 48",
|
|
2244
2638
|
className: "w-10 h-10",
|
|
2245
2639
|
children: [
|
|
2246
|
-
/* @__PURE__ */
|
|
2247
|
-
/* @__PURE__ */
|
|
2248
|
-
/* @__PURE__ */
|
|
2640
|
+
/* @__PURE__ */ jsx39("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
2641
|
+
/* @__PURE__ */ jsx39("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
2642
|
+
/* @__PURE__ */ jsx39(
|
|
2249
2643
|
"path",
|
|
2250
2644
|
{
|
|
2251
2645
|
fill: "#1976D2",
|
|
@@ -2255,7 +2649,7 @@ var TextIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2255
2649
|
]
|
|
2256
2650
|
}
|
|
2257
2651
|
);
|
|
2258
|
-
var
|
|
2652
|
+
var ArchiveIcon2 = () => /* @__PURE__ */ jsxs16(
|
|
2259
2653
|
"svg",
|
|
2260
2654
|
{
|
|
2261
2655
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2265,14 +2659,14 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2265
2659
|
version: "1.0",
|
|
2266
2660
|
className: "w-10 h-10",
|
|
2267
2661
|
children: [
|
|
2268
|
-
/* @__PURE__ */
|
|
2662
|
+
/* @__PURE__ */ jsx39("defs", { children: /* @__PURE__ */ jsx39("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ jsx39(
|
|
2269
2663
|
"path",
|
|
2270
2664
|
{
|
|
2271
2665
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
2272
2666
|
"clip-rule": "nonzero"
|
|
2273
2667
|
}
|
|
2274
2668
|
) }) }),
|
|
2275
|
-
/* @__PURE__ */
|
|
2669
|
+
/* @__PURE__ */ jsx39("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ jsx39(
|
|
2276
2670
|
"path",
|
|
2277
2671
|
{
|
|
2278
2672
|
fill: "#ff9100",
|
|
@@ -2281,7 +2675,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2281
2675
|
"fill-rule": "nonzero"
|
|
2282
2676
|
}
|
|
2283
2677
|
) }),
|
|
2284
|
-
/* @__PURE__ */
|
|
2678
|
+
/* @__PURE__ */ jsx39(
|
|
2285
2679
|
"path",
|
|
2286
2680
|
{
|
|
2287
2681
|
fill: "#fbe9e7",
|
|
@@ -2290,7 +2684,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2290
2684
|
"fill-rule": "nonzero"
|
|
2291
2685
|
}
|
|
2292
2686
|
),
|
|
2293
|
-
/* @__PURE__ */
|
|
2687
|
+
/* @__PURE__ */ jsx39(
|
|
2294
2688
|
"path",
|
|
2295
2689
|
{
|
|
2296
2690
|
fill: "#ffe0b2",
|
|
@@ -2299,7 +2693,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2299
2693
|
"fill-rule": "nonzero"
|
|
2300
2694
|
}
|
|
2301
2695
|
),
|
|
2302
|
-
/* @__PURE__ */
|
|
2696
|
+
/* @__PURE__ */ jsx39(
|
|
2303
2697
|
"path",
|
|
2304
2698
|
{
|
|
2305
2699
|
fill: "#ffe0b2",
|
|
@@ -2308,7 +2702,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2308
2702
|
"fill-rule": "nonzero"
|
|
2309
2703
|
}
|
|
2310
2704
|
),
|
|
2311
|
-
/* @__PURE__ */
|
|
2705
|
+
/* @__PURE__ */ jsx39(
|
|
2312
2706
|
"path",
|
|
2313
2707
|
{
|
|
2314
2708
|
fill: "#ffe0b2",
|
|
@@ -2320,28 +2714,28 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs14(
|
|
|
2320
2714
|
]
|
|
2321
2715
|
}
|
|
2322
2716
|
);
|
|
2323
|
-
var
|
|
2717
|
+
var getFileDetails2 = (url) => {
|
|
2324
2718
|
const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
|
|
2325
2719
|
const ext = extMatch ? extMatch[1].toLowerCase() : "";
|
|
2326
|
-
let Icon =
|
|
2720
|
+
let Icon = StandardIcon2;
|
|
2327
2721
|
let extLabel = "FILE";
|
|
2328
2722
|
if (ext === "pdf") {
|
|
2329
|
-
Icon =
|
|
2723
|
+
Icon = PdfIcon2;
|
|
2330
2724
|
extLabel = "PDF";
|
|
2331
2725
|
} else if (["xls", "xlsx", "csv"].includes(ext)) {
|
|
2332
|
-
Icon =
|
|
2726
|
+
Icon = ExcelIcon2;
|
|
2333
2727
|
extLabel = "Excel";
|
|
2334
2728
|
} else if (["doc", "docx"].includes(ext)) {
|
|
2335
|
-
Icon =
|
|
2729
|
+
Icon = WordIcon2;
|
|
2336
2730
|
extLabel = "Word";
|
|
2337
2731
|
} else if (["ppt", "pptx"].includes(ext)) {
|
|
2338
|
-
Icon =
|
|
2732
|
+
Icon = PowerPointIcon2;
|
|
2339
2733
|
extLabel = "PowerPoint";
|
|
2340
2734
|
} else if (["txt", "rtf"].includes(ext)) {
|
|
2341
|
-
Icon =
|
|
2735
|
+
Icon = TextIcon2;
|
|
2342
2736
|
extLabel = "Text";
|
|
2343
2737
|
} else if (["zip", "rar", "7z"].includes(ext)) {
|
|
2344
|
-
Icon =
|
|
2738
|
+
Icon = ArchiveIcon2;
|
|
2345
2739
|
extLabel = "Archive";
|
|
2346
2740
|
} else if (ext) {
|
|
2347
2741
|
extLabel = ext.toUpperCase();
|
|
@@ -2383,8 +2777,8 @@ var DocumentNode = (props) => {
|
|
|
2383
2777
|
}
|
|
2384
2778
|
}
|
|
2385
2779
|
if (documents.length === 0) {
|
|
2386
|
-
return /* @__PURE__ */
|
|
2387
|
-
/* @__PURE__ */
|
|
2780
|
+
return /* @__PURE__ */ jsx39(Fragment6, { children: /* @__PURE__ */ jsxs16("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
|
|
2781
|
+
/* @__PURE__ */ jsx39("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx39(
|
|
2388
2782
|
"svg",
|
|
2389
2783
|
{
|
|
2390
2784
|
className: "w-5 h-5",
|
|
@@ -2392,7 +2786,7 @@ var DocumentNode = (props) => {
|
|
|
2392
2786
|
stroke: "currentColor",
|
|
2393
2787
|
viewBox: "0 0 24 24",
|
|
2394
2788
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2395
|
-
children: /* @__PURE__ */
|
|
2789
|
+
children: /* @__PURE__ */ jsx39(
|
|
2396
2790
|
"path",
|
|
2397
2791
|
{
|
|
2398
2792
|
strokeLinecap: "round",
|
|
@@ -2403,11 +2797,11 @@ var DocumentNode = (props) => {
|
|
|
2403
2797
|
)
|
|
2404
2798
|
}
|
|
2405
2799
|
) }),
|
|
2406
|
-
/* @__PURE__ */
|
|
2407
|
-
/* @__PURE__ */
|
|
2800
|
+
/* @__PURE__ */ jsx39("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
2801
|
+
/* @__PURE__ */ jsx39("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
|
|
2408
2802
|
] }) });
|
|
2409
2803
|
}
|
|
2410
|
-
return /* @__PURE__ */
|
|
2804
|
+
return /* @__PURE__ */ jsx39("div", { className: "", children: documents.map((doc, index) => {
|
|
2411
2805
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
2412
2806
|
props.assetBaseUrl,
|
|
2413
2807
|
doc.assetUrl
|
|
@@ -2424,17 +2818,17 @@ var DocumentNode = (props) => {
|
|
|
2424
2818
|
documentTitle = documentUrl.split("/").pop()?.replace(/\.[^/.]+$/, "") || "Document";
|
|
2425
2819
|
}
|
|
2426
2820
|
}
|
|
2427
|
-
const { Icon, extLabel } =
|
|
2428
|
-
return /* @__PURE__ */
|
|
2821
|
+
const { Icon, extLabel } = getFileDetails2(documentUrl);
|
|
2822
|
+
return /* @__PURE__ */ jsxs16(
|
|
2429
2823
|
"div",
|
|
2430
2824
|
{
|
|
2431
2825
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
2432
2826
|
children: [
|
|
2433
|
-
/* @__PURE__ */
|
|
2434
|
-
/* @__PURE__ */
|
|
2435
|
-
/* @__PURE__ */
|
|
2827
|
+
/* @__PURE__ */ jsxs16("div", { className: "flex items-center space-x-4", children: [
|
|
2828
|
+
/* @__PURE__ */ jsx39("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ jsx39(Icon, {}) }),
|
|
2829
|
+
/* @__PURE__ */ jsx39("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ jsx39("h4", { className: "text-base font-semibold", children: documentTitle }) })
|
|
2436
2830
|
] }),
|
|
2437
|
-
/* @__PURE__ */
|
|
2831
|
+
/* @__PURE__ */ jsxs16(
|
|
2438
2832
|
"a",
|
|
2439
2833
|
{
|
|
2440
2834
|
href: documentUrl,
|
|
@@ -2442,7 +2836,7 @@ var DocumentNode = (props) => {
|
|
|
2442
2836
|
rel: "noopener noreferrer",
|
|
2443
2837
|
className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
|
|
2444
2838
|
children: [
|
|
2445
|
-
/* @__PURE__ */
|
|
2839
|
+
/* @__PURE__ */ jsxs16(
|
|
2446
2840
|
"svg",
|
|
2447
2841
|
{
|
|
2448
2842
|
className: "w-4 h-4 mr-2",
|
|
@@ -2450,7 +2844,7 @@ var DocumentNode = (props) => {
|
|
|
2450
2844
|
stroke: "currentColor",
|
|
2451
2845
|
viewBox: "0 0 24 24",
|
|
2452
2846
|
children: [
|
|
2453
|
-
/* @__PURE__ */
|
|
2847
|
+
/* @__PURE__ */ jsx39(
|
|
2454
2848
|
"path",
|
|
2455
2849
|
{
|
|
2456
2850
|
strokeLinecap: "round",
|
|
@@ -2459,7 +2853,7 @@ var DocumentNode = (props) => {
|
|
|
2459
2853
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
2460
2854
|
}
|
|
2461
2855
|
),
|
|
2462
|
-
/* @__PURE__ */
|
|
2856
|
+
/* @__PURE__ */ jsx39(
|
|
2463
2857
|
"path",
|
|
2464
2858
|
{
|
|
2465
2859
|
strokeLinecap: "round",
|
|
@@ -2485,13 +2879,13 @@ var DocumentNode_default = DocumentNode;
|
|
|
2485
2879
|
|
|
2486
2880
|
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
2487
2881
|
import dynamic10 from "next/dynamic";
|
|
2488
|
-
import { jsx as
|
|
2882
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
2489
2883
|
var IframeClient2 = dynamic10(() => import("./IframeClient-WF2KLXZB.mjs"), {
|
|
2490
2884
|
ssr: false
|
|
2491
2885
|
});
|
|
2492
2886
|
var GoogleMapNode = (props) => {
|
|
2493
2887
|
let src = props.node.embedUrl;
|
|
2494
|
-
return /* @__PURE__ */
|
|
2888
|
+
return /* @__PURE__ */ jsx40("div", { className: "google-map-container", children: src && /* @__PURE__ */ jsx40(
|
|
2495
2889
|
IframeClient2,
|
|
2496
2890
|
{
|
|
2497
2891
|
src,
|
|
@@ -2503,7 +2897,7 @@ var GoogleMapNode = (props) => {
|
|
|
2503
2897
|
var GoogleMapNode_default = GoogleMapNode;
|
|
2504
2898
|
|
|
2505
2899
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
2506
|
-
import { jsx as
|
|
2900
|
+
import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
2507
2901
|
var Pagination = dynamic11(() => import("./Pagination-T7Z2NXKO.mjs"), { ssr: true });
|
|
2508
2902
|
var DataBindingControls = dynamic11(() => import("./DataBindingControls-ESDLOHNB.mjs"), {
|
|
2509
2903
|
ssr: true
|
|
@@ -2762,7 +3156,7 @@ var DivContainer = async (props) => {
|
|
|
2762
3156
|
response = await serviceClient.get(endpoint);
|
|
2763
3157
|
result = response?.result;
|
|
2764
3158
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
2765
|
-
return /* @__PURE__ */
|
|
3159
|
+
return /* @__PURE__ */ jsx41(NoDataFound_default, {});
|
|
2766
3160
|
}
|
|
2767
3161
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
2768
3162
|
childCollectionData = getNestedValue6(
|
|
@@ -2782,7 +3176,7 @@ var DivContainer = async (props) => {
|
|
|
2782
3176
|
}
|
|
2783
3177
|
const SelectedNode = NodeTypes2[node.type];
|
|
2784
3178
|
if (!SelectedNode) return null;
|
|
2785
|
-
return /* @__PURE__ */
|
|
3179
|
+
return /* @__PURE__ */ jsx41(React25.Fragment, { children: /* @__PURE__ */ jsx41(
|
|
2786
3180
|
SelectedNode,
|
|
2787
3181
|
{
|
|
2788
3182
|
node,
|
|
@@ -2919,7 +3313,7 @@ var DivContainer = async (props) => {
|
|
|
2919
3313
|
dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
|
|
2920
3314
|
);
|
|
2921
3315
|
const WrapperComponent = Wrapper;
|
|
2922
|
-
const renderedContainer = /* @__PURE__ */
|
|
3316
|
+
const renderedContainer = /* @__PURE__ */ jsx41(
|
|
2923
3317
|
WrapperComponent,
|
|
2924
3318
|
{
|
|
2925
3319
|
id: guid,
|
|
@@ -2933,11 +3327,11 @@ var DivContainer = async (props) => {
|
|
|
2933
3327
|
item,
|
|
2934
3328
|
idx,
|
|
2935
3329
|
props.href ? void 0 : item?.links?.view
|
|
2936
|
-
)?.map((child, i) => /* @__PURE__ */
|
|
3330
|
+
)?.map((child, i) => /* @__PURE__ */ jsx41(React25.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
|
|
2937
3331
|
)
|
|
2938
3332
|
}
|
|
2939
3333
|
);
|
|
2940
|
-
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */
|
|
3334
|
+
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ jsx41(
|
|
2941
3335
|
Pagination,
|
|
2942
3336
|
{
|
|
2943
3337
|
path: props.path,
|
|
@@ -2945,15 +3339,15 @@ var DivContainer = async (props) => {
|
|
|
2945
3339
|
dataset: response
|
|
2946
3340
|
}
|
|
2947
3341
|
) : null;
|
|
2948
|
-
return /* @__PURE__ */
|
|
2949
|
-
/* @__PURE__ */
|
|
3342
|
+
return /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
|
|
3343
|
+
/* @__PURE__ */ jsx41(
|
|
2950
3344
|
"style",
|
|
2951
3345
|
{
|
|
2952
3346
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
2953
3347
|
}
|
|
2954
3348
|
),
|
|
2955
|
-
showDataBindingControls ? /* @__PURE__ */
|
|
2956
|
-
/* @__PURE__ */
|
|
3349
|
+
showDataBindingControls ? /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
|
|
3350
|
+
/* @__PURE__ */ jsx41(
|
|
2957
3351
|
DataBindingControls,
|
|
2958
3352
|
{
|
|
2959
3353
|
mode: "toolbar",
|
|
@@ -2965,18 +3359,18 @@ var DivContainer = async (props) => {
|
|
|
2965
3359
|
showSearchBar: dataBindingProperties?.showSearchBar
|
|
2966
3360
|
}
|
|
2967
3361
|
),
|
|
2968
|
-
/* @__PURE__ */
|
|
3362
|
+
/* @__PURE__ */ jsxs17(
|
|
2969
3363
|
"div",
|
|
2970
3364
|
{
|
|
2971
3365
|
className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
|
|
2972
3366
|
children: [
|
|
2973
|
-
/* @__PURE__ */
|
|
3367
|
+
/* @__PURE__ */ jsxs17("div", { className: "min-w-0", children: [
|
|
2974
3368
|
renderedContainer,
|
|
2975
3369
|
paginationControl
|
|
2976
3370
|
] }),
|
|
2977
|
-
dataBindingProperties?.showFacets && /* @__PURE__ */
|
|
2978
|
-
/* @__PURE__ */
|
|
2979
|
-
/* @__PURE__ */
|
|
3371
|
+
dataBindingProperties?.showFacets && /* @__PURE__ */ jsxs17("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
|
|
3372
|
+
/* @__PURE__ */ jsx41("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
|
|
3373
|
+
/* @__PURE__ */ jsx41(
|
|
2980
3374
|
DataBindingControls,
|
|
2981
3375
|
{
|
|
2982
3376
|
mode: "facets",
|
|
@@ -2990,16 +3384,16 @@ var DivContainer = async (props) => {
|
|
|
2990
3384
|
]
|
|
2991
3385
|
}
|
|
2992
3386
|
)
|
|
2993
|
-
] }) : /* @__PURE__ */
|
|
3387
|
+
] }) : /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
|
|
2994
3388
|
renderedContainer,
|
|
2995
|
-
paginationControl && /* @__PURE__ */
|
|
3389
|
+
paginationControl && /* @__PURE__ */ jsx41("div", { children: paginationControl })
|
|
2996
3390
|
] })
|
|
2997
3391
|
] });
|
|
2998
3392
|
};
|
|
2999
3393
|
var DivContainer_default = DivContainer;
|
|
3000
3394
|
|
|
3001
3395
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
3002
|
-
import { jsx as
|
|
3396
|
+
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
3003
3397
|
var NodeTypes = {
|
|
3004
3398
|
["paragraph"]: ParagraphNode_default,
|
|
3005
3399
|
["heading"]: HeadingNode_default,
|
|
@@ -3037,14 +3431,14 @@ var PageBodyRenderer = (props) => {
|
|
|
3037
3431
|
}
|
|
3038
3432
|
return true;
|
|
3039
3433
|
};
|
|
3040
|
-
return /* @__PURE__ */
|
|
3434
|
+
return /* @__PURE__ */ jsx42(React26.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
3041
3435
|
{
|
|
3042
3436
|
}
|
|
3043
3437
|
const SelectedNode = NodeTypes[node.type];
|
|
3044
3438
|
if (!shouldRenderNode(node)) {
|
|
3045
3439
|
return null;
|
|
3046
3440
|
}
|
|
3047
|
-
return /* @__PURE__ */
|
|
3441
|
+
return /* @__PURE__ */ jsx42(React26.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx42(React26.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx42(React26.Fragment, { children: /* @__PURE__ */ jsx42(
|
|
3048
3442
|
SelectedNode,
|
|
3049
3443
|
{
|
|
3050
3444
|
node,
|
|
@@ -3060,7 +3454,7 @@ var PageBodyRenderer = (props) => {
|
|
|
3060
3454
|
device: props.device,
|
|
3061
3455
|
widgetRenderer: props.widgetRenderer
|
|
3062
3456
|
}
|
|
3063
|
-
) }) : /* @__PURE__ */
|
|
3457
|
+
) }) : /* @__PURE__ */ jsx42(React26.Fragment, { children: /* @__PURE__ */ jsx42(
|
|
3064
3458
|
SelectedNode,
|
|
3065
3459
|
{
|
|
3066
3460
|
node,
|
|
@@ -3130,7 +3524,7 @@ function EnterAnimationHydrator() {
|
|
|
3130
3524
|
|
|
3131
3525
|
// src/components/Toast.tsx
|
|
3132
3526
|
import { useCallback, useEffect as useEffect2, useRef, useState } from "react";
|
|
3133
|
-
import { Fragment as Fragment7, jsx as
|
|
3527
|
+
import { Fragment as Fragment7, jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
3134
3528
|
var Toast = () => {
|
|
3135
3529
|
const [showToast, setShowToast] = useState(false);
|
|
3136
3530
|
const [message, setMessage] = useState("");
|
|
@@ -3164,8 +3558,8 @@ var Toast = () => {
|
|
|
3164
3558
|
});
|
|
3165
3559
|
};
|
|
3166
3560
|
}, [closeToast, showMessage]);
|
|
3167
|
-
return /* @__PURE__ */
|
|
3168
|
-
/* @__PURE__ */
|
|
3561
|
+
return /* @__PURE__ */ jsx43(Fragment7, { children: showToast && /* @__PURE__ */ jsx43("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs18("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
3562
|
+
/* @__PURE__ */ jsx43(
|
|
3169
3563
|
"span",
|
|
3170
3564
|
{
|
|
3171
3565
|
className: "font-medium text-inherit text-sm",
|
|
@@ -3173,7 +3567,7 @@ var Toast = () => {
|
|
|
3173
3567
|
children: message
|
|
3174
3568
|
}
|
|
3175
3569
|
),
|
|
3176
|
-
/* @__PURE__ */
|
|
3570
|
+
/* @__PURE__ */ jsx43("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx43(
|
|
3177
3571
|
"svg",
|
|
3178
3572
|
{
|
|
3179
3573
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3181,7 +3575,7 @@ var Toast = () => {
|
|
|
3181
3575
|
fill: "none",
|
|
3182
3576
|
viewBox: "0 0 24 24",
|
|
3183
3577
|
stroke: "currentColor",
|
|
3184
|
-
children: /* @__PURE__ */
|
|
3578
|
+
children: /* @__PURE__ */ jsx43("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
3185
3579
|
}
|
|
3186
3580
|
) })
|
|
3187
3581
|
] }) }) });
|
|
@@ -3191,7 +3585,7 @@ var Toast_default = Toast;
|
|
|
3191
3585
|
// src/components/NavigationTabsV2.tsx
|
|
3192
3586
|
import Link2 from "next/link";
|
|
3193
3587
|
import { usePathname } from "next/navigation";
|
|
3194
|
-
import { jsx as
|
|
3588
|
+
import { jsx as jsx44 } from "react/jsx-runtime";
|
|
3195
3589
|
function resolveRoutePlaceholders(route, params) {
|
|
3196
3590
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
3197
3591
|
const value = params[key];
|
|
@@ -3216,8 +3610,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
3216
3610
|
isActive: tab.isActive
|
|
3217
3611
|
})) || [];
|
|
3218
3612
|
if (mappedTabs.length === 0) return null;
|
|
3219
|
-
return /* @__PURE__ */
|
|
3220
|
-
return /* @__PURE__ */
|
|
3613
|
+
return /* @__PURE__ */ jsx44("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
3614
|
+
return /* @__PURE__ */ jsx44(Link2, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx44(
|
|
3221
3615
|
"div",
|
|
3222
3616
|
{
|
|
3223
3617
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -3235,46 +3629,46 @@ import { useRouter } from "next/navigation";
|
|
|
3235
3629
|
|
|
3236
3630
|
// src/components/dataForm/NoContentView.tsx
|
|
3237
3631
|
import React28 from "react";
|
|
3238
|
-
import { jsx as
|
|
3632
|
+
import { jsx as jsx45 } from "react/jsx-runtime";
|
|
3239
3633
|
var NoContentView = (props) => {
|
|
3240
|
-
return /* @__PURE__ */
|
|
3634
|
+
return /* @__PURE__ */ jsx45(React28.Fragment, { children: props.isDataFound === false && props.children });
|
|
3241
3635
|
};
|
|
3242
3636
|
var NoContentView_default = NoContentView;
|
|
3243
3637
|
|
|
3244
3638
|
// src/components/dataForm/ContentView.tsx
|
|
3245
3639
|
import React29 from "react";
|
|
3246
|
-
import { jsx as
|
|
3640
|
+
import { jsx as jsx46, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
3247
3641
|
var ContentView = (props) => {
|
|
3248
|
-
return /* @__PURE__ */
|
|
3249
|
-
props.isDataFound == null && /* @__PURE__ */
|
|
3250
|
-
/* @__PURE__ */
|
|
3251
|
-
/* @__PURE__ */
|
|
3252
|
-
/* @__PURE__ */
|
|
3253
|
-
/* @__PURE__ */
|
|
3254
|
-
/* @__PURE__ */
|
|
3642
|
+
return /* @__PURE__ */ jsxs19(React29.Fragment, { children: [
|
|
3643
|
+
props.isDataFound == null && /* @__PURE__ */ jsx46("div", { className: "", children: /* @__PURE__ */ jsxs19("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
3644
|
+
/* @__PURE__ */ jsxs19("div", { className: "flex items-center mb-4", children: [
|
|
3645
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
3646
|
+
/* @__PURE__ */ jsxs19("div", { className: "ml-2", children: [
|
|
3647
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
3648
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
3255
3649
|
] })
|
|
3256
3650
|
] }),
|
|
3257
|
-
/* @__PURE__ */
|
|
3258
|
-
/* @__PURE__ */
|
|
3259
|
-
/* @__PURE__ */
|
|
3260
|
-
/* @__PURE__ */
|
|
3261
|
-
/* @__PURE__ */
|
|
3262
|
-
/* @__PURE__ */
|
|
3263
|
-
/* @__PURE__ */
|
|
3651
|
+
/* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
3652
|
+
/* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
|
|
3653
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3654
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3655
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3656
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3657
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3264
3658
|
] }),
|
|
3265
|
-
/* @__PURE__ */
|
|
3266
|
-
/* @__PURE__ */
|
|
3267
|
-
/* @__PURE__ */
|
|
3268
|
-
/* @__PURE__ */
|
|
3269
|
-
/* @__PURE__ */
|
|
3270
|
-
/* @__PURE__ */
|
|
3659
|
+
/* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
|
|
3660
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3661
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3662
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3663
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3664
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3271
3665
|
] }),
|
|
3272
|
-
/* @__PURE__ */
|
|
3273
|
-
/* @__PURE__ */
|
|
3274
|
-
/* @__PURE__ */
|
|
3275
|
-
/* @__PURE__ */
|
|
3276
|
-
/* @__PURE__ */
|
|
3277
|
-
/* @__PURE__ */
|
|
3666
|
+
/* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
|
|
3667
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3668
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3669
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3670
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3671
|
+
/* @__PURE__ */ jsx46("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3278
3672
|
] })
|
|
3279
3673
|
] })
|
|
3280
3674
|
] }) }),
|
|
@@ -3328,7 +3722,7 @@ function FormReducer(state, action) {
|
|
|
3328
3722
|
var FormReducer_default = FormReducer;
|
|
3329
3723
|
|
|
3330
3724
|
// src/components/dataForm/DataList.tsx
|
|
3331
|
-
import { Fragment as Fragment8, jsx as
|
|
3725
|
+
import { Fragment as Fragment8, jsx as jsx47, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
3332
3726
|
var DataList = (props) => {
|
|
3333
3727
|
const router = useRouter();
|
|
3334
3728
|
let builder = new OdataBuilder(props.path);
|
|
@@ -3366,7 +3760,7 @@ var DataList = (props) => {
|
|
|
3366
3760
|
if (path.includes(".")) {
|
|
3367
3761
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
3368
3762
|
} else if (Array.isArray(obj[path])) {
|
|
3369
|
-
return obj[path].map((item, index) => /* @__PURE__ */
|
|
3763
|
+
return obj[path].map((item, index) => /* @__PURE__ */ jsx47("div", { children: item }, index));
|
|
3370
3764
|
} else {
|
|
3371
3765
|
return obj[path];
|
|
3372
3766
|
}
|
|
@@ -3445,30 +3839,30 @@ var DataList = (props) => {
|
|
|
3445
3839
|
const renderPageNumbers = () => {
|
|
3446
3840
|
if (pages <= 10) {
|
|
3447
3841
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
3448
|
-
(page) => /* @__PURE__ */
|
|
3842
|
+
(page) => /* @__PURE__ */ jsx47(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx47(
|
|
3449
3843
|
Hyperlink,
|
|
3450
3844
|
{
|
|
3451
3845
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
3452
3846
|
href: builder.getNewPageUrl(page),
|
|
3453
3847
|
children: page
|
|
3454
3848
|
}
|
|
3455
|
-
) : /* @__PURE__ */
|
|
3849
|
+
) : /* @__PURE__ */ jsx47("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
3456
3850
|
);
|
|
3457
3851
|
} else {
|
|
3458
3852
|
const showFirstPages = activePageNumber <= 5;
|
|
3459
3853
|
const showLastPages = activePageNumber > pages - 5;
|
|
3460
3854
|
if (showFirstPages) {
|
|
3461
|
-
return /* @__PURE__ */
|
|
3462
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */
|
|
3855
|
+
return /* @__PURE__ */ jsxs20(Fragment8, { children: [
|
|
3856
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx47(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx47(
|
|
3463
3857
|
Hyperlink,
|
|
3464
3858
|
{
|
|
3465
3859
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
3466
3860
|
href: builder.getNewPageUrl(page),
|
|
3467
3861
|
children: page
|
|
3468
3862
|
}
|
|
3469
|
-
) : /* @__PURE__ */
|
|
3470
|
-
/* @__PURE__ */
|
|
3471
|
-
/* @__PURE__ */
|
|
3863
|
+
) : /* @__PURE__ */ jsx47("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
3864
|
+
/* @__PURE__ */ jsx47("span", { className: "px-2 py-1", children: "..." }),
|
|
3865
|
+
/* @__PURE__ */ jsx47(
|
|
3472
3866
|
Hyperlink,
|
|
3473
3867
|
{
|
|
3474
3868
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3476,7 +3870,7 @@ var DataList = (props) => {
|
|
|
3476
3870
|
children: pages - 1
|
|
3477
3871
|
}
|
|
3478
3872
|
),
|
|
3479
|
-
/* @__PURE__ */
|
|
3873
|
+
/* @__PURE__ */ jsx47(
|
|
3480
3874
|
Hyperlink,
|
|
3481
3875
|
{
|
|
3482
3876
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3484,7 +3878,7 @@ var DataList = (props) => {
|
|
|
3484
3878
|
children: pages
|
|
3485
3879
|
}
|
|
3486
3880
|
),
|
|
3487
|
-
/* @__PURE__ */
|
|
3881
|
+
/* @__PURE__ */ jsx47("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs20(
|
|
3488
3882
|
"select",
|
|
3489
3883
|
{
|
|
3490
3884
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -3496,18 +3890,18 @@ var DataList = (props) => {
|
|
|
3496
3890
|
}
|
|
3497
3891
|
},
|
|
3498
3892
|
children: [
|
|
3499
|
-
/* @__PURE__ */
|
|
3893
|
+
/* @__PURE__ */ jsx47("option", { className: "", value: "", children: "Jump to" }),
|
|
3500
3894
|
Array.from(
|
|
3501
3895
|
{ length: Math.max(0, pages - 10) },
|
|
3502
3896
|
(_, index) => index + 9
|
|
3503
|
-
).map((page) => /* @__PURE__ */
|
|
3897
|
+
).map((page) => /* @__PURE__ */ jsx47("option", { value: page, children: page }, page))
|
|
3504
3898
|
]
|
|
3505
3899
|
}
|
|
3506
3900
|
) })
|
|
3507
3901
|
] });
|
|
3508
3902
|
} else if (showLastPages) {
|
|
3509
|
-
return /* @__PURE__ */
|
|
3510
|
-
/* @__PURE__ */
|
|
3903
|
+
return /* @__PURE__ */ jsxs20(Fragment8, { children: [
|
|
3904
|
+
/* @__PURE__ */ jsx47(
|
|
3511
3905
|
Hyperlink,
|
|
3512
3906
|
{
|
|
3513
3907
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3515,7 +3909,7 @@ var DataList = (props) => {
|
|
|
3515
3909
|
children: "1"
|
|
3516
3910
|
}
|
|
3517
3911
|
),
|
|
3518
|
-
/* @__PURE__ */
|
|
3912
|
+
/* @__PURE__ */ jsx47(
|
|
3519
3913
|
Hyperlink,
|
|
3520
3914
|
{
|
|
3521
3915
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3523,21 +3917,21 @@ var DataList = (props) => {
|
|
|
3523
3917
|
children: "2"
|
|
3524
3918
|
}
|
|
3525
3919
|
),
|
|
3526
|
-
/* @__PURE__ */
|
|
3920
|
+
/* @__PURE__ */ jsx47("span", { className: "px-2 py-1", children: "..." }),
|
|
3527
3921
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
3528
|
-
(page) => /* @__PURE__ */
|
|
3922
|
+
(page) => /* @__PURE__ */ jsx47(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx47(
|
|
3529
3923
|
Hyperlink,
|
|
3530
3924
|
{
|
|
3531
3925
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
3532
3926
|
href: builder.getNewPageUrl(page),
|
|
3533
3927
|
children: page
|
|
3534
3928
|
}
|
|
3535
|
-
) : /* @__PURE__ */
|
|
3929
|
+
) : /* @__PURE__ */ jsx47("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
3536
3930
|
)
|
|
3537
3931
|
] });
|
|
3538
3932
|
} else {
|
|
3539
|
-
return /* @__PURE__ */
|
|
3540
|
-
/* @__PURE__ */
|
|
3933
|
+
return /* @__PURE__ */ jsxs20(Fragment8, { children: [
|
|
3934
|
+
/* @__PURE__ */ jsx47(
|
|
3541
3935
|
Hyperlink,
|
|
3542
3936
|
{
|
|
3543
3937
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3545,7 +3939,7 @@ var DataList = (props) => {
|
|
|
3545
3939
|
children: "1"
|
|
3546
3940
|
}
|
|
3547
3941
|
),
|
|
3548
|
-
/* @__PURE__ */
|
|
3942
|
+
/* @__PURE__ */ jsx47(
|
|
3549
3943
|
Hyperlink,
|
|
3550
3944
|
{
|
|
3551
3945
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3553,20 +3947,20 @@ var DataList = (props) => {
|
|
|
3553
3947
|
children: "2"
|
|
3554
3948
|
}
|
|
3555
3949
|
),
|
|
3556
|
-
/* @__PURE__ */
|
|
3950
|
+
/* @__PURE__ */ jsx47("span", { className: "px-2 py-1", children: "..." }),
|
|
3557
3951
|
Array.from(
|
|
3558
3952
|
{ length: 5 },
|
|
3559
3953
|
(_, index) => activePageNumber - 2 + index
|
|
3560
|
-
).map((page) => /* @__PURE__ */
|
|
3954
|
+
).map((page) => /* @__PURE__ */ jsx47(React30.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx47(
|
|
3561
3955
|
Hyperlink,
|
|
3562
3956
|
{
|
|
3563
3957
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
3564
3958
|
href: builder.getNewPageUrl(page),
|
|
3565
3959
|
children: page
|
|
3566
3960
|
}
|
|
3567
|
-
) : /* @__PURE__ */
|
|
3568
|
-
/* @__PURE__ */
|
|
3569
|
-
/* @__PURE__ */
|
|
3961
|
+
) : /* @__PURE__ */ jsx47("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
3962
|
+
/* @__PURE__ */ jsx47("span", { className: "px-2 py-1", children: "..." }),
|
|
3963
|
+
/* @__PURE__ */ jsx47(
|
|
3570
3964
|
Hyperlink,
|
|
3571
3965
|
{
|
|
3572
3966
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3574,7 +3968,7 @@ var DataList = (props) => {
|
|
|
3574
3968
|
children: pages - 1
|
|
3575
3969
|
}
|
|
3576
3970
|
),
|
|
3577
|
-
/* @__PURE__ */
|
|
3971
|
+
/* @__PURE__ */ jsx47(
|
|
3578
3972
|
Hyperlink,
|
|
3579
3973
|
{
|
|
3580
3974
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -3582,7 +3976,7 @@ var DataList = (props) => {
|
|
|
3582
3976
|
children: pages
|
|
3583
3977
|
}
|
|
3584
3978
|
),
|
|
3585
|
-
/* @__PURE__ */
|
|
3979
|
+
/* @__PURE__ */ jsx47("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs20(
|
|
3586
3980
|
"select",
|
|
3587
3981
|
{
|
|
3588
3982
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -3594,8 +3988,8 @@ var DataList = (props) => {
|
|
|
3594
3988
|
}
|
|
3595
3989
|
},
|
|
3596
3990
|
children: [
|
|
3597
|
-
/* @__PURE__ */
|
|
3598
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */
|
|
3991
|
+
/* @__PURE__ */ jsx47("option", { value: "", children: "Jump to" }),
|
|
3992
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx47("option", { value: page, children: page }, page))
|
|
3599
3993
|
]
|
|
3600
3994
|
}
|
|
3601
3995
|
) })
|
|
@@ -3603,16 +3997,16 @@ var DataList = (props) => {
|
|
|
3603
3997
|
}
|
|
3604
3998
|
}
|
|
3605
3999
|
};
|
|
3606
|
-
return /* @__PURE__ */
|
|
3607
|
-
/* @__PURE__ */
|
|
3608
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */
|
|
4000
|
+
return /* @__PURE__ */ jsxs20(React30.Fragment, { children: [
|
|
4001
|
+
/* @__PURE__ */ jsxs20(ContentView_default, { isDataFound, children: [
|
|
4002
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs20(
|
|
3609
4003
|
"div",
|
|
3610
4004
|
{
|
|
3611
4005
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
3612
4006
|
children: [
|
|
3613
|
-
props.title ? /* @__PURE__ */
|
|
3614
|
-
/* @__PURE__ */
|
|
3615
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */
|
|
4007
|
+
props.title ? /* @__PURE__ */ jsx47("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx47("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx47("div", {}),
|
|
4008
|
+
/* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
|
|
4009
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx47(
|
|
3616
4010
|
InputControl_default,
|
|
3617
4011
|
{
|
|
3618
4012
|
name: "Search_input",
|
|
@@ -3624,7 +4018,7 @@ var DataList = (props) => {
|
|
|
3624
4018
|
}
|
|
3625
4019
|
}
|
|
3626
4020
|
),
|
|
3627
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
4021
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx47(
|
|
3628
4022
|
InputControl_default,
|
|
3629
4023
|
{
|
|
3630
4024
|
name: filter.name,
|
|
@@ -3639,15 +4033,15 @@ var DataList = (props) => {
|
|
|
3639
4033
|
},
|
|
3640
4034
|
filter.name
|
|
3641
4035
|
)),
|
|
3642
|
-
props.addLinkHref && /* @__PURE__ */
|
|
4036
|
+
props.addLinkHref && /* @__PURE__ */ jsxs20(
|
|
3643
4037
|
Hyperlink,
|
|
3644
4038
|
{
|
|
3645
4039
|
className: "gap-1",
|
|
3646
4040
|
linkType: "Primary" /* Solid */,
|
|
3647
4041
|
href: props.addLinkHref,
|
|
3648
4042
|
children: [
|
|
3649
|
-
/* @__PURE__ */
|
|
3650
|
-
/* @__PURE__ */
|
|
4043
|
+
/* @__PURE__ */ jsx47(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
4044
|
+
/* @__PURE__ */ jsx47("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
3651
4045
|
]
|
|
3652
4046
|
}
|
|
3653
4047
|
)
|
|
@@ -3655,8 +4049,8 @@ var DataList = (props) => {
|
|
|
3655
4049
|
]
|
|
3656
4050
|
}
|
|
3657
4051
|
),
|
|
3658
|
-
/* @__PURE__ */
|
|
3659
|
-
/* @__PURE__ */
|
|
4052
|
+
/* @__PURE__ */ jsx47("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs20("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
4053
|
+
/* @__PURE__ */ jsx47("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx47("tr", { children: props?.columns?.map((column) => {
|
|
3660
4054
|
let url = builder.getNewOrderByUrl(column.name);
|
|
3661
4055
|
let icon = "chevronUpDown";
|
|
3662
4056
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -3666,18 +4060,18 @@ var DataList = (props) => {
|
|
|
3666
4060
|
icon = "chevronUp";
|
|
3667
4061
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
3668
4062
|
}
|
|
3669
|
-
return /* @__PURE__ */
|
|
4063
|
+
return /* @__PURE__ */ jsx47(
|
|
3670
4064
|
"th",
|
|
3671
4065
|
{
|
|
3672
4066
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
3673
|
-
children: /* @__PURE__ */
|
|
4067
|
+
children: /* @__PURE__ */ jsx47(
|
|
3674
4068
|
Hyperlink,
|
|
3675
4069
|
{
|
|
3676
4070
|
href: column.enableSorting ? url : void 0,
|
|
3677
4071
|
className: "!text-neutral-contrast ",
|
|
3678
|
-
children: /* @__PURE__ */
|
|
3679
|
-
/* @__PURE__ */
|
|
3680
|
-
column.enableSorting && /* @__PURE__ */
|
|
4072
|
+
children: /* @__PURE__ */ jsxs20("span", { className: "flex items-center space-x-1", children: [
|
|
4073
|
+
/* @__PURE__ */ jsx47("span", { className: "text-black", children: column.label }),
|
|
4074
|
+
column.enableSorting && /* @__PURE__ */ jsx47(Icon_default, { className: "w-4 h-4", name: icon })
|
|
3681
4075
|
] })
|
|
3682
4076
|
}
|
|
3683
4077
|
)
|
|
@@ -3685,22 +4079,22 @@ var DataList = (props) => {
|
|
|
3685
4079
|
column.name
|
|
3686
4080
|
);
|
|
3687
4081
|
}) }) }),
|
|
3688
|
-
/* @__PURE__ */
|
|
4082
|
+
/* @__PURE__ */ jsx47("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
3689
4083
|
let validityClass = "";
|
|
3690
4084
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
3691
4085
|
validityClass = "bg-alert-200";
|
|
3692
4086
|
}
|
|
3693
|
-
return /* @__PURE__ */
|
|
3694
|
-
return /* @__PURE__ */
|
|
4087
|
+
return /* @__PURE__ */ jsx47("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
4088
|
+
return /* @__PURE__ */ jsx47(React30.Fragment, { children: /* @__PURE__ */ jsx47(
|
|
3695
4089
|
"td",
|
|
3696
4090
|
{
|
|
3697
4091
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
3698
|
-
children: column.addhref === true ? /* @__PURE__ */
|
|
4092
|
+
children: column.addhref === true ? /* @__PURE__ */ jsx47(
|
|
3699
4093
|
Hyperlink,
|
|
3700
4094
|
{
|
|
3701
4095
|
className: "",
|
|
3702
4096
|
href: `https://${dataitem[column.name]}`,
|
|
3703
|
-
children: /* @__PURE__ */
|
|
4097
|
+
children: /* @__PURE__ */ jsx47(
|
|
3704
4098
|
ViewControl_default,
|
|
3705
4099
|
{
|
|
3706
4100
|
controlType: column.controlType,
|
|
@@ -3713,11 +4107,11 @@ var DataList = (props) => {
|
|
|
3713
4107
|
}
|
|
3714
4108
|
)
|
|
3715
4109
|
}
|
|
3716
|
-
) : column.showAsLink ? /* @__PURE__ */
|
|
4110
|
+
) : column.showAsLink ? /* @__PURE__ */ jsx47(
|
|
3717
4111
|
Hyperlink,
|
|
3718
4112
|
{
|
|
3719
4113
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
3720
|
-
children: /* @__PURE__ */
|
|
4114
|
+
children: /* @__PURE__ */ jsx47(
|
|
3721
4115
|
ViewControl_default,
|
|
3722
4116
|
{
|
|
3723
4117
|
controlType: column.controlType,
|
|
@@ -3727,7 +4121,7 @@ var DataList = (props) => {
|
|
|
3727
4121
|
}
|
|
3728
4122
|
)
|
|
3729
4123
|
}
|
|
3730
|
-
) : /* @__PURE__ */
|
|
4124
|
+
) : /* @__PURE__ */ jsx47(
|
|
3731
4125
|
ViewControl_default,
|
|
3732
4126
|
{
|
|
3733
4127
|
controlType: column.controlType,
|
|
@@ -3741,10 +4135,10 @@ var DataList = (props) => {
|
|
|
3741
4135
|
}) }, index);
|
|
3742
4136
|
}) })
|
|
3743
4137
|
] }) }),
|
|
3744
|
-
/* @__PURE__ */
|
|
3745
|
-
/* @__PURE__ */
|
|
3746
|
-
/* @__PURE__ */
|
|
3747
|
-
activePageNumber > 1 && /* @__PURE__ */
|
|
4138
|
+
/* @__PURE__ */ jsx47("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between", children: [
|
|
4139
|
+
/* @__PURE__ */ jsx47("div", { className: "text-gray-700", children: label }),
|
|
4140
|
+
/* @__PURE__ */ jsxs20("div", { className: "flex space-x-2 items-center", children: [
|
|
4141
|
+
activePageNumber > 1 && /* @__PURE__ */ jsx47(
|
|
3748
4142
|
Hyperlink,
|
|
3749
4143
|
{
|
|
3750
4144
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -3752,9 +4146,9 @@ var DataList = (props) => {
|
|
|
3752
4146
|
children: "Prev"
|
|
3753
4147
|
}
|
|
3754
4148
|
),
|
|
3755
|
-
activePageNumber <= 1 && /* @__PURE__ */
|
|
4149
|
+
activePageNumber <= 1 && /* @__PURE__ */ jsx47("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
|
|
3756
4150
|
renderPageNumbers(),
|
|
3757
|
-
activePageNumber < pages && /* @__PURE__ */
|
|
4151
|
+
activePageNumber < pages && /* @__PURE__ */ jsx47(
|
|
3758
4152
|
Hyperlink,
|
|
3759
4153
|
{
|
|
3760
4154
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -3762,19 +4156,19 @@ var DataList = (props) => {
|
|
|
3762
4156
|
children: "Next"
|
|
3763
4157
|
}
|
|
3764
4158
|
),
|
|
3765
|
-
activePageNumber >= pages && /* @__PURE__ */
|
|
4159
|
+
activePageNumber >= pages && /* @__PURE__ */ jsx47("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
3766
4160
|
] })
|
|
3767
4161
|
] }) })
|
|
3768
4162
|
] }),
|
|
3769
|
-
/* @__PURE__ */
|
|
3770
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */
|
|
4163
|
+
/* @__PURE__ */ jsxs20(NoContentView_default, { isDataFound, children: [
|
|
4164
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs20(
|
|
3771
4165
|
"div",
|
|
3772
4166
|
{
|
|
3773
4167
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
|
|
3774
4168
|
children: [
|
|
3775
|
-
props.title ? /* @__PURE__ */
|
|
3776
|
-
/* @__PURE__ */
|
|
3777
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */
|
|
4169
|
+
props.title ? /* @__PURE__ */ jsx47("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx47("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx47("div", {}),
|
|
4170
|
+
/* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
|
|
4171
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx47(
|
|
3778
4172
|
InputControl_default,
|
|
3779
4173
|
{
|
|
3780
4174
|
name: "Search_input",
|
|
@@ -3786,7 +4180,7 @@ var DataList = (props) => {
|
|
|
3786
4180
|
}
|
|
3787
4181
|
}
|
|
3788
4182
|
),
|
|
3789
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
4183
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx47(
|
|
3790
4184
|
InputControl_default,
|
|
3791
4185
|
{
|
|
3792
4186
|
name: filter.name,
|
|
@@ -3801,15 +4195,15 @@ var DataList = (props) => {
|
|
|
3801
4195
|
},
|
|
3802
4196
|
filter.name
|
|
3803
4197
|
)),
|
|
3804
|
-
props.addLinkHref && /* @__PURE__ */
|
|
4198
|
+
props.addLinkHref && /* @__PURE__ */ jsxs20(
|
|
3805
4199
|
Hyperlink,
|
|
3806
4200
|
{
|
|
3807
4201
|
className: "gap-1",
|
|
3808
4202
|
linkType: "Primary" /* Solid */,
|
|
3809
4203
|
href: props.addLinkHref,
|
|
3810
4204
|
children: [
|
|
3811
|
-
/* @__PURE__ */
|
|
3812
|
-
/* @__PURE__ */
|
|
4205
|
+
/* @__PURE__ */ jsx47(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
4206
|
+
/* @__PURE__ */ jsx47("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
3813
4207
|
]
|
|
3814
4208
|
}
|
|
3815
4209
|
)
|
|
@@ -3817,8 +4211,8 @@ var DataList = (props) => {
|
|
|
3817
4211
|
]
|
|
3818
4212
|
}
|
|
3819
4213
|
),
|
|
3820
|
-
/* @__PURE__ */
|
|
3821
|
-
/* @__PURE__ */
|
|
4214
|
+
/* @__PURE__ */ jsxs20("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
4215
|
+
/* @__PURE__ */ jsx47("div", { children: /* @__PURE__ */ jsx47("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx47("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx47("tr", { children: props?.columns?.map((column) => {
|
|
3822
4216
|
let url = builder.getNewOrderByUrl(column.name);
|
|
3823
4217
|
let icon = "chevronUpDown";
|
|
3824
4218
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -3828,18 +4222,18 @@ var DataList = (props) => {
|
|
|
3828
4222
|
icon = "chevronUp";
|
|
3829
4223
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
3830
4224
|
}
|
|
3831
|
-
return /* @__PURE__ */
|
|
4225
|
+
return /* @__PURE__ */ jsx47(
|
|
3832
4226
|
"th",
|
|
3833
4227
|
{
|
|
3834
4228
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
3835
|
-
children: /* @__PURE__ */
|
|
4229
|
+
children: /* @__PURE__ */ jsx47(
|
|
3836
4230
|
Hyperlink,
|
|
3837
4231
|
{
|
|
3838
4232
|
href: column.enableSorting ? url : void 0,
|
|
3839
4233
|
className: "text-body-950",
|
|
3840
|
-
children: /* @__PURE__ */
|
|
3841
|
-
/* @__PURE__ */
|
|
3842
|
-
column.enableSorting && /* @__PURE__ */
|
|
4234
|
+
children: /* @__PURE__ */ jsxs20("span", { className: "flex items-center space-x-1", children: [
|
|
4235
|
+
/* @__PURE__ */ jsx47("span", { children: column.label }),
|
|
4236
|
+
column.enableSorting && /* @__PURE__ */ jsx47(Icon_default, { className: "w-4 h-4", name: icon })
|
|
3843
4237
|
] })
|
|
3844
4238
|
}
|
|
3845
4239
|
)
|
|
@@ -3847,7 +4241,7 @@ var DataList = (props) => {
|
|
|
3847
4241
|
column.name
|
|
3848
4242
|
);
|
|
3849
4243
|
}) }) }) }) }),
|
|
3850
|
-
/* @__PURE__ */
|
|
4244
|
+
/* @__PURE__ */ jsx47("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
3851
4245
|
] })
|
|
3852
4246
|
] })
|
|
3853
4247
|
] });
|
|
@@ -3857,7 +4251,7 @@ var DataList_default = DataList;
|
|
|
3857
4251
|
// src/components/dataForm/DataListRenderer.tsx
|
|
3858
4252
|
import React31, { useState as useState3, useEffect as useEffect4 } from "react";
|
|
3859
4253
|
import { usePathname as usePathname2 } from "next/navigation";
|
|
3860
|
-
import { jsx as
|
|
4254
|
+
import { jsx as jsx48, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
3861
4255
|
var viewControlMap = {
|
|
3862
4256
|
number: ViewControlTypes.number,
|
|
3863
4257
|
lineText: ViewControlTypes.lineText,
|
|
@@ -3952,13 +4346,13 @@ var DataListRenderer = ({
|
|
|
3952
4346
|
isActive: landingPageUrl === pathname
|
|
3953
4347
|
};
|
|
3954
4348
|
});
|
|
3955
|
-
return /* @__PURE__ */
|
|
4349
|
+
return /* @__PURE__ */ jsxs21(React31.Fragment, { children: [
|
|
3956
4350
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
3957
4351
|
// tabs={resolvedTabs}
|
|
3958
4352
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
3959
4353
|
// />
|
|
3960
|
-
/* @__PURE__ */
|
|
3961
|
-
/* @__PURE__ */
|
|
4354
|
+
/* @__PURE__ */ jsx48(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
4355
|
+
/* @__PURE__ */ jsx48(
|
|
3962
4356
|
DataList_default,
|
|
3963
4357
|
{
|
|
3964
4358
|
addLinkHref,
|
|
@@ -4003,7 +4397,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
4003
4397
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
4004
4398
|
|
|
4005
4399
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
4006
|
-
import { jsx as
|
|
4400
|
+
import { jsx as jsx49, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
4007
4401
|
var DataFormChildSection = (props) => {
|
|
4008
4402
|
const { section } = props;
|
|
4009
4403
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -4071,14 +4465,14 @@ var DataFormChildSection = (props) => {
|
|
|
4071
4465
|
childItemsToRender,
|
|
4072
4466
|
allChildItems: childItems
|
|
4073
4467
|
});
|
|
4074
|
-
return /* @__PURE__ */
|
|
4075
|
-
section.sectionTitle && /* @__PURE__ */
|
|
4076
|
-
/* @__PURE__ */
|
|
4077
|
-
/* @__PURE__ */
|
|
4078
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */
|
|
4079
|
-
return /* @__PURE__ */
|
|
4468
|
+
return /* @__PURE__ */ jsx49(React32.Fragment, { children: /* @__PURE__ */ jsxs22("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
4469
|
+
section.sectionTitle && /* @__PURE__ */ jsx49("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
4470
|
+
/* @__PURE__ */ jsx49("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
4471
|
+
/* @__PURE__ */ jsx49("div", { children: /* @__PURE__ */ jsxs22("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
4472
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx49("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
4473
|
+
return /* @__PURE__ */ jsxs22("tr", { className: "", children: [
|
|
4080
4474
|
sectionRow.elements.map((field, index) => {
|
|
4081
|
-
return /* @__PURE__ */
|
|
4475
|
+
return /* @__PURE__ */ jsx49(
|
|
4082
4476
|
"th",
|
|
4083
4477
|
{
|
|
4084
4478
|
className: "py-3 font-normal text-left",
|
|
@@ -4087,21 +4481,21 @@ var DataFormChildSection = (props) => {
|
|
|
4087
4481
|
field.name
|
|
4088
4482
|
);
|
|
4089
4483
|
}),
|
|
4090
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */
|
|
4484
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ jsx49("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
4091
4485
|
] }, sectionRowIndex);
|
|
4092
4486
|
}) }),
|
|
4093
|
-
/* @__PURE__ */
|
|
4487
|
+
/* @__PURE__ */ jsx49("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
4094
4488
|
const { item, originalIndex } = visibleItem;
|
|
4095
4489
|
const rowKey = originalIndex;
|
|
4096
|
-
return /* @__PURE__ */
|
|
4490
|
+
return /* @__PURE__ */ jsx49(React32.Fragment, { children: section.sectionRows.map(
|
|
4097
4491
|
(sectionRow, sectionRowIndex) => {
|
|
4098
|
-
return /* @__PURE__ */
|
|
4492
|
+
return /* @__PURE__ */ jsxs22(
|
|
4099
4493
|
"tr",
|
|
4100
4494
|
{
|
|
4101
4495
|
className: "",
|
|
4102
4496
|
children: [
|
|
4103
4497
|
sectionRow.elements.map((field, index) => {
|
|
4104
|
-
return /* @__PURE__ */
|
|
4498
|
+
return /* @__PURE__ */ jsx49("td", { children: /* @__PURE__ */ jsx49("div", { className: "flex-1", children: /* @__PURE__ */ jsx49("div", { className: "w-11/12", children: /* @__PURE__ */ jsx49(
|
|
4105
4499
|
InputControl_default,
|
|
4106
4500
|
{
|
|
4107
4501
|
index: filteredIndex,
|
|
@@ -4121,7 +4515,7 @@ var DataFormChildSection = (props) => {
|
|
|
4121
4515
|
}
|
|
4122
4516
|
) }) }) }, field.name);
|
|
4123
4517
|
}),
|
|
4124
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */
|
|
4518
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ jsx49("td", { children: /* @__PURE__ */ jsx49(
|
|
4125
4519
|
ClientButton_default,
|
|
4126
4520
|
{
|
|
4127
4521
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -4130,7 +4524,7 @@ var DataFormChildSection = (props) => {
|
|
|
4130
4524
|
},
|
|
4131
4525
|
dataRole: "delete",
|
|
4132
4526
|
tabIndex: -1,
|
|
4133
|
-
children: /* @__PURE__ */
|
|
4527
|
+
children: /* @__PURE__ */ jsx49(
|
|
4134
4528
|
Icon_default,
|
|
4135
4529
|
{
|
|
4136
4530
|
className: "w-4 h-4",
|
|
@@ -4147,7 +4541,7 @@ var DataFormChildSection = (props) => {
|
|
|
4147
4541
|
) }, rowKey);
|
|
4148
4542
|
}) })
|
|
4149
4543
|
] }) }),
|
|
4150
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */
|
|
4544
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ jsx49("div", { className: "ml-1", children: /* @__PURE__ */ jsx49(
|
|
4151
4545
|
ClientButton_default,
|
|
4152
4546
|
{
|
|
4153
4547
|
ButtonType: "Link" /* Link */,
|
|
@@ -4162,7 +4556,7 @@ var DataFormChildSection = (props) => {
|
|
|
4162
4556
|
var DataFormChildSection_default = DataFormChildSection;
|
|
4163
4557
|
|
|
4164
4558
|
// src/components/dataForm/DataForm.tsx
|
|
4165
|
-
import { jsx as
|
|
4559
|
+
import { jsx as jsx50, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
4166
4560
|
var DataForm = (props) => {
|
|
4167
4561
|
const formRef = useRef2(null);
|
|
4168
4562
|
console.log(props.dataItem, "dssads");
|
|
@@ -4382,19 +4776,19 @@ var DataForm = (props) => {
|
|
|
4382
4776
|
return false;
|
|
4383
4777
|
}
|
|
4384
4778
|
}
|
|
4385
|
-
return /* @__PURE__ */
|
|
4386
|
-
props.title && /* @__PURE__ */
|
|
4779
|
+
return /* @__PURE__ */ jsx50(React33.Fragment, { children: /* @__PURE__ */ jsxs23("div", { className: "flex-grow flex flex-col", children: [
|
|
4780
|
+
props.title && /* @__PURE__ */ jsx50("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs23(
|
|
4387
4781
|
"div",
|
|
4388
4782
|
{
|
|
4389
4783
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
4390
4784
|
onClick: () => window.history.back(),
|
|
4391
4785
|
children: [
|
|
4392
|
-
/* @__PURE__ */
|
|
4393
|
-
/* @__PURE__ */
|
|
4786
|
+
/* @__PURE__ */ jsx50(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
4787
|
+
/* @__PURE__ */ jsx50("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
4394
4788
|
]
|
|
4395
4789
|
}
|
|
4396
4790
|
) }),
|
|
4397
|
-
/* @__PURE__ */
|
|
4791
|
+
/* @__PURE__ */ jsx50(
|
|
4398
4792
|
"form",
|
|
4399
4793
|
{
|
|
4400
4794
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -4415,8 +4809,8 @@ var DataForm = (props) => {
|
|
|
4415
4809
|
}
|
|
4416
4810
|
}
|
|
4417
4811
|
},
|
|
4418
|
-
children: /* @__PURE__ */
|
|
4419
|
-
return /* @__PURE__ */
|
|
4812
|
+
children: /* @__PURE__ */ jsx50("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
4813
|
+
return /* @__PURE__ */ jsx50(React33.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs23("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
4420
4814
|
section.sectionRows?.map(
|
|
4421
4815
|
(sectionRow, sectionRowIndex) => {
|
|
4422
4816
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -4427,14 +4821,14 @@ var DataForm = (props) => {
|
|
|
4427
4821
|
sectionRow.visible
|
|
4428
4822
|
);
|
|
4429
4823
|
}
|
|
4430
|
-
return /* @__PURE__ */
|
|
4431
|
-
return /* @__PURE__ */
|
|
4824
|
+
return /* @__PURE__ */ jsx50(React33.Fragment, { children: isVisible && /* @__PURE__ */ jsx50("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
4825
|
+
return /* @__PURE__ */ jsxs23(
|
|
4432
4826
|
"div",
|
|
4433
4827
|
{
|
|
4434
4828
|
className: sectionRow.grow ? "grow" : "",
|
|
4435
4829
|
children: [
|
|
4436
|
-
/* @__PURE__ */
|
|
4437
|
-
/* @__PURE__ */
|
|
4830
|
+
/* @__PURE__ */ jsx50("div", { children: field.controlType }),
|
|
4831
|
+
/* @__PURE__ */ jsx50(
|
|
4438
4832
|
InputControl_default,
|
|
4439
4833
|
{
|
|
4440
4834
|
name: field.name,
|
|
@@ -4464,12 +4858,12 @@ var DataForm = (props) => {
|
|
|
4464
4858
|
}) }) }, sectionRowIndex);
|
|
4465
4859
|
}
|
|
4466
4860
|
),
|
|
4467
|
-
/* @__PURE__ */
|
|
4861
|
+
/* @__PURE__ */ jsx50("div", { children: section.childSections?.map(
|
|
4468
4862
|
(childSection, childSectionIndex) => {
|
|
4469
|
-
return /* @__PURE__ */
|
|
4863
|
+
return /* @__PURE__ */ jsx50("div", { children: childSection.name && evalutateCondition(
|
|
4470
4864
|
formState.inputValues,
|
|
4471
4865
|
childSection.visible
|
|
4472
|
-
) && /* @__PURE__ */
|
|
4866
|
+
) && /* @__PURE__ */ jsx50(
|
|
4473
4867
|
DataFormChildSection_default,
|
|
4474
4868
|
{
|
|
4475
4869
|
section: childSection,
|
|
@@ -4484,8 +4878,8 @@ var DataForm = (props) => {
|
|
|
4484
4878
|
}) })
|
|
4485
4879
|
}
|
|
4486
4880
|
),
|
|
4487
|
-
/* @__PURE__ */
|
|
4488
|
-
/* @__PURE__ */
|
|
4881
|
+
/* @__PURE__ */ jsxs23("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
4882
|
+
/* @__PURE__ */ jsx50("div", { children: props.additionalActions && /* @__PURE__ */ jsx50(
|
|
4489
4883
|
Button_default,
|
|
4490
4884
|
{
|
|
4491
4885
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -4493,7 +4887,7 @@ var DataForm = (props) => {
|
|
|
4493
4887
|
children: props.additionalActions.title
|
|
4494
4888
|
}
|
|
4495
4889
|
) }),
|
|
4496
|
-
/* @__PURE__ */
|
|
4890
|
+
/* @__PURE__ */ jsx50("div", { children: props.onDelete && /* @__PURE__ */ jsx50(
|
|
4497
4891
|
Button_default,
|
|
4498
4892
|
{
|
|
4499
4893
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -4504,7 +4898,7 @@ var DataForm = (props) => {
|
|
|
4504
4898
|
children: "Delete"
|
|
4505
4899
|
}
|
|
4506
4900
|
) }),
|
|
4507
|
-
/* @__PURE__ */
|
|
4901
|
+
/* @__PURE__ */ jsx50("div", { children: props.onClick && /* @__PURE__ */ jsx50(
|
|
4508
4902
|
Button_default,
|
|
4509
4903
|
{
|
|
4510
4904
|
onValidate,
|
|
@@ -4521,7 +4915,7 @@ var DataForm = (props) => {
|
|
|
4521
4915
|
var DataForm_default = DataForm;
|
|
4522
4916
|
|
|
4523
4917
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
4524
|
-
import { jsx as
|
|
4918
|
+
import { jsx as jsx51, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
4525
4919
|
function getAction(actions, code) {
|
|
4526
4920
|
return actions?.find((a) => a.actionCode === code);
|
|
4527
4921
|
}
|
|
@@ -4547,9 +4941,9 @@ var DataFormRenderer = ({
|
|
|
4547
4941
|
"Delete"
|
|
4548
4942
|
);
|
|
4549
4943
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
4550
|
-
return /* @__PURE__ */
|
|
4551
|
-
widgetProps && /* @__PURE__ */
|
|
4552
|
-
/* @__PURE__ */
|
|
4944
|
+
return /* @__PURE__ */ jsxs24("div", { className: "flex-grow flex flex-col", children: [
|
|
4945
|
+
widgetProps && /* @__PURE__ */ jsx51(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
4946
|
+
/* @__PURE__ */ jsx51(
|
|
4553
4947
|
DataForm_default,
|
|
4554
4948
|
{
|
|
4555
4949
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|