@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260326063413 → 0.8.1-dev.20260326064410
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +458 -444
- package/dist/index.mjs +356 -342
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -53,13 +53,13 @@ function CopyButton({ text }) {
|
|
|
53
53
|
console.error("Failed to copy: ", err);
|
|
54
54
|
}
|
|
55
55
|
};
|
|
56
|
-
return /* @__PURE__ */ (0,
|
|
56
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
|
|
57
57
|
"button",
|
|
58
58
|
{
|
|
59
59
|
onClick: handleCopy,
|
|
60
60
|
className: "flex gap-1 items-center hover:text-white transition",
|
|
61
61
|
children: [
|
|
62
|
-
/* @__PURE__ */ (0,
|
|
62
|
+
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
63
63
|
"svg",
|
|
64
64
|
{
|
|
65
65
|
width: "16",
|
|
@@ -67,7 +67,7 @@ function CopyButton({ text }) {
|
|
|
67
67
|
viewBox: "0 0 24 24",
|
|
68
68
|
className: "w-4 h-4",
|
|
69
69
|
fill: "currentColor",
|
|
70
|
-
children: /* @__PURE__ */ (0,
|
|
70
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
71
71
|
"path",
|
|
72
72
|
{
|
|
73
73
|
fillRule: "evenodd",
|
|
@@ -82,13 +82,13 @@ function CopyButton({ text }) {
|
|
|
82
82
|
}
|
|
83
83
|
);
|
|
84
84
|
}
|
|
85
|
-
var import_react39,
|
|
85
|
+
var import_react39, import_jsx_runtime51;
|
|
86
86
|
var init_CopyButton = __esm({
|
|
87
87
|
"src/components/CopyButton.tsx"() {
|
|
88
88
|
"use strict";
|
|
89
89
|
"use client";
|
|
90
90
|
import_react39 = require("react");
|
|
91
|
-
|
|
91
|
+
import_jsx_runtime51 = require("react/jsx-runtime");
|
|
92
92
|
}
|
|
93
93
|
});
|
|
94
94
|
|
|
@@ -97,14 +97,14 @@ var HlsPlayer_exports = {};
|
|
|
97
97
|
__export(HlsPlayer_exports, {
|
|
98
98
|
default: () => HlsPlayer_default
|
|
99
99
|
});
|
|
100
|
-
var import_react41, import_hls,
|
|
100
|
+
var import_react41, import_hls, import_jsx_runtime54, HlsPlayer, HlsPlayer_default;
|
|
101
101
|
var init_HlsPlayer = __esm({
|
|
102
102
|
"src/components/HlsPlayer.tsx"() {
|
|
103
103
|
"use strict";
|
|
104
104
|
"use client";
|
|
105
105
|
import_react41 = __toESM(require("react"));
|
|
106
106
|
import_hls = __toESM(require("hls.js"));
|
|
107
|
-
|
|
107
|
+
import_jsx_runtime54 = require("react/jsx-runtime");
|
|
108
108
|
HlsPlayer = import_react41.default.memo(
|
|
109
109
|
({
|
|
110
110
|
assetUrl,
|
|
@@ -182,14 +182,14 @@ var init_HlsPlayer = __esm({
|
|
|
182
182
|
setIsPlaying(false);
|
|
183
183
|
}
|
|
184
184
|
}, [playOptions, isMobile]);
|
|
185
|
-
return /* @__PURE__ */ (0,
|
|
185
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
|
|
186
186
|
"div",
|
|
187
187
|
{
|
|
188
188
|
className: "relative w-full aspect-video bg-black",
|
|
189
189
|
onMouseEnter: handleMouseEnter,
|
|
190
190
|
onMouseLeave: handleMouseLeave,
|
|
191
191
|
children: [
|
|
192
|
-
/* @__PURE__ */ (0,
|
|
192
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
193
193
|
"video",
|
|
194
194
|
{
|
|
195
195
|
ref: videoRef,
|
|
@@ -203,7 +203,7 @@ var init_HlsPlayer = __esm({
|
|
|
203
203
|
onClick: !isMobile && !isPlaying ? handlePlayPause : void 0
|
|
204
204
|
}
|
|
205
205
|
),
|
|
206
|
-
!isMobile && playOptions === "playOnHover" && posterUrl && /* @__PURE__ */ (0,
|
|
206
|
+
!isMobile && playOptions === "playOnHover" && posterUrl && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
207
207
|
"img",
|
|
208
208
|
{
|
|
209
209
|
src: posterUrl,
|
|
@@ -213,7 +213,7 @@ var init_HlsPlayer = __esm({
|
|
|
213
213
|
className: `absolute inset-0 object-cover transition-opacity ${isHovered ? "opacity-0" : "opacity-100"}`
|
|
214
214
|
}
|
|
215
215
|
),
|
|
216
|
-
!isMobile && !isPlaying && /* @__PURE__ */ (0,
|
|
216
|
+
!isMobile && !isPlaying && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
217
217
|
"div",
|
|
218
218
|
{
|
|
219
219
|
className: "absolute inset-0 flex items-center justify-center cursor-pointer",
|
|
@@ -232,43 +232,43 @@ var init_HlsPlayer = __esm({
|
|
|
232
232
|
});
|
|
233
233
|
|
|
234
234
|
// src/components/IFrameLoaderView.tsx
|
|
235
|
-
var import_react44,
|
|
235
|
+
var import_react44, import_jsx_runtime60, IFrameLoaderView, IFrameLoaderView_default;
|
|
236
236
|
var init_IFrameLoaderView = __esm({
|
|
237
237
|
"src/components/IFrameLoaderView.tsx"() {
|
|
238
238
|
"use strict";
|
|
239
239
|
import_react44 = __toESM(require("react"));
|
|
240
|
-
|
|
240
|
+
import_jsx_runtime60 = require("react/jsx-runtime");
|
|
241
241
|
IFrameLoaderView = (props) => {
|
|
242
|
-
return /* @__PURE__ */ (0,
|
|
243
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
244
|
-
/* @__PURE__ */ (0,
|
|
245
|
-
/* @__PURE__ */ (0,
|
|
246
|
-
/* @__PURE__ */ (0,
|
|
247
|
-
/* @__PURE__ */ (0,
|
|
248
|
-
/* @__PURE__ */ (0,
|
|
242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react44.default.Fragment, { children: [
|
|
243
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
244
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
245
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
246
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "ml-2", children: [
|
|
247
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
248
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
249
249
|
] })
|
|
250
250
|
] }),
|
|
251
|
-
/* @__PURE__ */ (0,
|
|
252
|
-
/* @__PURE__ */ (0,
|
|
253
|
-
/* @__PURE__ */ (0,
|
|
254
|
-
/* @__PURE__ */ (0,
|
|
255
|
-
/* @__PURE__ */ (0,
|
|
256
|
-
/* @__PURE__ */ (0,
|
|
257
|
-
/* @__PURE__ */ (0,
|
|
251
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
252
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "animate-pulse", children: [
|
|
253
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
254
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
255
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
256
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
257
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
258
258
|
] }),
|
|
259
|
-
/* @__PURE__ */ (0,
|
|
260
|
-
/* @__PURE__ */ (0,
|
|
261
|
-
/* @__PURE__ */ (0,
|
|
262
|
-
/* @__PURE__ */ (0,
|
|
263
|
-
/* @__PURE__ */ (0,
|
|
264
|
-
/* @__PURE__ */ (0,
|
|
259
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "animate-pulse", children: [
|
|
260
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
261
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
262
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
263
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
264
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
265
265
|
] }),
|
|
266
|
-
/* @__PURE__ */ (0,
|
|
267
|
-
/* @__PURE__ */ (0,
|
|
268
|
-
/* @__PURE__ */ (0,
|
|
269
|
-
/* @__PURE__ */ (0,
|
|
270
|
-
/* @__PURE__ */ (0,
|
|
271
|
-
/* @__PURE__ */ (0,
|
|
266
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "animate-pulse", children: [
|
|
267
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
268
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
269
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
270
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
271
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
272
272
|
] })
|
|
273
273
|
] })
|
|
274
274
|
] }) }),
|
|
@@ -284,14 +284,14 @@ var IframeClient_exports = {};
|
|
|
284
284
|
__export(IframeClient_exports, {
|
|
285
285
|
default: () => IframeClient_default
|
|
286
286
|
});
|
|
287
|
-
var import_react45,
|
|
287
|
+
var import_react45, import_jsx_runtime61, IframeClient, IframeClient_default;
|
|
288
288
|
var init_IframeClient = __esm({
|
|
289
289
|
"src/components/pageRenderingEngine/nodes/IframeClient.tsx"() {
|
|
290
290
|
"use strict";
|
|
291
291
|
"use client";
|
|
292
292
|
import_react45 = __toESM(require("react"));
|
|
293
293
|
init_IFrameLoaderView();
|
|
294
|
-
|
|
294
|
+
import_jsx_runtime61 = require("react/jsx-runtime");
|
|
295
295
|
IframeClient = ({ src }) => {
|
|
296
296
|
const iframeRef = (0, import_react45.useRef)(null);
|
|
297
297
|
const [iframeHeight, setIframeHeight] = (0, import_react45.useState)("100%");
|
|
@@ -323,7 +323,7 @@ var init_IframeClient = __esm({
|
|
|
323
323
|
const handleIframeLoad = () => {
|
|
324
324
|
setIsDataFound(true);
|
|
325
325
|
};
|
|
326
|
-
return /* @__PURE__ */ (0,
|
|
326
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
327
327
|
"iframe",
|
|
328
328
|
{
|
|
329
329
|
ref: iframeRef,
|
|
@@ -653,8 +653,25 @@ var ProgressIndicator = (props) => {
|
|
|
653
653
|
};
|
|
654
654
|
var ProgressIndicator_default = ProgressIndicator;
|
|
655
655
|
|
|
656
|
-
// src/components/controls/view/
|
|
656
|
+
// src/components/controls/view/AiGeneratedSummary.tsx
|
|
657
657
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
658
|
+
var AiGeneratedSummary = (props) => {
|
|
659
|
+
const lines = props.value?.split("\n").filter((line) => line.trim() !== "") || [];
|
|
660
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("details", { className: "group rounded-xl border-2 bg-white shadow-sm border-p overflow-hidden", children: [
|
|
661
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("summary", { className: "flex items-start justify-between cursor-pointer list-none", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-start gap-3 ", children: [
|
|
662
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bg-primary-base bg-transparent rounded mt-1 p-1", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-5", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" }) }) }),
|
|
663
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
|
|
664
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold ", children: "Quick Read" }),
|
|
665
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm text-gray-500 mb-0", children: "Summary is AI-generated, author-reviewed" })
|
|
666
|
+
] })
|
|
667
|
+
] }) }),
|
|
668
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "list-disc pl-6 space-y-3 text-gray-700", children: lines.map((line, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { className: "m-0", children: line }, index)) }) })
|
|
669
|
+
] });
|
|
670
|
+
};
|
|
671
|
+
var AiGeneratedSummary_default = AiGeneratedSummary;
|
|
672
|
+
|
|
673
|
+
// src/components/controls/view/ViewControl.tsx
|
|
674
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
658
675
|
var ViewControl = import_react9.default.forwardRef(
|
|
659
676
|
(props, ref) => {
|
|
660
677
|
const ControlComponents = {
|
|
@@ -670,16 +687,13 @@ var ViewControl = import_react9.default.forwardRef(
|
|
|
670
687
|
[ViewControlTypes_default.moneyText]: MoneyView_default,
|
|
671
688
|
[ViewControlTypes_default.percentage]: PercentageView_default,
|
|
672
689
|
// [ViewControlTypes.statusBg]: StatusBg,
|
|
673
|
-
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default
|
|
690
|
+
[ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
|
|
674
691
|
// [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
|
|
675
692
|
// [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
|
|
676
|
-
|
|
693
|
+
[ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
|
|
677
694
|
};
|
|
678
695
|
const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
|
|
679
|
-
return /* @__PURE__ */ (0,
|
|
680
|
-
props.controlType,
|
|
681
|
-
SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType
|
|
682
|
-
] });
|
|
696
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react9.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
|
|
683
697
|
}
|
|
684
698
|
);
|
|
685
699
|
ViewControl.displayName = "ViewControl";
|
|
@@ -690,7 +704,7 @@ var import_react29 = __toESM(require("react"));
|
|
|
690
704
|
|
|
691
705
|
// src/components/controls/edit/MultilineTextInput.tsx
|
|
692
706
|
var import_react10 = __toESM(require("react"));
|
|
693
|
-
var
|
|
707
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
694
708
|
var MultilineTextInput = (props) => {
|
|
695
709
|
const textChangeHandler = (event) => {
|
|
696
710
|
const text = event.target.value;
|
|
@@ -709,11 +723,11 @@ var MultilineTextInput = (props) => {
|
|
|
709
723
|
if (props.value !== void 0 && props.value !== null) {
|
|
710
724
|
value = props.value;
|
|
711
725
|
}
|
|
712
|
-
return /* @__PURE__ */ (0,
|
|
713
|
-
/* @__PURE__ */ (0,
|
|
726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react10.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("label", { className: "block mb-1", children: [
|
|
727
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
714
728
|
" ",
|
|
715
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
716
|
-
/* @__PURE__ */ (0,
|
|
729
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "text-alert", children: "*" }),
|
|
730
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
|
|
717
731
|
"textarea",
|
|
718
732
|
{
|
|
719
733
|
name: props.name,
|
|
@@ -730,14 +744,14 @@ var MultilineTextInput = (props) => {
|
|
|
730
744
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
|
|
731
745
|
}
|
|
732
746
|
),
|
|
733
|
-
/* @__PURE__ */ (0,
|
|
747
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
734
748
|
] }) });
|
|
735
749
|
};
|
|
736
750
|
var MultilineTextInput_default = MultilineTextInput;
|
|
737
751
|
|
|
738
752
|
// src/components/controls/edit/LineTextInput.tsx
|
|
739
753
|
var import_react11 = __toESM(require("react"));
|
|
740
|
-
var
|
|
754
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
741
755
|
var LineTextInput = (props) => {
|
|
742
756
|
const textChangeHandler = (event) => {
|
|
743
757
|
const text = event.target.value;
|
|
@@ -756,11 +770,11 @@ var LineTextInput = (props) => {
|
|
|
756
770
|
if (props.value !== void 0 && props.value !== null) {
|
|
757
771
|
value = props.value;
|
|
758
772
|
}
|
|
759
|
-
return /* @__PURE__ */ (0,
|
|
760
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
773
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "block", children: [
|
|
774
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
761
775
|
" ",
|
|
762
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
763
|
-
/* @__PURE__ */ (0,
|
|
776
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-alert", children: "*" }),
|
|
777
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
|
|
764
778
|
"input",
|
|
765
779
|
{
|
|
766
780
|
type: "text",
|
|
@@ -782,14 +796,14 @@ var LineTextInput = (props) => {
|
|
|
782
796
|
`
|
|
783
797
|
}
|
|
784
798
|
),
|
|
785
|
-
/* @__PURE__ */ (0,
|
|
799
|
+
/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
786
800
|
] }) });
|
|
787
801
|
};
|
|
788
802
|
var LineTextInput_default = LineTextInput;
|
|
789
803
|
|
|
790
804
|
// src/components/controls/edit/MoneyInput.tsx
|
|
791
805
|
var import_react12 = __toESM(require("react"));
|
|
792
|
-
var
|
|
806
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
793
807
|
var MoneyInput = (props) => {
|
|
794
808
|
const textChangeHandler = (event) => {
|
|
795
809
|
const rawValue = event.target.value;
|
|
@@ -818,11 +832,11 @@ var MoneyInput = (props) => {
|
|
|
818
832
|
e.preventDefault();
|
|
819
833
|
}
|
|
820
834
|
};
|
|
821
|
-
return /* @__PURE__ */ (0,
|
|
822
|
-
/* @__PURE__ */ (0,
|
|
835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react12.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "block mb-1", children: [
|
|
836
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
823
837
|
" ",
|
|
824
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
825
|
-
/* @__PURE__ */ (0,
|
|
838
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-alert", children: "*" }),
|
|
839
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
|
|
826
840
|
"input",
|
|
827
841
|
{
|
|
828
842
|
type: "number",
|
|
@@ -842,7 +856,7 @@ var MoneyInput = (props) => {
|
|
|
842
856
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
|
|
843
857
|
}
|
|
844
858
|
),
|
|
845
|
-
/* @__PURE__ */ (0,
|
|
859
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
846
860
|
] }) });
|
|
847
861
|
};
|
|
848
862
|
var MoneyInput_default = MoneyInput;
|
|
@@ -873,7 +887,7 @@ var InputControlType_default = InputControlType;
|
|
|
873
887
|
|
|
874
888
|
// src/components/controls/edit/Select.tsx
|
|
875
889
|
var import_react13 = require("react");
|
|
876
|
-
var
|
|
890
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
877
891
|
var Select = (props) => {
|
|
878
892
|
const [list, setList] = (0, import_react13.useState)([]);
|
|
879
893
|
const getSafeValue = (val) => {
|
|
@@ -931,10 +945,10 @@ var Select = (props) => {
|
|
|
931
945
|
props.dataSourceDependsOn
|
|
932
946
|
]);
|
|
933
947
|
const value = getSafeValue(props.value);
|
|
934
|
-
return /* @__PURE__ */ (0,
|
|
935
|
-
props.attributes?.label && /* @__PURE__ */ (0,
|
|
936
|
-
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0,
|
|
937
|
-
/* @__PURE__ */ (0,
|
|
948
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "block", children: [
|
|
949
|
+
props.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
|
|
950
|
+
props.attributes?.label && props.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-alert", children: "*" }),
|
|
951
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
|
|
938
952
|
"select",
|
|
939
953
|
{
|
|
940
954
|
name: props.name,
|
|
@@ -945,23 +959,23 @@ var Select = (props) => {
|
|
|
945
959
|
disabled: props.attributes?.readOnly,
|
|
946
960
|
className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
|
|
947
961
|
children: [
|
|
948
|
-
/* @__PURE__ */ (0,
|
|
962
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "", children: props.attributes?.placeholder || "Select" }),
|
|
949
963
|
list.map((item, index) => {
|
|
950
964
|
const keyField = props.dataKeyFieldName;
|
|
951
965
|
const textField = props.dataTextFieldName;
|
|
952
|
-
return /* @__PURE__ */ (0,
|
|
966
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: item[keyField], children: item[textField] }, index);
|
|
953
967
|
})
|
|
954
968
|
]
|
|
955
969
|
}
|
|
956
970
|
),
|
|
957
|
-
/* @__PURE__ */ (0,
|
|
971
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
|
|
958
972
|
] });
|
|
959
973
|
};
|
|
960
974
|
var Select_default = Select;
|
|
961
975
|
|
|
962
976
|
// src/components/controls/edit/PercentageInput.tsx
|
|
963
977
|
var import_react14 = __toESM(require("react"));
|
|
964
|
-
var
|
|
978
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
965
979
|
var PercentageInput = (props) => {
|
|
966
980
|
const textChangeHandler = (event) => {
|
|
967
981
|
const rawValue = event.target.value;
|
|
@@ -990,11 +1004,11 @@ var PercentageInput = (props) => {
|
|
|
990
1004
|
e.preventDefault();
|
|
991
1005
|
}
|
|
992
1006
|
};
|
|
993
|
-
return /* @__PURE__ */ (0,
|
|
994
|
-
/* @__PURE__ */ (0,
|
|
1007
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react14.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: "block mb-1", children: [
|
|
1008
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
|
|
995
1009
|
" ",
|
|
996
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
997
|
-
/* @__PURE__ */ (0,
|
|
1010
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1011
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
998
1012
|
"input",
|
|
999
1013
|
{
|
|
1000
1014
|
type: "number",
|
|
@@ -1013,14 +1027,14 @@ var PercentageInput = (props) => {
|
|
|
1013
1027
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input"
|
|
1014
1028
|
}
|
|
1015
1029
|
),
|
|
1016
|
-
/* @__PURE__ */ (0,
|
|
1030
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1017
1031
|
] }) });
|
|
1018
1032
|
};
|
|
1019
1033
|
var PercentageInput_default = PercentageInput;
|
|
1020
1034
|
|
|
1021
1035
|
// src/components/controls/edit/PhoneInput.tsx
|
|
1022
1036
|
var import_react15 = __toESM(require("react"));
|
|
1023
|
-
var
|
|
1037
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
1024
1038
|
var PhoneInput = (props) => {
|
|
1025
1039
|
const textChangeHandler = (event) => {
|
|
1026
1040
|
const text = event.target.value;
|
|
@@ -1039,11 +1053,11 @@ var PhoneInput = (props) => {
|
|
|
1039
1053
|
if (props.value !== void 0 && props.value !== null) {
|
|
1040
1054
|
value = props.value;
|
|
1041
1055
|
}
|
|
1042
|
-
return /* @__PURE__ */ (0,
|
|
1043
|
-
/* @__PURE__ */ (0,
|
|
1044
|
-
/* @__PURE__ */ (0,
|
|
1045
|
-
/* @__PURE__ */ (0,
|
|
1046
|
-
/* @__PURE__ */ (0,
|
|
1056
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react15.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("label", { className: "block mb-1", children: [
|
|
1057
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1058
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex items-center bg-gray-100 rounded border border-gray-300 \n focus-within:border-indigo-300 focus-within:ring focus-within:ring-indigo-200 focus-within:ring-opacity-50", children: [
|
|
1059
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "px-3 text-gray-700", children: props.prefix }),
|
|
1060
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
1047
1061
|
"input",
|
|
1048
1062
|
{
|
|
1049
1063
|
type: "text",
|
|
@@ -1061,14 +1075,14 @@ var PhoneInput = (props) => {
|
|
|
1061
1075
|
}
|
|
1062
1076
|
)
|
|
1063
1077
|
] }),
|
|
1064
|
-
/* @__PURE__ */ (0,
|
|
1078
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1065
1079
|
] }) });
|
|
1066
1080
|
};
|
|
1067
1081
|
var PhoneInput_default = PhoneInput;
|
|
1068
1082
|
|
|
1069
1083
|
// src/components/controls/edit/NumberInput.tsx
|
|
1070
1084
|
var import_react16 = __toESM(require("react"));
|
|
1071
|
-
var
|
|
1085
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
1072
1086
|
var NumberInput = (props) => {
|
|
1073
1087
|
const textChangeHandler = (event) => {
|
|
1074
1088
|
const text = event.target.value;
|
|
@@ -1091,11 +1105,11 @@ var NumberInput = (props) => {
|
|
|
1091
1105
|
if (props.value !== void 0 && props.value !== null) {
|
|
1092
1106
|
value = props.value;
|
|
1093
1107
|
}
|
|
1094
|
-
return /* @__PURE__ */ (0,
|
|
1095
|
-
props?.attributes?.label && /* @__PURE__ */ (0,
|
|
1108
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react16.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("label", { className: "block", children: [
|
|
1109
|
+
props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
|
|
1096
1110
|
" ",
|
|
1097
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1098
|
-
/* @__PURE__ */ (0,
|
|
1111
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1112
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
|
|
1099
1113
|
"input",
|
|
1100
1114
|
{
|
|
1101
1115
|
type: "number",
|
|
@@ -1114,14 +1128,14 @@ var NumberInput = (props) => {
|
|
|
1114
1128
|
className: "peer py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50 number-input\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1115
1129
|
}
|
|
1116
1130
|
),
|
|
1117
|
-
/* @__PURE__ */ (0,
|
|
1131
|
+
/* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1118
1132
|
] }) });
|
|
1119
1133
|
};
|
|
1120
1134
|
var NumberInput_default = NumberInput;
|
|
1121
1135
|
|
|
1122
1136
|
// src/components/controls/edit/CheckboxInput.tsx
|
|
1123
1137
|
var import_react17 = __toESM(require("react"));
|
|
1124
|
-
var
|
|
1138
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
1125
1139
|
var CheckboxInput = (props) => {
|
|
1126
1140
|
const textChangeHandler = (event) => {
|
|
1127
1141
|
let text = event.target.checked;
|
|
@@ -1140,11 +1154,11 @@ var CheckboxInput = (props) => {
|
|
|
1140
1154
|
if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
|
|
1141
1155
|
value = true;
|
|
1142
1156
|
}
|
|
1143
|
-
return /* @__PURE__ */ (0,
|
|
1144
|
-
/* @__PURE__ */ (0,
|
|
1157
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react17.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block mb-1", children: [
|
|
1158
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1145
1159
|
" ",
|
|
1146
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1147
|
-
/* @__PURE__ */ (0,
|
|
1160
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1161
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
1148
1162
|
"input",
|
|
1149
1163
|
{
|
|
1150
1164
|
type: "checkbox",
|
|
@@ -1161,14 +1175,14 @@ var CheckboxInput = (props) => {
|
|
|
1161
1175
|
className: "peer mt-1 py-1.5 block rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1162
1176
|
}
|
|
1163
1177
|
),
|
|
1164
|
-
/* @__PURE__ */ (0,
|
|
1178
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1165
1179
|
] }) });
|
|
1166
1180
|
};
|
|
1167
1181
|
var CheckboxInput_default = CheckboxInput;
|
|
1168
1182
|
|
|
1169
1183
|
// src/components/controls/edit/OtpInput.tsx
|
|
1170
1184
|
var import_react18 = __toESM(require("react"));
|
|
1171
|
-
var
|
|
1185
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
1172
1186
|
var OtpInput = (props) => {
|
|
1173
1187
|
const textChangeHandler = (event) => {
|
|
1174
1188
|
const text = event.target.value;
|
|
@@ -1190,9 +1204,9 @@ var OtpInput = (props) => {
|
|
|
1190
1204
|
if (props.value !== void 0 && props.value !== null) {
|
|
1191
1205
|
value = props.value;
|
|
1192
1206
|
}
|
|
1193
|
-
return /* @__PURE__ */ (0,
|
|
1194
|
-
/* @__PURE__ */ (0,
|
|
1195
|
-
/* @__PURE__ */ (0,
|
|
1207
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react18.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
|
|
1208
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1209
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
1196
1210
|
"input",
|
|
1197
1211
|
{
|
|
1198
1212
|
type: "text",
|
|
@@ -1212,7 +1226,7 @@ var OtpInput = (props) => {
|
|
|
1212
1226
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm tracking-[1.25em] text-center\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50"
|
|
1213
1227
|
}
|
|
1214
1228
|
),
|
|
1215
|
-
/* @__PURE__ */ (0,
|
|
1229
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1216
1230
|
] }) });
|
|
1217
1231
|
};
|
|
1218
1232
|
var OtpInput_default = OtpInput;
|
|
@@ -1295,7 +1309,7 @@ var DateTimeUtility_default = DateTimeUtility;
|
|
|
1295
1309
|
|
|
1296
1310
|
// src/components/controls/edit/DateTimeInput.tsx
|
|
1297
1311
|
var import_react19 = __toESM(require("react"));
|
|
1298
|
-
var
|
|
1312
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
1299
1313
|
var DateTimeInput = (props) => {
|
|
1300
1314
|
const textChangeHandler = (event) => {
|
|
1301
1315
|
const localDate = new Date(event.target.value);
|
|
@@ -1330,12 +1344,12 @@ var DateTimeInput = (props) => {
|
|
|
1330
1344
|
timeZoneAbbr = now2.toLocaleTimeString("en", { timeZoneName: "short" }).split(" ")[2];
|
|
1331
1345
|
localvalue = localDate?.toISOString()?.slice(0, 16);
|
|
1332
1346
|
}
|
|
1333
|
-
return /* @__PURE__ */ (0,
|
|
1334
|
-
/* @__PURE__ */ (0,
|
|
1347
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react19.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("label", { className: "block mb-1", children: [
|
|
1348
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
1335
1349
|
" ",
|
|
1336
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1337
|
-
/* @__PURE__ */ (0,
|
|
1338
|
-
/* @__PURE__ */ (0,
|
|
1350
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1351
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center gap-2", children: [
|
|
1352
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
1339
1353
|
"input",
|
|
1340
1354
|
{
|
|
1341
1355
|
type: "datetime-local",
|
|
@@ -1352,16 +1366,16 @@ var DateTimeInput = (props) => {
|
|
|
1352
1366
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1353
1367
|
}
|
|
1354
1368
|
),
|
|
1355
|
-
/* @__PURE__ */ (0,
|
|
1369
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: timeZoneAbbr })
|
|
1356
1370
|
] }),
|
|
1357
|
-
/* @__PURE__ */ (0,
|
|
1371
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
1358
1372
|
] }) });
|
|
1359
1373
|
};
|
|
1360
1374
|
var DateTimeInput_default = DateTimeInput;
|
|
1361
1375
|
|
|
1362
1376
|
// src/components/controls/edit/ColorInput.tsx
|
|
1363
1377
|
var import_react20 = __toESM(require("react"));
|
|
1364
|
-
var
|
|
1378
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
1365
1379
|
var ColorInput = (props) => {
|
|
1366
1380
|
const [color, setColor] = import_react20.default.useState("#3b82f6");
|
|
1367
1381
|
(0, import_react20.useEffect)(() => {
|
|
@@ -1383,11 +1397,11 @@ var ColorInput = (props) => {
|
|
|
1383
1397
|
});
|
|
1384
1398
|
}
|
|
1385
1399
|
};
|
|
1386
|
-
return /* @__PURE__ */ (0,
|
|
1387
|
-
/* @__PURE__ */ (0,
|
|
1400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("label", { className: "block mb-1", children: [
|
|
1401
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
1388
1402
|
" ",
|
|
1389
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1390
|
-
/* @__PURE__ */ (0,
|
|
1403
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1404
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
|
|
1391
1405
|
"input",
|
|
1392
1406
|
{
|
|
1393
1407
|
type: "color",
|
|
@@ -1400,14 +1414,14 @@ var ColorInput = (props) => {
|
|
|
1400
1414
|
className: `w-[88px] h-12 block cursor-pointer focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50`
|
|
1401
1415
|
}
|
|
1402
1416
|
),
|
|
1403
|
-
props?.attributes?.errorMessage && /* @__PURE__ */ (0,
|
|
1417
|
+
props?.attributes?.errorMessage && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("p", { className: "mt-1 text-alert text-sm", children: props.attributes.errorMessage })
|
|
1404
1418
|
] });
|
|
1405
1419
|
};
|
|
1406
1420
|
var ColorInput_default = ColorInput;
|
|
1407
1421
|
|
|
1408
1422
|
// src/components/controls/edit/SelectWithSearchInput.tsx
|
|
1409
1423
|
var import_react21 = require("react");
|
|
1410
|
-
var
|
|
1424
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
1411
1425
|
var SelectWithSearchInput = (props) => {
|
|
1412
1426
|
const [isOpen, setIsOpen] = (0, import_react21.useState)(false);
|
|
1413
1427
|
const [searchTerm, setSearchTerm] = (0, import_react21.useState)("");
|
|
@@ -1478,12 +1492,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
1478
1492
|
});
|
|
1479
1493
|
}
|
|
1480
1494
|
}, [highlightedIndex]);
|
|
1481
|
-
return /* @__PURE__ */ (0,
|
|
1482
|
-
/* @__PURE__ */ (0,
|
|
1495
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
|
|
1496
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)("label", { children: props.attributes?.label }),
|
|
1483
1497
|
" ",
|
|
1484
|
-
props?.attributes?.required && /* @__PURE__ */ (0,
|
|
1485
|
-
/* @__PURE__ */ (0,
|
|
1486
|
-
/* @__PURE__ */ (0,
|
|
1498
|
+
props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "text-alert", children: "*" }),
|
|
1499
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "relative", children: [
|
|
1500
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1487
1501
|
"input",
|
|
1488
1502
|
{
|
|
1489
1503
|
type: "text",
|
|
@@ -1499,13 +1513,13 @@ var SelectWithSearchInput = (props) => {
|
|
|
1499
1513
|
className: "peer py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n "
|
|
1500
1514
|
}
|
|
1501
1515
|
),
|
|
1502
|
-
/* @__PURE__ */ (0,
|
|
1516
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1503
1517
|
"button",
|
|
1504
1518
|
{
|
|
1505
1519
|
type: "button",
|
|
1506
1520
|
onClick: () => setIsOpen(!isOpen),
|
|
1507
1521
|
className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
|
|
1508
|
-
children: /* @__PURE__ */ (0,
|
|
1522
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1509
1523
|
"svg",
|
|
1510
1524
|
{
|
|
1511
1525
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -1514,7 +1528,7 @@ var SelectWithSearchInput = (props) => {
|
|
|
1514
1528
|
strokeWidth: 1.5,
|
|
1515
1529
|
stroke: "currentColor",
|
|
1516
1530
|
className: "w-full h-full",
|
|
1517
|
-
children: /* @__PURE__ */ (0,
|
|
1531
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1518
1532
|
"path",
|
|
1519
1533
|
{
|
|
1520
1534
|
strokeLinecap: "round",
|
|
@@ -1527,12 +1541,12 @@ var SelectWithSearchInput = (props) => {
|
|
|
1527
1541
|
}
|
|
1528
1542
|
)
|
|
1529
1543
|
] }),
|
|
1530
|
-
isOpen && /* @__PURE__ */ (0,
|
|
1544
|
+
isOpen && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1531
1545
|
"div",
|
|
1532
1546
|
{
|
|
1533
1547
|
ref: dropdownRef,
|
|
1534
1548
|
className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
|
|
1535
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
1549
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
1536
1550
|
"button",
|
|
1537
1551
|
{
|
|
1538
1552
|
onClick: (e) => handleSelect(e, item),
|
|
@@ -1540,10 +1554,10 @@ var SelectWithSearchInput = (props) => {
|
|
|
1540
1554
|
role: "option",
|
|
1541
1555
|
tabIndex: -1,
|
|
1542
1556
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1543
|
-
children: /* @__PURE__ */ (0,
|
|
1557
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { children: item[props.dataTextFieldName] })
|
|
1544
1558
|
},
|
|
1545
1559
|
item[props.dataKeyFieldName]
|
|
1546
|
-
)) : /* @__PURE__ */ (0,
|
|
1560
|
+
)) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1547
1561
|
}
|
|
1548
1562
|
)
|
|
1549
1563
|
] });
|
|
@@ -1609,7 +1623,7 @@ var import_react23 = require("react");
|
|
|
1609
1623
|
|
|
1610
1624
|
// src/components/ClientButton.tsx
|
|
1611
1625
|
var import_react22 = __toESM(require("react"));
|
|
1612
|
-
var
|
|
1626
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
1613
1627
|
var ClientButton = (props) => {
|
|
1614
1628
|
const execute = async (event) => {
|
|
1615
1629
|
if (props.onClick !== void 0) {
|
|
@@ -1619,7 +1633,7 @@ var ClientButton = (props) => {
|
|
|
1619
1633
|
}
|
|
1620
1634
|
};
|
|
1621
1635
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1622
|
-
return /* @__PURE__ */ (0,
|
|
1636
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react22.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1623
1637
|
"button",
|
|
1624
1638
|
{
|
|
1625
1639
|
type: "button",
|
|
@@ -1632,7 +1646,7 @@ var ClientButton = (props) => {
|
|
|
1632
1646
|
var ClientButton_default = ClientButton;
|
|
1633
1647
|
|
|
1634
1648
|
// src/components/Confirm.tsx
|
|
1635
|
-
var
|
|
1649
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
1636
1650
|
var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
1637
1651
|
const [showModal, setShowModal] = (0, import_react23.useState)(true);
|
|
1638
1652
|
const handleConfirmAction = () => {
|
|
@@ -1647,13 +1661,13 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1647
1661
|
onCancel();
|
|
1648
1662
|
}
|
|
1649
1663
|
};
|
|
1650
|
-
return /* @__PURE__ */ (0,
|
|
1651
|
-
/* @__PURE__ */ (0,
|
|
1652
|
-
/* @__PURE__ */ (0,
|
|
1653
|
-
/* @__PURE__ */ (0,
|
|
1654
|
-
/* @__PURE__ */ (0,
|
|
1655
|
-
/* @__PURE__ */ (0,
|
|
1656
|
-
/* @__PURE__ */ (0,
|
|
1664
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
|
|
1665
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
|
|
1666
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
|
|
1667
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
|
|
1668
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "mb-4", children: message }),
|
|
1669
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex justify-end gap-8", children: [
|
|
1670
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1657
1671
|
ClientButton_default,
|
|
1658
1672
|
{
|
|
1659
1673
|
onClick: handleCancelAction,
|
|
@@ -1661,7 +1675,7 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
|
|
|
1661
1675
|
children: "Cancel"
|
|
1662
1676
|
}
|
|
1663
1677
|
),
|
|
1664
|
-
/* @__PURE__ */ (0,
|
|
1678
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
1665
1679
|
ClientButton_default,
|
|
1666
1680
|
{
|
|
1667
1681
|
onClick: handleConfirmAction,
|
|
@@ -1677,7 +1691,7 @@ var Confirm_default = Confirm;
|
|
|
1677
1691
|
}
|
|
1678
1692
|
|
|
1679
1693
|
// src/components/Button.tsx
|
|
1680
|
-
var
|
|
1694
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
1681
1695
|
var Button = (props) => {
|
|
1682
1696
|
const [inProgress, setInProgress] = (0, import_react24.useState)(false);
|
|
1683
1697
|
const [isActionPerformed, setIsActionPerformed] = (0, import_react24.useState)(false);
|
|
@@ -1726,14 +1740,14 @@ var Button = (props) => {
|
|
|
1726
1740
|
return new Promise((resolve) => {
|
|
1727
1741
|
const onConfirm = () => resolve(true);
|
|
1728
1742
|
const onCancel = () => resolve(false);
|
|
1729
|
-
setShowModal(/* @__PURE__ */ (0,
|
|
1743
|
+
setShowModal(/* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
|
|
1730
1744
|
});
|
|
1731
1745
|
};
|
|
1732
1746
|
let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
|
|
1733
1747
|
let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
|
|
1734
1748
|
const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
|
|
1735
|
-
return /* @__PURE__ */ (0,
|
|
1736
|
-
/* @__PURE__ */ (0,
|
|
1749
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react24.default.Fragment, { children: [
|
|
1750
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
|
|
1737
1751
|
"button",
|
|
1738
1752
|
{
|
|
1739
1753
|
type: "submit",
|
|
@@ -1743,9 +1757,9 @@ var Button = (props) => {
|
|
|
1743
1757
|
className: buttonClass + " relative " + props.className,
|
|
1744
1758
|
children: [
|
|
1745
1759
|
isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
|
|
1746
|
-
inProgress && /* @__PURE__ */ (0,
|
|
1747
|
-
/* @__PURE__ */ (0,
|
|
1748
|
-
/* @__PURE__ */ (0,
|
|
1760
|
+
inProgress && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react24.default.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
|
|
1761
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
|
|
1762
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
|
|
1749
1763
|
] }) })
|
|
1750
1764
|
]
|
|
1751
1765
|
}
|
|
@@ -1757,7 +1771,7 @@ var Button_default = Button;
|
|
|
1757
1771
|
|
|
1758
1772
|
// src/components/controls/edit/SelectWithSearchPanel.tsx
|
|
1759
1773
|
var import_react25 = __toESM(require("react"));
|
|
1760
|
-
var
|
|
1774
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1761
1775
|
var SelectWithSearchPanel = (props) => {
|
|
1762
1776
|
const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
|
|
1763
1777
|
const [searchTerm, setSearchTerm] = (0, import_react25.useState)("");
|
|
@@ -1893,9 +1907,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1893
1907
|
console.log("Form Data:", formData);
|
|
1894
1908
|
return formData;
|
|
1895
1909
|
}, []);
|
|
1896
|
-
return /* @__PURE__ */ (0,
|
|
1897
|
-
/* @__PURE__ */ (0,
|
|
1898
|
-
/* @__PURE__ */ (0,
|
|
1910
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "relative", children: [
|
|
1911
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "text-sm mb-1 font-medium", children: props.attributes?.label }),
|
|
1912
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1899
1913
|
"input",
|
|
1900
1914
|
{
|
|
1901
1915
|
type: "text",
|
|
@@ -1909,14 +1923,14 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1909
1923
|
disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
|
|
1910
1924
|
}
|
|
1911
1925
|
) }),
|
|
1912
|
-
/* @__PURE__ */ (0,
|
|
1913
|
-
/* @__PURE__ */ (0,
|
|
1914
|
-
/* @__PURE__ */ (0,
|
|
1926
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react25.default.Fragment, { children: [
|
|
1927
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
|
|
1928
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("h5", { className: "text-md text-white font-medium", children: [
|
|
1915
1929
|
"Select a",
|
|
1916
1930
|
" ",
|
|
1917
1931
|
props.attributes?.label || props.attributes?.heading
|
|
1918
1932
|
] }) }),
|
|
1919
|
-
/* @__PURE__ */ (0,
|
|
1933
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1920
1934
|
"button",
|
|
1921
1935
|
{
|
|
1922
1936
|
type: "button",
|
|
@@ -1929,12 +1943,12 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1929
1943
|
}
|
|
1930
1944
|
) })
|
|
1931
1945
|
] }),
|
|
1932
|
-
isCreateOpen && /* @__PURE__ */ (0,
|
|
1933
|
-
/* @__PURE__ */ (0,
|
|
1946
|
+
isCreateOpen && /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
|
|
1947
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("h5", { className: "text-md font-medium text-white", children: [
|
|
1934
1948
|
"Create New ",
|
|
1935
1949
|
props.attributes?.label
|
|
1936
1950
|
] }) }),
|
|
1937
|
-
/* @__PURE__ */ (0,
|
|
1951
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1938
1952
|
"button",
|
|
1939
1953
|
{
|
|
1940
1954
|
type: "button",
|
|
@@ -1943,10 +1957,10 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1943
1957
|
children: "Close"
|
|
1944
1958
|
}
|
|
1945
1959
|
) }),
|
|
1946
|
-
/* @__PURE__ */ (0,
|
|
1947
|
-
props.createFields?.map((field) => /* @__PURE__ */ (0,
|
|
1948
|
-
/* @__PURE__ */ (0,
|
|
1949
|
-
/* @__PURE__ */ (0,
|
|
1960
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "p-4", children: [
|
|
1961
|
+
props.createFields?.map((field) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("div", { className: "mb-4", children: [
|
|
1962
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
|
|
1963
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1950
1964
|
"input",
|
|
1951
1965
|
{
|
|
1952
1966
|
type: field.type,
|
|
@@ -1962,7 +1976,7 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1962
1976
|
}
|
|
1963
1977
|
)
|
|
1964
1978
|
] }, field.name)),
|
|
1965
|
-
/* @__PURE__ */ (0,
|
|
1979
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Button_default, { onClick: async () => {
|
|
1966
1980
|
handleSaveModal();
|
|
1967
1981
|
return { isSuccessful: true };
|
|
1968
1982
|
}, className: "w-full", children: [
|
|
@@ -1971,13 +1985,13 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1971
1985
|
] })
|
|
1972
1986
|
] })
|
|
1973
1987
|
] }),
|
|
1974
|
-
/* @__PURE__ */ (0,
|
|
1988
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1975
1989
|
"div",
|
|
1976
1990
|
{
|
|
1977
1991
|
ref: listRef,
|
|
1978
1992
|
className: "fixed z-10 right-0 mt-[130px] top-0 w-1/4 bg-white border-l border-gray-200 shadow-lg overflow-y-auto",
|
|
1979
1993
|
style: { height: "calc(100vh - 130px)" },
|
|
1980
|
-
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0,
|
|
1994
|
+
children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1981
1995
|
"button",
|
|
1982
1996
|
{
|
|
1983
1997
|
onClick: (e) => {
|
|
@@ -1987,9 +2001,9 @@ var SelectWithSearchPanel = (props) => {
|
|
|
1987
2001
|
role: "option",
|
|
1988
2002
|
tabIndex: -1,
|
|
1989
2003
|
onMouseEnter: () => setHighlightedIndex(index),
|
|
1990
|
-
children: /* @__PURE__ */ (0,
|
|
2004
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { children: getNestedValue3(item, props.dataTextFieldName) })
|
|
1991
2005
|
}
|
|
1992
|
-
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0,
|
|
2006
|
+
) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
|
|
1993
2007
|
}
|
|
1994
2008
|
)
|
|
1995
2009
|
] }) })
|
|
@@ -1999,7 +2013,7 @@ var SelectWithSearchPanel_default = SelectWithSearchPanel;
|
|
|
1999
2013
|
|
|
2000
2014
|
// src/components/controls/edit/BooleanSelect.tsx
|
|
2001
2015
|
var import_react26 = __toESM(require("react"));
|
|
2002
|
-
var
|
|
2016
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2003
2017
|
var BooleanSelect = (props) => {
|
|
2004
2018
|
const [list, setList] = (0, import_react26.useState)();
|
|
2005
2019
|
const textChangeHandler = (event) => {
|
|
@@ -2048,11 +2062,11 @@ var BooleanSelect = (props) => {
|
|
|
2048
2062
|
if (props.value !== void 0 && props.value !== null) {
|
|
2049
2063
|
value = props.value;
|
|
2050
2064
|
}
|
|
2051
|
-
return /* @__PURE__ */ (0,
|
|
2052
|
-
/* @__PURE__ */ (0,
|
|
2065
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react26.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("label", { className: "block", children: [
|
|
2066
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
|
|
2053
2067
|
" ",
|
|
2054
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2055
|
-
/* @__PURE__ */ (0,
|
|
2068
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-alert", children: "*" }),
|
|
2069
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
2056
2070
|
"select",
|
|
2057
2071
|
{
|
|
2058
2072
|
name: props.name,
|
|
@@ -2064,9 +2078,9 @@ var BooleanSelect = (props) => {
|
|
|
2064
2078
|
disabled: props?.attributes?.readOnly,
|
|
2065
2079
|
className: "peer mt-1 py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n ",
|
|
2066
2080
|
children: [
|
|
2067
|
-
/* @__PURE__ */ (0,
|
|
2081
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
|
|
2068
2082
|
list && list.map((item, i) => {
|
|
2069
|
-
return /* @__PURE__ */ (0,
|
|
2083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2070
2084
|
"option",
|
|
2071
2085
|
{
|
|
2072
2086
|
className: "fac-select-option",
|
|
@@ -2079,14 +2093,14 @@ var BooleanSelect = (props) => {
|
|
|
2079
2093
|
]
|
|
2080
2094
|
}
|
|
2081
2095
|
),
|
|
2082
|
-
/* @__PURE__ */ (0,
|
|
2096
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2083
2097
|
] }) });
|
|
2084
2098
|
};
|
|
2085
2099
|
var BooleanSelect_default = BooleanSelect;
|
|
2086
2100
|
|
|
2087
2101
|
// src/components/controls/edit/EmailInput.tsx
|
|
2088
2102
|
var import_react27 = __toESM(require("react"));
|
|
2089
|
-
var
|
|
2103
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2090
2104
|
var EmailInput = (props) => {
|
|
2091
2105
|
const textChangeHandler = (event) => {
|
|
2092
2106
|
const text = event.target.value;
|
|
@@ -2111,11 +2125,11 @@ var EmailInput = (props) => {
|
|
|
2111
2125
|
if (props.value !== void 0 && props.value !== null) {
|
|
2112
2126
|
value = props.value;
|
|
2113
2127
|
}
|
|
2114
|
-
return /* @__PURE__ */ (0,
|
|
2115
|
-
/* @__PURE__ */ (0,
|
|
2128
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react27.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: "block mb-1", children: [
|
|
2129
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
|
|
2116
2130
|
" ",
|
|
2117
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2118
|
-
/* @__PURE__ */ (0,
|
|
2131
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-alert", children: "*" }),
|
|
2132
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2119
2133
|
"input",
|
|
2120
2134
|
{
|
|
2121
2135
|
type: "email",
|
|
@@ -2131,14 +2145,14 @@ var EmailInput = (props) => {
|
|
|
2131
2145
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus-within:border-neutral-300 focus-within:ring focus-within:ring-neutral-300 focus-within:ring-opacity-50 transition-all duration-500 ease-in-out"
|
|
2132
2146
|
}
|
|
2133
2147
|
),
|
|
2134
|
-
/* @__PURE__ */ (0,
|
|
2148
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 text-alert text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
|
|
2135
2149
|
] }) });
|
|
2136
2150
|
};
|
|
2137
2151
|
var EmailInput_default = EmailInput;
|
|
2138
2152
|
|
|
2139
2153
|
// src/components/controls/edit/TimeInput.tsx
|
|
2140
2154
|
var import_react28 = __toESM(require("react"));
|
|
2141
|
-
var
|
|
2155
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
2142
2156
|
var TimeInput = (props) => {
|
|
2143
2157
|
const timeChangeHandler = (event) => {
|
|
2144
2158
|
const timeValue = event.target.value;
|
|
@@ -2151,10 +2165,10 @@ var TimeInput = (props) => {
|
|
|
2151
2165
|
});
|
|
2152
2166
|
}
|
|
2153
2167
|
};
|
|
2154
|
-
return /* @__PURE__ */ (0,
|
|
2155
|
-
/* @__PURE__ */ (0,
|
|
2156
|
-
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0,
|
|
2157
|
-
/* @__PURE__ */ (0,
|
|
2168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react28.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: "block mb-1", children: [
|
|
2169
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
|
|
2170
|
+
props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-alert", children: "*" }),
|
|
2171
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2158
2172
|
"input",
|
|
2159
2173
|
{
|
|
2160
2174
|
type: "time",
|
|
@@ -2167,13 +2181,13 @@ var TimeInput = (props) => {
|
|
|
2167
2181
|
className: "peer mt-1 py-1.5 block w-full rounded border-gray-300 shadow-sm\n focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
|
|
2168
2182
|
}
|
|
2169
2183
|
) }),
|
|
2170
|
-
/* @__PURE__ */ (0,
|
|
2184
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props?.attributes?.errorMessage ?? "" })
|
|
2171
2185
|
] }) });
|
|
2172
2186
|
};
|
|
2173
2187
|
var TimeInput_default = TimeInput;
|
|
2174
2188
|
|
|
2175
2189
|
// src/components/controls/edit/InputControl.tsx
|
|
2176
|
-
var
|
|
2190
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
2177
2191
|
var InputControl = import_react29.default.forwardRef(
|
|
2178
2192
|
(props, ref) => {
|
|
2179
2193
|
const ControlComponents = {
|
|
@@ -2195,7 +2209,7 @@ var InputControl = import_react29.default.forwardRef(
|
|
|
2195
2209
|
[InputControlType_default.timeInput]: TimeInput_default
|
|
2196
2210
|
};
|
|
2197
2211
|
const SelectedControlComponent = ControlComponents[props.controlType];
|
|
2198
|
-
return /* @__PURE__ */ (0,
|
|
2212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react29.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
|
|
2199
2213
|
}
|
|
2200
2214
|
);
|
|
2201
2215
|
InputControl.displayName = "InputControl";
|
|
@@ -2207,46 +2221,46 @@ var import_navigation = require("next/navigation");
|
|
|
2207
2221
|
|
|
2208
2222
|
// src/components/dataForm/NoContentView.tsx
|
|
2209
2223
|
var import_react30 = __toESM(require("react"));
|
|
2210
|
-
var
|
|
2224
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2211
2225
|
var NoContentView = (props) => {
|
|
2212
|
-
return /* @__PURE__ */ (0,
|
|
2226
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react30.default.Fragment, { children: props.isDataFound === false && props.children });
|
|
2213
2227
|
};
|
|
2214
2228
|
var NoContentView_default = NoContentView;
|
|
2215
2229
|
|
|
2216
2230
|
// src/components/dataForm/ContentView.tsx
|
|
2217
2231
|
var import_react31 = __toESM(require("react"));
|
|
2218
|
-
var
|
|
2232
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
2219
2233
|
var ContentView = (props) => {
|
|
2220
|
-
return /* @__PURE__ */ (0,
|
|
2221
|
-
props.isDataFound == null && /* @__PURE__ */ (0,
|
|
2222
|
-
/* @__PURE__ */ (0,
|
|
2223
|
-
/* @__PURE__ */ (0,
|
|
2224
|
-
/* @__PURE__ */ (0,
|
|
2225
|
-
/* @__PURE__ */ (0,
|
|
2226
|
-
/* @__PURE__ */ (0,
|
|
2234
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react31.default.Fragment, { children: [
|
|
2235
|
+
props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
|
|
2236
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center mb-4", children: [
|
|
2237
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
|
|
2238
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "ml-2", children: [
|
|
2239
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
|
|
2240
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
|
|
2227
2241
|
] })
|
|
2228
2242
|
] }),
|
|
2229
|
-
/* @__PURE__ */ (0,
|
|
2230
|
-
/* @__PURE__ */ (0,
|
|
2231
|
-
/* @__PURE__ */ (0,
|
|
2232
|
-
/* @__PURE__ */ (0,
|
|
2233
|
-
/* @__PURE__ */ (0,
|
|
2234
|
-
/* @__PURE__ */ (0,
|
|
2235
|
-
/* @__PURE__ */ (0,
|
|
2243
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
|
|
2244
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "animate-pulse", children: [
|
|
2245
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2246
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2247
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2248
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2249
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2236
2250
|
] }),
|
|
2237
|
-
/* @__PURE__ */ (0,
|
|
2238
|
-
/* @__PURE__ */ (0,
|
|
2239
|
-
/* @__PURE__ */ (0,
|
|
2240
|
-
/* @__PURE__ */ (0,
|
|
2241
|
-
/* @__PURE__ */ (0,
|
|
2242
|
-
/* @__PURE__ */ (0,
|
|
2251
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "animate-pulse", children: [
|
|
2252
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2253
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2254
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2255
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2256
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2243
2257
|
] }),
|
|
2244
|
-
/* @__PURE__ */ (0,
|
|
2245
|
-
/* @__PURE__ */ (0,
|
|
2246
|
-
/* @__PURE__ */ (0,
|
|
2247
|
-
/* @__PURE__ */ (0,
|
|
2248
|
-
/* @__PURE__ */ (0,
|
|
2249
|
-
/* @__PURE__ */ (0,
|
|
2258
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "animate-pulse", children: [
|
|
2259
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
|
|
2260
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
|
|
2261
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
|
|
2262
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
|
|
2263
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
|
|
2250
2264
|
] })
|
|
2251
2265
|
] })
|
|
2252
2266
|
] }) }),
|
|
@@ -2257,7 +2271,7 @@ var ContentView_default = ContentView;
|
|
|
2257
2271
|
|
|
2258
2272
|
// src/components/dataForm/Hyperlink.tsx
|
|
2259
2273
|
var import_link = __toESM(require("next/link"));
|
|
2260
|
-
var
|
|
2274
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
2261
2275
|
function Hyperlink(props) {
|
|
2262
2276
|
let linkClass = props.linkType ? buttonClasses.get(props.linkType) : "";
|
|
2263
2277
|
const target = props?.href?.startsWith("http") ? "_blank" : "_self";
|
|
@@ -2265,7 +2279,7 @@ function Hyperlink(props) {
|
|
|
2265
2279
|
if (target == "_blank") {
|
|
2266
2280
|
additionalProps.rel = "noopener noreferrer";
|
|
2267
2281
|
}
|
|
2268
|
-
return /* @__PURE__ */ (0,
|
|
2282
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_jsx_runtime33.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
2269
2283
|
import_link.default,
|
|
2270
2284
|
{
|
|
2271
2285
|
href: props.href,
|
|
@@ -2275,7 +2289,7 @@ function Hyperlink(props) {
|
|
|
2275
2289
|
target,
|
|
2276
2290
|
children: props.children
|
|
2277
2291
|
}
|
|
2278
|
-
) : props.isHeading ? /* @__PURE__ */ (0,
|
|
2292
|
+
) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: props.className, children: props.children }) });
|
|
2279
2293
|
}
|
|
2280
2294
|
|
|
2281
2295
|
// src/clients/OdataBuilder.tsx
|
|
@@ -2433,30 +2447,30 @@ var OdataBuilder = class {
|
|
|
2433
2447
|
};
|
|
2434
2448
|
|
|
2435
2449
|
// src/svg/chevron-updown.tsx
|
|
2436
|
-
var
|
|
2450
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
2437
2451
|
var ChevronUpDown = (props) => {
|
|
2438
|
-
return /* @__PURE__ */ (0,
|
|
2452
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
|
|
2439
2453
|
};
|
|
2440
2454
|
var chevron_updown_default = ChevronUpDown;
|
|
2441
2455
|
|
|
2442
2456
|
// src/svg/chevron-down.tsx
|
|
2443
|
-
var
|
|
2457
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
2444
2458
|
var ChevronDown = (props) => {
|
|
2445
|
-
return /* @__PURE__ */ (0,
|
|
2459
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
|
|
2446
2460
|
};
|
|
2447
2461
|
var chevron_down_default = ChevronDown;
|
|
2448
2462
|
|
|
2449
2463
|
// src/svg/chevron-up.tsx
|
|
2450
|
-
var
|
|
2464
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
2451
2465
|
var ChevronUp = (props) => {
|
|
2452
|
-
return /* @__PURE__ */ (0,
|
|
2466
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
|
|
2453
2467
|
};
|
|
2454
2468
|
var chevron_up_default = ChevronUp;
|
|
2455
2469
|
|
|
2456
2470
|
// src/svg/plus.tsx
|
|
2457
|
-
var
|
|
2471
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
2458
2472
|
var Plus = (props) => {
|
|
2459
|
-
return /* @__PURE__ */ (0,
|
|
2473
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
|
|
2460
2474
|
};
|
|
2461
2475
|
var plus_default = Plus;
|
|
2462
2476
|
|
|
@@ -2470,14 +2484,14 @@ var Icons = {
|
|
|
2470
2484
|
var Icons_default = Icons;
|
|
2471
2485
|
|
|
2472
2486
|
// src/svg/Icon.tsx
|
|
2473
|
-
var
|
|
2487
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
2474
2488
|
var Icon = ({ name, className, ...props }) => {
|
|
2475
2489
|
const IconComponent = Icons_default[name];
|
|
2476
2490
|
if (!IconComponent) {
|
|
2477
2491
|
console.error(`Icon "${name}" not found.`);
|
|
2478
2492
|
return null;
|
|
2479
2493
|
}
|
|
2480
|
-
return /* @__PURE__ */ (0,
|
|
2494
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(IconComponent, { ...props, className });
|
|
2481
2495
|
};
|
|
2482
2496
|
var Icon_default = Icon;
|
|
2483
2497
|
|
|
@@ -2526,7 +2540,7 @@ function FormReducer(state, action) {
|
|
|
2526
2540
|
var FormReducer_default = FormReducer;
|
|
2527
2541
|
|
|
2528
2542
|
// src/components/dataForm/DataList.tsx
|
|
2529
|
-
var
|
|
2543
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
2530
2544
|
var DataList = (props) => {
|
|
2531
2545
|
console.log(props.dataset, "datasetssssss");
|
|
2532
2546
|
const router = (0, import_navigation.useRouter)();
|
|
@@ -2549,7 +2563,7 @@ var DataList = (props) => {
|
|
|
2549
2563
|
if (path.includes(".")) {
|
|
2550
2564
|
return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
|
|
2551
2565
|
} else if (Array.isArray(obj[path])) {
|
|
2552
|
-
return obj[path].map((item, index) => /* @__PURE__ */ (0,
|
|
2566
|
+
return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: item }, index));
|
|
2553
2567
|
} else {
|
|
2554
2568
|
return obj[path];
|
|
2555
2569
|
}
|
|
@@ -2605,30 +2619,30 @@ var DataList = (props) => {
|
|
|
2605
2619
|
const renderPageNumbers = () => {
|
|
2606
2620
|
if (pages <= 10) {
|
|
2607
2621
|
return Array.from({ length: pages }, (_, index) => index + 1).map(
|
|
2608
|
-
(page) => /* @__PURE__ */ (0,
|
|
2622
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2609
2623
|
Hyperlink,
|
|
2610
2624
|
{
|
|
2611
2625
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2612
2626
|
href: builder.getNewPageUrl(page),
|
|
2613
2627
|
children: page
|
|
2614
2628
|
}
|
|
2615
|
-
) : /* @__PURE__ */ (0,
|
|
2629
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
2616
2630
|
);
|
|
2617
2631
|
} else {
|
|
2618
2632
|
const showFirstPages = activePageNumber <= 5;
|
|
2619
2633
|
const showLastPages = activePageNumber > pages - 5;
|
|
2620
2634
|
if (showFirstPages) {
|
|
2621
|
-
return /* @__PURE__ */ (0,
|
|
2622
|
-
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0,
|
|
2635
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
2636
|
+
Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2623
2637
|
Hyperlink,
|
|
2624
2638
|
{
|
|
2625
2639
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2626
2640
|
href: builder.getNewPageUrl(page),
|
|
2627
2641
|
children: page
|
|
2628
2642
|
}
|
|
2629
|
-
) : /* @__PURE__ */ (0,
|
|
2630
|
-
/* @__PURE__ */ (0,
|
|
2631
|
-
/* @__PURE__ */ (0,
|
|
2643
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
2644
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2645
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2632
2646
|
Hyperlink,
|
|
2633
2647
|
{
|
|
2634
2648
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2636,7 +2650,7 @@ var DataList = (props) => {
|
|
|
2636
2650
|
children: pages - 1
|
|
2637
2651
|
}
|
|
2638
2652
|
),
|
|
2639
|
-
/* @__PURE__ */ (0,
|
|
2653
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2640
2654
|
Hyperlink,
|
|
2641
2655
|
{
|
|
2642
2656
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2644,7 +2658,7 @@ var DataList = (props) => {
|
|
|
2644
2658
|
children: pages
|
|
2645
2659
|
}
|
|
2646
2660
|
),
|
|
2647
|
-
/* @__PURE__ */ (0,
|
|
2661
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2648
2662
|
"select",
|
|
2649
2663
|
{
|
|
2650
2664
|
className: " py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2656,18 +2670,18 @@ var DataList = (props) => {
|
|
|
2656
2670
|
}
|
|
2657
2671
|
},
|
|
2658
2672
|
children: [
|
|
2659
|
-
/* @__PURE__ */ (0,
|
|
2673
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { className: "", value: "", children: "Jump to" }),
|
|
2660
2674
|
Array.from(
|
|
2661
2675
|
{ length: Math.max(0, pages - 10) },
|
|
2662
2676
|
(_, index) => index + 9
|
|
2663
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
2677
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: page, children: page }, page))
|
|
2664
2678
|
]
|
|
2665
2679
|
}
|
|
2666
2680
|
) })
|
|
2667
2681
|
] });
|
|
2668
2682
|
} else if (showLastPages) {
|
|
2669
|
-
return /* @__PURE__ */ (0,
|
|
2670
|
-
/* @__PURE__ */ (0,
|
|
2683
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
2684
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2671
2685
|
Hyperlink,
|
|
2672
2686
|
{
|
|
2673
2687
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2675,7 +2689,7 @@ var DataList = (props) => {
|
|
|
2675
2689
|
children: "1"
|
|
2676
2690
|
}
|
|
2677
2691
|
),
|
|
2678
|
-
/* @__PURE__ */ (0,
|
|
2692
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2679
2693
|
Hyperlink,
|
|
2680
2694
|
{
|
|
2681
2695
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2683,21 +2697,21 @@ var DataList = (props) => {
|
|
|
2683
2697
|
children: "2"
|
|
2684
2698
|
}
|
|
2685
2699
|
),
|
|
2686
|
-
/* @__PURE__ */ (0,
|
|
2700
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2687
2701
|
Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
|
|
2688
|
-
(page) => /* @__PURE__ */ (0,
|
|
2702
|
+
(page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2689
2703
|
Hyperlink,
|
|
2690
2704
|
{
|
|
2691
2705
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2692
2706
|
href: builder.getNewPageUrl(page),
|
|
2693
2707
|
children: page
|
|
2694
2708
|
}
|
|
2695
|
-
) : /* @__PURE__ */ (0,
|
|
2709
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
|
|
2696
2710
|
)
|
|
2697
2711
|
] });
|
|
2698
2712
|
} else {
|
|
2699
|
-
return /* @__PURE__ */ (0,
|
|
2700
|
-
/* @__PURE__ */ (0,
|
|
2713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
2714
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2701
2715
|
Hyperlink,
|
|
2702
2716
|
{
|
|
2703
2717
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2705,7 +2719,7 @@ var DataList = (props) => {
|
|
|
2705
2719
|
children: "1"
|
|
2706
2720
|
}
|
|
2707
2721
|
),
|
|
2708
|
-
/* @__PURE__ */ (0,
|
|
2722
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2709
2723
|
Hyperlink,
|
|
2710
2724
|
{
|
|
2711
2725
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2713,20 +2727,20 @@ var DataList = (props) => {
|
|
|
2713
2727
|
children: "2"
|
|
2714
2728
|
}
|
|
2715
2729
|
),
|
|
2716
|
-
/* @__PURE__ */ (0,
|
|
2730
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2717
2731
|
Array.from(
|
|
2718
2732
|
{ length: 5 },
|
|
2719
2733
|
(_, index) => activePageNumber - 2 + index
|
|
2720
|
-
).map((page) => /* @__PURE__ */ (0,
|
|
2734
|
+
).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2721
2735
|
Hyperlink,
|
|
2722
2736
|
{
|
|
2723
2737
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
2724
2738
|
href: builder.getNewPageUrl(page),
|
|
2725
2739
|
children: page
|
|
2726
2740
|
}
|
|
2727
|
-
) : /* @__PURE__ */ (0,
|
|
2728
|
-
/* @__PURE__ */ (0,
|
|
2729
|
-
/* @__PURE__ */ (0,
|
|
2741
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
|
|
2742
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "px-2 py-1", children: "..." }),
|
|
2743
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2730
2744
|
Hyperlink,
|
|
2731
2745
|
{
|
|
2732
2746
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2734,7 +2748,7 @@ var DataList = (props) => {
|
|
|
2734
2748
|
children: pages - 1
|
|
2735
2749
|
}
|
|
2736
2750
|
),
|
|
2737
|
-
/* @__PURE__ */ (0,
|
|
2751
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2738
2752
|
Hyperlink,
|
|
2739
2753
|
{
|
|
2740
2754
|
className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
|
|
@@ -2742,7 +2756,7 @@ var DataList = (props) => {
|
|
|
2742
2756
|
children: pages
|
|
2743
2757
|
}
|
|
2744
2758
|
),
|
|
2745
|
-
/* @__PURE__ */ (0,
|
|
2759
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2746
2760
|
"select",
|
|
2747
2761
|
{
|
|
2748
2762
|
className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
|
|
@@ -2754,8 +2768,8 @@ var DataList = (props) => {
|
|
|
2754
2768
|
}
|
|
2755
2769
|
},
|
|
2756
2770
|
children: [
|
|
2757
|
-
/* @__PURE__ */ (0,
|
|
2758
|
-
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0,
|
|
2771
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: "", children: "Jump to" }),
|
|
2772
|
+
Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("option", { value: page, children: page }, page))
|
|
2759
2773
|
]
|
|
2760
2774
|
}
|
|
2761
2775
|
) })
|
|
@@ -2763,16 +2777,16 @@ var DataList = (props) => {
|
|
|
2763
2777
|
}
|
|
2764
2778
|
}
|
|
2765
2779
|
};
|
|
2766
|
-
return /* @__PURE__ */ (0,
|
|
2767
|
-
/* @__PURE__ */ (0,
|
|
2768
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
2780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_react32.default.Fragment, { children: [
|
|
2781
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(ContentView_default, { isDataFound, children: [
|
|
2782
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2769
2783
|
"div",
|
|
2770
2784
|
{
|
|
2771
2785
|
className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200 sticky top-0`,
|
|
2772
2786
|
children: [
|
|
2773
|
-
props.title ? /* @__PURE__ */ (0,
|
|
2774
|
-
/* @__PURE__ */ (0,
|
|
2775
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
2787
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", {}),
|
|
2788
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
2789
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2776
2790
|
InputControl_default,
|
|
2777
2791
|
{
|
|
2778
2792
|
name: filter.name,
|
|
@@ -2787,15 +2801,15 @@ var DataList = (props) => {
|
|
|
2787
2801
|
},
|
|
2788
2802
|
filter.name
|
|
2789
2803
|
)),
|
|
2790
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
2804
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2791
2805
|
Hyperlink,
|
|
2792
2806
|
{
|
|
2793
2807
|
className: "gap-1",
|
|
2794
2808
|
linkType: "Primary" /* Solid */,
|
|
2795
2809
|
href: props.addLinkHref,
|
|
2796
2810
|
children: [
|
|
2797
|
-
/* @__PURE__ */ (0,
|
|
2798
|
-
/* @__PURE__ */ (0,
|
|
2811
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2812
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2799
2813
|
]
|
|
2800
2814
|
}
|
|
2801
2815
|
)
|
|
@@ -2803,8 +2817,8 @@ var DataList = (props) => {
|
|
|
2803
2817
|
]
|
|
2804
2818
|
}
|
|
2805
2819
|
),
|
|
2806
|
-
/* @__PURE__ */ (0,
|
|
2807
|
-
/* @__PURE__ */ (0,
|
|
2820
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 overflow-y-auto justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("table", { className: "w-full divide-y divide-gray-200", children: [
|
|
2821
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
2808
2822
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2809
2823
|
let icon = "chevronUpDown";
|
|
2810
2824
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2814,36 +2828,36 @@ var DataList = (props) => {
|
|
|
2814
2828
|
icon = "chevronUp";
|
|
2815
2829
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2816
2830
|
}
|
|
2817
|
-
return /* @__PURE__ */ (0,
|
|
2831
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2818
2832
|
"th",
|
|
2819
2833
|
{
|
|
2820
2834
|
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
2821
|
-
children: /* @__PURE__ */ (0,
|
|
2822
|
-
/* @__PURE__ */ (0,
|
|
2823
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
2835
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Hyperlink, { href: url, className: "!text-neutral-contrast ", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
2836
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-black", children: column.label }),
|
|
2837
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2824
2838
|
] }) })
|
|
2825
2839
|
},
|
|
2826
2840
|
column.name
|
|
2827
2841
|
);
|
|
2828
2842
|
}) }) }),
|
|
2829
|
-
/* @__PURE__ */ (0,
|
|
2843
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
|
|
2830
2844
|
let validityClass = "";
|
|
2831
2845
|
console.log("dataitem", dataitem);
|
|
2832
2846
|
if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
|
|
2833
2847
|
validityClass = "bg-alert-200";
|
|
2834
2848
|
}
|
|
2835
|
-
return /* @__PURE__ */ (0,
|
|
2849
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
|
|
2836
2850
|
console.log("column", column);
|
|
2837
|
-
return /* @__PURE__ */ (0,
|
|
2851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react32.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2838
2852
|
"td",
|
|
2839
2853
|
{
|
|
2840
2854
|
className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
|
|
2841
|
-
children: column.addhref === true ? /* @__PURE__ */ (0,
|
|
2855
|
+
children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2842
2856
|
Hyperlink,
|
|
2843
2857
|
{
|
|
2844
2858
|
className: "",
|
|
2845
2859
|
href: `https://${dataitem[column.name]}`,
|
|
2846
|
-
children: /* @__PURE__ */ (0,
|
|
2860
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2847
2861
|
ViewControl_default,
|
|
2848
2862
|
{
|
|
2849
2863
|
controlType: column.controlType,
|
|
@@ -2856,11 +2870,11 @@ var DataList = (props) => {
|
|
|
2856
2870
|
}
|
|
2857
2871
|
)
|
|
2858
2872
|
}
|
|
2859
|
-
) : column.showAsLink ? /* @__PURE__ */ (0,
|
|
2873
|
+
) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2860
2874
|
Hyperlink,
|
|
2861
2875
|
{
|
|
2862
2876
|
href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
|
|
2863
|
-
children: /* @__PURE__ */ (0,
|
|
2877
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2864
2878
|
ViewControl_default,
|
|
2865
2879
|
{
|
|
2866
2880
|
controlType: column.controlType,
|
|
@@ -2870,7 +2884,7 @@ var DataList = (props) => {
|
|
|
2870
2884
|
}
|
|
2871
2885
|
)
|
|
2872
2886
|
}
|
|
2873
|
-
) : /* @__PURE__ */ (0,
|
|
2887
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2874
2888
|
ViewControl_default,
|
|
2875
2889
|
{
|
|
2876
2890
|
controlType: column.controlType,
|
|
@@ -2884,10 +2898,10 @@ var DataList = (props) => {
|
|
|
2884
2898
|
}) }, index);
|
|
2885
2899
|
}) })
|
|
2886
2900
|
] }) }),
|
|
2887
|
-
/* @__PURE__ */ (0,
|
|
2888
|
-
/* @__PURE__ */ (0,
|
|
2889
|
-
/* @__PURE__ */ (0,
|
|
2890
|
-
activePageNumber > 1 && /* @__PURE__ */ (0,
|
|
2901
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center justify-between", children: [
|
|
2902
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-gray-700", children: label }),
|
|
2903
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex space-x-2 items-center", children: [
|
|
2904
|
+
activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2891
2905
|
Hyperlink,
|
|
2892
2906
|
{
|
|
2893
2907
|
className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2895,9 +2909,9 @@ var DataList = (props) => {
|
|
|
2895
2909
|
children: "Prev"
|
|
2896
2910
|
}
|
|
2897
2911
|
),
|
|
2898
|
-
activePageNumber <= 1 && /* @__PURE__ */ (0,
|
|
2912
|
+
activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime39.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" }),
|
|
2899
2913
|
renderPageNumbers(),
|
|
2900
|
-
activePageNumber < pages && /* @__PURE__ */ (0,
|
|
2914
|
+
activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2901
2915
|
Hyperlink,
|
|
2902
2916
|
{
|
|
2903
2917
|
className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
|
|
@@ -2905,19 +2919,19 @@ var DataList = (props) => {
|
|
|
2905
2919
|
children: "Next"
|
|
2906
2920
|
}
|
|
2907
2921
|
),
|
|
2908
|
-
activePageNumber >= pages && /* @__PURE__ */ (0,
|
|
2922
|
+
activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
|
|
2909
2923
|
] })
|
|
2910
2924
|
] }) })
|
|
2911
2925
|
] }),
|
|
2912
|
-
/* @__PURE__ */ (0,
|
|
2913
|
-
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0,
|
|
2926
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(NoContentView_default, { isDataFound, children: [
|
|
2927
|
+
(props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2914
2928
|
"div",
|
|
2915
2929
|
{
|
|
2916
2930
|
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`,
|
|
2917
2931
|
children: [
|
|
2918
|
-
props.title ? /* @__PURE__ */ (0,
|
|
2919
|
-
/* @__PURE__ */ (0,
|
|
2920
|
-
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0,
|
|
2932
|
+
props.title ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", {}),
|
|
2933
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-3", children: [
|
|
2934
|
+
props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2921
2935
|
InputControl_default,
|
|
2922
2936
|
{
|
|
2923
2937
|
name: filter.name,
|
|
@@ -2932,15 +2946,15 @@ var DataList = (props) => {
|
|
|
2932
2946
|
},
|
|
2933
2947
|
filter.name
|
|
2934
2948
|
)),
|
|
2935
|
-
props.addLinkHref && /* @__PURE__ */ (0,
|
|
2949
|
+
props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
2936
2950
|
Hyperlink,
|
|
2937
2951
|
{
|
|
2938
2952
|
className: "gap-1",
|
|
2939
2953
|
linkType: "Primary" /* Solid */,
|
|
2940
2954
|
href: props.addLinkHref,
|
|
2941
2955
|
children: [
|
|
2942
|
-
/* @__PURE__ */ (0,
|
|
2943
|
-
/* @__PURE__ */ (0,
|
|
2956
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
|
|
2957
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
|
|
2944
2958
|
]
|
|
2945
2959
|
}
|
|
2946
2960
|
)
|
|
@@ -2948,8 +2962,8 @@ var DataList = (props) => {
|
|
|
2948
2962
|
]
|
|
2949
2963
|
}
|
|
2950
2964
|
),
|
|
2951
|
-
/* @__PURE__ */ (0,
|
|
2952
|
-
/* @__PURE__ */ (0,
|
|
2965
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
|
|
2966
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("tr", { children: props?.columns?.map((column) => {
|
|
2953
2967
|
let url = builder.getNewOrderByUrl(column.name);
|
|
2954
2968
|
let icon = "chevronUpDown";
|
|
2955
2969
|
if (orderBy.includes(`${column.name} desc`)) {
|
|
@@ -2959,19 +2973,19 @@ var DataList = (props) => {
|
|
|
2959
2973
|
icon = "chevronUp";
|
|
2960
2974
|
url = builder.getNewOrderByUrl(column.name + " desc");
|
|
2961
2975
|
}
|
|
2962
|
-
return /* @__PURE__ */ (0,
|
|
2976
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
2963
2977
|
"th",
|
|
2964
2978
|
{
|
|
2965
2979
|
className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
|
|
2966
|
-
children: /* @__PURE__ */ (0,
|
|
2967
|
-
/* @__PURE__ */ (0,
|
|
2968
|
-
column.enableSorting && /* @__PURE__ */ (0,
|
|
2980
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Hyperlink, { href: url, className: "text-body-950", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("span", { className: "flex items-center space-x-1", children: [
|
|
2981
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: column.label }),
|
|
2982
|
+
column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
|
|
2969
2983
|
] }) })
|
|
2970
2984
|
},
|
|
2971
2985
|
column.name
|
|
2972
2986
|
);
|
|
2973
2987
|
}) }) }) }) }),
|
|
2974
|
-
/* @__PURE__ */ (0,
|
|
2988
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
|
|
2975
2989
|
] })
|
|
2976
2990
|
] })
|
|
2977
2991
|
] });
|
|
@@ -2985,7 +2999,7 @@ var import_react49 = __toESM(require("react"));
|
|
|
2985
2999
|
var import_react34 = __toESM(require("react"));
|
|
2986
3000
|
|
|
2987
3001
|
// src/components/pageRenderingEngine/nodes/TextNode.tsx
|
|
2988
|
-
var
|
|
3002
|
+
var import_jsx_runtime40 = (
|
|
2989
3003
|
// @ts-expect-error custom code
|
|
2990
3004
|
require("react/jsx-runtime")
|
|
2991
3005
|
);
|
|
@@ -3046,21 +3060,21 @@ var TextNode = (props) => {
|
|
|
3046
3060
|
});
|
|
3047
3061
|
}
|
|
3048
3062
|
const displayText = props.linkText ? props.linkText : props.node.text;
|
|
3049
|
-
return /* @__PURE__ */ (0,
|
|
3063
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text });
|
|
3050
3064
|
};
|
|
3051
3065
|
var TextNode_default = TextNode;
|
|
3052
3066
|
|
|
3053
3067
|
// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
|
|
3054
|
-
var
|
|
3068
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3055
3069
|
var LineBreakNode = () => {
|
|
3056
|
-
return /* @__PURE__ */ (0,
|
|
3070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "py-0.5 lg:py-1.5" });
|
|
3057
3071
|
};
|
|
3058
3072
|
var LineBreakNode_default = LineBreakNode;
|
|
3059
3073
|
|
|
3060
3074
|
// src/components/pageRenderingEngine/nodes/LinkNode.tsx
|
|
3061
3075
|
var import_react33 = __toESM(require("react"));
|
|
3062
3076
|
var import_link2 = __toESM(require("next/link"));
|
|
3063
|
-
var
|
|
3077
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3064
3078
|
var LinkNode = (props) => {
|
|
3065
3079
|
const NodeTypes2 = {
|
|
3066
3080
|
["text"]: TextNode_default
|
|
@@ -3068,21 +3082,21 @@ var LinkNode = (props) => {
|
|
|
3068
3082
|
{
|
|
3069
3083
|
}
|
|
3070
3084
|
let formatClasses = props.node.cssClass || "";
|
|
3071
|
-
return /* @__PURE__ */ (0,
|
|
3085
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_link2.default, { className: formatClasses, href: props.node.url, title: props.node.title, children: [
|
|
3072
3086
|
props.node.children && props.node.children.map((node, index) => {
|
|
3073
3087
|
const SelectedNode = NodeTypes2[node.type];
|
|
3074
|
-
return /* @__PURE__ */ (0,
|
|
3088
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react33.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(SelectedNode, { node }) }, index);
|
|
3075
3089
|
}),
|
|
3076
|
-
props.node.children.length == 0 && /* @__PURE__ */ (0,
|
|
3090
|
+
props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("br", {})
|
|
3077
3091
|
] });
|
|
3078
3092
|
};
|
|
3079
3093
|
var LinkNode_default = LinkNode;
|
|
3080
3094
|
|
|
3081
3095
|
// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
|
|
3082
|
-
var
|
|
3096
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3083
3097
|
var SVGIconNode = ({ node }) => {
|
|
3084
3098
|
if (!node?.svgCode) return null;
|
|
3085
|
-
return /* @__PURE__ */ (0,
|
|
3099
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3086
3100
|
"span",
|
|
3087
3101
|
{
|
|
3088
3102
|
style: {
|
|
@@ -3099,7 +3113,7 @@ var SVGIconNode_default = SVGIconNode;
|
|
|
3099
3113
|
|
|
3100
3114
|
// src/components/pageRenderingEngine/nodes/EquationNode.tsx
|
|
3101
3115
|
var import_katex = __toESM(require("katex"));
|
|
3102
|
-
var
|
|
3116
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3103
3117
|
var EquationNode = ({ node }) => {
|
|
3104
3118
|
const { equation, inline } = node;
|
|
3105
3119
|
let html = "";
|
|
@@ -3114,7 +3128,7 @@ var EquationNode = ({ node }) => {
|
|
|
3114
3128
|
});
|
|
3115
3129
|
}
|
|
3116
3130
|
if (inline) {
|
|
3117
|
-
return /* @__PURE__ */ (0,
|
|
3131
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3118
3132
|
"span",
|
|
3119
3133
|
{
|
|
3120
3134
|
className: "katex-inline",
|
|
@@ -3122,7 +3136,7 @@ var EquationNode = ({ node }) => {
|
|
|
3122
3136
|
}
|
|
3123
3137
|
);
|
|
3124
3138
|
}
|
|
3125
|
-
return /* @__PURE__ */ (0,
|
|
3139
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3126
3140
|
"div",
|
|
3127
3141
|
{
|
|
3128
3142
|
className: "katex-block my-3 text-center",
|
|
@@ -3133,7 +3147,7 @@ var EquationNode = ({ node }) => {
|
|
|
3133
3147
|
var EquationNode_default = EquationNode;
|
|
3134
3148
|
|
|
3135
3149
|
// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
|
|
3136
|
-
var
|
|
3150
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3137
3151
|
function getNestedProperty(obj, path) {
|
|
3138
3152
|
if (!obj || !path) return null;
|
|
3139
3153
|
if (path.includes(".")) {
|
|
@@ -3146,7 +3160,7 @@ function getNestedProperty(obj, path) {
|
|
|
3146
3160
|
}
|
|
3147
3161
|
const value = obj[path];
|
|
3148
3162
|
if (Array.isArray(value)) {
|
|
3149
|
-
return value.map((item, index) => /* @__PURE__ */ (0,
|
|
3163
|
+
return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { children: String(item) }, index));
|
|
3150
3164
|
}
|
|
3151
3165
|
return value;
|
|
3152
3166
|
}
|
|
@@ -3207,7 +3221,7 @@ var DatafieldNode = (props) => {
|
|
|
3207
3221
|
const dataType = props.node.dataType;
|
|
3208
3222
|
if (isEmptyValue) return null;
|
|
3209
3223
|
if (dataType === "rawContent") {
|
|
3210
|
-
return /* @__PURE__ */ (0,
|
|
3224
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3211
3225
|
PageBodyRenderer_default,
|
|
3212
3226
|
{
|
|
3213
3227
|
rawBody: String(value ?? `@databound[${fieldName}]`),
|
|
@@ -3222,12 +3236,12 @@ var DatafieldNode = (props) => {
|
|
|
3222
3236
|
}
|
|
3223
3237
|
);
|
|
3224
3238
|
}
|
|
3225
|
-
return /* @__PURE__ */ (0,
|
|
3239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3226
3240
|
"span",
|
|
3227
3241
|
{
|
|
3228
3242
|
className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
|
|
3229
3243
|
style: styles,
|
|
3230
|
-
children: /* @__PURE__ */ (0,
|
|
3244
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3231
3245
|
ViewControl_default,
|
|
3232
3246
|
{
|
|
3233
3247
|
controlType: dataType,
|
|
@@ -3240,7 +3254,7 @@ var DatafieldNode = (props) => {
|
|
|
3240
3254
|
var DatafieldNode_default = DatafieldNode;
|
|
3241
3255
|
|
|
3242
3256
|
// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
|
|
3243
|
-
var
|
|
3257
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
3244
3258
|
var ParagraphNode = (props) => {
|
|
3245
3259
|
const NodeTypes2 = {
|
|
3246
3260
|
["text"]: TextNode_default,
|
|
@@ -3260,9 +3274,9 @@ var ParagraphNode = (props) => {
|
|
|
3260
3274
|
const isInlineOnlyParent = props.parentTag === "summary";
|
|
3261
3275
|
const hasChildren = props.node.children && props.node.children.length > 0;
|
|
3262
3276
|
if (isInlineOnlyParent) {
|
|
3263
|
-
return /* @__PURE__ */ (0,
|
|
3277
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_jsx_runtime46.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
|
|
3264
3278
|
const SelectedNode = NodeTypes2[node.type];
|
|
3265
|
-
return /* @__PURE__ */ (0,
|
|
3279
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3266
3280
|
SelectedNode,
|
|
3267
3281
|
{
|
|
3268
3282
|
node,
|
|
@@ -3274,10 +3288,10 @@ var ParagraphNode = (props) => {
|
|
|
3274
3288
|
) }, index);
|
|
3275
3289
|
}) });
|
|
3276
3290
|
}
|
|
3277
|
-
return /* @__PURE__ */ (0,
|
|
3291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: " " + formatClasses, children: [
|
|
3278
3292
|
hasChildren && props.node.children.map((node, index) => {
|
|
3279
3293
|
const SelectedNode = NodeTypes2[node.type];
|
|
3280
|
-
return /* @__PURE__ */ (0,
|
|
3294
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react34.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
3281
3295
|
SelectedNode,
|
|
3282
3296
|
{
|
|
3283
3297
|
node,
|
|
@@ -3288,14 +3302,14 @@ var ParagraphNode = (props) => {
|
|
|
3288
3302
|
}
|
|
3289
3303
|
) }, index);
|
|
3290
3304
|
}),
|
|
3291
|
-
!hasChildren && /* @__PURE__ */ (0,
|
|
3305
|
+
!hasChildren && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "py-1.5 lg:py-2" })
|
|
3292
3306
|
] });
|
|
3293
3307
|
};
|
|
3294
3308
|
var ParagraphNode_default = ParagraphNode;
|
|
3295
3309
|
|
|
3296
3310
|
// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
|
|
3297
3311
|
var import_react35 = __toESM(require("react"));
|
|
3298
|
-
var
|
|
3312
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
3299
3313
|
var HeadingNode = (props) => {
|
|
3300
3314
|
const NodeTypes2 = {
|
|
3301
3315
|
["text"]: TextNode_default,
|
|
@@ -3311,12 +3325,12 @@ var HeadingNode = (props) => {
|
|
|
3311
3325
|
{
|
|
3312
3326
|
}
|
|
3313
3327
|
const formatClasses = FormatClass[props.node.format] || "";
|
|
3314
|
-
return /* @__PURE__ */ (0,
|
|
3328
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: import_react35.default.createElement(
|
|
3315
3329
|
HeadingTag,
|
|
3316
3330
|
{ className: formatClasses },
|
|
3317
3331
|
props.node.children && props.node.children.map((childNode, index) => {
|
|
3318
3332
|
const SelectedNode = NodeTypes2[childNode.type];
|
|
3319
|
-
return /* @__PURE__ */ (0,
|
|
3333
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react35.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
3320
3334
|
})
|
|
3321
3335
|
) });
|
|
3322
3336
|
};
|
|
@@ -3327,7 +3341,7 @@ var import_react37 = __toESM(require("react"));
|
|
|
3327
3341
|
|
|
3328
3342
|
// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
|
|
3329
3343
|
var import_react36 = __toESM(require("react"));
|
|
3330
|
-
var
|
|
3344
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
3331
3345
|
var ListItemNode = (props) => {
|
|
3332
3346
|
const NodeTypes2 = {
|
|
3333
3347
|
text: TextNode_default,
|
|
@@ -3344,37 +3358,37 @@ var ListItemNode = (props) => {
|
|
|
3344
3358
|
liStyle.fontSize = match[1].trim();
|
|
3345
3359
|
}
|
|
3346
3360
|
}
|
|
3347
|
-
return /* @__PURE__ */ (0,
|
|
3361
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
|
|
3348
3362
|
const SelectedNode = NodeTypes2[node.type];
|
|
3349
3363
|
if (node.type === "linebreak") {
|
|
3350
3364
|
if (!foundFirstBreak) {
|
|
3351
3365
|
foundFirstBreak = true;
|
|
3352
|
-
return /* @__PURE__ */ (0,
|
|
3366
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", {}, index);
|
|
3353
3367
|
} else {
|
|
3354
|
-
return /* @__PURE__ */ (0,
|
|
3368
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "py-1 lg:py-2" }, index);
|
|
3355
3369
|
}
|
|
3356
3370
|
} else {
|
|
3357
3371
|
foundFirstBreak = false;
|
|
3358
|
-
return /* @__PURE__ */ (0,
|
|
3372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3359
3373
|
}
|
|
3360
3374
|
}) });
|
|
3361
3375
|
};
|
|
3362
3376
|
var ListItemNode_default = ListItemNode;
|
|
3363
3377
|
|
|
3364
3378
|
// src/components/pageRenderingEngine/nodes/ListNode.tsx
|
|
3365
|
-
var
|
|
3379
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
3366
3380
|
var ListNode = (props) => {
|
|
3367
3381
|
const NodeTypes2 = {
|
|
3368
3382
|
listitem: ListItemNode_default
|
|
3369
3383
|
};
|
|
3370
|
-
return /* @__PURE__ */ (0,
|
|
3371
|
-
props.node.listType == "bullet" && /* @__PURE__ */ (0,
|
|
3384
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react37.default.Fragment, { children: [
|
|
3385
|
+
props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3372
3386
|
const SelectedNode = NodeTypes2[node.type];
|
|
3373
|
-
return /* @__PURE__ */ (0,
|
|
3387
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3374
3388
|
}) }),
|
|
3375
|
-
props.node.listType == "number" && /* @__PURE__ */ (0,
|
|
3389
|
+
props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3376
3390
|
const SelectedNode = NodeTypes2[node.type];
|
|
3377
|
-
return /* @__PURE__ */ (0,
|
|
3391
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
|
|
3378
3392
|
}) })
|
|
3379
3393
|
] });
|
|
3380
3394
|
};
|
|
@@ -3382,16 +3396,16 @@ var ListNode_default = ListNode;
|
|
|
3382
3396
|
|
|
3383
3397
|
// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
|
|
3384
3398
|
var import_react38 = __toESM(require("react"));
|
|
3385
|
-
var
|
|
3399
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
3386
3400
|
var QuoteNode = (props) => {
|
|
3387
3401
|
const NodeTypes2 = {
|
|
3388
3402
|
["text"]: TextNode_default,
|
|
3389
3403
|
["linebreak"]: LineBreakNode_default,
|
|
3390
3404
|
["link"]: LinkNode_default
|
|
3391
3405
|
};
|
|
3392
|
-
return /* @__PURE__ */ (0,
|
|
3406
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
|
|
3393
3407
|
const SelectedNode = NodeTypes2[node.type];
|
|
3394
|
-
return /* @__PURE__ */ (0,
|
|
3408
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react38.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
|
|
3395
3409
|
}) });
|
|
3396
3410
|
};
|
|
3397
3411
|
var QuoteNode_default = QuoteNode;
|
|
@@ -3399,11 +3413,11 @@ var QuoteNode_default = QuoteNode;
|
|
|
3399
3413
|
// src/components/pageRenderingEngine/nodes/CodeNode.tsx
|
|
3400
3414
|
var import_react40 = __toESM(require("react"));
|
|
3401
3415
|
var import_dynamic = __toESM(require("next/dynamic"));
|
|
3402
|
-
var
|
|
3416
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
3403
3417
|
var CopyButton2 = (0, import_dynamic.default)(() => Promise.resolve().then(() => (init_CopyButton(), CopyButton_exports)), {
|
|
3404
3418
|
ssr: false,
|
|
3405
3419
|
// optional: fallback UI while loading
|
|
3406
|
-
loading: () => /* @__PURE__ */ (0,
|
|
3420
|
+
loading: () => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-gray-400 text-xs", children: "Copy" })
|
|
3407
3421
|
});
|
|
3408
3422
|
var CodeNode = (props) => {
|
|
3409
3423
|
const NodeTypes2 = {
|
|
@@ -3417,14 +3431,14 @@ var CodeNode = (props) => {
|
|
|
3417
3431
|
if (node.type === "link") return node.text || node.url || "";
|
|
3418
3432
|
return "";
|
|
3419
3433
|
}).join("") ?? "";
|
|
3420
|
-
return /* @__PURE__ */ (0,
|
|
3421
|
-
/* @__PURE__ */ (0,
|
|
3422
|
-
/* @__PURE__ */ (0,
|
|
3423
|
-
/* @__PURE__ */ (0,
|
|
3434
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
|
|
3435
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
|
|
3436
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { children: "Code Snippet" }),
|
|
3437
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CopyButton2, { text: textContent })
|
|
3424
3438
|
] }),
|
|
3425
|
-
/* @__PURE__ */ (0,
|
|
3439
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.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) => {
|
|
3426
3440
|
const SelectedNode = NodeTypes2[node.type];
|
|
3427
|
-
return /* @__PURE__ */ (0,
|
|
3441
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
3428
3442
|
SelectedNode,
|
|
3429
3443
|
{
|
|
3430
3444
|
node,
|
|
@@ -3439,9 +3453,9 @@ var CodeNode = (props) => {
|
|
|
3439
3453
|
var CodeNode_default = CodeNode;
|
|
3440
3454
|
|
|
3441
3455
|
// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
|
|
3442
|
-
var
|
|
3456
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
3443
3457
|
var HorizontalRuleNode = () => {
|
|
3444
|
-
return /* @__PURE__ */ (0,
|
|
3458
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("hr", {});
|
|
3445
3459
|
};
|
|
3446
3460
|
var HorizontalRuleNode_default = HorizontalRuleNode;
|
|
3447
3461
|
|
|
@@ -3474,7 +3488,7 @@ var import_dynamic2 = __toESM(require("next/dynamic"));
|
|
|
3474
3488
|
|
|
3475
3489
|
// src/components/DeviceAssetSelector.tsx
|
|
3476
3490
|
init_HlsPlayer();
|
|
3477
|
-
var
|
|
3491
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
3478
3492
|
var DeviceAssetSelector = ({
|
|
3479
3493
|
assets,
|
|
3480
3494
|
assetBaseUrl,
|
|
@@ -3549,7 +3563,7 @@ var DeviceAssetSelector = ({
|
|
|
3549
3563
|
const formatClasses = FormatClass[nodeProps?.format || ""] || "";
|
|
3550
3564
|
const renderMedia = () => {
|
|
3551
3565
|
if (isHls) {
|
|
3552
|
-
return /* @__PURE__ */ (0,
|
|
3566
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3553
3567
|
HlsPlayer_default,
|
|
3554
3568
|
{
|
|
3555
3569
|
assetUrl: resolvedAssetUrl,
|
|
@@ -3566,7 +3580,7 @@ var DeviceAssetSelector = ({
|
|
|
3566
3580
|
} else {
|
|
3567
3581
|
return (
|
|
3568
3582
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
3569
|
-
/* @__PURE__ */ (0,
|
|
3583
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
|
|
3570
3584
|
"img",
|
|
3571
3585
|
{
|
|
3572
3586
|
style: styles,
|
|
@@ -3582,17 +3596,17 @@ var DeviceAssetSelector = ({
|
|
|
3582
3596
|
}
|
|
3583
3597
|
};
|
|
3584
3598
|
if (width) {
|
|
3585
|
-
return /* @__PURE__ */ (0,
|
|
3599
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { width }, children: renderMedia() });
|
|
3586
3600
|
}
|
|
3587
3601
|
if (nodeProps?.format) {
|
|
3588
|
-
return /* @__PURE__ */ (0,
|
|
3602
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3589
3603
|
}
|
|
3590
3604
|
return renderMedia();
|
|
3591
3605
|
};
|
|
3592
3606
|
var DeviceAssetSelector_default = DeviceAssetSelector;
|
|
3593
3607
|
|
|
3594
3608
|
// src/components/pageRenderingEngine/nodes/ImageNode.tsx
|
|
3595
|
-
var
|
|
3609
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
3596
3610
|
var HlsPlayer2 = (0, import_dynamic2.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
|
|
3597
3611
|
ssr: false
|
|
3598
3612
|
});
|
|
@@ -3635,7 +3649,7 @@ var ImageNode = (props) => {
|
|
|
3635
3649
|
console.error("Error parsing assets in ImageNode:", error);
|
|
3636
3650
|
}
|
|
3637
3651
|
if (assets && assets.length > 0) {
|
|
3638
|
-
return /* @__PURE__ */ (0,
|
|
3652
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3639
3653
|
DeviceAssetSelector_default,
|
|
3640
3654
|
{
|
|
3641
3655
|
device: props.device,
|
|
@@ -3684,7 +3698,7 @@ var ImageNode = (props) => {
|
|
|
3684
3698
|
const isHls = imageUrl?.endsWith(".m3u8");
|
|
3685
3699
|
const renderMedia = () => {
|
|
3686
3700
|
if (isHls) {
|
|
3687
|
-
return /* @__PURE__ */ (0,
|
|
3701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3688
3702
|
HlsPlayer2,
|
|
3689
3703
|
{
|
|
3690
3704
|
assetUrl: imageUrl,
|
|
@@ -3699,7 +3713,7 @@ var ImageNode = (props) => {
|
|
|
3699
3713
|
}
|
|
3700
3714
|
);
|
|
3701
3715
|
} else {
|
|
3702
|
-
return /* @__PURE__ */ (0,
|
|
3716
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react42.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
|
|
3703
3717
|
"img",
|
|
3704
3718
|
{
|
|
3705
3719
|
style: styles,
|
|
@@ -3714,14 +3728,14 @@ var ImageNode = (props) => {
|
|
|
3714
3728
|
}
|
|
3715
3729
|
};
|
|
3716
3730
|
if (props.node.width) {
|
|
3717
|
-
return /* @__PURE__ */ (0,
|
|
3731
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: `flex ${formatClasses}`, children: renderMedia() });
|
|
3718
3732
|
}
|
|
3719
3733
|
return renderMedia();
|
|
3720
3734
|
};
|
|
3721
3735
|
var ImageNode_default = ImageNode;
|
|
3722
3736
|
|
|
3723
3737
|
// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
|
|
3724
|
-
var
|
|
3738
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
3725
3739
|
var WidgetNode = (props) => {
|
|
3726
3740
|
const getWidgetParameters = () => {
|
|
3727
3741
|
const widgetInputParameters = {
|
|
@@ -3778,14 +3792,14 @@ var WidgetNode = (props) => {
|
|
|
3778
3792
|
};
|
|
3779
3793
|
const widgetCode = props.node?.widgetCode;
|
|
3780
3794
|
if (!widgetCode) {
|
|
3781
|
-
return /* @__PURE__ */ (0,
|
|
3795
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_jsx_runtime57.Fragment, { children: "Invalid widget" });
|
|
3782
3796
|
}
|
|
3783
3797
|
const SelectedWidget = getWidget(widgetCode);
|
|
3784
3798
|
if (!SelectedWidget) {
|
|
3785
3799
|
if (process.env.NODE_ENV !== "production") {
|
|
3786
3800
|
console.warn("Widget not found:", widgetCode);
|
|
3787
3801
|
}
|
|
3788
|
-
return /* @__PURE__ */ (0,
|
|
3802
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
|
|
3789
3803
|
"Widget not found: ",
|
|
3790
3804
|
widgetCode
|
|
3791
3805
|
] });
|
|
@@ -3793,7 +3807,7 @@ var WidgetNode = (props) => {
|
|
|
3793
3807
|
const widgetParams = getWidgetParameters();
|
|
3794
3808
|
return (
|
|
3795
3809
|
// eslint-disable-next-line react-hooks/static-components
|
|
3796
|
-
/* @__PURE__ */ (0,
|
|
3810
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
3797
3811
|
SelectedWidget,
|
|
3798
3812
|
{
|
|
3799
3813
|
params: widgetParams,
|
|
@@ -3812,9 +3826,9 @@ var WidgetNode_default = WidgetNode;
|
|
|
3812
3826
|
var import_react43 = __toESM(require("react"));
|
|
3813
3827
|
|
|
3814
3828
|
// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
|
|
3815
|
-
var
|
|
3829
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
3816
3830
|
var InputControlNode = (props) => {
|
|
3817
|
-
return /* @__PURE__ */ (0,
|
|
3831
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
3818
3832
|
InputControl_default,
|
|
3819
3833
|
{
|
|
3820
3834
|
name: props.node.name,
|
|
@@ -4048,7 +4062,7 @@ var ServiceClient = class {
|
|
|
4048
4062
|
var ServiceClient_default = ServiceClient;
|
|
4049
4063
|
|
|
4050
4064
|
// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
|
|
4051
|
-
var
|
|
4065
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
4052
4066
|
var FormContainerNode = (props) => {
|
|
4053
4067
|
const NodeTypes2 = {
|
|
4054
4068
|
["input-control"]: InputControlNode_default
|
|
@@ -4078,12 +4092,12 @@ var FormContainerNode = (props) => {
|
|
|
4078
4092
|
};
|
|
4079
4093
|
fetchInitialData();
|
|
4080
4094
|
}, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
|
|
4081
|
-
return /* @__PURE__ */ (0,
|
|
4095
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
|
|
4082
4096
|
node.children && node.children.map((node2, index) => {
|
|
4083
4097
|
{
|
|
4084
4098
|
}
|
|
4085
4099
|
const SelectedNode = NodeTypes2[node2.type];
|
|
4086
|
-
return /* @__PURE__ */ (0,
|
|
4100
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react43.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
4087
4101
|
InputControlNode_default,
|
|
4088
4102
|
{
|
|
4089
4103
|
value: formState.inputValues[node2.name],
|
|
@@ -4092,7 +4106,7 @@ var FormContainerNode = (props) => {
|
|
|
4092
4106
|
}
|
|
4093
4107
|
) }, index);
|
|
4094
4108
|
}),
|
|
4095
|
-
node.children.length == 0 && /* @__PURE__ */ (0,
|
|
4109
|
+
node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "py-0.5 lg:py-1.5" })
|
|
4096
4110
|
] });
|
|
4097
4111
|
};
|
|
4098
4112
|
var FormContainerNode_default = FormContainerNode;
|
|
@@ -4102,7 +4116,7 @@ var import_react48 = __toESM(require("react"));
|
|
|
4102
4116
|
|
|
4103
4117
|
// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
|
|
4104
4118
|
var import_dynamic3 = __toESM(require("next/dynamic"));
|
|
4105
|
-
var
|
|
4119
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
4106
4120
|
var IframeClient2 = (0, import_dynamic3.default)(() => Promise.resolve().then(() => (init_IframeClient(), IframeClient_exports)), {
|
|
4107
4121
|
ssr: false
|
|
4108
4122
|
});
|
|
@@ -4115,13 +4129,13 @@ var EmbedNode = (props) => {
|
|
|
4115
4129
|
} else {
|
|
4116
4130
|
src = props.node.embedSrc;
|
|
4117
4131
|
}
|
|
4118
|
-
return /* @__PURE__ */ (0,
|
|
4132
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(IframeClient2, { src }) });
|
|
4119
4133
|
};
|
|
4120
4134
|
var EmbedNode_default = EmbedNode;
|
|
4121
4135
|
|
|
4122
4136
|
// src/components/Slider.tsx
|
|
4123
4137
|
var import_react46 = __toESM(require("react"));
|
|
4124
|
-
var
|
|
4138
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
4125
4139
|
var Slider = ({
|
|
4126
4140
|
children,
|
|
4127
4141
|
slidesToShow = 4,
|
|
@@ -4218,7 +4232,7 @@ var Slider = ({
|
|
|
4218
4232
|
if (!import_react46.default.isValidElement(child)) return null;
|
|
4219
4233
|
const childProps = child.props;
|
|
4220
4234
|
const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
|
|
4221
|
-
return /* @__PURE__ */ (0,
|
|
4235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4222
4236
|
"div",
|
|
4223
4237
|
{
|
|
4224
4238
|
className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
|
|
@@ -4241,14 +4255,14 @@ var Slider = ({
|
|
|
4241
4255
|
return "bottom-4";
|
|
4242
4256
|
}
|
|
4243
4257
|
};
|
|
4244
|
-
return /* @__PURE__ */ (0,
|
|
4258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4245
4259
|
"div",
|
|
4246
4260
|
{
|
|
4247
4261
|
className: `relative w-full overflow-hidden ${className}`,
|
|
4248
4262
|
onMouseEnter: handleMouseEnter,
|
|
4249
4263
|
onMouseLeave: handleMouseLeave,
|
|
4250
4264
|
children: [
|
|
4251
|
-
/* @__PURE__ */ (0,
|
|
4265
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4252
4266
|
"div",
|
|
4253
4267
|
{
|
|
4254
4268
|
className: "flex h-full",
|
|
@@ -4259,18 +4273,18 @@ var Slider = ({
|
|
|
4259
4273
|
children: slides
|
|
4260
4274
|
}
|
|
4261
4275
|
),
|
|
4262
|
-
show_arrows && /* @__PURE__ */ (0,
|
|
4263
|
-
/* @__PURE__ */ (0,
|
|
4276
|
+
show_arrows && /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(import_jsx_runtime63.Fragment, { children: [
|
|
4277
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4264
4278
|
ArrowButton,
|
|
4265
4279
|
{
|
|
4266
4280
|
direction: "left",
|
|
4267
4281
|
onClick: prevSlide,
|
|
4268
4282
|
visible: infinite_scroll || currentSlide > 0,
|
|
4269
4283
|
className: arrowClassName,
|
|
4270
|
-
children: /* @__PURE__ */ (0,
|
|
4284
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
|
|
4271
4285
|
}
|
|
4272
4286
|
),
|
|
4273
|
-
/* @__PURE__ */ (0,
|
|
4287
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4274
4288
|
ArrowButton,
|
|
4275
4289
|
{
|
|
4276
4290
|
direction: "right",
|
|
@@ -4278,13 +4292,13 @@ var Slider = ({
|
|
|
4278
4292
|
visible: infinite_scroll || currentSlide < maxSlide,
|
|
4279
4293
|
className: arrowClassName,
|
|
4280
4294
|
children: [
|
|
4281
|
-
/* @__PURE__ */ (0,
|
|
4295
|
+
/* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
|
|
4282
4296
|
" "
|
|
4283
4297
|
]
|
|
4284
4298
|
}
|
|
4285
4299
|
)
|
|
4286
4300
|
] }),
|
|
4287
|
-
show_dots && /* @__PURE__ */ (0,
|
|
4301
|
+
show_dots && /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.jsx)(
|
|
4288
4302
|
ProgressPill,
|
|
4289
4303
|
{
|
|
4290
4304
|
active: index === currentSlide,
|
|
@@ -4310,7 +4324,7 @@ var ArrowButton = ({
|
|
|
4310
4324
|
visible,
|
|
4311
4325
|
children,
|
|
4312
4326
|
className = ""
|
|
4313
|
-
}) => /* @__PURE__ */ (0,
|
|
4327
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4314
4328
|
"button",
|
|
4315
4329
|
{
|
|
4316
4330
|
className: `
|
|
@@ -4397,7 +4411,7 @@ var ProgressPill = ({
|
|
|
4397
4411
|
const renderProgressBar = () => {
|
|
4398
4412
|
if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
|
|
4399
4413
|
const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
|
|
4400
|
-
return /* @__PURE__ */ (0,
|
|
4414
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4401
4415
|
"div",
|
|
4402
4416
|
{
|
|
4403
4417
|
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`,
|
|
@@ -4409,7 +4423,7 @@ var ProgressPill = ({
|
|
|
4409
4423
|
};
|
|
4410
4424
|
const renderCumulativeFill = () => {
|
|
4411
4425
|
if (style === "cumulative" && isFilled && !isActive) {
|
|
4412
|
-
return /* @__PURE__ */ (0,
|
|
4426
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
4413
4427
|
"div",
|
|
4414
4428
|
{
|
|
4415
4429
|
className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
|
|
@@ -4419,7 +4433,7 @@ var ProgressPill = ({
|
|
|
4419
4433
|
}
|
|
4420
4434
|
return null;
|
|
4421
4435
|
};
|
|
4422
|
-
return /* @__PURE__ */ (0,
|
|
4436
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
|
|
4423
4437
|
"button",
|
|
4424
4438
|
{
|
|
4425
4439
|
className: `${baseClasses} ${getStyleClasses()}`,
|
|
@@ -4595,10 +4609,10 @@ var PathUtility = class {
|
|
|
4595
4609
|
var PathUtility_default = new PathUtility();
|
|
4596
4610
|
|
|
4597
4611
|
// src/components/NoDataFound.tsx
|
|
4598
|
-
var
|
|
4612
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
4599
4613
|
var NoDataFound = () => {
|
|
4600
|
-
return /* @__PURE__ */ (0,
|
|
4601
|
-
/* @__PURE__ */ (0,
|
|
4614
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
|
|
4615
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4602
4616
|
"svg",
|
|
4603
4617
|
{
|
|
4604
4618
|
className: "w-10 h-10",
|
|
@@ -4606,7 +4620,7 @@ var NoDataFound = () => {
|
|
|
4606
4620
|
stroke: "currentColor",
|
|
4607
4621
|
viewBox: "0 0 24 24",
|
|
4608
4622
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4609
|
-
children: /* @__PURE__ */ (0,
|
|
4623
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
4610
4624
|
"path",
|
|
4611
4625
|
{
|
|
4612
4626
|
strokeLinecap: "round",
|
|
@@ -4617,15 +4631,15 @@ var NoDataFound = () => {
|
|
|
4617
4631
|
)
|
|
4618
4632
|
}
|
|
4619
4633
|
) }) }),
|
|
4620
|
-
/* @__PURE__ */ (0,
|
|
4621
|
-
/* @__PURE__ */ (0,
|
|
4634
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
|
|
4635
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
|
|
4622
4636
|
] });
|
|
4623
4637
|
};
|
|
4624
4638
|
var NoDataFound_default = NoDataFound;
|
|
4625
4639
|
|
|
4626
4640
|
// src/components/Pagination.tsx
|
|
4627
4641
|
var import_react47 = require("react");
|
|
4628
|
-
var
|
|
4642
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
4629
4643
|
var Pagination = (props) => {
|
|
4630
4644
|
const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
|
|
4631
4645
|
const builder = (0, import_react47.useMemo)(() => {
|
|
@@ -4669,7 +4683,7 @@ var Pagination = (props) => {
|
|
|
4669
4683
|
return range;
|
|
4670
4684
|
};
|
|
4671
4685
|
const paginationRange = getPaginationRange();
|
|
4672
|
-
const PageButton = ({ page, children }) => /* @__PURE__ */ (0,
|
|
4686
|
+
const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4673
4687
|
Hyperlink,
|
|
4674
4688
|
{
|
|
4675
4689
|
linkType: "Link" /* Link */,
|
|
@@ -4684,9 +4698,9 @@ var Pagination = (props) => {
|
|
|
4684
4698
|
);
|
|
4685
4699
|
const NavigationButton = ({ page, disabled, children }) => {
|
|
4686
4700
|
if (disabled) {
|
|
4687
|
-
return /* @__PURE__ */ (0,
|
|
4701
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.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 });
|
|
4688
4702
|
}
|
|
4689
|
-
return /* @__PURE__ */ (0,
|
|
4703
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4690
4704
|
Hyperlink,
|
|
4691
4705
|
{
|
|
4692
4706
|
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",
|
|
@@ -4696,35 +4710,35 @@ var Pagination = (props) => {
|
|
|
4696
4710
|
);
|
|
4697
4711
|
};
|
|
4698
4712
|
if (totalPages <= 1 && totalItems === 0) return null;
|
|
4699
|
-
return /* @__PURE__ */ (0,
|
|
4700
|
-
/* @__PURE__ */ (0,
|
|
4701
|
-
/* @__PURE__ */ (0,
|
|
4713
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "py-6 border-t bg-default", children: [
|
|
4714
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
|
|
4715
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "text-sm", children: [
|
|
4702
4716
|
"Showing ",
|
|
4703
|
-
/* @__PURE__ */ (0,
|
|
4717
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "font-semibold", children: [
|
|
4704
4718
|
startItem,
|
|
4705
4719
|
"-",
|
|
4706
4720
|
endItem
|
|
4707
4721
|
] }),
|
|
4708
4722
|
" ",
|
|
4709
4723
|
"out of ",
|
|
4710
|
-
/* @__PURE__ */ (0,
|
|
4724
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
|
|
4711
4725
|
" results"
|
|
4712
4726
|
] }),
|
|
4713
|
-
totalPages > 1 && /* @__PURE__ */ (0,
|
|
4714
|
-
/* @__PURE__ */ (0,
|
|
4727
|
+
totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-1", children: [
|
|
4728
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
4715
4729
|
NavigationButton,
|
|
4716
4730
|
{
|
|
4717
4731
|
page: activePageNumber - 1,
|
|
4718
4732
|
disabled: activePageNumber === 1,
|
|
4719
4733
|
children: [
|
|
4720
|
-
/* @__PURE__ */ (0,
|
|
4721
|
-
/* @__PURE__ */ (0,
|
|
4734
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
|
|
4735
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Prev" })
|
|
4722
4736
|
]
|
|
4723
4737
|
}
|
|
4724
4738
|
),
|
|
4725
4739
|
paginationRange.map((item, index) => {
|
|
4726
4740
|
if (item === "...") {
|
|
4727
|
-
return /* @__PURE__ */ (0,
|
|
4741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4728
4742
|
"span",
|
|
4729
4743
|
{
|
|
4730
4744
|
className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
|
|
@@ -4734,23 +4748,23 @@ var Pagination = (props) => {
|
|
|
4734
4748
|
);
|
|
4735
4749
|
}
|
|
4736
4750
|
const page = item;
|
|
4737
|
-
return /* @__PURE__ */ (0,
|
|
4751
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PageButton, { page, children: page }, page);
|
|
4738
4752
|
}),
|
|
4739
|
-
/* @__PURE__ */ (0,
|
|
4753
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
|
|
4740
4754
|
NavigationButton,
|
|
4741
4755
|
{
|
|
4742
4756
|
page: activePageNumber + 1,
|
|
4743
4757
|
disabled: activePageNumber === totalPages,
|
|
4744
4758
|
children: [
|
|
4745
|
-
/* @__PURE__ */ (0,
|
|
4746
|
-
/* @__PURE__ */ (0,
|
|
4759
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Next" }),
|
|
4760
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
|
|
4747
4761
|
]
|
|
4748
4762
|
}
|
|
4749
4763
|
)
|
|
4750
4764
|
] }),
|
|
4751
|
-
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0,
|
|
4752
|
-
/* @__PURE__ */ (0,
|
|
4753
|
-
/* @__PURE__ */ (0,
|
|
4765
|
+
showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-2", children: [
|
|
4766
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Go to:" }),
|
|
4767
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4754
4768
|
"input",
|
|
4755
4769
|
{
|
|
4756
4770
|
type: "number",
|
|
@@ -4771,9 +4785,9 @@ var Pagination = (props) => {
|
|
|
4771
4785
|
) })
|
|
4772
4786
|
] })
|
|
4773
4787
|
] }),
|
|
4774
|
-
showPageSizeSelector && /* @__PURE__ */ (0,
|
|
4775
|
-
/* @__PURE__ */ (0,
|
|
4776
|
-
/* @__PURE__ */ (0,
|
|
4788
|
+
showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
|
|
4789
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Show:" }),
|
|
4790
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
4777
4791
|
Hyperlink,
|
|
4778
4792
|
{
|
|
4779
4793
|
className: `
|
|
@@ -4785,7 +4799,7 @@ var Pagination = (props) => {
|
|
|
4785
4799
|
},
|
|
4786
4800
|
size
|
|
4787
4801
|
)) }),
|
|
4788
|
-
/* @__PURE__ */ (0,
|
|
4802
|
+
/* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "per page" })
|
|
4789
4803
|
] }) })
|
|
4790
4804
|
] });
|
|
4791
4805
|
};
|
|
@@ -4793,7 +4807,7 @@ var Pagination_default = Pagination;
|
|
|
4793
4807
|
|
|
4794
4808
|
// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
|
|
4795
4809
|
var import_dynamic4 = __toESM(require("next/dynamic"));
|
|
4796
|
-
var
|
|
4810
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
4797
4811
|
var HlsPlayer1 = (0, import_dynamic4.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), {
|
|
4798
4812
|
ssr: false
|
|
4799
4813
|
});
|
|
@@ -4830,7 +4844,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4830
4844
|
right: "justify-end"
|
|
4831
4845
|
};
|
|
4832
4846
|
const formatClasses = FormatClass[props.node.format || ""] || "";
|
|
4833
|
-
return /* @__PURE__ */ (0,
|
|
4847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `flex flex-wrap gap-4 ${formatClasses}`, children: visibleImages.map((img, idx) => {
|
|
4834
4848
|
const imageUrl = resolveImageUrl(img.imageUrl);
|
|
4835
4849
|
if (!imageUrl) return null;
|
|
4836
4850
|
const posterUrl = resolvePosterUrl(img.posterUrl);
|
|
@@ -4838,7 +4852,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4838
4852
|
const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
|
|
4839
4853
|
const isHls = imageUrl.endsWith(".m3u8");
|
|
4840
4854
|
const alt = img.title || "Gallery image";
|
|
4841
|
-
return /* @__PURE__ */ (0,
|
|
4855
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "max-w-full", children: isHls ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4842
4856
|
HlsPlayer1,
|
|
4843
4857
|
{
|
|
4844
4858
|
assetUrl: imageUrl,
|
|
@@ -4853,7 +4867,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4853
4867
|
}
|
|
4854
4868
|
) : (
|
|
4855
4869
|
/* eslint-disable-next-line @next/next/no-img-element */
|
|
4856
|
-
/* @__PURE__ */ (0,
|
|
4870
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
4857
4871
|
"img",
|
|
4858
4872
|
{
|
|
4859
4873
|
loading: "lazy",
|
|
@@ -4870,7 +4884,7 @@ var ImageGalleryNode = (props) => {
|
|
|
4870
4884
|
var ImageGalleryNode_default = ImageGalleryNode;
|
|
4871
4885
|
|
|
4872
4886
|
// src/components/pageRenderingEngine/nodes/DivContainer.tsx
|
|
4873
|
-
var
|
|
4887
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
4874
4888
|
function toCamelCase(str) {
|
|
4875
4889
|
return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
|
|
4876
4890
|
}
|
|
@@ -5053,7 +5067,7 @@ var DivContainer = async (props) => {
|
|
|
5053
5067
|
response = await serviceClient.get(endpoint);
|
|
5054
5068
|
result = response?.result;
|
|
5055
5069
|
if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
|
|
5056
|
-
return /* @__PURE__ */ (0,
|
|
5070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(NoDataFound_default, {});
|
|
5057
5071
|
}
|
|
5058
5072
|
if (dataBindingProperties.childCollectionName && props.dataitem) {
|
|
5059
5073
|
childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
|
|
@@ -5065,7 +5079,7 @@ var DivContainer = async (props) => {
|
|
|
5065
5079
|
}
|
|
5066
5080
|
const SelectedNode = NodeTypes2[node.type];
|
|
5067
5081
|
if (!SelectedNode) return null;
|
|
5068
|
-
return /* @__PURE__ */ (0,
|
|
5082
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5069
5083
|
SelectedNode,
|
|
5070
5084
|
{
|
|
5071
5085
|
node,
|
|
@@ -5165,9 +5179,9 @@ var DivContainer = async (props) => {
|
|
|
5165
5179
|
props.node.autoFormat && "auto-format",
|
|
5166
5180
|
props.node.bgClass
|
|
5167
5181
|
].filter(Boolean).join(" ");
|
|
5168
|
-
return /* @__PURE__ */ (0,
|
|
5169
|
-
/* @__PURE__ */ (0,
|
|
5170
|
-
/* @__PURE__ */ (0,
|
|
5182
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_react48.default.Fragment, { children: [
|
|
5183
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
|
|
5184
|
+
/* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
5171
5185
|
Wrapper,
|
|
5172
5186
|
{
|
|
5173
5187
|
id: guid,
|
|
@@ -5176,18 +5190,18 @@ var DivContainer = async (props) => {
|
|
|
5176
5190
|
...wrapperProps,
|
|
5177
5191
|
children: dataToRender.map(
|
|
5178
5192
|
(item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
|
|
5179
|
-
(child, i) => /* @__PURE__ */ (0,
|
|
5193
|
+
(child, i) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react48.default.Fragment, { children: child }, i)
|
|
5180
5194
|
) : renderChildren(props.node.children, props, item, idx)
|
|
5181
5195
|
)
|
|
5182
5196
|
}
|
|
5183
5197
|
) }),
|
|
5184
|
-
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0,
|
|
5198
|
+
dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
|
|
5185
5199
|
] });
|
|
5186
5200
|
};
|
|
5187
5201
|
var DivContainer_default = DivContainer;
|
|
5188
5202
|
|
|
5189
5203
|
// src/components/pageRenderingEngine/PageBodyRenderer.tsx
|
|
5190
|
-
var
|
|
5204
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
5191
5205
|
var NodeTypes = {
|
|
5192
5206
|
["paragraph"]: ParagraphNode_default,
|
|
5193
5207
|
["heading"]: HeadingNode_default,
|
|
@@ -5215,11 +5229,11 @@ var PageBodyRenderer = (props) => {
|
|
|
5215
5229
|
if (pageBodyTree && pageBodyTree.root) {
|
|
5216
5230
|
rootNode = pageBodyTree.root;
|
|
5217
5231
|
}
|
|
5218
|
-
return /* @__PURE__ */ (0,
|
|
5232
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
|
|
5219
5233
|
{
|
|
5220
5234
|
}
|
|
5221
5235
|
const SelectedNode = NodeTypes[node.type];
|
|
5222
|
-
return /* @__PURE__ */ (0,
|
|
5236
|
+
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5223
5237
|
SelectedNode,
|
|
5224
5238
|
{
|
|
5225
5239
|
node,
|
|
@@ -5234,7 +5248,7 @@ var PageBodyRenderer = (props) => {
|
|
|
5234
5248
|
assetBaseUrl: props.assetBaseUrl,
|
|
5235
5249
|
device: props.device
|
|
5236
5250
|
}
|
|
5237
|
-
) }) : /* @__PURE__ */ (0,
|
|
5251
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
|
|
5238
5252
|
SelectedNode,
|
|
5239
5253
|
{
|
|
5240
5254
|
node,
|