@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260831113446 → 0.8.1-dev.20260901043813
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/{CommentRendererClient-JYDYPHSQ.mjs → CommentRendererClient-FU5ZMGBV.mjs} +46 -2
- package/dist/{CommentRendererClient-5OIJYJ5Z.mjs → CommentRendererClient-L6GILW7U.mjs} +46 -2
- package/dist/{DataBindingControls-Y4JXUDZV.mjs → DataBindingControls-ANAEGFPF.mjs} +2 -2
- package/dist/{DataBindingControls-JLAO3NJL.mjs → DataBindingControls-GA2UILYQ.mjs} +2 -2
- package/dist/{InputControlClient-XC24HYZX.mjs → InputControlClient-HDT3N6ZI.mjs} +80 -262
- package/dist/{InputControlClient-POQDFVL3.mjs → InputControlClient-ZM6VEU6Q.mjs} +2 -7
- package/dist/{Pagination-T7Z2NXKO.mjs → Pagination-JGUQJ2DH.mjs} +2 -2
- package/dist/{Pagination-QBPYDD66.mjs → Pagination-LNJ27L7U.mjs} +2 -2
- package/dist/{chunk-5TQWVOWH.mjs → chunk-2VS554XP.mjs} +1 -1
- package/dist/{chunk-GGG5MJLN.mjs → chunk-37F2HMKK.mjs} +1 -1
- package/dist/{chunk-E4VOFO5Q.mjs → chunk-DTWPZPSX.mjs} +0 -3
- package/dist/{chunk-4R7F7LBL.mjs → chunk-IEY342PD.mjs} +0 -3
- package/dist/{chunk-XTG4JW2O.mjs → chunk-PE3NKJNR.mjs} +34 -215
- package/dist/{chunk-X5ERUUQV.mjs → chunk-RG3CISAA.mjs} +1 -1
- package/dist/index.d.mts +1 -8
- package/dist/index.d.ts +1 -8
- package/dist/index.js +682 -840
- package/dist/index.mjs +7 -11
- package/dist/server.js +210 -362
- package/dist/server.mjs +5 -5
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1722,7 +1722,7 @@ var init_CommentFileNode = __esm({
|
|
|
1722
1722
|
});
|
|
1723
1723
|
|
|
1724
1724
|
// src/components/controls/view/CommentNodeRenderer.tsx
|
|
1725
|
-
var import_react19, import_jsx_runtime25, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
|
|
1725
|
+
var import_react19, import_jsx_runtime25, LINK_STYLE, URL_PATTERN, linkifyText, TextLeafNode, renderChildren, headingLevelFromTag, CommentNodeRenderer, CommentNodeRenderer_default;
|
|
1726
1726
|
var init_CommentNodeRenderer = __esm({
|
|
1727
1727
|
"src/components/controls/view/CommentNodeRenderer.tsx"() {
|
|
1728
1728
|
"use strict";
|
|
@@ -1731,8 +1731,42 @@ var init_CommentNodeRenderer = __esm({
|
|
|
1731
1731
|
init_CommentImageNode();
|
|
1732
1732
|
init_CommentFileNode();
|
|
1733
1733
|
import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1734
|
+
LINK_STYLE = { textDecoration: "underline", wordBreak: "break-word" };
|
|
1735
|
+
URL_PATTERN = /(https?:\/\/[^\s<>"']+|www\.[^\s<>"']+)/gi;
|
|
1736
|
+
linkifyText = (text, keyPrefix) => {
|
|
1737
|
+
const parts = text.split(URL_PATTERN);
|
|
1738
|
+
if (parts.length === 1) {
|
|
1739
|
+
return text;
|
|
1740
|
+
}
|
|
1741
|
+
return parts.map((part, index) => {
|
|
1742
|
+
if (!part) {
|
|
1743
|
+
return null;
|
|
1744
|
+
}
|
|
1745
|
+
const isUrl = index % 2 === 1;
|
|
1746
|
+
if (!isUrl) {
|
|
1747
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react19.default.Fragment, { children: part }, `${keyPrefix}-${index}`);
|
|
1748
|
+
}
|
|
1749
|
+
const trimmed = part.replace(/[.,;:!?)\]]+$/, "");
|
|
1750
|
+
const trailing = part.slice(trimmed.length);
|
|
1751
|
+
const href = trimmed.startsWith("www.") ? `https://${trimmed}` : trimmed;
|
|
1752
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react19.default.Fragment, { children: [
|
|
1753
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1754
|
+
"a",
|
|
1755
|
+
{
|
|
1756
|
+
href,
|
|
1757
|
+
target: "_blank",
|
|
1758
|
+
rel: "noopener noreferrer nofollow ugc",
|
|
1759
|
+
className: "comment-node-link bg-info-weak",
|
|
1760
|
+
style: LINK_STYLE,
|
|
1761
|
+
children: trimmed
|
|
1762
|
+
}
|
|
1763
|
+
),
|
|
1764
|
+
trailing
|
|
1765
|
+
] }, `${keyPrefix}-${index}`);
|
|
1766
|
+
});
|
|
1767
|
+
};
|
|
1734
1768
|
TextLeafNode = ({ node }) => {
|
|
1735
|
-
let content = node.text;
|
|
1769
|
+
let content = node.code ? node.text : linkifyText(node.text ?? "", node.id ?? "comment-text");
|
|
1736
1770
|
if (node.code) content = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("code", { className: "comment-node-code", children: content });
|
|
1737
1771
|
if (node.bold) content = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("strong", { children: content });
|
|
1738
1772
|
if (node.italic) content = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("em", { children: content });
|
|
@@ -1808,7 +1842,17 @@ var init_CommentNodeRenderer = __esm({
|
|
|
1808
1842
|
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(CommentFileNode_default, { node: element, assetBaseUrl });
|
|
1809
1843
|
case "link": {
|
|
1810
1844
|
const url = typeof element.url === "string" ? element.url : "#";
|
|
1811
|
-
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1845
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
1846
|
+
"a",
|
|
1847
|
+
{
|
|
1848
|
+
href: url,
|
|
1849
|
+
target: "_blank",
|
|
1850
|
+
rel: "noopener noreferrer",
|
|
1851
|
+
className: "comment-node-link bg-info-weak",
|
|
1852
|
+
style: LINK_STYLE,
|
|
1853
|
+
children: renderChildren(element.children, key, assetBaseUrl)
|
|
1854
|
+
}
|
|
1855
|
+
);
|
|
1812
1856
|
}
|
|
1813
1857
|
case "mention": {
|
|
1814
1858
|
const label = element.label ?? element.mentionName ?? element.text ?? "";
|
|
@@ -2169,7 +2213,6 @@ var init_InputControlType = __esm({
|
|
|
2169
2213
|
moneyInput: "money",
|
|
2170
2214
|
select: "select",
|
|
2171
2215
|
percentageInput: "percentage",
|
|
2172
|
-
asset: "asset",
|
|
2173
2216
|
assetUpload: "assetUpload",
|
|
2174
2217
|
phoneInput: "phone",
|
|
2175
2218
|
numberInput: "numberInput",
|
|
@@ -2180,11 +2223,9 @@ var init_InputControlType = __esm({
|
|
|
2180
2223
|
colorInput: "colorInput",
|
|
2181
2224
|
selectWithSearchInput: "selectWithSearchInput",
|
|
2182
2225
|
selectWithSearchPanel: "selectWithSearchPanel",
|
|
2183
|
-
booleanSelect: "booleanSelect",
|
|
2184
2226
|
switchInput: "switchInput",
|
|
2185
2227
|
dateInput: "dateInput",
|
|
2186
2228
|
radioInput: "radioInput",
|
|
2187
|
-
switcher: "switcher",
|
|
2188
2229
|
videoInput: "videoInput",
|
|
2189
2230
|
referenceInput: "referenceInput"
|
|
2190
2231
|
};
|
|
@@ -3479,106 +3520,13 @@ var init_SelectWithSearchPanel = __esm({
|
|
|
3479
3520
|
}
|
|
3480
3521
|
});
|
|
3481
3522
|
|
|
3482
|
-
// src/components/controls/edit/BooleanSelect.tsx
|
|
3483
|
-
var import_react38, import_jsx_runtime46, BooleanSelect, BooleanSelect_default;
|
|
3484
|
-
var init_BooleanSelect = __esm({
|
|
3485
|
-
"src/components/controls/edit/BooleanSelect.tsx"() {
|
|
3486
|
-
"use strict";
|
|
3487
|
-
import_react38 = __toESM(require("react"));
|
|
3488
|
-
import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3489
|
-
BooleanSelect = (props) => {
|
|
3490
|
-
const [list, setList] = (0, import_react38.useState)();
|
|
3491
|
-
const textChangeHandler = (event) => {
|
|
3492
|
-
const text = event.target.value;
|
|
3493
|
-
const boolValue = text?.toLowerCase() === "true" || text === "1";
|
|
3494
|
-
if (props.callback !== void 0) {
|
|
3495
|
-
props.callback({
|
|
3496
|
-
name: props.name,
|
|
3497
|
-
value: boolValue,
|
|
3498
|
-
index: props.index,
|
|
3499
|
-
groupKey: props.groupKey
|
|
3500
|
-
});
|
|
3501
|
-
}
|
|
3502
|
-
};
|
|
3503
|
-
(0, import_react38.useEffect)(() => {
|
|
3504
|
-
async function fetchData() {
|
|
3505
|
-
console.log("in select");
|
|
3506
|
-
if (props.dataset) {
|
|
3507
|
-
setList(props.dataset);
|
|
3508
|
-
} else if (props.dataSource && props.dataSource != "" && props.serviceClient) {
|
|
3509
|
-
let dataSource = props.dataSource;
|
|
3510
|
-
let response;
|
|
3511
|
-
if (props.dataSourceDependsOn) {
|
|
3512
|
-
if (props.dependentValue) {
|
|
3513
|
-
dataSource = dataSource.replace(
|
|
3514
|
-
`{${props.dataSourceDependsOn}}`,
|
|
3515
|
-
props.dependentValue
|
|
3516
|
-
);
|
|
3517
|
-
response = await props.serviceClient.get(dataSource);
|
|
3518
|
-
setList(response.result);
|
|
3519
|
-
}
|
|
3520
|
-
} else {
|
|
3521
|
-
response = await props.serviceClient.get(dataSource);
|
|
3522
|
-
setList(response.result);
|
|
3523
|
-
}
|
|
3524
|
-
}
|
|
3525
|
-
}
|
|
3526
|
-
fetchData();
|
|
3527
|
-
}, [
|
|
3528
|
-
props.dataSource,
|
|
3529
|
-
props.dependentValue,
|
|
3530
|
-
props.dataset,
|
|
3531
|
-
props.dataSourceDependsOn
|
|
3532
|
-
]);
|
|
3533
|
-
let value;
|
|
3534
|
-
if (props.value !== void 0 && props.value !== null) {
|
|
3535
|
-
value = props.value;
|
|
3536
|
-
}
|
|
3537
|
-
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react38.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("label", { className: "block", children: [
|
|
3538
|
-
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
3539
|
-
" ",
|
|
3540
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3541
|
-
/* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
|
|
3542
|
-
"select",
|
|
3543
|
-
{
|
|
3544
|
-
name: props.name,
|
|
3545
|
-
id: props.name,
|
|
3546
|
-
value,
|
|
3547
|
-
onChange: textChangeHandler,
|
|
3548
|
-
required: props?.attributes?.required,
|
|
3549
|
-
placeholder: props?.attributes?.placeholder,
|
|
3550
|
-
disabled: props?.attributes?.readOnly,
|
|
3551
|
-
className: "peer mt-1 py-1.5 block w-full text-black rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n ",
|
|
3552
|
-
children: [
|
|
3553
|
-
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
3554
|
-
list && list.map((item, i) => {
|
|
3555
|
-
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3556
|
-
"option",
|
|
3557
|
-
{
|
|
3558
|
-
className: "fac-select-option",
|
|
3559
|
-
value: item[props.dataKeyFieldName],
|
|
3560
|
-
children: item[props.dataTextFieldName]
|
|
3561
|
-
},
|
|
3562
|
-
item[props.dataKeyFieldName]
|
|
3563
|
-
);
|
|
3564
|
-
})
|
|
3565
|
-
]
|
|
3566
|
-
}
|
|
3567
|
-
),
|
|
3568
|
-
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3569
|
-
] }) });
|
|
3570
|
-
};
|
|
3571
|
-
BooleanSelect_default = BooleanSelect;
|
|
3572
|
-
}
|
|
3573
|
-
});
|
|
3574
|
-
|
|
3575
3523
|
// src/components/controls/edit/EmailInput.tsx
|
|
3576
|
-
var
|
|
3524
|
+
var import_react38, import_jsx_runtime46, EmailInput, EmailInput_default;
|
|
3577
3525
|
var init_EmailInput = __esm({
|
|
3578
3526
|
"src/components/controls/edit/EmailInput.tsx"() {
|
|
3579
3527
|
"use strict";
|
|
3580
|
-
|
|
3581
|
-
|
|
3528
|
+
import_react38 = __toESM(require("react"));
|
|
3529
|
+
import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3582
3530
|
EmailInput = (props) => {
|
|
3583
3531
|
const textChangeHandler = (event) => {
|
|
3584
3532
|
const text = event.target.value;
|
|
@@ -3603,11 +3551,11 @@ var init_EmailInput = __esm({
|
|
|
3603
3551
|
if (props.value !== void 0 && props.value !== null) {
|
|
3604
3552
|
value = props.value;
|
|
3605
3553
|
}
|
|
3606
|
-
return /* @__PURE__ */ (0,
|
|
3607
|
-
/* @__PURE__ */ (0,
|
|
3554
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react38.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("label", { className: "block mb-1", children: [
|
|
3555
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
3608
3556
|
" ",
|
|
3609
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3610
|
-
/* @__PURE__ */ (0,
|
|
3557
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3558
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3611
3559
|
"input",
|
|
3612
3560
|
{
|
|
3613
3561
|
type: "email",
|
|
@@ -3623,7 +3571,7 @@ var init_EmailInput = __esm({
|
|
|
3623
3571
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n transition-all duration-500 ease-in-out"
|
|
3624
3572
|
}
|
|
3625
3573
|
),
|
|
3626
|
-
/* @__PURE__ */ (0,
|
|
3574
|
+
/* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
3627
3575
|
] }) });
|
|
3628
3576
|
};
|
|
3629
3577
|
EmailInput_default = EmailInput;
|
|
@@ -3631,13 +3579,13 @@ var init_EmailInput = __esm({
|
|
|
3631
3579
|
});
|
|
3632
3580
|
|
|
3633
3581
|
// src/components/controls/edit/TimeInput.tsx
|
|
3634
|
-
var
|
|
3582
|
+
var import_react39, import_jsx_runtime47, TimeInput, TimeInput_default;
|
|
3635
3583
|
var init_TimeInput = __esm({
|
|
3636
3584
|
"src/components/controls/edit/TimeInput.tsx"() {
|
|
3637
3585
|
"use strict";
|
|
3638
3586
|
"use client";
|
|
3639
|
-
|
|
3640
|
-
|
|
3587
|
+
import_react39 = __toESM(require("react"));
|
|
3588
|
+
import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3641
3589
|
TimeInput = (props) => {
|
|
3642
3590
|
const timeChangeHandler = (event) => {
|
|
3643
3591
|
const timeValue = event.target.value;
|
|
@@ -3650,11 +3598,11 @@ var init_TimeInput = __esm({
|
|
|
3650
3598
|
});
|
|
3651
3599
|
}
|
|
3652
3600
|
};
|
|
3653
|
-
return /* @__PURE__ */ (0,
|
|
3654
|
-
/* @__PURE__ */ (0,
|
|
3601
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react39.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("label", { className: "block mb-1", children: [
|
|
3602
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
3655
3603
|
" ",
|
|
3656
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3657
|
-
/* @__PURE__ */ (0,
|
|
3604
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
3605
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
3658
3606
|
"input",
|
|
3659
3607
|
{
|
|
3660
3608
|
type: "time",
|
|
@@ -3667,7 +3615,7 @@ var init_TimeInput = __esm({
|
|
|
3667
3615
|
className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
|
|
3668
3616
|
}
|
|
3669
3617
|
) }),
|
|
3670
|
-
/* @__PURE__ */ (0,
|
|
3618
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
3671
3619
|
] }) });
|
|
3672
3620
|
};
|
|
3673
3621
|
TimeInput_default = TimeInput;
|
|
@@ -3682,7 +3630,7 @@ function Hyperlink(props) {
|
|
|
3682
3630
|
if (target == "_blank") {
|
|
3683
3631
|
additionalProps.rel = "noopener noreferrer";
|
|
3684
3632
|
}
|
|
3685
|
-
return /* @__PURE__ */ (0,
|
|
3633
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
3686
3634
|
import_link.default,
|
|
3687
3635
|
{
|
|
3688
3636
|
href: props.href,
|
|
@@ -3692,65 +3640,65 @@ function Hyperlink(props) {
|
|
|
3692
3640
|
target,
|
|
3693
3641
|
children: props.children
|
|
3694
3642
|
}
|
|
3695
|
-
) : props.isHeading ? /* @__PURE__ */ (0,
|
|
3643
|
+
) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: props.className, children: props.children }) });
|
|
3696
3644
|
}
|
|
3697
|
-
var import_link,
|
|
3645
|
+
var import_link, import_jsx_runtime48;
|
|
3698
3646
|
var init_Hyperlink = __esm({
|
|
3699
3647
|
"src/components/dataForm/Hyperlink.tsx"() {
|
|
3700
3648
|
"use strict";
|
|
3701
3649
|
import_link = __toESM(require("next/link"));
|
|
3702
3650
|
init_StyleTypes();
|
|
3703
|
-
|
|
3651
|
+
import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3704
3652
|
}
|
|
3705
3653
|
});
|
|
3706
3654
|
|
|
3707
3655
|
// src/svg/chevron-updown.tsx
|
|
3708
|
-
var
|
|
3656
|
+
var import_jsx_runtime49, ChevronUpDown, chevron_updown_default;
|
|
3709
3657
|
var init_chevron_updown = __esm({
|
|
3710
3658
|
"src/svg/chevron-updown.tsx"() {
|
|
3711
3659
|
"use strict";
|
|
3712
|
-
|
|
3660
|
+
import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3713
3661
|
ChevronUpDown = (props) => {
|
|
3714
|
-
return /* @__PURE__ */ (0,
|
|
3662
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("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__ */ (0, import_jsx_runtime49.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
3715
3663
|
};
|
|
3716
3664
|
chevron_updown_default = ChevronUpDown;
|
|
3717
3665
|
}
|
|
3718
3666
|
});
|
|
3719
3667
|
|
|
3720
3668
|
// src/svg/chevron-down.tsx
|
|
3721
|
-
var
|
|
3669
|
+
var import_jsx_runtime50, ChevronDown, chevron_down_default;
|
|
3722
3670
|
var init_chevron_down = __esm({
|
|
3723
3671
|
"src/svg/chevron-down.tsx"() {
|
|
3724
3672
|
"use strict";
|
|
3725
|
-
|
|
3673
|
+
import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3726
3674
|
ChevronDown = (props) => {
|
|
3727
|
-
return /* @__PURE__ */ (0,
|
|
3675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("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__ */ (0, import_jsx_runtime50.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
3728
3676
|
};
|
|
3729
3677
|
chevron_down_default = ChevronDown;
|
|
3730
3678
|
}
|
|
3731
3679
|
});
|
|
3732
3680
|
|
|
3733
3681
|
// src/svg/chevron-up.tsx
|
|
3734
|
-
var
|
|
3682
|
+
var import_jsx_runtime51, ChevronUp, chevron_up_default;
|
|
3735
3683
|
var init_chevron_up = __esm({
|
|
3736
3684
|
"src/svg/chevron-up.tsx"() {
|
|
3737
3685
|
"use strict";
|
|
3738
|
-
|
|
3686
|
+
import_jsx_runtime51 = require("react/jsx-runtime");
|
|
3739
3687
|
ChevronUp = (props) => {
|
|
3740
|
-
return /* @__PURE__ */ (0,
|
|
3688
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("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__ */ (0, import_jsx_runtime51.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
3741
3689
|
};
|
|
3742
3690
|
chevron_up_default = ChevronUp;
|
|
3743
3691
|
}
|
|
3744
3692
|
});
|
|
3745
3693
|
|
|
3746
3694
|
// src/svg/plus.tsx
|
|
3747
|
-
var
|
|
3695
|
+
var import_jsx_runtime52, Plus, plus_default;
|
|
3748
3696
|
var init_plus = __esm({
|
|
3749
3697
|
"src/svg/plus.tsx"() {
|
|
3750
3698
|
"use strict";
|
|
3751
|
-
|
|
3699
|
+
import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3752
3700
|
Plus = (props) => {
|
|
3753
|
-
return /* @__PURE__ */ (0,
|
|
3701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime52.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
3754
3702
|
};
|
|
3755
3703
|
plus_default = Plus;
|
|
3756
3704
|
}
|
|
@@ -3776,37 +3724,37 @@ var init_Icons = __esm({
|
|
|
3776
3724
|
});
|
|
3777
3725
|
|
|
3778
3726
|
// src/svg/Icon.tsx
|
|
3779
|
-
var
|
|
3727
|
+
var import_jsx_runtime53, Icon, Icon_default;
|
|
3780
3728
|
var init_Icon = __esm({
|
|
3781
3729
|
"src/svg/Icon.tsx"() {
|
|
3782
3730
|
"use strict";
|
|
3783
3731
|
init_Icons();
|
|
3784
|
-
|
|
3732
|
+
import_jsx_runtime53 = require("react/jsx-runtime");
|
|
3785
3733
|
Icon = ({ name, className, ...props }) => {
|
|
3786
3734
|
const IconComponent = Icons_default[name];
|
|
3787
3735
|
if (!IconComponent) {
|
|
3788
3736
|
console.error(`Icon "${name}" not found.`);
|
|
3789
3737
|
return null;
|
|
3790
3738
|
}
|
|
3791
|
-
return /* @__PURE__ */ (0,
|
|
3739
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(IconComponent, { ...props, className });
|
|
3792
3740
|
};
|
|
3793
3741
|
Icon_default = Icon;
|
|
3794
3742
|
}
|
|
3795
3743
|
});
|
|
3796
3744
|
|
|
3797
3745
|
// src/components/controls/edit/AssetUpload.tsx
|
|
3798
|
-
var
|
|
3746
|
+
var import_react40, import_jsx_runtime54, AssetUpload, AssetUpload_default;
|
|
3799
3747
|
var init_AssetUpload = __esm({
|
|
3800
3748
|
"src/components/controls/edit/AssetUpload.tsx"() {
|
|
3801
3749
|
"use strict";
|
|
3802
3750
|
"use client";
|
|
3803
|
-
|
|
3751
|
+
import_react40 = __toESM(require("react"));
|
|
3804
3752
|
init_ClientButton();
|
|
3805
3753
|
init_StyleTypes();
|
|
3806
3754
|
init_AssetUtility();
|
|
3807
3755
|
init_Hyperlink();
|
|
3808
3756
|
init_Icon();
|
|
3809
|
-
|
|
3757
|
+
import_jsx_runtime54 = require("react/jsx-runtime");
|
|
3810
3758
|
AssetUpload = (props) => {
|
|
3811
3759
|
const isDisabled = props.attributes?.disable ?? false;
|
|
3812
3760
|
let allValues = [];
|
|
@@ -3827,8 +3775,8 @@ var init_AssetUpload = __esm({
|
|
|
3827
3775
|
}
|
|
3828
3776
|
return "image";
|
|
3829
3777
|
};
|
|
3830
|
-
const [assetType, setAssetType] =
|
|
3831
|
-
(0,
|
|
3778
|
+
const [assetType, setAssetType] = import_react40.default.useState(getInitialTab);
|
|
3779
|
+
(0, import_react40.useEffect)(() => {
|
|
3832
3780
|
setAssetType(getInitialTab());
|
|
3833
3781
|
}, [props.value]);
|
|
3834
3782
|
const assetUploadCallback = (newAsset) => {
|
|
@@ -3903,10 +3851,10 @@ var init_AssetUpload = __esm({
|
|
|
3903
3851
|
}
|
|
3904
3852
|
return false;
|
|
3905
3853
|
};
|
|
3906
|
-
return /* @__PURE__ */ (0,
|
|
3907
|
-
/* @__PURE__ */ (0,
|
|
3908
|
-
/* @__PURE__ */ (0,
|
|
3909
|
-
/* @__PURE__ */ (0,
|
|
3854
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react40.default.Fragment, { children: [
|
|
3855
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("label", { className: "block mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
|
|
3856
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
|
|
3857
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3910
3858
|
ClientButton_default,
|
|
3911
3859
|
{
|
|
3912
3860
|
className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
|
|
@@ -3916,7 +3864,7 @@ var init_AssetUpload = __esm({
|
|
|
3916
3864
|
children: "Image Upload"
|
|
3917
3865
|
}
|
|
3918
3866
|
),
|
|
3919
|
-
/* @__PURE__ */ (0,
|
|
3867
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3920
3868
|
ClientButton_default,
|
|
3921
3869
|
{
|
|
3922
3870
|
className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
|
|
@@ -3927,13 +3875,13 @@ var init_AssetUpload = __esm({
|
|
|
3927
3875
|
}
|
|
3928
3876
|
)
|
|
3929
3877
|
] }),
|
|
3930
|
-
shouldShowDetails() && /* @__PURE__ */ (0,
|
|
3931
|
-
/* @__PURE__ */ (0,
|
|
3932
|
-
/* @__PURE__ */ (0,
|
|
3933
|
-
/* @__PURE__ */ (0,
|
|
3934
|
-
/* @__PURE__ */ (0,
|
|
3935
|
-
/* @__PURE__ */ (0,
|
|
3936
|
-
/* @__PURE__ */ (0,
|
|
3878
|
+
shouldShowDetails() && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
|
|
3879
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "absolute -top-2.5 left-3 bg-primary-600 text-white text-xs px-2 py-0.5 rounded-full", children: getAssetType(allValues[0]) === "video" ? "Video" : "Image" }),
|
|
3880
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex justify-between items-start gap-5", children: [
|
|
3881
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
|
|
3882
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
|
|
3883
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-gray-500", children: "Title" }),
|
|
3884
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3937
3885
|
"input",
|
|
3938
3886
|
{
|
|
3939
3887
|
type: "text",
|
|
@@ -3945,18 +3893,18 @@ var init_AssetUpload = __esm({
|
|
|
3945
3893
|
}
|
|
3946
3894
|
)
|
|
3947
3895
|
] }),
|
|
3948
|
-
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0,
|
|
3949
|
-
/* @__PURE__ */ (0,
|
|
3950
|
-
/* @__PURE__ */ (0,
|
|
3896
|
+
digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
|
|
3897
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-gray-500", children: "Resolution" }),
|
|
3898
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("p", { className: "font-medium text-gray-900 mt-3", children: [
|
|
3951
3899
|
digitalAsset.intrinsicWidth,
|
|
3952
3900
|
"\xD7",
|
|
3953
3901
|
digitalAsset.intrinsicHeight
|
|
3954
3902
|
] })
|
|
3955
3903
|
] }),
|
|
3956
|
-
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0,
|
|
3957
|
-
/* @__PURE__ */ (0,
|
|
3958
|
-
/* @__PURE__ */ (0,
|
|
3959
|
-
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0,
|
|
3904
|
+
(digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { children: [
|
|
3905
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-gray-500", children: "Image / Poster" }),
|
|
3906
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
|
|
3907
|
+
getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3960
3908
|
"img",
|
|
3961
3909
|
{
|
|
3962
3910
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
|
|
@@ -3964,7 +3912,7 @@ var init_AssetUpload = __esm({
|
|
|
3964
3912
|
className: "w-32 h-auto object-cover rounded border p-1"
|
|
3965
3913
|
}
|
|
3966
3914
|
),
|
|
3967
|
-
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0,
|
|
3915
|
+
getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3968
3916
|
"img",
|
|
3969
3917
|
{
|
|
3970
3918
|
src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
|
|
@@ -3974,9 +3922,9 @@ var init_AssetUpload = __esm({
|
|
|
3974
3922
|
)
|
|
3975
3923
|
] })
|
|
3976
3924
|
] }),
|
|
3977
|
-
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0,
|
|
3978
|
-
/* @__PURE__ */ (0,
|
|
3979
|
-
/* @__PURE__ */ (0,
|
|
3925
|
+
digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "col-span-2", children: [
|
|
3926
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-gray-500", children: "HLS Link" }),
|
|
3927
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3980
3928
|
Hyperlink,
|
|
3981
3929
|
{
|
|
3982
3930
|
href: digitalAsset.assetUrl,
|
|
@@ -3987,12 +3935,12 @@ var init_AssetUpload = __esm({
|
|
|
3987
3935
|
)
|
|
3988
3936
|
] })
|
|
3989
3937
|
] }),
|
|
3990
|
-
/* @__PURE__ */ (0,
|
|
3938
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3991
3939
|
"span",
|
|
3992
3940
|
{
|
|
3993
3941
|
onClick: () => !isDisabled && deleteFile(index),
|
|
3994
3942
|
className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
|
|
3995
|
-
children: /* @__PURE__ */ (0,
|
|
3943
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
|
|
3996
3944
|
}
|
|
3997
3945
|
)
|
|
3998
3946
|
] }, index)) })
|
|
@@ -4004,12 +3952,12 @@ var init_AssetUpload = __esm({
|
|
|
4004
3952
|
});
|
|
4005
3953
|
|
|
4006
3954
|
// src/components/controls/edit/SwitchInput.tsx
|
|
4007
|
-
var
|
|
3955
|
+
var import_react41, import_jsx_runtime55, SwitchInput, SwitchInput_default;
|
|
4008
3956
|
var init_SwitchInput = __esm({
|
|
4009
3957
|
"src/components/controls/edit/SwitchInput.tsx"() {
|
|
4010
3958
|
"use strict";
|
|
4011
|
-
|
|
4012
|
-
|
|
3959
|
+
import_react41 = __toESM(require("react"));
|
|
3960
|
+
import_jsx_runtime55 = require("react/jsx-runtime");
|
|
4013
3961
|
SwitchInput = (props) => {
|
|
4014
3962
|
const textChangeHandler = (event) => {
|
|
4015
3963
|
let text = event.target.checked;
|
|
@@ -4026,28 +3974,28 @@ var init_SwitchInput = __esm({
|
|
|
4026
3974
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
4027
3975
|
value = true;
|
|
4028
3976
|
}
|
|
4029
|
-
return /* @__PURE__ */ (0,
|
|
4030
|
-
/* @__PURE__ */ (0,
|
|
4031
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
3977
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react41.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex items-start justify-between gap-4 py-3", children: [
|
|
3978
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "min-w-0", children: [
|
|
3979
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
4032
3980
|
"label",
|
|
4033
3981
|
{
|
|
4034
3982
|
htmlFor: props.name,
|
|
4035
3983
|
className: "inline-block text-sm font-semibold text-slate-800",
|
|
4036
3984
|
children: [
|
|
4037
3985
|
props.attributes.label,
|
|
4038
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
3986
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
4039
3987
|
]
|
|
4040
3988
|
}
|
|
4041
3989
|
),
|
|
4042
|
-
/* @__PURE__ */ (0,
|
|
3990
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage || "" })
|
|
4043
3991
|
] }),
|
|
4044
|
-
/* @__PURE__ */ (0,
|
|
3992
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
4045
3993
|
"label",
|
|
4046
3994
|
{
|
|
4047
3995
|
htmlFor: props.name,
|
|
4048
3996
|
className: "relative inline-flex shrink-0 cursor-pointer items-center peer-disabled:cursor-not-allowed",
|
|
4049
3997
|
children: [
|
|
4050
|
-
/* @__PURE__ */ (0,
|
|
3998
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4051
3999
|
"input",
|
|
4052
4000
|
{
|
|
4053
4001
|
type: "checkbox",
|
|
@@ -4060,13 +4008,13 @@ var init_SwitchInput = __esm({
|
|
|
4060
4008
|
className: "peer sr-only"
|
|
4061
4009
|
}
|
|
4062
4010
|
),
|
|
4063
|
-
/* @__PURE__ */ (0,
|
|
4011
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4064
4012
|
"div",
|
|
4065
4013
|
{
|
|
4066
4014
|
className: "h-6 w-11 rounded-full bg-slate-200 shadow-inner\n transition-colors duration-200 ease-in-out\n peer-checked:bg-blue-600\n peer-focus-visible:ring-2 peer-focus-visible:ring-blue-300 peer-focus-visible:ring-offset-2\n peer-disabled:bg-slate-100"
|
|
4067
4015
|
}
|
|
4068
4016
|
),
|
|
4069
|
-
/* @__PURE__ */ (0,
|
|
4017
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
4070
4018
|
"div",
|
|
4071
4019
|
{
|
|
4072
4020
|
className: "absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-default shadow\n transition-transform duration-200 ease-in-out\n peer-checked:translate-x-5\n peer-disabled:bg-slate-50"
|
|
@@ -4164,15 +4112,15 @@ var init_DateTimeUtility = __esm({
|
|
|
4164
4112
|
});
|
|
4165
4113
|
|
|
4166
4114
|
// src/components/controls/edit/DateInput.tsx
|
|
4167
|
-
var
|
|
4115
|
+
var import_react42, import_jsx_runtime56, DateInput, DateInput_default;
|
|
4168
4116
|
var init_DateInput = __esm({
|
|
4169
4117
|
"src/components/controls/edit/DateInput.tsx"() {
|
|
4170
4118
|
"use strict";
|
|
4171
|
-
|
|
4119
|
+
import_react42 = require("react");
|
|
4172
4120
|
init_DateTimeUtility();
|
|
4173
|
-
|
|
4121
|
+
import_jsx_runtime56 = require("react/jsx-runtime");
|
|
4174
4122
|
DateInput = (props) => {
|
|
4175
|
-
const value = (0,
|
|
4123
|
+
const value = (0, import_react42.useMemo)(() => {
|
|
4176
4124
|
if (props.value === void 0 || props.value === null || props.value === "") {
|
|
4177
4125
|
return "";
|
|
4178
4126
|
}
|
|
@@ -4204,11 +4152,11 @@ var init_DateInput = __esm({
|
|
|
4204
4152
|
groupKey: props.groupKey
|
|
4205
4153
|
});
|
|
4206
4154
|
};
|
|
4207
|
-
return /* @__PURE__ */ (0,
|
|
4208
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
4155
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("label", { className: "block mb-1", children: [
|
|
4156
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-sm font-medium", children: props.attributes.label }),
|
|
4209
4157
|
" ",
|
|
4210
|
-
props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0,
|
|
4211
|
-
/* @__PURE__ */ (0,
|
|
4158
|
+
props.attributes?.label && props.attributes.required && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "bg-error-weak", children: "*" }),
|
|
4159
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
4212
4160
|
"input",
|
|
4213
4161
|
{
|
|
4214
4162
|
type: "date",
|
|
@@ -4222,7 +4170,7 @@ var init_DateInput = __esm({
|
|
|
4222
4170
|
className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
4223
4171
|
}
|
|
4224
4172
|
),
|
|
4225
|
-
/* @__PURE__ */ (0,
|
|
4173
|
+
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
4226
4174
|
] });
|
|
4227
4175
|
};
|
|
4228
4176
|
DateInput_default = DateInput;
|
|
@@ -4230,16 +4178,16 @@ var init_DateInput = __esm({
|
|
|
4230
4178
|
});
|
|
4231
4179
|
|
|
4232
4180
|
// src/components/controls/edit/RadioInput.tsx
|
|
4233
|
-
var
|
|
4181
|
+
var import_react43, import_jsx_runtime57, RadioInput, RadioInput_default;
|
|
4234
4182
|
var init_RadioInput = __esm({
|
|
4235
4183
|
"src/components/controls/edit/RadioInput.tsx"() {
|
|
4236
4184
|
"use strict";
|
|
4237
|
-
|
|
4185
|
+
import_react43 = require("react");
|
|
4238
4186
|
init_Icon();
|
|
4239
|
-
|
|
4187
|
+
import_jsx_runtime57 = require("react/jsx-runtime");
|
|
4240
4188
|
RadioInput = (props) => {
|
|
4241
|
-
const [list, setList] = (0,
|
|
4242
|
-
(0,
|
|
4189
|
+
const [list, setList] = (0, import_react43.useState)([]);
|
|
4190
|
+
(0, import_react43.useEffect)(() => {
|
|
4243
4191
|
async function loadData() {
|
|
4244
4192
|
if (props.dataset) {
|
|
4245
4193
|
setList(props.dataset);
|
|
@@ -4281,22 +4229,22 @@ var init_RadioInput = __esm({
|
|
|
4281
4229
|
});
|
|
4282
4230
|
}
|
|
4283
4231
|
};
|
|
4284
|
-
return /* @__PURE__ */ (0,
|
|
4285
|
-
/* @__PURE__ */ (0,
|
|
4286
|
-
/* @__PURE__ */ (0,
|
|
4232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "block", children: [
|
|
4233
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
4234
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "flex flex-col gap-3", children: list.map((item, index) => {
|
|
4287
4235
|
const itemValue = item[props.dataKeyFieldName];
|
|
4288
4236
|
const isSelected = String(itemValue) === String(props.value ?? "");
|
|
4289
4237
|
const isRecommended = props.dataRecommendedValue !== void 0 && String(itemValue) === String(props.dataRecommendedValue);
|
|
4290
4238
|
const resultClassName = isSelected ? isRecommended ? "bg-success" : props.dataRecommendedValue ? "bg-alert" : "border-transparent" : "border-transparent";
|
|
4291
4239
|
const iconName = isSelected && props.dataRecommendedValue ? isRecommended ? "checkCircle" : "xCircle" : void 0;
|
|
4292
4240
|
const inputId = `${props.name}-${props.index ?? 0}-id-${index}`;
|
|
4293
|
-
return /* @__PURE__ */ (0,
|
|
4241
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
|
|
4294
4242
|
"div",
|
|
4295
4243
|
{
|
|
4296
4244
|
className: `font-normal flex items-center justify-between gap-4 cursor-pointer border rounded p-2 ${resultClassName}`,
|
|
4297
4245
|
children: [
|
|
4298
|
-
/* @__PURE__ */ (0,
|
|
4299
|
-
/* @__PURE__ */ (0,
|
|
4246
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex gap-4 items-start", children: [
|
|
4247
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
4300
4248
|
"input",
|
|
4301
4249
|
{
|
|
4302
4250
|
type: "radio",
|
|
@@ -4310,125 +4258,30 @@ var init_RadioInput = __esm({
|
|
|
4310
4258
|
required: props.attributes?.required
|
|
4311
4259
|
}
|
|
4312
4260
|
),
|
|
4313
|
-
/* @__PURE__ */ (0,
|
|
4261
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("label", { className: "text-body-950 pr-2", htmlFor: inputId, children: item[props.dataTextFieldName] })
|
|
4314
4262
|
] }),
|
|
4315
|
-
iconName && /* @__PURE__ */ (0,
|
|
4263
|
+
iconName && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Icon_default, { className: "w-5 h-5 text-success", name: iconName })
|
|
4316
4264
|
]
|
|
4317
4265
|
},
|
|
4318
4266
|
String(itemValue)
|
|
4319
4267
|
);
|
|
4320
4268
|
}) }),
|
|
4321
|
-
/* @__PURE__ */ (0,
|
|
4269
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
4322
4270
|
] });
|
|
4323
4271
|
};
|
|
4324
4272
|
RadioInput_default = RadioInput;
|
|
4325
4273
|
}
|
|
4326
4274
|
});
|
|
4327
4275
|
|
|
4328
|
-
// src/components/controls/edit/Switcher.tsx
|
|
4329
|
-
var import_react45, import_jsx_runtime59, Switcher, Switcher_default;
|
|
4330
|
-
var init_Switcher = __esm({
|
|
4331
|
-
"src/components/controls/edit/Switcher.tsx"() {
|
|
4332
|
-
"use strict";
|
|
4333
|
-
import_react45 = require("react");
|
|
4334
|
-
import_jsx_runtime59 = require("react/jsx-runtime");
|
|
4335
|
-
Switcher = (props) => {
|
|
4336
|
-
const [list, setList] = (0, import_react45.useState)([]);
|
|
4337
|
-
(0, import_react45.useEffect)(() => {
|
|
4338
|
-
async function loadData() {
|
|
4339
|
-
if (props.dataset) {
|
|
4340
|
-
setList(props.dataset);
|
|
4341
|
-
return;
|
|
4342
|
-
}
|
|
4343
|
-
if (!props.dataSource || !props.serviceClient) {
|
|
4344
|
-
setList([]);
|
|
4345
|
-
return;
|
|
4346
|
-
}
|
|
4347
|
-
let dataSource = props.dataSource;
|
|
4348
|
-
if (props.dataSourceDependsOn) {
|
|
4349
|
-
if (!props.dependentValue) {
|
|
4350
|
-
setList([]);
|
|
4351
|
-
return;
|
|
4352
|
-
}
|
|
4353
|
-
dataSource = dataSource.replace(
|
|
4354
|
-
`{${props.dataSourceDependsOn}}`,
|
|
4355
|
-
props.dependentValue
|
|
4356
|
-
);
|
|
4357
|
-
}
|
|
4358
|
-
const response = await props.serviceClient.get(dataSource);
|
|
4359
|
-
setList(response.result ?? []);
|
|
4360
|
-
}
|
|
4361
|
-
loadData();
|
|
4362
|
-
}, [
|
|
4363
|
-
props.dataSource,
|
|
4364
|
-
props.dataSourceDependsOn,
|
|
4365
|
-
props.dataset,
|
|
4366
|
-
props.dependentValue,
|
|
4367
|
-
props.serviceClient
|
|
4368
|
-
]);
|
|
4369
|
-
const changeHandler = (event) => {
|
|
4370
|
-
props.callback?.({
|
|
4371
|
-
name: props.name,
|
|
4372
|
-
value: event.target.value,
|
|
4373
|
-
index: props.index,
|
|
4374
|
-
groupKey: props.groupKey
|
|
4375
|
-
});
|
|
4376
|
-
};
|
|
4377
|
-
const value = props.value === void 0 || props.value === null ? "" : String(props.value);
|
|
4378
|
-
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("label", { className: "block mb-1", children: [
|
|
4379
|
-
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("span", { className: "text-sm font-medium", children: props.attributes?.label }),
|
|
4380
|
-
list.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4381
|
-
"input",
|
|
4382
|
-
{
|
|
4383
|
-
type: "text",
|
|
4384
|
-
name: props.name,
|
|
4385
|
-
id: props.name,
|
|
4386
|
-
value,
|
|
4387
|
-
onChange: changeHandler,
|
|
4388
|
-
required: props.attributes?.required,
|
|
4389
|
-
placeholder: props.attributes?.placeholder,
|
|
4390
|
-
disabled: props.attributes?.readOnly,
|
|
4391
|
-
className: `peer input mt-1 py-1.5 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`
|
|
4392
|
-
}
|
|
4393
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
|
|
4394
|
-
"select",
|
|
4395
|
-
{
|
|
4396
|
-
name: props.name,
|
|
4397
|
-
id: props.name,
|
|
4398
|
-
value,
|
|
4399
|
-
onChange: changeHandler,
|
|
4400
|
-
required: props.attributes?.required,
|
|
4401
|
-
disabled: props.attributes?.readOnly,
|
|
4402
|
-
className: `peer select my-1 py-1 block w-full rounded shadow-sm ${props.inputClasses ?? ""}`,
|
|
4403
|
-
children: [
|
|
4404
|
-
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
4405
|
-
list.map((item) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4406
|
-
"option",
|
|
4407
|
-
{
|
|
4408
|
-
value: item[props.dataKeyFieldName],
|
|
4409
|
-
children: item[props.dataTextFieldName]
|
|
4410
|
-
},
|
|
4411
|
-
String(item[props.dataKeyFieldName])
|
|
4412
|
-
))
|
|
4413
|
-
]
|
|
4414
|
-
}
|
|
4415
|
-
),
|
|
4416
|
-
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props.attributes?.errorMessage ?? "" })
|
|
4417
|
-
] });
|
|
4418
|
-
};
|
|
4419
|
-
Switcher_default = Switcher;
|
|
4420
|
-
}
|
|
4421
|
-
});
|
|
4422
|
-
|
|
4423
4276
|
// src/components/controls/edit/ReferenceInput.tsx
|
|
4424
|
-
var
|
|
4277
|
+
var import_jsx_runtime58, ReferenceInput, ReferenceInput_default;
|
|
4425
4278
|
var init_ReferenceInput = __esm({
|
|
4426
4279
|
"src/components/controls/edit/ReferenceInput.tsx"() {
|
|
4427
4280
|
"use strict";
|
|
4428
4281
|
init_SelectWithSearchInput();
|
|
4429
|
-
|
|
4282
|
+
import_jsx_runtime58 = require("react/jsx-runtime");
|
|
4430
4283
|
ReferenceInput = (props) => {
|
|
4431
|
-
return /* @__PURE__ */ (0,
|
|
4284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(SelectWithSearchInput_default, { ...props });
|
|
4432
4285
|
};
|
|
4433
4286
|
ReferenceInput_default = ReferenceInput;
|
|
4434
4287
|
}
|
|
@@ -4439,12 +4292,12 @@ var InputControlClient_exports = {};
|
|
|
4439
4292
|
__export(InputControlClient_exports, {
|
|
4440
4293
|
default: () => InputControlClient_default
|
|
4441
4294
|
});
|
|
4442
|
-
var
|
|
4295
|
+
var import_react44, import_jsx_runtime59, InputControl, InputControlClient_default;
|
|
4443
4296
|
var init_InputControlClient = __esm({
|
|
4444
4297
|
"src/components/controls/edit/InputControlClient.tsx"() {
|
|
4445
4298
|
"use strict";
|
|
4446
4299
|
"use client";
|
|
4447
|
-
|
|
4300
|
+
import_react44 = __toESM(require("react"));
|
|
4448
4301
|
init_MultilineTextInput();
|
|
4449
4302
|
init_LineTextInput();
|
|
4450
4303
|
init_MoneyInput();
|
|
@@ -4459,17 +4312,15 @@ var init_InputControlClient = __esm({
|
|
|
4459
4312
|
init_ColorInput();
|
|
4460
4313
|
init_SelectWithSearchInput();
|
|
4461
4314
|
init_SelectWithSearchPanel();
|
|
4462
|
-
init_BooleanSelect();
|
|
4463
4315
|
init_EmailInput();
|
|
4464
4316
|
init_TimeInput();
|
|
4465
4317
|
init_AssetUpload();
|
|
4466
4318
|
init_SwitchInput();
|
|
4467
4319
|
init_DateInput();
|
|
4468
4320
|
init_RadioInput();
|
|
4469
|
-
init_Switcher();
|
|
4470
4321
|
init_ReferenceInput();
|
|
4471
|
-
|
|
4472
|
-
InputControl =
|
|
4322
|
+
import_jsx_runtime59 = require("react/jsx-runtime");
|
|
4323
|
+
InputControl = import_react44.default.forwardRef(
|
|
4473
4324
|
(props, ref) => {
|
|
4474
4325
|
const ControlComponents = {
|
|
4475
4326
|
[InputControlType_default.lineTextInput]: LineTextInput_default,
|
|
@@ -4486,18 +4337,15 @@ var init_InputControlClient = __esm({
|
|
|
4486
4337
|
[InputControlType_default.colorInput]: ColorInput_default,
|
|
4487
4338
|
[InputControlType_default.selectWithSearchInput]: SelectWithSearchInput_default,
|
|
4488
4339
|
[InputControlType_default.selectWithSearchPanel]: SelectWithSearchPanel_default,
|
|
4489
|
-
[InputControlType_default.booleanSelect]: BooleanSelect_default,
|
|
4490
4340
|
[InputControlType_default.timeInput]: TimeInput_default,
|
|
4491
|
-
[InputControlType_default.asset]: AssetUpload_default,
|
|
4492
4341
|
[InputControlType_default.assetUpload]: AssetUpload_default,
|
|
4493
4342
|
[InputControlType_default.switchInput]: SwitchInput_default,
|
|
4494
4343
|
[InputControlType_default.dateInput]: DateInput_default,
|
|
4495
4344
|
[InputControlType_default.radioInput]: RadioInput_default,
|
|
4496
|
-
[InputControlType_default.switcher]: Switcher_default,
|
|
4497
4345
|
[InputControlType_default.referenceInput]: ReferenceInput_default
|
|
4498
4346
|
};
|
|
4499
4347
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
4500
|
-
return /* @__PURE__ */ (0,
|
|
4348
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react44.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
4501
4349
|
}
|
|
4502
4350
|
);
|
|
4503
4351
|
InputControl.displayName = "InputControl";
|
|
@@ -4753,29 +4601,29 @@ var LinkNodeButton_exports = {};
|
|
|
4753
4601
|
__export(LinkNodeButton_exports, {
|
|
4754
4602
|
default: () => LinkNodeButton_default
|
|
4755
4603
|
});
|
|
4756
|
-
var
|
|
4604
|
+
var import_react45, import_jsx_runtime63, LinkNodeButton, LinkNodeButton_default;
|
|
4757
4605
|
var init_LinkNodeButton = __esm({
|
|
4758
4606
|
"src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx"() {
|
|
4759
4607
|
"use strict";
|
|
4760
4608
|
"use client";
|
|
4761
|
-
|
|
4609
|
+
import_react45 = require("react");
|
|
4762
4610
|
init_Button();
|
|
4763
4611
|
init_ServiceClient();
|
|
4764
4612
|
init_ToastService();
|
|
4765
|
-
|
|
4613
|
+
import_jsx_runtime63 = require("react/jsx-runtime");
|
|
4766
4614
|
LinkNodeButton = (props) => {
|
|
4767
4615
|
const { node, dataitem, children, linkText, linkType, linkUrl } = props;
|
|
4768
|
-
const [isLoading, setIsLoading] = (0,
|
|
4769
|
-
const [successMessage, setSuccessMessage] = (0,
|
|
4616
|
+
const [isLoading, setIsLoading] = (0, import_react45.useState)(false);
|
|
4617
|
+
const [successMessage, setSuccessMessage] = (0, import_react45.useState)(null);
|
|
4770
4618
|
console.log("LinkNodeButton props:", props);
|
|
4771
|
-
const extractFieldNames = (0,
|
|
4619
|
+
const extractFieldNames = (0, import_react45.useCallback)((template) => {
|
|
4772
4620
|
if (!template) return [];
|
|
4773
4621
|
const regex = /\{(\{\})?([a-zA-Z_$][a-zA-Z0-9_$]*)(?:\}\})?\}/g;
|
|
4774
4622
|
const matches = Array.from(template.matchAll(regex));
|
|
4775
4623
|
const fieldNames = matches.map((match) => match[2] || match[1]).filter((name, index, self) => self.indexOf(name) === index);
|
|
4776
4624
|
return fieldNames;
|
|
4777
4625
|
}, []);
|
|
4778
|
-
const replaceTemplateVariables = (0,
|
|
4626
|
+
const replaceTemplateVariables = (0, import_react45.useCallback)(
|
|
4779
4627
|
(template, responseData) => {
|
|
4780
4628
|
if (!template) return template;
|
|
4781
4629
|
let result = template;
|
|
@@ -4807,7 +4655,7 @@ var init_LinkNodeButton = __esm({
|
|
|
4807
4655
|
},
|
|
4808
4656
|
[props.routeParameters, dataitem, extractFieldNames]
|
|
4809
4657
|
);
|
|
4810
|
-
const getNestedValue7 = (0,
|
|
4658
|
+
const getNestedValue7 = (0, import_react45.useCallback)((obj, path) => {
|
|
4811
4659
|
if (!obj || !path) return void 0;
|
|
4812
4660
|
if (obj[path] !== void 0) {
|
|
4813
4661
|
return obj[path];
|
|
@@ -4822,7 +4670,7 @@ var init_LinkNodeButton = __esm({
|
|
|
4822
4670
|
}
|
|
4823
4671
|
return current;
|
|
4824
4672
|
}, []);
|
|
4825
|
-
const onClick = (0,
|
|
4673
|
+
const onClick = (0, import_react45.useCallback)(async () => {
|
|
4826
4674
|
if (!node.postUrl) {
|
|
4827
4675
|
return {
|
|
4828
4676
|
isSuccessful: false,
|
|
@@ -4936,32 +4784,32 @@ var init_LinkNodeButton = __esm({
|
|
|
4936
4784
|
return children;
|
|
4937
4785
|
}
|
|
4938
4786
|
if (linkText) {
|
|
4939
|
-
return /* @__PURE__ */ (0,
|
|
4787
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: linkText });
|
|
4940
4788
|
}
|
|
4941
4789
|
return node.title || "Button";
|
|
4942
4790
|
};
|
|
4943
4791
|
const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
|
|
4944
|
-
return /* @__PURE__ */ (0,
|
|
4792
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4945
4793
|
Button_default,
|
|
4946
4794
|
{
|
|
4947
4795
|
ButtonType: linkType,
|
|
4948
4796
|
onClick,
|
|
4949
4797
|
disabled: isLoading || !!successMessage,
|
|
4950
4798
|
className: "w-full",
|
|
4951
|
-
children: successMessage ? /* @__PURE__ */ (0,
|
|
4799
|
+
children: successMessage ? /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4952
4800
|
"span",
|
|
4953
4801
|
{
|
|
4954
4802
|
style: fontSize ? { fontSize } : void 0,
|
|
4955
4803
|
className: "inline-flex items-center gap-2",
|
|
4956
4804
|
children: [
|
|
4957
|
-
/* @__PURE__ */ (0,
|
|
4805
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4958
4806
|
"svg",
|
|
4959
4807
|
{
|
|
4960
4808
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4961
4809
|
viewBox: "0 0 20 20",
|
|
4962
4810
|
fill: "currentColor",
|
|
4963
4811
|
className: "w-5 h-5",
|
|
4964
|
-
children: /* @__PURE__ */ (0,
|
|
4812
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4965
4813
|
"path",
|
|
4966
4814
|
{
|
|
4967
4815
|
fillRule: "evenodd",
|
|
@@ -4971,7 +4819,7 @@ var init_LinkNodeButton = __esm({
|
|
|
4971
4819
|
)
|
|
4972
4820
|
}
|
|
4973
4821
|
),
|
|
4974
|
-
/* @__PURE__ */ (0,
|
|
4822
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: successMessage })
|
|
4975
4823
|
]
|
|
4976
4824
|
}
|
|
4977
4825
|
) : renderButtonContent()
|
|
@@ -4988,9 +4836,9 @@ __export(CopyButton_exports, {
|
|
|
4988
4836
|
default: () => CopyButton
|
|
4989
4837
|
});
|
|
4990
4838
|
function CopyButton({ text }) {
|
|
4991
|
-
const [copied, setCopied] = (0,
|
|
4992
|
-
const timeoutRef = (0,
|
|
4993
|
-
(0,
|
|
4839
|
+
const [copied, setCopied] = (0, import_react52.useState)(false);
|
|
4840
|
+
const timeoutRef = (0, import_react52.useRef)(null);
|
|
4841
|
+
(0, import_react52.useEffect)(() => {
|
|
4994
4842
|
return () => {
|
|
4995
4843
|
if (timeoutRef.current) clearTimeout(timeoutRef.current);
|
|
4996
4844
|
};
|
|
@@ -5005,13 +4853,13 @@ function CopyButton({ text }) {
|
|
|
5005
4853
|
console.error("Failed to copy: ", err);
|
|
5006
4854
|
}
|
|
5007
4855
|
};
|
|
5008
|
-
return /* @__PURE__ */ (0,
|
|
4856
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
5009
4857
|
"button",
|
|
5010
4858
|
{
|
|
5011
4859
|
onClick: handleCopy,
|
|
5012
4860
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
5013
4861
|
children: [
|
|
5014
|
-
/* @__PURE__ */ (0,
|
|
4862
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
5015
4863
|
"svg",
|
|
5016
4864
|
{
|
|
5017
4865
|
width: "16",
|
|
@@ -5019,7 +4867,7 @@ function CopyButton({ text }) {
|
|
|
5019
4867
|
viewBox: "0 0 24 24",
|
|
5020
4868
|
className: "w-4 h-4",
|
|
5021
4869
|
fill: "currentColor",
|
|
5022
|
-
children: /* @__PURE__ */ (0,
|
|
4870
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
5023
4871
|
"path",
|
|
5024
4872
|
{
|
|
5025
4873
|
fillRule: "evenodd",
|
|
@@ -5034,54 +4882,54 @@ function CopyButton({ text }) {
|
|
|
5034
4882
|
}
|
|
5035
4883
|
);
|
|
5036
4884
|
}
|
|
5037
|
-
var
|
|
4885
|
+
var import_react52, import_jsx_runtime73;
|
|
5038
4886
|
var init_CopyButton = __esm({
|
|
5039
4887
|
"src/components/CopyButton.tsx"() {
|
|
5040
4888
|
"use strict";
|
|
5041
4889
|
"use client";
|
|
5042
|
-
|
|
5043
|
-
|
|
4890
|
+
import_react52 = require("react");
|
|
4891
|
+
import_jsx_runtime73 = require("react/jsx-runtime");
|
|
5044
4892
|
}
|
|
5045
4893
|
});
|
|
5046
4894
|
|
|
5047
4895
|
// src/components/IFrameLoaderView.tsx
|
|
5048
|
-
var
|
|
4896
|
+
var import_react55, import_jsx_runtime77, IFrameLoaderView, IFrameLoaderView_default;
|
|
5049
4897
|
var init_IFrameLoaderView = __esm({
|
|
5050
4898
|
"src/components/IFrameLoaderView.tsx"() {
|
|
5051
4899
|
"use strict";
|
|
5052
|
-
|
|
5053
|
-
|
|
4900
|
+
import_react55 = __toESM(require("react"));
|
|
4901
|
+
import_jsx_runtime77 = require("react/jsx-runtime");
|
|
5054
4902
|
IFrameLoaderView = (props) => {
|
|
5055
|
-
return /* @__PURE__ */ (0,
|
|
5056
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
5057
|
-
/* @__PURE__ */ (0,
|
|
5058
|
-
/* @__PURE__ */ (0,
|
|
5059
|
-
/* @__PURE__ */ (0,
|
|
5060
|
-
/* @__PURE__ */ (0,
|
|
5061
|
-
/* @__PURE__ */ (0,
|
|
4903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react55.default.Fragment, { children: [
|
|
4904
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
4905
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
4906
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
4907
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ml-2", children: [
|
|
4908
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
4909
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
5062
4910
|
] })
|
|
5063
4911
|
] }),
|
|
5064
|
-
/* @__PURE__ */ (0,
|
|
5065
|
-
/* @__PURE__ */ (0,
|
|
5066
|
-
/* @__PURE__ */ (0,
|
|
5067
|
-
/* @__PURE__ */ (0,
|
|
5068
|
-
/* @__PURE__ */ (0,
|
|
5069
|
-
/* @__PURE__ */ (0,
|
|
5070
|
-
/* @__PURE__ */ (0,
|
|
4912
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
4913
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "animate-pulse", children: [
|
|
4914
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
4915
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
4916
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
4917
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
4918
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5071
4919
|
] }),
|
|
5072
|
-
/* @__PURE__ */ (0,
|
|
5073
|
-
/* @__PURE__ */ (0,
|
|
5074
|
-
/* @__PURE__ */ (0,
|
|
5075
|
-
/* @__PURE__ */ (0,
|
|
5076
|
-
/* @__PURE__ */ (0,
|
|
5077
|
-
/* @__PURE__ */ (0,
|
|
4920
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "animate-pulse", children: [
|
|
4921
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
4922
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
4923
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
4924
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
4925
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5078
4926
|
] }),
|
|
5079
|
-
/* @__PURE__ */ (0,
|
|
5080
|
-
/* @__PURE__ */ (0,
|
|
5081
|
-
/* @__PURE__ */ (0,
|
|
5082
|
-
/* @__PURE__ */ (0,
|
|
5083
|
-
/* @__PURE__ */ (0,
|
|
5084
|
-
/* @__PURE__ */ (0,
|
|
4927
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "animate-pulse", children: [
|
|
4928
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
4929
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
4930
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
4931
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
4932
|
+
/* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
5085
4933
|
] })
|
|
5086
4934
|
] })
|
|
5087
4935
|
] }) }),
|
|
@@ -5097,23 +4945,23 @@ var IframeClient_exports = {};
|
|
|
5097
4945
|
__export(IframeClient_exports, {
|
|
5098
4946
|
default: () => IframeClient_default
|
|
5099
4947
|
});
|
|
5100
|
-
var
|
|
4948
|
+
var import_react56, import_jsx_runtime78, IframeClient, IframeClient_default;
|
|
5101
4949
|
var init_IframeClient = __esm({
|
|
5102
4950
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
5103
4951
|
"use strict";
|
|
5104
4952
|
"use client";
|
|
5105
|
-
|
|
4953
|
+
import_react56 = __toESM(require("react"));
|
|
5106
4954
|
init_IFrameLoaderView();
|
|
5107
|
-
|
|
4955
|
+
import_jsx_runtime78 = require("react/jsx-runtime");
|
|
5108
4956
|
IframeClient = ({
|
|
5109
4957
|
src,
|
|
5110
4958
|
width,
|
|
5111
4959
|
height
|
|
5112
4960
|
}) => {
|
|
5113
|
-
const iframeRef = (0,
|
|
5114
|
-
const [iframeHeight, setIframeHeight] = (0,
|
|
5115
|
-
const [isDataFound, setIsDataFound] = (0,
|
|
5116
|
-
(0,
|
|
4961
|
+
const iframeRef = (0, import_react56.useRef)(null);
|
|
4962
|
+
const [iframeHeight, setIframeHeight] = (0, import_react56.useState)("100%");
|
|
4963
|
+
const [isDataFound, setIsDataFound] = (0, import_react56.useState)(null);
|
|
4964
|
+
(0, import_react56.useEffect)(() => {
|
|
5117
4965
|
const handleReceiveMessage = (event) => {
|
|
5118
4966
|
const eventName = event?.data?.eventName;
|
|
5119
4967
|
const payload = event?.data?.payload;
|
|
@@ -5128,7 +4976,7 @@ var init_IframeClient = __esm({
|
|
|
5128
4976
|
window.addEventListener("message", handleReceiveMessage);
|
|
5129
4977
|
return () => window.removeEventListener("message", handleReceiveMessage);
|
|
5130
4978
|
}, []);
|
|
5131
|
-
(0,
|
|
4979
|
+
(0, import_react56.useEffect)(() => {
|
|
5132
4980
|
const handleResize = () => {
|
|
5133
4981
|
if (iframeRef.current) {
|
|
5134
4982
|
iframeRef.current.contentWindow?.postMessage(
|
|
@@ -5143,7 +4991,7 @@ var init_IframeClient = __esm({
|
|
|
5143
4991
|
const handleIframeLoad = () => {
|
|
5144
4992
|
setIsDataFound(true);
|
|
5145
4993
|
};
|
|
5146
|
-
return /* @__PURE__ */ (0,
|
|
4994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
5147
4995
|
"iframe",
|
|
5148
4996
|
{
|
|
5149
4997
|
ref: iframeRef,
|
|
@@ -5402,21 +5250,21 @@ var Pagination_exports = {};
|
|
|
5402
5250
|
__export(Pagination_exports, {
|
|
5403
5251
|
default: () => Pagination_default
|
|
5404
5252
|
});
|
|
5405
|
-
var
|
|
5253
|
+
var import_react57, import_jsx_runtime84, Pagination, Pagination_default;
|
|
5406
5254
|
var init_Pagination = __esm({
|
|
5407
5255
|
"src/components/Pagination.tsx"() {
|
|
5408
5256
|
"use strict";
|
|
5409
5257
|
"use client";
|
|
5410
|
-
|
|
5258
|
+
import_react57 = require("react");
|
|
5411
5259
|
init_OdataBuilder();
|
|
5412
5260
|
init_Icon();
|
|
5413
5261
|
init_StyleTypes();
|
|
5414
5262
|
init_InputControlType();
|
|
5415
5263
|
init_Hyperlink();
|
|
5416
|
-
|
|
5264
|
+
import_jsx_runtime84 = require("react/jsx-runtime");
|
|
5417
5265
|
Pagination = (props) => {
|
|
5418
5266
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
5419
|
-
const builder = (0,
|
|
5267
|
+
const builder = (0, import_react57.useMemo)(() => {
|
|
5420
5268
|
const b = new OdataBuilder(path);
|
|
5421
5269
|
if (query) b.setQuery(query);
|
|
5422
5270
|
return b;
|
|
@@ -5457,7 +5305,7 @@ var init_Pagination = __esm({
|
|
|
5457
5305
|
return range;
|
|
5458
5306
|
};
|
|
5459
5307
|
const paginationRange = getPaginationRange();
|
|
5460
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
5308
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5461
5309
|
Hyperlink,
|
|
5462
5310
|
{
|
|
5463
5311
|
linkType: "Link" /* Link */,
|
|
@@ -5472,9 +5320,9 @@ var init_Pagination = __esm({
|
|
|
5472
5320
|
);
|
|
5473
5321
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
5474
5322
|
if (disabled) {
|
|
5475
|
-
return /* @__PURE__ */ (0,
|
|
5323
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("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 });
|
|
5476
5324
|
}
|
|
5477
|
-
return /* @__PURE__ */ (0,
|
|
5325
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5478
5326
|
Hyperlink,
|
|
5479
5327
|
{
|
|
5480
5328
|
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",
|
|
@@ -5484,35 +5332,35 @@ var init_Pagination = __esm({
|
|
|
5484
5332
|
);
|
|
5485
5333
|
};
|
|
5486
5334
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
5487
|
-
return /* @__PURE__ */ (0,
|
|
5488
|
-
/* @__PURE__ */ (0,
|
|
5489
|
-
/* @__PURE__ */ (0,
|
|
5335
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
5336
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
5337
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-sm", children: [
|
|
5490
5338
|
"Showing ",
|
|
5491
|
-
/* @__PURE__ */ (0,
|
|
5339
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("span", { className: "font-semibold", children: [
|
|
5492
5340
|
startItem,
|
|
5493
5341
|
"-",
|
|
5494
5342
|
endItem
|
|
5495
5343
|
] }),
|
|
5496
5344
|
" ",
|
|
5497
5345
|
"out of ",
|
|
5498
|
-
/* @__PURE__ */ (0,
|
|
5346
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
5499
5347
|
" results"
|
|
5500
5348
|
] }),
|
|
5501
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
5502
|
-
/* @__PURE__ */ (0,
|
|
5349
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
5350
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
5503
5351
|
NavigationButton,
|
|
5504
5352
|
{
|
|
5505
5353
|
page: activePageNumber - 1,
|
|
5506
5354
|
disabled: activePageNumber === 1,
|
|
5507
5355
|
children: [
|
|
5508
|
-
/* @__PURE__ */ (0,
|
|
5509
|
-
/* @__PURE__ */ (0,
|
|
5356
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
5357
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
5510
5358
|
]
|
|
5511
5359
|
}
|
|
5512
5360
|
),
|
|
5513
5361
|
paginationRange.map((item, index) => {
|
|
5514
5362
|
if (item === "...") {
|
|
5515
|
-
return /* @__PURE__ */ (0,
|
|
5363
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5516
5364
|
"span",
|
|
5517
5365
|
{
|
|
5518
5366
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -5522,23 +5370,23 @@ var init_Pagination = __esm({
|
|
|
5522
5370
|
);
|
|
5523
5371
|
}
|
|
5524
5372
|
const page = item;
|
|
5525
|
-
return /* @__PURE__ */ (0,
|
|
5373
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(PageButton, { page, children: page }, page);
|
|
5526
5374
|
}),
|
|
5527
|
-
/* @__PURE__ */ (0,
|
|
5375
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
5528
5376
|
NavigationButton,
|
|
5529
5377
|
{
|
|
5530
5378
|
page: activePageNumber + 1,
|
|
5531
5379
|
disabled: activePageNumber === totalPages,
|
|
5532
5380
|
children: [
|
|
5533
|
-
/* @__PURE__ */ (0,
|
|
5534
|
-
/* @__PURE__ */ (0,
|
|
5381
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
5382
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
5535
5383
|
]
|
|
5536
5384
|
}
|
|
5537
5385
|
)
|
|
5538
5386
|
] }),
|
|
5539
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
5540
|
-
/* @__PURE__ */ (0,
|
|
5541
|
-
/* @__PURE__ */ (0,
|
|
5387
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
5388
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
5389
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5542
5390
|
"input",
|
|
5543
5391
|
{
|
|
5544
5392
|
type: "number",
|
|
@@ -5559,9 +5407,9 @@ var init_Pagination = __esm({
|
|
|
5559
5407
|
) })
|
|
5560
5408
|
] })
|
|
5561
5409
|
] }),
|
|
5562
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
5563
|
-
/* @__PURE__ */ (0,
|
|
5564
|
-
/* @__PURE__ */ (0,
|
|
5410
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
5411
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
5412
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
5565
5413
|
Hyperlink,
|
|
5566
5414
|
{
|
|
5567
5415
|
className: `
|
|
@@ -5573,7 +5421,7 @@ var init_Pagination = __esm({
|
|
|
5573
5421
|
},
|
|
5574
5422
|
size
|
|
5575
5423
|
)) }),
|
|
5576
|
-
/* @__PURE__ */ (0,
|
|
5424
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("span", { className: "text-sm", children: "per page" })
|
|
5577
5425
|
] }) })
|
|
5578
5426
|
] });
|
|
5579
5427
|
};
|
|
@@ -5586,16 +5434,16 @@ var DataBindingControls_exports = {};
|
|
|
5586
5434
|
__export(DataBindingControls_exports, {
|
|
5587
5435
|
default: () => DataBindingControls_default
|
|
5588
5436
|
});
|
|
5589
|
-
var
|
|
5437
|
+
var import_react58, import_navigation, import_jsx_runtime85, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, normalizeSortOption, DUMMY_FACETS, DUMMY_SORT_OPTIONS, DataBindingControls, DataBindingControls_default;
|
|
5590
5438
|
var init_DataBindingControls = __esm({
|
|
5591
5439
|
"src/components/pageRenderingEngine/nodes/DataBindingControls.tsx"() {
|
|
5592
5440
|
"use strict";
|
|
5593
5441
|
"use client";
|
|
5594
|
-
|
|
5442
|
+
import_react58 = require("react");
|
|
5595
5443
|
import_navigation = require("next/navigation");
|
|
5596
5444
|
init_InputControl();
|
|
5597
5445
|
init_InputControlType();
|
|
5598
|
-
|
|
5446
|
+
import_jsx_runtime85 = require("react/jsx-runtime");
|
|
5599
5447
|
humanize = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
|
|
5600
5448
|
escapeODataString = (value) => value.replace(/'/g, "''");
|
|
5601
5449
|
parseFacetSelections = (filter) => {
|
|
@@ -5672,12 +5520,12 @@ var init_DataBindingControls = __esm({
|
|
|
5672
5520
|
const selectedFacetValues = parseFacetSelections(currentFilter);
|
|
5673
5521
|
const currentSort = query?.["$orderby"] ?? query?.orderBy ?? "";
|
|
5674
5522
|
const currentSearch = parseODataSearch(query?.["$search"]);
|
|
5675
|
-
const [searchText, setSearchText] = (0,
|
|
5676
|
-
const lastNavigationUrl = (0,
|
|
5677
|
-
(0,
|
|
5523
|
+
const [searchText, setSearchText] = (0, import_react58.useState)(currentSearch);
|
|
5524
|
+
const lastNavigationUrl = (0, import_react58.useRef)(null);
|
|
5525
|
+
(0, import_react58.useEffect)(() => {
|
|
5678
5526
|
setSearchText(currentSearch);
|
|
5679
5527
|
}, [currentSearch]);
|
|
5680
|
-
const getQueryUrl = (0,
|
|
5528
|
+
const getQueryUrl = (0, import_react58.useCallback)(
|
|
5681
5529
|
(updates) => {
|
|
5682
5530
|
const params = new URLSearchParams(query ?? {});
|
|
5683
5531
|
Object.entries(updates).forEach(([key, value]) => {
|
|
@@ -5707,7 +5555,7 @@ var init_DataBindingControls = __esm({
|
|
|
5707
5555
|
filter: void 0
|
|
5708
5556
|
});
|
|
5709
5557
|
};
|
|
5710
|
-
const navigateWithoutReload = (0,
|
|
5558
|
+
const navigateWithoutReload = (0, import_react58.useCallback)(
|
|
5711
5559
|
(url) => {
|
|
5712
5560
|
if (lastNavigationUrl.current === url) {
|
|
5713
5561
|
return;
|
|
@@ -5723,7 +5571,7 @@ var init_DataBindingControls = __esm({
|
|
|
5723
5571
|
},
|
|
5724
5572
|
[router]
|
|
5725
5573
|
);
|
|
5726
|
-
(0,
|
|
5574
|
+
(0, import_react58.useEffect)(() => {
|
|
5727
5575
|
const trimmedSearchText = searchText.trim();
|
|
5728
5576
|
if (trimmedSearchText === currentSearch.trim()) {
|
|
5729
5577
|
return;
|
|
@@ -5744,8 +5592,8 @@ var init_DataBindingControls = __esm({
|
|
|
5744
5592
|
if (!shouldShowToolbar && !shouldShowFacets) {
|
|
5745
5593
|
return null;
|
|
5746
5594
|
}
|
|
5747
|
-
const renderFacetLinks = (field, values, stacked = false) => /* @__PURE__ */ (0,
|
|
5748
|
-
/* @__PURE__ */ (0,
|
|
5595
|
+
const renderFacetLinks = (field, values, stacked = false) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: stacked ? "flex flex-col gap-1" : "flex flex-wrap gap-2", children: [
|
|
5596
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
5749
5597
|
"button",
|
|
5750
5598
|
{
|
|
5751
5599
|
type: "button",
|
|
@@ -5757,7 +5605,7 @@ var init_DataBindingControls = __esm({
|
|
|
5757
5605
|
),
|
|
5758
5606
|
values.map((facet) => {
|
|
5759
5607
|
const isSelected = selectedFacetValues.get(field) === facet.value;
|
|
5760
|
-
return /* @__PURE__ */ (0,
|
|
5608
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
5761
5609
|
"button",
|
|
5762
5610
|
{
|
|
5763
5611
|
type: "button",
|
|
@@ -5775,9 +5623,9 @@ var init_DataBindingControls = __esm({
|
|
|
5775
5623
|
);
|
|
5776
5624
|
})
|
|
5777
5625
|
] });
|
|
5778
|
-
return /* @__PURE__ */ (0,
|
|
5779
|
-
shouldShowToolbar && /* @__PURE__ */ (0,
|
|
5780
|
-
showSearchBar && /* @__PURE__ */ (0,
|
|
5626
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: mode === "toolbar" ? "mb-6" : "flex flex-col gap-2", children: [
|
|
5627
|
+
shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex flex-col gap-3 md:flex-row md:items-center md:justify-between", children: [
|
|
5628
|
+
showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "w-full max-w-xl", children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
5781
5629
|
InputControl_default,
|
|
5782
5630
|
{
|
|
5783
5631
|
name: "searchText",
|
|
@@ -5788,9 +5636,9 @@ var init_DataBindingControls = __esm({
|
|
|
5788
5636
|
inputClasses: "!mt-0"
|
|
5789
5637
|
}
|
|
5790
5638
|
) }),
|
|
5791
|
-
hasSortControls && /* @__PURE__ */ (0,
|
|
5792
|
-
/* @__PURE__ */ (0,
|
|
5793
|
-
/* @__PURE__ */ (0,
|
|
5639
|
+
hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex items-center gap-2 text-sm", children: [
|
|
5640
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("span", { className: "font-medium", children: "Sort by" }),
|
|
5641
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
5794
5642
|
InputControl_default,
|
|
5795
5643
|
{
|
|
5796
5644
|
name: "sortOptions",
|
|
@@ -5811,10 +5659,10 @@ var init_DataBindingControls = __esm({
|
|
|
5811
5659
|
)
|
|
5812
5660
|
] })
|
|
5813
5661
|
] }),
|
|
5814
|
-
shouldShowFacets && facetGroups.length === 1 && /* @__PURE__ */ (0,
|
|
5815
|
-
shouldShowFacets && facetGroups.length > 1 && /* @__PURE__ */ (0,
|
|
5816
|
-
/* @__PURE__ */ (0,
|
|
5817
|
-
/* @__PURE__ */ (0,
|
|
5662
|
+
shouldShowFacets && facetGroups.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("nav", { "aria-label": `${humanize(facetGroups[0][0])} filters`, children: renderFacetLinks(facetGroups[0][0], facetGroups[0][1]) }),
|
|
5663
|
+
shouldShowFacets && facetGroups.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "flex flex-col gap-2", children: facetGroups.map(([field, values]) => /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("details", { className: "border-b", open: true, children: [
|
|
5664
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("summary", { className: "cursor-pointer font-semibold", children: humanize(field) }),
|
|
5665
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "p-2", children: renderFacetLinks(field, values, true) })
|
|
5818
5666
|
] }, field)) })
|
|
5819
5667
|
] });
|
|
5820
5668
|
};
|
|
@@ -5827,13 +5675,13 @@ var Slider_exports = {};
|
|
|
5827
5675
|
__export(Slider_exports, {
|
|
5828
5676
|
default: () => Slider_default
|
|
5829
5677
|
});
|
|
5830
|
-
var
|
|
5678
|
+
var import_react59, import_jsx_runtime86, Slider, ArrowButton, ProgressPill, Slider_default;
|
|
5831
5679
|
var init_Slider = __esm({
|
|
5832
5680
|
"src/components/Slider.tsx"() {
|
|
5833
5681
|
"use strict";
|
|
5834
5682
|
"use client";
|
|
5835
|
-
|
|
5836
|
-
|
|
5683
|
+
import_react59 = __toESM(require("react"));
|
|
5684
|
+
import_jsx_runtime86 = require("react/jsx-runtime");
|
|
5837
5685
|
Slider = ({
|
|
5838
5686
|
children,
|
|
5839
5687
|
slidesToShow = 4,
|
|
@@ -5851,13 +5699,13 @@ var init_Slider = __esm({
|
|
|
5851
5699
|
pillStyle = "cumulative",
|
|
5852
5700
|
progressPosition = "bottom"
|
|
5853
5701
|
}) => {
|
|
5854
|
-
const [currentSlide, setCurrentSlide] = (0,
|
|
5855
|
-
const [transition, setTransition] = (0,
|
|
5856
|
-
const [slidesToShowState, setSlidesToShowState] = (0,
|
|
5702
|
+
const [currentSlide, setCurrentSlide] = (0, import_react59.useState)(0);
|
|
5703
|
+
const [transition, setTransition] = (0, import_react59.useState)(true);
|
|
5704
|
+
const [slidesToShowState, setSlidesToShowState] = (0, import_react59.useState)(
|
|
5857
5705
|
typeof slidesToShow === "number" ? slidesToShow : slidesToShow.large
|
|
5858
5706
|
);
|
|
5859
|
-
const [isPlaying, setIsPlaying] = (0,
|
|
5860
|
-
(0,
|
|
5707
|
+
const [isPlaying, setIsPlaying] = (0, import_react59.useState)(autoplay);
|
|
5708
|
+
(0, import_react59.useEffect)(() => {
|
|
5861
5709
|
if (typeof slidesToShow === "number") return;
|
|
5862
5710
|
const handleResize = () => {
|
|
5863
5711
|
if (window.innerWidth >= 1024) {
|
|
@@ -5872,7 +5720,7 @@ var init_Slider = __esm({
|
|
|
5872
5720
|
window.addEventListener("resize", handleResize);
|
|
5873
5721
|
return () => window.removeEventListener("resize", handleResize);
|
|
5874
5722
|
}, [slidesToShow]);
|
|
5875
|
-
(0,
|
|
5723
|
+
(0, import_react59.useEffect)(() => {
|
|
5876
5724
|
if (!autoplay) return;
|
|
5877
5725
|
const timer = setInterval(() => {
|
|
5878
5726
|
if (isPlaying) {
|
|
@@ -5881,7 +5729,7 @@ var init_Slider = __esm({
|
|
|
5881
5729
|
}, autoplay_speed);
|
|
5882
5730
|
return () => clearInterval(timer);
|
|
5883
5731
|
}, [autoplay, autoplay_speed, currentSlide, isPlaying]);
|
|
5884
|
-
const totalSlides =
|
|
5732
|
+
const totalSlides = import_react59.Children.count(children);
|
|
5885
5733
|
const maxSlide = totalSlides - slidesToShowState;
|
|
5886
5734
|
const nextSlide = () => {
|
|
5887
5735
|
if (currentSlide >= maxSlide) {
|
|
@@ -5926,16 +5774,16 @@ var init_Slider = __esm({
|
|
|
5926
5774
|
}
|
|
5927
5775
|
};
|
|
5928
5776
|
const translateX = -currentSlide * (100 / slidesToShowState);
|
|
5929
|
-
const slides =
|
|
5930
|
-
if (!
|
|
5777
|
+
const slides = import_react59.Children.map(children, (child, index) => {
|
|
5778
|
+
if (!import_react59.default.isValidElement(child)) return null;
|
|
5931
5779
|
const childProps = child.props;
|
|
5932
5780
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
5933
|
-
return /* @__PURE__ */ (0,
|
|
5781
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
5934
5782
|
"div",
|
|
5935
5783
|
{
|
|
5936
5784
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
5937
5785
|
style: { width: `calc(${100 / slidesToShowState}%)`, paddingRight: gap },
|
|
5938
|
-
children: (0,
|
|
5786
|
+
children: (0, import_react59.cloneElement)(child, {
|
|
5939
5787
|
className: mergedClassName
|
|
5940
5788
|
})
|
|
5941
5789
|
},
|
|
@@ -5953,14 +5801,14 @@ var init_Slider = __esm({
|
|
|
5953
5801
|
return "bottom-4";
|
|
5954
5802
|
}
|
|
5955
5803
|
};
|
|
5956
|
-
return /* @__PURE__ */ (0,
|
|
5804
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
5957
5805
|
"div",
|
|
5958
5806
|
{
|
|
5959
5807
|
className: `relative w-full overflow-hidden ${className}`,
|
|
5960
5808
|
onMouseEnter: handleMouseEnter,
|
|
5961
5809
|
onMouseLeave: handleMouseLeave,
|
|
5962
5810
|
children: [
|
|
5963
|
-
/* @__PURE__ */ (0,
|
|
5811
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
5964
5812
|
"div",
|
|
5965
5813
|
{
|
|
5966
5814
|
className: "flex h-full",
|
|
@@ -5971,18 +5819,18 @@ var init_Slider = __esm({
|
|
|
5971
5819
|
children: slides
|
|
5972
5820
|
}
|
|
5973
5821
|
),
|
|
5974
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
5975
|
-
/* @__PURE__ */ (0,
|
|
5822
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(import_jsx_runtime86.Fragment, { children: [
|
|
5823
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
5976
5824
|
ArrowButton,
|
|
5977
5825
|
{
|
|
5978
5826
|
direction: "left",
|
|
5979
5827
|
onClick: prevSlide,
|
|
5980
5828
|
visible: infinite_scroll || currentSlide > 0,
|
|
5981
5829
|
className: arrowClassName,
|
|
5982
|
-
children: /* @__PURE__ */ (0,
|
|
5830
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
5983
5831
|
}
|
|
5984
5832
|
),
|
|
5985
|
-
/* @__PURE__ */ (0,
|
|
5833
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
5986
5834
|
ArrowButton,
|
|
5987
5835
|
{
|
|
5988
5836
|
direction: "right",
|
|
@@ -5990,13 +5838,13 @@ var init_Slider = __esm({
|
|
|
5990
5838
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
5991
5839
|
className: arrowClassName,
|
|
5992
5840
|
children: [
|
|
5993
|
-
/* @__PURE__ */ (0,
|
|
5841
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime86.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
5994
5842
|
" "
|
|
5995
5843
|
]
|
|
5996
5844
|
}
|
|
5997
5845
|
)
|
|
5998
5846
|
] }),
|
|
5999
|
-
show_dots && /* @__PURE__ */ (0,
|
|
5847
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime86.jsx)(
|
|
6000
5848
|
ProgressPill,
|
|
6001
5849
|
{
|
|
6002
5850
|
active: index === currentSlide,
|
|
@@ -6022,7 +5870,7 @@ var init_Slider = __esm({
|
|
|
6022
5870
|
visible,
|
|
6023
5871
|
children,
|
|
6024
5872
|
className = ""
|
|
6025
|
-
}) => /* @__PURE__ */ (0,
|
|
5873
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
6026
5874
|
"button",
|
|
6027
5875
|
{
|
|
6028
5876
|
className: `
|
|
@@ -6048,13 +5896,13 @@ var init_Slider = __esm({
|
|
|
6048
5896
|
currentSlide,
|
|
6049
5897
|
totalSlides
|
|
6050
5898
|
}) => {
|
|
6051
|
-
const [progress, setProgress] = (0,
|
|
6052
|
-
(0,
|
|
5899
|
+
const [progress, setProgress] = (0, import_react59.useState)(0);
|
|
5900
|
+
(0, import_react59.useEffect)(() => {
|
|
6053
5901
|
if (active) {
|
|
6054
5902
|
setProgress(0);
|
|
6055
5903
|
}
|
|
6056
5904
|
}, [active, index]);
|
|
6057
|
-
(0,
|
|
5905
|
+
(0, import_react59.useEffect)(() => {
|
|
6058
5906
|
if (!active || !isPlaying) {
|
|
6059
5907
|
if (!active) {
|
|
6060
5908
|
setProgress(0);
|
|
@@ -6109,7 +5957,7 @@ var init_Slider = __esm({
|
|
|
6109
5957
|
const renderProgressBar = () => {
|
|
6110
5958
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
6111
5959
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
6112
|
-
return /* @__PURE__ */ (0,
|
|
5960
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
6113
5961
|
"div",
|
|
6114
5962
|
{
|
|
6115
5963
|
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`,
|
|
@@ -6121,7 +5969,7 @@ var init_Slider = __esm({
|
|
|
6121
5969
|
};
|
|
6122
5970
|
const renderCumulativeFill = () => {
|
|
6123
5971
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
6124
|
-
return /* @__PURE__ */ (0,
|
|
5972
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
6125
5973
|
"div",
|
|
6126
5974
|
{
|
|
6127
5975
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -6131,7 +5979,7 @@ var init_Slider = __esm({
|
|
|
6131
5979
|
}
|
|
6132
5980
|
return null;
|
|
6133
5981
|
};
|
|
6134
|
-
return /* @__PURE__ */ (0,
|
|
5982
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)(
|
|
6135
5983
|
"button",
|
|
6136
5984
|
{
|
|
6137
5985
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -6152,7 +6000,6 @@ var init_Slider = __esm({
|
|
|
6152
6000
|
// src/index.ts
|
|
6153
6001
|
var index_exports = {};
|
|
6154
6002
|
__export(index_exports, {
|
|
6155
|
-
BooleanSelect: () => BooleanSelect_default,
|
|
6156
6003
|
Button: () => Button_default,
|
|
6157
6004
|
CheckboxInput: () => CheckboxInput_default,
|
|
6158
6005
|
ColorInput: () => ColorInput_default,
|
|
@@ -6176,7 +6023,6 @@ __export(index_exports, {
|
|
|
6176
6023
|
PhoneInput: () => PhoneInput_default,
|
|
6177
6024
|
RadioInput: () => RadioInput_default,
|
|
6178
6025
|
Select: () => Select_default,
|
|
6179
|
-
Switcher: () => Switcher_default,
|
|
6180
6026
|
TimeInput: () => TimeInput_default,
|
|
6181
6027
|
Toast: () => Toast_default,
|
|
6182
6028
|
ToastService: () => ToastService_default,
|
|
@@ -6651,13 +6497,13 @@ init_InputControl();
|
|
|
6651
6497
|
init_InputControlType();
|
|
6652
6498
|
|
|
6653
6499
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
6654
|
-
var
|
|
6500
|
+
var import_react61 = __toESM(require("react"));
|
|
6655
6501
|
|
|
6656
6502
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
6657
|
-
var
|
|
6503
|
+
var import_react47 = __toESM(require("react"));
|
|
6658
6504
|
|
|
6659
6505
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
6660
|
-
var
|
|
6506
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
6661
6507
|
var TextNode = (props) => {
|
|
6662
6508
|
function cssStringToJson(cssString) {
|
|
6663
6509
|
const styleObject = {};
|
|
@@ -6712,36 +6558,36 @@ var TextNode = (props) => {
|
|
|
6712
6558
|
});
|
|
6713
6559
|
}
|
|
6714
6560
|
function renderWithLineBreaks(text) {
|
|
6715
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
6561
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("span", { children: [
|
|
6716
6562
|
line,
|
|
6717
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
6563
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("br", {})
|
|
6718
6564
|
] }, index));
|
|
6719
6565
|
}
|
|
6720
6566
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
6721
6567
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
6722
6568
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
6723
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0,
|
|
6569
|
+
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("sub", { children: content }) : content;
|
|
6724
6570
|
return (
|
|
6725
6571
|
// @ts-expect-error custom code
|
|
6726
|
-
/* @__PURE__ */ (0,
|
|
6572
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
6727
6573
|
);
|
|
6728
6574
|
};
|
|
6729
6575
|
var TextNode_default = TextNode;
|
|
6730
6576
|
|
|
6731
6577
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
6732
|
-
var
|
|
6578
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
6733
6579
|
var LineBreakNode = () => {
|
|
6734
|
-
return /* @__PURE__ */ (0,
|
|
6580
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
6735
6581
|
};
|
|
6736
6582
|
var LineBreakNode_default = LineBreakNode;
|
|
6737
6583
|
|
|
6738
6584
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
6739
|
-
var
|
|
6585
|
+
var import_react46 = __toESM(require("react"));
|
|
6740
6586
|
|
|
6741
6587
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
6742
6588
|
init_AssetUtility();
|
|
6743
6589
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
6744
|
-
var
|
|
6590
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
6745
6591
|
var HlsPlayer3 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
6746
6592
|
var getNestedValue = (obj, path) => {
|
|
6747
6593
|
if (!obj || !path) return void 0;
|
|
@@ -6774,7 +6620,7 @@ var ImageNode = (props) => {
|
|
|
6774
6620
|
assets = [image];
|
|
6775
6621
|
}
|
|
6776
6622
|
if (assets && assets.length > 0) {
|
|
6777
|
-
return /* @__PURE__ */ (0,
|
|
6623
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
6778
6624
|
DeviceAssetSelector_default,
|
|
6779
6625
|
{
|
|
6780
6626
|
device: props.device,
|
|
@@ -6815,7 +6661,7 @@ var ImageNode = (props) => {
|
|
|
6815
6661
|
right: "justify-end"
|
|
6816
6662
|
};
|
|
6817
6663
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
6818
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
6664
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
6819
6665
|
HlsPlayer3,
|
|
6820
6666
|
{
|
|
6821
6667
|
assetUrl: imageUrl,
|
|
@@ -6828,7 +6674,7 @@ var ImageNode = (props) => {
|
|
|
6828
6674
|
apiBaseUrl: props.apiBaseUrl,
|
|
6829
6675
|
session: props.session
|
|
6830
6676
|
}
|
|
6831
|
-
) : /* @__PURE__ */ (0,
|
|
6677
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
6832
6678
|
"img",
|
|
6833
6679
|
{
|
|
6834
6680
|
style: styles,
|
|
@@ -6841,7 +6687,7 @@ var ImageNode = (props) => {
|
|
|
6841
6687
|
}
|
|
6842
6688
|
);
|
|
6843
6689
|
if (props.node.width) {
|
|
6844
|
-
return /* @__PURE__ */ (0,
|
|
6690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
6845
6691
|
}
|
|
6846
6692
|
return renderMedia();
|
|
6847
6693
|
};
|
|
@@ -6851,7 +6697,7 @@ var ImageNode_default = ImageNode;
|
|
|
6851
6697
|
init_StyleTypes();
|
|
6852
6698
|
init_Hyperlink();
|
|
6853
6699
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
6854
|
-
var
|
|
6700
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
6855
6701
|
var LinkNodeButton2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
6856
6702
|
ssr: false
|
|
6857
6703
|
});
|
|
@@ -6904,13 +6750,13 @@ var LinkNode = (props) => {
|
|
|
6904
6750
|
const isButton = node.isButton === true;
|
|
6905
6751
|
const renderChildren2 = () => {
|
|
6906
6752
|
if (!node.children || node.children.length === 0) return null;
|
|
6907
|
-
return /* @__PURE__ */ (0,
|
|
6753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_jsx_runtime64.Fragment, { children: node.children.map((childNode, index) => {
|
|
6908
6754
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
6909
6755
|
if (!SelectedNode) {
|
|
6910
6756
|
console.warn("Unknown node type:", childNode.type);
|
|
6911
6757
|
return null;
|
|
6912
6758
|
}
|
|
6913
|
-
return /* @__PURE__ */ (0,
|
|
6759
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
6914
6760
|
SelectedNode,
|
|
6915
6761
|
{
|
|
6916
6762
|
node: childNode,
|
|
@@ -6923,15 +6769,15 @@ var LinkNode = (props) => {
|
|
|
6923
6769
|
};
|
|
6924
6770
|
const renderFallback = () => {
|
|
6925
6771
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
6926
|
-
return /* @__PURE__ */ (0,
|
|
6772
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { children: linkText });
|
|
6927
6773
|
}
|
|
6928
6774
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
6929
|
-
return /* @__PURE__ */ (0,
|
|
6775
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("br", {});
|
|
6930
6776
|
}
|
|
6931
6777
|
return null;
|
|
6932
6778
|
};
|
|
6933
6779
|
if (isButton) {
|
|
6934
|
-
return /* @__PURE__ */ (0,
|
|
6780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
6935
6781
|
LinkNodeButton2,
|
|
6936
6782
|
{
|
|
6937
6783
|
node,
|
|
@@ -6949,7 +6795,7 @@ var LinkNode = (props) => {
|
|
|
6949
6795
|
}
|
|
6950
6796
|
);
|
|
6951
6797
|
}
|
|
6952
|
-
return /* @__PURE__ */ (0,
|
|
6798
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
6953
6799
|
Hyperlink,
|
|
6954
6800
|
{
|
|
6955
6801
|
href: linkUrl || "#",
|
|
@@ -6965,10 +6811,10 @@ var LinkNode = (props) => {
|
|
|
6965
6811
|
var LinkNode_default = LinkNode;
|
|
6966
6812
|
|
|
6967
6813
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
6968
|
-
var
|
|
6814
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
6969
6815
|
var SVGIconNode = ({ node }) => {
|
|
6970
6816
|
if (!node?.svgCode) return null;
|
|
6971
|
-
return /* @__PURE__ */ (0,
|
|
6817
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
6972
6818
|
"span",
|
|
6973
6819
|
{
|
|
6974
6820
|
style: {
|
|
@@ -6985,7 +6831,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
6985
6831
|
|
|
6986
6832
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
6987
6833
|
var import_katex = __toESM(require("katex"));
|
|
6988
|
-
var
|
|
6834
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
6989
6835
|
var EquationNode = ({ node }) => {
|
|
6990
6836
|
const { equation, inline } = node;
|
|
6991
6837
|
let html = "";
|
|
@@ -7000,7 +6846,7 @@ var EquationNode = ({ node }) => {
|
|
|
7000
6846
|
});
|
|
7001
6847
|
}
|
|
7002
6848
|
if (inline) {
|
|
7003
|
-
return /* @__PURE__ */ (0,
|
|
6849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
7004
6850
|
"span",
|
|
7005
6851
|
{
|
|
7006
6852
|
className: "katex-inline",
|
|
@@ -7008,7 +6854,7 @@ var EquationNode = ({ node }) => {
|
|
|
7008
6854
|
}
|
|
7009
6855
|
);
|
|
7010
6856
|
}
|
|
7011
|
-
return /* @__PURE__ */ (0,
|
|
6857
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
7012
6858
|
"div",
|
|
7013
6859
|
{
|
|
7014
6860
|
className: "katex-block my-3 text-center",
|
|
@@ -7019,7 +6865,7 @@ var EquationNode = ({ node }) => {
|
|
|
7019
6865
|
var EquationNode_default = EquationNode;
|
|
7020
6866
|
|
|
7021
6867
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
7022
|
-
var
|
|
6868
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
7023
6869
|
function getNestedProperty(obj, path) {
|
|
7024
6870
|
if (!obj || !path) return null;
|
|
7025
6871
|
if (path.includes(".")) {
|
|
@@ -7032,7 +6878,7 @@ function getNestedProperty(obj, path) {
|
|
|
7032
6878
|
}
|
|
7033
6879
|
const value = obj[path];
|
|
7034
6880
|
if (Array.isArray(value)) {
|
|
7035
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
6881
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: String(item) }, index));
|
|
7036
6882
|
}
|
|
7037
6883
|
return value;
|
|
7038
6884
|
}
|
|
@@ -7095,7 +6941,7 @@ var DatafieldNode = (props) => {
|
|
|
7095
6941
|
const dataType = props.node.dataType;
|
|
7096
6942
|
if (isEmptyValue) return null;
|
|
7097
6943
|
if (dataType === "rawContent") {
|
|
7098
|
-
return /* @__PURE__ */ (0,
|
|
6944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
7099
6945
|
PageBodyRenderer_default,
|
|
7100
6946
|
{
|
|
7101
6947
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -7111,13 +6957,13 @@ var DatafieldNode = (props) => {
|
|
|
7111
6957
|
}
|
|
7112
6958
|
);
|
|
7113
6959
|
}
|
|
7114
|
-
return /* @__PURE__ */ (0,
|
|
6960
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
7115
6961
|
"span",
|
|
7116
6962
|
{
|
|
7117
6963
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
7118
6964
|
style: styles,
|
|
7119
6965
|
title,
|
|
7120
|
-
children: /* @__PURE__ */ (0,
|
|
6966
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
7121
6967
|
ViewControl_default,
|
|
7122
6968
|
{
|
|
7123
6969
|
controlType: dataType,
|
|
@@ -7132,7 +6978,7 @@ var DatafieldNode = (props) => {
|
|
|
7132
6978
|
var DatafieldNode_default = DatafieldNode;
|
|
7133
6979
|
|
|
7134
6980
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
7135
|
-
var
|
|
6981
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
7136
6982
|
var ParagraphNode = (props) => {
|
|
7137
6983
|
const NodeTypes2 = {
|
|
7138
6984
|
["text"]: TextNode_default,
|
|
@@ -7152,9 +6998,9 @@ var ParagraphNode = (props) => {
|
|
|
7152
6998
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
7153
6999
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
7154
7000
|
if (isInlineOnlyParent) {
|
|
7155
|
-
return /* @__PURE__ */ (0,
|
|
7001
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_jsx_runtime68.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
7156
7002
|
const SelectedNode = NodeTypes2[node.type];
|
|
7157
|
-
return /* @__PURE__ */ (0,
|
|
7003
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
7158
7004
|
SelectedNode,
|
|
7159
7005
|
{
|
|
7160
7006
|
node,
|
|
@@ -7167,10 +7013,10 @@ var ParagraphNode = (props) => {
|
|
|
7167
7013
|
) }, index);
|
|
7168
7014
|
}) });
|
|
7169
7015
|
}
|
|
7170
|
-
return /* @__PURE__ */ (0,
|
|
7016
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: " " + formatClasses, children: [
|
|
7171
7017
|
hasChildren && props.node.children.map((node, index) => {
|
|
7172
7018
|
const SelectedNode = NodeTypes2[node.type];
|
|
7173
|
-
return /* @__PURE__ */ (0,
|
|
7019
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
7174
7020
|
SelectedNode,
|
|
7175
7021
|
{
|
|
7176
7022
|
node,
|
|
@@ -7182,14 +7028,14 @@ var ParagraphNode = (props) => {
|
|
|
7182
7028
|
}
|
|
7183
7029
|
) }, index);
|
|
7184
7030
|
}),
|
|
7185
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
7031
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
7186
7032
|
] });
|
|
7187
7033
|
};
|
|
7188
7034
|
var ParagraphNode_default = ParagraphNode;
|
|
7189
7035
|
|
|
7190
7036
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
7191
|
-
var
|
|
7192
|
-
var
|
|
7037
|
+
var import_react48 = __toESM(require("react"));
|
|
7038
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
7193
7039
|
var HeadingNode = (props) => {
|
|
7194
7040
|
const NodeTypes2 = {
|
|
7195
7041
|
["text"]: TextNode_default,
|
|
@@ -7205,23 +7051,23 @@ var HeadingNode = (props) => {
|
|
|
7205
7051
|
{
|
|
7206
7052
|
}
|
|
7207
7053
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
7208
|
-
return /* @__PURE__ */ (0,
|
|
7054
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_jsx_runtime69.Fragment, { children: import_react48.default.createElement(
|
|
7209
7055
|
HeadingTag,
|
|
7210
7056
|
{ className: formatClasses },
|
|
7211
7057
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
7212
7058
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
7213
|
-
return /* @__PURE__ */ (0,
|
|
7059
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react48.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, assetBaseUrl: props.assetBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
7214
7060
|
})
|
|
7215
7061
|
) });
|
|
7216
7062
|
};
|
|
7217
7063
|
var HeadingNode_default = HeadingNode;
|
|
7218
7064
|
|
|
7219
7065
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
7220
|
-
var
|
|
7066
|
+
var import_react50 = __toESM(require("react"));
|
|
7221
7067
|
|
|
7222
7068
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
7223
|
-
var
|
|
7224
|
-
var
|
|
7069
|
+
var import_react49 = __toESM(require("react"));
|
|
7070
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
7225
7071
|
var ListItemNode = (props) => {
|
|
7226
7072
|
const NodeTypes2 = {
|
|
7227
7073
|
text: TextNode_default,
|
|
@@ -7238,66 +7084,66 @@ var ListItemNode = (props) => {
|
|
|
7238
7084
|
liStyle.fontSize = match[1].trim();
|
|
7239
7085
|
}
|
|
7240
7086
|
}
|
|
7241
|
-
return /* @__PURE__ */ (0,
|
|
7087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
7242
7088
|
const SelectedNode = NodeTypes2[node.type];
|
|
7243
7089
|
if (node.type === "linebreak") {
|
|
7244
7090
|
if (!foundFirstBreak) {
|
|
7245
7091
|
foundFirstBreak = true;
|
|
7246
|
-
return /* @__PURE__ */ (0,
|
|
7092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", {}, index);
|
|
7247
7093
|
} else {
|
|
7248
|
-
return /* @__PURE__ */ (0,
|
|
7094
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
7249
7095
|
}
|
|
7250
7096
|
} else {
|
|
7251
7097
|
foundFirstBreak = false;
|
|
7252
|
-
return /* @__PURE__ */ (0,
|
|
7098
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
7253
7099
|
}
|
|
7254
7100
|
}) });
|
|
7255
7101
|
};
|
|
7256
7102
|
var ListItemNode_default = ListItemNode;
|
|
7257
7103
|
|
|
7258
7104
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
7259
|
-
var
|
|
7105
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
7260
7106
|
var ListNode = (props) => {
|
|
7261
7107
|
const NodeTypes2 = {
|
|
7262
7108
|
listitem: ListItemNode_default
|
|
7263
7109
|
};
|
|
7264
|
-
return /* @__PURE__ */ (0,
|
|
7265
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
7110
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_react50.default.Fragment, { children: [
|
|
7111
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7266
7112
|
const SelectedNode = NodeTypes2[node.type];
|
|
7267
|
-
return /* @__PURE__ */ (0,
|
|
7113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react50.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
7268
7114
|
}) }),
|
|
7269
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
7115
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7270
7116
|
const SelectedNode = NodeTypes2[node.type];
|
|
7271
|
-
return /* @__PURE__ */ (0,
|
|
7117
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react50.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
7272
7118
|
}) })
|
|
7273
7119
|
] });
|
|
7274
7120
|
};
|
|
7275
7121
|
var ListNode_default = ListNode;
|
|
7276
7122
|
|
|
7277
7123
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
7278
|
-
var
|
|
7279
|
-
var
|
|
7124
|
+
var import_react51 = __toESM(require("react"));
|
|
7125
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
7280
7126
|
var QuoteNode = (props) => {
|
|
7281
7127
|
const NodeTypes2 = {
|
|
7282
7128
|
["text"]: TextNode_default,
|
|
7283
7129
|
["linebreak"]: LineBreakNode_default,
|
|
7284
7130
|
["link"]: LinkNode_default
|
|
7285
7131
|
};
|
|
7286
|
-
return /* @__PURE__ */ (0,
|
|
7132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
7287
7133
|
const SelectedNode = NodeTypes2[node.type];
|
|
7288
|
-
return /* @__PURE__ */ (0,
|
|
7134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
7289
7135
|
}) });
|
|
7290
7136
|
};
|
|
7291
7137
|
var QuoteNode_default = QuoteNode;
|
|
7292
7138
|
|
|
7293
7139
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
7294
|
-
var
|
|
7140
|
+
var import_react53 = __toESM(require("react"));
|
|
7295
7141
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
7296
|
-
var
|
|
7142
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
7297
7143
|
var CopyButton2 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
7298
7144
|
ssr: false,
|
|
7299
7145
|
// optional: fallback UI while loading
|
|
7300
|
-
loading: () => /* @__PURE__ */ (0,
|
|
7146
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
7301
7147
|
});
|
|
7302
7148
|
var CodeNode = (props) => {
|
|
7303
7149
|
const NodeTypes2 = {
|
|
@@ -7311,14 +7157,14 @@ var CodeNode = (props) => {
|
|
|
7311
7157
|
if (node.type === "link") return node.text || node.url || "";
|
|
7312
7158
|
return "";
|
|
7313
7159
|
}).join("") ?? "";
|
|
7314
|
-
return /* @__PURE__ */ (0,
|
|
7315
|
-
/* @__PURE__ */ (0,
|
|
7316
|
-
/* @__PURE__ */ (0,
|
|
7317
|
-
/* @__PURE__ */ (0,
|
|
7160
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
|
|
7161
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
7162
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: "Code Snippet" }),
|
|
7163
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CopyButton2, { text: textContent })
|
|
7318
7164
|
] }),
|
|
7319
|
-
/* @__PURE__ */ (0,
|
|
7165
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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) => {
|
|
7320
7166
|
const SelectedNode = NodeTypes2[node.type];
|
|
7321
|
-
return /* @__PURE__ */ (0,
|
|
7167
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
7322
7168
|
SelectedNode,
|
|
7323
7169
|
{
|
|
7324
7170
|
node,
|
|
@@ -7333,15 +7179,15 @@ var CodeNode = (props) => {
|
|
|
7333
7179
|
var CodeNode_default = CodeNode;
|
|
7334
7180
|
|
|
7335
7181
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
7336
|
-
var
|
|
7182
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
7337
7183
|
var HorizontalRuleNode = () => {
|
|
7338
|
-
return /* @__PURE__ */ (0,
|
|
7184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("hr", {});
|
|
7339
7185
|
};
|
|
7340
7186
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
7341
7187
|
|
|
7342
7188
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
7343
|
-
var
|
|
7344
|
-
var
|
|
7189
|
+
var import_react54 = __toESM(require("react"));
|
|
7190
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
7345
7191
|
var WidgetNode = (props) => {
|
|
7346
7192
|
const getWidgetParameters = () => {
|
|
7347
7193
|
const widgetInputParameters = {
|
|
@@ -7405,7 +7251,7 @@ var WidgetNode = (props) => {
|
|
|
7405
7251
|
};
|
|
7406
7252
|
const widgetCode = props.node?.widgetCode;
|
|
7407
7253
|
if (!widgetCode) {
|
|
7408
|
-
return /* @__PURE__ */ (0,
|
|
7254
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_jsx_runtime76.Fragment, { children: "Invalid widget" });
|
|
7409
7255
|
}
|
|
7410
7256
|
const widgetParams = getWidgetParameters();
|
|
7411
7257
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -7414,7 +7260,7 @@ var WidgetNode = (props) => {
|
|
|
7414
7260
|
}
|
|
7415
7261
|
return (
|
|
7416
7262
|
// eslint-disable-next-line react-hooks/static-components
|
|
7417
|
-
/* @__PURE__ */ (0,
|
|
7263
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7418
7264
|
WidgetRenderer,
|
|
7419
7265
|
{
|
|
7420
7266
|
params: widgetParams,
|
|
@@ -7432,11 +7278,11 @@ var WidgetNode_default = WidgetNode;
|
|
|
7432
7278
|
|
|
7433
7279
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
7434
7280
|
var import_dynamic13 = __toESM(require("next/dynamic"));
|
|
7435
|
-
var
|
|
7281
|
+
var import_react60 = __toESM(require("react"));
|
|
7436
7282
|
|
|
7437
7283
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
7438
7284
|
var import_dynamic10 = __toESM(require("next/dynamic"));
|
|
7439
|
-
var
|
|
7285
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7440
7286
|
var IframeClient2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
7441
7287
|
ssr: false
|
|
7442
7288
|
});
|
|
@@ -7449,7 +7295,7 @@ var EmbedNode = (props) => {
|
|
|
7449
7295
|
} else {
|
|
7450
7296
|
src = props.node.embedSrc;
|
|
7451
7297
|
}
|
|
7452
|
-
return /* @__PURE__ */ (0,
|
|
7298
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(IframeClient2, { src }) });
|
|
7453
7299
|
};
|
|
7454
7300
|
var EmbedNode_default = EmbedNode;
|
|
7455
7301
|
|
|
@@ -7649,10 +7495,10 @@ var PathUtility = class {
|
|
|
7649
7495
|
var PathUtility_default = new PathUtility();
|
|
7650
7496
|
|
|
7651
7497
|
// src/components/NoDataFound.tsx
|
|
7652
|
-
var
|
|
7498
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7653
7499
|
var NoDataFound = () => {
|
|
7654
|
-
return /* @__PURE__ */ (0,
|
|
7655
|
-
/* @__PURE__ */ (0,
|
|
7500
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
7501
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7656
7502
|
"svg",
|
|
7657
7503
|
{
|
|
7658
7504
|
className: "w-10 h-10",
|
|
@@ -7660,7 +7506,7 @@ var NoDataFound = () => {
|
|
|
7660
7506
|
stroke: "currentColor",
|
|
7661
7507
|
viewBox: "0 0 24 24",
|
|
7662
7508
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7663
|
-
children: /* @__PURE__ */ (0,
|
|
7509
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
|
|
7664
7510
|
"path",
|
|
7665
7511
|
{
|
|
7666
7512
|
strokeLinecap: "round",
|
|
@@ -7671,8 +7517,8 @@ var NoDataFound = () => {
|
|
|
7671
7517
|
)
|
|
7672
7518
|
}
|
|
7673
7519
|
) }) }),
|
|
7674
|
-
/* @__PURE__ */ (0,
|
|
7675
|
-
/* @__PURE__ */ (0,
|
|
7520
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
7521
|
+
/* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
7676
7522
|
] });
|
|
7677
7523
|
};
|
|
7678
7524
|
var NoDataFound_default = NoDataFound;
|
|
@@ -7680,7 +7526,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
7680
7526
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
7681
7527
|
init_AssetUtility();
|
|
7682
7528
|
var import_dynamic11 = __toESM(require("next/dynamic"));
|
|
7683
|
-
var
|
|
7529
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7684
7530
|
var HlsPlayer4 = (0, import_dynamic11.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
7685
7531
|
var deviceToMediaQuery = (device) => {
|
|
7686
7532
|
switch (device) {
|
|
@@ -7836,8 +7682,8 @@ var ImageGalleryNode = (props) => {
|
|
|
7836
7682
|
right: "justify-end"
|
|
7837
7683
|
};
|
|
7838
7684
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
7839
|
-
return /* @__PURE__ */ (0,
|
|
7840
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
7685
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_jsx_runtime81.Fragment, { children: [
|
|
7686
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7841
7687
|
HlsPlayer4,
|
|
7842
7688
|
{
|
|
7843
7689
|
sources: hlsSources,
|
|
@@ -7852,7 +7698,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7852
7698
|
styles: hlsStyles
|
|
7853
7699
|
}
|
|
7854
7700
|
) }),
|
|
7855
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0,
|
|
7701
|
+
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: staticFallback ? /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("picture", { children: [
|
|
7856
7702
|
DEVICE_ORDER.map((deviceKey) => {
|
|
7857
7703
|
const match = staticSources.find(
|
|
7858
7704
|
(img) => img.device === deviceKey
|
|
@@ -7868,7 +7714,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7868
7714
|
if (!srcUrl) {
|
|
7869
7715
|
return null;
|
|
7870
7716
|
}
|
|
7871
|
-
return /* @__PURE__ */ (0,
|
|
7717
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7872
7718
|
"source",
|
|
7873
7719
|
{
|
|
7874
7720
|
media: deviceToMediaQuery(match.device),
|
|
@@ -7893,7 +7739,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7893
7739
|
if (img.borderRadius) {
|
|
7894
7740
|
styles.borderRadius = img.borderRadius;
|
|
7895
7741
|
}
|
|
7896
|
-
return /* @__PURE__ */ (0,
|
|
7742
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7897
7743
|
"img",
|
|
7898
7744
|
{
|
|
7899
7745
|
loading: "lazy",
|
|
@@ -7908,7 +7754,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7908
7754
|
})()
|
|
7909
7755
|
] }) : (
|
|
7910
7756
|
/* Case 2: Only device-specific images exist */
|
|
7911
|
-
/* @__PURE__ */ (0,
|
|
7757
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_jsx_runtime81.Fragment, { children: staticSources.map((img, index) => {
|
|
7912
7758
|
const resolved = resolveImage(img);
|
|
7913
7759
|
const imageUrl = resolved?.imageUrl;
|
|
7914
7760
|
if (!imageUrl) {
|
|
@@ -7935,7 +7781,7 @@ var ImageGalleryNode = (props) => {
|
|
|
7935
7781
|
default:
|
|
7936
7782
|
display = "block";
|
|
7937
7783
|
}
|
|
7938
|
-
return /* @__PURE__ */ (0,
|
|
7784
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
|
|
7939
7785
|
"img",
|
|
7940
7786
|
{
|
|
7941
7787
|
loading: "lazy",
|
|
@@ -8076,28 +7922,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
8076
7922
|
|
|
8077
7923
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
8078
7924
|
init_AssetUtility();
|
|
8079
|
-
var
|
|
7925
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
8080
7926
|
var getNestedValue5 = (obj, path) => {
|
|
8081
7927
|
if (!obj || !path) return void 0;
|
|
8082
7928
|
return path.split(".").reduce((current, key) => {
|
|
8083
7929
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
8084
7930
|
}, obj);
|
|
8085
7931
|
};
|
|
8086
|
-
var PdfIcon2 = () => /* @__PURE__ */ (0,
|
|
7932
|
+
var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8087
7933
|
"svg",
|
|
8088
7934
|
{
|
|
8089
7935
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8090
7936
|
viewBox: "0 0 48 48",
|
|
8091
7937
|
className: "w-10 h-10",
|
|
8092
7938
|
children: [
|
|
8093
|
-
/* @__PURE__ */ (0,
|
|
7939
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8094
7940
|
"path",
|
|
8095
7941
|
{
|
|
8096
7942
|
fill: "#e53935",
|
|
8097
7943
|
d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28 C42,40.209,40.209,42,38,42z"
|
|
8098
7944
|
}
|
|
8099
7945
|
),
|
|
8100
|
-
/* @__PURE__ */ (0,
|
|
7946
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8101
7947
|
"path",
|
|
8102
7948
|
{
|
|
8103
7949
|
fill: "#fff",
|
|
@@ -8107,55 +7953,55 @@ var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8107
7953
|
]
|
|
8108
7954
|
}
|
|
8109
7955
|
);
|
|
8110
|
-
var ExcelIcon2 = () => /* @__PURE__ */ (0,
|
|
7956
|
+
var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8111
7957
|
"svg",
|
|
8112
7958
|
{
|
|
8113
7959
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8114
7960
|
viewBox: "0 0 48 48",
|
|
8115
7961
|
className: "w-10 h-10",
|
|
8116
7962
|
children: [
|
|
8117
|
-
/* @__PURE__ */ (0,
|
|
7963
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8118
7964
|
"path",
|
|
8119
7965
|
{
|
|
8120
7966
|
fill: "#169154",
|
|
8121
7967
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
8122
7968
|
}
|
|
8123
7969
|
),
|
|
8124
|
-
/* @__PURE__ */ (0,
|
|
7970
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8125
7971
|
"path",
|
|
8126
7972
|
{
|
|
8127
7973
|
fill: "#18482a",
|
|
8128
7974
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
8129
7975
|
}
|
|
8130
7976
|
),
|
|
8131
|
-
/* @__PURE__ */ (0,
|
|
8132
|
-
/* @__PURE__ */ (0,
|
|
8133
|
-
/* @__PURE__ */ (0,
|
|
8134
|
-
/* @__PURE__ */ (0,
|
|
7977
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
7978
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
7979
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("g", { children: [
|
|
7980
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8135
7981
|
"path",
|
|
8136
7982
|
{
|
|
8137
7983
|
fill: "#29c27f",
|
|
8138
7984
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
8139
7985
|
}
|
|
8140
7986
|
),
|
|
8141
|
-
/* @__PURE__ */ (0,
|
|
7987
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8142
7988
|
"path",
|
|
8143
7989
|
{
|
|
8144
7990
|
fill: "#27663f",
|
|
8145
7991
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
8146
7992
|
}
|
|
8147
7993
|
),
|
|
8148
|
-
/* @__PURE__ */ (0,
|
|
8149
|
-
/* @__PURE__ */ (0,
|
|
7994
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
7995
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
8150
7996
|
] }),
|
|
8151
|
-
/* @__PURE__ */ (0,
|
|
7997
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8152
7998
|
"path",
|
|
8153
7999
|
{
|
|
8154
8000
|
fill: "#0c7238",
|
|
8155
8001
|
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
8156
8002
|
}
|
|
8157
8003
|
),
|
|
8158
|
-
/* @__PURE__ */ (0,
|
|
8004
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8159
8005
|
"path",
|
|
8160
8006
|
{
|
|
8161
8007
|
fill: "#fff",
|
|
@@ -8165,7 +8011,7 @@ var ExcelIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8165
8011
|
]
|
|
8166
8012
|
}
|
|
8167
8013
|
);
|
|
8168
|
-
var WordIcon2 = () => /* @__PURE__ */ (0,
|
|
8014
|
+
var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8169
8015
|
"svg",
|
|
8170
8016
|
{
|
|
8171
8017
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8173,14 +8019,14 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8173
8019
|
className: "w-10 h-10",
|
|
8174
8020
|
baseProfile: "basic",
|
|
8175
8021
|
children: [
|
|
8176
|
-
/* @__PURE__ */ (0,
|
|
8022
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8177
8023
|
"path",
|
|
8178
8024
|
{
|
|
8179
8025
|
fill: "#283593",
|
|
8180
8026
|
d: "M9,33.595l14.911-18.706L41,26v13.306C41,41.346,39.346,43,37.306,43H15.332 C11.835,43,9,40.164,9,36.667C9,36.667,9,33.595,9,33.595z"
|
|
8181
8027
|
}
|
|
8182
8028
|
),
|
|
8183
|
-
/* @__PURE__ */ (0,
|
|
8029
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8184
8030
|
"linearGradient",
|
|
8185
8031
|
{
|
|
8186
8032
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -8191,19 +8037,19 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8191
8037
|
gradientTransform: "translate(0 -339.89)",
|
|
8192
8038
|
gradientUnits: "userSpaceOnUse",
|
|
8193
8039
|
children: [
|
|
8194
|
-
/* @__PURE__ */ (0,
|
|
8195
|
-
/* @__PURE__ */ (0,
|
|
8040
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
8041
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
8196
8042
|
]
|
|
8197
8043
|
}
|
|
8198
8044
|
),
|
|
8199
|
-
/* @__PURE__ */ (0,
|
|
8045
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8200
8046
|
"path",
|
|
8201
8047
|
{
|
|
8202
8048
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
8203
8049
|
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
8204
8050
|
}
|
|
8205
8051
|
),
|
|
8206
|
-
/* @__PURE__ */ (0,
|
|
8052
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8207
8053
|
"path",
|
|
8208
8054
|
{
|
|
8209
8055
|
fill: "#1e88e5",
|
|
@@ -8211,21 +8057,21 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8211
8057
|
d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527 C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
|
|
8212
8058
|
}
|
|
8213
8059
|
),
|
|
8214
|
-
/* @__PURE__ */ (0,
|
|
8060
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8215
8061
|
"path",
|
|
8216
8062
|
{
|
|
8217
8063
|
fill: "#00e5ff",
|
|
8218
8064
|
d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611 C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
|
|
8219
8065
|
}
|
|
8220
8066
|
),
|
|
8221
|
-
/* @__PURE__ */ (0,
|
|
8067
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8222
8068
|
"path",
|
|
8223
8069
|
{
|
|
8224
8070
|
fill: "#1565c0",
|
|
8225
8071
|
d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5 v-10C4,24.567,5.567,23,7.5,23z"
|
|
8226
8072
|
}
|
|
8227
8073
|
),
|
|
8228
|
-
/* @__PURE__ */ (0,
|
|
8074
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8229
8075
|
"path",
|
|
8230
8076
|
{
|
|
8231
8077
|
fill: "#fff",
|
|
@@ -8235,42 +8081,42 @@ var WordIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8235
8081
|
]
|
|
8236
8082
|
}
|
|
8237
8083
|
);
|
|
8238
|
-
var StandardIcon2 = () => /* @__PURE__ */ (0,
|
|
8084
|
+
var StandardIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8239
8085
|
"svg",
|
|
8240
8086
|
{
|
|
8241
8087
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8242
8088
|
viewBox: "0 0 48 48",
|
|
8243
8089
|
className: "w-10 h-10",
|
|
8244
8090
|
children: [
|
|
8245
|
-
/* @__PURE__ */ (0,
|
|
8246
|
-
/* @__PURE__ */ (0,
|
|
8091
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
8092
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
8247
8093
|
]
|
|
8248
8094
|
}
|
|
8249
8095
|
);
|
|
8250
|
-
var PowerPointIcon2 = () => /* @__PURE__ */ (0,
|
|
8096
|
+
var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8251
8097
|
"svg",
|
|
8252
8098
|
{
|
|
8253
8099
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8254
8100
|
viewBox: "0 0 48 48",
|
|
8255
8101
|
className: "w-10 h-10",
|
|
8256
8102
|
children: [
|
|
8257
|
-
/* @__PURE__ */ (0,
|
|
8103
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8258
8104
|
"path",
|
|
8259
8105
|
{
|
|
8260
8106
|
fill: "#dc4c2c",
|
|
8261
8107
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
8262
8108
|
}
|
|
8263
8109
|
),
|
|
8264
|
-
/* @__PURE__ */ (0,
|
|
8265
|
-
/* @__PURE__ */ (0,
|
|
8266
|
-
/* @__PURE__ */ (0,
|
|
8110
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
8111
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
8112
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8267
8113
|
"path",
|
|
8268
8114
|
{
|
|
8269
8115
|
fill: "#9b341f",
|
|
8270
8116
|
d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
|
|
8271
8117
|
}
|
|
8272
8118
|
),
|
|
8273
|
-
/* @__PURE__ */ (0,
|
|
8119
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8274
8120
|
"path",
|
|
8275
8121
|
{
|
|
8276
8122
|
fill: "#fff",
|
|
@@ -8280,16 +8126,16 @@ var PowerPointIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8280
8126
|
]
|
|
8281
8127
|
}
|
|
8282
8128
|
);
|
|
8283
|
-
var TextIcon2 = () => /* @__PURE__ */ (0,
|
|
8129
|
+
var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8284
8130
|
"svg",
|
|
8285
8131
|
{
|
|
8286
8132
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8287
8133
|
viewBox: "0 0 48 48",
|
|
8288
8134
|
className: "w-10 h-10",
|
|
8289
8135
|
children: [
|
|
8290
|
-
/* @__PURE__ */ (0,
|
|
8291
|
-
/* @__PURE__ */ (0,
|
|
8292
|
-
/* @__PURE__ */ (0,
|
|
8136
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
8137
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
8138
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8293
8139
|
"path",
|
|
8294
8140
|
{
|
|
8295
8141
|
fill: "#1976D2",
|
|
@@ -8299,7 +8145,7 @@ var TextIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8299
8145
|
]
|
|
8300
8146
|
}
|
|
8301
8147
|
);
|
|
8302
|
-
var ArchiveIcon2 = () => /* @__PURE__ */ (0,
|
|
8148
|
+
var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8303
8149
|
"svg",
|
|
8304
8150
|
{
|
|
8305
8151
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -8309,14 +8155,14 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8309
8155
|
version: "1.0",
|
|
8310
8156
|
className: "w-10 h-10",
|
|
8311
8157
|
children: [
|
|
8312
|
-
/* @__PURE__ */ (0,
|
|
8158
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8313
8159
|
"path",
|
|
8314
8160
|
{
|
|
8315
8161
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
8316
8162
|
"clip-rule": "nonzero"
|
|
8317
8163
|
}
|
|
8318
8164
|
) }) }),
|
|
8319
|
-
/* @__PURE__ */ (0,
|
|
8165
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8320
8166
|
"path",
|
|
8321
8167
|
{
|
|
8322
8168
|
fill: "#ff9100",
|
|
@@ -8325,7 +8171,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8325
8171
|
"fill-rule": "nonzero"
|
|
8326
8172
|
}
|
|
8327
8173
|
) }),
|
|
8328
|
-
/* @__PURE__ */ (0,
|
|
8174
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8329
8175
|
"path",
|
|
8330
8176
|
{
|
|
8331
8177
|
fill: "#fbe9e7",
|
|
@@ -8334,7 +8180,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8334
8180
|
"fill-rule": "nonzero"
|
|
8335
8181
|
}
|
|
8336
8182
|
),
|
|
8337
|
-
/* @__PURE__ */ (0,
|
|
8183
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8338
8184
|
"path",
|
|
8339
8185
|
{
|
|
8340
8186
|
fill: "#ffe0b2",
|
|
@@ -8343,7 +8189,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8343
8189
|
"fill-rule": "nonzero"
|
|
8344
8190
|
}
|
|
8345
8191
|
),
|
|
8346
|
-
/* @__PURE__ */ (0,
|
|
8192
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8347
8193
|
"path",
|
|
8348
8194
|
{
|
|
8349
8195
|
fill: "#ffe0b2",
|
|
@@ -8352,7 +8198,7 @@ var ArchiveIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
|
8352
8198
|
"fill-rule": "nonzero"
|
|
8353
8199
|
}
|
|
8354
8200
|
),
|
|
8355
|
-
/* @__PURE__ */ (0,
|
|
8201
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8356
8202
|
"path",
|
|
8357
8203
|
{
|
|
8358
8204
|
fill: "#ffe0b2",
|
|
@@ -8427,8 +8273,8 @@ var DocumentNode = (props) => {
|
|
|
8427
8273
|
}
|
|
8428
8274
|
}
|
|
8429
8275
|
if (documents.length === 0) {
|
|
8430
|
-
return /* @__PURE__ */ (0,
|
|
8431
|
-
/* @__PURE__ */ (0,
|
|
8276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
|
|
8277
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8432
8278
|
"svg",
|
|
8433
8279
|
{
|
|
8434
8280
|
className: "w-5 h-5",
|
|
@@ -8436,7 +8282,7 @@ var DocumentNode = (props) => {
|
|
|
8436
8282
|
stroke: "currentColor",
|
|
8437
8283
|
viewBox: "0 0 24 24",
|
|
8438
8284
|
xmlns: "http://www.w3.org/2000/svg",
|
|
8439
|
-
children: /* @__PURE__ */ (0,
|
|
8285
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8440
8286
|
"path",
|
|
8441
8287
|
{
|
|
8442
8288
|
strokeLinecap: "round",
|
|
@@ -8447,11 +8293,11 @@ var DocumentNode = (props) => {
|
|
|
8447
8293
|
)
|
|
8448
8294
|
}
|
|
8449
8295
|
) }),
|
|
8450
|
-
/* @__PURE__ */ (0,
|
|
8451
|
-
/* @__PURE__ */ (0,
|
|
8296
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
8297
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
|
|
8452
8298
|
] }) });
|
|
8453
8299
|
}
|
|
8454
|
-
return /* @__PURE__ */ (0,
|
|
8300
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
8455
8301
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
8456
8302
|
props.assetBaseUrl,
|
|
8457
8303
|
doc.assetUrl
|
|
@@ -8469,16 +8315,16 @@ var DocumentNode = (props) => {
|
|
|
8469
8315
|
}
|
|
8470
8316
|
}
|
|
8471
8317
|
const { Icon: Icon2, extLabel } = getFileDetails2(documentUrl);
|
|
8472
|
-
return /* @__PURE__ */ (0,
|
|
8318
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8473
8319
|
"div",
|
|
8474
8320
|
{
|
|
8475
8321
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
8476
8322
|
children: [
|
|
8477
|
-
/* @__PURE__ */ (0,
|
|
8478
|
-
/* @__PURE__ */ (0,
|
|
8479
|
-
/* @__PURE__ */ (0,
|
|
8323
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
8324
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon2, {}) }),
|
|
8325
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }) })
|
|
8480
8326
|
] }),
|
|
8481
|
-
/* @__PURE__ */ (0,
|
|
8327
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8482
8328
|
"a",
|
|
8483
8329
|
{
|
|
8484
8330
|
href: documentUrl,
|
|
@@ -8486,7 +8332,7 @@ var DocumentNode = (props) => {
|
|
|
8486
8332
|
rel: "noopener noreferrer",
|
|
8487
8333
|
className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
|
|
8488
8334
|
children: [
|
|
8489
|
-
/* @__PURE__ */ (0,
|
|
8335
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8490
8336
|
"svg",
|
|
8491
8337
|
{
|
|
8492
8338
|
className: "w-4 h-4 mr-2",
|
|
@@ -8494,7 +8340,7 @@ var DocumentNode = (props) => {
|
|
|
8494
8340
|
stroke: "currentColor",
|
|
8495
8341
|
viewBox: "0 0 24 24",
|
|
8496
8342
|
children: [
|
|
8497
|
-
/* @__PURE__ */ (0,
|
|
8343
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8498
8344
|
"path",
|
|
8499
8345
|
{
|
|
8500
8346
|
strokeLinecap: "round",
|
|
@@ -8503,7 +8349,7 @@ var DocumentNode = (props) => {
|
|
|
8503
8349
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
8504
8350
|
}
|
|
8505
8351
|
),
|
|
8506
|
-
/* @__PURE__ */ (0,
|
|
8352
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8507
8353
|
"path",
|
|
8508
8354
|
{
|
|
8509
8355
|
strokeLinecap: "round",
|
|
@@ -8529,13 +8375,13 @@ var DocumentNode_default = DocumentNode;
|
|
|
8529
8375
|
|
|
8530
8376
|
// src/components/pageRenderingEngine/nodes/GoogleMapNode.tsx
|
|
8531
8377
|
var import_dynamic12 = __toESM(require("next/dynamic"));
|
|
8532
|
-
var
|
|
8378
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
8533
8379
|
var IframeClient3 = (0, import_dynamic12.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
8534
8380
|
ssr: false
|
|
8535
8381
|
});
|
|
8536
8382
|
var GoogleMapNode = (props) => {
|
|
8537
8383
|
let src = props.node.embedUrl;
|
|
8538
|
-
return /* @__PURE__ */ (0,
|
|
8384
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsx)("div", { className: "google-map-container", children: src && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
8539
8385
|
IframeClient3,
|
|
8540
8386
|
{
|
|
8541
8387
|
src,
|
|
@@ -8547,7 +8393,7 @@ var GoogleMapNode = (props) => {
|
|
|
8547
8393
|
var GoogleMapNode_default = GoogleMapNode;
|
|
8548
8394
|
|
|
8549
8395
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
8550
|
-
var
|
|
8396
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
8551
8397
|
var Pagination2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
8552
8398
|
var DataBindingControls2 = (0, import_dynamic13.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
|
|
8553
8399
|
ssr: true
|
|
@@ -8806,7 +8652,7 @@ var DivContainer = async (props) => {
|
|
|
8806
8652
|
response = await serviceClient.get(endpoint);
|
|
8807
8653
|
result = response?.result;
|
|
8808
8654
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
8809
|
-
return /* @__PURE__ */ (0,
|
|
8655
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(NoDataFound_default, {});
|
|
8810
8656
|
}
|
|
8811
8657
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
8812
8658
|
childCollectionData = getNestedValue6(
|
|
@@ -8826,7 +8672,7 @@ var DivContainer = async (props) => {
|
|
|
8826
8672
|
}
|
|
8827
8673
|
const SelectedNode = NodeTypes2[node.type];
|
|
8828
8674
|
if (!SelectedNode) return null;
|
|
8829
|
-
return /* @__PURE__ */ (0,
|
|
8675
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8830
8676
|
SelectedNode,
|
|
8831
8677
|
{
|
|
8832
8678
|
node,
|
|
@@ -8963,7 +8809,7 @@ var DivContainer = async (props) => {
|
|
|
8963
8809
|
dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
|
|
8964
8810
|
);
|
|
8965
8811
|
const WrapperComponent = Wrapper;
|
|
8966
|
-
const renderedContainer = /* @__PURE__ */ (0,
|
|
8812
|
+
const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8967
8813
|
WrapperComponent,
|
|
8968
8814
|
{
|
|
8969
8815
|
id: guid,
|
|
@@ -8977,11 +8823,11 @@ var DivContainer = async (props) => {
|
|
|
8977
8823
|
item,
|
|
8978
8824
|
idx,
|
|
8979
8825
|
props.href ? void 0 : item?.links?.view
|
|
8980
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
8826
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react60.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
|
|
8981
8827
|
)
|
|
8982
8828
|
}
|
|
8983
8829
|
);
|
|
8984
|
-
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0,
|
|
8830
|
+
const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8985
8831
|
Pagination2,
|
|
8986
8832
|
{
|
|
8987
8833
|
path: props.path,
|
|
@@ -8989,15 +8835,15 @@ var DivContainer = async (props) => {
|
|
|
8989
8835
|
dataset: response
|
|
8990
8836
|
}
|
|
8991
8837
|
) : null;
|
|
8992
|
-
return /* @__PURE__ */ (0,
|
|
8993
|
-
/* @__PURE__ */ (0,
|
|
8838
|
+
return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react60.default.Fragment, { children: [
|
|
8839
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
8994
8840
|
"style",
|
|
8995
8841
|
{
|
|
8996
8842
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
8997
8843
|
}
|
|
8998
8844
|
),
|
|
8999
|
-
showDataBindingControls ? /* @__PURE__ */ (0,
|
|
9000
|
-
/* @__PURE__ */ (0,
|
|
8845
|
+
showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react60.default.Fragment, { children: [
|
|
8846
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9001
8847
|
DataBindingControls2,
|
|
9002
8848
|
{
|
|
9003
8849
|
mode: "toolbar",
|
|
@@ -9009,18 +8855,18 @@ var DivContainer = async (props) => {
|
|
|
9009
8855
|
showSearchBar: dataBindingProperties?.showSearchBar
|
|
9010
8856
|
}
|
|
9011
8857
|
),
|
|
9012
|
-
/* @__PURE__ */ (0,
|
|
8858
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
|
|
9013
8859
|
"div",
|
|
9014
8860
|
{
|
|
9015
8861
|
className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
|
|
9016
8862
|
children: [
|
|
9017
|
-
/* @__PURE__ */ (0,
|
|
8863
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "min-w-0", children: [
|
|
9018
8864
|
renderedContainer,
|
|
9019
8865
|
paginationControl
|
|
9020
8866
|
] }),
|
|
9021
|
-
dataBindingProperties?.showFacets && /* @__PURE__ */ (0,
|
|
9022
|
-
/* @__PURE__ */ (0,
|
|
9023
|
-
/* @__PURE__ */ (0,
|
|
8867
|
+
dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("aside", { className: "border bg-default p-3 lg:sticky lg:top-[90px] lg:self-start", children: [
|
|
8868
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)("h2", { className: "mb-2 text-lg font-semibold", children: "Filters" }),
|
|
8869
|
+
/* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
|
|
9024
8870
|
DataBindingControls2,
|
|
9025
8871
|
{
|
|
9026
8872
|
mode: "facets",
|
|
@@ -9034,16 +8880,16 @@ var DivContainer = async (props) => {
|
|
|
9034
8880
|
]
|
|
9035
8881
|
}
|
|
9036
8882
|
)
|
|
9037
|
-
] }) : /* @__PURE__ */ (0,
|
|
8883
|
+
] }) : /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(import_react60.default.Fragment, { children: [
|
|
9038
8884
|
renderedContainer,
|
|
9039
|
-
paginationControl && /* @__PURE__ */ (0,
|
|
8885
|
+
paginationControl && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { children: paginationControl })
|
|
9040
8886
|
] })
|
|
9041
8887
|
] });
|
|
9042
8888
|
};
|
|
9043
8889
|
var DivContainer_default = DivContainer;
|
|
9044
8890
|
|
|
9045
8891
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
9046
|
-
var
|
|
8892
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
9047
8893
|
var NodeTypes = {
|
|
9048
8894
|
["paragraph"]: ParagraphNode_default,
|
|
9049
8895
|
["heading"]: HeadingNode_default,
|
|
@@ -9081,14 +8927,14 @@ var PageBodyRenderer = (props) => {
|
|
|
9081
8927
|
}
|
|
9082
8928
|
return true;
|
|
9083
8929
|
};
|
|
9084
|
-
return /* @__PURE__ */ (0,
|
|
8930
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
9085
8931
|
{
|
|
9086
8932
|
}
|
|
9087
8933
|
const SelectedNode = NodeTypes[node.type];
|
|
9088
8934
|
if (!shouldRenderNode(node)) {
|
|
9089
8935
|
return null;
|
|
9090
8936
|
}
|
|
9091
|
-
return /* @__PURE__ */ (0,
|
|
8937
|
+
return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9092
8938
|
SelectedNode,
|
|
9093
8939
|
{
|
|
9094
8940
|
node,
|
|
@@ -9104,7 +8950,7 @@ var PageBodyRenderer = (props) => {
|
|
|
9104
8950
|
device: props.device,
|
|
9105
8951
|
widgetRenderer: props.widgetRenderer
|
|
9106
8952
|
}
|
|
9107
|
-
) }) : /* @__PURE__ */ (0,
|
|
8953
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
|
|
9108
8954
|
SelectedNode,
|
|
9109
8955
|
{
|
|
9110
8956
|
node,
|
|
@@ -9125,10 +8971,10 @@ var PageBodyRenderer = (props) => {
|
|
|
9125
8971
|
var PageBodyRenderer_default = PageBodyRenderer;
|
|
9126
8972
|
|
|
9127
8973
|
// src/components/pageRenderingEngine/EnterAnimationHydrator.tsx
|
|
9128
|
-
var
|
|
8974
|
+
var import_react62 = require("react");
|
|
9129
8975
|
var ENTER_ANIMATION_SELECTOR = ".enter-animation";
|
|
9130
8976
|
function EnterAnimationHydrator() {
|
|
9131
|
-
(0,
|
|
8977
|
+
(0, import_react62.useEffect)(() => {
|
|
9132
8978
|
let observer;
|
|
9133
8979
|
const observedElements = /* @__PURE__ */ new WeakSet();
|
|
9134
8980
|
const revealAnimatedElements = () => {
|
|
@@ -9173,22 +9019,22 @@ function EnterAnimationHydrator() {
|
|
|
9173
9019
|
}
|
|
9174
9020
|
|
|
9175
9021
|
// src/components/Toast.tsx
|
|
9176
|
-
var
|
|
9022
|
+
var import_react63 = require("react");
|
|
9177
9023
|
init_ToastService();
|
|
9178
|
-
var
|
|
9024
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
9179
9025
|
var Toast = () => {
|
|
9180
|
-
const [showToast, setShowToast] = (0,
|
|
9181
|
-
const [message, setMessage] = (0,
|
|
9182
|
-
const [messageType, setMessageType] = (0,
|
|
9183
|
-
const timeoutRef = (0,
|
|
9184
|
-
const closeToast = (0,
|
|
9026
|
+
const [showToast, setShowToast] = (0, import_react63.useState)(false);
|
|
9027
|
+
const [message, setMessage] = (0, import_react63.useState)("");
|
|
9028
|
+
const [messageType, setMessageType] = (0, import_react63.useState)("error");
|
|
9029
|
+
const timeoutRef = (0, import_react63.useRef)(null);
|
|
9030
|
+
const closeToast = (0, import_react63.useCallback)(() => {
|
|
9185
9031
|
if (timeoutRef.current) {
|
|
9186
9032
|
clearTimeout(timeoutRef.current);
|
|
9187
9033
|
timeoutRef.current = null;
|
|
9188
9034
|
}
|
|
9189
9035
|
setShowToast(false);
|
|
9190
9036
|
}, []);
|
|
9191
|
-
const showMessage = (0,
|
|
9037
|
+
const showMessage = (0, import_react63.useCallback)((message2, messageType2) => {
|
|
9192
9038
|
if (timeoutRef.current) {
|
|
9193
9039
|
clearTimeout(timeoutRef.current);
|
|
9194
9040
|
}
|
|
@@ -9200,7 +9046,7 @@ var Toast = () => {
|
|
|
9200
9046
|
timeoutRef.current = null;
|
|
9201
9047
|
}, 4e3);
|
|
9202
9048
|
}, []);
|
|
9203
|
-
(0,
|
|
9049
|
+
(0, import_react63.useEffect)(() => {
|
|
9204
9050
|
ToastService_default.initialize(showMessage, closeToast);
|
|
9205
9051
|
return () => {
|
|
9206
9052
|
closeToast();
|
|
@@ -9209,8 +9055,8 @@ var Toast = () => {
|
|
|
9209
9055
|
});
|
|
9210
9056
|
};
|
|
9211
9057
|
}, [closeToast, showMessage]);
|
|
9212
|
-
return /* @__PURE__ */ (0,
|
|
9213
|
-
/* @__PURE__ */ (0,
|
|
9058
|
+
return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(import_jsx_runtime89.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
9059
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
9214
9060
|
"span",
|
|
9215
9061
|
{
|
|
9216
9062
|
className: "font-medium text-inherit text-sm",
|
|
@@ -9218,7 +9064,7 @@ var Toast = () => {
|
|
|
9218
9064
|
children: message
|
|
9219
9065
|
}
|
|
9220
9066
|
),
|
|
9221
|
-
/* @__PURE__ */ (0,
|
|
9067
|
+
/* @__PURE__ */ (0, import_jsx_runtime89.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
|
|
9222
9068
|
"svg",
|
|
9223
9069
|
{
|
|
9224
9070
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -9226,7 +9072,7 @@ var Toast = () => {
|
|
|
9226
9072
|
fill: "none",
|
|
9227
9073
|
viewBox: "0 0 24 24",
|
|
9228
9074
|
stroke: "currentColor",
|
|
9229
|
-
children: /* @__PURE__ */ (0,
|
|
9075
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
9230
9076
|
}
|
|
9231
9077
|
) })
|
|
9232
9078
|
] }) }) });
|
|
@@ -9246,18 +9092,16 @@ init_CheckboxInput();
|
|
|
9246
9092
|
init_OtpInput();
|
|
9247
9093
|
init_DateTimeInput();
|
|
9248
9094
|
init_ColorInput();
|
|
9249
|
-
init_BooleanSelect();
|
|
9250
9095
|
init_Select();
|
|
9251
9096
|
init_EmailInput();
|
|
9252
9097
|
init_TimeInput();
|
|
9253
9098
|
init_DateInput();
|
|
9254
9099
|
init_RadioInput();
|
|
9255
|
-
init_Switcher();
|
|
9256
9100
|
|
|
9257
9101
|
// src/components/NavigationTabsV2.tsx
|
|
9258
9102
|
var import_link3 = __toESM(require("next/link"));
|
|
9259
9103
|
var import_navigation2 = require("next/navigation");
|
|
9260
|
-
var
|
|
9104
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
9261
9105
|
function resolveRoutePlaceholders(route, params) {
|
|
9262
9106
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
9263
9107
|
const value = params[key];
|
|
@@ -9282,8 +9126,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
9282
9126
|
isActive: tab.isActive
|
|
9283
9127
|
})) || [];
|
|
9284
9128
|
if (mappedTabs.length === 0) return null;
|
|
9285
|
-
return /* @__PURE__ */ (0,
|
|
9286
|
-
return /* @__PURE__ */ (0,
|
|
9129
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
9130
|
+
return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
|
|
9287
9131
|
"div",
|
|
9288
9132
|
{
|
|
9289
9133
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -9296,15 +9140,15 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
9296
9140
|
var NavigationTabsV2_default = NavigationTabsV2;
|
|
9297
9141
|
|
|
9298
9142
|
// src/components/dataForm/DataList.tsx
|
|
9299
|
-
var
|
|
9143
|
+
var import_react66 = __toESM(require("react"));
|
|
9300
9144
|
init_InputControl();
|
|
9301
9145
|
var import_navigation3 = require("next/navigation");
|
|
9302
9146
|
|
|
9303
9147
|
// src/components/dataForm/NoContentView.tsx
|
|
9304
|
-
var
|
|
9305
|
-
var
|
|
9148
|
+
var import_react64 = __toESM(require("react"));
|
|
9149
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
9306
9150
|
var NoContentView = (props) => {
|
|
9307
|
-
return /* @__PURE__ */ (0,
|
|
9151
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react64.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
9308
9152
|
};
|
|
9309
9153
|
var NoContentView_default = NoContentView;
|
|
9310
9154
|
|
|
@@ -9312,39 +9156,39 @@ var NoContentView_default = NoContentView;
|
|
|
9312
9156
|
init_InputControlType();
|
|
9313
9157
|
|
|
9314
9158
|
// src/components/dataForm/ContentView.tsx
|
|
9315
|
-
var
|
|
9316
|
-
var
|
|
9159
|
+
var import_react65 = __toESM(require("react"));
|
|
9160
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
9317
9161
|
var ContentView = (props) => {
|
|
9318
|
-
return /* @__PURE__ */ (0,
|
|
9319
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
9320
|
-
/* @__PURE__ */ (0,
|
|
9321
|
-
/* @__PURE__ */ (0,
|
|
9322
|
-
/* @__PURE__ */ (0,
|
|
9323
|
-
/* @__PURE__ */ (0,
|
|
9324
|
-
/* @__PURE__ */ (0,
|
|
9162
|
+
return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_react65.default.Fragment, { children: [
|
|
9163
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
9164
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
9165
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
9166
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "ml-2", children: [
|
|
9167
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
9168
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
9325
9169
|
] })
|
|
9326
9170
|
] }),
|
|
9327
|
-
/* @__PURE__ */ (0,
|
|
9328
|
-
/* @__PURE__ */ (0,
|
|
9329
|
-
/* @__PURE__ */ (0,
|
|
9330
|
-
/* @__PURE__ */ (0,
|
|
9331
|
-
/* @__PURE__ */ (0,
|
|
9332
|
-
/* @__PURE__ */ (0,
|
|
9333
|
-
/* @__PURE__ */ (0,
|
|
9171
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
9172
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "animate-pulse", children: [
|
|
9173
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
9174
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
9175
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
9176
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
9177
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
9334
9178
|
] }),
|
|
9335
|
-
/* @__PURE__ */ (0,
|
|
9336
|
-
/* @__PURE__ */ (0,
|
|
9337
|
-
/* @__PURE__ */ (0,
|
|
9338
|
-
/* @__PURE__ */ (0,
|
|
9339
|
-
/* @__PURE__ */ (0,
|
|
9340
|
-
/* @__PURE__ */ (0,
|
|
9179
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "animate-pulse", children: [
|
|
9180
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
9181
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
9182
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
9183
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
9184
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
9341
9185
|
] }),
|
|
9342
|
-
/* @__PURE__ */ (0,
|
|
9343
|
-
/* @__PURE__ */ (0,
|
|
9344
|
-
/* @__PURE__ */ (0,
|
|
9345
|
-
/* @__PURE__ */ (0,
|
|
9346
|
-
/* @__PURE__ */ (0,
|
|
9347
|
-
/* @__PURE__ */ (0,
|
|
9186
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "animate-pulse", children: [
|
|
9187
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
9188
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
9189
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
9190
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
9191
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
9348
9192
|
] })
|
|
9349
9193
|
] })
|
|
9350
9194
|
] }) }),
|
|
@@ -9404,7 +9248,7 @@ function FormReducer(state, action) {
|
|
|
9404
9248
|
var FormReducer_default = FormReducer;
|
|
9405
9249
|
|
|
9406
9250
|
// src/components/dataForm/DataList.tsx
|
|
9407
|
-
var
|
|
9251
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
9408
9252
|
var DataList = (props) => {
|
|
9409
9253
|
const router = (0, import_navigation3.useRouter)();
|
|
9410
9254
|
let builder = new OdataBuilder(props.path);
|
|
@@ -9412,12 +9256,12 @@ var DataList = (props) => {
|
|
|
9412
9256
|
let activePageNumber = 0;
|
|
9413
9257
|
let pages = 0;
|
|
9414
9258
|
console.log(props.addLinkText);
|
|
9415
|
-
const [isDataFound, setIsDataFound] = (0,
|
|
9416
|
-
const [searchTerm, setSearchTerm] = (0,
|
|
9417
|
-
(0,
|
|
9259
|
+
const [isDataFound, setIsDataFound] = (0, import_react66.useState)(null);
|
|
9260
|
+
const [searchTerm, setSearchTerm] = (0, import_react66.useState)(props.query?.searchTerm ?? "");
|
|
9261
|
+
(0, import_react66.useEffect)(() => {
|
|
9418
9262
|
setSearchTerm(props.query?.searchTerm ?? "");
|
|
9419
9263
|
}, [props.query?.searchTerm]);
|
|
9420
|
-
(0,
|
|
9264
|
+
(0, import_react66.useEffect)(() => {
|
|
9421
9265
|
if (props?.dataset) {
|
|
9422
9266
|
if (props?.dataset.result && props.dataset.result.length > 0) {
|
|
9423
9267
|
setIsDataFound(true);
|
|
@@ -9426,7 +9270,7 @@ var DataList = (props) => {
|
|
|
9426
9270
|
}
|
|
9427
9271
|
}
|
|
9428
9272
|
}, [props.dataset]);
|
|
9429
|
-
(0,
|
|
9273
|
+
(0, import_react66.useEffect)(() => {
|
|
9430
9274
|
if (!props.query?.["$filter"] || !props.filters) return;
|
|
9431
9275
|
const filterQuery = props.query["$filter"];
|
|
9432
9276
|
props.filters.forEach((filter) => {
|
|
@@ -9445,7 +9289,7 @@ var DataList = (props) => {
|
|
|
9445
9289
|
if (path.includes(".")) {
|
|
9446
9290
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
9447
9291
|
} else if (Array.isArray(obj[path])) {
|
|
9448
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
9292
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { children: item }, index));
|
|
9449
9293
|
} else {
|
|
9450
9294
|
return obj[path];
|
|
9451
9295
|
}
|
|
@@ -9454,11 +9298,11 @@ var DataList = (props) => {
|
|
|
9454
9298
|
inputValues: {},
|
|
9455
9299
|
lastPropertyChanged: ""
|
|
9456
9300
|
};
|
|
9457
|
-
const [formState, dispatch] = (0,
|
|
9301
|
+
const [formState, dispatch] = (0, import_react66.useReducer)(FormReducer_default, initialState);
|
|
9458
9302
|
const getSearchableColumns = () => {
|
|
9459
9303
|
return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
|
|
9460
9304
|
};
|
|
9461
|
-
const handleFilterChange = (0,
|
|
9305
|
+
const handleFilterChange = (0, import_react66.useCallback)(
|
|
9462
9306
|
(updatedValues) => {
|
|
9463
9307
|
dispatch({
|
|
9464
9308
|
type: FORM_INPUT_UPDATE,
|
|
@@ -9489,7 +9333,7 @@ var DataList = (props) => {
|
|
|
9489
9333
|
},
|
|
9490
9334
|
[dispatch, props, router]
|
|
9491
9335
|
);
|
|
9492
|
-
(0,
|
|
9336
|
+
(0, import_react66.useEffect)(() => {
|
|
9493
9337
|
if (!props.columns.some((col) => col.isSearchable)) {
|
|
9494
9338
|
return;
|
|
9495
9339
|
}
|
|
@@ -9527,30 +9371,30 @@ var DataList = (props) => {
|
|
|
9527
9371
|
const renderPageNumbers = () => {
|
|
9528
9372
|
if (pages <= 10) {
|
|
9529
9373
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
9530
|
-
(page) => /* @__PURE__ */ (0,
|
|
9374
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9531
9375
|
Hyperlink,
|
|
9532
9376
|
{
|
|
9533
9377
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9534
9378
|
href: builder.getNewPageUrl(page),
|
|
9535
9379
|
children: page
|
|
9536
9380
|
}
|
|
9537
|
-
) : /* @__PURE__ */ (0,
|
|
9381
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
9538
9382
|
);
|
|
9539
9383
|
} else {
|
|
9540
9384
|
const showFirstPages = activePageNumber <= 5;
|
|
9541
9385
|
const showLastPages = activePageNumber > pages - 5;
|
|
9542
9386
|
if (showFirstPages) {
|
|
9543
|
-
return /* @__PURE__ */ (0,
|
|
9544
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
9387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
|
|
9388
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9545
9389
|
Hyperlink,
|
|
9546
9390
|
{
|
|
9547
9391
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9548
9392
|
href: builder.getNewPageUrl(page),
|
|
9549
9393
|
children: page
|
|
9550
9394
|
}
|
|
9551
|
-
) : /* @__PURE__ */ (0,
|
|
9552
|
-
/* @__PURE__ */ (0,
|
|
9553
|
-
/* @__PURE__ */ (0,
|
|
9395
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
9396
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9397
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9554
9398
|
Hyperlink,
|
|
9555
9399
|
{
|
|
9556
9400
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9558,7 +9402,7 @@ var DataList = (props) => {
|
|
|
9558
9402
|
children: pages - 1
|
|
9559
9403
|
}
|
|
9560
9404
|
),
|
|
9561
|
-
/* @__PURE__ */ (0,
|
|
9405
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9562
9406
|
Hyperlink,
|
|
9563
9407
|
{
|
|
9564
9408
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9566,7 +9410,7 @@ var DataList = (props) => {
|
|
|
9566
9410
|
children: pages
|
|
9567
9411
|
}
|
|
9568
9412
|
),
|
|
9569
|
-
/* @__PURE__ */ (0,
|
|
9413
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9570
9414
|
"select",
|
|
9571
9415
|
{
|
|
9572
9416
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -9578,18 +9422,18 @@ var DataList = (props) => {
|
|
|
9578
9422
|
}
|
|
9579
9423
|
},
|
|
9580
9424
|
children: [
|
|
9581
|
-
/* @__PURE__ */ (0,
|
|
9425
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
9582
9426
|
Array.from(
|
|
9583
9427
|
{ length: Math.max(0, pages - 10) },
|
|
9584
9428
|
(_, index) => index + 9
|
|
9585
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
9429
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("option", { value: page, children: page }, page))
|
|
9586
9430
|
]
|
|
9587
9431
|
}
|
|
9588
9432
|
) })
|
|
9589
9433
|
] });
|
|
9590
9434
|
} else if (showLastPages) {
|
|
9591
|
-
return /* @__PURE__ */ (0,
|
|
9592
|
-
/* @__PURE__ */ (0,
|
|
9435
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
|
|
9436
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9593
9437
|
Hyperlink,
|
|
9594
9438
|
{
|
|
9595
9439
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9597,7 +9441,7 @@ var DataList = (props) => {
|
|
|
9597
9441
|
children: "1"
|
|
9598
9442
|
}
|
|
9599
9443
|
),
|
|
9600
|
-
/* @__PURE__ */ (0,
|
|
9444
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9601
9445
|
Hyperlink,
|
|
9602
9446
|
{
|
|
9603
9447
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9605,21 +9449,21 @@ var DataList = (props) => {
|
|
|
9605
9449
|
children: "2"
|
|
9606
9450
|
}
|
|
9607
9451
|
),
|
|
9608
|
-
/* @__PURE__ */ (0,
|
|
9452
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9609
9453
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
9610
|
-
(page) => /* @__PURE__ */ (0,
|
|
9454
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9611
9455
|
Hyperlink,
|
|
9612
9456
|
{
|
|
9613
9457
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9614
9458
|
href: builder.getNewPageUrl(page),
|
|
9615
9459
|
children: page
|
|
9616
9460
|
}
|
|
9617
|
-
) : /* @__PURE__ */ (0,
|
|
9461
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
9618
9462
|
)
|
|
9619
9463
|
] });
|
|
9620
9464
|
} else {
|
|
9621
|
-
return /* @__PURE__ */ (0,
|
|
9622
|
-
/* @__PURE__ */ (0,
|
|
9465
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_jsx_runtime93.Fragment, { children: [
|
|
9466
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9623
9467
|
Hyperlink,
|
|
9624
9468
|
{
|
|
9625
9469
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9627,7 +9471,7 @@ var DataList = (props) => {
|
|
|
9627
9471
|
children: "1"
|
|
9628
9472
|
}
|
|
9629
9473
|
),
|
|
9630
|
-
/* @__PURE__ */ (0,
|
|
9474
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9631
9475
|
Hyperlink,
|
|
9632
9476
|
{
|
|
9633
9477
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9635,20 +9479,20 @@ var DataList = (props) => {
|
|
|
9635
9479
|
children: "2"
|
|
9636
9480
|
}
|
|
9637
9481
|
),
|
|
9638
|
-
/* @__PURE__ */ (0,
|
|
9482
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9639
9483
|
Array.from(
|
|
9640
9484
|
{ length: 5 },
|
|
9641
9485
|
(_, index) => activePageNumber - 2 + index
|
|
9642
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
9486
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react66.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9643
9487
|
Hyperlink,
|
|
9644
9488
|
{
|
|
9645
9489
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
9646
9490
|
href: builder.getNewPageUrl(page),
|
|
9647
9491
|
children: page
|
|
9648
9492
|
}
|
|
9649
|
-
) : /* @__PURE__ */ (0,
|
|
9650
|
-
/* @__PURE__ */ (0,
|
|
9651
|
-
/* @__PURE__ */ (0,
|
|
9493
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
9494
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
9495
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9652
9496
|
Hyperlink,
|
|
9653
9497
|
{
|
|
9654
9498
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9656,7 +9500,7 @@ var DataList = (props) => {
|
|
|
9656
9500
|
children: pages - 1
|
|
9657
9501
|
}
|
|
9658
9502
|
),
|
|
9659
|
-
/* @__PURE__ */ (0,
|
|
9503
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9660
9504
|
Hyperlink,
|
|
9661
9505
|
{
|
|
9662
9506
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -9664,7 +9508,7 @@ var DataList = (props) => {
|
|
|
9664
9508
|
children: pages
|
|
9665
9509
|
}
|
|
9666
9510
|
),
|
|
9667
|
-
/* @__PURE__ */ (0,
|
|
9511
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9668
9512
|
"select",
|
|
9669
9513
|
{
|
|
9670
9514
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -9676,8 +9520,8 @@ var DataList = (props) => {
|
|
|
9676
9520
|
}
|
|
9677
9521
|
},
|
|
9678
9522
|
children: [
|
|
9679
|
-
/* @__PURE__ */ (0,
|
|
9680
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
9523
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("option", { value: "", children: "Jump to" }),
|
|
9524
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("option", { value: page, children: page }, page))
|
|
9681
9525
|
]
|
|
9682
9526
|
}
|
|
9683
9527
|
) })
|
|
@@ -9685,16 +9529,16 @@ var DataList = (props) => {
|
|
|
9685
9529
|
}
|
|
9686
9530
|
}
|
|
9687
9531
|
};
|
|
9688
|
-
return /* @__PURE__ */ (0,
|
|
9689
|
-
/* @__PURE__ */ (0,
|
|
9690
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
9532
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(import_react66.default.Fragment, { children: [
|
|
9533
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(ContentView_default, { isDataFound, children: [
|
|
9534
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9691
9535
|
"div",
|
|
9692
9536
|
{
|
|
9693
9537
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
9694
9538
|
children: [
|
|
9695
|
-
props.title ? /* @__PURE__ */ (0,
|
|
9696
|
-
/* @__PURE__ */ (0,
|
|
9697
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
9539
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", {}),
|
|
9540
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
9541
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9698
9542
|
InputControl_default,
|
|
9699
9543
|
{
|
|
9700
9544
|
name: "Search_input",
|
|
@@ -9706,7 +9550,7 @@ var DataList = (props) => {
|
|
|
9706
9550
|
}
|
|
9707
9551
|
}
|
|
9708
9552
|
),
|
|
9709
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9553
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9710
9554
|
InputControl_default,
|
|
9711
9555
|
{
|
|
9712
9556
|
name: filter.name,
|
|
@@ -9721,15 +9565,15 @@ var DataList = (props) => {
|
|
|
9721
9565
|
},
|
|
9722
9566
|
filter.name
|
|
9723
9567
|
)),
|
|
9724
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9568
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9725
9569
|
Hyperlink,
|
|
9726
9570
|
{
|
|
9727
9571
|
className: "gap-1",
|
|
9728
9572
|
linkType: "Primary" /* Solid */,
|
|
9729
9573
|
href: props.addLinkHref,
|
|
9730
9574
|
children: [
|
|
9731
|
-
/* @__PURE__ */ (0,
|
|
9732
|
-
/* @__PURE__ */ (0,
|
|
9575
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
9576
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
9733
9577
|
]
|
|
9734
9578
|
}
|
|
9735
9579
|
)
|
|
@@ -9737,8 +9581,8 @@ var DataList = (props) => {
|
|
|
9737
9581
|
]
|
|
9738
9582
|
}
|
|
9739
9583
|
),
|
|
9740
|
-
/* @__PURE__ */ (0,
|
|
9741
|
-
/* @__PURE__ */ (0,
|
|
9584
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
9585
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("tr", { children: [
|
|
9742
9586
|
props?.columns?.map((column) => {
|
|
9743
9587
|
let url = builder.getNewOrderByUrl(column.name);
|
|
9744
9588
|
let icon = "chevronUpDown";
|
|
@@ -9749,18 +9593,18 @@ var DataList = (props) => {
|
|
|
9749
9593
|
icon = "chevronUp";
|
|
9750
9594
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
9751
9595
|
}
|
|
9752
|
-
return /* @__PURE__ */ (0,
|
|
9596
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9753
9597
|
"th",
|
|
9754
9598
|
{
|
|
9755
9599
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
9756
|
-
children: /* @__PURE__ */ (0,
|
|
9600
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9757
9601
|
Hyperlink,
|
|
9758
9602
|
{
|
|
9759
9603
|
href: column.enableSorting ? url : void 0,
|
|
9760
9604
|
className: "!text-neutral-contrast ",
|
|
9761
|
-
children: /* @__PURE__ */ (0,
|
|
9762
|
-
/* @__PURE__ */ (0,
|
|
9763
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
9605
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
9606
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-black", children: column.label }),
|
|
9607
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
9764
9608
|
] })
|
|
9765
9609
|
}
|
|
9766
9610
|
)
|
|
@@ -9768,25 +9612,25 @@ var DataList = (props) => {
|
|
|
9768
9612
|
column.name
|
|
9769
9613
|
);
|
|
9770
9614
|
}),
|
|
9771
|
-
props.onQuickView && /* @__PURE__ */ (0,
|
|
9615
|
+
props.onQuickView && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("th", { className: "px-6 py-3 text-right font-medium bg-neutral-soft w-32 text-black", children: "Action" })
|
|
9772
9616
|
] }) }),
|
|
9773
|
-
/* @__PURE__ */ (0,
|
|
9617
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
9774
9618
|
let validityClass = "";
|
|
9775
9619
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
9776
9620
|
validityClass = "bg-alert-200";
|
|
9777
9621
|
}
|
|
9778
|
-
return /* @__PURE__ */ (0,
|
|
9622
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("tr", { className: validityClass, children: [
|
|
9779
9623
|
props?.columns?.map((column, colindex) => {
|
|
9780
|
-
return /* @__PURE__ */ (0,
|
|
9624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react66.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9781
9625
|
"td",
|
|
9782
9626
|
{
|
|
9783
9627
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
9784
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
9628
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9785
9629
|
Hyperlink,
|
|
9786
9630
|
{
|
|
9787
9631
|
className: "",
|
|
9788
9632
|
href: `https://${dataitem[column.name]}`,
|
|
9789
|
-
children: /* @__PURE__ */ (0,
|
|
9633
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9790
9634
|
ViewControl_default,
|
|
9791
9635
|
{
|
|
9792
9636
|
controlType: column.controlType,
|
|
@@ -9799,11 +9643,11 @@ var DataList = (props) => {
|
|
|
9799
9643
|
}
|
|
9800
9644
|
)
|
|
9801
9645
|
}
|
|
9802
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
9646
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9803
9647
|
Hyperlink,
|
|
9804
9648
|
{
|
|
9805
9649
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
9806
|
-
children: /* @__PURE__ */ (0,
|
|
9650
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9807
9651
|
ViewControl_default,
|
|
9808
9652
|
{
|
|
9809
9653
|
controlType: column.controlType,
|
|
@@ -9813,7 +9657,7 @@ var DataList = (props) => {
|
|
|
9813
9657
|
}
|
|
9814
9658
|
)
|
|
9815
9659
|
}
|
|
9816
|
-
) : /* @__PURE__ */ (0,
|
|
9660
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9817
9661
|
ViewControl_default,
|
|
9818
9662
|
{
|
|
9819
9663
|
controlType: column.controlType,
|
|
@@ -9825,7 +9669,7 @@ var DataList = (props) => {
|
|
|
9825
9669
|
}
|
|
9826
9670
|
) }, colindex);
|
|
9827
9671
|
}),
|
|
9828
|
-
props.onQuickView && /* @__PURE__ */ (0,
|
|
9672
|
+
props.onQuickView && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("td", { className: "px-6 py-2 text-right whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9829
9673
|
"button",
|
|
9830
9674
|
{
|
|
9831
9675
|
type: "button",
|
|
@@ -9835,7 +9679,7 @@ var DataList = (props) => {
|
|
|
9835
9679
|
},
|
|
9836
9680
|
className: "inline-flex items-center gap-1.5 px-3 py-1 text-xs font-semibold rounded-md border border-neutral-300 bg-white hover:bg-neutral-100 text-neutral-800 transition-colors shadow-xs",
|
|
9837
9681
|
children: [
|
|
9838
|
-
/* @__PURE__ */ (0,
|
|
9682
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9839
9683
|
"svg",
|
|
9840
9684
|
{
|
|
9841
9685
|
className: "w-3.5 h-3.5",
|
|
@@ -9846,22 +9690,22 @@ var DataList = (props) => {
|
|
|
9846
9690
|
strokeLinecap: "round",
|
|
9847
9691
|
strokeLinejoin: "round",
|
|
9848
9692
|
children: [
|
|
9849
|
-
/* @__PURE__ */ (0,
|
|
9850
|
-
/* @__PURE__ */ (0,
|
|
9693
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
|
|
9694
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("circle", { cx: "12", cy: "12", r: "3" })
|
|
9851
9695
|
]
|
|
9852
9696
|
}
|
|
9853
9697
|
),
|
|
9854
|
-
/* @__PURE__ */ (0,
|
|
9698
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: props.quickViewLabel || "Quick View" })
|
|
9855
9699
|
]
|
|
9856
9700
|
}
|
|
9857
9701
|
) })
|
|
9858
9702
|
] }, index);
|
|
9859
9703
|
}) })
|
|
9860
9704
|
] }) }),
|
|
9861
|
-
/* @__PURE__ */ (0,
|
|
9862
|
-
/* @__PURE__ */ (0,
|
|
9863
|
-
/* @__PURE__ */ (0,
|
|
9864
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
9705
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
9706
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "text-gray-700", children: label }),
|
|
9707
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
9708
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9865
9709
|
Hyperlink,
|
|
9866
9710
|
{
|
|
9867
9711
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -9869,9 +9713,9 @@ var DataList = (props) => {
|
|
|
9869
9713
|
children: "Prev"
|
|
9870
9714
|
}
|
|
9871
9715
|
),
|
|
9872
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
9716
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("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" }),
|
|
9873
9717
|
renderPageNumbers(),
|
|
9874
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
9718
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9875
9719
|
Hyperlink,
|
|
9876
9720
|
{
|
|
9877
9721
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -9879,19 +9723,19 @@ var DataList = (props) => {
|
|
|
9879
9723
|
children: "Next"
|
|
9880
9724
|
}
|
|
9881
9725
|
),
|
|
9882
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
9726
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
9883
9727
|
] })
|
|
9884
9728
|
] }) })
|
|
9885
9729
|
] }),
|
|
9886
|
-
/* @__PURE__ */ (0,
|
|
9887
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
9730
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
9731
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9888
9732
|
"div",
|
|
9889
9733
|
{
|
|
9890
9734
|
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`,
|
|
9891
9735
|
children: [
|
|
9892
|
-
props.title ? /* @__PURE__ */ (0,
|
|
9893
|
-
/* @__PURE__ */ (0,
|
|
9894
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
9736
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", {}),
|
|
9737
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
9738
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9895
9739
|
InputControl_default,
|
|
9896
9740
|
{
|
|
9897
9741
|
name: "Search_input",
|
|
@@ -9903,7 +9747,7 @@ var DataList = (props) => {
|
|
|
9903
9747
|
}
|
|
9904
9748
|
}
|
|
9905
9749
|
),
|
|
9906
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
9750
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9907
9751
|
InputControl_default,
|
|
9908
9752
|
{
|
|
9909
9753
|
name: filter.name,
|
|
@@ -9918,15 +9762,15 @@ var DataList = (props) => {
|
|
|
9918
9762
|
},
|
|
9919
9763
|
filter.name
|
|
9920
9764
|
)),
|
|
9921
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
9765
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)(
|
|
9922
9766
|
Hyperlink,
|
|
9923
9767
|
{
|
|
9924
9768
|
className: "gap-1",
|
|
9925
9769
|
linkType: "Primary" /* Solid */,
|
|
9926
9770
|
href: props.addLinkHref,
|
|
9927
9771
|
children: [
|
|
9928
|
-
/* @__PURE__ */ (0,
|
|
9929
|
-
/* @__PURE__ */ (0,
|
|
9772
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
9773
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
9930
9774
|
]
|
|
9931
9775
|
}
|
|
9932
9776
|
)
|
|
@@ -9934,8 +9778,8 @@ var DataList = (props) => {
|
|
|
9934
9778
|
]
|
|
9935
9779
|
}
|
|
9936
9780
|
),
|
|
9937
|
-
/* @__PURE__ */ (0,
|
|
9938
|
-
/* @__PURE__ */ (0,
|
|
9781
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
9782
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
9939
9783
|
let url = builder.getNewOrderByUrl(column.name);
|
|
9940
9784
|
let icon = "chevronUpDown";
|
|
9941
9785
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -9945,18 +9789,18 @@ var DataList = (props) => {
|
|
|
9945
9789
|
icon = "chevronUp";
|
|
9946
9790
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
9947
9791
|
}
|
|
9948
|
-
return /* @__PURE__ */ (0,
|
|
9792
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9949
9793
|
"th",
|
|
9950
9794
|
{
|
|
9951
9795
|
className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
9952
|
-
children: /* @__PURE__ */ (0,
|
|
9796
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
|
|
9953
9797
|
Hyperlink,
|
|
9954
9798
|
{
|
|
9955
9799
|
href: column.enableSorting ? url : void 0,
|
|
9956
9800
|
className: "text-body-950",
|
|
9957
|
-
children: /* @__PURE__ */ (0,
|
|
9958
|
-
/* @__PURE__ */ (0,
|
|
9959
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
9801
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime93.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
9802
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("span", { children: column.label }),
|
|
9803
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
9960
9804
|
] })
|
|
9961
9805
|
}
|
|
9962
9806
|
)
|
|
@@ -9964,7 +9808,7 @@ var DataList = (props) => {
|
|
|
9964
9808
|
column.name
|
|
9965
9809
|
);
|
|
9966
9810
|
}) }) }) }) }),
|
|
9967
|
-
/* @__PURE__ */ (0,
|
|
9811
|
+
/* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
9968
9812
|
] })
|
|
9969
9813
|
] })
|
|
9970
9814
|
] });
|
|
@@ -9972,12 +9816,12 @@ var DataList = (props) => {
|
|
|
9972
9816
|
var DataList_default = DataList;
|
|
9973
9817
|
|
|
9974
9818
|
// src/components/dataForm/DataListRenderer.tsx
|
|
9975
|
-
var
|
|
9819
|
+
var import_react67 = __toESM(require("react"));
|
|
9976
9820
|
init_ServiceClient();
|
|
9977
9821
|
init_OdataBuilder();
|
|
9978
9822
|
init_SelectWithSearchInput();
|
|
9979
9823
|
var import_navigation4 = require("next/navigation");
|
|
9980
|
-
var
|
|
9824
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
9981
9825
|
var viewControlMap = {
|
|
9982
9826
|
number: ViewControlTypes.number,
|
|
9983
9827
|
lineText: ViewControlTypes.lineText,
|
|
@@ -10032,14 +9876,14 @@ var DataListRenderer = ({
|
|
|
10032
9876
|
widgetProps
|
|
10033
9877
|
}) => {
|
|
10034
9878
|
const serviceClient = new ServiceClient_default(apiBaseUrl, session);
|
|
10035
|
-
const [columns, setColumns] = (0,
|
|
10036
|
-
const [dataset, setDataset] = (0,
|
|
10037
|
-
const [filter, setFilters] = (0,
|
|
10038
|
-
const [addLinkHref, setAddLinkHref] = (0,
|
|
10039
|
-
const [addLinkText, setAddLinkText] = (0,
|
|
10040
|
-
const [serviceRoute, setServiceRoute] = (0,
|
|
9879
|
+
const [columns, setColumns] = (0, import_react67.useState)([]);
|
|
9880
|
+
const [dataset, setDataset] = (0, import_react67.useState)();
|
|
9881
|
+
const [filter, setFilters] = (0, import_react67.useState)([]);
|
|
9882
|
+
const [addLinkHref, setAddLinkHref] = (0, import_react67.useState)("");
|
|
9883
|
+
const [addLinkText, setAddLinkText] = (0, import_react67.useState)("");
|
|
9884
|
+
const [serviceRoute, setServiceRoute] = (0, import_react67.useState)("");
|
|
10041
9885
|
const pathname = (0, import_navigation4.usePathname)();
|
|
10042
|
-
(0,
|
|
9886
|
+
(0, import_react67.useEffect)(() => {
|
|
10043
9887
|
if (!formDefinition) return;
|
|
10044
9888
|
setColumns(mapApiToColumns(formDefinition));
|
|
10045
9889
|
setFilters(mapApiToFilters(formDefinition));
|
|
@@ -10052,7 +9896,7 @@ var DataListRenderer = ({
|
|
|
10052
9896
|
setAddLinkHref(resolvedAddLinkHref);
|
|
10053
9897
|
setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
|
|
10054
9898
|
}, [formDefinition, params]);
|
|
10055
|
-
(0,
|
|
9899
|
+
(0, import_react67.useEffect)(() => {
|
|
10056
9900
|
const fetchData = async () => {
|
|
10057
9901
|
if (!serviceRoute) return;
|
|
10058
9902
|
const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
|
|
@@ -10072,13 +9916,13 @@ var DataListRenderer = ({
|
|
|
10072
9916
|
isActive: landingPageUrl === pathname
|
|
10073
9917
|
};
|
|
10074
9918
|
});
|
|
10075
|
-
return /* @__PURE__ */ (0,
|
|
9919
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)(import_react67.default.Fragment, { children: [
|
|
10076
9920
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
10077
9921
|
// tabs={resolvedTabs}
|
|
10078
9922
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
10079
9923
|
// />
|
|
10080
|
-
/* @__PURE__ */ (0,
|
|
10081
|
-
/* @__PURE__ */ (0,
|
|
9924
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
9925
|
+
/* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
10082
9926
|
DataList_default,
|
|
10083
9927
|
{
|
|
10084
9928
|
addLinkHref,
|
|
@@ -10100,14 +9944,14 @@ var DataListRenderer_default = DataListRenderer;
|
|
|
10100
9944
|
init_InputControlType();
|
|
10101
9945
|
|
|
10102
9946
|
// src/components/dataForm/DataForm.tsx
|
|
10103
|
-
var
|
|
9947
|
+
var import_react69 = __toESM(require("react"));
|
|
10104
9948
|
init_InputControl();
|
|
10105
9949
|
init_Icon();
|
|
10106
9950
|
init_Button();
|
|
10107
9951
|
init_StyleTypes();
|
|
10108
9952
|
|
|
10109
9953
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
10110
|
-
var
|
|
9954
|
+
var import_react68 = __toESM(require("react"));
|
|
10111
9955
|
init_InputControl();
|
|
10112
9956
|
|
|
10113
9957
|
// src/components/dataForm/StyleTypes.tsx
|
|
@@ -10135,7 +9979,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
10135
9979
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
10136
9980
|
|
|
10137
9981
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
10138
|
-
var
|
|
9982
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
10139
9983
|
var DataFormChildSection = (props) => {
|
|
10140
9984
|
const { section } = props;
|
|
10141
9985
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -10147,7 +9991,7 @@ var DataFormChildSection = (props) => {
|
|
|
10147
9991
|
return childItems.map((item, originalIndex) => ({ item, originalIndex })).filter((x) => !x.item.isDeleted) || [];
|
|
10148
9992
|
};
|
|
10149
9993
|
const childItemsToRender = getChildItemsForRendering();
|
|
10150
|
-
const handleChildInputChange = (0,
|
|
9994
|
+
const handleChildInputChange = (0, import_react68.useCallback)(
|
|
10151
9995
|
(updatedValues) => {
|
|
10152
9996
|
if (isOneToOne) {
|
|
10153
9997
|
props.callback({
|
|
@@ -10174,7 +10018,7 @@ var DataFormChildSection = (props) => {
|
|
|
10174
10018
|
},
|
|
10175
10019
|
[props, isOneToOne, childItemsToRender]
|
|
10176
10020
|
);
|
|
10177
|
-
const onAddRow = (0,
|
|
10021
|
+
const onAddRow = (0, import_react68.useCallback)(() => {
|
|
10178
10022
|
props.callback({
|
|
10179
10023
|
sectionName: props.section.name,
|
|
10180
10024
|
actionType: FORM_CHILD_ROW_ADD,
|
|
@@ -10183,7 +10027,7 @@ var DataFormChildSection = (props) => {
|
|
|
10183
10027
|
rowIndex: -1
|
|
10184
10028
|
});
|
|
10185
10029
|
}, [props]);
|
|
10186
|
-
const onDeleteRow = (0,
|
|
10030
|
+
const onDeleteRow = (0, import_react68.useCallback)(
|
|
10187
10031
|
(filteredIndex) => {
|
|
10188
10032
|
const visibleItem = childItemsToRender[filteredIndex];
|
|
10189
10033
|
if (visibleItem) {
|
|
@@ -10203,14 +10047,14 @@ var DataFormChildSection = (props) => {
|
|
|
10203
10047
|
childItemsToRender,
|
|
10204
10048
|
allChildItems: childItems
|
|
10205
10049
|
});
|
|
10206
|
-
return /* @__PURE__ */ (0,
|
|
10207
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
10208
|
-
/* @__PURE__ */ (0,
|
|
10209
|
-
/* @__PURE__ */ (0,
|
|
10210
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
10211
|
-
return /* @__PURE__ */ (0,
|
|
10050
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
10051
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
10052
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
10053
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
10054
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
10055
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("tr", { className: "", children: [
|
|
10212
10056
|
sectionRow.elements.map((field, index) => {
|
|
10213
|
-
return /* @__PURE__ */ (0,
|
|
10057
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
10214
10058
|
"th",
|
|
10215
10059
|
{
|
|
10216
10060
|
className: "py-3 font-normal text-left",
|
|
@@ -10219,21 +10063,21 @@ var DataFormChildSection = (props) => {
|
|
|
10219
10063
|
field.name
|
|
10220
10064
|
);
|
|
10221
10065
|
}),
|
|
10222
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
10066
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
10223
10067
|
] }, sectionRowIndex);
|
|
10224
10068
|
}) }),
|
|
10225
|
-
/* @__PURE__ */ (0,
|
|
10069
|
+
/* @__PURE__ */ (0, import_jsx_runtime95.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
10226
10070
|
const { item, originalIndex } = visibleItem;
|
|
10227
10071
|
const rowKey = originalIndex;
|
|
10228
|
-
return /* @__PURE__ */ (0,
|
|
10072
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_react68.default.Fragment, { children: section.sectionRows.map(
|
|
10229
10073
|
(sectionRow, sectionRowIndex) => {
|
|
10230
|
-
return /* @__PURE__ */ (0,
|
|
10074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(
|
|
10231
10075
|
"tr",
|
|
10232
10076
|
{
|
|
10233
10077
|
className: "",
|
|
10234
10078
|
children: [
|
|
10235
10079
|
sectionRow.elements.map((field, index) => {
|
|
10236
|
-
return /* @__PURE__ */ (0,
|
|
10080
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
10237
10081
|
InputControl_default,
|
|
10238
10082
|
{
|
|
10239
10083
|
index: filteredIndex,
|
|
@@ -10253,7 +10097,7 @@ var DataFormChildSection = (props) => {
|
|
|
10253
10097
|
}
|
|
10254
10098
|
) }) }) }, field.name);
|
|
10255
10099
|
}),
|
|
10256
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
10100
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
10257
10101
|
ClientButton_default,
|
|
10258
10102
|
{
|
|
10259
10103
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -10262,7 +10106,7 @@ var DataFormChildSection = (props) => {
|
|
|
10262
10106
|
},
|
|
10263
10107
|
dataRole: "delete",
|
|
10264
10108
|
tabIndex: -1,
|
|
10265
|
-
children: /* @__PURE__ */ (0,
|
|
10109
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
10266
10110
|
Icon_default,
|
|
10267
10111
|
{
|
|
10268
10112
|
className: "w-4 h-4",
|
|
@@ -10279,7 +10123,7 @@ var DataFormChildSection = (props) => {
|
|
|
10279
10123
|
) }, rowKey);
|
|
10280
10124
|
}) })
|
|
10281
10125
|
] }) }),
|
|
10282
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
10126
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
10283
10127
|
ClientButton_default,
|
|
10284
10128
|
{
|
|
10285
10129
|
ButtonType: "Link" /* Link */,
|
|
@@ -10294,9 +10138,9 @@ var DataFormChildSection = (props) => {
|
|
|
10294
10138
|
var DataFormChildSection_default = DataFormChildSection;
|
|
10295
10139
|
|
|
10296
10140
|
// src/components/dataForm/DataForm.tsx
|
|
10297
|
-
var
|
|
10141
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
10298
10142
|
var DataForm = (props) => {
|
|
10299
|
-
const formRef = (0,
|
|
10143
|
+
const formRef = (0, import_react69.useRef)(null);
|
|
10300
10144
|
console.log(props.dataItem, "dssads");
|
|
10301
10145
|
const initialState = {
|
|
10302
10146
|
inputValues: {},
|
|
@@ -10305,9 +10149,9 @@ var DataForm = (props) => {
|
|
|
10305
10149
|
const childInitialState = {
|
|
10306
10150
|
inputValues: []
|
|
10307
10151
|
};
|
|
10308
|
-
const [formState, dispatch] = (0,
|
|
10152
|
+
const [formState, dispatch] = (0, import_react69.useReducer)(FormReducer_default, initialState);
|
|
10309
10153
|
console.log(props.sections, "sections");
|
|
10310
|
-
const clearHiddenChildSections = (0,
|
|
10154
|
+
const clearHiddenChildSections = (0, import_react69.useCallback)(
|
|
10311
10155
|
(changedProperty, newValues) => {
|
|
10312
10156
|
if (!props.sections) return;
|
|
10313
10157
|
const allChildSections = [];
|
|
@@ -10345,7 +10189,7 @@ var DataForm = (props) => {
|
|
|
10345
10189
|
},
|
|
10346
10190
|
[props.sections, formState.inputValues]
|
|
10347
10191
|
);
|
|
10348
|
-
const handleInputChange = (0,
|
|
10192
|
+
const handleInputChange = (0, import_react69.useCallback)(
|
|
10349
10193
|
async (updatedValues) => {
|
|
10350
10194
|
dispatch({
|
|
10351
10195
|
type: FORM_INPUT_UPDATE,
|
|
@@ -10360,7 +10204,7 @@ var DataForm = (props) => {
|
|
|
10360
10204
|
},
|
|
10361
10205
|
[dispatch, formState.inputValues, clearHiddenChildSections]
|
|
10362
10206
|
);
|
|
10363
|
-
const fetchData = (0,
|
|
10207
|
+
const fetchData = (0, import_react69.useCallback)(async () => {
|
|
10364
10208
|
if (!props.rules) return;
|
|
10365
10209
|
if (Object.keys(formState.inputValues).length === 0) {
|
|
10366
10210
|
return;
|
|
@@ -10391,7 +10235,7 @@ var DataForm = (props) => {
|
|
|
10391
10235
|
console.error("Error fetching data:", error);
|
|
10392
10236
|
}
|
|
10393
10237
|
}, [formState.lastPropertyChanged, formState.inputValues]);
|
|
10394
|
-
(0,
|
|
10238
|
+
(0, import_react69.useEffect)(() => {
|
|
10395
10239
|
fetchData();
|
|
10396
10240
|
}, [formState.inputValues, formState.lastPropertyChanged]);
|
|
10397
10241
|
function replacePlaceholders(template, context, params) {
|
|
@@ -10411,7 +10255,7 @@ var DataForm = (props) => {
|
|
|
10411
10255
|
}
|
|
10412
10256
|
);
|
|
10413
10257
|
}
|
|
10414
|
-
const handleChildSectionChangeCallback = (0,
|
|
10258
|
+
const handleChildSectionChangeCallback = (0, import_react69.useCallback)(
|
|
10415
10259
|
(params) => {
|
|
10416
10260
|
dispatch({
|
|
10417
10261
|
type: params.actionType,
|
|
@@ -10456,7 +10300,7 @@ var DataForm = (props) => {
|
|
|
10456
10300
|
});
|
|
10457
10301
|
return cloned;
|
|
10458
10302
|
}
|
|
10459
|
-
const onClick = (0,
|
|
10303
|
+
const onClick = (0, import_react69.useCallback)(async () => {
|
|
10460
10304
|
if (props.onClick) {
|
|
10461
10305
|
const isEdit = props.dataItem && Object.keys(props.dataItem).length > 0;
|
|
10462
10306
|
const normalizedValues = normalizeChildSections(
|
|
@@ -10472,21 +10316,21 @@ var DataForm = (props) => {
|
|
|
10472
10316
|
return { isSuccessful: true };
|
|
10473
10317
|
}
|
|
10474
10318
|
}, [formState, props]);
|
|
10475
|
-
const handleAdditionalOnClick = (0,
|
|
10319
|
+
const handleAdditionalOnClick = (0, import_react69.useCallback)(async () => {
|
|
10476
10320
|
if (props.additionalActions?.onClick) {
|
|
10477
10321
|
return await props.additionalActions.onClick(formState);
|
|
10478
10322
|
} else {
|
|
10479
10323
|
return { isSuccessful: true, message: "Action completed successfully" };
|
|
10480
10324
|
}
|
|
10481
10325
|
}, [formState, props]);
|
|
10482
|
-
const onDelete = (0,
|
|
10326
|
+
const onDelete = (0, import_react69.useCallback)(async () => {
|
|
10483
10327
|
if (props.onDelete) {
|
|
10484
10328
|
return await props.onDelete(formState);
|
|
10485
10329
|
} else {
|
|
10486
10330
|
return { isSuccessful: true };
|
|
10487
10331
|
}
|
|
10488
10332
|
}, [formState, props]);
|
|
10489
|
-
(0,
|
|
10333
|
+
(0, import_react69.useEffect)(() => {
|
|
10490
10334
|
if (props.dataItem) {
|
|
10491
10335
|
dispatch({
|
|
10492
10336
|
type: FORM_INITIAL_UPDATE,
|
|
@@ -10514,19 +10358,19 @@ var DataForm = (props) => {
|
|
|
10514
10358
|
return false;
|
|
10515
10359
|
}
|
|
10516
10360
|
}
|
|
10517
|
-
return /* @__PURE__ */ (0,
|
|
10518
|
-
props.title && /* @__PURE__ */ (0,
|
|
10361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react69.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
10362
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
10519
10363
|
"div",
|
|
10520
10364
|
{
|
|
10521
10365
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
10522
10366
|
onClick: () => window.history.back(),
|
|
10523
10367
|
children: [
|
|
10524
|
-
/* @__PURE__ */ (0,
|
|
10525
|
-
/* @__PURE__ */ (0,
|
|
10368
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
10369
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
10526
10370
|
]
|
|
10527
10371
|
}
|
|
10528
10372
|
) }),
|
|
10529
|
-
/* @__PURE__ */ (0,
|
|
10373
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
10530
10374
|
"form",
|
|
10531
10375
|
{
|
|
10532
10376
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -10547,8 +10391,8 @@ var DataForm = (props) => {
|
|
|
10547
10391
|
}
|
|
10548
10392
|
}
|
|
10549
10393
|
},
|
|
10550
|
-
children: /* @__PURE__ */ (0,
|
|
10551
|
-
return /* @__PURE__ */ (0,
|
|
10394
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
10395
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react69.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
10552
10396
|
section.sectionRows?.map(
|
|
10553
10397
|
(sectionRow, sectionRowIndex) => {
|
|
10554
10398
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -10559,14 +10403,14 @@ var DataForm = (props) => {
|
|
|
10559
10403
|
sectionRow.visible
|
|
10560
10404
|
);
|
|
10561
10405
|
}
|
|
10562
|
-
return /* @__PURE__ */ (0,
|
|
10563
|
-
return /* @__PURE__ */ (0,
|
|
10406
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react69.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
10407
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
|
|
10564
10408
|
"div",
|
|
10565
10409
|
{
|
|
10566
10410
|
className: sectionRow.grow ? "grow" : "",
|
|
10567
10411
|
children: [
|
|
10568
|
-
/* @__PURE__ */ (0,
|
|
10569
|
-
/* @__PURE__ */ (0,
|
|
10412
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: field.controlType }),
|
|
10413
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
10570
10414
|
InputControl_default,
|
|
10571
10415
|
{
|
|
10572
10416
|
name: field.name,
|
|
@@ -10596,12 +10440,12 @@ var DataForm = (props) => {
|
|
|
10596
10440
|
}) }) }, sectionRowIndex);
|
|
10597
10441
|
}
|
|
10598
10442
|
),
|
|
10599
|
-
/* @__PURE__ */ (0,
|
|
10443
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: section.childSections?.map(
|
|
10600
10444
|
(childSection, childSectionIndex) => {
|
|
10601
|
-
return /* @__PURE__ */ (0,
|
|
10445
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
10602
10446
|
formState.inputValues,
|
|
10603
10447
|
childSection.visible
|
|
10604
|
-
) && /* @__PURE__ */ (0,
|
|
10448
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
10605
10449
|
DataFormChildSection_default,
|
|
10606
10450
|
{
|
|
10607
10451
|
section: childSection,
|
|
@@ -10616,8 +10460,8 @@ var DataForm = (props) => {
|
|
|
10616
10460
|
}) })
|
|
10617
10461
|
}
|
|
10618
10462
|
),
|
|
10619
|
-
/* @__PURE__ */ (0,
|
|
10620
|
-
/* @__PURE__ */ (0,
|
|
10463
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
10464
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
10621
10465
|
Button_default,
|
|
10622
10466
|
{
|
|
10623
10467
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -10625,7 +10469,7 @@ var DataForm = (props) => {
|
|
|
10625
10469
|
children: props.additionalActions.title
|
|
10626
10470
|
}
|
|
10627
10471
|
) }),
|
|
10628
|
-
/* @__PURE__ */ (0,
|
|
10472
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
10629
10473
|
Button_default,
|
|
10630
10474
|
{
|
|
10631
10475
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -10636,7 +10480,7 @@ var DataForm = (props) => {
|
|
|
10636
10480
|
children: "Delete"
|
|
10637
10481
|
}
|
|
10638
10482
|
) }),
|
|
10639
|
-
/* @__PURE__ */ (0,
|
|
10483
|
+
/* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
10640
10484
|
Button_default,
|
|
10641
10485
|
{
|
|
10642
10486
|
onValidate,
|
|
@@ -10654,7 +10498,7 @@ var DataForm_default = DataForm;
|
|
|
10654
10498
|
|
|
10655
10499
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
10656
10500
|
init_ServiceClient();
|
|
10657
|
-
var
|
|
10501
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
10658
10502
|
function getAction(actions, code) {
|
|
10659
10503
|
return actions?.find((a) => a.actionCode === code);
|
|
10660
10504
|
}
|
|
@@ -10680,9 +10524,9 @@ var DataFormRenderer = ({
|
|
|
10680
10524
|
"Delete"
|
|
10681
10525
|
);
|
|
10682
10526
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
10683
|
-
return /* @__PURE__ */ (0,
|
|
10684
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
10685
|
-
/* @__PURE__ */ (0,
|
|
10527
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
10528
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
10529
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
10686
10530
|
DataForm_default,
|
|
10687
10531
|
{
|
|
10688
10532
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|
|
@@ -10703,7 +10547,6 @@ var DataFormRenderer = ({
|
|
|
10703
10547
|
var DataFormRenderer_default = DataFormRenderer;
|
|
10704
10548
|
// Annotate the CommonJS export names for ESM import in node:
|
|
10705
10549
|
0 && (module.exports = {
|
|
10706
|
-
BooleanSelect,
|
|
10707
10550
|
Button,
|
|
10708
10551
|
CheckboxInput,
|
|
10709
10552
|
ColorInput,
|
|
@@ -10727,7 +10570,6 @@ var DataFormRenderer_default = DataFormRenderer;
|
|
|
10727
10570
|
PhoneInput,
|
|
10728
10571
|
RadioInput,
|
|
10729
10572
|
Select,
|
|
10730
|
-
Switcher,
|
|
10731
10573
|
TimeInput,
|
|
10732
10574
|
Toast,
|
|
10733
10575
|
ToastService,
|