@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260729064437 → 0.8.1-dev.20260731062325
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -1674,8 +1674,9 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1674
1674
|
});
|
|
1675
1675
|
}
|
|
1676
1676
|
}, [highlightedIndex]);
|
|
1677
|
+
const isReadOnly = props.attributes?.readOnly || props.disable || props.attributes?.disable;
|
|
1677
1678
|
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative", children: [
|
|
1678
|
-
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { children: [
|
|
1679
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("label", { className: "pb-1", children: [
|
|
1679
1680
|
props.attributes?.label,
|
|
1680
1681
|
" ",
|
|
1681
1682
|
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "bg-error-weak", children: "*" })
|
|
@@ -1694,16 +1695,25 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1694
1695
|
onFocus: () => setIsOpen(true),
|
|
1695
1696
|
onKeyDown: handleKeyDown,
|
|
1696
1697
|
placeholder: props.attributes?.placeholder ?? "Search...",
|
|
1697
|
-
readOnly:
|
|
1698
|
+
readOnly: isReadOnly,
|
|
1698
1699
|
disabled: props.disable || props.attributes?.disable,
|
|
1699
|
-
className:
|
|
1700
|
+
className: `peer mt-2 py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm
|
|
1701
|
+
focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
|
|
1702
|
+
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none
|
|
1703
|
+
${isReadOnly ? "bg-neutral-soft opacity-50 cursor-not-allowed" : "bg-default"}
|
|
1704
|
+
`
|
|
1700
1705
|
}
|
|
1701
1706
|
),
|
|
1702
1707
|
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1703
1708
|
"button",
|
|
1704
1709
|
{
|
|
1705
1710
|
type: "button",
|
|
1706
|
-
|
|
1711
|
+
disabled: isReadOnly,
|
|
1712
|
+
onClick: () => {
|
|
1713
|
+
if (!isReadOnly) {
|
|
1714
|
+
setIsOpen(!isOpen);
|
|
1715
|
+
}
|
|
1716
|
+
},
|
|
1707
1717
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
1708
1718
|
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1709
1719
|
"svg",
|
|
@@ -1727,11 +1737,11 @@ var init_SelectWithSearchInput = __esm({
|
|
|
1727
1737
|
}
|
|
1728
1738
|
)
|
|
1729
1739
|
] }),
|
|
1730
|
-
isOpen && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1740
|
+
!isReadOnly && isOpen && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1731
1741
|
"div",
|
|
1732
1742
|
{
|
|
1733
1743
|
ref: dropdownRef,
|
|
1734
|
-
className: "absolute z-10
|
|
1744
|
+
className: "absolute z-10 w-full bg-default border border-gray-200 shadow-lg max-h-48 overflow-y-auto",
|
|
1735
1745
|
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
1736
1746
|
"button",
|
|
1737
1747
|
{
|
|
@@ -3243,12 +3253,26 @@ var init_Switcher = __esm({
|
|
|
3243
3253
|
}
|
|
3244
3254
|
});
|
|
3245
3255
|
|
|
3256
|
+
// src/components/controls/edit/ReferenceInput.tsx
|
|
3257
|
+
var import_jsx_runtime49, ReferenceInput, ReferenceInput_default;
|
|
3258
|
+
var init_ReferenceInput = __esm({
|
|
3259
|
+
"src/components/controls/edit/ReferenceInput.tsx"() {
|
|
3260
|
+
"use strict";
|
|
3261
|
+
init_SelectWithSearchInput();
|
|
3262
|
+
import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3263
|
+
ReferenceInput = (props) => {
|
|
3264
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectWithSearchInput_default, { ...props });
|
|
3265
|
+
};
|
|
3266
|
+
ReferenceInput_default = ReferenceInput;
|
|
3267
|
+
}
|
|
3268
|
+
});
|
|
3269
|
+
|
|
3246
3270
|
// src/components/controls/edit/InputControlClient.tsx
|
|
3247
3271
|
var InputControlClient_exports = {};
|
|
3248
3272
|
__export(InputControlClient_exports, {
|
|
3249
3273
|
default: () => InputControlClient_default
|
|
3250
3274
|
});
|
|
3251
|
-
var import_react40,
|
|
3275
|
+
var import_react40, import_jsx_runtime50, InputControl, InputControlClient_default;
|
|
3252
3276
|
var init_InputControlClient = __esm({
|
|
3253
3277
|
"src/components/controls/edit/InputControlClient.tsx"() {
|
|
3254
3278
|
"use strict";
|
|
@@ -3276,7 +3300,8 @@ var init_InputControlClient = __esm({
|
|
|
3276
3300
|
init_DateInput();
|
|
3277
3301
|
init_RadioInput();
|
|
3278
3302
|
init_Switcher();
|
|
3279
|
-
|
|
3303
|
+
init_ReferenceInput();
|
|
3304
|
+
import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3280
3305
|
InputControl = import_react40.default.forwardRef(
|
|
3281
3306
|
(props, ref) => {
|
|
3282
3307
|
const ControlComponents = {
|
|
@@ -3301,10 +3326,11 @@ var init_InputControlClient = __esm({
|
|
|
3301
3326
|
[InputControlType_default.switchInput]: SwitchInput_default,
|
|
3302
3327
|
[InputControlType_default.dateInput]: DateInput_default,
|
|
3303
3328
|
[InputControlType_default.radioInput]: RadioInput_default,
|
|
3304
|
-
[InputControlType_default.switcher]: Switcher_default
|
|
3329
|
+
[InputControlType_default.switcher]: Switcher_default,
|
|
3330
|
+
[InputControlType_default.referenceInput]: ReferenceInput_default
|
|
3305
3331
|
};
|
|
3306
3332
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
3307
|
-
return /* @__PURE__ */ (0,
|
|
3333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react40.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
3308
3334
|
}
|
|
3309
3335
|
);
|
|
3310
3336
|
InputControl.displayName = "InputControl";
|
|
@@ -3531,7 +3557,7 @@ var LinkNodeButton_exports = {};
|
|
|
3531
3557
|
__export(LinkNodeButton_exports, {
|
|
3532
3558
|
default: () => LinkNodeButton_default
|
|
3533
3559
|
});
|
|
3534
|
-
var import_react41,
|
|
3560
|
+
var import_react41, import_jsx_runtime54, LinkNodeButton, LinkNodeButton_default;
|
|
3535
3561
|
var init_LinkNodeButton = __esm({
|
|
3536
3562
|
"src/components/pageRenderingEngine/nodes/LinkNodeButton.tsx"() {
|
|
3537
3563
|
"use strict";
|
|
@@ -3540,7 +3566,7 @@ var init_LinkNodeButton = __esm({
|
|
|
3540
3566
|
init_Button();
|
|
3541
3567
|
init_ServiceClient();
|
|
3542
3568
|
init_ToastService();
|
|
3543
|
-
|
|
3569
|
+
import_jsx_runtime54 = require("react/jsx-runtime");
|
|
3544
3570
|
LinkNodeButton = (props) => {
|
|
3545
3571
|
const { node, dataitem, children, linkText, linkType, linkUrl } = props;
|
|
3546
3572
|
const [isLoading, setIsLoading] = (0, import_react41.useState)(false);
|
|
@@ -3707,32 +3733,32 @@ var init_LinkNodeButton = __esm({
|
|
|
3707
3733
|
return children;
|
|
3708
3734
|
}
|
|
3709
3735
|
if (linkText) {
|
|
3710
|
-
return /* @__PURE__ */ (0,
|
|
3736
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: linkText });
|
|
3711
3737
|
}
|
|
3712
3738
|
return node.title || "Button";
|
|
3713
3739
|
};
|
|
3714
3740
|
const fontSize = node.children?.[0]?.style?.match(/font-size:\s*([^;]+)/)?.[1];
|
|
3715
|
-
return /* @__PURE__ */ (0,
|
|
3741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "link-button-wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3716
3742
|
Button_default,
|
|
3717
3743
|
{
|
|
3718
3744
|
ButtonType: linkType,
|
|
3719
3745
|
onClick,
|
|
3720
3746
|
disabled: isLoading || !!successMessage,
|
|
3721
3747
|
className: "w-full",
|
|
3722
|
-
children: successMessage ? /* @__PURE__ */ (0,
|
|
3748
|
+
children: successMessage ? /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
3723
3749
|
"span",
|
|
3724
3750
|
{
|
|
3725
3751
|
style: fontSize ? { fontSize } : void 0,
|
|
3726
3752
|
className: "inline-flex items-center gap-2",
|
|
3727
3753
|
children: [
|
|
3728
|
-
/* @__PURE__ */ (0,
|
|
3754
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3729
3755
|
"svg",
|
|
3730
3756
|
{
|
|
3731
3757
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3732
3758
|
viewBox: "0 0 20 20",
|
|
3733
3759
|
fill: "currentColor",
|
|
3734
3760
|
className: "w-5 h-5",
|
|
3735
|
-
children: /* @__PURE__ */ (0,
|
|
3761
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
3736
3762
|
"path",
|
|
3737
3763
|
{
|
|
3738
3764
|
fillRule: "evenodd",
|
|
@@ -3742,7 +3768,7 @@ var init_LinkNodeButton = __esm({
|
|
|
3742
3768
|
)
|
|
3743
3769
|
}
|
|
3744
3770
|
),
|
|
3745
|
-
/* @__PURE__ */ (0,
|
|
3771
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: successMessage })
|
|
3746
3772
|
]
|
|
3747
3773
|
}
|
|
3748
3774
|
) : renderButtonContent()
|
|
@@ -3776,13 +3802,13 @@ function CopyButton({ text }) {
|
|
|
3776
3802
|
console.error("Failed to copy: ", err);
|
|
3777
3803
|
}
|
|
3778
3804
|
};
|
|
3779
|
-
return /* @__PURE__ */ (0,
|
|
3805
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
|
|
3780
3806
|
"button",
|
|
3781
3807
|
{
|
|
3782
3808
|
onClick: handleCopy,
|
|
3783
3809
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
3784
3810
|
children: [
|
|
3785
|
-
/* @__PURE__ */ (0,
|
|
3811
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3786
3812
|
"svg",
|
|
3787
3813
|
{
|
|
3788
3814
|
width: "16",
|
|
@@ -3790,7 +3816,7 @@ function CopyButton({ text }) {
|
|
|
3790
3816
|
viewBox: "0 0 24 24",
|
|
3791
3817
|
className: "w-4 h-4",
|
|
3792
3818
|
fill: "currentColor",
|
|
3793
|
-
children: /* @__PURE__ */ (0,
|
|
3819
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
3794
3820
|
"path",
|
|
3795
3821
|
{
|
|
3796
3822
|
fillRule: "evenodd",
|
|
@@ -3805,54 +3831,54 @@ function CopyButton({ text }) {
|
|
|
3805
3831
|
}
|
|
3806
3832
|
);
|
|
3807
3833
|
}
|
|
3808
|
-
var import_react48,
|
|
3834
|
+
var import_react48, import_jsx_runtime64;
|
|
3809
3835
|
var init_CopyButton = __esm({
|
|
3810
3836
|
"src/components/CopyButton.tsx"() {
|
|
3811
3837
|
"use strict";
|
|
3812
3838
|
"use client";
|
|
3813
3839
|
import_react48 = require("react");
|
|
3814
|
-
|
|
3840
|
+
import_jsx_runtime64 = require("react/jsx-runtime");
|
|
3815
3841
|
}
|
|
3816
3842
|
});
|
|
3817
3843
|
|
|
3818
3844
|
// src/components/IFrameLoaderView.tsx
|
|
3819
|
-
var import_react51,
|
|
3845
|
+
var import_react51, import_jsx_runtime68, IFrameLoaderView, IFrameLoaderView_default;
|
|
3820
3846
|
var init_IFrameLoaderView = __esm({
|
|
3821
3847
|
"src/components/IFrameLoaderView.tsx"() {
|
|
3822
3848
|
"use strict";
|
|
3823
3849
|
import_react51 = __toESM(require("react"));
|
|
3824
|
-
|
|
3850
|
+
import_jsx_runtime68 = require("react/jsx-runtime");
|
|
3825
3851
|
IFrameLoaderView = (props) => {
|
|
3826
|
-
return /* @__PURE__ */ (0,
|
|
3827
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
3828
|
-
/* @__PURE__ */ (0,
|
|
3829
|
-
/* @__PURE__ */ (0,
|
|
3830
|
-
/* @__PURE__ */ (0,
|
|
3831
|
-
/* @__PURE__ */ (0,
|
|
3832
|
-
/* @__PURE__ */ (0,
|
|
3852
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_react51.default.Fragment, { children: [
|
|
3853
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
3854
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
3855
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
3856
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "ml-2", children: [
|
|
3857
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
3858
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
3833
3859
|
] })
|
|
3834
3860
|
] }),
|
|
3835
|
-
/* @__PURE__ */ (0,
|
|
3836
|
-
/* @__PURE__ */ (0,
|
|
3837
|
-
/* @__PURE__ */ (0,
|
|
3838
|
-
/* @__PURE__ */ (0,
|
|
3839
|
-
/* @__PURE__ */ (0,
|
|
3840
|
-
/* @__PURE__ */ (0,
|
|
3841
|
-
/* @__PURE__ */ (0,
|
|
3861
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
3862
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "animate-pulse", children: [
|
|
3863
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3864
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3865
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3866
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3867
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3842
3868
|
] }),
|
|
3843
|
-
/* @__PURE__ */ (0,
|
|
3844
|
-
/* @__PURE__ */ (0,
|
|
3845
|
-
/* @__PURE__ */ (0,
|
|
3846
|
-
/* @__PURE__ */ (0,
|
|
3847
|
-
/* @__PURE__ */ (0,
|
|
3848
|
-
/* @__PURE__ */ (0,
|
|
3869
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "animate-pulse", children: [
|
|
3870
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3871
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3872
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3873
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3874
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3849
3875
|
] }),
|
|
3850
|
-
/* @__PURE__ */ (0,
|
|
3851
|
-
/* @__PURE__ */ (0,
|
|
3852
|
-
/* @__PURE__ */ (0,
|
|
3853
|
-
/* @__PURE__ */ (0,
|
|
3854
|
-
/* @__PURE__ */ (0,
|
|
3855
|
-
/* @__PURE__ */ (0,
|
|
3876
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "animate-pulse", children: [
|
|
3877
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
3878
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
3879
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
3880
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
3881
|
+
/* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
3856
3882
|
] })
|
|
3857
3883
|
] })
|
|
3858
3884
|
] }) }),
|
|
@@ -3868,14 +3894,14 @@ var IframeClient_exports = {};
|
|
|
3868
3894
|
__export(IframeClient_exports, {
|
|
3869
3895
|
default: () => IframeClient_default
|
|
3870
3896
|
});
|
|
3871
|
-
var import_react52,
|
|
3897
|
+
var import_react52, import_jsx_runtime69, IframeClient, IframeClient_default;
|
|
3872
3898
|
var init_IframeClient = __esm({
|
|
3873
3899
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
3874
3900
|
"use strict";
|
|
3875
3901
|
"use client";
|
|
3876
3902
|
import_react52 = __toESM(require("react"));
|
|
3877
3903
|
init_IFrameLoaderView();
|
|
3878
|
-
|
|
3904
|
+
import_jsx_runtime69 = require("react/jsx-runtime");
|
|
3879
3905
|
IframeClient = ({ src }) => {
|
|
3880
3906
|
const iframeRef = (0, import_react52.useRef)(null);
|
|
3881
3907
|
const [iframeHeight, setIframeHeight] = (0, import_react52.useState)("100%");
|
|
@@ -3907,7 +3933,7 @@ var init_IframeClient = __esm({
|
|
|
3907
3933
|
const handleIframeLoad = () => {
|
|
3908
3934
|
setIsDataFound(true);
|
|
3909
3935
|
};
|
|
3910
|
-
return /* @__PURE__ */ (0,
|
|
3936
|
+
return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
|
|
3911
3937
|
"iframe",
|
|
3912
3938
|
{
|
|
3913
3939
|
ref: iframeRef,
|
|
@@ -4127,7 +4153,7 @@ var Pagination_exports = {};
|
|
|
4127
4153
|
__export(Pagination_exports, {
|
|
4128
4154
|
default: () => Pagination_default
|
|
4129
4155
|
});
|
|
4130
|
-
var import_react53,
|
|
4156
|
+
var import_react53, import_jsx_runtime74, Pagination, Pagination_default;
|
|
4131
4157
|
var init_Pagination = __esm({
|
|
4132
4158
|
"src/components/Pagination.tsx"() {
|
|
4133
4159
|
"use strict";
|
|
@@ -4138,7 +4164,7 @@ var init_Pagination = __esm({
|
|
|
4138
4164
|
init_StyleTypes();
|
|
4139
4165
|
init_InputControlType();
|
|
4140
4166
|
init_Hyperlink();
|
|
4141
|
-
|
|
4167
|
+
import_jsx_runtime74 = require("react/jsx-runtime");
|
|
4142
4168
|
Pagination = (props) => {
|
|
4143
4169
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4144
4170
|
const builder = (0, import_react53.useMemo)(() => {
|
|
@@ -4182,7 +4208,7 @@ var init_Pagination = __esm({
|
|
|
4182
4208
|
return range;
|
|
4183
4209
|
};
|
|
4184
4210
|
const paginationRange = getPaginationRange();
|
|
4185
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
4211
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
4186
4212
|
Hyperlink,
|
|
4187
4213
|
{
|
|
4188
4214
|
linkType: "Link" /* Link */,
|
|
@@ -4197,9 +4223,9 @@ var init_Pagination = __esm({
|
|
|
4197
4223
|
);
|
|
4198
4224
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4199
4225
|
if (disabled) {
|
|
4200
|
-
return /* @__PURE__ */ (0,
|
|
4226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.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 });
|
|
4201
4227
|
}
|
|
4202
|
-
return /* @__PURE__ */ (0,
|
|
4228
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
4203
4229
|
Hyperlink,
|
|
4204
4230
|
{
|
|
4205
4231
|
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",
|
|
@@ -4209,35 +4235,35 @@ var init_Pagination = __esm({
|
|
|
4209
4235
|
);
|
|
4210
4236
|
};
|
|
4211
4237
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
4212
|
-
return /* @__PURE__ */ (0,
|
|
4213
|
-
/* @__PURE__ */ (0,
|
|
4214
|
-
/* @__PURE__ */ (0,
|
|
4238
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
4239
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
4240
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "text-sm", children: [
|
|
4215
4241
|
"Showing ",
|
|
4216
|
-
/* @__PURE__ */ (0,
|
|
4242
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("span", { className: "font-semibold", children: [
|
|
4217
4243
|
startItem,
|
|
4218
4244
|
"-",
|
|
4219
4245
|
endItem
|
|
4220
4246
|
] }),
|
|
4221
4247
|
" ",
|
|
4222
4248
|
"out of ",
|
|
4223
|
-
/* @__PURE__ */ (0,
|
|
4249
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4224
4250
|
" results"
|
|
4225
4251
|
] }),
|
|
4226
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
4227
|
-
/* @__PURE__ */ (0,
|
|
4252
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
4253
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
4228
4254
|
NavigationButton,
|
|
4229
4255
|
{
|
|
4230
4256
|
page: activePageNumber - 1,
|
|
4231
4257
|
disabled: activePageNumber === 1,
|
|
4232
4258
|
children: [
|
|
4233
|
-
/* @__PURE__ */ (0,
|
|
4234
|
-
/* @__PURE__ */ (0,
|
|
4259
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
4260
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
4235
4261
|
]
|
|
4236
4262
|
}
|
|
4237
4263
|
),
|
|
4238
4264
|
paginationRange.map((item, index) => {
|
|
4239
4265
|
if (item === "...") {
|
|
4240
|
-
return /* @__PURE__ */ (0,
|
|
4266
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
4241
4267
|
"span",
|
|
4242
4268
|
{
|
|
4243
4269
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -4247,23 +4273,23 @@ var init_Pagination = __esm({
|
|
|
4247
4273
|
);
|
|
4248
4274
|
}
|
|
4249
4275
|
const page = item;
|
|
4250
|
-
return /* @__PURE__ */ (0,
|
|
4276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(PageButton, { page, children: page }, page);
|
|
4251
4277
|
}),
|
|
4252
|
-
/* @__PURE__ */ (0,
|
|
4278
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
|
|
4253
4279
|
NavigationButton,
|
|
4254
4280
|
{
|
|
4255
4281
|
page: activePageNumber + 1,
|
|
4256
4282
|
disabled: activePageNumber === totalPages,
|
|
4257
4283
|
children: [
|
|
4258
|
-
/* @__PURE__ */ (0,
|
|
4259
|
-
/* @__PURE__ */ (0,
|
|
4284
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
4285
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
4260
4286
|
]
|
|
4261
4287
|
}
|
|
4262
4288
|
)
|
|
4263
4289
|
] }),
|
|
4264
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
4265
|
-
/* @__PURE__ */ (0,
|
|
4266
|
-
/* @__PURE__ */ (0,
|
|
4290
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
4291
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
4292
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
4267
4293
|
"input",
|
|
4268
4294
|
{
|
|
4269
4295
|
type: "number",
|
|
@@ -4284,9 +4310,9 @@ var init_Pagination = __esm({
|
|
|
4284
4310
|
) })
|
|
4285
4311
|
] })
|
|
4286
4312
|
] }),
|
|
4287
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
4288
|
-
/* @__PURE__ */ (0,
|
|
4289
|
-
/* @__PURE__ */ (0,
|
|
4313
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
4314
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
4315
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
|
|
4290
4316
|
Hyperlink,
|
|
4291
4317
|
{
|
|
4292
4318
|
className: `
|
|
@@ -4298,7 +4324,7 @@ var init_Pagination = __esm({
|
|
|
4298
4324
|
},
|
|
4299
4325
|
size
|
|
4300
4326
|
)) }),
|
|
4301
|
-
/* @__PURE__ */ (0,
|
|
4327
|
+
/* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-sm", children: "per page" })
|
|
4302
4328
|
] }) })
|
|
4303
4329
|
] });
|
|
4304
4330
|
};
|
|
@@ -4311,13 +4337,13 @@ var Slider_exports = {};
|
|
|
4311
4337
|
__export(Slider_exports, {
|
|
4312
4338
|
default: () => Slider_default
|
|
4313
4339
|
});
|
|
4314
|
-
var import_react54,
|
|
4340
|
+
var import_react54, import_jsx_runtime75, Slider, ArrowButton, ProgressPill, Slider_default;
|
|
4315
4341
|
var init_Slider = __esm({
|
|
4316
4342
|
"src/components/Slider.tsx"() {
|
|
4317
4343
|
"use strict";
|
|
4318
4344
|
"use client";
|
|
4319
4345
|
import_react54 = __toESM(require("react"));
|
|
4320
|
-
|
|
4346
|
+
import_jsx_runtime75 = require("react/jsx-runtime");
|
|
4321
4347
|
Slider = ({
|
|
4322
4348
|
children,
|
|
4323
4349
|
slidesToShow = 4,
|
|
@@ -4414,7 +4440,7 @@ var init_Slider = __esm({
|
|
|
4414
4440
|
if (!import_react54.default.isValidElement(child)) return null;
|
|
4415
4441
|
const childProps = child.props;
|
|
4416
4442
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4417
|
-
return /* @__PURE__ */ (0,
|
|
4443
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4418
4444
|
"div",
|
|
4419
4445
|
{
|
|
4420
4446
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -4437,14 +4463,14 @@ var init_Slider = __esm({
|
|
|
4437
4463
|
return "bottom-4";
|
|
4438
4464
|
}
|
|
4439
4465
|
};
|
|
4440
|
-
return /* @__PURE__ */ (0,
|
|
4466
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
|
|
4441
4467
|
"div",
|
|
4442
4468
|
{
|
|
4443
4469
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4444
4470
|
onMouseEnter: handleMouseEnter,
|
|
4445
4471
|
onMouseLeave: handleMouseLeave,
|
|
4446
4472
|
children: [
|
|
4447
|
-
/* @__PURE__ */ (0,
|
|
4473
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4448
4474
|
"div",
|
|
4449
4475
|
{
|
|
4450
4476
|
className: "flex h-full",
|
|
@@ -4455,18 +4481,18 @@ var init_Slider = __esm({
|
|
|
4455
4481
|
children: slides
|
|
4456
4482
|
}
|
|
4457
4483
|
),
|
|
4458
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4459
|
-
/* @__PURE__ */ (0,
|
|
4484
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
|
|
4485
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4460
4486
|
ArrowButton,
|
|
4461
4487
|
{
|
|
4462
4488
|
direction: "left",
|
|
4463
4489
|
onClick: prevSlide,
|
|
4464
4490
|
visible: infinite_scroll || currentSlide > 0,
|
|
4465
4491
|
className: arrowClassName,
|
|
4466
|
-
children: /* @__PURE__ */ (0,
|
|
4492
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
4467
4493
|
}
|
|
4468
4494
|
),
|
|
4469
|
-
/* @__PURE__ */ (0,
|
|
4495
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
|
|
4470
4496
|
ArrowButton,
|
|
4471
4497
|
{
|
|
4472
4498
|
direction: "right",
|
|
@@ -4474,13 +4500,13 @@ var init_Slider = __esm({
|
|
|
4474
4500
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4475
4501
|
className: arrowClassName,
|
|
4476
4502
|
children: [
|
|
4477
|
-
/* @__PURE__ */ (0,
|
|
4503
|
+
/* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
4478
4504
|
" "
|
|
4479
4505
|
]
|
|
4480
4506
|
}
|
|
4481
4507
|
)
|
|
4482
4508
|
] }),
|
|
4483
|
-
show_dots && /* @__PURE__ */ (0,
|
|
4509
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime75.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_runtime75.jsx)(
|
|
4484
4510
|
ProgressPill,
|
|
4485
4511
|
{
|
|
4486
4512
|
active: index === currentSlide,
|
|
@@ -4506,7 +4532,7 @@ var init_Slider = __esm({
|
|
|
4506
4532
|
visible,
|
|
4507
4533
|
children,
|
|
4508
4534
|
className = ""
|
|
4509
|
-
}) => /* @__PURE__ */ (0,
|
|
4535
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4510
4536
|
"button",
|
|
4511
4537
|
{
|
|
4512
4538
|
className: `
|
|
@@ -4593,7 +4619,7 @@ var init_Slider = __esm({
|
|
|
4593
4619
|
const renderProgressBar = () => {
|
|
4594
4620
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4595
4621
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4596
|
-
return /* @__PURE__ */ (0,
|
|
4622
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4597
4623
|
"div",
|
|
4598
4624
|
{
|
|
4599
4625
|
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`,
|
|
@@ -4605,7 +4631,7 @@ var init_Slider = __esm({
|
|
|
4605
4631
|
};
|
|
4606
4632
|
const renderCumulativeFill = () => {
|
|
4607
4633
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4608
|
-
return /* @__PURE__ */ (0,
|
|
4634
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
|
|
4609
4635
|
"div",
|
|
4610
4636
|
{
|
|
4611
4637
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4615,7 +4641,7 @@ var init_Slider = __esm({
|
|
|
4615
4641
|
}
|
|
4616
4642
|
return null;
|
|
4617
4643
|
};
|
|
4618
|
-
return /* @__PURE__ */ (0,
|
|
4644
|
+
return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
|
|
4619
4645
|
"button",
|
|
4620
4646
|
{
|
|
4621
4647
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -5058,7 +5084,7 @@ var import_react56 = __toESM(require("react"));
|
|
|
5058
5084
|
var import_react43 = __toESM(require("react"));
|
|
5059
5085
|
|
|
5060
5086
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
5061
|
-
var
|
|
5087
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
5062
5088
|
var TextNode = (props) => {
|
|
5063
5089
|
function cssStringToJson(cssString) {
|
|
5064
5090
|
const styleObject = {};
|
|
@@ -5113,26 +5139,26 @@ var TextNode = (props) => {
|
|
|
5113
5139
|
});
|
|
5114
5140
|
}
|
|
5115
5141
|
function renderWithLineBreaks(text) {
|
|
5116
|
-
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0,
|
|
5142
|
+
return text.split("\n").map((line, index, arr) => /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("span", { children: [
|
|
5117
5143
|
line,
|
|
5118
|
-
index < arr.length - 1 && /* @__PURE__ */ (0,
|
|
5144
|
+
index < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("br", {})
|
|
5119
5145
|
] }, index));
|
|
5120
5146
|
}
|
|
5121
5147
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
5122
5148
|
const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
|
|
5123
5149
|
const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
|
|
5124
|
-
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0,
|
|
5150
|
+
const formattedContent = props.node.format & 64 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("sub", { children: content }) : content;
|
|
5125
5151
|
return (
|
|
5126
5152
|
// @ts-expect-error custom code
|
|
5127
|
-
/* @__PURE__ */ (0,
|
|
5153
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
|
|
5128
5154
|
);
|
|
5129
5155
|
};
|
|
5130
5156
|
var TextNode_default = TextNode;
|
|
5131
5157
|
|
|
5132
5158
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
5133
|
-
var
|
|
5159
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
5134
5160
|
var LineBreakNode = () => {
|
|
5135
|
-
return /* @__PURE__ */ (0,
|
|
5161
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
5136
5162
|
};
|
|
5137
5163
|
var LineBreakNode_default = LineBreakNode;
|
|
5138
5164
|
|
|
@@ -5142,7 +5168,7 @@ var import_react42 = __toESM(require("react"));
|
|
|
5142
5168
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
5143
5169
|
init_AssetUtility();
|
|
5144
5170
|
var import_dynamic5 = __toESM(require("next/dynamic"));
|
|
5145
|
-
var
|
|
5171
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
5146
5172
|
var HlsPlayer3 = (0, import_dynamic5.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
5147
5173
|
var getNestedValue = (obj, path) => {
|
|
5148
5174
|
if (!obj || !path) return void 0;
|
|
@@ -5175,7 +5201,7 @@ var ImageNode = (props) => {
|
|
|
5175
5201
|
assets = [image];
|
|
5176
5202
|
}
|
|
5177
5203
|
if (assets && assets.length > 0) {
|
|
5178
|
-
return /* @__PURE__ */ (0,
|
|
5204
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5179
5205
|
DeviceAssetSelector_default,
|
|
5180
5206
|
{
|
|
5181
5207
|
device: props.device,
|
|
@@ -5216,7 +5242,7 @@ var ImageNode = (props) => {
|
|
|
5216
5242
|
right: "justify-end"
|
|
5217
5243
|
};
|
|
5218
5244
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
5219
|
-
const renderMedia = () => isHls ? /* @__PURE__ */ (0,
|
|
5245
|
+
const renderMedia = () => isHls ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5220
5246
|
HlsPlayer3,
|
|
5221
5247
|
{
|
|
5222
5248
|
assetUrl: imageUrl,
|
|
@@ -5229,7 +5255,7 @@ var ImageNode = (props) => {
|
|
|
5229
5255
|
apiBaseUrl: props.apiBaseUrl,
|
|
5230
5256
|
session: props.session
|
|
5231
5257
|
}
|
|
5232
|
-
) : /* @__PURE__ */ (0,
|
|
5258
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
5233
5259
|
"img",
|
|
5234
5260
|
{
|
|
5235
5261
|
style: styles,
|
|
@@ -5242,7 +5268,7 @@ var ImageNode = (props) => {
|
|
|
5242
5268
|
}
|
|
5243
5269
|
);
|
|
5244
5270
|
if (props.node.width) {
|
|
5245
|
-
return /* @__PURE__ */ (0,
|
|
5271
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
|
|
5246
5272
|
}
|
|
5247
5273
|
return renderMedia();
|
|
5248
5274
|
};
|
|
@@ -5252,7 +5278,7 @@ var ImageNode_default = ImageNode;
|
|
|
5252
5278
|
init_StyleTypes();
|
|
5253
5279
|
init_Hyperlink();
|
|
5254
5280
|
var import_dynamic6 = __toESM(require("next/dynamic"));
|
|
5255
|
-
var
|
|
5281
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
5256
5282
|
var LinkNodeButton2 = (0, import_dynamic6.default)(() => Promise.resolve().then(() => (init_LinkNodeButton(), LinkNodeButton_exports)), {
|
|
5257
5283
|
ssr: false
|
|
5258
5284
|
});
|
|
@@ -5305,13 +5331,13 @@ var LinkNode = (props) => {
|
|
|
5305
5331
|
const isButton = node.isButton === true;
|
|
5306
5332
|
const renderChildren = () => {
|
|
5307
5333
|
if (!node.children || node.children.length === 0) return null;
|
|
5308
|
-
return /* @__PURE__ */ (0,
|
|
5334
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: node.children.map((childNode, index) => {
|
|
5309
5335
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
5310
5336
|
if (!SelectedNode) {
|
|
5311
5337
|
console.warn("Unknown node type:", childNode.type);
|
|
5312
5338
|
return null;
|
|
5313
5339
|
}
|
|
5314
|
-
return /* @__PURE__ */ (0,
|
|
5340
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react42.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
5315
5341
|
SelectedNode,
|
|
5316
5342
|
{
|
|
5317
5343
|
node: childNode,
|
|
@@ -5324,15 +5350,15 @@ var LinkNode = (props) => {
|
|
|
5324
5350
|
};
|
|
5325
5351
|
const renderFallback = () => {
|
|
5326
5352
|
if ((!node.children || node.children.length === 0) && linkText) {
|
|
5327
|
-
return /* @__PURE__ */ (0,
|
|
5353
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { children: linkText });
|
|
5328
5354
|
}
|
|
5329
5355
|
if ((!node.children || node.children.length === 0) && !linkText) {
|
|
5330
|
-
return /* @__PURE__ */ (0,
|
|
5356
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("br", {});
|
|
5331
5357
|
}
|
|
5332
5358
|
return null;
|
|
5333
5359
|
};
|
|
5334
5360
|
if (isButton) {
|
|
5335
|
-
return /* @__PURE__ */ (0,
|
|
5361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
5336
5362
|
LinkNodeButton2,
|
|
5337
5363
|
{
|
|
5338
5364
|
node,
|
|
@@ -5350,7 +5376,7 @@ var LinkNode = (props) => {
|
|
|
5350
5376
|
}
|
|
5351
5377
|
);
|
|
5352
5378
|
}
|
|
5353
|
-
return /* @__PURE__ */ (0,
|
|
5379
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
|
|
5354
5380
|
Hyperlink,
|
|
5355
5381
|
{
|
|
5356
5382
|
href: linkUrl || "#",
|
|
@@ -5366,10 +5392,10 @@ var LinkNode = (props) => {
|
|
|
5366
5392
|
var LinkNode_default = LinkNode;
|
|
5367
5393
|
|
|
5368
5394
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
5369
|
-
var
|
|
5395
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
5370
5396
|
var SVGIconNode = ({ node }) => {
|
|
5371
5397
|
if (!node?.svgCode) return null;
|
|
5372
|
-
return /* @__PURE__ */ (0,
|
|
5398
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
5373
5399
|
"span",
|
|
5374
5400
|
{
|
|
5375
5401
|
style: {
|
|
@@ -5386,7 +5412,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
5386
5412
|
|
|
5387
5413
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
5388
5414
|
var import_katex = __toESM(require("katex"));
|
|
5389
|
-
var
|
|
5415
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
5390
5416
|
var EquationNode = ({ node }) => {
|
|
5391
5417
|
const { equation, inline } = node;
|
|
5392
5418
|
let html = "";
|
|
@@ -5401,7 +5427,7 @@ var EquationNode = ({ node }) => {
|
|
|
5401
5427
|
});
|
|
5402
5428
|
}
|
|
5403
5429
|
if (inline) {
|
|
5404
|
-
return /* @__PURE__ */ (0,
|
|
5430
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
5405
5431
|
"span",
|
|
5406
5432
|
{
|
|
5407
5433
|
className: "katex-inline",
|
|
@@ -5409,7 +5435,7 @@ var EquationNode = ({ node }) => {
|
|
|
5409
5435
|
}
|
|
5410
5436
|
);
|
|
5411
5437
|
}
|
|
5412
|
-
return /* @__PURE__ */ (0,
|
|
5438
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
5413
5439
|
"div",
|
|
5414
5440
|
{
|
|
5415
5441
|
className: "katex-block my-3 text-center",
|
|
@@ -5420,7 +5446,7 @@ var EquationNode = ({ node }) => {
|
|
|
5420
5446
|
var EquationNode_default = EquationNode;
|
|
5421
5447
|
|
|
5422
5448
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
5423
|
-
var
|
|
5449
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
5424
5450
|
function getNestedProperty(obj, path) {
|
|
5425
5451
|
if (!obj || !path) return null;
|
|
5426
5452
|
if (path.includes(".")) {
|
|
@@ -5433,7 +5459,7 @@ function getNestedProperty(obj, path) {
|
|
|
5433
5459
|
}
|
|
5434
5460
|
const value = obj[path];
|
|
5435
5461
|
if (Array.isArray(value)) {
|
|
5436
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
5462
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: String(item) }, index));
|
|
5437
5463
|
}
|
|
5438
5464
|
return value;
|
|
5439
5465
|
}
|
|
@@ -5494,7 +5520,7 @@ var DatafieldNode = (props) => {
|
|
|
5494
5520
|
const dataType = props.node.dataType;
|
|
5495
5521
|
if (isEmptyValue) return null;
|
|
5496
5522
|
if (dataType === "rawContent") {
|
|
5497
|
-
return /* @__PURE__ */ (0,
|
|
5523
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
5498
5524
|
PageBodyRenderer_default,
|
|
5499
5525
|
{
|
|
5500
5526
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -5510,12 +5536,12 @@ var DatafieldNode = (props) => {
|
|
|
5510
5536
|
}
|
|
5511
5537
|
);
|
|
5512
5538
|
}
|
|
5513
|
-
return /* @__PURE__ */ (0,
|
|
5539
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
5514
5540
|
"span",
|
|
5515
5541
|
{
|
|
5516
5542
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
5517
5543
|
style: styles,
|
|
5518
|
-
children: /* @__PURE__ */ (0,
|
|
5544
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
5519
5545
|
ViewControl_default,
|
|
5520
5546
|
{
|
|
5521
5547
|
controlType: dataType,
|
|
@@ -5528,7 +5554,7 @@ var DatafieldNode = (props) => {
|
|
|
5528
5554
|
var DatafieldNode_default = DatafieldNode;
|
|
5529
5555
|
|
|
5530
5556
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
5531
|
-
var
|
|
5557
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
5532
5558
|
var ParagraphNode = (props) => {
|
|
5533
5559
|
const NodeTypes2 = {
|
|
5534
5560
|
["text"]: TextNode_default,
|
|
@@ -5548,9 +5574,9 @@ var ParagraphNode = (props) => {
|
|
|
5548
5574
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
5549
5575
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
5550
5576
|
if (isInlineOnlyParent) {
|
|
5551
|
-
return /* @__PURE__ */ (0,
|
|
5577
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
5552
5578
|
const SelectedNode = NodeTypes2[node.type];
|
|
5553
|
-
return /* @__PURE__ */ (0,
|
|
5579
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5554
5580
|
SelectedNode,
|
|
5555
5581
|
{
|
|
5556
5582
|
node,
|
|
@@ -5562,10 +5588,10 @@ var ParagraphNode = (props) => {
|
|
|
5562
5588
|
) }, index);
|
|
5563
5589
|
}) });
|
|
5564
5590
|
}
|
|
5565
|
-
return /* @__PURE__ */ (0,
|
|
5591
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: " " + formatClasses, children: [
|
|
5566
5592
|
hasChildren && props.node.children.map((node, index) => {
|
|
5567
5593
|
const SelectedNode = NodeTypes2[node.type];
|
|
5568
|
-
return /* @__PURE__ */ (0,
|
|
5594
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
5569
5595
|
SelectedNode,
|
|
5570
5596
|
{
|
|
5571
5597
|
node,
|
|
@@ -5576,14 +5602,14 @@ var ParagraphNode = (props) => {
|
|
|
5576
5602
|
}
|
|
5577
5603
|
) }, index);
|
|
5578
5604
|
}),
|
|
5579
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
5605
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
5580
5606
|
] });
|
|
5581
5607
|
};
|
|
5582
5608
|
var ParagraphNode_default = ParagraphNode;
|
|
5583
5609
|
|
|
5584
5610
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
5585
5611
|
var import_react44 = __toESM(require("react"));
|
|
5586
|
-
var
|
|
5612
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
5587
5613
|
var HeadingNode = (props) => {
|
|
5588
5614
|
const NodeTypes2 = {
|
|
5589
5615
|
["text"]: TextNode_default,
|
|
@@ -5599,12 +5625,12 @@ var HeadingNode = (props) => {
|
|
|
5599
5625
|
{
|
|
5600
5626
|
}
|
|
5601
5627
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
5602
|
-
return /* @__PURE__ */ (0,
|
|
5628
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_jsx_runtime60.Fragment, { children: import_react44.default.createElement(
|
|
5603
5629
|
HeadingTag,
|
|
5604
5630
|
{ className: formatClasses },
|
|
5605
5631
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
5606
5632
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
5607
|
-
return /* @__PURE__ */ (0,
|
|
5633
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react44.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
5608
5634
|
})
|
|
5609
5635
|
) });
|
|
5610
5636
|
};
|
|
@@ -5615,7 +5641,7 @@ var import_react46 = __toESM(require("react"));
|
|
|
5615
5641
|
|
|
5616
5642
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
5617
5643
|
var import_react45 = __toESM(require("react"));
|
|
5618
|
-
var
|
|
5644
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
5619
5645
|
var ListItemNode = (props) => {
|
|
5620
5646
|
const NodeTypes2 = {
|
|
5621
5647
|
text: TextNode_default,
|
|
@@ -5632,37 +5658,37 @@ var ListItemNode = (props) => {
|
|
|
5632
5658
|
liStyle.fontSize = match[1].trim();
|
|
5633
5659
|
}
|
|
5634
5660
|
}
|
|
5635
|
-
return /* @__PURE__ */ (0,
|
|
5661
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
5636
5662
|
const SelectedNode = NodeTypes2[node.type];
|
|
5637
5663
|
if (node.type === "linebreak") {
|
|
5638
5664
|
if (!foundFirstBreak) {
|
|
5639
5665
|
foundFirstBreak = true;
|
|
5640
|
-
return /* @__PURE__ */ (0,
|
|
5666
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {}, index);
|
|
5641
5667
|
} else {
|
|
5642
|
-
return /* @__PURE__ */ (0,
|
|
5668
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
5643
5669
|
}
|
|
5644
5670
|
} else {
|
|
5645
5671
|
foundFirstBreak = false;
|
|
5646
|
-
return /* @__PURE__ */ (0,
|
|
5672
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react45.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
5647
5673
|
}
|
|
5648
5674
|
}) });
|
|
5649
5675
|
};
|
|
5650
5676
|
var ListItemNode_default = ListItemNode;
|
|
5651
5677
|
|
|
5652
5678
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
5653
|
-
var
|
|
5679
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
5654
5680
|
var ListNode = (props) => {
|
|
5655
5681
|
const NodeTypes2 = {
|
|
5656
5682
|
listitem: ListItemNode_default
|
|
5657
5683
|
};
|
|
5658
|
-
return /* @__PURE__ */ (0,
|
|
5659
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
5684
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_react46.default.Fragment, { children: [
|
|
5685
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
5660
5686
|
const SelectedNode = NodeTypes2[node.type];
|
|
5661
|
-
return /* @__PURE__ */ (0,
|
|
5687
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react46.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
5662
5688
|
}) }),
|
|
5663
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
5689
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
5664
5690
|
const SelectedNode = NodeTypes2[node.type];
|
|
5665
|
-
return /* @__PURE__ */ (0,
|
|
5691
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_react46.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
5666
5692
|
}) })
|
|
5667
5693
|
] });
|
|
5668
5694
|
};
|
|
@@ -5670,16 +5696,16 @@ var ListNode_default = ListNode;
|
|
|
5670
5696
|
|
|
5671
5697
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
5672
5698
|
var import_react47 = __toESM(require("react"));
|
|
5673
|
-
var
|
|
5699
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
5674
5700
|
var QuoteNode = (props) => {
|
|
5675
5701
|
const NodeTypes2 = {
|
|
5676
5702
|
["text"]: TextNode_default,
|
|
5677
5703
|
["linebreak"]: LineBreakNode_default,
|
|
5678
5704
|
["link"]: LinkNode_default
|
|
5679
5705
|
};
|
|
5680
|
-
return /* @__PURE__ */ (0,
|
|
5706
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
5681
5707
|
const SelectedNode = NodeTypes2[node.type];
|
|
5682
|
-
return /* @__PURE__ */ (0,
|
|
5708
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
5683
5709
|
}) });
|
|
5684
5710
|
};
|
|
5685
5711
|
var QuoteNode_default = QuoteNode;
|
|
@@ -5687,11 +5713,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
5687
5713
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
5688
5714
|
var import_react49 = __toESM(require("react"));
|
|
5689
5715
|
var import_dynamic7 = __toESM(require("next/dynamic"));
|
|
5690
|
-
var
|
|
5716
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
5691
5717
|
var CopyButton2 = (0, import_dynamic7.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
5692
5718
|
ssr: false,
|
|
5693
5719
|
// optional: fallback UI while loading
|
|
5694
|
-
loading: () => /* @__PURE__ */ (0,
|
|
5720
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
5695
5721
|
});
|
|
5696
5722
|
var CodeNode = (props) => {
|
|
5697
5723
|
const NodeTypes2 = {
|
|
@@ -5705,14 +5731,14 @@ var CodeNode = (props) => {
|
|
|
5705
5731
|
if (node.type === "link") return node.text || node.url || "";
|
|
5706
5732
|
return "";
|
|
5707
5733
|
}).join("") ?? "";
|
|
5708
|
-
return /* @__PURE__ */ (0,
|
|
5709
|
-
/* @__PURE__ */ (0,
|
|
5710
|
-
/* @__PURE__ */ (0,
|
|
5711
|
-
/* @__PURE__ */ (0,
|
|
5734
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
|
|
5735
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
5736
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: "Code Snippet" }),
|
|
5737
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)(CopyButton2, { text: textContent })
|
|
5712
5738
|
] }),
|
|
5713
|
-
/* @__PURE__ */ (0,
|
|
5739
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.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) => {
|
|
5714
5740
|
const SelectedNode = NodeTypes2[node.type];
|
|
5715
|
-
return /* @__PURE__ */ (0,
|
|
5741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
5716
5742
|
SelectedNode,
|
|
5717
5743
|
{
|
|
5718
5744
|
node,
|
|
@@ -5727,15 +5753,15 @@ var CodeNode = (props) => {
|
|
|
5727
5753
|
var CodeNode_default = CodeNode;
|
|
5728
5754
|
|
|
5729
5755
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
5730
|
-
var
|
|
5756
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
5731
5757
|
var HorizontalRuleNode = () => {
|
|
5732
|
-
return /* @__PURE__ */ (0,
|
|
5758
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("hr", {});
|
|
5733
5759
|
};
|
|
5734
5760
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
5735
5761
|
|
|
5736
5762
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
5737
5763
|
var import_react50 = __toESM(require("react"));
|
|
5738
|
-
var
|
|
5764
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
5739
5765
|
var WidgetNode = (props) => {
|
|
5740
5766
|
const getWidgetParameters = () => {
|
|
5741
5767
|
const widgetInputParameters = {
|
|
@@ -5799,7 +5825,7 @@ var WidgetNode = (props) => {
|
|
|
5799
5825
|
};
|
|
5800
5826
|
const widgetCode = props.node?.widgetCode;
|
|
5801
5827
|
if (!widgetCode) {
|
|
5802
|
-
return /* @__PURE__ */ (0,
|
|
5828
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_jsx_runtime67.Fragment, { children: "Invalid widget" });
|
|
5803
5829
|
}
|
|
5804
5830
|
const widgetParams = getWidgetParameters();
|
|
5805
5831
|
const WidgetRenderer = props.widgetRenderer;
|
|
@@ -5808,7 +5834,7 @@ var WidgetNode = (props) => {
|
|
|
5808
5834
|
}
|
|
5809
5835
|
return (
|
|
5810
5836
|
// eslint-disable-next-line react-hooks/static-components
|
|
5811
|
-
/* @__PURE__ */ (0,
|
|
5837
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5812
5838
|
WidgetRenderer,
|
|
5813
5839
|
{
|
|
5814
5840
|
params: widgetParams,
|
|
@@ -5830,7 +5856,7 @@ var import_react55 = __toESM(require("react"));
|
|
|
5830
5856
|
|
|
5831
5857
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
5832
5858
|
var import_dynamic8 = __toESM(require("next/dynamic"));
|
|
5833
|
-
var
|
|
5859
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
5834
5860
|
var IframeClient2 = (0, import_dynamic8.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
5835
5861
|
ssr: false
|
|
5836
5862
|
});
|
|
@@ -5843,7 +5869,7 @@ var EmbedNode = (props) => {
|
|
|
5843
5869
|
} else {
|
|
5844
5870
|
src = props.node.embedSrc;
|
|
5845
5871
|
}
|
|
5846
|
-
return /* @__PURE__ */ (0,
|
|
5872
|
+
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(IframeClient2, { src }) });
|
|
5847
5873
|
};
|
|
5848
5874
|
var EmbedNode_default = EmbedNode;
|
|
5849
5875
|
|
|
@@ -6043,10 +6069,10 @@ var PathUtility = class {
|
|
|
6043
6069
|
var PathUtility_default = new PathUtility();
|
|
6044
6070
|
|
|
6045
6071
|
// src/components/NoDataFound.tsx
|
|
6046
|
-
var
|
|
6072
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
6047
6073
|
var NoDataFound = () => {
|
|
6048
|
-
return /* @__PURE__ */ (0,
|
|
6049
|
-
/* @__PURE__ */ (0,
|
|
6074
|
+
return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
6075
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
6050
6076
|
"svg",
|
|
6051
6077
|
{
|
|
6052
6078
|
className: "w-10 h-10",
|
|
@@ -6054,7 +6080,7 @@ var NoDataFound = () => {
|
|
|
6054
6080
|
stroke: "currentColor",
|
|
6055
6081
|
viewBox: "0 0 24 24",
|
|
6056
6082
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6057
|
-
children: /* @__PURE__ */ (0,
|
|
6083
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
|
|
6058
6084
|
"path",
|
|
6059
6085
|
{
|
|
6060
6086
|
strokeLinecap: "round",
|
|
@@ -6065,8 +6091,8 @@ var NoDataFound = () => {
|
|
|
6065
6091
|
)
|
|
6066
6092
|
}
|
|
6067
6093
|
) }) }),
|
|
6068
|
-
/* @__PURE__ */ (0,
|
|
6069
|
-
/* @__PURE__ */ (0,
|
|
6094
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
6095
|
+
/* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
6070
6096
|
] });
|
|
6071
6097
|
};
|
|
6072
6098
|
var NoDataFound_default = NoDataFound;
|
|
@@ -6074,7 +6100,7 @@ var NoDataFound_default = NoDataFound;
|
|
|
6074
6100
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
6075
6101
|
init_AssetUtility();
|
|
6076
6102
|
var import_dynamic9 = __toESM(require("next/dynamic"));
|
|
6077
|
-
var
|
|
6103
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
6078
6104
|
var HlsPlayer4 = (0, import_dynamic9.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
|
|
6079
6105
|
var deviceToMediaQuery = (device) => {
|
|
6080
6106
|
switch (device) {
|
|
@@ -6203,8 +6229,8 @@ var ImageGalleryNode = (props) => {
|
|
|
6203
6229
|
right: "justify-end"
|
|
6204
6230
|
};
|
|
6205
6231
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
6206
|
-
return /* @__PURE__ */ (0,
|
|
6207
|
-
hlsSources.length > 0 && /* @__PURE__ */ (0,
|
|
6232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
|
|
6233
|
+
hlsSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6208
6234
|
HlsPlayer4,
|
|
6209
6235
|
{
|
|
6210
6236
|
sources: hlsSources,
|
|
@@ -6219,7 +6245,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6219
6245
|
styles: hlsStyles
|
|
6220
6246
|
}
|
|
6221
6247
|
) }),
|
|
6222
|
-
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0,
|
|
6248
|
+
(staticFallback || staticSources.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: staticFallback ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("picture", { children: [
|
|
6223
6249
|
DEVICE_ORDER.map((deviceKey) => {
|
|
6224
6250
|
const match = staticSources.find(
|
|
6225
6251
|
(img) => img.device === deviceKey
|
|
@@ -6231,7 +6257,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6231
6257
|
if (!srcUrl) {
|
|
6232
6258
|
return null;
|
|
6233
6259
|
}
|
|
6234
|
-
return /* @__PURE__ */ (0,
|
|
6260
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6235
6261
|
"source",
|
|
6236
6262
|
{
|
|
6237
6263
|
media: deviceToMediaQuery(match.device),
|
|
@@ -6255,7 +6281,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6255
6281
|
if (img.borderRadius) {
|
|
6256
6282
|
styles.borderRadius = img.borderRadius;
|
|
6257
6283
|
}
|
|
6258
|
-
return /* @__PURE__ */ (0,
|
|
6284
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6259
6285
|
"img",
|
|
6260
6286
|
{
|
|
6261
6287
|
loading: "lazy",
|
|
@@ -6270,7 +6296,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6270
6296
|
})()
|
|
6271
6297
|
] }) : (
|
|
6272
6298
|
/* Case 2: Only device-specific images exist */
|
|
6273
|
-
/* @__PURE__ */ (0,
|
|
6299
|
+
/* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: staticSources.map((img, index) => {
|
|
6274
6300
|
const imageUrl = resolveImageUrl(img);
|
|
6275
6301
|
if (!imageUrl) {
|
|
6276
6302
|
return null;
|
|
@@ -6296,7 +6322,7 @@ var ImageGalleryNode = (props) => {
|
|
|
6296
6322
|
default:
|
|
6297
6323
|
display = "block";
|
|
6298
6324
|
}
|
|
6299
|
-
return /* @__PURE__ */ (0,
|
|
6325
|
+
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
|
|
6300
6326
|
"img",
|
|
6301
6327
|
{
|
|
6302
6328
|
loading: "lazy",
|
|
@@ -6437,28 +6463,28 @@ var shouldRenderContainer = (node, dataItem, session) => {
|
|
|
6437
6463
|
|
|
6438
6464
|
// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
|
|
6439
6465
|
init_AssetUtility();
|
|
6440
|
-
var
|
|
6466
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
6441
6467
|
var getNestedValue5 = (obj, path) => {
|
|
6442
6468
|
if (!obj || !path) return void 0;
|
|
6443
6469
|
return path.split(".").reduce((current, key) => {
|
|
6444
6470
|
return current && current[key] !== void 0 ? current[key] : void 0;
|
|
6445
6471
|
}, obj);
|
|
6446
6472
|
};
|
|
6447
|
-
var PdfIcon = () => /* @__PURE__ */ (0,
|
|
6473
|
+
var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6448
6474
|
"svg",
|
|
6449
6475
|
{
|
|
6450
6476
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6451
6477
|
viewBox: "0 0 48 48",
|
|
6452
6478
|
className: "w-10 h-10",
|
|
6453
6479
|
children: [
|
|
6454
|
-
/* @__PURE__ */ (0,
|
|
6480
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6455
6481
|
"path",
|
|
6456
6482
|
{
|
|
6457
6483
|
fill: "#e53935",
|
|
6458
6484
|
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"
|
|
6459
6485
|
}
|
|
6460
6486
|
),
|
|
6461
|
-
/* @__PURE__ */ (0,
|
|
6487
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6462
6488
|
"path",
|
|
6463
6489
|
{
|
|
6464
6490
|
fill: "#fff",
|
|
@@ -6468,55 +6494,55 @@ var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6468
6494
|
]
|
|
6469
6495
|
}
|
|
6470
6496
|
);
|
|
6471
|
-
var ExcelIcon = () => /* @__PURE__ */ (0,
|
|
6497
|
+
var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6472
6498
|
"svg",
|
|
6473
6499
|
{
|
|
6474
6500
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6475
6501
|
viewBox: "0 0 48 48",
|
|
6476
6502
|
className: "w-10 h-10",
|
|
6477
6503
|
children: [
|
|
6478
|
-
/* @__PURE__ */ (0,
|
|
6504
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6479
6505
|
"path",
|
|
6480
6506
|
{
|
|
6481
6507
|
fill: "#169154",
|
|
6482
6508
|
d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
|
|
6483
6509
|
}
|
|
6484
6510
|
),
|
|
6485
|
-
/* @__PURE__ */ (0,
|
|
6511
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6486
6512
|
"path",
|
|
6487
6513
|
{
|
|
6488
6514
|
fill: "#18482a",
|
|
6489
6515
|
d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
|
|
6490
6516
|
}
|
|
6491
6517
|
),
|
|
6492
|
-
/* @__PURE__ */ (0,
|
|
6493
|
-
/* @__PURE__ */ (0,
|
|
6494
|
-
/* @__PURE__ */ (0,
|
|
6495
|
-
/* @__PURE__ */ (0,
|
|
6518
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
|
|
6519
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
|
|
6520
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("g", { children: [
|
|
6521
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6496
6522
|
"path",
|
|
6497
6523
|
{
|
|
6498
6524
|
fill: "#29c27f",
|
|
6499
6525
|
d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
|
|
6500
6526
|
}
|
|
6501
6527
|
),
|
|
6502
|
-
/* @__PURE__ */ (0,
|
|
6528
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6503
6529
|
"path",
|
|
6504
6530
|
{
|
|
6505
6531
|
fill: "#27663f",
|
|
6506
6532
|
d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
|
|
6507
6533
|
}
|
|
6508
6534
|
),
|
|
6509
|
-
/* @__PURE__ */ (0,
|
|
6510
|
-
/* @__PURE__ */ (0,
|
|
6535
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
|
|
6536
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
|
|
6511
6537
|
] }),
|
|
6512
|
-
/* @__PURE__ */ (0,
|
|
6538
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6513
6539
|
"path",
|
|
6514
6540
|
{
|
|
6515
6541
|
fill: "#0c7238",
|
|
6516
6542
|
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"
|
|
6517
6543
|
}
|
|
6518
6544
|
),
|
|
6519
|
-
/* @__PURE__ */ (0,
|
|
6545
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6520
6546
|
"path",
|
|
6521
6547
|
{
|
|
6522
6548
|
fill: "#fff",
|
|
@@ -6526,7 +6552,7 @@ var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6526
6552
|
]
|
|
6527
6553
|
}
|
|
6528
6554
|
);
|
|
6529
|
-
var WordIcon = () => /* @__PURE__ */ (0,
|
|
6555
|
+
var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6530
6556
|
"svg",
|
|
6531
6557
|
{
|
|
6532
6558
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6534,14 +6560,14 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6534
6560
|
className: "w-10 h-10",
|
|
6535
6561
|
baseProfile: "basic",
|
|
6536
6562
|
children: [
|
|
6537
|
-
/* @__PURE__ */ (0,
|
|
6563
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6538
6564
|
"path",
|
|
6539
6565
|
{
|
|
6540
6566
|
fill: "#283593",
|
|
6541
6567
|
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"
|
|
6542
6568
|
}
|
|
6543
6569
|
),
|
|
6544
|
-
/* @__PURE__ */ (0,
|
|
6570
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6545
6571
|
"linearGradient",
|
|
6546
6572
|
{
|
|
6547
6573
|
id: "qh2LT5tehRDFkLLfb-odWa",
|
|
@@ -6552,19 +6578,19 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6552
6578
|
gradientTransform: "translate(0 -339.89)",
|
|
6553
6579
|
gradientUnits: "userSpaceOnUse",
|
|
6554
6580
|
children: [
|
|
6555
|
-
/* @__PURE__ */ (0,
|
|
6556
|
-
/* @__PURE__ */ (0,
|
|
6581
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("stop", { offset: "0", "stop-color": "#66c0ff" }),
|
|
6582
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("stop", { offset: ".26", "stop-color": "#0094f0" })
|
|
6557
6583
|
]
|
|
6558
6584
|
}
|
|
6559
6585
|
),
|
|
6560
|
-
/* @__PURE__ */ (0,
|
|
6586
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6561
6587
|
"path",
|
|
6562
6588
|
{
|
|
6563
6589
|
fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
|
|
6564
6590
|
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"
|
|
6565
6591
|
}
|
|
6566
6592
|
),
|
|
6567
|
-
/* @__PURE__ */ (0,
|
|
6593
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6568
6594
|
"path",
|
|
6569
6595
|
{
|
|
6570
6596
|
fill: "#1e88e5",
|
|
@@ -6572,21 +6598,21 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6572
6598
|
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"
|
|
6573
6599
|
}
|
|
6574
6600
|
),
|
|
6575
|
-
/* @__PURE__ */ (0,
|
|
6601
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6576
6602
|
"path",
|
|
6577
6603
|
{
|
|
6578
6604
|
fill: "#00e5ff",
|
|
6579
6605
|
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"
|
|
6580
6606
|
}
|
|
6581
6607
|
),
|
|
6582
|
-
/* @__PURE__ */ (0,
|
|
6608
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6583
6609
|
"path",
|
|
6584
6610
|
{
|
|
6585
6611
|
fill: "#1565c0",
|
|
6586
6612
|
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"
|
|
6587
6613
|
}
|
|
6588
6614
|
),
|
|
6589
|
-
/* @__PURE__ */ (0,
|
|
6615
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6590
6616
|
"path",
|
|
6591
6617
|
{
|
|
6592
6618
|
fill: "#fff",
|
|
@@ -6596,42 +6622,42 @@ var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6596
6622
|
]
|
|
6597
6623
|
}
|
|
6598
6624
|
);
|
|
6599
|
-
var StandardIcon = () => /* @__PURE__ */ (0,
|
|
6625
|
+
var StandardIcon = () => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6600
6626
|
"svg",
|
|
6601
6627
|
{
|
|
6602
6628
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6603
6629
|
viewBox: "0 0 48 48",
|
|
6604
6630
|
className: "w-10 h-10",
|
|
6605
6631
|
children: [
|
|
6606
|
-
/* @__PURE__ */ (0,
|
|
6607
|
-
/* @__PURE__ */ (0,
|
|
6632
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
6633
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
|
|
6608
6634
|
]
|
|
6609
6635
|
}
|
|
6610
6636
|
);
|
|
6611
|
-
var PowerPointIcon = () => /* @__PURE__ */ (0,
|
|
6637
|
+
var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6612
6638
|
"svg",
|
|
6613
6639
|
{
|
|
6614
6640
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6615
6641
|
viewBox: "0 0 48 48",
|
|
6616
6642
|
className: "w-10 h-10",
|
|
6617
6643
|
children: [
|
|
6618
|
-
/* @__PURE__ */ (0,
|
|
6644
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6619
6645
|
"path",
|
|
6620
6646
|
{
|
|
6621
6647
|
fill: "#dc4c2c",
|
|
6622
6648
|
d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
|
|
6623
6649
|
}
|
|
6624
6650
|
),
|
|
6625
|
-
/* @__PURE__ */ (0,
|
|
6626
|
-
/* @__PURE__ */ (0,
|
|
6627
|
-
/* @__PURE__ */ (0,
|
|
6651
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
|
|
6652
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
|
|
6653
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6628
6654
|
"path",
|
|
6629
6655
|
{
|
|
6630
6656
|
fill: "#9b341f",
|
|
6631
6657
|
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"
|
|
6632
6658
|
}
|
|
6633
6659
|
),
|
|
6634
|
-
/* @__PURE__ */ (0,
|
|
6660
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6635
6661
|
"path",
|
|
6636
6662
|
{
|
|
6637
6663
|
fill: "#fff",
|
|
@@ -6641,16 +6667,16 @@ var PowerPointIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6641
6667
|
]
|
|
6642
6668
|
}
|
|
6643
6669
|
);
|
|
6644
|
-
var TextIcon = () => /* @__PURE__ */ (0,
|
|
6670
|
+
var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6645
6671
|
"svg",
|
|
6646
6672
|
{
|
|
6647
6673
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6648
6674
|
viewBox: "0 0 48 48",
|
|
6649
6675
|
className: "w-10 h-10",
|
|
6650
6676
|
children: [
|
|
6651
|
-
/* @__PURE__ */ (0,
|
|
6652
|
-
/* @__PURE__ */ (0,
|
|
6653
|
-
/* @__PURE__ */ (0,
|
|
6677
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
|
|
6678
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
|
|
6679
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6654
6680
|
"path",
|
|
6655
6681
|
{
|
|
6656
6682
|
fill: "#1976D2",
|
|
@@ -6660,7 +6686,7 @@ var TextIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6660
6686
|
]
|
|
6661
6687
|
}
|
|
6662
6688
|
);
|
|
6663
|
-
var ArchiveIcon = () => /* @__PURE__ */ (0,
|
|
6689
|
+
var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6664
6690
|
"svg",
|
|
6665
6691
|
{
|
|
6666
6692
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -6670,14 +6696,14 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6670
6696
|
version: "1.0",
|
|
6671
6697
|
className: "w-10 h-10",
|
|
6672
6698
|
children: [
|
|
6673
|
-
/* @__PURE__ */ (0,
|
|
6699
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6674
6700
|
"path",
|
|
6675
6701
|
{
|
|
6676
6702
|
d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
|
|
6677
6703
|
"clip-rule": "nonzero"
|
|
6678
6704
|
}
|
|
6679
6705
|
) }) }),
|
|
6680
|
-
/* @__PURE__ */ (0,
|
|
6706
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6681
6707
|
"path",
|
|
6682
6708
|
{
|
|
6683
6709
|
fill: "#ff9100",
|
|
@@ -6686,7 +6712,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6686
6712
|
"fill-rule": "nonzero"
|
|
6687
6713
|
}
|
|
6688
6714
|
) }),
|
|
6689
|
-
/* @__PURE__ */ (0,
|
|
6715
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6690
6716
|
"path",
|
|
6691
6717
|
{
|
|
6692
6718
|
fill: "#fbe9e7",
|
|
@@ -6695,7 +6721,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6695
6721
|
"fill-rule": "nonzero"
|
|
6696
6722
|
}
|
|
6697
6723
|
),
|
|
6698
|
-
/* @__PURE__ */ (0,
|
|
6724
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6699
6725
|
"path",
|
|
6700
6726
|
{
|
|
6701
6727
|
fill: "#ffe0b2",
|
|
@@ -6704,7 +6730,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6704
6730
|
"fill-rule": "nonzero"
|
|
6705
6731
|
}
|
|
6706
6732
|
),
|
|
6707
|
-
/* @__PURE__ */ (0,
|
|
6733
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6708
6734
|
"path",
|
|
6709
6735
|
{
|
|
6710
6736
|
fill: "#ffe0b2",
|
|
@@ -6713,7 +6739,7 @@ var ArchiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
|
|
|
6713
6739
|
"fill-rule": "nonzero"
|
|
6714
6740
|
}
|
|
6715
6741
|
),
|
|
6716
|
-
/* @__PURE__ */ (0,
|
|
6742
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6717
6743
|
"path",
|
|
6718
6744
|
{
|
|
6719
6745
|
fill: "#ffe0b2",
|
|
@@ -6789,8 +6815,8 @@ var DocumentNode = (props) => {
|
|
|
6789
6815
|
}
|
|
6790
6816
|
}
|
|
6791
6817
|
if (documents.length === 0) {
|
|
6792
|
-
return /* @__PURE__ */ (0,
|
|
6793
|
-
/* @__PURE__ */ (0,
|
|
6818
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_jsx_runtime73.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
|
|
6819
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6794
6820
|
"svg",
|
|
6795
6821
|
{
|
|
6796
6822
|
className: "w-5 h-5",
|
|
@@ -6798,7 +6824,7 @@ var DocumentNode = (props) => {
|
|
|
6798
6824
|
stroke: "currentColor",
|
|
6799
6825
|
viewBox: "0 0 24 24",
|
|
6800
6826
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6801
|
-
children: /* @__PURE__ */ (0,
|
|
6827
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6802
6828
|
"path",
|
|
6803
6829
|
{
|
|
6804
6830
|
strokeLinecap: "round",
|
|
@@ -6809,11 +6835,11 @@ var DocumentNode = (props) => {
|
|
|
6809
6835
|
)
|
|
6810
6836
|
}
|
|
6811
6837
|
) }),
|
|
6812
|
-
/* @__PURE__ */ (0,
|
|
6813
|
-
/* @__PURE__ */ (0,
|
|
6838
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
|
|
6839
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
|
|
6814
6840
|
] }) });
|
|
6815
6841
|
}
|
|
6816
|
-
return /* @__PURE__ */ (0,
|
|
6842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "", children: documents.map((doc, index) => {
|
|
6817
6843
|
const documentUrl = AssetUtility_default.resolveUrl(
|
|
6818
6844
|
props.assetBaseUrl,
|
|
6819
6845
|
doc.assetUrl
|
|
@@ -6831,16 +6857,16 @@ var DocumentNode = (props) => {
|
|
|
6831
6857
|
}
|
|
6832
6858
|
}
|
|
6833
6859
|
const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
|
|
6834
|
-
return /* @__PURE__ */ (0,
|
|
6860
|
+
return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6835
6861
|
"div",
|
|
6836
6862
|
{
|
|
6837
6863
|
className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
|
|
6838
6864
|
children: [
|
|
6839
|
-
/* @__PURE__ */ (0,
|
|
6840
|
-
/* @__PURE__ */ (0,
|
|
6841
|
-
/* @__PURE__ */ (0,
|
|
6865
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center space-x-4", children: [
|
|
6866
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Icon2, {}) }),
|
|
6867
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }) })
|
|
6842
6868
|
] }),
|
|
6843
|
-
/* @__PURE__ */ (0,
|
|
6869
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6844
6870
|
"a",
|
|
6845
6871
|
{
|
|
6846
6872
|
href: documentUrl,
|
|
@@ -6848,7 +6874,7 @@ var DocumentNode = (props) => {
|
|
|
6848
6874
|
rel: "noopener noreferrer",
|
|
6849
6875
|
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",
|
|
6850
6876
|
children: [
|
|
6851
|
-
/* @__PURE__ */ (0,
|
|
6877
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
|
|
6852
6878
|
"svg",
|
|
6853
6879
|
{
|
|
6854
6880
|
className: "w-4 h-4 mr-2",
|
|
@@ -6856,7 +6882,7 @@ var DocumentNode = (props) => {
|
|
|
6856
6882
|
stroke: "currentColor",
|
|
6857
6883
|
viewBox: "0 0 24 24",
|
|
6858
6884
|
children: [
|
|
6859
|
-
/* @__PURE__ */ (0,
|
|
6885
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6860
6886
|
"path",
|
|
6861
6887
|
{
|
|
6862
6888
|
strokeLinecap: "round",
|
|
@@ -6865,7 +6891,7 @@ var DocumentNode = (props) => {
|
|
|
6865
6891
|
d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
|
|
6866
6892
|
}
|
|
6867
6893
|
),
|
|
6868
|
-
/* @__PURE__ */ (0,
|
|
6894
|
+
/* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
|
|
6869
6895
|
"path",
|
|
6870
6896
|
{
|
|
6871
6897
|
strokeLinecap: "round",
|
|
@@ -6890,7 +6916,7 @@ var DocumentNode = (props) => {
|
|
|
6890
6916
|
var DocumentNode_default = DocumentNode;
|
|
6891
6917
|
|
|
6892
6918
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
6893
|
-
var
|
|
6919
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
6894
6920
|
var Pagination2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
|
|
6895
6921
|
var Slider2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
|
|
6896
6922
|
ssr: false
|
|
@@ -7145,7 +7171,7 @@ var DivContainer = async (props) => {
|
|
|
7145
7171
|
response = await serviceClient.get(endpoint);
|
|
7146
7172
|
result = response?.result;
|
|
7147
7173
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
7148
|
-
return /* @__PURE__ */ (0,
|
|
7174
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(NoDataFound_default, {});
|
|
7149
7175
|
}
|
|
7150
7176
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
7151
7177
|
childCollectionData = getNestedValue6(
|
|
@@ -7165,7 +7191,7 @@ var DivContainer = async (props) => {
|
|
|
7165
7191
|
}
|
|
7166
7192
|
const SelectedNode = NodeTypes2[node.type];
|
|
7167
7193
|
if (!SelectedNode) return null;
|
|
7168
|
-
return /* @__PURE__ */ (0,
|
|
7194
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7169
7195
|
SelectedNode,
|
|
7170
7196
|
{
|
|
7171
7197
|
node,
|
|
@@ -7298,14 +7324,14 @@ var DivContainer = async (props) => {
|
|
|
7298
7324
|
noLinkColor && "no-link-color",
|
|
7299
7325
|
!!props.node.enterAnimation && "enter-animation"
|
|
7300
7326
|
].filter(Boolean).join(" ");
|
|
7301
|
-
return /* @__PURE__ */ (0,
|
|
7302
|
-
/* @__PURE__ */ (0,
|
|
7327
|
+
return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_react55.default.Fragment, { children: [
|
|
7328
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7303
7329
|
"style",
|
|
7304
7330
|
{
|
|
7305
7331
|
dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
|
|
7306
7332
|
}
|
|
7307
7333
|
),
|
|
7308
|
-
/* @__PURE__ */ (0,
|
|
7334
|
+
/* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7309
7335
|
Wrapper,
|
|
7310
7336
|
{
|
|
7311
7337
|
id: guid,
|
|
@@ -7319,11 +7345,11 @@ var DivContainer = async (props) => {
|
|
|
7319
7345
|
item,
|
|
7320
7346
|
idx,
|
|
7321
7347
|
props.href ? void 0 : item?.links?.view
|
|
7322
|
-
)?.map((child, i) => /* @__PURE__ */ (0,
|
|
7348
|
+
)?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
|
|
7323
7349
|
)
|
|
7324
7350
|
}
|
|
7325
7351
|
),
|
|
7326
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
7352
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
|
|
7327
7353
|
Pagination2,
|
|
7328
7354
|
{
|
|
7329
7355
|
path: props.path,
|
|
@@ -7336,7 +7362,7 @@ var DivContainer = async (props) => {
|
|
|
7336
7362
|
var DivContainer_default = DivContainer;
|
|
7337
7363
|
|
|
7338
7364
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
7339
|
-
var
|
|
7365
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
7340
7366
|
var NodeTypes = {
|
|
7341
7367
|
["paragraph"]: ParagraphNode_default,
|
|
7342
7368
|
["heading"]: HeadingNode_default,
|
|
@@ -7373,14 +7399,14 @@ var PageBodyRenderer = (props) => {
|
|
|
7373
7399
|
}
|
|
7374
7400
|
return true;
|
|
7375
7401
|
};
|
|
7376
|
-
return /* @__PURE__ */ (0,
|
|
7402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react56.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
7377
7403
|
{
|
|
7378
7404
|
}
|
|
7379
7405
|
const SelectedNode = NodeTypes[node.type];
|
|
7380
7406
|
if (!shouldRenderNode(node)) {
|
|
7381
7407
|
return null;
|
|
7382
7408
|
}
|
|
7383
|
-
return /* @__PURE__ */ (0,
|
|
7409
|
+
return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react56.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react56.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
7384
7410
|
SelectedNode,
|
|
7385
7411
|
{
|
|
7386
7412
|
node,
|
|
@@ -7396,7 +7422,7 @@ var PageBodyRenderer = (props) => {
|
|
|
7396
7422
|
device: props.device,
|
|
7397
7423
|
widgetRenderer: props.widgetRenderer
|
|
7398
7424
|
}
|
|
7399
|
-
) }) : /* @__PURE__ */ (0,
|
|
7425
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react56.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
|
|
7400
7426
|
SelectedNode,
|
|
7401
7427
|
{
|
|
7402
7428
|
node,
|
|
@@ -7467,7 +7493,7 @@ function EnterAnimationHydrator() {
|
|
|
7467
7493
|
// src/components/Toast.tsx
|
|
7468
7494
|
var import_react58 = require("react");
|
|
7469
7495
|
init_ToastService();
|
|
7470
|
-
var
|
|
7496
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
7471
7497
|
var Toast = () => {
|
|
7472
7498
|
const [showToast, setShowToast] = (0, import_react58.useState)(false);
|
|
7473
7499
|
const [message, setMessage] = (0, import_react58.useState)("");
|
|
@@ -7501,8 +7527,8 @@ var Toast = () => {
|
|
|
7501
7527
|
});
|
|
7502
7528
|
};
|
|
7503
7529
|
}, [closeToast, showMessage]);
|
|
7504
|
-
return /* @__PURE__ */ (0,
|
|
7505
|
-
/* @__PURE__ */ (0,
|
|
7530
|
+
return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_jsx_runtime78.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime78.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_runtime78.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
|
|
7531
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7506
7532
|
"span",
|
|
7507
7533
|
{
|
|
7508
7534
|
className: "font-medium text-inherit text-sm",
|
|
@@ -7510,7 +7536,7 @@ var Toast = () => {
|
|
|
7510
7536
|
children: message
|
|
7511
7537
|
}
|
|
7512
7538
|
),
|
|
7513
|
-
/* @__PURE__ */ (0,
|
|
7539
|
+
/* @__PURE__ */ (0, import_jsx_runtime78.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
|
|
7514
7540
|
"svg",
|
|
7515
7541
|
{
|
|
7516
7542
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -7518,7 +7544,7 @@ var Toast = () => {
|
|
|
7518
7544
|
fill: "none",
|
|
7519
7545
|
viewBox: "0 0 24 24",
|
|
7520
7546
|
stroke: "currentColor",
|
|
7521
|
-
children: /* @__PURE__ */ (0,
|
|
7547
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
|
|
7522
7548
|
}
|
|
7523
7549
|
) })
|
|
7524
7550
|
] }) }) });
|
|
@@ -7549,7 +7575,7 @@ init_Switcher();
|
|
|
7549
7575
|
// src/components/NavigationTabsV2.tsx
|
|
7550
7576
|
var import_link3 = __toESM(require("next/link"));
|
|
7551
7577
|
var import_navigation = require("next/navigation");
|
|
7552
|
-
var
|
|
7578
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
7553
7579
|
function resolveRoutePlaceholders(route, params) {
|
|
7554
7580
|
return route.replace(/\{([^}]+)\}/g, (match, key) => {
|
|
7555
7581
|
const value = params[key];
|
|
@@ -7574,8 +7600,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
|
|
|
7574
7600
|
isActive: tab.isActive
|
|
7575
7601
|
})) || [];
|
|
7576
7602
|
if (mappedTabs.length === 0) return null;
|
|
7577
|
-
return /* @__PURE__ */ (0,
|
|
7578
|
-
return /* @__PURE__ */ (0,
|
|
7603
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
|
|
7604
|
+
return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
|
|
7579
7605
|
"div",
|
|
7580
7606
|
{
|
|
7581
7607
|
className: `text-sm font-medium border-b-2 px-6 py-2 transition
|
|
@@ -7593,9 +7619,9 @@ var import_navigation2 = require("next/navigation");
|
|
|
7593
7619
|
|
|
7594
7620
|
// src/components/dataForm/NoContentView.tsx
|
|
7595
7621
|
var import_react59 = __toESM(require("react"));
|
|
7596
|
-
var
|
|
7622
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
7597
7623
|
var NoContentView = (props) => {
|
|
7598
|
-
return /* @__PURE__ */ (0,
|
|
7624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react59.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
7599
7625
|
};
|
|
7600
7626
|
var NoContentView_default = NoContentView;
|
|
7601
7627
|
|
|
@@ -7604,38 +7630,38 @@ init_InputControlType();
|
|
|
7604
7630
|
|
|
7605
7631
|
// src/components/dataForm/ContentView.tsx
|
|
7606
7632
|
var import_react60 = __toESM(require("react"));
|
|
7607
|
-
var
|
|
7633
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
7608
7634
|
var ContentView = (props) => {
|
|
7609
|
-
return /* @__PURE__ */ (0,
|
|
7610
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
7611
|
-
/* @__PURE__ */ (0,
|
|
7612
|
-
/* @__PURE__ */ (0,
|
|
7613
|
-
/* @__PURE__ */ (0,
|
|
7614
|
-
/* @__PURE__ */ (0,
|
|
7615
|
-
/* @__PURE__ */ (0,
|
|
7635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_react60.default.Fragment, { children: [
|
|
7636
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
7637
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
7638
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
7639
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "ml-2", children: [
|
|
7640
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
7641
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
7616
7642
|
] })
|
|
7617
7643
|
] }),
|
|
7618
|
-
/* @__PURE__ */ (0,
|
|
7619
|
-
/* @__PURE__ */ (0,
|
|
7620
|
-
/* @__PURE__ */ (0,
|
|
7621
|
-
/* @__PURE__ */ (0,
|
|
7622
|
-
/* @__PURE__ */ (0,
|
|
7623
|
-
/* @__PURE__ */ (0,
|
|
7624
|
-
/* @__PURE__ */ (0,
|
|
7644
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
7645
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "animate-pulse", children: [
|
|
7646
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7647
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7648
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7649
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7650
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7625
7651
|
] }),
|
|
7626
|
-
/* @__PURE__ */ (0,
|
|
7627
|
-
/* @__PURE__ */ (0,
|
|
7628
|
-
/* @__PURE__ */ (0,
|
|
7629
|
-
/* @__PURE__ */ (0,
|
|
7630
|
-
/* @__PURE__ */ (0,
|
|
7631
|
-
/* @__PURE__ */ (0,
|
|
7652
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "animate-pulse", children: [
|
|
7653
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7654
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7655
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7656
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7657
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7632
7658
|
] }),
|
|
7633
|
-
/* @__PURE__ */ (0,
|
|
7634
|
-
/* @__PURE__ */ (0,
|
|
7635
|
-
/* @__PURE__ */ (0,
|
|
7636
|
-
/* @__PURE__ */ (0,
|
|
7637
|
-
/* @__PURE__ */ (0,
|
|
7638
|
-
/* @__PURE__ */ (0,
|
|
7659
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "animate-pulse", children: [
|
|
7660
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
7661
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
7662
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
7663
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
7664
|
+
/* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
7639
7665
|
] })
|
|
7640
7666
|
] })
|
|
7641
7667
|
] }) }),
|
|
@@ -7695,7 +7721,7 @@ function FormReducer(state, action) {
|
|
|
7695
7721
|
var FormReducer_default = FormReducer;
|
|
7696
7722
|
|
|
7697
7723
|
// src/components/dataForm/DataList.tsx
|
|
7698
|
-
var
|
|
7724
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
7699
7725
|
var DataList = (props) => {
|
|
7700
7726
|
const router = (0, import_navigation2.useRouter)();
|
|
7701
7727
|
let builder = new OdataBuilder(props.path);
|
|
@@ -7733,7 +7759,7 @@ var DataList = (props) => {
|
|
|
7733
7759
|
if (path.includes(".")) {
|
|
7734
7760
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
7735
7761
|
} else if (Array.isArray(obj[path])) {
|
|
7736
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
7762
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: item }, index));
|
|
7737
7763
|
} else {
|
|
7738
7764
|
return obj[path];
|
|
7739
7765
|
}
|
|
@@ -7812,30 +7838,30 @@ var DataList = (props) => {
|
|
|
7812
7838
|
const renderPageNumbers = () => {
|
|
7813
7839
|
if (pages <= 10) {
|
|
7814
7840
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
7815
|
-
(page) => /* @__PURE__ */ (0,
|
|
7841
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7816
7842
|
Hyperlink,
|
|
7817
7843
|
{
|
|
7818
7844
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7819
7845
|
href: builder.getNewPageUrl(page),
|
|
7820
7846
|
children: page
|
|
7821
7847
|
}
|
|
7822
|
-
) : /* @__PURE__ */ (0,
|
|
7848
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
7823
7849
|
);
|
|
7824
7850
|
} else {
|
|
7825
7851
|
const showFirstPages = activePageNumber <= 5;
|
|
7826
7852
|
const showLastPages = activePageNumber > pages - 5;
|
|
7827
7853
|
if (showFirstPages) {
|
|
7828
|
-
return /* @__PURE__ */ (0,
|
|
7829
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
7854
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
|
|
7855
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7830
7856
|
Hyperlink,
|
|
7831
7857
|
{
|
|
7832
7858
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7833
7859
|
href: builder.getNewPageUrl(page),
|
|
7834
7860
|
children: page
|
|
7835
7861
|
}
|
|
7836
|
-
) : /* @__PURE__ */ (0,
|
|
7837
|
-
/* @__PURE__ */ (0,
|
|
7838
|
-
/* @__PURE__ */ (0,
|
|
7862
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
7863
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7864
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7839
7865
|
Hyperlink,
|
|
7840
7866
|
{
|
|
7841
7867
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7843,7 +7869,7 @@ var DataList = (props) => {
|
|
|
7843
7869
|
children: pages - 1
|
|
7844
7870
|
}
|
|
7845
7871
|
),
|
|
7846
|
-
/* @__PURE__ */ (0,
|
|
7872
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7847
7873
|
Hyperlink,
|
|
7848
7874
|
{
|
|
7849
7875
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7851,7 +7877,7 @@ var DataList = (props) => {
|
|
|
7851
7877
|
children: pages
|
|
7852
7878
|
}
|
|
7853
7879
|
),
|
|
7854
|
-
/* @__PURE__ */ (0,
|
|
7880
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
7855
7881
|
"select",
|
|
7856
7882
|
{
|
|
7857
7883
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -7863,18 +7889,18 @@ var DataList = (props) => {
|
|
|
7863
7889
|
}
|
|
7864
7890
|
},
|
|
7865
7891
|
children: [
|
|
7866
|
-
/* @__PURE__ */ (0,
|
|
7892
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
7867
7893
|
Array.from(
|
|
7868
7894
|
{ length: Math.max(0, pages - 10) },
|
|
7869
7895
|
(_, index) => index + 9
|
|
7870
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
7896
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("option", { value: page, children: page }, page))
|
|
7871
7897
|
]
|
|
7872
7898
|
}
|
|
7873
7899
|
) })
|
|
7874
7900
|
] });
|
|
7875
7901
|
} else if (showLastPages) {
|
|
7876
|
-
return /* @__PURE__ */ (0,
|
|
7877
|
-
/* @__PURE__ */ (0,
|
|
7902
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
|
|
7903
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7878
7904
|
Hyperlink,
|
|
7879
7905
|
{
|
|
7880
7906
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7882,7 +7908,7 @@ var DataList = (props) => {
|
|
|
7882
7908
|
children: "1"
|
|
7883
7909
|
}
|
|
7884
7910
|
),
|
|
7885
|
-
/* @__PURE__ */ (0,
|
|
7911
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7886
7912
|
Hyperlink,
|
|
7887
7913
|
{
|
|
7888
7914
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7890,21 +7916,21 @@ var DataList = (props) => {
|
|
|
7890
7916
|
children: "2"
|
|
7891
7917
|
}
|
|
7892
7918
|
),
|
|
7893
|
-
/* @__PURE__ */ (0,
|
|
7919
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7894
7920
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
7895
|
-
(page) => /* @__PURE__ */ (0,
|
|
7921
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7896
7922
|
Hyperlink,
|
|
7897
7923
|
{
|
|
7898
7924
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7899
7925
|
href: builder.getNewPageUrl(page),
|
|
7900
7926
|
children: page
|
|
7901
7927
|
}
|
|
7902
|
-
) : /* @__PURE__ */ (0,
|
|
7928
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
|
|
7903
7929
|
)
|
|
7904
7930
|
] });
|
|
7905
7931
|
} else {
|
|
7906
|
-
return /* @__PURE__ */ (0,
|
|
7907
|
-
/* @__PURE__ */ (0,
|
|
7932
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_jsx_runtime82.Fragment, { children: [
|
|
7933
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7908
7934
|
Hyperlink,
|
|
7909
7935
|
{
|
|
7910
7936
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7912,7 +7938,7 @@ var DataList = (props) => {
|
|
|
7912
7938
|
children: "1"
|
|
7913
7939
|
}
|
|
7914
7940
|
),
|
|
7915
|
-
/* @__PURE__ */ (0,
|
|
7941
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7916
7942
|
Hyperlink,
|
|
7917
7943
|
{
|
|
7918
7944
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7920,20 +7946,20 @@ var DataList = (props) => {
|
|
|
7920
7946
|
children: "2"
|
|
7921
7947
|
}
|
|
7922
7948
|
),
|
|
7923
|
-
/* @__PURE__ */ (0,
|
|
7949
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7924
7950
|
Array.from(
|
|
7925
7951
|
{ length: 5 },
|
|
7926
7952
|
(_, index) => activePageNumber - 2 + index
|
|
7927
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
7953
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7928
7954
|
Hyperlink,
|
|
7929
7955
|
{
|
|
7930
7956
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
7931
7957
|
href: builder.getNewPageUrl(page),
|
|
7932
7958
|
children: page
|
|
7933
7959
|
}
|
|
7934
|
-
) : /* @__PURE__ */ (0,
|
|
7935
|
-
/* @__PURE__ */ (0,
|
|
7936
|
-
/* @__PURE__ */ (0,
|
|
7960
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
|
|
7961
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
7962
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7937
7963
|
Hyperlink,
|
|
7938
7964
|
{
|
|
7939
7965
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7941,7 +7967,7 @@ var DataList = (props) => {
|
|
|
7941
7967
|
children: pages - 1
|
|
7942
7968
|
}
|
|
7943
7969
|
),
|
|
7944
|
-
/* @__PURE__ */ (0,
|
|
7970
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7945
7971
|
Hyperlink,
|
|
7946
7972
|
{
|
|
7947
7973
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -7949,7 +7975,7 @@ var DataList = (props) => {
|
|
|
7949
7975
|
children: pages
|
|
7950
7976
|
}
|
|
7951
7977
|
),
|
|
7952
|
-
/* @__PURE__ */ (0,
|
|
7978
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
7953
7979
|
"select",
|
|
7954
7980
|
{
|
|
7955
7981
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -7961,8 +7987,8 @@ var DataList = (props) => {
|
|
|
7961
7987
|
}
|
|
7962
7988
|
},
|
|
7963
7989
|
children: [
|
|
7964
|
-
/* @__PURE__ */ (0,
|
|
7965
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
7990
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("option", { value: "", children: "Jump to" }),
|
|
7991
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("option", { value: page, children: page }, page))
|
|
7966
7992
|
]
|
|
7967
7993
|
}
|
|
7968
7994
|
) })
|
|
@@ -7970,16 +7996,16 @@ var DataList = (props) => {
|
|
|
7970
7996
|
}
|
|
7971
7997
|
}
|
|
7972
7998
|
};
|
|
7973
|
-
return /* @__PURE__ */ (0,
|
|
7974
|
-
/* @__PURE__ */ (0,
|
|
7975
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
7999
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(import_react61.default.Fragment, { children: [
|
|
8000
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(ContentView_default, { isDataFound, children: [
|
|
8001
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
7976
8002
|
"div",
|
|
7977
8003
|
{
|
|
7978
8004
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
|
|
7979
8005
|
children: [
|
|
7980
|
-
props.title ? /* @__PURE__ */ (0,
|
|
7981
|
-
/* @__PURE__ */ (0,
|
|
7982
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
8006
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", {}),
|
|
8007
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
8008
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7983
8009
|
InputControl_default,
|
|
7984
8010
|
{
|
|
7985
8011
|
name: "Search_input",
|
|
@@ -7991,7 +8017,7 @@ var DataList = (props) => {
|
|
|
7991
8017
|
}
|
|
7992
8018
|
}
|
|
7993
8019
|
),
|
|
7994
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
8020
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
7995
8021
|
InputControl_default,
|
|
7996
8022
|
{
|
|
7997
8023
|
name: filter.name,
|
|
@@ -8006,15 +8032,15 @@ var DataList = (props) => {
|
|
|
8006
8032
|
},
|
|
8007
8033
|
filter.name
|
|
8008
8034
|
)),
|
|
8009
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
8035
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8010
8036
|
Hyperlink,
|
|
8011
8037
|
{
|
|
8012
8038
|
className: "gap-1",
|
|
8013
8039
|
linkType: "Primary" /* Solid */,
|
|
8014
8040
|
href: props.addLinkHref,
|
|
8015
8041
|
children: [
|
|
8016
|
-
/* @__PURE__ */ (0,
|
|
8017
|
-
/* @__PURE__ */ (0,
|
|
8042
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
8043
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
8018
8044
|
]
|
|
8019
8045
|
}
|
|
8020
8046
|
)
|
|
@@ -8022,8 +8048,8 @@ var DataList = (props) => {
|
|
|
8022
8048
|
]
|
|
8023
8049
|
}
|
|
8024
8050
|
),
|
|
8025
|
-
/* @__PURE__ */ (0,
|
|
8026
|
-
/* @__PURE__ */ (0,
|
|
8051
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
8052
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
8027
8053
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8028
8054
|
let icon = "chevronUpDown";
|
|
8029
8055
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8033,18 +8059,18 @@ var DataList = (props) => {
|
|
|
8033
8059
|
icon = "chevronUp";
|
|
8034
8060
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8035
8061
|
}
|
|
8036
|
-
return /* @__PURE__ */ (0,
|
|
8062
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8037
8063
|
"th",
|
|
8038
8064
|
{
|
|
8039
8065
|
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" : ""),
|
|
8040
|
-
children: /* @__PURE__ */ (0,
|
|
8066
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8041
8067
|
Hyperlink,
|
|
8042
8068
|
{
|
|
8043
8069
|
href: column.enableSorting ? url : void 0,
|
|
8044
8070
|
className: "!text-neutral-contrast ",
|
|
8045
|
-
children: /* @__PURE__ */ (0,
|
|
8046
|
-
/* @__PURE__ */ (0,
|
|
8047
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
8071
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
8072
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-black", children: column.label }),
|
|
8073
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
8048
8074
|
] })
|
|
8049
8075
|
}
|
|
8050
8076
|
)
|
|
@@ -8052,24 +8078,24 @@ var DataList = (props) => {
|
|
|
8052
8078
|
column.name
|
|
8053
8079
|
);
|
|
8054
8080
|
}) }) }),
|
|
8055
|
-
/* @__PURE__ */ (0,
|
|
8081
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
8056
8082
|
let validityClass = "";
|
|
8057
8083
|
console.log("dataitem", dataitem);
|
|
8058
8084
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
8059
8085
|
validityClass = "bg-alert-200";
|
|
8060
8086
|
}
|
|
8061
|
-
return /* @__PURE__ */ (0,
|
|
8087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
8062
8088
|
console.log("column", column);
|
|
8063
|
-
return /* @__PURE__ */ (0,
|
|
8089
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8064
8090
|
"td",
|
|
8065
8091
|
{
|
|
8066
8092
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
8067
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
8093
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8068
8094
|
Hyperlink,
|
|
8069
8095
|
{
|
|
8070
8096
|
className: "",
|
|
8071
8097
|
href: `https://${dataitem[column.name]}`,
|
|
8072
|
-
children: /* @__PURE__ */ (0,
|
|
8098
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8073
8099
|
ViewControl_default,
|
|
8074
8100
|
{
|
|
8075
8101
|
controlType: column.controlType,
|
|
@@ -8082,11 +8108,11 @@ var DataList = (props) => {
|
|
|
8082
8108
|
}
|
|
8083
8109
|
)
|
|
8084
8110
|
}
|
|
8085
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
8111
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8086
8112
|
Hyperlink,
|
|
8087
8113
|
{
|
|
8088
8114
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
8089
|
-
children: /* @__PURE__ */ (0,
|
|
8115
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8090
8116
|
ViewControl_default,
|
|
8091
8117
|
{
|
|
8092
8118
|
controlType: column.controlType,
|
|
@@ -8096,7 +8122,7 @@ var DataList = (props) => {
|
|
|
8096
8122
|
}
|
|
8097
8123
|
)
|
|
8098
8124
|
}
|
|
8099
|
-
) : /* @__PURE__ */ (0,
|
|
8125
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8100
8126
|
ViewControl_default,
|
|
8101
8127
|
{
|
|
8102
8128
|
controlType: column.controlType,
|
|
@@ -8110,10 +8136,10 @@ var DataList = (props) => {
|
|
|
8110
8136
|
}) }, index);
|
|
8111
8137
|
}) })
|
|
8112
8138
|
] }) }),
|
|
8113
|
-
/* @__PURE__ */ (0,
|
|
8114
|
-
/* @__PURE__ */ (0,
|
|
8115
|
-
/* @__PURE__ */ (0,
|
|
8116
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
8139
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
8140
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "text-gray-700", children: label }),
|
|
8141
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
8142
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8117
8143
|
Hyperlink,
|
|
8118
8144
|
{
|
|
8119
8145
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8121,9 +8147,9 @@ var DataList = (props) => {
|
|
|
8121
8147
|
children: "Prev"
|
|
8122
8148
|
}
|
|
8123
8149
|
),
|
|
8124
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
8150
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime82.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" }),
|
|
8125
8151
|
renderPageNumbers(),
|
|
8126
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
8152
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8127
8153
|
Hyperlink,
|
|
8128
8154
|
{
|
|
8129
8155
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -8131,19 +8157,19 @@ var DataList = (props) => {
|
|
|
8131
8157
|
children: "Next"
|
|
8132
8158
|
}
|
|
8133
8159
|
),
|
|
8134
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
8160
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
8135
8161
|
] })
|
|
8136
8162
|
] }) })
|
|
8137
8163
|
] }),
|
|
8138
|
-
/* @__PURE__ */ (0,
|
|
8139
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
8164
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
8165
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8140
8166
|
"div",
|
|
8141
8167
|
{
|
|
8142
8168
|
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`,
|
|
8143
8169
|
children: [
|
|
8144
|
-
props.title ? /* @__PURE__ */ (0,
|
|
8145
|
-
/* @__PURE__ */ (0,
|
|
8146
|
-
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0,
|
|
8170
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", {}),
|
|
8171
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
8172
|
+
props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8147
8173
|
InputControl_default,
|
|
8148
8174
|
{
|
|
8149
8175
|
name: "Search_input",
|
|
@@ -8155,7 +8181,7 @@ var DataList = (props) => {
|
|
|
8155
8181
|
}
|
|
8156
8182
|
}
|
|
8157
8183
|
),
|
|
8158
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
8184
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8159
8185
|
InputControl_default,
|
|
8160
8186
|
{
|
|
8161
8187
|
name: filter.name,
|
|
@@ -8170,15 +8196,15 @@ var DataList = (props) => {
|
|
|
8170
8196
|
},
|
|
8171
8197
|
filter.name
|
|
8172
8198
|
)),
|
|
8173
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
8199
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
|
|
8174
8200
|
Hyperlink,
|
|
8175
8201
|
{
|
|
8176
8202
|
className: "gap-1",
|
|
8177
8203
|
linkType: "Primary" /* Solid */,
|
|
8178
8204
|
href: props.addLinkHref,
|
|
8179
8205
|
children: [
|
|
8180
|
-
/* @__PURE__ */ (0,
|
|
8181
|
-
/* @__PURE__ */ (0,
|
|
8206
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
8207
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
8182
8208
|
]
|
|
8183
8209
|
}
|
|
8184
8210
|
)
|
|
@@ -8186,8 +8212,8 @@ var DataList = (props) => {
|
|
|
8186
8212
|
]
|
|
8187
8213
|
}
|
|
8188
8214
|
),
|
|
8189
|
-
/* @__PURE__ */ (0,
|
|
8190
|
-
/* @__PURE__ */ (0,
|
|
8215
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
8216
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
8191
8217
|
let url = builder.getNewOrderByUrl(column.name);
|
|
8192
8218
|
let icon = "chevronUpDown";
|
|
8193
8219
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -8197,18 +8223,18 @@ var DataList = (props) => {
|
|
|
8197
8223
|
icon = "chevronUp";
|
|
8198
8224
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
8199
8225
|
}
|
|
8200
|
-
return /* @__PURE__ */ (0,
|
|
8226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8201
8227
|
"th",
|
|
8202
8228
|
{
|
|
8203
8229
|
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" : ""),
|
|
8204
|
-
children: /* @__PURE__ */ (0,
|
|
8230
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
|
|
8205
8231
|
Hyperlink,
|
|
8206
8232
|
{
|
|
8207
8233
|
href: column.enableSorting ? url : void 0,
|
|
8208
8234
|
className: "text-body-950",
|
|
8209
|
-
children: /* @__PURE__ */ (0,
|
|
8210
|
-
/* @__PURE__ */ (0,
|
|
8211
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
8235
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
8236
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("span", { children: column.label }),
|
|
8237
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
8212
8238
|
] })
|
|
8213
8239
|
}
|
|
8214
8240
|
)
|
|
@@ -8216,7 +8242,7 @@ var DataList = (props) => {
|
|
|
8216
8242
|
column.name
|
|
8217
8243
|
);
|
|
8218
8244
|
}) }) }) }) }),
|
|
8219
|
-
/* @__PURE__ */ (0,
|
|
8245
|
+
/* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
8220
8246
|
] })
|
|
8221
8247
|
] })
|
|
8222
8248
|
] });
|
|
@@ -8229,7 +8255,7 @@ init_ServiceClient();
|
|
|
8229
8255
|
init_OdataBuilder();
|
|
8230
8256
|
init_SelectWithSearchInput();
|
|
8231
8257
|
var import_navigation3 = require("next/navigation");
|
|
8232
|
-
var
|
|
8258
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
8233
8259
|
var viewControlMap = {
|
|
8234
8260
|
number: ViewControlTypes.number,
|
|
8235
8261
|
lineText: ViewControlTypes.lineText,
|
|
@@ -8324,13 +8350,13 @@ var DataListRenderer = ({
|
|
|
8324
8350
|
isActive: landingPageUrl === pathname
|
|
8325
8351
|
};
|
|
8326
8352
|
});
|
|
8327
|
-
return /* @__PURE__ */ (0,
|
|
8353
|
+
return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react62.default.Fragment, { children: [
|
|
8328
8354
|
resolvedTabs.length > 0 && // <NavigationTabsV2
|
|
8329
8355
|
// tabs={resolvedTabs}
|
|
8330
8356
|
// params={(widgetProps?.params ?? params) as Record<string, any>}
|
|
8331
8357
|
// />
|
|
8332
|
-
/* @__PURE__ */ (0,
|
|
8333
|
-
/* @__PURE__ */ (0,
|
|
8358
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
8359
|
+
/* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
|
|
8334
8360
|
DataList_default,
|
|
8335
8361
|
{
|
|
8336
8362
|
addLinkHref,
|
|
@@ -8385,7 +8411,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
|
|
|
8385
8411
|
var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
|
|
8386
8412
|
|
|
8387
8413
|
// src/components/dataForm/DataFormChildSection.tsx
|
|
8388
|
-
var
|
|
8414
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
8389
8415
|
var DataFormChildSection = (props) => {
|
|
8390
8416
|
const { section } = props;
|
|
8391
8417
|
const isOneToOne = section.relationshipType === "one-to-one";
|
|
@@ -8453,14 +8479,14 @@ var DataFormChildSection = (props) => {
|
|
|
8453
8479
|
childItemsToRender,
|
|
8454
8480
|
allChildItems: childItems
|
|
8455
8481
|
});
|
|
8456
|
-
return /* @__PURE__ */ (0,
|
|
8457
|
-
section.sectionTitle && /* @__PURE__ */ (0,
|
|
8458
|
-
/* @__PURE__ */ (0,
|
|
8459
|
-
/* @__PURE__ */ (0,
|
|
8460
|
-
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0,
|
|
8461
|
-
return /* @__PURE__ */ (0,
|
|
8482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
|
|
8483
|
+
section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
|
|
8484
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
|
|
8485
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
|
|
8486
|
+
(!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
|
|
8487
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("tr", { className: "", children: [
|
|
8462
8488
|
sectionRow.elements.map((field, index) => {
|
|
8463
|
-
return /* @__PURE__ */ (0,
|
|
8489
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8464
8490
|
"th",
|
|
8465
8491
|
{
|
|
8466
8492
|
className: "py-3 font-normal text-left",
|
|
@@ -8469,21 +8495,21 @@ var DataFormChildSection = (props) => {
|
|
|
8469
8495
|
field.name
|
|
8470
8496
|
);
|
|
8471
8497
|
}),
|
|
8472
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
8498
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
|
|
8473
8499
|
] }, sectionRowIndex);
|
|
8474
8500
|
}) }),
|
|
8475
|
-
/* @__PURE__ */ (0,
|
|
8501
|
+
/* @__PURE__ */ (0, import_jsx_runtime84.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
|
|
8476
8502
|
const { item, originalIndex } = visibleItem;
|
|
8477
8503
|
const rowKey = originalIndex;
|
|
8478
|
-
return /* @__PURE__ */ (0,
|
|
8504
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(import_react63.default.Fragment, { children: section.sectionRows.map(
|
|
8479
8505
|
(sectionRow, sectionRowIndex) => {
|
|
8480
|
-
return /* @__PURE__ */ (0,
|
|
8506
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
|
|
8481
8507
|
"tr",
|
|
8482
8508
|
{
|
|
8483
8509
|
className: "",
|
|
8484
8510
|
children: [
|
|
8485
8511
|
sectionRow.elements.map((field, index) => {
|
|
8486
|
-
return /* @__PURE__ */ (0,
|
|
8512
|
+
return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8487
8513
|
InputControl_default,
|
|
8488
8514
|
{
|
|
8489
8515
|
index: filteredIndex,
|
|
@@ -8503,7 +8529,7 @@ var DataFormChildSection = (props) => {
|
|
|
8503
8529
|
}
|
|
8504
8530
|
) }) }) }, field.name);
|
|
8505
8531
|
}),
|
|
8506
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
8532
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8507
8533
|
ClientButton_default,
|
|
8508
8534
|
{
|
|
8509
8535
|
ButtonType: StyleTypes2.Hollow,
|
|
@@ -8512,7 +8538,7 @@ var DataFormChildSection = (props) => {
|
|
|
8512
8538
|
},
|
|
8513
8539
|
dataRole: "delete",
|
|
8514
8540
|
tabIndex: -1,
|
|
8515
|
-
children: /* @__PURE__ */ (0,
|
|
8541
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8516
8542
|
Icon_default,
|
|
8517
8543
|
{
|
|
8518
8544
|
className: "w-4 h-4",
|
|
@@ -8529,7 +8555,7 @@ var DataFormChildSection = (props) => {
|
|
|
8529
8555
|
) }, rowKey);
|
|
8530
8556
|
}) })
|
|
8531
8557
|
] }) }),
|
|
8532
|
-
!section.readonly && !isOneToOne && /* @__PURE__ */ (0,
|
|
8558
|
+
!section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
|
|
8533
8559
|
ClientButton_default,
|
|
8534
8560
|
{
|
|
8535
8561
|
ButtonType: "Link" /* Link */,
|
|
@@ -8544,7 +8570,7 @@ var DataFormChildSection = (props) => {
|
|
|
8544
8570
|
var DataFormChildSection_default = DataFormChildSection;
|
|
8545
8571
|
|
|
8546
8572
|
// src/components/dataForm/DataForm.tsx
|
|
8547
|
-
var
|
|
8573
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
8548
8574
|
var DataForm = (props) => {
|
|
8549
8575
|
const formRef = (0, import_react64.useRef)(null);
|
|
8550
8576
|
console.log(props.dataItem, "dssads");
|
|
@@ -8764,19 +8790,19 @@ var DataForm = (props) => {
|
|
|
8764
8790
|
return false;
|
|
8765
8791
|
}
|
|
8766
8792
|
}
|
|
8767
|
-
return /* @__PURE__ */ (0,
|
|
8768
|
-
props.title && /* @__PURE__ */ (0,
|
|
8793
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react64.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
8794
|
+
props.title && /* @__PURE__ */ (0, import_jsx_runtime85.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_runtime85.jsxs)(
|
|
8769
8795
|
"div",
|
|
8770
8796
|
{
|
|
8771
8797
|
className: "inline-flex items-center gap-2 cursor-pointer",
|
|
8772
8798
|
onClick: () => window.history.back(),
|
|
8773
8799
|
children: [
|
|
8774
|
-
/* @__PURE__ */ (0,
|
|
8775
|
-
/* @__PURE__ */ (0,
|
|
8800
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
|
|
8801
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
|
|
8776
8802
|
]
|
|
8777
8803
|
}
|
|
8778
8804
|
) }),
|
|
8779
|
-
/* @__PURE__ */ (0,
|
|
8805
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8780
8806
|
"form",
|
|
8781
8807
|
{
|
|
8782
8808
|
className: "group space-y-6 pb-6 overflow-y-auto",
|
|
@@ -8797,8 +8823,8 @@ var DataForm = (props) => {
|
|
|
8797
8823
|
}
|
|
8798
8824
|
}
|
|
8799
8825
|
},
|
|
8800
|
-
children: /* @__PURE__ */ (0,
|
|
8801
|
-
return /* @__PURE__ */ (0,
|
|
8826
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
|
|
8827
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react64.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
|
|
8802
8828
|
section.sectionRows?.map(
|
|
8803
8829
|
(sectionRow, sectionRowIndex) => {
|
|
8804
8830
|
const elementsCount = sectionRow.elements.length;
|
|
@@ -8809,14 +8835,14 @@ var DataForm = (props) => {
|
|
|
8809
8835
|
sectionRow.visible
|
|
8810
8836
|
);
|
|
8811
8837
|
}
|
|
8812
|
-
return /* @__PURE__ */ (0,
|
|
8813
|
-
return /* @__PURE__ */ (0,
|
|
8838
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(import_react64.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
|
|
8839
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsxs)(
|
|
8814
8840
|
"div",
|
|
8815
8841
|
{
|
|
8816
8842
|
className: sectionRow.grow ? "grow" : "",
|
|
8817
8843
|
children: [
|
|
8818
|
-
/* @__PURE__ */ (0,
|
|
8819
|
-
/* @__PURE__ */ (0,
|
|
8844
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: field.controlType }),
|
|
8845
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8820
8846
|
InputControl_default,
|
|
8821
8847
|
{
|
|
8822
8848
|
name: field.name,
|
|
@@ -8846,12 +8872,12 @@ var DataForm = (props) => {
|
|
|
8846
8872
|
}) }) }, sectionRowIndex);
|
|
8847
8873
|
}
|
|
8848
8874
|
),
|
|
8849
|
-
/* @__PURE__ */ (0,
|
|
8875
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: section.childSections?.map(
|
|
8850
8876
|
(childSection, childSectionIndex) => {
|
|
8851
|
-
return /* @__PURE__ */ (0,
|
|
8877
|
+
return /* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: childSection.name && evalutateCondition(
|
|
8852
8878
|
formState.inputValues,
|
|
8853
8879
|
childSection.visible
|
|
8854
|
-
) && /* @__PURE__ */ (0,
|
|
8880
|
+
) && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8855
8881
|
DataFormChildSection_default,
|
|
8856
8882
|
{
|
|
8857
8883
|
section: childSection,
|
|
@@ -8866,8 +8892,8 @@ var DataForm = (props) => {
|
|
|
8866
8892
|
}) })
|
|
8867
8893
|
}
|
|
8868
8894
|
),
|
|
8869
|
-
/* @__PURE__ */ (0,
|
|
8870
|
-
/* @__PURE__ */ (0,
|
|
8895
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end items-center gap-5", children: [
|
|
8896
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8871
8897
|
Button_default,
|
|
8872
8898
|
{
|
|
8873
8899
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -8875,7 +8901,7 @@ var DataForm = (props) => {
|
|
|
8875
8901
|
children: props.additionalActions.title
|
|
8876
8902
|
}
|
|
8877
8903
|
) }),
|
|
8878
|
-
/* @__PURE__ */ (0,
|
|
8904
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8879
8905
|
Button_default,
|
|
8880
8906
|
{
|
|
8881
8907
|
ButtonType: "PrimaryHollow" /* Hollow */,
|
|
@@ -8886,7 +8912,7 @@ var DataForm = (props) => {
|
|
|
8886
8912
|
children: "Delete"
|
|
8887
8913
|
}
|
|
8888
8914
|
) }),
|
|
8889
|
-
/* @__PURE__ */ (0,
|
|
8915
|
+
/* @__PURE__ */ (0, import_jsx_runtime85.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime85.jsx)(
|
|
8890
8916
|
Button_default,
|
|
8891
8917
|
{
|
|
8892
8918
|
onValidate,
|
|
@@ -8904,7 +8930,7 @@ var DataForm_default = DataForm;
|
|
|
8904
8930
|
|
|
8905
8931
|
// src/components/dataForm/DataFormRenderer.tsx
|
|
8906
8932
|
init_ServiceClient();
|
|
8907
|
-
var
|
|
8933
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
8908
8934
|
function getAction(actions, code) {
|
|
8909
8935
|
return actions?.find((a) => a.actionCode === code);
|
|
8910
8936
|
}
|
|
@@ -8930,9 +8956,9 @@ var DataFormRenderer = ({
|
|
|
8930
8956
|
"Delete"
|
|
8931
8957
|
);
|
|
8932
8958
|
const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
|
|
8933
|
-
return /* @__PURE__ */ (0,
|
|
8934
|
-
widgetProps && /* @__PURE__ */ (0,
|
|
8935
|
-
/* @__PURE__ */ (0,
|
|
8959
|
+
return /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "flex-grow flex flex-col", children: [
|
|
8960
|
+
widgetProps && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
|
|
8961
|
+
/* @__PURE__ */ (0, import_jsx_runtime86.jsx)(
|
|
8936
8962
|
DataForm_default,
|
|
8937
8963
|
{
|
|
8938
8964
|
title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
|