@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326063413 → 0.8.1-dev.20260326064410
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 +458 -444
- package/dist/index.mjs +356 -342
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -302,8 +302,25 @@ var ProgressIndicator = (props) => {
|
|
|
302
302
|
};
|
|
303
303
|
var ProgressIndicator_default = ProgressIndicator;
|
|
304
304
|
|
|
305
|
-
// src/components/controls/view/
|
|
305
|
+
// src/components/controls/view/AiGeneratedSummary.tsx
|
|
306
306
|
import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
307
|
+
var AiGeneratedSummary = (props) => {
|
|
308
|
+
const lines = props.value?.split("\n").filter((line) => line.trim() !== "") || [];
|
|
309
|
+
return /* @__PURE__ */ jsxs5("details", { className: "group rounded-xl border-2 bg-white shadow-sm border-p overflow-hidden", children: [
|
|
310
|
+
/* @__PURE__ */ jsx8("summary", { className: "flex items-start justify-between cursor-pointer list-none", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3 ", children: [
|
|
311
|
+
/* @__PURE__ */ jsx8("div", { className: "bg-primary-base bg-transparent rounded mt-1 p-1", children: /* @__PURE__ */ jsx8("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-5", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" }) }) }),
|
|
312
|
+
/* @__PURE__ */ jsxs5("div", { children: [
|
|
313
|
+
/* @__PURE__ */ jsx8("h3", { className: "text-lg font-semibold ", children: "Quick Read" }),
|
|
314
|
+
/* @__PURE__ */ jsx8("p", { className: "text-sm text-gray-500 mb-0", children: "Summary is AI-generated, author-reviewed" })
|
|
315
|
+
] })
|
|
316
|
+
] }) }),
|
|
317
|
+
/* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8("ul", { className: "list-disc pl-6 space-y-3 text-gray-700", children: lines.map((line, index) => /* @__PURE__ */ jsx8("li", { className: "m-0", children: line }, index)) }) })
|
|
318
|
+
] });
|
|
319
|
+
};
|
|
320
|
+
var AiGeneratedSummary_default = AiGeneratedSummary;
|
|
321
|
+
|
|
322
|
+
// src/components/controls/view/ViewControl.tsx
|
|
323
|
+
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
307
324
|
var ViewControl = React9.forwardRef(
|
|
308
325
|
(props, ref) => {
|
|
309
326
|
const ControlComponents = {
|
|
@@ -319,16 +336,13 @@ var ViewControl = React9.forwardRef(
|
|
|
319
336
|
[ViewControlTypes_default.moneyText]: MoneyView_default,
|
|
320
337
|
[ViewControlTypes_default.percentage]: PercentageView_default,
|
|
321
338
|
// [ViewControlTypes.statusBg]: StatusBg,
|
|
322
|
-
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default
|
|
339
|
+
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
|
|
323
340
|
// [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
|
|
324
341
|
// [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
|
|
325
|
-
|
|
342
|
+
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
|
|
326
343
|
};
|
|
327
344
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
328
|
-
return /* @__PURE__ */
|
|
329
|
-
props.controlType,
|
|
330
|
-
SelectedControlComponent ? /* @__PURE__ */ jsx8(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType
|
|
331
|
-
] });
|
|
345
|
+
return /* @__PURE__ */ jsx9(React9.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx9(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
332
346
|
}
|
|
333
347
|
);
|
|
334
348
|
ViewControl.displayName = "ViewControl";
|
|
@@ -339,7 +353,7 @@ import React29 from "react";
|
|
|
339
353
|
|
|
340
354
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
341
355
|
import React10 from "react";
|
|
342
|
-
import { jsx as
|
|
356
|
+
import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
343
357
|
var MultilineTextInput = (props) => {
|
|
344
358
|
const textChangeHandler = (event) => {
|
|
345
359
|
const text = event.target.value;
|
|
@@ -358,11 +372,11 @@ var MultilineTextInput = (props) => {
|
|
|
358
372
|
if (props.value !== void 0 && props.value !== null) {
|
|
359
373
|
value = props.value;
|
|
360
374
|
}
|
|
361
|
-
return /* @__PURE__ */
|
|
362
|
-
/* @__PURE__ */
|
|
375
|
+
return /* @__PURE__ */ jsx10(React10.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block mb-1", children: [
|
|
376
|
+
/* @__PURE__ */ jsx10("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
363
377
|
" ",
|
|
364
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
365
|
-
/* @__PURE__ */
|
|
378
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx10("span", { className: "text-alert", children: "*" }),
|
|
379
|
+
/* @__PURE__ */ jsx10(
|
|
366
380
|
"textarea",
|
|
367
381
|
{
|
|
368
382
|
name: props.name,
|
|
@@ -379,14 +393,14 @@ var MultilineTextInput = (props) => {
|
|
|
379
393
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
|
|
380
394
|
}
|
|
381
395
|
),
|
|
382
|
-
/* @__PURE__ */
|
|
396
|
+
/* @__PURE__ */ jsx10("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
383
397
|
] }) });
|
|
384
398
|
};
|
|
385
399
|
var MultilineTextInput_default = MultilineTextInput;
|
|
386
400
|
|
|
387
401
|
// src/components/controls/edit/LineTextInput.tsx
|
|
388
402
|
import React11 from "react";
|
|
389
|
-
import { jsx as
|
|
403
|
+
import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
390
404
|
var LineTextInput = (props) => {
|
|
391
405
|
const textChangeHandler = (event) => {
|
|
392
406
|
const text = event.target.value;
|
|
@@ -405,11 +419,11 @@ var LineTextInput = (props) => {
|
|
|
405
419
|
if (props.value !== void 0 && props.value !== null) {
|
|
406
420
|
value = props.value;
|
|
407
421
|
}
|
|
408
|
-
return /* @__PURE__ */
|
|
409
|
-
props?.attributes?.label && /* @__PURE__ */
|
|
422
|
+
return /* @__PURE__ */ jsx11(React11.Fragment, { children: /* @__PURE__ */ jsxs7("label", { className: "block", children: [
|
|
423
|
+
props?.attributes?.label && /* @__PURE__ */ jsx11("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
410
424
|
" ",
|
|
411
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
412
|
-
/* @__PURE__ */
|
|
425
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx11("span", { className: "text-alert", children: "*" }),
|
|
426
|
+
/* @__PURE__ */ jsx11(
|
|
413
427
|
"input",
|
|
414
428
|
{
|
|
415
429
|
type: "text",
|
|
@@ -431,14 +445,14 @@ var LineTextInput = (props) => {
|
|
|
431
445
|
`
|
|
432
446
|
}
|
|
433
447
|
),
|
|
434
|
-
/* @__PURE__ */
|
|
448
|
+
/* @__PURE__ */ jsx11("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
435
449
|
] }) });
|
|
436
450
|
};
|
|
437
451
|
var LineTextInput_default = LineTextInput;
|
|
438
452
|
|
|
439
453
|
// src/components/controls/edit/MoneyInput.tsx
|
|
440
454
|
import React12 from "react";
|
|
441
|
-
import { jsx as
|
|
455
|
+
import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
442
456
|
var MoneyInput = (props) => {
|
|
443
457
|
const textChangeHandler = (event) => {
|
|
444
458
|
const rawValue = event.target.value;
|
|
@@ -467,11 +481,11 @@ var MoneyInput = (props) => {
|
|
|
467
481
|
e.preventDefault();
|
|
468
482
|
}
|
|
469
483
|
};
|
|
470
|
-
return /* @__PURE__ */
|
|
471
|
-
/* @__PURE__ */
|
|
484
|
+
return /* @__PURE__ */ jsx12(React12.Fragment, { children: /* @__PURE__ */ jsxs8("label", { className: "block mb-1", children: [
|
|
485
|
+
/* @__PURE__ */ jsx12("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
472
486
|
" ",
|
|
473
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
474
|
-
/* @__PURE__ */
|
|
487
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "text-alert", children: "*" }),
|
|
488
|
+
/* @__PURE__ */ jsx12(
|
|
475
489
|
"input",
|
|
476
490
|
{
|
|
477
491
|
type: "number",
|
|
@@ -491,7 +505,7 @@ var MoneyInput = (props) => {
|
|
|
491
505
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
|
|
492
506
|
}
|
|
493
507
|
),
|
|
494
|
-
/* @__PURE__ */
|
|
508
|
+
/* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
495
509
|
] }) });
|
|
496
510
|
};
|
|
497
511
|
var MoneyInput_default = MoneyInput;
|
|
@@ -522,7 +536,7 @@ var InputControlType_default = InputControlType;
|
|
|
522
536
|
|
|
523
537
|
// src/components/controls/edit/Select.tsx
|
|
524
538
|
import { useState, useEffect } from "react";
|
|
525
|
-
import { jsx as
|
|
539
|
+
import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
526
540
|
var Select = (props) => {
|
|
527
541
|
const [list, setList] = useState([]);
|
|
528
542
|
const getSafeValue = (val) => {
|
|
@@ -581,8 +595,8 @@ var Select = (props) => {
|
|
|
581
595
|
]);
|
|
582
596
|
const value = getSafeValue(props.value);
|
|
583
597
|
return /* @__PURE__ */ jsxs9("label", { className: "block", children: [
|
|
584
|
-
props.attributes?.label && /* @__PURE__ */
|
|
585
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */
|
|
598
|
+
props.attributes?.label && /* @__PURE__ */ jsx13("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
599
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "text-alert", children: "*" }),
|
|
586
600
|
/* @__PURE__ */ jsxs9(
|
|
587
601
|
"select",
|
|
588
602
|
{
|
|
@@ -594,23 +608,23 @@ var Select = (props) => {
|
|
|
594
608
|
disabled: props.attributes?.readOnly,
|
|
595
609
|
className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
|
|
596
610
|
children: [
|
|
597
|
-
/* @__PURE__ */
|
|
611
|
+
/* @__PURE__ */ jsx13("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
598
612
|
list.map((item, index) => {
|
|
599
613
|
const keyField = props.dataKeyFieldName;
|
|
600
614
|
const textField = props.dataTextFieldName;
|
|
601
|
-
return /* @__PURE__ */
|
|
615
|
+
return /* @__PURE__ */ jsx13("option", { value: item[keyField], children: item[textField] }, index);
|
|
602
616
|
})
|
|
603
617
|
]
|
|
604
618
|
}
|
|
605
619
|
),
|
|
606
|
-
/* @__PURE__ */
|
|
620
|
+
/* @__PURE__ */ jsx13("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
607
621
|
] });
|
|
608
622
|
};
|
|
609
623
|
var Select_default = Select;
|
|
610
624
|
|
|
611
625
|
// src/components/controls/edit/PercentageInput.tsx
|
|
612
626
|
import React14 from "react";
|
|
613
|
-
import { jsx as
|
|
627
|
+
import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
614
628
|
var PercentageInput = (props) => {
|
|
615
629
|
const textChangeHandler = (event) => {
|
|
616
630
|
const rawValue = event.target.value;
|
|
@@ -639,11 +653,11 @@ var PercentageInput = (props) => {
|
|
|
639
653
|
e.preventDefault();
|
|
640
654
|
}
|
|
641
655
|
};
|
|
642
|
-
return /* @__PURE__ */
|
|
643
|
-
/* @__PURE__ */
|
|
656
|
+
return /* @__PURE__ */ jsx14(React14.Fragment, { children: /* @__PURE__ */ jsxs10("label", { className: "block mb-1", children: [
|
|
657
|
+
/* @__PURE__ */ jsx14("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
644
658
|
" ",
|
|
645
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
646
|
-
/* @__PURE__ */
|
|
659
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "text-alert", children: "*" }),
|
|
660
|
+
/* @__PURE__ */ jsx14(
|
|
647
661
|
"input",
|
|
648
662
|
{
|
|
649
663
|
type: "number",
|
|
@@ -662,14 +676,14 @@ var PercentageInput = (props) => {
|
|
|
662
676
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
|
|
663
677
|
}
|
|
664
678
|
),
|
|
665
|
-
/* @__PURE__ */
|
|
679
|
+
/* @__PURE__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
666
680
|
] }) });
|
|
667
681
|
};
|
|
668
682
|
var PercentageInput_default = PercentageInput;
|
|
669
683
|
|
|
670
684
|
// src/components/controls/edit/PhoneInput.tsx
|
|
671
685
|
import React15 from "react";
|
|
672
|
-
import { jsx as
|
|
686
|
+
import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
673
687
|
var PhoneInput = (props) => {
|
|
674
688
|
const textChangeHandler = (event) => {
|
|
675
689
|
const text = event.target.value;
|
|
@@ -688,11 +702,11 @@ var PhoneInput = (props) => {
|
|
|
688
702
|
if (props.value !== void 0 && props.value !== null) {
|
|
689
703
|
value = props.value;
|
|
690
704
|
}
|
|
691
|
-
return /* @__PURE__ */
|
|
692
|
-
/* @__PURE__ */
|
|
705
|
+
return /* @__PURE__ */ jsx15(React15.Fragment, { children: /* @__PURE__ */ jsxs11("label", { className: "block mb-1", children: [
|
|
706
|
+
/* @__PURE__ */ jsx15("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
693
707
|
/* @__PURE__ */ jsxs11("div", { className: "flex items-center bg-gray-100 rounded border border-gray-300 \n focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
|
|
694
|
-
/* @__PURE__ */
|
|
695
|
-
/* @__PURE__ */
|
|
708
|
+
/* @__PURE__ */ jsx15("span", { className: "px-3 text-gray-700", children: props.prefix }),
|
|
709
|
+
/* @__PURE__ */ jsx15(
|
|
696
710
|
"input",
|
|
697
711
|
{
|
|
698
712
|
type: "text",
|
|
@@ -710,14 +724,14 @@ var PhoneInput = (props) => {
|
|
|
710
724
|
}
|
|
711
725
|
)
|
|
712
726
|
] }),
|
|
713
|
-
/* @__PURE__ */
|
|
727
|
+
/* @__PURE__ */ jsx15("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
714
728
|
] }) });
|
|
715
729
|
};
|
|
716
730
|
var PhoneInput_default = PhoneInput;
|
|
717
731
|
|
|
718
732
|
// src/components/controls/edit/NumberInput.tsx
|
|
719
733
|
import React16 from "react";
|
|
720
|
-
import { jsx as
|
|
734
|
+
import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
721
735
|
var NumberInput = (props) => {
|
|
722
736
|
const textChangeHandler = (event) => {
|
|
723
737
|
const text = event.target.value;
|
|
@@ -740,11 +754,11 @@ var NumberInput = (props) => {
|
|
|
740
754
|
if (props.value !== void 0 && props.value !== null) {
|
|
741
755
|
value = props.value;
|
|
742
756
|
}
|
|
743
|
-
return /* @__PURE__ */
|
|
744
|
-
props?.attributes?.label && /* @__PURE__ */
|
|
757
|
+
return /* @__PURE__ */ jsx16(React16.Fragment, { children: /* @__PURE__ */ jsxs12("label", { className: "block", children: [
|
|
758
|
+
props?.attributes?.label && /* @__PURE__ */ jsx16("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
745
759
|
" ",
|
|
746
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
747
|
-
/* @__PURE__ */
|
|
760
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx16("span", { className: "text-alert", children: "*" }),
|
|
761
|
+
/* @__PURE__ */ jsx16(
|
|
748
762
|
"input",
|
|
749
763
|
{
|
|
750
764
|
type: "number",
|
|
@@ -763,14 +777,14 @@ var NumberInput = (props) => {
|
|
|
763
777
|
className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
764
778
|
}
|
|
765
779
|
),
|
|
766
|
-
/* @__PURE__ */
|
|
780
|
+
/* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
767
781
|
] }) });
|
|
768
782
|
};
|
|
769
783
|
var NumberInput_default = NumberInput;
|
|
770
784
|
|
|
771
785
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
772
786
|
import React17 from "react";
|
|
773
|
-
import { jsx as
|
|
787
|
+
import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
774
788
|
var CheckboxInput = (props) => {
|
|
775
789
|
const textChangeHandler = (event) => {
|
|
776
790
|
let text = event.target.checked;
|
|
@@ -789,11 +803,11 @@ var CheckboxInput = (props) => {
|
|
|
789
803
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
790
804
|
value = true;
|
|
791
805
|
}
|
|
792
|
-
return /* @__PURE__ */
|
|
793
|
-
/* @__PURE__ */
|
|
806
|
+
return /* @__PURE__ */ jsx17(React17.Fragment, { children: /* @__PURE__ */ jsxs13("label", { className: "block mb-1", children: [
|
|
807
|
+
/* @__PURE__ */ jsx17("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
794
808
|
" ",
|
|
795
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
796
|
-
/* @__PURE__ */
|
|
809
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx17("span", { className: "text-alert", children: "*" }),
|
|
810
|
+
/* @__PURE__ */ jsx17(
|
|
797
811
|
"input",
|
|
798
812
|
{
|
|
799
813
|
type: "checkbox",
|
|
@@ -810,14 +824,14 @@ var CheckboxInput = (props) => {
|
|
|
810
824
|
className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
811
825
|
}
|
|
812
826
|
),
|
|
813
|
-
/* @__PURE__ */
|
|
827
|
+
/* @__PURE__ */ jsx17("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
814
828
|
] }) });
|
|
815
829
|
};
|
|
816
830
|
var CheckboxInput_default = CheckboxInput;
|
|
817
831
|
|
|
818
832
|
// src/components/controls/edit/OtpInput.tsx
|
|
819
833
|
import React18 from "react";
|
|
820
|
-
import { jsx as
|
|
834
|
+
import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
821
835
|
var OtpInput = (props) => {
|
|
822
836
|
const textChangeHandler = (event) => {
|
|
823
837
|
const text = event.target.value;
|
|
@@ -839,9 +853,9 @@ var OtpInput = (props) => {
|
|
|
839
853
|
if (props.value !== void 0 && props.value !== null) {
|
|
840
854
|
value = props.value;
|
|
841
855
|
}
|
|
842
|
-
return /* @__PURE__ */
|
|
843
|
-
/* @__PURE__ */
|
|
844
|
-
/* @__PURE__ */
|
|
856
|
+
return /* @__PURE__ */ jsx18(React18.Fragment, { children: /* @__PURE__ */ jsxs14("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
857
|
+
/* @__PURE__ */ jsx18("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
858
|
+
/* @__PURE__ */ jsx18(
|
|
845
859
|
"input",
|
|
846
860
|
{
|
|
847
861
|
type: "text",
|
|
@@ -861,7 +875,7 @@ var OtpInput = (props) => {
|
|
|
861
875
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
|
|
862
876
|
}
|
|
863
877
|
),
|
|
864
|
-
/* @__PURE__ */
|
|
878
|
+
/* @__PURE__ */ jsx18("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
865
879
|
] }) });
|
|
866
880
|
};
|
|
867
881
|
var OtpInput_default = OtpInput;
|
|
@@ -944,7 +958,7 @@ var DateTimeUtility_default = DateTimeUtility;
|
|
|
944
958
|
|
|
945
959
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
946
960
|
import React19 from "react";
|
|
947
|
-
import { jsx as
|
|
961
|
+
import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
948
962
|
var DateTimeInput = (props) => {
|
|
949
963
|
const textChangeHandler = (event) => {
|
|
950
964
|
const localDate = new Date(event.target.value);
|
|
@@ -979,12 +993,12 @@ var DateTimeInput = (props) => {
|
|
|
979
993
|
timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
|
|
980
994
|
localvalue = localDate?.toISOString()?.slice(0, 16);
|
|
981
995
|
}
|
|
982
|
-
return /* @__PURE__ */
|
|
983
|
-
/* @__PURE__ */
|
|
996
|
+
return /* @__PURE__ */ jsx19(React19.Fragment, { children: /* @__PURE__ */ jsxs15("label", { className: "block mb-1", children: [
|
|
997
|
+
/* @__PURE__ */ jsx19("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
984
998
|
" ",
|
|
985
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
999
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx19("span", { className: "text-alert", children: "*" }),
|
|
986
1000
|
/* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
|
|
987
|
-
/* @__PURE__ */
|
|
1001
|
+
/* @__PURE__ */ jsx19(
|
|
988
1002
|
"input",
|
|
989
1003
|
{
|
|
990
1004
|
type: "datetime-local",
|
|
@@ -1001,16 +1015,16 @@ var DateTimeInput = (props) => {
|
|
|
1001
1015
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1002
1016
|
}
|
|
1003
1017
|
),
|
|
1004
|
-
/* @__PURE__ */
|
|
1018
|
+
/* @__PURE__ */ jsx19("span", { children: timeZoneAbbr })
|
|
1005
1019
|
] }),
|
|
1006
|
-
/* @__PURE__ */
|
|
1020
|
+
/* @__PURE__ */ jsx19("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1007
1021
|
] }) });
|
|
1008
1022
|
};
|
|
1009
1023
|
var DateTimeInput_default = DateTimeInput;
|
|
1010
1024
|
|
|
1011
1025
|
// src/components/controls/edit/ColorInput.tsx
|
|
1012
1026
|
import React20, { useEffect as useEffect2 } from "react";
|
|
1013
|
-
import { jsx as
|
|
1027
|
+
import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
1014
1028
|
var ColorInput = (props) => {
|
|
1015
1029
|
const [color, setColor] = React20.useState("#3b82f6");
|
|
1016
1030
|
useEffect2(() => {
|
|
@@ -1033,10 +1047,10 @@ var ColorInput = (props) => {
|
|
|
1033
1047
|
}
|
|
1034
1048
|
};
|
|
1035
1049
|
return /* @__PURE__ */ jsxs16("label", { className: "block mb-1", children: [
|
|
1036
|
-
/* @__PURE__ */
|
|
1050
|
+
/* @__PURE__ */ jsx20("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1037
1051
|
" ",
|
|
1038
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
1039
|
-
/* @__PURE__ */
|
|
1052
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx20("span", { className: "text-alert", children: "*" }),
|
|
1053
|
+
/* @__PURE__ */ jsx20(
|
|
1040
1054
|
"input",
|
|
1041
1055
|
{
|
|
1042
1056
|
type: "color",
|
|
@@ -1049,14 +1063,14 @@ var ColorInput = (props) => {
|
|
|
1049
1063
|
className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
|
|
1050
1064
|
}
|
|
1051
1065
|
),
|
|
1052
|
-
props?.attributes?.errorMessage && /* @__PURE__ */
|
|
1066
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ jsx20("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
|
|
1053
1067
|
] });
|
|
1054
1068
|
};
|
|
1055
1069
|
var ColorInput_default = ColorInput;
|
|
1056
1070
|
|
|
1057
1071
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
1058
1072
|
import { useEffect as useEffect3, useRef, useState as useState2 } from "react";
|
|
1059
|
-
import { jsx as
|
|
1073
|
+
import { jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
1060
1074
|
var SelectWithSearchInput = (props) => {
|
|
1061
1075
|
const [isOpen, setIsOpen] = useState2(false);
|
|
1062
1076
|
const [searchTerm, setSearchTerm] = useState2("");
|
|
@@ -1128,11 +1142,11 @@ var SelectWithSearchInput = (props) => {
|
|
|
1128
1142
|
}
|
|
1129
1143
|
}, [highlightedIndex]);
|
|
1130
1144
|
return /* @__PURE__ */ jsxs17("div", { className: "relative", children: [
|
|
1131
|
-
/* @__PURE__ */
|
|
1145
|
+
/* @__PURE__ */ jsx21("label", { children: props.attributes?.label }),
|
|
1132
1146
|
" ",
|
|
1133
|
-
props?.attributes?.required && /* @__PURE__ */
|
|
1147
|
+
props?.attributes?.required && /* @__PURE__ */ jsx21("span", { className: "text-alert", children: "*" }),
|
|
1134
1148
|
/* @__PURE__ */ jsxs17("div", { className: "relative", children: [
|
|
1135
|
-
/* @__PURE__ */
|
|
1149
|
+
/* @__PURE__ */ jsx21(
|
|
1136
1150
|
"input",
|
|
1137
1151
|
{
|
|
1138
1152
|
type: "text",
|
|
@@ -1148,13 +1162,13 @@ var SelectWithSearchInput = (props) => {
|
|
|
1148
1162
|
className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1149
1163
|
}
|
|
1150
1164
|
),
|
|
1151
|
-
/* @__PURE__ */
|
|
1165
|
+
/* @__PURE__ */ jsx21(
|
|
1152
1166
|
"button",
|
|
1153
1167
|
{
|
|
1154
1168
|
type: "button",
|
|
1155
1169
|
onClick: () => setIsOpen(!isOpen),
|
|
1156
1170
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
1157
|
-
children: /* @__PURE__ */
|
|
1171
|
+
children: /* @__PURE__ */ jsx21(
|
|
1158
1172
|
"svg",
|
|
1159
1173
|
{
|
|
1160
1174
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1163,7 +1177,7 @@ var SelectWithSearchInput = (props) => {
|
|
|
1163
1177
|
strokeWidth: 1.5,
|
|
1164
1178
|
stroke: "currentColor",
|
|
1165
1179
|
className: "w-full h-full",
|
|
1166
|
-
children: /* @__PURE__ */
|
|
1180
|
+
children: /* @__PURE__ */ jsx21(
|
|
1167
1181
|
"path",
|
|
1168
1182
|
{
|
|
1169
1183
|
strokeLinecap: "round",
|
|
@@ -1176,12 +1190,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
1176
1190
|
}
|
|
1177
1191
|
)
|
|
1178
1192
|
] }),
|
|
1179
|
-
isOpen && /* @__PURE__ */
|
|
1193
|
+
isOpen && /* @__PURE__ */ jsx21(
|
|
1180
1194
|
"div",
|
|
1181
1195
|
{
|
|
1182
1196
|
ref: dropdownRef,
|
|
1183
1197
|
className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
|
|
1184
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */
|
|
1198
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx21(
|
|
1185
1199
|
"button",
|
|
1186
1200
|
{
|
|
1187
1201
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -1189,10 +1203,10 @@ var SelectWithSearchInput = (props) => {
|
|
|
1189
1203
|
role: "option",
|
|
1190
1204
|
tabIndex: -1,
|
|
1191
1205
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1192
|
-
children: /* @__PURE__ */
|
|
1206
|
+
children: /* @__PURE__ */ jsx21("span", { children: item[props.dataTextFieldName] })
|
|
1193
1207
|
},
|
|
1194
1208
|
item[props.dataKeyFieldName]
|
|
1195
|
-
)) : /* @__PURE__ */
|
|
1209
|
+
)) : /* @__PURE__ */ jsx21("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1196
1210
|
}
|
|
1197
1211
|
)
|
|
1198
1212
|
] });
|
|
@@ -1258,7 +1272,7 @@ import { useState as useState3 } from "react";
|
|
|
1258
1272
|
|
|
1259
1273
|
// src/components/ClientButton.tsx
|
|
1260
1274
|
import React22 from "react";
|
|
1261
|
-
import { jsx as
|
|
1275
|
+
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
1262
1276
|
var ClientButton = (props) => {
|
|
1263
1277
|
const execute = async (event) => {
|
|
1264
1278
|
if (props.onClick !== void 0) {
|
|
@@ -1268,7 +1282,7 @@ var ClientButton = (props) => {
|
|
|
1268
1282
|
}
|
|
1269
1283
|
};
|
|
1270
1284
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1271
|
-
return /* @__PURE__ */
|
|
1285
|
+
return /* @__PURE__ */ jsx22(React22.Fragment, { children: /* @__PURE__ */ jsx22(
|
|
1272
1286
|
"button",
|
|
1273
1287
|
{
|
|
1274
1288
|
type: "button",
|
|
@@ -1281,7 +1295,7 @@ var ClientButton = (props) => {
|
|
|
1281
1295
|
var ClientButton_default = ClientButton;
|
|
1282
1296
|
|
|
1283
1297
|
// src/components/Confirm.tsx
|
|
1284
|
-
import { Fragment, jsx as
|
|
1298
|
+
import { Fragment, jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
1285
1299
|
var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
1286
1300
|
const [showModal, setShowModal] = useState3(true);
|
|
1287
1301
|
const handleConfirmAction = () => {
|
|
@@ -1296,13 +1310,13 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1296
1310
|
onCancel();
|
|
1297
1311
|
}
|
|
1298
1312
|
};
|
|
1299
|
-
return /* @__PURE__ */
|
|
1300
|
-
/* @__PURE__ */
|
|
1313
|
+
return /* @__PURE__ */ jsx23(Fragment, { children: showModal && /* @__PURE__ */ jsxs18("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
1314
|
+
/* @__PURE__ */ jsx23("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
1301
1315
|
/* @__PURE__ */ jsxs18("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
1302
|
-
/* @__PURE__ */
|
|
1303
|
-
/* @__PURE__ */
|
|
1316
|
+
/* @__PURE__ */ jsx23("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
1317
|
+
/* @__PURE__ */ jsx23("p", { className: "mb-4", children: message }),
|
|
1304
1318
|
/* @__PURE__ */ jsxs18("div", { className: "flex justify-end gap-8", children: [
|
|
1305
|
-
/* @__PURE__ */
|
|
1319
|
+
/* @__PURE__ */ jsx23(
|
|
1306
1320
|
ClientButton_default,
|
|
1307
1321
|
{
|
|
1308
1322
|
onClick: handleCancelAction,
|
|
@@ -1310,7 +1324,7 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1310
1324
|
children: "Cancel"
|
|
1311
1325
|
}
|
|
1312
1326
|
),
|
|
1313
|
-
/* @__PURE__ */
|
|
1327
|
+
/* @__PURE__ */ jsx23(
|
|
1314
1328
|
ClientButton_default,
|
|
1315
1329
|
{
|
|
1316
1330
|
onClick: handleConfirmAction,
|
|
@@ -1326,7 +1340,7 @@ var Confirm_default = Confirm;
|
|
|
1326
1340
|
}
|
|
1327
1341
|
|
|
1328
1342
|
// src/components/Button.tsx
|
|
1329
|
-
import { jsx as
|
|
1343
|
+
import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
1330
1344
|
var Button = (props) => {
|
|
1331
1345
|
const [inProgress, setInProgress] = useState4(false);
|
|
1332
1346
|
const [isActionPerformed, setIsActionPerformed] = useState4(false);
|
|
@@ -1375,7 +1389,7 @@ var Button = (props) => {
|
|
|
1375
1389
|
return new Promise((resolve) => {
|
|
1376
1390
|
const onConfirm = () => resolve(true);
|
|
1377
1391
|
const onCancel = () => resolve(false);
|
|
1378
|
-
setShowModal(/* @__PURE__ */
|
|
1392
|
+
setShowModal(/* @__PURE__ */ jsx24(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
|
|
1379
1393
|
});
|
|
1380
1394
|
};
|
|
1381
1395
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
@@ -1392,9 +1406,9 @@ var Button = (props) => {
|
|
|
1392
1406
|
className: buttonClass + " relative " + props.className,
|
|
1393
1407
|
children: [
|
|
1394
1408
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
1395
|
-
inProgress && /* @__PURE__ */
|
|
1396
|
-
/* @__PURE__ */
|
|
1397
|
-
/* @__PURE__ */
|
|
1409
|
+
inProgress && /* @__PURE__ */ jsx24(React24.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ jsx24("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ jsxs19("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
|
|
1410
|
+
/* @__PURE__ */ jsx24("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
1411
|
+
/* @__PURE__ */ jsx24("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
|
|
1398
1412
|
] }) })
|
|
1399
1413
|
]
|
|
1400
1414
|
}
|
|
@@ -1411,7 +1425,7 @@ import React25, {
|
|
|
1411
1425
|
useState as useState5,
|
|
1412
1426
|
useCallback
|
|
1413
1427
|
} from "react";
|
|
1414
|
-
import { jsx as
|
|
1428
|
+
import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
1415
1429
|
var SelectWithSearchPanel = (props) => {
|
|
1416
1430
|
const [isOpen, setIsOpen] = useState5(false);
|
|
1417
1431
|
const [searchTerm, setSearchTerm] = useState5("");
|
|
@@ -1548,8 +1562,8 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1548
1562
|
return formData;
|
|
1549
1563
|
}, []);
|
|
1550
1564
|
return /* @__PURE__ */ jsxs20("div", { className: "relative", children: [
|
|
1551
|
-
/* @__PURE__ */
|
|
1552
|
-
/* @__PURE__ */
|
|
1565
|
+
/* @__PURE__ */ jsx25("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
|
|
1566
|
+
/* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsx25(
|
|
1553
1567
|
"input",
|
|
1554
1568
|
{
|
|
1555
1569
|
type: "text",
|
|
@@ -1563,14 +1577,14 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1563
1577
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
1564
1578
|
}
|
|
1565
1579
|
) }),
|
|
1566
|
-
/* @__PURE__ */
|
|
1580
|
+
/* @__PURE__ */ jsx25("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ jsxs20(React25.Fragment, { children: [
|
|
1567
1581
|
/* @__PURE__ */ jsxs20("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
1568
|
-
/* @__PURE__ */
|
|
1582
|
+
/* @__PURE__ */ jsx25("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ jsxs20("h5", { className: "text-md text-white font-medium", children: [
|
|
1569
1583
|
"Select a",
|
|
1570
1584
|
" ",
|
|
1571
1585
|
props.attributes?.label || props.attributes?.heading
|
|
1572
1586
|
] }) }),
|
|
1573
|
-
/* @__PURE__ */
|
|
1587
|
+
/* @__PURE__ */ jsx25("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ jsx25(
|
|
1574
1588
|
"button",
|
|
1575
1589
|
{
|
|
1576
1590
|
type: "button",
|
|
@@ -1584,11 +1598,11 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1584
1598
|
) })
|
|
1585
1599
|
] }),
|
|
1586
1600
|
isCreateOpen && /* @__PURE__ */ jsxs20("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
|
|
1587
|
-
/* @__PURE__ */
|
|
1601
|
+
/* @__PURE__ */ jsx25("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ jsxs20("h5", { className: "text-md font-medium text-white", children: [
|
|
1588
1602
|
"Create New ",
|
|
1589
1603
|
props.attributes?.label
|
|
1590
1604
|
] }) }),
|
|
1591
|
-
/* @__PURE__ */
|
|
1605
|
+
/* @__PURE__ */ jsx25("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ jsx25(
|
|
1592
1606
|
"button",
|
|
1593
1607
|
{
|
|
1594
1608
|
type: "button",
|
|
@@ -1599,8 +1613,8 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1599
1613
|
) }),
|
|
1600
1614
|
/* @__PURE__ */ jsxs20("div", { className: "p-4", children: [
|
|
1601
1615
|
props.createFields?.map((field) => /* @__PURE__ */ jsxs20("div", { className: "mb-4", children: [
|
|
1602
|
-
/* @__PURE__ */
|
|
1603
|
-
/* @__PURE__ */
|
|
1616
|
+
/* @__PURE__ */ jsx25("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
1617
|
+
/* @__PURE__ */ jsx25(
|
|
1604
1618
|
"input",
|
|
1605
1619
|
{
|
|
1606
1620
|
type: field.type,
|
|
@@ -1625,13 +1639,13 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1625
1639
|
] })
|
|
1626
1640
|
] })
|
|
1627
1641
|
] }),
|
|
1628
|
-
/* @__PURE__ */
|
|
1642
|
+
/* @__PURE__ */ jsx25(
|
|
1629
1643
|
"div",
|
|
1630
1644
|
{
|
|
1631
1645
|
ref: listRef,
|
|
1632
1646
|
className: "fixed z-10 right-0 mt-[130px] top-0 w-1/4 bg-white border-l border-gray-200 shadow-lg overflow-y-auto",
|
|
1633
1647
|
style: { height: "calc(100vh - 130px)" },
|
|
1634
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */
|
|
1648
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx25("div", { children: /* @__PURE__ */ jsx25(
|
|
1635
1649
|
"button",
|
|
1636
1650
|
{
|
|
1637
1651
|
onClick: (e) => {
|
|
@@ -1641,9 +1655,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1641
1655
|
role: "option",
|
|
1642
1656
|
tabIndex: -1,
|
|
1643
1657
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1644
|
-
children: /* @__PURE__ */
|
|
1658
|
+
children: /* @__PURE__ */ jsx25("span", { children: getNestedValue3(item, props.dataTextFieldName) })
|
|
1645
1659
|
}
|
|
1646
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */
|
|
1660
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx25("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1647
1661
|
}
|
|
1648
1662
|
)
|
|
1649
1663
|
] }) })
|
|
@@ -1656,7 +1670,7 @@ import React26, {
|
|
|
1656
1670
|
useState as useState6,
|
|
1657
1671
|
useEffect as useEffect5
|
|
1658
1672
|
} from "react";
|
|
1659
|
-
import { jsx as
|
|
1673
|
+
import { jsx as jsx26, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
1660
1674
|
var BooleanSelect = (props) => {
|
|
1661
1675
|
const [list, setList] = useState6();
|
|
1662
1676
|
const textChangeHandler = (event) => {
|
|
@@ -1705,10 +1719,10 @@ var BooleanSelect = (props) => {
|
|
|
1705
1719
|
if (props.value !== void 0 && props.value !== null) {
|
|
1706
1720
|
value = props.value;
|
|
1707
1721
|
}
|
|
1708
|
-
return /* @__PURE__ */
|
|
1709
|
-
/* @__PURE__ */
|
|
1722
|
+
return /* @__PURE__ */ jsx26(React26.Fragment, { children: /* @__PURE__ */ jsxs21("label", { className: "block", children: [
|
|
1723
|
+
/* @__PURE__ */ jsx26("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1710
1724
|
" ",
|
|
1711
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
1725
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx26("span", { className: "text-alert", children: "*" }),
|
|
1712
1726
|
/* @__PURE__ */ jsxs21(
|
|
1713
1727
|
"select",
|
|
1714
1728
|
{
|
|
@@ -1721,9 +1735,9 @@ var BooleanSelect = (props) => {
|
|
|
1721
1735
|
disabled: props?.attributes?.readOnly,
|
|
1722
1736
|
className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n ",
|
|
1723
1737
|
children: [
|
|
1724
|
-
/* @__PURE__ */
|
|
1738
|
+
/* @__PURE__ */ jsx26("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
1725
1739
|
list && list.map((item, i) => {
|
|
1726
|
-
return /* @__PURE__ */
|
|
1740
|
+
return /* @__PURE__ */ jsx26(
|
|
1727
1741
|
"option",
|
|
1728
1742
|
{
|
|
1729
1743
|
className: "fac-select-option",
|
|
@@ -1736,14 +1750,14 @@ var BooleanSelect = (props) => {
|
|
|
1736
1750
|
]
|
|
1737
1751
|
}
|
|
1738
1752
|
),
|
|
1739
|
-
/* @__PURE__ */
|
|
1753
|
+
/* @__PURE__ */ jsx26("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1740
1754
|
] }) });
|
|
1741
1755
|
};
|
|
1742
1756
|
var BooleanSelect_default = BooleanSelect;
|
|
1743
1757
|
|
|
1744
1758
|
// src/components/controls/edit/EmailInput.tsx
|
|
1745
1759
|
import React27 from "react";
|
|
1746
|
-
import { jsx as
|
|
1760
|
+
import { jsx as jsx27, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
1747
1761
|
var EmailInput = (props) => {
|
|
1748
1762
|
const textChangeHandler = (event) => {
|
|
1749
1763
|
const text = event.target.value;
|
|
@@ -1768,11 +1782,11 @@ var EmailInput = (props) => {
|
|
|
1768
1782
|
if (props.value !== void 0 && props.value !== null) {
|
|
1769
1783
|
value = props.value;
|
|
1770
1784
|
}
|
|
1771
|
-
return /* @__PURE__ */
|
|
1772
|
-
/* @__PURE__ */
|
|
1785
|
+
return /* @__PURE__ */ jsx27(React27.Fragment, { children: /* @__PURE__ */ jsxs22("label", { className: "block mb-1", children: [
|
|
1786
|
+
/* @__PURE__ */ jsx27("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
1773
1787
|
" ",
|
|
1774
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
1775
|
-
/* @__PURE__ */
|
|
1788
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx27("span", { className: "text-alert", children: "*" }),
|
|
1789
|
+
/* @__PURE__ */ jsx27(
|
|
1776
1790
|
"input",
|
|
1777
1791
|
{
|
|
1778
1792
|
type: "email",
|
|
@@ -1788,14 +1802,14 @@ var EmailInput = (props) => {
|
|
|
1788
1802
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
|
|
1789
1803
|
}
|
|
1790
1804
|
),
|
|
1791
|
-
/* @__PURE__ */
|
|
1805
|
+
/* @__PURE__ */ jsx27("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1792
1806
|
] }) });
|
|
1793
1807
|
};
|
|
1794
1808
|
var EmailInput_default = EmailInput;
|
|
1795
1809
|
|
|
1796
1810
|
// src/components/controls/edit/TimeInput.tsx
|
|
1797
1811
|
import React28 from "react";
|
|
1798
|
-
import { jsx as
|
|
1812
|
+
import { jsx as jsx28, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
1799
1813
|
var TimeInput = (props) => {
|
|
1800
1814
|
const timeChangeHandler = (event) => {
|
|
1801
1815
|
const timeValue = event.target.value;
|
|
@@ -1808,10 +1822,10 @@ var TimeInput = (props) => {
|
|
|
1808
1822
|
});
|
|
1809
1823
|
}
|
|
1810
1824
|
};
|
|
1811
|
-
return /* @__PURE__ */
|
|
1812
|
-
/* @__PURE__ */
|
|
1813
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */
|
|
1814
|
-
/* @__PURE__ */
|
|
1825
|
+
return /* @__PURE__ */ jsx28(React28.Fragment, { children: /* @__PURE__ */ jsxs23("label", { className: "block mb-1", children: [
|
|
1826
|
+
/* @__PURE__ */ jsx28("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1827
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx28("span", { className: "text-alert", children: "*" }),
|
|
1828
|
+
/* @__PURE__ */ jsx28("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx28(
|
|
1815
1829
|
"input",
|
|
1816
1830
|
{
|
|
1817
1831
|
type: "time",
|
|
@@ -1824,13 +1838,13 @@ var TimeInput = (props) => {
|
|
|
1824
1838
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
|
|
1825
1839
|
}
|
|
1826
1840
|
) }),
|
|
1827
|
-
/* @__PURE__ */
|
|
1841
|
+
/* @__PURE__ */ jsx28("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
1828
1842
|
] }) });
|
|
1829
1843
|
};
|
|
1830
1844
|
var TimeInput_default = TimeInput;
|
|
1831
1845
|
|
|
1832
1846
|
// src/components/controls/edit/InputControl.tsx
|
|
1833
|
-
import { jsx as
|
|
1847
|
+
import { jsx as jsx29 } from "react/jsx-runtime";
|
|
1834
1848
|
var InputControl = React29.forwardRef(
|
|
1835
1849
|
(props, ref) => {
|
|
1836
1850
|
const ControlComponents = {
|
|
@@ -1852,7 +1866,7 @@ var InputControl = React29.forwardRef(
|
|
|
1852
1866
|
[InputControlType_default.timeInput]: TimeInput_default
|
|
1853
1867
|
};
|
|
1854
1868
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
1855
|
-
return /* @__PURE__ */
|
|
1869
|
+
return /* @__PURE__ */ jsx29(React29.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx29(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
1856
1870
|
}
|
|
1857
1871
|
);
|
|
1858
1872
|
InputControl.displayName = "InputControl";
|
|
@@ -1864,46 +1878,46 @@ import { useRouter } from "next/navigation";
|
|
|
1864
1878
|
|
|
1865
1879
|
// src/components/dataForm/NoContentView.tsx
|
|
1866
1880
|
import React30 from "react";
|
|
1867
|
-
import { jsx as
|
|
1881
|
+
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
1868
1882
|
var NoContentView = (props) => {
|
|
1869
|
-
return /* @__PURE__ */
|
|
1883
|
+
return /* @__PURE__ */ jsx30(React30.Fragment, { children: props.isDataFound === false && props.children });
|
|
1870
1884
|
};
|
|
1871
1885
|
var NoContentView_default = NoContentView;
|
|
1872
1886
|
|
|
1873
1887
|
// src/components/dataForm/ContentView.tsx
|
|
1874
1888
|
import React31 from "react";
|
|
1875
|
-
import { jsx as
|
|
1889
|
+
import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
1876
1890
|
var ContentView = (props) => {
|
|
1877
1891
|
return /* @__PURE__ */ jsxs24(React31.Fragment, { children: [
|
|
1878
|
-
props.isDataFound == null && /* @__PURE__ */
|
|
1892
|
+
props.isDataFound == null && /* @__PURE__ */ jsx31("div", { className: "", children: /* @__PURE__ */ jsxs24("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
1879
1893
|
/* @__PURE__ */ jsxs24("div", { className: "flex items-center mb-4", children: [
|
|
1880
|
-
/* @__PURE__ */
|
|
1894
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
1881
1895
|
/* @__PURE__ */ jsxs24("div", { className: "ml-2", children: [
|
|
1882
|
-
/* @__PURE__ */
|
|
1883
|
-
/* @__PURE__ */
|
|
1896
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
1897
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
1884
1898
|
] })
|
|
1885
1899
|
] }),
|
|
1886
1900
|
/* @__PURE__ */ jsxs24("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
1887
1901
|
/* @__PURE__ */ jsxs24("div", { className: "animate-pulse", children: [
|
|
1888
|
-
/* @__PURE__ */
|
|
1889
|
-
/* @__PURE__ */
|
|
1890
|
-
/* @__PURE__ */
|
|
1891
|
-
/* @__PURE__ */
|
|
1892
|
-
/* @__PURE__ */
|
|
1902
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1903
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1904
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1905
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1906
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1893
1907
|
] }),
|
|
1894
1908
|
/* @__PURE__ */ jsxs24("div", { className: "animate-pulse", children: [
|
|
1895
|
-
/* @__PURE__ */
|
|
1896
|
-
/* @__PURE__ */
|
|
1897
|
-
/* @__PURE__ */
|
|
1898
|
-
/* @__PURE__ */
|
|
1899
|
-
/* @__PURE__ */
|
|
1909
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1910
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1911
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1912
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1913
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1900
1914
|
] }),
|
|
1901
1915
|
/* @__PURE__ */ jsxs24("div", { className: "animate-pulse", children: [
|
|
1902
|
-
/* @__PURE__ */
|
|
1903
|
-
/* @__PURE__ */
|
|
1904
|
-
/* @__PURE__ */
|
|
1905
|
-
/* @__PURE__ */
|
|
1906
|
-
/* @__PURE__ */
|
|
1916
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
1917
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
1918
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
1919
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
1920
|
+
/* @__PURE__ */ jsx31("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
1907
1921
|
] })
|
|
1908
1922
|
] })
|
|
1909
1923
|
] }) }),
|
|
@@ -1914,7 +1928,7 @@ var ContentView_default = ContentView;
|
|
|
1914
1928
|
|
|
1915
1929
|
// src/components/dataForm/Hyperlink.tsx
|
|
1916
1930
|
import Link from "next/link";
|
|
1917
|
-
import { Fragment as Fragment2, jsx as
|
|
1931
|
+
import { Fragment as Fragment2, jsx as jsx32 } from "react/jsx-runtime";
|
|
1918
1932
|
function Hyperlink(props) {
|
|
1919
1933
|
let linkClass = props.linkType ? buttonClasses.get(props.linkType) : "";
|
|
1920
1934
|
const target = props?.href?.startsWith("http") ? "_blank" : "_self";
|
|
@@ -1922,7 +1936,7 @@ function Hyperlink(props) {
|
|
|
1922
1936
|
if (target == "_blank") {
|
|
1923
1937
|
additionalProps.rel = "noopener noreferrer";
|
|
1924
1938
|
}
|
|
1925
|
-
return /* @__PURE__ */
|
|
1939
|
+
return /* @__PURE__ */ jsx32(Fragment2, { children: props.href ? /* @__PURE__ */ jsx32(
|
|
1926
1940
|
Link,
|
|
1927
1941
|
{
|
|
1928
1942
|
href: props.href,
|
|
@@ -1932,7 +1946,7 @@ function Hyperlink(props) {
|
|
|
1932
1946
|
target,
|
|
1933
1947
|
children: props.children
|
|
1934
1948
|
}
|
|
1935
|
-
) : props.isHeading ? /* @__PURE__ */
|
|
1949
|
+
) : props.isHeading ? /* @__PURE__ */ jsx32("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ jsx32("span", { className: props.className, children: props.children }) });
|
|
1936
1950
|
}
|
|
1937
1951
|
|
|
1938
1952
|
// src/clients/OdataBuilder.tsx
|
|
@@ -2090,30 +2104,30 @@ var OdataBuilder = class {
|
|
|
2090
2104
|
};
|
|
2091
2105
|
|
|
2092
2106
|
// src/svg/chevron-updown.tsx
|
|
2093
|
-
import { jsx as
|
|
2107
|
+
import { jsx as jsx33 } from "react/jsx-runtime";
|
|
2094
2108
|
var ChevronUpDown = (props) => {
|
|
2095
|
-
return /* @__PURE__ */
|
|
2109
|
+
return /* @__PURE__ */ jsx33("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx33("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
2096
2110
|
};
|
|
2097
2111
|
var chevron_updown_default = ChevronUpDown;
|
|
2098
2112
|
|
|
2099
2113
|
// src/svg/chevron-down.tsx
|
|
2100
|
-
import { jsx as
|
|
2114
|
+
import { jsx as jsx34 } from "react/jsx-runtime";
|
|
2101
2115
|
var ChevronDown = (props) => {
|
|
2102
|
-
return /* @__PURE__ */
|
|
2116
|
+
return /* @__PURE__ */ jsx34("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx34("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
2103
2117
|
};
|
|
2104
2118
|
var chevron_down_default = ChevronDown;
|
|
2105
2119
|
|
|
2106
2120
|
// src/svg/chevron-up.tsx
|
|
2107
|
-
import { jsx as
|
|
2121
|
+
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
2108
2122
|
var ChevronUp = (props) => {
|
|
2109
|
-
return /* @__PURE__ */
|
|
2123
|
+
return /* @__PURE__ */ jsx35("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx35("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
2110
2124
|
};
|
|
2111
2125
|
var chevron_up_default = ChevronUp;
|
|
2112
2126
|
|
|
2113
2127
|
// src/svg/plus.tsx
|
|
2114
|
-
import { jsx as
|
|
2128
|
+
import { jsx as jsx36 } from "react/jsx-runtime";
|
|
2115
2129
|
var Plus = (props) => {
|
|
2116
|
-
return /* @__PURE__ */
|
|
2130
|
+
return /* @__PURE__ */ jsx36("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx36("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
2117
2131
|
};
|
|
2118
2132
|
var plus_default = Plus;
|
|
2119
2133
|
|
|
@@ -2127,14 +2141,14 @@ var Icons = {
|
|
|
2127
2141
|
var Icons_default = Icons;
|
|
2128
2142
|
|
|
2129
2143
|
// src/svg/Icon.tsx
|
|
2130
|
-
import { jsx as
|
|
2144
|
+
import { jsx as jsx37 } from "react/jsx-runtime";
|
|
2131
2145
|
var Icon = ({ name, className, ...props }) => {
|
|
2132
2146
|
const IconComponent = Icons_default[name];
|
|
2133
2147
|
if (!IconComponent) {
|
|
2134
2148
|
console.error(`Icon "${name}" not found.`);
|
|
2135
2149
|
return null;
|
|
2136
2150
|
}
|
|
2137
|
-
return /* @__PURE__ */
|
|
2151
|
+
return /* @__PURE__ */ jsx37(IconComponent, { ...props, className });
|
|
2138
2152
|
};
|
|
2139
2153
|
var Icon_default = Icon;
|
|
2140
2154
|
|
|
@@ -2183,7 +2197,7 @@ function FormReducer(state, action) {
|
|
|
2183
2197
|
var FormReducer_default = FormReducer;
|
|
2184
2198
|
|
|
2185
2199
|
// src/components/dataForm/DataList.tsx
|
|
2186
|
-
import { Fragment as Fragment3, jsx as
|
|
2200
|
+
import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
2187
2201
|
var DataList = (props) => {
|
|
2188
2202
|
console.log(props.dataset, "datasetssssss");
|
|
2189
2203
|
const router = useRouter();
|
|
@@ -2206,7 +2220,7 @@ var DataList = (props) => {
|
|
|
2206
2220
|
if (path.includes(".")) {
|
|
2207
2221
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
2208
2222
|
} else if (Array.isArray(obj[path])) {
|
|
2209
|
-
return obj[path].map((item, index) => /* @__PURE__ */
|
|
2223
|
+
return obj[path].map((item, index) => /* @__PURE__ */ jsx38("div", { children: item }, index));
|
|
2210
2224
|
} else {
|
|
2211
2225
|
return obj[path];
|
|
2212
2226
|
}
|
|
@@ -2262,30 +2276,30 @@ var DataList = (props) => {
|
|
|
2262
2276
|
const renderPageNumbers = () => {
|
|
2263
2277
|
if (pages <= 10) {
|
|
2264
2278
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
2265
|
-
(page) => /* @__PURE__ */
|
|
2279
|
+
(page) => /* @__PURE__ */ jsx38(React32.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx38(
|
|
2266
2280
|
Hyperlink,
|
|
2267
2281
|
{
|
|
2268
2282
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2269
2283
|
href: builder.getNewPageUrl(page),
|
|
2270
2284
|
children: page
|
|
2271
2285
|
}
|
|
2272
|
-
) : /* @__PURE__ */
|
|
2286
|
+
) : /* @__PURE__ */ jsx38("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
2273
2287
|
);
|
|
2274
2288
|
} else {
|
|
2275
2289
|
const showFirstPages = activePageNumber <= 5;
|
|
2276
2290
|
const showLastPages = activePageNumber > pages - 5;
|
|
2277
2291
|
if (showFirstPages) {
|
|
2278
2292
|
return /* @__PURE__ */ jsxs25(Fragment3, { children: [
|
|
2279
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */
|
|
2293
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx38(React32.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx38(
|
|
2280
2294
|
Hyperlink,
|
|
2281
2295
|
{
|
|
2282
2296
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2283
2297
|
href: builder.getNewPageUrl(page),
|
|
2284
2298
|
children: page
|
|
2285
2299
|
}
|
|
2286
|
-
) : /* @__PURE__ */
|
|
2287
|
-
/* @__PURE__ */
|
|
2288
|
-
/* @__PURE__ */
|
|
2300
|
+
) : /* @__PURE__ */ jsx38("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
2301
|
+
/* @__PURE__ */ jsx38("span", { className: "px-2 py-1", children: "..." }),
|
|
2302
|
+
/* @__PURE__ */ jsx38(
|
|
2289
2303
|
Hyperlink,
|
|
2290
2304
|
{
|
|
2291
2305
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2293,7 +2307,7 @@ var DataList = (props) => {
|
|
|
2293
2307
|
children: pages - 1
|
|
2294
2308
|
}
|
|
2295
2309
|
),
|
|
2296
|
-
/* @__PURE__ */
|
|
2310
|
+
/* @__PURE__ */ jsx38(
|
|
2297
2311
|
Hyperlink,
|
|
2298
2312
|
{
|
|
2299
2313
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2301,7 +2315,7 @@ var DataList = (props) => {
|
|
|
2301
2315
|
children: pages
|
|
2302
2316
|
}
|
|
2303
2317
|
),
|
|
2304
|
-
/* @__PURE__ */
|
|
2318
|
+
/* @__PURE__ */ jsx38("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs25(
|
|
2305
2319
|
"select",
|
|
2306
2320
|
{
|
|
2307
2321
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2313,18 +2327,18 @@ var DataList = (props) => {
|
|
|
2313
2327
|
}
|
|
2314
2328
|
},
|
|
2315
2329
|
children: [
|
|
2316
|
-
/* @__PURE__ */
|
|
2330
|
+
/* @__PURE__ */ jsx38("option", { className: "", value: "", children: "Jump to" }),
|
|
2317
2331
|
Array.from(
|
|
2318
2332
|
{ length: Math.max(0, pages - 10) },
|
|
2319
2333
|
(_, index) => index + 9
|
|
2320
|
-
).map((page) => /* @__PURE__ */
|
|
2334
|
+
).map((page) => /* @__PURE__ */ jsx38("option", { value: page, children: page }, page))
|
|
2321
2335
|
]
|
|
2322
2336
|
}
|
|
2323
2337
|
) })
|
|
2324
2338
|
] });
|
|
2325
2339
|
} else if (showLastPages) {
|
|
2326
2340
|
return /* @__PURE__ */ jsxs25(Fragment3, { children: [
|
|
2327
|
-
/* @__PURE__ */
|
|
2341
|
+
/* @__PURE__ */ jsx38(
|
|
2328
2342
|
Hyperlink,
|
|
2329
2343
|
{
|
|
2330
2344
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2332,7 +2346,7 @@ var DataList = (props) => {
|
|
|
2332
2346
|
children: "1"
|
|
2333
2347
|
}
|
|
2334
2348
|
),
|
|
2335
|
-
/* @__PURE__ */
|
|
2349
|
+
/* @__PURE__ */ jsx38(
|
|
2336
2350
|
Hyperlink,
|
|
2337
2351
|
{
|
|
2338
2352
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2340,21 +2354,21 @@ var DataList = (props) => {
|
|
|
2340
2354
|
children: "2"
|
|
2341
2355
|
}
|
|
2342
2356
|
),
|
|
2343
|
-
/* @__PURE__ */
|
|
2357
|
+
/* @__PURE__ */ jsx38("span", { className: "px-2 py-1", children: "..." }),
|
|
2344
2358
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
2345
|
-
(page) => /* @__PURE__ */
|
|
2359
|
+
(page) => /* @__PURE__ */ jsx38(React32.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx38(
|
|
2346
2360
|
Hyperlink,
|
|
2347
2361
|
{
|
|
2348
2362
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2349
2363
|
href: builder.getNewPageUrl(page),
|
|
2350
2364
|
children: page
|
|
2351
2365
|
}
|
|
2352
|
-
) : /* @__PURE__ */
|
|
2366
|
+
) : /* @__PURE__ */ jsx38("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
2353
2367
|
)
|
|
2354
2368
|
] });
|
|
2355
2369
|
} else {
|
|
2356
2370
|
return /* @__PURE__ */ jsxs25(Fragment3, { children: [
|
|
2357
|
-
/* @__PURE__ */
|
|
2371
|
+
/* @__PURE__ */ jsx38(
|
|
2358
2372
|
Hyperlink,
|
|
2359
2373
|
{
|
|
2360
2374
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2362,7 +2376,7 @@ var DataList = (props) => {
|
|
|
2362
2376
|
children: "1"
|
|
2363
2377
|
}
|
|
2364
2378
|
),
|
|
2365
|
-
/* @__PURE__ */
|
|
2379
|
+
/* @__PURE__ */ jsx38(
|
|
2366
2380
|
Hyperlink,
|
|
2367
2381
|
{
|
|
2368
2382
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2370,20 +2384,20 @@ var DataList = (props) => {
|
|
|
2370
2384
|
children: "2"
|
|
2371
2385
|
}
|
|
2372
2386
|
),
|
|
2373
|
-
/* @__PURE__ */
|
|
2387
|
+
/* @__PURE__ */ jsx38("span", { className: "px-2 py-1", children: "..." }),
|
|
2374
2388
|
Array.from(
|
|
2375
2389
|
{ length: 5 },
|
|
2376
2390
|
(_, index) => activePageNumber - 2 + index
|
|
2377
|
-
).map((page) => /* @__PURE__ */
|
|
2391
|
+
).map((page) => /* @__PURE__ */ jsx38(React32.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx38(
|
|
2378
2392
|
Hyperlink,
|
|
2379
2393
|
{
|
|
2380
2394
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2381
2395
|
href: builder.getNewPageUrl(page),
|
|
2382
2396
|
children: page
|
|
2383
2397
|
}
|
|
2384
|
-
) : /* @__PURE__ */
|
|
2385
|
-
/* @__PURE__ */
|
|
2386
|
-
/* @__PURE__ */
|
|
2398
|
+
) : /* @__PURE__ */ jsx38("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
2399
|
+
/* @__PURE__ */ jsx38("span", { className: "px-2 py-1", children: "..." }),
|
|
2400
|
+
/* @__PURE__ */ jsx38(
|
|
2387
2401
|
Hyperlink,
|
|
2388
2402
|
{
|
|
2389
2403
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2391,7 +2405,7 @@ var DataList = (props) => {
|
|
|
2391
2405
|
children: pages - 1
|
|
2392
2406
|
}
|
|
2393
2407
|
),
|
|
2394
|
-
/* @__PURE__ */
|
|
2408
|
+
/* @__PURE__ */ jsx38(
|
|
2395
2409
|
Hyperlink,
|
|
2396
2410
|
{
|
|
2397
2411
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2399,7 +2413,7 @@ var DataList = (props) => {
|
|
|
2399
2413
|
children: pages
|
|
2400
2414
|
}
|
|
2401
2415
|
),
|
|
2402
|
-
/* @__PURE__ */
|
|
2416
|
+
/* @__PURE__ */ jsx38("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs25(
|
|
2403
2417
|
"select",
|
|
2404
2418
|
{
|
|
2405
2419
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2411,8 +2425,8 @@ var DataList = (props) => {
|
|
|
2411
2425
|
}
|
|
2412
2426
|
},
|
|
2413
2427
|
children: [
|
|
2414
|
-
/* @__PURE__ */
|
|
2415
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */
|
|
2428
|
+
/* @__PURE__ */ jsx38("option", { value: "", children: "Jump to" }),
|
|
2429
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx38("option", { value: page, children: page }, page))
|
|
2416
2430
|
]
|
|
2417
2431
|
}
|
|
2418
2432
|
) })
|
|
@@ -2427,9 +2441,9 @@ var DataList = (props) => {
|
|
|
2427
2441
|
{
|
|
2428
2442
|
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 sticky top-0`,
|
|
2429
2443
|
children: [
|
|
2430
|
-
props.title ? /* @__PURE__ */
|
|
2444
|
+
props.title ? /* @__PURE__ */ jsx38("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx38("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx38("div", {}),
|
|
2431
2445
|
/* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3", children: [
|
|
2432
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
2446
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx38(
|
|
2433
2447
|
InputControl_default,
|
|
2434
2448
|
{
|
|
2435
2449
|
name: filter.name,
|
|
@@ -2451,8 +2465,8 @@ var DataList = (props) => {
|
|
|
2451
2465
|
linkType: "Primary" /* Solid */,
|
|
2452
2466
|
href: props.addLinkHref,
|
|
2453
2467
|
children: [
|
|
2454
|
-
/* @__PURE__ */
|
|
2455
|
-
/* @__PURE__ */
|
|
2468
|
+
/* @__PURE__ */ jsx38(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2469
|
+
/* @__PURE__ */ jsx38("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2456
2470
|
]
|
|
2457
2471
|
}
|
|
2458
2472
|
)
|
|
@@ -2460,8 +2474,8 @@ var DataList = (props) => {
|
|
|
2460
2474
|
]
|
|
2461
2475
|
}
|
|
2462
2476
|
),
|
|
2463
|
-
/* @__PURE__ */
|
|
2464
|
-
/* @__PURE__ */
|
|
2477
|
+
/* @__PURE__ */ jsx38("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs25("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
2478
|
+
/* @__PURE__ */ jsx38("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx38("tr", { children: props?.columns?.map((column) => {
|
|
2465
2479
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2466
2480
|
let icon = "chevronUpDown";
|
|
2467
2481
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2471,36 +2485,36 @@ var DataList = (props) => {
|
|
|
2471
2485
|
icon = "chevronUp";
|
|
2472
2486
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2473
2487
|
}
|
|
2474
|
-
return /* @__PURE__ */
|
|
2488
|
+
return /* @__PURE__ */ jsx38(
|
|
2475
2489
|
"th",
|
|
2476
2490
|
{
|
|
2477
2491
|
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
2478
|
-
children: /* @__PURE__ */
|
|
2479
|
-
/* @__PURE__ */
|
|
2480
|
-
column.enableSorting && /* @__PURE__ */
|
|
2492
|
+
children: /* @__PURE__ */ jsx38(Hyperlink, { href: url, className: "!text-neutral-contrast ", children: /* @__PURE__ */ jsxs25("span", { className: "flex items-center space-x-1", children: [
|
|
2493
|
+
/* @__PURE__ */ jsx38("span", { className: "text-black", children: column.label }),
|
|
2494
|
+
column.enableSorting && /* @__PURE__ */ jsx38(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2481
2495
|
] }) })
|
|
2482
2496
|
},
|
|
2483
2497
|
column.name
|
|
2484
2498
|
);
|
|
2485
2499
|
}) }) }),
|
|
2486
|
-
/* @__PURE__ */
|
|
2500
|
+
/* @__PURE__ */ jsx38("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
2487
2501
|
let validityClass = "";
|
|
2488
2502
|
console.log("dataitem", dataitem);
|
|
2489
2503
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
2490
2504
|
validityClass = "bg-alert-200";
|
|
2491
2505
|
}
|
|
2492
|
-
return /* @__PURE__ */
|
|
2506
|
+
return /* @__PURE__ */ jsx38("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
2493
2507
|
console.log("column", column);
|
|
2494
|
-
return /* @__PURE__ */
|
|
2508
|
+
return /* @__PURE__ */ jsx38(React32.Fragment, { children: /* @__PURE__ */ jsx38(
|
|
2495
2509
|
"td",
|
|
2496
2510
|
{
|
|
2497
2511
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
2498
|
-
children: column.addhref === true ? /* @__PURE__ */
|
|
2512
|
+
children: column.addhref === true ? /* @__PURE__ */ jsx38(
|
|
2499
2513
|
Hyperlink,
|
|
2500
2514
|
{
|
|
2501
2515
|
className: "",
|
|
2502
2516
|
href: `https://${dataitem[column.name]}`,
|
|
2503
|
-
children: /* @__PURE__ */
|
|
2517
|
+
children: /* @__PURE__ */ jsx38(
|
|
2504
2518
|
ViewControl_default,
|
|
2505
2519
|
{
|
|
2506
2520
|
controlType: column.controlType,
|
|
@@ -2513,11 +2527,11 @@ var DataList = (props) => {
|
|
|
2513
2527
|
}
|
|
2514
2528
|
)
|
|
2515
2529
|
}
|
|
2516
|
-
) : column.showAsLink ? /* @__PURE__ */
|
|
2530
|
+
) : column.showAsLink ? /* @__PURE__ */ jsx38(
|
|
2517
2531
|
Hyperlink,
|
|
2518
2532
|
{
|
|
2519
2533
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
2520
|
-
children: /* @__PURE__ */
|
|
2534
|
+
children: /* @__PURE__ */ jsx38(
|
|
2521
2535
|
ViewControl_default,
|
|
2522
2536
|
{
|
|
2523
2537
|
controlType: column.controlType,
|
|
@@ -2527,7 +2541,7 @@ var DataList = (props) => {
|
|
|
2527
2541
|
}
|
|
2528
2542
|
)
|
|
2529
2543
|
}
|
|
2530
|
-
) : /* @__PURE__ */
|
|
2544
|
+
) : /* @__PURE__ */ jsx38(
|
|
2531
2545
|
ViewControl_default,
|
|
2532
2546
|
{
|
|
2533
2547
|
controlType: column.controlType,
|
|
@@ -2541,10 +2555,10 @@ var DataList = (props) => {
|
|
|
2541
2555
|
}) }, index);
|
|
2542
2556
|
}) })
|
|
2543
2557
|
] }) }),
|
|
2544
|
-
/* @__PURE__ */
|
|
2545
|
-
/* @__PURE__ */
|
|
2558
|
+
/* @__PURE__ */ jsx38("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between", children: [
|
|
2559
|
+
/* @__PURE__ */ jsx38("div", { className: "text-gray-700", children: label }),
|
|
2546
2560
|
/* @__PURE__ */ jsxs25("div", { className: "flex space-x-2 items-center", children: [
|
|
2547
|
-
activePageNumber > 1 && /* @__PURE__ */
|
|
2561
|
+
activePageNumber > 1 && /* @__PURE__ */ jsx38(
|
|
2548
2562
|
Hyperlink,
|
|
2549
2563
|
{
|
|
2550
2564
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2552,9 +2566,9 @@ var DataList = (props) => {
|
|
|
2552
2566
|
children: "Prev"
|
|
2553
2567
|
}
|
|
2554
2568
|
),
|
|
2555
|
-
activePageNumber <= 1 && /* @__PURE__ */
|
|
2569
|
+
activePageNumber <= 1 && /* @__PURE__ */ jsx38("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" }),
|
|
2556
2570
|
renderPageNumbers(),
|
|
2557
|
-
activePageNumber < pages && /* @__PURE__ */
|
|
2571
|
+
activePageNumber < pages && /* @__PURE__ */ jsx38(
|
|
2558
2572
|
Hyperlink,
|
|
2559
2573
|
{
|
|
2560
2574
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2562,7 +2576,7 @@ var DataList = (props) => {
|
|
|
2562
2576
|
children: "Next"
|
|
2563
2577
|
}
|
|
2564
2578
|
),
|
|
2565
|
-
activePageNumber >= pages && /* @__PURE__ */
|
|
2579
|
+
activePageNumber >= pages && /* @__PURE__ */ jsx38("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
2566
2580
|
] })
|
|
2567
2581
|
] }) })
|
|
2568
2582
|
] }),
|
|
@@ -2572,9 +2586,9 @@ var DataList = (props) => {
|
|
|
2572
2586
|
{
|
|
2573
2587
|
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`,
|
|
2574
2588
|
children: [
|
|
2575
|
-
props.title ? /* @__PURE__ */
|
|
2589
|
+
props.title ? /* @__PURE__ */ jsx38("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx38("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx38("div", {}),
|
|
2576
2590
|
/* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-3", children: [
|
|
2577
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */
|
|
2591
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx38(
|
|
2578
2592
|
InputControl_default,
|
|
2579
2593
|
{
|
|
2580
2594
|
name: filter.name,
|
|
@@ -2596,8 +2610,8 @@ var DataList = (props) => {
|
|
|
2596
2610
|
linkType: "Primary" /* Solid */,
|
|
2597
2611
|
href: props.addLinkHref,
|
|
2598
2612
|
children: [
|
|
2599
|
-
/* @__PURE__ */
|
|
2600
|
-
/* @__PURE__ */
|
|
2613
|
+
/* @__PURE__ */ jsx38(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2614
|
+
/* @__PURE__ */ jsx38("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2601
2615
|
]
|
|
2602
2616
|
}
|
|
2603
2617
|
)
|
|
@@ -2606,7 +2620,7 @@ var DataList = (props) => {
|
|
|
2606
2620
|
}
|
|
2607
2621
|
),
|
|
2608
2622
|
/* @__PURE__ */ jsxs25("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
2609
|
-
/* @__PURE__ */
|
|
2623
|
+
/* @__PURE__ */ jsx38("div", { children: /* @__PURE__ */ jsx38("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx38("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx38("tr", { children: props?.columns?.map((column) => {
|
|
2610
2624
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2611
2625
|
let icon = "chevronUpDown";
|
|
2612
2626
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2616,19 +2630,19 @@ var DataList = (props) => {
|
|
|
2616
2630
|
icon = "chevronUp";
|
|
2617
2631
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2618
2632
|
}
|
|
2619
|
-
return /* @__PURE__ */
|
|
2633
|
+
return /* @__PURE__ */ jsx38(
|
|
2620
2634
|
"th",
|
|
2621
2635
|
{
|
|
2622
2636
|
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
2623
|
-
children: /* @__PURE__ */
|
|
2624
|
-
/* @__PURE__ */
|
|
2625
|
-
column.enableSorting && /* @__PURE__ */
|
|
2637
|
+
children: /* @__PURE__ */ jsx38(Hyperlink, { href: url, className: "text-body-950", children: /* @__PURE__ */ jsxs25("span", { className: "flex items-center space-x-1", children: [
|
|
2638
|
+
/* @__PURE__ */ jsx38("span", { children: column.label }),
|
|
2639
|
+
column.enableSorting && /* @__PURE__ */ jsx38(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2626
2640
|
] }) })
|
|
2627
2641
|
},
|
|
2628
2642
|
column.name
|
|
2629
2643
|
);
|
|
2630
2644
|
}) }) }) }) }),
|
|
2631
|
-
/* @__PURE__ */
|
|
2645
|
+
/* @__PURE__ */ jsx38("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
2632
2646
|
] })
|
|
2633
2647
|
] })
|
|
2634
2648
|
] });
|
|
@@ -2642,7 +2656,7 @@ import React45 from "react";
|
|
|
2642
2656
|
import React34 from "react";
|
|
2643
2657
|
|
|
2644
2658
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
2645
|
-
import { jsx as
|
|
2659
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
2646
2660
|
var TextNode = (props) => {
|
|
2647
2661
|
function cssStringToJson(cssString) {
|
|
2648
2662
|
const styleObject = {};
|
|
@@ -2702,22 +2716,22 @@ var TextNode = (props) => {
|
|
|
2702
2716
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
2703
2717
|
return (
|
|
2704
2718
|
// @ts-expect-error custom code
|
|
2705
|
-
/* @__PURE__ */
|
|
2719
|
+
/* @__PURE__ */ jsx39("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text })
|
|
2706
2720
|
);
|
|
2707
2721
|
};
|
|
2708
2722
|
var TextNode_default = TextNode;
|
|
2709
2723
|
|
|
2710
2724
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
2711
|
-
import { jsx as
|
|
2725
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
2712
2726
|
var LineBreakNode = () => {
|
|
2713
|
-
return /* @__PURE__ */
|
|
2727
|
+
return /* @__PURE__ */ jsx40("div", { className: "py-0.5 lg:py-1.5" });
|
|
2714
2728
|
};
|
|
2715
2729
|
var LineBreakNode_default = LineBreakNode;
|
|
2716
2730
|
|
|
2717
2731
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
2718
2732
|
import React33 from "react";
|
|
2719
2733
|
import Link2 from "next/link";
|
|
2720
|
-
import { jsx as
|
|
2734
|
+
import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
2721
2735
|
var LinkNode = (props) => {
|
|
2722
2736
|
const NodeTypes2 = {
|
|
2723
2737
|
["text"]: TextNode_default
|
|
@@ -2728,18 +2742,18 @@ var LinkNode = (props) => {
|
|
|
2728
2742
|
return /* @__PURE__ */ jsxs26(Link2, { className: formatClasses, href: props.node.url, title: props.node.title, children: [
|
|
2729
2743
|
props.node.children && props.node.children.map((node, index) => {
|
|
2730
2744
|
const SelectedNode = NodeTypes2[node.type];
|
|
2731
|
-
return /* @__PURE__ */
|
|
2745
|
+
return /* @__PURE__ */ jsx41(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx41(SelectedNode, { node }) }, index);
|
|
2732
2746
|
}),
|
|
2733
|
-
props.node.children.length == 0 && /* @__PURE__ */
|
|
2747
|
+
props.node.children.length == 0 && /* @__PURE__ */ jsx41("br", {})
|
|
2734
2748
|
] });
|
|
2735
2749
|
};
|
|
2736
2750
|
var LinkNode_default = LinkNode;
|
|
2737
2751
|
|
|
2738
2752
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
2739
|
-
import { jsx as
|
|
2753
|
+
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
2740
2754
|
var SVGIconNode = ({ node }) => {
|
|
2741
2755
|
if (!node?.svgCode) return null;
|
|
2742
|
-
return /* @__PURE__ */
|
|
2756
|
+
return /* @__PURE__ */ jsx42(
|
|
2743
2757
|
"span",
|
|
2744
2758
|
{
|
|
2745
2759
|
style: {
|
|
@@ -2756,7 +2770,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
2756
2770
|
|
|
2757
2771
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
2758
2772
|
import katex from "katex";
|
|
2759
|
-
import { jsx as
|
|
2773
|
+
import { jsx as jsx43 } from "react/jsx-runtime";
|
|
2760
2774
|
var EquationNode = ({ node }) => {
|
|
2761
2775
|
const { equation, inline } = node;
|
|
2762
2776
|
let html = "";
|
|
@@ -2771,7 +2785,7 @@ var EquationNode = ({ node }) => {
|
|
|
2771
2785
|
});
|
|
2772
2786
|
}
|
|
2773
2787
|
if (inline) {
|
|
2774
|
-
return /* @__PURE__ */
|
|
2788
|
+
return /* @__PURE__ */ jsx43(
|
|
2775
2789
|
"span",
|
|
2776
2790
|
{
|
|
2777
2791
|
className: "katex-inline",
|
|
@@ -2779,7 +2793,7 @@ var EquationNode = ({ node }) => {
|
|
|
2779
2793
|
}
|
|
2780
2794
|
);
|
|
2781
2795
|
}
|
|
2782
|
-
return /* @__PURE__ */
|
|
2796
|
+
return /* @__PURE__ */ jsx43(
|
|
2783
2797
|
"div",
|
|
2784
2798
|
{
|
|
2785
2799
|
className: "katex-block my-3 text-center",
|
|
@@ -2790,7 +2804,7 @@ var EquationNode = ({ node }) => {
|
|
|
2790
2804
|
var EquationNode_default = EquationNode;
|
|
2791
2805
|
|
|
2792
2806
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
2793
|
-
import { jsx as
|
|
2807
|
+
import { jsx as jsx44 } from "react/jsx-runtime";
|
|
2794
2808
|
function getNestedProperty(obj, path) {
|
|
2795
2809
|
if (!obj || !path) return null;
|
|
2796
2810
|
if (path.includes(".")) {
|
|
@@ -2803,7 +2817,7 @@ function getNestedProperty(obj, path) {
|
|
|
2803
2817
|
}
|
|
2804
2818
|
const value = obj[path];
|
|
2805
2819
|
if (Array.isArray(value)) {
|
|
2806
|
-
return value.map((item, index) => /* @__PURE__ */
|
|
2820
|
+
return value.map((item, index) => /* @__PURE__ */ jsx44("div", { children: String(item) }, index));
|
|
2807
2821
|
}
|
|
2808
2822
|
return value;
|
|
2809
2823
|
}
|
|
@@ -2864,7 +2878,7 @@ var DatafieldNode = (props) => {
|
|
|
2864
2878
|
const dataType = props.node.dataType;
|
|
2865
2879
|
if (isEmptyValue) return null;
|
|
2866
2880
|
if (dataType === "rawContent") {
|
|
2867
|
-
return /* @__PURE__ */
|
|
2881
|
+
return /* @__PURE__ */ jsx44(
|
|
2868
2882
|
PageBodyRenderer_default,
|
|
2869
2883
|
{
|
|
2870
2884
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -2879,12 +2893,12 @@ var DatafieldNode = (props) => {
|
|
|
2879
2893
|
}
|
|
2880
2894
|
);
|
|
2881
2895
|
}
|
|
2882
|
-
return /* @__PURE__ */
|
|
2896
|
+
return /* @__PURE__ */ jsx44(
|
|
2883
2897
|
"span",
|
|
2884
2898
|
{
|
|
2885
2899
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
2886
2900
|
style: styles,
|
|
2887
|
-
children: /* @__PURE__ */
|
|
2901
|
+
children: /* @__PURE__ */ jsx44(
|
|
2888
2902
|
ViewControl_default,
|
|
2889
2903
|
{
|
|
2890
2904
|
controlType: dataType,
|
|
@@ -2897,7 +2911,7 @@ var DatafieldNode = (props) => {
|
|
|
2897
2911
|
var DatafieldNode_default = DatafieldNode;
|
|
2898
2912
|
|
|
2899
2913
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
2900
|
-
import { Fragment as Fragment4, jsx as
|
|
2914
|
+
import { Fragment as Fragment4, jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
2901
2915
|
var ParagraphNode = (props) => {
|
|
2902
2916
|
const NodeTypes2 = {
|
|
2903
2917
|
["text"]: TextNode_default,
|
|
@@ -2917,9 +2931,9 @@ var ParagraphNode = (props) => {
|
|
|
2917
2931
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
2918
2932
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
2919
2933
|
if (isInlineOnlyParent) {
|
|
2920
|
-
return /* @__PURE__ */
|
|
2934
|
+
return /* @__PURE__ */ jsx45(Fragment4, { children: hasChildren && props.node.children.map((node, index) => {
|
|
2921
2935
|
const SelectedNode = NodeTypes2[node.type];
|
|
2922
|
-
return /* @__PURE__ */
|
|
2936
|
+
return /* @__PURE__ */ jsx45(React34.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(
|
|
2923
2937
|
SelectedNode,
|
|
2924
2938
|
{
|
|
2925
2939
|
node,
|
|
@@ -2934,7 +2948,7 @@ var ParagraphNode = (props) => {
|
|
|
2934
2948
|
return /* @__PURE__ */ jsxs27("div", { className: " " + formatClasses, children: [
|
|
2935
2949
|
hasChildren && props.node.children.map((node, index) => {
|
|
2936
2950
|
const SelectedNode = NodeTypes2[node.type];
|
|
2937
|
-
return /* @__PURE__ */
|
|
2951
|
+
return /* @__PURE__ */ jsx45(React34.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(
|
|
2938
2952
|
SelectedNode,
|
|
2939
2953
|
{
|
|
2940
2954
|
node,
|
|
@@ -2945,14 +2959,14 @@ var ParagraphNode = (props) => {
|
|
|
2945
2959
|
}
|
|
2946
2960
|
) }, index);
|
|
2947
2961
|
}),
|
|
2948
|
-
!hasChildren && /* @__PURE__ */
|
|
2962
|
+
!hasChildren && /* @__PURE__ */ jsx45("div", { className: "py-1.5 lg:py-2" })
|
|
2949
2963
|
] });
|
|
2950
2964
|
};
|
|
2951
2965
|
var ParagraphNode_default = ParagraphNode;
|
|
2952
2966
|
|
|
2953
2967
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
2954
2968
|
import React35 from "react";
|
|
2955
|
-
import { Fragment as Fragment5, jsx as
|
|
2969
|
+
import { Fragment as Fragment5, jsx as jsx46 } from "react/jsx-runtime";
|
|
2956
2970
|
var HeadingNode = (props) => {
|
|
2957
2971
|
const NodeTypes2 = {
|
|
2958
2972
|
["text"]: TextNode_default,
|
|
@@ -2968,12 +2982,12 @@ var HeadingNode = (props) => {
|
|
|
2968
2982
|
{
|
|
2969
2983
|
}
|
|
2970
2984
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
2971
|
-
return /* @__PURE__ */
|
|
2985
|
+
return /* @__PURE__ */ jsx46(Fragment5, { children: React35.createElement(
|
|
2972
2986
|
HeadingTag,
|
|
2973
2987
|
{ className: formatClasses },
|
|
2974
2988
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
2975
2989
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
2976
|
-
return /* @__PURE__ */
|
|
2990
|
+
return /* @__PURE__ */ jsx46(React35.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
2977
2991
|
})
|
|
2978
2992
|
) });
|
|
2979
2993
|
};
|
|
@@ -2984,7 +2998,7 @@ import React37 from "react";
|
|
|
2984
2998
|
|
|
2985
2999
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
2986
3000
|
import React36 from "react";
|
|
2987
|
-
import { jsx as
|
|
3001
|
+
import { jsx as jsx47 } from "react/jsx-runtime";
|
|
2988
3002
|
var ListItemNode = (props) => {
|
|
2989
3003
|
const NodeTypes2 = {
|
|
2990
3004
|
text: TextNode_default,
|
|
@@ -3001,37 +3015,37 @@ var ListItemNode = (props) => {
|
|
|
3001
3015
|
liStyle.fontSize = match[1].trim();
|
|
3002
3016
|
}
|
|
3003
3017
|
}
|
|
3004
|
-
return /* @__PURE__ */
|
|
3018
|
+
return /* @__PURE__ */ jsx47("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
3005
3019
|
const SelectedNode = NodeTypes2[node.type];
|
|
3006
3020
|
if (node.type === "linebreak") {
|
|
3007
3021
|
if (!foundFirstBreak) {
|
|
3008
3022
|
foundFirstBreak = true;
|
|
3009
|
-
return /* @__PURE__ */
|
|
3023
|
+
return /* @__PURE__ */ jsx47("div", {}, index);
|
|
3010
3024
|
} else {
|
|
3011
|
-
return /* @__PURE__ */
|
|
3025
|
+
return /* @__PURE__ */ jsx47("div", { className: "py-1 lg:py-2" }, index);
|
|
3012
3026
|
}
|
|
3013
3027
|
} else {
|
|
3014
3028
|
foundFirstBreak = false;
|
|
3015
|
-
return /* @__PURE__ */
|
|
3029
|
+
return /* @__PURE__ */ jsx47(React36.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3016
3030
|
}
|
|
3017
3031
|
}) });
|
|
3018
3032
|
};
|
|
3019
3033
|
var ListItemNode_default = ListItemNode;
|
|
3020
3034
|
|
|
3021
3035
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
3022
|
-
import { jsx as
|
|
3036
|
+
import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
3023
3037
|
var ListNode = (props) => {
|
|
3024
3038
|
const NodeTypes2 = {
|
|
3025
3039
|
listitem: ListItemNode_default
|
|
3026
3040
|
};
|
|
3027
3041
|
return /* @__PURE__ */ jsxs28(React37.Fragment, { children: [
|
|
3028
|
-
props.node.listType == "bullet" && /* @__PURE__ */
|
|
3042
|
+
props.node.listType == "bullet" && /* @__PURE__ */ jsx48("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3029
3043
|
const SelectedNode = NodeTypes2[node.type];
|
|
3030
|
-
return /* @__PURE__ */
|
|
3044
|
+
return /* @__PURE__ */ jsx48(React37.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3031
3045
|
}) }),
|
|
3032
|
-
props.node.listType == "number" && /* @__PURE__ */
|
|
3046
|
+
props.node.listType == "number" && /* @__PURE__ */ jsx48("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3033
3047
|
const SelectedNode = NodeTypes2[node.type];
|
|
3034
|
-
return /* @__PURE__ */
|
|
3048
|
+
return /* @__PURE__ */ jsx48(React37.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3035
3049
|
}) })
|
|
3036
3050
|
] });
|
|
3037
3051
|
};
|
|
@@ -3039,16 +3053,16 @@ var ListNode_default = ListNode;
|
|
|
3039
3053
|
|
|
3040
3054
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
3041
3055
|
import React38 from "react";
|
|
3042
|
-
import { jsx as
|
|
3056
|
+
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
3043
3057
|
var QuoteNode = (props) => {
|
|
3044
3058
|
const NodeTypes2 = {
|
|
3045
3059
|
["text"]: TextNode_default,
|
|
3046
3060
|
["linebreak"]: LineBreakNode_default,
|
|
3047
3061
|
["link"]: LinkNode_default
|
|
3048
3062
|
};
|
|
3049
|
-
return /* @__PURE__ */
|
|
3063
|
+
return /* @__PURE__ */ jsx49("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3050
3064
|
const SelectedNode = NodeTypes2[node.type];
|
|
3051
|
-
return /* @__PURE__ */
|
|
3065
|
+
return /* @__PURE__ */ jsx49(React38.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx49(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
3052
3066
|
}) });
|
|
3053
3067
|
};
|
|
3054
3068
|
var QuoteNode_default = QuoteNode;
|
|
@@ -3056,11 +3070,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
3056
3070
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
3057
3071
|
import React39 from "react";
|
|
3058
3072
|
import dynamic from "next/dynamic";
|
|
3059
|
-
import { jsx as
|
|
3073
|
+
import { jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3060
3074
|
var CopyButton = dynamic(() => import("./CopyButton-XONTQQW7.mjs"), {
|
|
3061
3075
|
ssr: false,
|
|
3062
3076
|
// optional: fallback UI while loading
|
|
3063
|
-
loading: () => /* @__PURE__ */
|
|
3077
|
+
loading: () => /* @__PURE__ */ jsx50("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
3064
3078
|
});
|
|
3065
3079
|
var CodeNode = (props) => {
|
|
3066
3080
|
const NodeTypes2 = {
|
|
@@ -3076,12 +3090,12 @@ var CodeNode = (props) => {
|
|
|
3076
3090
|
}).join("") ?? "";
|
|
3077
3091
|
return /* @__PURE__ */ jsxs29("div", { children: [
|
|
3078
3092
|
/* @__PURE__ */ jsxs29("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
3079
|
-
/* @__PURE__ */
|
|
3080
|
-
/* @__PURE__ */
|
|
3093
|
+
/* @__PURE__ */ jsx50("span", { children: "Code Snippet" }),
|
|
3094
|
+
/* @__PURE__ */ jsx50(CopyButton, { text: textContent })
|
|
3081
3095
|
] }),
|
|
3082
|
-
/* @__PURE__ */
|
|
3096
|
+
/* @__PURE__ */ jsx50("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) => {
|
|
3083
3097
|
const SelectedNode = NodeTypes2[node.type];
|
|
3084
|
-
return /* @__PURE__ */
|
|
3098
|
+
return /* @__PURE__ */ jsx50(React39.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx50(
|
|
3085
3099
|
SelectedNode,
|
|
3086
3100
|
{
|
|
3087
3101
|
node,
|
|
@@ -3096,9 +3110,9 @@ var CodeNode = (props) => {
|
|
|
3096
3110
|
var CodeNode_default = CodeNode;
|
|
3097
3111
|
|
|
3098
3112
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
3099
|
-
import { jsx as
|
|
3113
|
+
import { jsx as jsx51 } from "react/jsx-runtime";
|
|
3100
3114
|
var HorizontalRuleNode = () => {
|
|
3101
|
-
return /* @__PURE__ */
|
|
3115
|
+
return /* @__PURE__ */ jsx51("hr", {});
|
|
3102
3116
|
};
|
|
3103
3117
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
3104
3118
|
|
|
@@ -3130,7 +3144,7 @@ var AssetUtility_default = AssetUtility;
|
|
|
3130
3144
|
import dynamic2 from "next/dynamic";
|
|
3131
3145
|
|
|
3132
3146
|
// src/components/DeviceAssetSelector.tsx
|
|
3133
|
-
import { jsx as
|
|
3147
|
+
import { jsx as jsx52 } from "react/jsx-runtime";
|
|
3134
3148
|
var DeviceAssetSelector = ({
|
|
3135
3149
|
assets,
|
|
3136
3150
|
assetBaseUrl,
|
|
@@ -3205,7 +3219,7 @@ var DeviceAssetSelector = ({
|
|
|
3205
3219
|
const formatClasses = FormatClass[nodeProps?.format || ""] || "";
|
|
3206
3220
|
const renderMedia = () => {
|
|
3207
3221
|
if (isHls) {
|
|
3208
|
-
return /* @__PURE__ */
|
|
3222
|
+
return /* @__PURE__ */ jsx52(
|
|
3209
3223
|
HlsPlayer_default,
|
|
3210
3224
|
{
|
|
3211
3225
|
assetUrl: resolvedAssetUrl,
|
|
@@ -3222,7 +3236,7 @@ var DeviceAssetSelector = ({
|
|
|
3222
3236
|
} else {
|
|
3223
3237
|
return (
|
|
3224
3238
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
3225
|
-
/* @__PURE__ */
|
|
3239
|
+
/* @__PURE__ */ jsx52(
|
|
3226
3240
|
"img",
|
|
3227
3241
|
{
|
|
3228
3242
|
style: styles,
|
|
@@ -3238,17 +3252,17 @@ var DeviceAssetSelector = ({
|
|
|
3238
3252
|
}
|
|
3239
3253
|
};
|
|
3240
3254
|
if (width) {
|
|
3241
|
-
return /* @__PURE__ */
|
|
3255
|
+
return /* @__PURE__ */ jsx52("div", { style: { width }, children: renderMedia() });
|
|
3242
3256
|
}
|
|
3243
3257
|
if (nodeProps?.format) {
|
|
3244
|
-
return /* @__PURE__ */
|
|
3258
|
+
return /* @__PURE__ */ jsx52("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3245
3259
|
}
|
|
3246
3260
|
return renderMedia();
|
|
3247
3261
|
};
|
|
3248
3262
|
var DeviceAssetSelector_default = DeviceAssetSelector;
|
|
3249
3263
|
|
|
3250
3264
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
3251
|
-
import { Fragment as Fragment6, jsx as
|
|
3265
|
+
import { Fragment as Fragment6, jsx as jsx53 } from "react/jsx-runtime";
|
|
3252
3266
|
var HlsPlayer = dynamic2(() => import("./HlsPlayer-FFEIK6FG.mjs"), {
|
|
3253
3267
|
ssr: false
|
|
3254
3268
|
});
|
|
@@ -3291,7 +3305,7 @@ var ImageNode = (props) => {
|
|
|
3291
3305
|
console.error("Error parsing assets in ImageNode:", error);
|
|
3292
3306
|
}
|
|
3293
3307
|
if (assets && assets.length > 0) {
|
|
3294
|
-
return /* @__PURE__ */
|
|
3308
|
+
return /* @__PURE__ */ jsx53(Fragment6, { children: /* @__PURE__ */ jsx53(
|
|
3295
3309
|
DeviceAssetSelector_default,
|
|
3296
3310
|
{
|
|
3297
3311
|
device: props.device,
|
|
@@ -3340,7 +3354,7 @@ var ImageNode = (props) => {
|
|
|
3340
3354
|
const isHls = imageUrl?.endsWith(".m3u8");
|
|
3341
3355
|
const renderMedia = () => {
|
|
3342
3356
|
if (isHls) {
|
|
3343
|
-
return /* @__PURE__ */
|
|
3357
|
+
return /* @__PURE__ */ jsx53(
|
|
3344
3358
|
HlsPlayer,
|
|
3345
3359
|
{
|
|
3346
3360
|
assetUrl: imageUrl,
|
|
@@ -3355,7 +3369,7 @@ var ImageNode = (props) => {
|
|
|
3355
3369
|
}
|
|
3356
3370
|
);
|
|
3357
3371
|
} else {
|
|
3358
|
-
return /* @__PURE__ */
|
|
3372
|
+
return /* @__PURE__ */ jsx53(React40.Fragment, { children: /* @__PURE__ */ jsx53(
|
|
3359
3373
|
"img",
|
|
3360
3374
|
{
|
|
3361
3375
|
style: styles,
|
|
@@ -3370,14 +3384,14 @@ var ImageNode = (props) => {
|
|
|
3370
3384
|
}
|
|
3371
3385
|
};
|
|
3372
3386
|
if (props.node.width) {
|
|
3373
|
-
return /* @__PURE__ */
|
|
3387
|
+
return /* @__PURE__ */ jsx53("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3374
3388
|
}
|
|
3375
3389
|
return renderMedia();
|
|
3376
3390
|
};
|
|
3377
3391
|
var ImageNode_default = ImageNode;
|
|
3378
3392
|
|
|
3379
3393
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
3380
|
-
import { Fragment as Fragment7, jsx as
|
|
3394
|
+
import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
3381
3395
|
var WidgetNode = (props) => {
|
|
3382
3396
|
const getWidgetParameters = () => {
|
|
3383
3397
|
const widgetInputParameters = {
|
|
@@ -3434,7 +3448,7 @@ var WidgetNode = (props) => {
|
|
|
3434
3448
|
};
|
|
3435
3449
|
const widgetCode = props.node?.widgetCode;
|
|
3436
3450
|
if (!widgetCode) {
|
|
3437
|
-
return /* @__PURE__ */
|
|
3451
|
+
return /* @__PURE__ */ jsx54(Fragment7, { children: "Invalid widget" });
|
|
3438
3452
|
}
|
|
3439
3453
|
const SelectedWidget = getWidget(widgetCode);
|
|
3440
3454
|
if (!SelectedWidget) {
|
|
@@ -3449,7 +3463,7 @@ var WidgetNode = (props) => {
|
|
|
3449
3463
|
const widgetParams = getWidgetParameters();
|
|
3450
3464
|
return (
|
|
3451
3465
|
// eslint-disable-next-line react-hooks/static-components
|
|
3452
|
-
/* @__PURE__ */
|
|
3466
|
+
/* @__PURE__ */ jsx54(
|
|
3453
3467
|
SelectedWidget,
|
|
3454
3468
|
{
|
|
3455
3469
|
params: widgetParams,
|
|
@@ -3468,9 +3482,9 @@ var WidgetNode_default = WidgetNode;
|
|
|
3468
3482
|
import React41, { useRef as useRef3, useReducer as useReducer2, useCallback as useCallback3, useEffect as useEffect7 } from "react";
|
|
3469
3483
|
|
|
3470
3484
|
// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
|
|
3471
|
-
import { jsx as
|
|
3485
|
+
import { jsx as jsx55 } from "react/jsx-runtime";
|
|
3472
3486
|
var InputControlNode = (props) => {
|
|
3473
|
-
return /* @__PURE__ */
|
|
3487
|
+
return /* @__PURE__ */ jsx55("div", { children: /* @__PURE__ */ jsx55(
|
|
3474
3488
|
InputControl_default,
|
|
3475
3489
|
{
|
|
3476
3490
|
name: props.node.name,
|
|
@@ -3704,7 +3718,7 @@ var ServiceClient = class {
|
|
|
3704
3718
|
var ServiceClient_default = ServiceClient;
|
|
3705
3719
|
|
|
3706
3720
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
3707
|
-
import { jsx as
|
|
3721
|
+
import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
3708
3722
|
var FormContainerNode = (props) => {
|
|
3709
3723
|
const NodeTypes2 = {
|
|
3710
3724
|
["input-control"]: InputControlNode_default
|
|
@@ -3739,7 +3753,7 @@ var FormContainerNode = (props) => {
|
|
|
3739
3753
|
{
|
|
3740
3754
|
}
|
|
3741
3755
|
const SelectedNode = NodeTypes2[node2.type];
|
|
3742
|
-
return /* @__PURE__ */
|
|
3756
|
+
return /* @__PURE__ */ jsx56(React41.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx56(
|
|
3743
3757
|
InputControlNode_default,
|
|
3744
3758
|
{
|
|
3745
3759
|
value: formState.inputValues[node2.name],
|
|
@@ -3748,7 +3762,7 @@ var FormContainerNode = (props) => {
|
|
|
3748
3762
|
}
|
|
3749
3763
|
) }, index);
|
|
3750
3764
|
}),
|
|
3751
|
-
node.children.length == 0 && /* @__PURE__ */
|
|
3765
|
+
node.children.length == 0 && /* @__PURE__ */ jsx56("div", { className: "py-0.5 lg:py-1.5" })
|
|
3752
3766
|
] });
|
|
3753
3767
|
};
|
|
3754
3768
|
var FormContainerNode_default = FormContainerNode;
|
|
@@ -3758,7 +3772,7 @@ import React44 from "react";
|
|
|
3758
3772
|
|
|
3759
3773
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
3760
3774
|
import dynamic3 from "next/dynamic";
|
|
3761
|
-
import { jsx as
|
|
3775
|
+
import { jsx as jsx57 } from "react/jsx-runtime";
|
|
3762
3776
|
var IframeClient = dynamic3(() => import("./IframeClient-J22NMEVY.mjs"), {
|
|
3763
3777
|
ssr: false
|
|
3764
3778
|
});
|
|
@@ -3771,13 +3785,13 @@ var EmbedNode = (props) => {
|
|
|
3771
3785
|
} else {
|
|
3772
3786
|
src = props.node.embedSrc;
|
|
3773
3787
|
}
|
|
3774
|
-
return /* @__PURE__ */
|
|
3788
|
+
return /* @__PURE__ */ jsx57("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx57(IframeClient, { src }) });
|
|
3775
3789
|
};
|
|
3776
3790
|
var EmbedNode_default = EmbedNode;
|
|
3777
3791
|
|
|
3778
3792
|
// src/components/Slider.tsx
|
|
3779
3793
|
import React42, { useState as useState8, useEffect as useEffect8, Children, cloneElement } from "react";
|
|
3780
|
-
import { Fragment as Fragment8, jsx as
|
|
3794
|
+
import { Fragment as Fragment8, jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
3781
3795
|
var Slider = ({
|
|
3782
3796
|
children,
|
|
3783
3797
|
slidesToShow = 4,
|
|
@@ -3874,7 +3888,7 @@ var Slider = ({
|
|
|
3874
3888
|
if (!React42.isValidElement(child)) return null;
|
|
3875
3889
|
const childProps = child.props;
|
|
3876
3890
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
3877
|
-
return /* @__PURE__ */
|
|
3891
|
+
return /* @__PURE__ */ jsx58(
|
|
3878
3892
|
"div",
|
|
3879
3893
|
{
|
|
3880
3894
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -3904,7 +3918,7 @@ var Slider = ({
|
|
|
3904
3918
|
onMouseEnter: handleMouseEnter,
|
|
3905
3919
|
onMouseLeave: handleMouseLeave,
|
|
3906
3920
|
children: [
|
|
3907
|
-
/* @__PURE__ */
|
|
3921
|
+
/* @__PURE__ */ jsx58(
|
|
3908
3922
|
"div",
|
|
3909
3923
|
{
|
|
3910
3924
|
className: "flex h-full",
|
|
@@ -3916,14 +3930,14 @@ var Slider = ({
|
|
|
3916
3930
|
}
|
|
3917
3931
|
),
|
|
3918
3932
|
show_arrows && /* @__PURE__ */ jsxs32(Fragment8, { children: [
|
|
3919
|
-
/* @__PURE__ */
|
|
3933
|
+
/* @__PURE__ */ jsx58(
|
|
3920
3934
|
ArrowButton,
|
|
3921
3935
|
{
|
|
3922
3936
|
direction: "left",
|
|
3923
3937
|
onClick: prevSlide,
|
|
3924
3938
|
visible: infinite_scroll || currentSlide > 0,
|
|
3925
3939
|
className: arrowClassName,
|
|
3926
|
-
children: /* @__PURE__ */
|
|
3940
|
+
children: /* @__PURE__ */ jsx58("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx58("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
3927
3941
|
}
|
|
3928
3942
|
),
|
|
3929
3943
|
/* @__PURE__ */ jsxs32(
|
|
@@ -3934,13 +3948,13 @@ var Slider = ({
|
|
|
3934
3948
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
3935
3949
|
className: arrowClassName,
|
|
3936
3950
|
children: [
|
|
3937
|
-
/* @__PURE__ */
|
|
3951
|
+
/* @__PURE__ */ jsx58("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx58("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
3938
3952
|
" "
|
|
3939
3953
|
]
|
|
3940
3954
|
}
|
|
3941
3955
|
)
|
|
3942
3956
|
] }),
|
|
3943
|
-
show_dots && /* @__PURE__ */
|
|
3957
|
+
show_dots && /* @__PURE__ */ jsx58("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx58(
|
|
3944
3958
|
ProgressPill,
|
|
3945
3959
|
{
|
|
3946
3960
|
active: index === currentSlide,
|
|
@@ -3966,7 +3980,7 @@ var ArrowButton = ({
|
|
|
3966
3980
|
visible,
|
|
3967
3981
|
children,
|
|
3968
3982
|
className = ""
|
|
3969
|
-
}) => /* @__PURE__ */
|
|
3983
|
+
}) => /* @__PURE__ */ jsx58(
|
|
3970
3984
|
"button",
|
|
3971
3985
|
{
|
|
3972
3986
|
className: `
|
|
@@ -4053,7 +4067,7 @@ var ProgressPill = ({
|
|
|
4053
4067
|
const renderProgressBar = () => {
|
|
4054
4068
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4055
4069
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4056
|
-
return /* @__PURE__ */
|
|
4070
|
+
return /* @__PURE__ */ jsx58(
|
|
4057
4071
|
"div",
|
|
4058
4072
|
{
|
|
4059
4073
|
className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
|
|
@@ -4065,7 +4079,7 @@ var ProgressPill = ({
|
|
|
4065
4079
|
};
|
|
4066
4080
|
const renderCumulativeFill = () => {
|
|
4067
4081
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4068
|
-
return /* @__PURE__ */
|
|
4082
|
+
return /* @__PURE__ */ jsx58(
|
|
4069
4083
|
"div",
|
|
4070
4084
|
{
|
|
4071
4085
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4251,10 +4265,10 @@ var PathUtility = class {
|
|
|
4251
4265
|
var PathUtility_default = new PathUtility();
|
|
4252
4266
|
|
|
4253
4267
|
// src/components/NoDataFound.tsx
|
|
4254
|
-
import { jsx as
|
|
4268
|
+
import { jsx as jsx59, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
4255
4269
|
var NoDataFound = () => {
|
|
4256
4270
|
return /* @__PURE__ */ jsxs33("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
4257
|
-
/* @__PURE__ */
|
|
4271
|
+
/* @__PURE__ */ jsx59("div", { className: "mb-5", children: /* @__PURE__ */ jsx59("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx59(
|
|
4258
4272
|
"svg",
|
|
4259
4273
|
{
|
|
4260
4274
|
className: "w-10 h-10",
|
|
@@ -4262,7 +4276,7 @@ var NoDataFound = () => {
|
|
|
4262
4276
|
stroke: "currentColor",
|
|
4263
4277
|
viewBox: "0 0 24 24",
|
|
4264
4278
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4265
|
-
children: /* @__PURE__ */
|
|
4279
|
+
children: /* @__PURE__ */ jsx59(
|
|
4266
4280
|
"path",
|
|
4267
4281
|
{
|
|
4268
4282
|
strokeLinecap: "round",
|
|
@@ -4273,15 +4287,15 @@ var NoDataFound = () => {
|
|
|
4273
4287
|
)
|
|
4274
4288
|
}
|
|
4275
4289
|
) }) }),
|
|
4276
|
-
/* @__PURE__ */
|
|
4277
|
-
/* @__PURE__ */
|
|
4290
|
+
/* @__PURE__ */ jsx59("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
4291
|
+
/* @__PURE__ */ jsx59("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
4278
4292
|
] });
|
|
4279
4293
|
};
|
|
4280
4294
|
var NoDataFound_default = NoDataFound;
|
|
4281
4295
|
|
|
4282
4296
|
// src/components/Pagination.tsx
|
|
4283
4297
|
import { useMemo } from "react";
|
|
4284
|
-
import { jsx as
|
|
4298
|
+
import { jsx as jsx60, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
4285
4299
|
var Pagination = (props) => {
|
|
4286
4300
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4287
4301
|
const builder = useMemo(() => {
|
|
@@ -4325,7 +4339,7 @@ var Pagination = (props) => {
|
|
|
4325
4339
|
return range;
|
|
4326
4340
|
};
|
|
4327
4341
|
const paginationRange = getPaginationRange();
|
|
4328
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */
|
|
4342
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ jsx60(
|
|
4329
4343
|
Hyperlink,
|
|
4330
4344
|
{
|
|
4331
4345
|
linkType: "Link" /* Link */,
|
|
@@ -4340,9 +4354,9 @@ var Pagination = (props) => {
|
|
|
4340
4354
|
);
|
|
4341
4355
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4342
4356
|
if (disabled) {
|
|
4343
|
-
return /* @__PURE__ */
|
|
4357
|
+
return /* @__PURE__ */ jsx60("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border bg-neutral-base cursor-not-allowed", children });
|
|
4344
4358
|
}
|
|
4345
|
-
return /* @__PURE__ */
|
|
4359
|
+
return /* @__PURE__ */ jsx60(
|
|
4346
4360
|
Hyperlink,
|
|
4347
4361
|
{
|
|
4348
4362
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
|
|
@@ -4363,7 +4377,7 @@ var Pagination = (props) => {
|
|
|
4363
4377
|
] }),
|
|
4364
4378
|
" ",
|
|
4365
4379
|
"out of ",
|
|
4366
|
-
/* @__PURE__ */
|
|
4380
|
+
/* @__PURE__ */ jsx60("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4367
4381
|
" results"
|
|
4368
4382
|
] }),
|
|
4369
4383
|
totalPages > 1 && /* @__PURE__ */ jsxs34("div", { className: "flex items-center space-x-1", children: [
|
|
@@ -4373,14 +4387,14 @@ var Pagination = (props) => {
|
|
|
4373
4387
|
page: activePageNumber - 1,
|
|
4374
4388
|
disabled: activePageNumber === 1,
|
|
4375
4389
|
children: [
|
|
4376
|
-
/* @__PURE__ */
|
|
4377
|
-
/* @__PURE__ */
|
|
4390
|
+
/* @__PURE__ */ jsx60("span", { children: /* @__PURE__ */ jsx60(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
4391
|
+
/* @__PURE__ */ jsx60("span", { className: "text-sm", children: "Prev" })
|
|
4378
4392
|
]
|
|
4379
4393
|
}
|
|
4380
4394
|
),
|
|
4381
4395
|
paginationRange.map((item, index) => {
|
|
4382
4396
|
if (item === "...") {
|
|
4383
|
-
return /* @__PURE__ */
|
|
4397
|
+
return /* @__PURE__ */ jsx60(
|
|
4384
4398
|
"span",
|
|
4385
4399
|
{
|
|
4386
4400
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -4390,7 +4404,7 @@ var Pagination = (props) => {
|
|
|
4390
4404
|
);
|
|
4391
4405
|
}
|
|
4392
4406
|
const page = item;
|
|
4393
|
-
return /* @__PURE__ */
|
|
4407
|
+
return /* @__PURE__ */ jsx60(PageButton, { page, children: page }, page);
|
|
4394
4408
|
}),
|
|
4395
4409
|
/* @__PURE__ */ jsxs34(
|
|
4396
4410
|
NavigationButton,
|
|
@@ -4398,15 +4412,15 @@ var Pagination = (props) => {
|
|
|
4398
4412
|
page: activePageNumber + 1,
|
|
4399
4413
|
disabled: activePageNumber === totalPages,
|
|
4400
4414
|
children: [
|
|
4401
|
-
/* @__PURE__ */
|
|
4402
|
-
/* @__PURE__ */
|
|
4415
|
+
/* @__PURE__ */ jsx60("span", { className: "text-sm", children: "Next" }),
|
|
4416
|
+
/* @__PURE__ */ jsx60("span", { children: /* @__PURE__ */ jsx60(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
4403
4417
|
]
|
|
4404
4418
|
}
|
|
4405
4419
|
)
|
|
4406
4420
|
] }),
|
|
4407
4421
|
showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs34("div", { className: "flex items-center space-x-2", children: [
|
|
4408
|
-
/* @__PURE__ */
|
|
4409
|
-
/* @__PURE__ */
|
|
4422
|
+
/* @__PURE__ */ jsx60("span", { className: "text-sm", children: "Go to:" }),
|
|
4423
|
+
/* @__PURE__ */ jsx60("div", { className: "relative", children: /* @__PURE__ */ jsx60(
|
|
4410
4424
|
"input",
|
|
4411
4425
|
{
|
|
4412
4426
|
type: "number",
|
|
@@ -4427,9 +4441,9 @@ var Pagination = (props) => {
|
|
|
4427
4441
|
) })
|
|
4428
4442
|
] })
|
|
4429
4443
|
] }),
|
|
4430
|
-
showPageSizeSelector && /* @__PURE__ */
|
|
4431
|
-
/* @__PURE__ */
|
|
4432
|
-
/* @__PURE__ */
|
|
4444
|
+
showPageSizeSelector && /* @__PURE__ */ jsx60("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs34("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
4445
|
+
/* @__PURE__ */ jsx60("span", { className: "text-sm", children: "Show:" }),
|
|
4446
|
+
/* @__PURE__ */ jsx60("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx60(
|
|
4433
4447
|
Hyperlink,
|
|
4434
4448
|
{
|
|
4435
4449
|
className: `
|
|
@@ -4441,7 +4455,7 @@ var Pagination = (props) => {
|
|
|
4441
4455
|
},
|
|
4442
4456
|
size
|
|
4443
4457
|
)) }),
|
|
4444
|
-
/* @__PURE__ */
|
|
4458
|
+
/* @__PURE__ */ jsx60("span", { className: "text-sm", children: "per page" })
|
|
4445
4459
|
] }) })
|
|
4446
4460
|
] });
|
|
4447
4461
|
};
|
|
@@ -4449,7 +4463,7 @@ var Pagination_default = Pagination;
|
|
|
4449
4463
|
|
|
4450
4464
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
4451
4465
|
import dynamic4 from "next/dynamic";
|
|
4452
|
-
import { jsx as
|
|
4466
|
+
import { jsx as jsx61 } from "react/jsx-runtime";
|
|
4453
4467
|
var HlsPlayer1 = dynamic4(() => import("./HlsPlayer-FFEIK6FG.mjs"), {
|
|
4454
4468
|
ssr: false
|
|
4455
4469
|
});
|
|
@@ -4486,7 +4500,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4486
4500
|
right: "justify-end"
|
|
4487
4501
|
};
|
|
4488
4502
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
4489
|
-
return /* @__PURE__ */
|
|
4503
|
+
return /* @__PURE__ */ jsx61("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
|
|
4490
4504
|
const imageUrl = resolveImageUrl(img.imageUrl);
|
|
4491
4505
|
if (!imageUrl) return null;
|
|
4492
4506
|
const posterUrl = resolvePosterUrl(img.posterUrl);
|
|
@@ -4494,7 +4508,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4494
4508
|
const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
|
|
4495
4509
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
4496
4510
|
const alt = img.title || "Gallery image";
|
|
4497
|
-
return /* @__PURE__ */
|
|
4511
|
+
return /* @__PURE__ */ jsx61("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ jsx61(
|
|
4498
4512
|
HlsPlayer1,
|
|
4499
4513
|
{
|
|
4500
4514
|
assetUrl: imageUrl,
|
|
@@ -4509,7 +4523,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4509
4523
|
}
|
|
4510
4524
|
) : (
|
|
4511
4525
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
4512
|
-
/* @__PURE__ */
|
|
4526
|
+
/* @__PURE__ */ jsx61(
|
|
4513
4527
|
"img",
|
|
4514
4528
|
{
|
|
4515
4529
|
loading: "lazy",
|
|
@@ -4526,7 +4540,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4526
4540
|
var ImageGalleryNode_default = ImageGalleryNode;
|
|
4527
4541
|
|
|
4528
4542
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
4529
|
-
import { jsx as
|
|
4543
|
+
import { jsx as jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
4530
4544
|
function toCamelCase(str) {
|
|
4531
4545
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
4532
4546
|
}
|
|
@@ -4709,7 +4723,7 @@ var DivContainer = async (props) => {
|
|
|
4709
4723
|
response = await serviceClient.get(endpoint);
|
|
4710
4724
|
result = response?.result;
|
|
4711
4725
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
4712
|
-
return /* @__PURE__ */
|
|
4726
|
+
return /* @__PURE__ */ jsx62(NoDataFound_default, {});
|
|
4713
4727
|
}
|
|
4714
4728
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
4715
4729
|
childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
|
|
@@ -4721,7 +4735,7 @@ var DivContainer = async (props) => {
|
|
|
4721
4735
|
}
|
|
4722
4736
|
const SelectedNode = NodeTypes2[node.type];
|
|
4723
4737
|
if (!SelectedNode) return null;
|
|
4724
|
-
return /* @__PURE__ */
|
|
4738
|
+
return /* @__PURE__ */ jsx62(React44.Fragment, { children: /* @__PURE__ */ jsx62(
|
|
4725
4739
|
SelectedNode,
|
|
4726
4740
|
{
|
|
4727
4741
|
node,
|
|
@@ -4822,8 +4836,8 @@ var DivContainer = async (props) => {
|
|
|
4822
4836
|
props.node.bgClass
|
|
4823
4837
|
].filter(Boolean).join(" ");
|
|
4824
4838
|
return /* @__PURE__ */ jsxs35(React44.Fragment, { children: [
|
|
4825
|
-
/* @__PURE__ */
|
|
4826
|
-
/* @__PURE__ */
|
|
4839
|
+
/* @__PURE__ */ jsx62("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
|
|
4840
|
+
/* @__PURE__ */ jsx62(React44.Fragment, { children: /* @__PURE__ */ jsx62(
|
|
4827
4841
|
Wrapper,
|
|
4828
4842
|
{
|
|
4829
4843
|
id: guid,
|
|
@@ -4832,18 +4846,18 @@ var DivContainer = async (props) => {
|
|
|
4832
4846
|
...wrapperProps,
|
|
4833
4847
|
children: dataToRender.map(
|
|
4834
4848
|
(item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
|
|
4835
|
-
(child, i) => /* @__PURE__ */
|
|
4849
|
+
(child, i) => /* @__PURE__ */ jsx62(React44.Fragment, { children: child }, i)
|
|
4836
4850
|
) : renderChildren(props.node.children, props, item, idx)
|
|
4837
4851
|
)
|
|
4838
4852
|
}
|
|
4839
4853
|
) }),
|
|
4840
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */
|
|
4854
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx62("div", { children: /* @__PURE__ */ jsx62(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
|
|
4841
4855
|
] });
|
|
4842
4856
|
};
|
|
4843
4857
|
var DivContainer_default = DivContainer;
|
|
4844
4858
|
|
|
4845
4859
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
4846
|
-
import { jsx as
|
|
4860
|
+
import { jsx as jsx63 } from "react/jsx-runtime";
|
|
4847
4861
|
var NodeTypes = {
|
|
4848
4862
|
["paragraph"]: ParagraphNode_default,
|
|
4849
4863
|
["heading"]: HeadingNode_default,
|
|
@@ -4871,11 +4885,11 @@ var PageBodyRenderer = (props) => {
|
|
|
4871
4885
|
if (pageBodyTree && pageBodyTree.root) {
|
|
4872
4886
|
rootNode = pageBodyTree.root;
|
|
4873
4887
|
}
|
|
4874
|
-
return /* @__PURE__ */
|
|
4888
|
+
return /* @__PURE__ */ jsx63(React45.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
4875
4889
|
{
|
|
4876
4890
|
}
|
|
4877
4891
|
const SelectedNode = NodeTypes[node.type];
|
|
4878
|
-
return /* @__PURE__ */
|
|
4892
|
+
return /* @__PURE__ */ jsx63(React45.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx63(React45.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx63(React45.Fragment, { children: /* @__PURE__ */ jsx63(
|
|
4879
4893
|
SelectedNode,
|
|
4880
4894
|
{
|
|
4881
4895
|
node,
|
|
@@ -4890,7 +4904,7 @@ var PageBodyRenderer = (props) => {
|
|
|
4890
4904
|
assetBaseUrl: props.assetBaseUrl,
|
|
4891
4905
|
device: props.device
|
|
4892
4906
|
}
|
|
4893
|
-
) }) : /* @__PURE__ */
|
|
4907
|
+
) }) : /* @__PURE__ */ jsx63(React45.Fragment, { children: /* @__PURE__ */ jsx63(
|
|
4894
4908
|
SelectedNode,
|
|
4895
4909
|
{
|
|
4896
4910
|
node,
|